http://portalconsultivo.costanox.com.br/Portal-app/4270.8cdec42f27c2c7167943.js

1"use strict";(self.webpackChunkportal_app=self.webpackChunkportal_app||[]).push([[4270],{84270:(x,n,o)=>{o.r(n),o.d(n,{FormsLayoutsModule:()=>U,routes:()=>c});var A=o(63423),u=o(51095),l=o(7539),s=o(1769),Z=o(98295),m=o(76627),d=o(83166),T=o(33935),r=o(82613),p=o(67441),q=o(44466),e=o(37716),g=o(3679),f=o(72458);const c=[{path:"",component:(()=>{class t{constructor(){}}return t.\u0275fac=function(a){return new(a||t)},t.\u0275cmp=e.Xpm({type:t,selectors:[["forms-layouts"]],decls:618,vars:110,consts:[[1,"flex","flex-col","flex-auto","min-w-0"],[1,"flex","flex-col","sm:flex-row","flex-0","sm:items-center","sm:justify-between","p-6","sm:py-8","sm:px-10","border-b","bg-card","dark:bg-transparent"],[1,"flex-1","min-w-0"],[1,"flex","flex-wrap","items-center","font-medium"],[1,"whitespace-nowrap","text-primary-500"],[1,"flex","items-center","ml-1","whitespace-nowrap"],[1,"icon-size-5","text-secondary",3,"svgIcon"],[1,"ml-1","text-primary-500"],[1,"mt-2"],[1,"text-3xl","md:text-4xl","font-extrabold","tracking-tight","leading-7","sm:leading-10","truncate"],[1,"flex-auto","p-6","sm:p-10"],[1,"max-w-3xl"],[1,"prose","prose-sm","max-w-3xl"],[1,"mt-12"],[1,"flex","flex-col","mt-4","px-8","pt-10","bg-card","shadow","rounded","overflow-hidden"],[1,"text-lg","font-medium"],[1,"text-secondary","mb-6"],[1,"flex"],[1,"flex-auto"],["matInput","",3,"placeholder"],["matPrefix","",1,"icon-size-5",3,"svgIcon"],[1,"flex","flex-col","gt-xs:flex-row"],[1,"flex-auto","gt-xs:pr-3"],[3,"placeholder"],["value","country-1"],["value","country-2"],["value","country-3"],[1,"flex-auto","gt-xs:pl-3"],["value","language-1"],["value","language-2"],["value","language-3"],[1,"mt-6","mb-10"],["matPrefix",""],[1,"fuse-mat-textarea","flex-auto"],["matInput","",3,"placeholder","rows"],[1,"flex","flex-col","gt-sm:flex-row"],[1,"flex","flex-col"],[1,"font-semibold","mb-2"],[1,"mb-2",3,"checked","color"],[1,"mb-2",3,"color"],[3,"checked","color"],[1,"flex","flex-col","mt-8","gt-sm:mt-0","gt-sm

1:ml-16"],[1,"flex","flex-col",3,"color","value"],[1,"mb-2",3,"value"],[3,"value"],[1,"flex","items-center","justify-end","border-t","-mx-8","mt-8","px-8","py-5","bg-gray-50","dark:bg-gray-700"],["mat-button",""],["mat-flat-button","",1,"px-6","ml-3",3,"color"],[1,"mt-20"],[1,"flex","flex-col","gt-xs:flex-row","gt-xs:items-start"],[1,"gt-xs:max-w-80","gt-xs:pr-12"],[1,"flex-auto","min-w-64"],[1,"mt-4","mb-12"],[1,"flex","flex-col","mt-8"],[1,"flex","flex-col","mt-4","bg-card","shadow","rounded","overflow-hidden"],[1,"bg-gray-50","dark:bg-gray-700","p-8","border-b"],[1,"text-secondary"],[1,"flex","flex-col","p-8"],[1,"fuse-mat-dense","flex-auto"],["matInput",""],[1,"bg-gray-50","dark:bg-gray-700","p-8","border-t","border-b"],["matInput","",3,"rows"],[1,"p-8"],[1,"font-semibold","mb-2","gt-xs:text-right","gt-xs:min-w-32","gt-xs:mr-4","gt-xs:mb-0"],[1,"flex","flex-col","gt-xs:flex-row","mt-8"],[1,"flex","items-center","justify-end","border-t","px-8","py-5","bg-gray-50","dark:bg-gray-700"],[1,"flex","flex-col","mt-8","p-8","pb-5","bg-card","rounded","shadow","overflow-hidden"],[1,"mt-8","mb-10"],[1,"flex","flex-col","mt-8","p-8","pb-5","bg-card","shadow","rounded","overflow-hidden"],[1,"flex","flex-col","mt-8","p-8","bg-card","shadow","rounded","overflow-hidden"],[1,"flex","items-center","justify-end","mt-10"],[1,"mt-8"],[1,"gt-xs:max-w-64","gt-xs:pr-12"],[1,"flex","flex-col","flex-auto","p-8","pb-6","bg-card","shadow","rounded","overflow-hidden"],[1,"flex","flex-col","mt-8","gt-xs:flex-row","gt-xs:items-start"],[1,"flex","flex-col","flex-auto","p-8","bg-card","shadow","rounded","overflow-hidden"],[1,"flex","flex-col","mt-8","bg-card","shadow","rounded","overflow-hidden"],[1,"p-8","bg-gray-50","dark:bg-gray-700"],[1,"p-8","pb-4"],[1,"flex","flex-col","gt-xs:flex-row","gt-xs:items-baseline"],[1,"font-semibold","mb-1","gt-xs:text-right","gt-xs:min-w-32","gt-xs:mr-4","gt-xs:mb-0"],[1,"flex","flex-col","flex-auto","mt-8","bg-card","shadow","rounded","overflow-hidden"]],template:function(a,v){1&a&&(e.TgZ(0,"div",0),e.TgZ(1,"div",1),e.TgZ(2,"div",2),e.TgZ(3,"div",3),e.TgZ(4,"div"),e.TgZ(5,"a",4),e._uU(6,"User Interface"),e.qZA(),e.qZA(),e.TgZ(7,"div",5),e._UZ(8,"mat-icon",6),e.TgZ(9,"a",7),e._uU(10,"Forms"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(11,"div",8),e.TgZ(12,"h2",9),e._uU(13," Layouts "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(14,"div",10),e.TgZ(15,"div",11),e.TgZ(16,"div",12),e.TgZ(17,"p"),e._uU(18," Forms are one of the most important and most used components of any web application. Below, you can find couple of ready to use form layout examples which you can use as the base of your own forms. "),e.qZA(),e.qZA(),e.TgZ(19,"div",12),e.TgZ(20,"h2",13),e._uU(21,"Sectioned form with dividers"),e.qZA(),e.TgZ(22,"p"),e._uU(23," This sectioned form example uses dividers to separate the different sections of the form. Form fields uses "),e.TgZ(24,"em"),e._uU(25,"placeholders"),e.qZA(),e._uU(26," and don't have separate labels for more compact look. "),e.qZA(),e.qZA(),e.TgZ(27,"form",14),e.TgZ(28,"p",15),e._uU(29,"Basic information"),e.qZA(),e.TgZ(30,"p",16),e._uU(31," Set your login preferences, help us personalize your experience and make big account changes here "),e.qZA(),e.TgZ(32,"div",17),e.TgZ(33,"mat-form-field",18),e._UZ(34,"input",19),e._UZ(35,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(36,"div",21),e.TgZ(37,"mat-form-field",22),e.TgZ(38,"mat-select",23),e.TgZ(39,"mat-option",24),e._uU(40,"Country 1"),e.qZA(),e.TgZ(41,"mat-option",25),e._uU(42,"Country 2"),e.qZA(),e.TgZ(43,"mat-option",26),e._uU(44,"Country 3"),e.qZA(),e.qZA(),e._UZ(45,"mat-icon",20),e.qZA(),e.TgZ(46,"mat-form-field",27),e.TgZ(47,"mat-select",23),e.TgZ(48,"mat-option",28),e._uU(49,"Language 1"),e.qZA(),e.TgZ(50,"mat-option",29),e._uU(51,"Language 2"),e.qZA(),e.TgZ(52,"mat-option",30),e._uU(53,"Language 3"),e.qZA(),e.qZA(),e._UZ(54,"mat-icon",20),e.qZA(),e.qZA(),e._UZ(55,"mat-divider",31),e.TgZ(56,"p",15),e._uU(57,"Profile"),e.qZA(),e.TgZ(58,"p",16),e._uU(59," People here will get to know you with this information "),e.qZA(),e.TgZ(60,"div",21),e.TgZ(61,"mat-form-field",22),e._UZ(62,"input",19),e._UZ(63,"mat-icon",20),e.qZA(),e.TgZ(64,"mat-form-field",27),e._UZ(65,"input",19),e._UZ(66,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(67,"div",17),e.TgZ(68,"mat-form-field",18),e._UZ(69,"input",19),e.TgZ(70,"span",32),e._uU(71,"www.example.com/"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(72,"div",17),e.TgZ(73,"mat-form-field",33),e._UZ(74,"textarea",34),e._UZ(75,"mat-icon",20),e.qZA(),e.qZA(),e._UZ(76,"mat-divider",31),e.TgZ(77,"p",15),e._uU(78,"Notifications"),e.qZA(),e.TgZ(79,"p",16),e._uU(80," We'll always let you know about important changes, but you pick 

1what else you want to hear about. "),e.qZA(),e.TgZ(81,"div",35),e.TgZ(82,"div",36),e.TgZ(83,"span",37),e._uU(84,"By Email"),e.qZA(),e.TgZ(85,"div",36),e.TgZ(86,"mat-checkbox",38),e._uU(87," Company News "),e.qZA(),e.TgZ(88,"mat-checkbox",39),e._uU(89," Featured Products "),e.qZA(),e.TgZ(90,"mat-checkbox",40),e._uU(91," Messages "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(92,"div",41),e.TgZ(93,"span",37),e._uU(94,"Push Notifications"),e.qZA(),e.TgZ(95,"mat-radio-group",42),e.TgZ(96,"mat-radio-button",43),e._uU(97," Everything "),e.qZA(),e.TgZ(98,"mat-radio-button",43),e._uU(99," Just the good stuff "),e.qZA(),e.TgZ(100,"mat-radio-button",44),e._uU(101," No push notifications "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(102,"div",45),e.TgZ(103,"button",46),e._uU(104," Cancel "),e.qZA(),e.TgZ(105,"button",47),e._uU(106," Save "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(107,"div",12),e.TgZ(108,"h2",48),e._uU(109,"Sectioned form with dividers #2"),e.qZA(),e.TgZ(110,"p"),e._uU(111," This sectioned form example uses dividers to separate the different sections of the form, section title and description is horizontally aligned with the section fields. Form fields uses "),e.TgZ(112,"em"),e._uU(113,"mat-label"),e.qZA(),e._uU(114," to have separate labels as well as placeholders for hints. "),e.qZA(),e.qZA(),e.TgZ(115,"form",14),e.TgZ(116,"div",49),e.TgZ(117,"div",50),e.TgZ(118,"p",15),e._uU(119,"Basic information"),e.qZA(),e.TgZ(120,"p",16),e._uU(121," Set your login preferences, help us personalize your experience and make big account changes here "),e.qZA(),e.qZA(),e.TgZ(122,"div",51),e.TgZ(123,"div",17),e.TgZ(124,"mat-form-field",18),e.TgZ(125,"mat-label"),e._uU(126,"Email Address"),e.qZA(),e._UZ(127,"input",19),e._UZ(128,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(129,"div",17),e.TgZ(130,"mat-form-field",18),e.TgZ(131,"mat-label"),e._uU(132,"Country / Region"),e.qZA(),e.TgZ(133,"mat-select"),e.TgZ(134,"mat-option",24),e._uU(135,"Country 1"),e.qZA(),e.TgZ(136,"mat-option",25),e._uU(137,"Country 2"),e.qZA(),e.TgZ(138,"mat-option",26),e._uU(139,"Country 3"),e.qZA(),e.qZA(),e._UZ(140,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(141,"div",17),e.TgZ(142,"mat-form-field",18),e.TgZ(143,"mat-label"),e._uU(144,"Language"),e.qZA(),e.TgZ(145,"mat-select"),e.TgZ(146,"mat-option",28),e._uU(147,"Language 1"),e.qZA(),e.TgZ(148,"mat-option",29),e._uU(149,"Language 2"),e.qZA(),e.TgZ(150,"mat-option",30),e._uU(151,"Language 3"),e.qZA(),e.qZA(),e._UZ(152,"mat-icon",20),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e._UZ(153,"mat-divider",52),e.TgZ(154,"div",49),e.TgZ(155,"div",50),e.TgZ(156,"p",15),e._uU(157,"Profile"),e.qZA(),e.TgZ(158,"p",16),e._uU(159," People here will get to know you with this information "),e.qZA(),e.qZA(),e.TgZ(160,"div",51),e.TgZ(161,"div",17),e.TgZ(162,"mat-form-field",18),e.TgZ(163,"mat-label"),e._uU(164,"First name"),e.qZA(),e._UZ(165,"input",19),e._UZ(166,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(167,"div",17),e.TgZ(168,"mat-form-field",18),e.TgZ(169,"mat-label"),e._uU(170,"Last name"),e.qZA(),e._UZ(171,"input",19),e._UZ(172,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(173,"div",17),e.TgZ(174,"mat-form-field",18),e.TgZ(175,"mat-label"),e._uU(176,"Username"),e.qZA(),e._UZ(177,"input",19),e.TgZ(178,"span",32),e._uU(179,"www.example.com/"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(180,"div",17),e.TgZ(181,"mat-form-field",33),e.TgZ(182,"mat-label"),e._uU(183,"About"),e.qZA(),e._UZ(184,"textarea",34),e._UZ(185,"mat-icon",20),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e._UZ(186,"mat-divider",52),e.TgZ(187,"div",49),e.TgZ(188,"div",50),e.TgZ(189,"p",15),e._uU(190,"Notifications"),e.qZA(),e.TgZ(191,"p",16),e._uU(192," We'll always let you know about important changes, but you pick what else you want to hear about. "),e.qZA(),e.qZA(),e.TgZ(193,"div",51),e.TgZ(194,"div",36),e.TgZ(195,"span",37),e._uU(196,"By Email"),e.qZA(),e.TgZ(197,"div",36),e.TgZ(198,"mat-checkbox",38),e._uU(199," Company News "),e.qZA(),e.TgZ(200,"mat-checkbox",39),e._uU(201," Featured Products "),e.qZA(),e.TgZ(202,"mat-checkbox",40),e._uU(203," Messages "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(204,"div",53),e.TgZ(205,"span",37),e._uU(206,"Push Notifications"),e.qZA(),e.TgZ(207,"mat-radio-group",42),e.TgZ(208,"mat-radio-button",43),e._uU(209," Everything "),e.qZA(),e.TgZ(210,"mat-radio-button",43),e._uU(211," Just the good stuff "),e.qZA(),e.TgZ(212,"mat-radio-button",44),e._uU(213," No pu

1sh notifications "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(214,"div",45),e.TgZ(215,"button",46),e._uU(216," Cancel "),e.qZA(),e.TgZ(217,"button",47),e._uU(218," Save "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(219,"div",12),e.TgZ(220,"h2",48),e._uU(221,"Sectioned form with dividers #3"),e.qZA(),e.TgZ(222,"p"),e._uU(223," This sectioned form example uses dividers and colors to separate the different sections of the form. Form fields have "),e.TgZ(224,"em"),e._uU(225,"labels"),e.qZA(),e._uU(226," and "),e.TgZ(227,"em"),e._uU(228,"dense"),e.qZA(),e._uU(229," style. "),e.qZA(),e.qZA(),e.TgZ(230,"form",54),e.TgZ(231,"div",55),e.TgZ(232,"p",15),e._uU(233,"Basic information"),e.qZA(),e.TgZ(234,"p",56),e._uU(235,"Set your login preferences, help us personalize your experience and make big account changes here"),e.qZA(),e.qZA(),e.TgZ(236,"div",57),e.TgZ(237,"mat-form-field",58),e.TgZ(238,"mat-label"),e._uU(239,"Email Address"),e.qZA(),e._UZ(240,"input",59),e.qZA(),e.TgZ(241,"mat-form-field",58),e.TgZ(242,"mat-label"),e._uU(243,"Country / Region"),e.qZA(),e.TgZ(244,"mat-select"),e.TgZ(245,"mat-option",24),e._uU(246,"Country 1"),e.qZA(),e.TgZ(247,"mat-option",25),e._uU(248,"Country 2"),e.qZA(),e.TgZ(249,"mat-option",26),e._uU(250,"Country 3"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(251,"mat-form-field",58),e.TgZ(252,"mat-label"),e._uU(253,"Language"),e.qZA(),e.TgZ(254,"mat-select"),e.TgZ(255,"mat-option",28),e._uU(256,"Language 1"),e.qZA(),e.TgZ(257,"mat-option",29),e._uU(258,"Language 2"),e.qZA(),e.TgZ(259,"mat-option",30),e._uU(260,"Language 3"),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(261,"div",60),e.TgZ(262,"p",15),e._uU(263,"Profile"),e.qZA(),e.TgZ(264,"p",56),e._uU(265,"People here will get to know you with this information"),e.qZA(),e.qZA(),e.TgZ(266,"div",57),e.TgZ(267,"mat-form-field",58),e.TgZ(268,"mat-label"),e._uU(269,"First name"),e.qZA(),e._UZ(270,"input",59),e.qZA(),e.TgZ(271,"mat-form-field",58),e.TgZ(272,"mat-label"),e._uU(273,"Last name"),e.qZA(),e._UZ(274,"input",59),e.qZA(),e.TgZ(275,"mat-form-field",58),e.TgZ(276,"mat-label"),e._uU(277,"Username"),e.qZA(),e._UZ(278,"input",59),e.TgZ(279,"span",32),e._uU(280,"www.example.com/"),e.qZA(),e.qZA(),e.TgZ(281,"mat-form-field",33),e.TgZ(282,"mat-label"),e._uU(283,"About"),e.qZA(),e._UZ(284,"textarea",61),e.qZA(),e.qZA(),e.TgZ(285,"div",60),e.TgZ(286,"p",15),e._uU(287,"Notifications"),e.qZA(),e.TgZ(288,"p",56),e._uU(289,"We'll always let you know about important changes, but you pick what else you want to hear about."),e.qZA(),e.qZA(),e.TgZ(290,"div",62),e.TgZ(291,"div",21),e.TgZ(292,"span",63),e._uU(293,"By Email"),e.qZA(),e.TgZ(294,"div",36),e.TgZ(295,"mat-checkbox",38),e._uU(296," Company News "),e.qZA(),e.TgZ(297,"mat-checkbox",39),e._uU(298," Featured Products "),e.qZA(),e.TgZ(299,"mat-checkbox",40),e._uU(300," Messages "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(301,"div",64),e.TgZ(302,"span",63),e._uU(303,"Push Notifications"),e.qZA(),e.TgZ(304,"mat-radio-group",42),e.TgZ(305,"mat-radio-button",43),e._uU(306," Everything "),e.qZA(),e.TgZ(307,"mat-radio-button",43),e._uU(308," Just the good stuff "),e.qZA(),e.TgZ(309,"mat-radio-button",44),e._uU(310," No push notifications "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(311,"div",65),e.TgZ(312,"button",46),e._uU(313," Cancel "),e.qZA(),e.TgZ(314,"button",47),e._uU(315," Save "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(316,"div",12),e.TgZ(317,"h2",48),e._uU(318,"Sectioned form with separate cards"),e.qZA(),e.TgZ(319,"p"),e._uU(320," This sectioned form example uses cards to separate the sections of the form. This kind of form layouts are more suitable for "),e.TgZ(321,"em"),e._uU(322,"Settings"),e.qZA(),e._uU(323," or similar pages. "),e.qZA(),e.qZA(),e.TgZ(324,"form"),e.TgZ(325,"div",66),e.TgZ(326,"p",15),e._uU(327,"Basic information"),e.qZA(),e.TgZ(328,"p",56),e._uU(329," Set your login preferences, help us personalize your experience and make big account changes here "),e.qZA(),e._UZ(330,"mat-divider",67),e.TgZ(331,"div",17),e.TgZ(332,"mat-form-field",18),e._UZ(333,"input",19),e._UZ(334,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(335,"div",21),e.TgZ(336,"mat-form-field",22),e.TgZ(337,"mat-select",23),e.TgZ(338,"mat-option",24),e._uU(339,"Country 1"),e.qZA(),e.TgZ(340,"mat-option",25),e._uU(341,"Country 2"),e.qZA(),e.TgZ(342,"mat-option",26),e._uU(343,"Country 3"),e.qZA(),e.qZA(),e._UZ(344,"mat-icon",20),e.qZA(),e.TgZ(345,"mat-form-field",27),e.TgZ(346,"mat-select",23),e.TgZ(347,"mat-option",28),e._uU(348,"Language 1"),e.qZA(),e.TgZ(349,"mat-option",29),e._uU(350,"Language 2"),e.qZA(),e.TgZ(351,"mat-option",30),e._uU(352,"Language 3"),e.qZA(),e.qZA(),e._UZ(353,"mat-icon",20),e.qZA(),e.qZA(),e.qZA(),e.TgZ(354,"div",68),e.TgZ(355,"p",15),e._uU(356,"Profile"),e.qZA(),e.TgZ(357,"p",56),e._uU(358," People here will get to know y

1ou with this information "),e.qZA(),e._UZ(359,"mat-divider",67),e.TgZ(360,"div",21),e.TgZ(361,"mat-form-field",22),e._UZ(362,"input",19),e._UZ(363,"mat-icon",20),e.qZA(),e.TgZ(364,"mat-form-field",27),e._UZ(365,"input",19),e._UZ(366,"mat-icon",20),e.qZA(),e.qZA(),e.TgZ(367,"div",17),e.TgZ(368,"mat-form-field",18),e._UZ(369,"input",19),e.TgZ(370,"span",32),e._uU(371,"www.example.com/"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(372,"div",17),e.TgZ(373,"mat-form-field",33),e._UZ(374,"textarea",34),e._UZ(375,"mat-icon",20),e.qZA(),e.qZA(),e.qZA(),e.TgZ(376,"div",69),e.TgZ(377,"p",15),e._uU(378,"Notifications"),e.qZA(),e.TgZ(379,"p",56),e._uU(380," We'll always let you know about important changes, but you pick what else you want to hear about. "),e.qZA(),e._UZ(381,"mat-divider",67),e.TgZ(382,"div",35),e.TgZ(383,"div",36),e.TgZ(384,"span",37),e._uU(385,"By Email"),e.qZA(),e.TgZ(386,"div",36),e.TgZ(387,"mat-checkbox",38),e._uU(388," Company News "),e.qZA(),e.TgZ(389,"mat-checkbox",39),e._uU(390," Featured Products "),e.qZA(),e.TgZ(391,"mat-checkbox",40),e._uU(392," Messages "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(393,"div",41),e.TgZ(394,"span",37),e._uU(395,"Push Notifications"),e.qZA(),e.TgZ(396,"mat-radio-group",42),e.TgZ(397,"mat-radio-button",43),e._uU(398," Everything "),e.qZA(),e.TgZ(399,"mat-radio-button",43),e._uU(400," Just the good stuff "),e.qZA(),e.TgZ(401,"mat-radio-button",44),e._uU(402," No push notifications "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(403,"div",70),e.TgZ(404,"button",46),e._uU(405," Cancel "),e.qZA(),e.TgZ(406,"button",47),e._uU(407," Save "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(408,"div",12),e.TgZ(409,"h2",48),e._uU(410,"Sectioned form with separate cards #2"),e.qZA(),e.TgZ(411,"p"),e._uU(412," This sectioned form example uses cards and whitespace to separate the different sections of the form, section title and description is horizontally aligned with the section fields. Form fields have "),e.TgZ(413,"em"),e._uU(414,"labels"),e.qZA(),e._uU(415," and "),e.TgZ(416,"em"),e._uU(417,"dense"),e.qZA(),e._uU(418," style. "),e.qZA(),e.qZA(),e.TgZ(419,"form",71),e.TgZ(420,"div",49),e.TgZ(421,"div",72),e.TgZ(422,"p",15),e._uU(423,"Basic information"),e.qZA(),e.TgZ(424,"p",16),e._uU(425," Set your login preferences, help us personalize your experience and make big account changes here "),e.qZA(),e.qZA(),e.TgZ(426,"div",73),e.TgZ(427,"mat-form-field",58),e.TgZ(428,"mat-label"),e._uU(429,"Email Address"),e.qZA(),e._UZ(430,"input",59),e.qZA(),e.TgZ(431,"mat-form-field",58),e.TgZ(432,"mat-label"),e._uU(433,"Country / Region"),e.qZA(),e.TgZ(434,"mat-select"),e.TgZ(435,"mat-option",24),e._uU(436,"Country 1"),e.qZA(),e.TgZ(437,"mat-option",25),e._uU(438,"Country 2"),e.qZA(),e.TgZ(439,"mat-option",26),e._uU(440,"Country 3"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(441,"mat-form-field",58),e.TgZ(442,"mat-label"),e._uU(443,"Language"),e.qZA(),e.TgZ(444,"mat-select"),e.TgZ(445,"mat-option",28),e._uU(446,"Language 1"),e.qZA(),e.TgZ(447,"mat-option",29),e._uU(448,"Language 2"),e.qZA(),e.TgZ(449,"mat-option",30),e._uU(450,"Language 3"),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(451,"div",74),e.TgZ(452,"div",72),e.TgZ(453,"p",15),e._uU(454,"Profile"),e.qZA(),e.TgZ(455,"p",16),e._uU(456," People here will get to know you with this information "),e.qZA(),e.qZA(),e.TgZ(457,"div",73),e.TgZ(458,"mat-form-field",58),e.TgZ(459,"mat-label"),e._uU(460,"First name"),e.qZA(),e._UZ(461,"input",59),e.qZA(),e.TgZ(462,"mat-form-field",58),e.TgZ(463,"mat-label"),e._uU(464,"Last name"),e.qZA(),e._UZ(465,"input",59),e.qZA(),e.TgZ(466,"mat-form-field",58),e.TgZ(467,"mat-label"),e._uU(468,"Username"),e.qZA(),e._UZ(469,"input",59),e.TgZ(470,"span",32),e._uU(471,"www.example.com/"),e.qZA(),e.qZA(),e.TgZ(472,"mat-form-field",33),e.TgZ(473,"mat-label"),e._uU(474,"About"),e.qZA(),e._UZ(475,"textarea",61),e.qZA(),e.qZA(),e.qZA(),e.TgZ(476,"div",74),e.TgZ(477,"div",72),e.TgZ(478,"p",15),e._uU(479,"Notifications"),e.qZA(),e.TgZ(480,"p",16),e._uU(481," We'll always let you know about important changes, but you pick what else you want to hear about. "),e.qZA(),e.qZA(),e.TgZ(482,"div",75),e.TgZ(483,"div",36),e.TgZ(484,"span",37),e._uU(485,"By Email"),e.qZA(),e.TgZ(486,"div",36),e.TgZ(487,"mat-checkbox",38),e._uU(488," Company News "),e.qZA(),e.TgZ(489,"mat-checkbox",39),e._uU(490," Featured Products "),e.qZA(),e.TgZ(491,"mat-checkbox",40),e._uU(492," Messages "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(493,"div",53),e.TgZ(494,"span",37),e._uU(495,"Push Notifications"),e.qZA(),e.TgZ(496,"mat-radio-group",42),e.TgZ(497,"mat-radio-button",43),e._uU(498," Everything "),e.qZA(),e.TgZ(499,"mat-radio-button",43),e._uU(500," Just the good stuff "),e.qZA(),e.TgZ(501,"mat-radio-button",44),e._uU(502," No pu

1sh notifications "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(503,"div",70),e.TgZ(504,"button",46),e._uU(505," Cancel "),e.qZA(),e.TgZ(506,"button",47),e._uU(507," Save "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(508,"div",12),e.TgZ(509,"h2",48),e._uU(510,"Sectioned form with separate cards #3"),e.qZA(),e.TgZ(511,"p"),e._uU(512," This sectioned form example uses cards and whitespace to separate the different sections of the form, section title and description is horizontally aligned with the section fields. Form fields have "),e.TgZ(513,"em"),e._uU(514,"separate labels"),e.qZA(),e._uU(515," and "),e.TgZ(516,"em"),e._uU(517,"dense"),e.qZA(),e._uU(518," style. "),e.qZA(),e.qZA(),e.TgZ(519,"form"),e.TgZ(520,"div",76),e.TgZ(521,"div",77),e.TgZ(522,"p",15),e._uU(523,"Basic information"),e.qZA(),e.TgZ(524,"p",56),e._uU(525,"Set your login preferences, help us personalize your experience and make big account changes here"),e.qZA(),e.qZA(),e._UZ(526,"mat-divider"),e.TgZ(527,"div",78),e.TgZ(528,"div",79),e.TgZ(529,"span",80),e._uU(530,"Email Address"),e.qZA(),e.TgZ(531,"mat-form-field",58),e._UZ(532,"input",59),e.qZA(),e.qZA(),e.TgZ(533,"div",79),e.TgZ(534,"span",80),e._uU(535,"Country / Region"),e.qZA(),e.TgZ(536,"mat-form-field",58),e.TgZ(537,"mat-select"),e.TgZ(538,"mat-option",24),e._uU(539,"Country 1"),e.qZA(),e.TgZ(540,"mat-option",25),e._uU(541,"Country 2"),e.qZA(),e.TgZ(542,"mat-option",26),e._uU(543,"Country 3"),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(544,"div",79),e.TgZ(545,"span",80),e._uU(546,"Language"),e.qZA(),e.TgZ(547,"mat-form-field",58),e.TgZ(548,"mat-select"),e.TgZ(549,"mat-option",28),e._uU(550,"Language 1"),e.qZA(),e.TgZ(551,"mat-option",29),e._uU(552,"Language 2"),e.qZA(),e.TgZ(553,"mat-option",30),e._uU(554,"Language 3"),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(555,"div",81),e.TgZ(556,"div",77),e.TgZ(557,"p",15),e._uU(558,"Profile"),e.qZA(),e.TgZ(559,"p",56),e._uU(560,"People here will get to know you with this information"),e.qZA(),e.qZA(),e._UZ(561,"mat-divider"),e.TgZ(562,"div",78),e.TgZ(563,"div",79),e.TgZ(564,"span",80),e._uU(565,"First name"),e.qZA(),e.TgZ(566,"mat-form-field",58),e._UZ(567,"input",59),e.qZA(),e.qZA(),e.TgZ(568,"div",79),e.TgZ(569,"span",80),e._uU(570,"Last name"),e.qZA(),e.TgZ(571,"mat-form-field",58),e._UZ(572,"input",59),e.qZA(),e.qZA(),e.TgZ(573,"div",79),e.TgZ(574,"span",80),e._uU(575,"Username"),e.qZA(),e.TgZ(576,"mat-form-field",58),e._UZ(577,"input",59),e.TgZ(578,"span",32),e._uU(579,"www.example.com/"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(580,"div",79),e.TgZ(581,"span",80),e._uU(582,"About"),e.qZA(),e.TgZ(583,"mat-form-field",33),e._UZ(584,"textarea",61),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(585,"div",81),e.TgZ(586,"div",77),e.TgZ(587,"p",15),e._uU(588,"Notifications"),e.qZA(),e.TgZ(589,"p",56),e._uU(590,"We'll always let you know about important changes, but you pick what else you want to hear about."),e.qZA(),e.qZA(),e._UZ(591,"mat-divider"),e.TgZ(592,"div",62),e.TgZ(593,"div",21),e.TgZ(594,"span",63),e._uU(595,"By Email"),e.qZA(),e.TgZ(596,"div",36),e.TgZ(597,"mat-checkbox",38),e._uU(598," Company News "),e.qZA(),e.TgZ(599,"mat-checkbox",39),e._uU(600," Featured Products "),e.qZA(),e.TgZ(601,"mat-checkbox",40),e._uU(602," Messages "),e.qZA(),e.qZA(),e.qZA(),e.TgZ(603,"div",64),e.TgZ(604,"span",63),e._uU(605,"Push Notifications"),e.qZA(),e.TgZ(606,"mat-radio-group",42),e.TgZ(607,"mat-radio-button",43),e._uU(608," Everything "),e.qZA(),e.TgZ(609,"mat-radio-button",43),e._uU(610," Just the good stuff "),e.qZA(),e.TgZ(611,"mat-radio-button",44),e._uU(612," No push notifications "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.TgZ(613,"div",70),e.TgZ(614,"button",46),e._uU(615," Cancel "),e.qZA(),e.TgZ(616,"button",47),e._uU(617," Save "),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA(),e.qZA()),2&a&&(e.xp6(8),e.Q6J("svgIcon","heroicons_solid:chevron-right"),e.xp6(26),e.Q6J("placeholder","Email Address"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:mail"),e.xp6(3),e.Q6J("placeholder","Country / Region"),e.xp6(7),e.Q6J("svgIcon","heroicons_solid:location-marker"),e.xp6(2),e.Q6J("placeholder","Language"),e.xp6(7),e.Q6J("svgIcon","heroicons_solid:translate"),e.xp6(8),e.Q6J("placeholder","First name"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:user-circle"),e.xp6(2),e.Q6J("placeholder","Last name"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:user-circle"),e.xp6(3),e.Q6J("placeholder","Username"),e.xp6(5),e.Q6J("placeholder","About")("rows",3),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:menu-alt-2"),e.xp6(11),e.Q6J("checked",!0)("color","primary"),e.xp6(2),e.Q6J("color","primary"),e.xp6(2),e.Q6J("checked",!0)("color","primary"),e.xp6(5),e.Q6J("color","primary")("value","just-good"),e.xp6(1),e.Q6J("value","everything"),e.xp6(2),e.Q6J("value","just-good"),e.xp6(2),e.Q6J("value","no-push"),e.xp6(5),e.Q6J("color","primary"),e.xp6(22),e.Q6J("placeholder","[email protected]"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:mail"),e.xp6(12),e.Q6J("svgIcon","heroicons_solid:location-marker"),e.xp6(12),e.Q6J("svgIcon","heroicons_solid:translate"),e.xp6(13),e.Q6J("placeholder","Your first name"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:user-circle"),e.xp6(5),e.Q6J("placeholder","Your last name"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:user-circle"),e.xp6(5),e.Q6J("placeholder","username"),e.xp6(7),e.Q6J("placeholder","A sentence or tw

1o to describe yourself")("rows",3),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:menu-alt-2"),e.xp6(13),e.Q6J("checked",!0)("color","primary"),e.xp6(2),e.Q6J("color","primary"),e.xp6(2),e.Q6J("checked",!0)("color","primary"),e.xp6(5),e.Q6J("color","primary")("value","just-good"),e.xp6(1),e.Q6J("value","everything"),e.xp6(2),e.Q6J("value","just-good"),e.xp6(2),e.Q6J("value","no-push"),e.xp6(5),e.Q6J("color","primary"),e.xp6(67),e.Q6J("rows",3),e.xp6(11),e.Q6J("checked",!0)("color","primary"),e.xp6(2),e.Q6J("color","primary"),e.xp6(2),e.Q6J("checked",!0)("color","primary"),e.xp6(5),e.Q6J("color","primary")("value","just-good"),e.xp6(1),e.Q6J("value","everything"),e.xp6(2),e.Q6J("value","just-good"),e.xp6(2),e.Q6J("value","no-push"),e.xp6(5),e.Q6J("color","primary"),e.xp6(19),e.Q6J("placeholder","Email Address"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:mail"),e.xp6(3),e.Q6J("placeholder","Country / Region"),e.xp6(7),e.Q6J("svgIcon","heroicons_solid:location-marker"),e.xp6(2),e.Q6J("placeholder","Language"),e.xp6(7),e.Q6J("svgIcon","heroicons_solid:translate"),e.xp6(9),e.Q6J("placeholder","First name"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:user-circle"),e.xp6(2),e.Q6J("placeholder","Last name"),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:user-circle"),e.xp6(3),e.Q6J("placeholder","Username"),e.xp6(5),e.Q6J("placeholder","About")("rows",3),e.xp6(1),e.Q6J("svgIcon","heroicons_solid:menu-alt-2"),e.xp6(12),e.Q6J("checked",!0)("color","primary"),e.xp6(2),e.Q6J("color","primary"),e.xp6(2),e.Q6J("checked",!0)("color","primary"),e.xp6(5),e.Q6J("color","primary")("value","just-good"),e.xp6(1),e.Q6J("value","everything"),e.xp6(2),e.Q6J("value","just-good"),e.xp6(2),e.Q6J("value","no-push"),e.xp6(5),e.Q6J("color","primary"),e.xp6(69),e.Q6J("rows",3),e.xp6(12),e.Q6J("checked",!0)("color","primary"),e.xp6(2),e.Q6J("color","primary"),e.xp6(2),e.Q6J("checked",!0)("color","primary"),e.xp6(5),e.Q6J("color","primary")("value","just-good"),e.xp6(1),e.Q6J("value","everything"),e.xp6(2),e.Q6J("value","just-good"),e.xp6(2),e.Q6J("value","no-push"),e.xp6(5),e.Q6J("color","primary"),e.xp6(78),e.Q6J("rows",3),e.xp6(13),e.Q6J("checked",!0)("color","primary"),e.xp6(2),e.Q6J("color","primary"),e.xp6(2),e.Q6J("checked",!0)("color","primary"),e.xp6(5),e.Q6J("color","primary")("value","just-good"),e.xp6(1),e.Q6J("value","everything"),e.xp6(2),e.Q6J("value","just-good"),e.xp6(2),e.Q6J("value","no-push"),e.xp6(5),e.Q6J("color","primary"))},directives:[m.Hw,g._Y,g.JL,g.F,Z.KE,d.Nt,Z.qo,p.gD,f.ey,s.d,l.oG,r.VQ,r.U0,u.lW,Z.hX],encapsulation:2}),t})()}];let U=(()=>{class t{}return t.\u0275fac=function(a){return new(a||t)},t.\u0275mod=e.oAB({type:t}),t.\u0275inj=e.cJS({imports:[[A.Bz.forChild(c),u.ot,l.p9,s.t,Z.lN,m.Ps,d.c,T.Tx,r.Fk,p.LD,q.m]]}),t})()}}]);