import{a as P,d as N,f as k}from"./chunk-QTTEMGWW.js";import"./chunk-VZSYGL77.js";import"./chunk-KT3425N4.js";import"./chunk-L5US5TIY.js";import"./chunk-KLR3GVJ4.js";import"./chunk-ROUB2DV5.js";import"./chunk-ZRYDU45O.js";import"./chunk-D2NXOKOR.js";import"./chunk-3OLHRZ2P.js";import"./chunk-2OYBQGHU.js";import"./chunk-33OPMCTI.js";import"./chunk-OH3XPIE7.js";import"./chunk-D5XKRYC7.js";import"./chunk-PYXABXFS.js";import"./chunk-RAVHNKJU.js";import{h as F,i as _,k as M,m as w,n as V,y as L}from"./chunk-7PPOABPU.js";import{a as C}from"./chunk-ILLDEPHH.js";import{Ac as f,Fc as b,Hd as h,Pb as c,Qb as s,Rb as u,Sb as p,Tb as t,Ub as e,Vb as l,fb as r,tc as i,vc as v,yb as y,yc as E,zc as S}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var x=()=>({standalone:!0});function A(m,o){if(m&1&&(t(0,"mat-option",21),i(1),e()),m&2){let n=o.$implicit;p("value",n.value),r(),v(" ",n.value," ")}}function B(m,o){if(m&1&&(t(0,"mat-option",21),i(1),e()),m&2){let n=o.$implicit;p("value",n.value),r(),v(" ",n.value," ")}}function I(m,o){if(m&1&&(t(0,"mat-option",21),i(1),e()),m&2){let n=o.$implicit;p("value",n.value),r(),v(" ",n.value," ")}}var T=class m{routes=C;selectedValue1="";selectedValue2="";selectedValue3="";selectedList1=[{value:"Select"},{value:"A+"},{value:"O+"},{value:"B+"},{value:"AB+"}];selectedList2=[{value:"Select State"},{value:"California"},{value:"Texas"},{value:"Florida"}];selectedList3=[{value:"Select Country"},{value:"USA"},{value:"France"},{value:"India"},{value:"Spain"}];static \u0275fac=function(n){return new(n||m)};static \u0275cmp=y({type:m,selectors:[["app-form-vertical"]],decls:296,vars:9,consts:[[1,"page-header"],[1,"row"],[1,"col"],[1,"page-title"],[1,"col-md-6"],[1,"card"],[1,"card-header"],[1,"card-title"],[1,"card-body"],["action","#"],[1,"mb-3"],["for","last",1,"form-label"],["type","text",1,"form-control"],["for","first",1,"form-label"],["for","tag",1,"form-label"],["type","email",1,"form-control"],["type","password",1,"form-control"],[1,"text-end"],["type","submit",1,"btn","btn-primary"],[1,"col-md-12"],["placeholder","Select",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],[3,"value"],["for","gender",1,"d-block"],[1,"form-check","form-check-inline"],["type","radio","name","gender","id","gender_male","value","option1",1,"form-check-input"],["for","gender_male",1,"form-check-label"],["type","radio","name","gender","id","gender_female","value","option2",1,"form-check-input"],["for","gender_female",1,"form-check-label"],["placeholder","Select State",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],["rows","5","cols","5","placeholder","Enter message",1,"form-control"],["placeholder","Select Country",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],["for","state"],[1,"col-xl-6"],[1,"card-header","justify-content-between"],["for","form-text1",1,"form-label","fs-14"],[1,"input-group"],[1,"input-group-text"],[1,"feather","icon-user","feather-user"],["type","text","id","form-text1","placeholder","",1,"form-control"],["for","form-password1",1,"form-label","fs-14"],[1,"feather","icon-lock","feather-lock"],["type","password","id","form-password1","placeholder","",1,"form-control"],[1,"feather-lock"],["for","colFormLabelSm",1,"col-form-label","col-form-label-sm"],["type","email","id","colFormLabelSm","placeholder","col-form-label-sm",1,"form-control","form-control-sm"],["for","colFormLabel",1,"col-form-label"],["type","email","id","colFormLabel","placeholder","col-form-label",1,"form-control"],["for","colFormLabelLg",1,"col-form-label","col-form-label-lg"],["type","email","id","colFormLabelLg","placeholder","col-form-label-lg",1,"form-control","form-control-lg"]],template:function(n,a){n&1&&(t(0,"div",0)(1,"div",1)(2,"div",2)(3,"h3",3),i(4,"Vertical Form"),e()()()(),t(5,"div",1)(6,"div",4)(7,"div",5)(8,"div",6)(9,"h5",7),i(10,"Basic Form"),e()(),t(11,"div",8)(12,"form",9)(13,"div",10)(14,"label",11),i(15,"First Name"),e(),l(16,"input",12),e(),t(17,"div",10)(18,"label",13),i(19,"First Name"),e(),l(20,"input",12),e(),t(21,"div",10)(22,"label",14),i(23,"Email Address"),e(),l(24,"input",15),e(),t(25,"div",10)(26,"label",14),i(27,"Username"),e(),l(28,"input",12),e(),t(29,"div",10)(30,"label",14),i(31,"Password"),e(),l(32,"input",16),e(),t(33,"div",10)(34,"label",14),i(35,"Repeat Password"),e(),l(36,"input",16),e(),t(37,"div",17)(38,"button",18),i(39,"Submit"),e()()()()()(),t(40,"div",4)(41,"div",5)(42,"div",6)(43,"h5",7),i(44,"Address Form"),e()(),t(45,"div",8)(46,"form",9)(47,"div",10)(48,"label",14),i(49,"Address Line 1"),e(),l(50,"input",12),e(),t(51,"div",10)(52,"label",14),i(53,"Address Line 2"),e(),l(54,"input",12),e(),t(55,"div",10)(56,"label",14),i(57,"City"),e(),l(58,"input",12),e(),t(59,"div",10)(60,"label",14),i(61,"State"),e(),l(62,"input",12),e(),t(63,"div",10)(64,"label",14),i(65,"Country"),e(),l(66,"input",12),e(),t(67,"div",10)(68,"label",14),i(69,"Postal Code"),e(),l(70,"input",12),e(),t(71,"div",17)(72,"button",18),i(73,"Submit"),e()()()()()()(),t(74,"div",1)(75,"div",19)(76,"div",5)(77,"div",6)(78,"h5",7),i(79,"Two Column Vertical Form"),e()(),t(80,"div",8)(81,"form",9)(82,"h5",7),i(83,"Personal Information"),e(),t(84,"div",1)(85,"div",4)(86,"div",10)(87,"label",11),i(88,"First Name"),e(),l(89,"input",12),e(),t(90,"div",10)(91,"label",13),i(92,"First Name"),e(),l(93,"input",12),e(),t(94,"div",10)(95,"label",14),i(96,"Blood Group"),e(),t(97,"mat-select",20),f("ngModelChange",function(d){return S(a.selectedValue1,d)||(a.selectedValue1=d),d}),s(98,A,2,2,"mat-option",21,c),e()(),t(100,"div",10)(101,"label",22),i(102,"Gender:"),e(),t(103,"div",23),l(104,"input",24),t(105,"label",25),i(106,"Male"),e()(),t(107,"div",23),l(108,"input",26),t(109,"label",27),i(110,"Female"),e()()()(),t(111,"div",4)(112,"div",10)(113,"label",14),i(114,"Username"),e(),l(115,"input",12),e(),t(116,"div",10)(117,"label",14),i(118,"Email"),e(),l(119,"input",12),e(),t(120,"div",10)(121,"label",14),i(122,"Password"),e(),l(123,"input",12),e(),t(124,"div",10)(125,"label",14),i(126,"Repeat Password"),e(),l(127,"input",12),e()()(),t(128,"h5",7),i(129,"Postal Address"),e(),t(130,"div",1)(131,"div",4)(132,"div",10)(133,"label",14),i(134,"Address Line 1"),e(),l(135,"input",12),e(),t(136,"div",10)(137,"label",14),i(138,"Address Line 2"),e(),l(139,"input",12),e(),t(140,"div",10)(141,"label",14),i(142,"State"),e(),l(143,"input",12),e()(),t(144,"div",4)(145,"div",10)(146,"label",14),i(147,"City"),e(),l(148,"input",12),e(),t(149,"div",10)(150,"label",14),i(151,"Country"),e(),l(152,"input",12),e(),t(153,"div",10)(154,"label",14),i(155,"Postal Code"),e(),l(156,"input",12),e()()(),t(157,"div",17)(158,"button",18),i(159,"Submit"),e()()()()()()(),t(160,"div",1)(161,"div",19)(162,"div",5)(163,"div",6)(164,"h5",7),i(165,"Two Column Vertical Form"),e()(),t(166,"div",8)(167,"form",9)(168,"div",1)(169,"div",4)(170,"h5",7),i(171,"Personal details"),e(),t(172,"div",10)(173,"label",14),i(174,"Name:"),e(),l(175,"input",12),e(),t(176,"div",10)(177,"label",14),i(178,"Password:"),e(),l(179,"input",16),e(),t(180,"div",10)(181,"label",14),i(182,"State:"),e(),t(183,"mat-select",28),f("ngModelChange",function(d){return S(a.selectedValue2,d)||(a.selectedValue2=d),d}),s(184,B,2,2,"mat-option",21,c),e()(),t(186,"div",10)(187,"label",14),i(188,"Your Message:"),e(),l(189,"textarea",29),e()(),t(190,"div",4)(191,"h5",7),i(192,"Personal details"),e(),t(193,"div",1)(194,"div",4)(195,"div",10)(196,"label",14),i(197,"First Name:"),e(),l(198,"input",12),e()(),t(199,"div",4)(200,"div",10)(201,"label",14),i(202,"Last Name:"),e(),l(203,"input",12),e()()(),t(204,"div",1)(205,"div",4)(206,"div",10)(207,"label",14),i(208,"Email:"),e(),l(209,"input",12),e()(),t(210,"div",4)(211,"div",10)(212,"label",14),i(213,"Phone:"),e(),l(214,"input",12),e()()(),t(215,"div",1)(216,"div",19)(217,"div",10)(218,"label",14),i(219,"Address line:"),e(),l(220,"input",12),e()()(),t(221,"div",1)(222,"div",4)(223,"div",10)(224,"label",14),i(225,"Country:"),e(),t(226,"mat-select",30),f("ngModelChange",function(d){return S(a.selectedValue3,d)||(a.selectedValue3=d),d}),s(227,I,2,2,"mat-option",21,c),e()()(),t(229,"div",4)(230,"div",10)(231,"label",31),i(232,"State/Province:"),e(),l(233,"input",12),e()()(),t(234,"div",1)(235,"div",4)(236,"div",10)(237,"label",14),i(238,"ZIP code:"),e(),l(239,"input",12),e()(),t(240,"div",4)(241,"div",10)(242,"label",14),i(243,"City:"),e(),l(244,"input",12),e()()()()(),t(245,"div",17)(246,"button",18),i(247,"Submit"),e()()()()()()(),t(248,"div",1)(249,"div",32)(250,"div",5)(251,"div",33)(252,"div",7),i(253," Vertical Forms with icon "),e()(),t(254,"div",8)(255,"div",10)(256,"label",34),i(257,"Enter name"),e(),t(258,"div",35)(259,"div",36),l(260,"i",37),e(),l(261,"input",38),e()(),t(262,"div",10)(263,"label",39),i(264,"Enter Password"),e(),t(265,"div",35)(266,"div",36),l(267,"i",40),e(),l(268,"input",41),e()(),t(269,"div",10)(270,"label",39),i(271,"Enter Repeat Password"),e(),t(272,"div",35)(273,"div",36),l(274,"i",42),e(),l(275,"input",41),e()(),t(276,"button",18),i(277,"Submit"),e()()()(),t(278,"div",32)(279,"div",5)(280,"div",33)(281,"div",7),i(282," Horizontal form label sizing "),e()(),t(283,"div",8)(284,"div",10)(285,"label",43),i(286,"Email"),e(),l(287,"input",44),e(),t(288,"div",10)(289,"label",45),i(290,"Email"),e(),l(291,"input",46),e(),t(292,"div")(293,"label",47),i(294,"Email"),e(),l(295,"input",48),e()()()()()),n&2&&(r(97),E("ngModel",a.selectedValue1),p("ngModelOptions",b(6,x)),r(),u(a.selectedList1),r(85),E("ngModel",a.selectedValue2),p("ngModelOptions",b(7,x)),r(),u(a.selectedList2),r(42),E("ngModel",a.selectedValue3),p("ngModelOptions",b(8,x)),r(),u(a.selectedList3))},dependencies:[h,k,N,P,L,V,F,_,w,M],encapsulation:2})};export{T as FormVerticalComponent};