import{a as k,d as I,f as P}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 _,i as F,k as M,m as w,n as z,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 u,Rb as s,Sb as p,Tb as e,Ub as t,Vb as n,fb as r,tc as i,vc as v,yb as y,yc as S,zc as E}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var g=()=>({standalone:!0});function N(o,d){if(o&1&&(e(0,"mat-option",28),i(1),t()),o&2){let a=d.$implicit;p("value",a.value),r(),v(" ",a.value," ")}}function V(o,d){if(o&1&&(e(0,"mat-option",28),i(1),t()),o&2){let a=d.$implicit;p("value",a.value),r(),v(" ",a.value," ")}}function H(o,d){if(o&1&&(e(0,"mat-option",28),i(1),t()),o&2){let a=d.$implicit;p("value",a.value),r(),v(" ",a.value," ")}}function W(o,d){if(o&1&&(e(0,"mat-option",28),i(1),t()),o&2){let a=d.$implicit;p("value",a.value),r(),v(" ",a.value," ")}}function B(o,d){if(o&1&&(e(0,"mat-option",28),i(1),t()),o&2){let a=d.$implicit;p("value",a.value),r(),v(" ",a.value," ")}}var T=class o{routes=C;selectedValue1="";selectedValue2="";selectedValue3="";selectedValue4="";selectedValue5="";selectedList1=[{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"}];selectedList4=[{value:"Choose..."},{value:"One"},{value:"Two"},{value:"Three"}];selectedList5=[{value:"Choose..."},{value:"One"},{value:"Two"},{value:"Three"}];static \u0275fac=function(a){return new(a||o)};static \u0275cmp=y({type:o,selectors:[["app-form-horizontal"]],decls:378,vars:15,consts:[[1,"page-header"],[1,"row"],[1,"col"],[1,"page-title"],[1,"col-xl-6","d-flex"],[1,"card","flex-fill"],[1,"card-header"],[1,"card-title"],[1,"card-body"],["action","#"],[1,"row","mb-3"],[1,"col-lg-3","col-form-label"],[1,"col-lg-9"],["type","text",1,"form-control"],["type","email",1,"form-control"],["type","password",1,"form-control"],[1,"text-end"],["type","submit",1,"btn","btn-primary"],[1,"col-md-12"],[1,"card"],[1,"mb-3"],[1,"col-xl-6"],[1,"form-check","form-check-inline"],["type","radio","name","gender","id","gender_male","value","option1","checked","",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",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],[3,"value"],["placeholder","Select State",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],["rows","4","cols","5","placeholder","Enter message",1,"form-control"],[1,"col-md-6"],["type","text","placeholder","First Name",1,"form-control"],["type","text","placeholder","Last Name",1,"form-control"],[1,"row","mt-4"],["placeholder","Select Country",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],["type","text","placeholder","ZIP code",1,"form-control"],["type","text","placeholder","State/Province",1,"form-control"],["type","text","placeholder","City",1,"form-control"],[1,"card-header","justify-content-between"],["for","inputEmail1",1,"col-sm-2","col-form-label"],[1,"col-sm-10"],[1,"input-group"],["type","email","id","inputEmail1",1,"form-control"],[1,"input-group-text"],[1,"feather","icon-mail"],["for","inputPassword1",1,"col-sm-2","col-form-label"],["type","password","id","inputPassword1",1,"form-control"],[1,"feather","icon-lock"],["for","colFormLabelSm",1,"col-sm-2","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-sm-2","col-form-label"],["type","email","id","colFormLabel","placeholder","col-form-label",1,"form-control"],["for","colFormLabelLg",1,"col-sm-2","col-form-label","col-form-label-lg"],["type","email","id","colFormLabelLg","placeholder","col-form-label-lg",1,"form-control","form-control-lg"],[1,"col-xl-12"],[1,"row","gy-2","gx-3","align-items-center","mb-4"],[1,"col-auto"],["for","autoSizingInput",1,"visually-hidden"],["type","text","id","autoSizingInput","placeholder","Jane Doe",1,"form-control"],["for","autoSizingInputGroup",1,"visually-hidden"],["type","text","id","autoSizingInputGroup","placeholder","Username",1,"form-control"],["for","autoSizingSelect",1,"visually-hidden"],["placeholder","Choose...",1,"select","custom-mat-select",3,"ngModelChange","ngModel","ngModelOptions"],[1,"form-check"],["type","checkbox","id","autoSizingCheck",1,"form-check-input"],["for","autoSizingCheck",1,"form-check-label"],[1,"fw-semibold","mb-1","text-muted"],[1,"row","gx-3","gy-2","align-items-center","mt-0"],[1,"col-sm-3"],["for","specificSizeInputName",1,"visually-hidden"],["type","text","id","specificSizeInputName","placeholder","Jane Doe",1,"form-control"],["for","specificSizeInputGroupUsername",1,"visually-hidden"],["type","text","id","specificSizeInputGroupUsername","placeholder","Username",1,"form-control"],["for","specificSizeSelect",1,"visually-hidden"],["type","checkbox","id","autoSizingCheck2",1,"form-check-input"],["for","autoSizingCheck2",1,"form-check-label"]],template:function(a,l){a&1&&(e(0,"div",0)(1,"div",1)(2,"div",2)(3,"h3",3),i(4,"Horizontal Form"),t()()()(),e(5,"div",1)(6,"div",4)(7,"div",5)(8,"div",6)(9,"h5",7),i(10,"Basic Form"),t()(),e(11,"div",8)(12,"form",9)(13,"div",10)(14,"label",11),i(15,"First Name"),t(),e(16,"div",12),n(17,"input",13),t()(),e(18,"div",10)(19,"label",11),i(20,"Last Name"),t(),e(21,"div",12),n(22,"input",13),t()(),e(23,"div",10)(24,"label",11),i(25,"Email Address"),t(),e(26,"div",12),n(27,"input",14),t()(),e(28,"div",10)(29,"label",11),i(30,"Username"),t(),e(31,"div",12),n(32,"input",13),t()(),e(33,"div",10)(34,"label",11),i(35,"Password"),t(),e(36,"div",12),n(37,"input",15),t()(),e(38,"div",10)(39,"label",11),i(40,"Repeat Password"),t(),e(41,"div",12),n(42,"input",15),t()(),e(43,"div",16)(44,"button",17),i(45,"Submit"),t()()()()()(),e(46,"div",4)(47,"div",5)(48,"div",6)(49,"h5",7),i(50,"Address Form"),t()(),e(51,"div",8)(52,"form",9)(53,"div",10)(54,"label",11),i(55,"Address 1"),t(),e(56,"div",12),n(57,"input",13),t()(),e(58,"div",10)(59,"label",11),i(60,"Address 2"),t(),e(61,"div",12),n(62,"input",13),t()(),e(63,"div",10)(64,"label",11),i(65,"City"),t(),e(66,"div",12),n(67,"input",13),t()(),e(68,"div",10)(69,"label",11),i(70,"State"),t(),e(71,"div",12),n(72,"input",13),t()(),e(73,"div",10)(74,"label",11),i(75,"Country"),t(),e(76,"div",12),n(77,"input",13),t()(),e(78,"div",10)(79,"label",11),i(80,"Postal Code"),t(),e(81,"div",12),n(82,"input",13),t()(),e(83,"div",16)(84,"button",17),i(85,"Submit"),t()()()()()()(),e(86,"div",1)(87,"div",18)(88,"div",19)(89,"div",6)(90,"h5",7),i(91,"Two Column Horizontal Form"),t()(),e(92,"div",8)(93,"h6",20),i(94,"Personal Information"),t(),e(95,"form",9)(96,"div",1)(97,"div",21)(98,"div",10)(99,"label",11),i(100,"First Name"),t(),e(101,"div",12),n(102,"input",13),t()(),e(103,"div",10)(104,"label",11),i(105,"Last Name"),t(),e(106,"div",12),n(107,"input",13),t()(),e(108,"div",10)(109,"label",11),i(110,"Gender"),t(),e(111,"div",12)(112,"div",22),n(113,"input",23),e(114,"label",24),i(115," Male "),t()(),e(116,"div",22),n(117,"input",25),e(118,"label",26),i(119," Female "),t()()()(),e(120,"div",10)(121,"label",11),i(122,"Blood Group"),t(),e(123,"div",12)(124,"mat-select",27),f("ngModelChange",function(m){return E(l.selectedValue1,m)||(l.selectedValue1=m),m}),u(125,N,2,2,"mat-option",28,c),t()()()(),e(127,"div",21)(128,"div",10)(129,"label",11),i(130,"Username"),t(),e(131,"div",12),n(132,"input",13),t()(),e(133,"div",10)(134,"label",11),i(135,"Email"),t(),e(136,"div",12),n(137,"input",13),t()(),e(138,"div",10)(139,"label",11),i(140,"Password"),t(),e(141,"div",12),n(142,"input",15),t()(),e(143,"div",10)(144,"label",11),i(145,"Repeat Password"),t(),e(146,"div",12),n(147,"input",15),t()()()(),e(148,"h6",20),i(149,"Address"),t(),e(150,"div",1)(151,"div",21)(152,"div",10)(153,"label",11),i(154,"Address Line 1"),t(),e(155,"div",12),n(156,"input",13),t()(),e(157,"div",10)(158,"label",11),i(159,"Address Line 2"),t(),e(160,"div",12),n(161,"input",13),t()(),e(162,"div",10)(163,"label",11),i(164,"State"),t(),e(165,"div",12),n(166,"input",13),t()()(),e(167,"div",21)(168,"div",10)(169,"label",11),i(170,"City"),t(),e(171,"div",12),n(172,"input",13),t()(),e(173,"div",10)(174,"label",11),i(175,"Country"),t(),e(176,"div",12),n(177,"input",13),t()(),e(178,"div",10)(179,"label",11),i(180,"Postal Code"),t(),e(181,"div",12),n(182,"input",13),t()()()(),e(183,"div",16)(184,"button",17),i(185,"Submit"),t()()()()()()(),e(186,"div",1)(187,"div",18)(188,"div",19)(189,"div",6)(190,"h5",7),i(191,"Two Column Horizontal Form 2"),t()(),e(192,"div",8)(193,"form",9)(194,"div",1)(195,"div",21)(196,"h6",20),i(197,"Personal Information"),t(),e(198,"div",10)(199,"label",11),i(200,"First Name"),t(),e(201,"div",12),n(202,"input",13),t()(),e(203,"div",10)(204,"label",11),i(205,"Last Name"),t(),e(206,"div",12),n(207,"input",13),t()(),e(208,"div",10)(209,"label",11),i(210,"Password"),t(),e(211,"div",12),n(212,"input",15),t()(),e(213,"div",10)(214,"label",11),i(215,"State"),t(),e(216,"div",12)(217,"mat-select",29),f("ngModelChange",function(m){return E(l.selectedValue2,m)||(l.selectedValue2=m),m}),u(218,V,2,2,"mat-option",28,c),t()()(),e(220,"div",10)(221,"label",11),i(222,"About"),t(),e(223,"div",12),n(224,"textarea",30),t()()(),e(225,"div",21)(226,"h6",20),i(227,"Personal Details"),t(),e(228,"div",1)(229,"label",11),i(230,"Name"),t(),e(231,"div",12)(232,"div",1)(233,"div",31)(234,"div",20),n(235,"input",32),t()(),e(236,"div",31)(237,"div",20),n(238,"input",33),t()()()()(),e(239,"div",10)(240,"label",11),i(241,"Email"),t(),e(242,"div",12),n(243,"input",13),t()(),e(244,"div",10)(245,"label",11),i(246,"Phone"),t(),e(247,"div",12),n(248,"input",13),t()(),e(249,"div",10)(250,"label",11),i(251,"Address"),t(),e(252,"div",12),n(253,"input",13),e(254,"div",34)(255,"div",31)(256,"div",20)(257,"mat-select",35),f("ngModelChange",function(m){return E(l.selectedValue3,m)||(l.selectedValue3=m),m}),u(258,H,2,2,"mat-option",28,c),t()(),e(260,"div",20),n(261,"input",36),t()(),e(262,"div",31)(263,"div",20),n(264,"input",37),t(),e(265,"div",20),n(266,"input",38),t()()()()()()(),e(267,"div",16)(268,"button",17),i(269,"Submit"),t()()()()()()(),e(270,"div",1)(271,"div",21)(272,"div",19)(273,"div",39)(274,"div",7),i(275," Horizontal form With Icons "),t()(),e(276,"div",8)(277,"form")(278,"div",10)(279,"label",40),i(280,"Email"),t(),e(281,"div",41)(282,"div",42),n(283,"input",43),e(284,"div",44),n(285,"i",45),t()()()(),e(286,"div",10)(287,"label",46),i(288,"Password"),t(),e(289,"div",41)(290,"div",42),n(291,"input",47),e(292,"div",44),n(293,"i",48),t()()()(),e(294,"button",17),i(295,"Sign in"),t()()()()(),e(296,"div",21)(297,"div",19)(298,"div",39)(299,"div",7),i(300," Horizontal form label sizing "),t()(),e(301,"div",8)(302,"div",10)(303,"label",49),i(304,"Email"),t(),e(305,"div",41),n(306,"input",50),t()(),e(307,"div",10)(308,"label",51),i(309,"Email"),t(),e(310,"div",41),n(311,"input",52),t()(),e(312,"div",1)(313,"label",53),i(314,"Email"),t(),e(315,"div",41),n(316,"input",54),t()()()()()(),e(317,"div",1)(318,"div",55)(319,"div",19)(320,"div",39)(321,"div",7),i(322," Auto sizing "),t()(),e(323,"div",8)(324,"form",56)(325,"div",57)(326,"label",58),i(327,"Name"),t(),n(328,"input",59),t(),e(329,"div",57)(330,"label",60),i(331,"Username"),t(),e(332,"div",42)(333,"div",44),i(334,"@"),t(),n(335,"input",61),t()(),e(336,"div",57)(337,"label",62),i(338,"Preference"),t(),e(339,"mat-select",63),f("ngModelChange",function(m){return E(l.selectedValue4,m)||(l.selectedValue4=m),m}),u(340,W,2,2,"mat-option",28,c),t()(),e(342,"div",57)(343,"div",64),n(344,"input",65),e(345,"label",66),i(346," Remember me "),t()()(),e(347,"div",57)(348,"button",17),i(349,"Submit"),t()()(),e(350,"span",67),i(351,"You can then remix that once again with size-specific column classes."),t(),e(352,"form",68)(353,"div",69)(354,"label",70),i(355,"Name"),t(),n(356,"input",71),t(),e(357,"div",69)(358,"label",72),i(359,"Username"),t(),e(360,"div",42)(361,"div",44),i(362,"@"),t(),n(363,"input",73),t()(),e(364,"div",69)(365,"label",74),i(366,"Preference"),t(),e(367,"mat-select",63),f("ngModelChange",function(m){return E(l.selectedValue5,m)||(l.selectedValue5=m),m}),u(368,B,2,2,"mat-option",28,c),t()(),e(370,"div",57)(371,"div",64),n(372,"input",75),e(373,"label",76),i(374," Remember me "),t()()(),e(375,"div",57)(376,"button",17),i(377,"Submit"),t()()()()()()()),a&2&&(r(124),S("ngModel",l.selectedValue1),p("ngModelOptions",b(10,g)),r(),s(l.selectedList1),r(92),S("ngModel",l.selectedValue2),p("ngModelOptions",b(11,g)),r(),s(l.selectedList2),r(39),S("ngModel",l.selectedValue3),p("ngModelOptions",b(12,g)),r(),s(l.selectedList3),r(81),S("ngModel",l.selectedValue4),p("ngModelOptions",b(13,g)),r(),s(l.selectedList4),r(27),S("ngModel",l.selectedValue5),p("ngModelOptions",b(14,g)),r(),s(l.selectedList5))},dependencies:[h,P,I,k,L,z,_,F,w,M],encapsulation:2})};export{T as FormHorizontalComponent};