-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2302.ba28c495bf93cd89.js
1 lines (1 loc) · 9.42 KB
/
2302.ba28c495bf93cd89.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[2302],{2302:(A,l,s)=>{s.r(l),s.d(l,{NpStepsDemoModule:()=>u});var U=s(6895),d=s(8379),e=s(433),t=s(4650),p=s(5499);class r{constructor(){this.importText="import { NpStepsModule } from 'np-ui-lib';",this.htmlText='<np-steps>\n <np-step label="Personal Info">\n ...\n <np-step>\n ...\n</np-steps>',this.previousBtnText='<button type="button" class="np-btn" npStepPrevious>Previous</button>',this.nextBtnText='<button type="button" class="np-btn" npStepNext>Next</button>',this.stretchLabels=!1,this.personal=new e.nJ({firstName:new e.p4("",e.kI.required),lastName:new e.p4("",e.kI.required)}),this.address=new e.nJ({street:new e.p4("",e.kI.required),city:new e.p4("",e.kI.required),state:new e.p4("",e.kI.required),zip:new e.p4("",e.kI.required)}),this.photos=new e.nJ({images:new e.p4("",e.kI.required)})}ngOnInit(){}static#t=this.\u0275fac=function(o){return new(o||r)};static#e=this.\u0275cmp=t.Xpm({type:r,selectors:[["app-np-steps-demo"]],decls:272,vars:15,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],["href","https://material.angular.io/cdk/stepper/api#CdkStepper"],[1,"np-table"],["href","https://material.angular.io/cdk/stepper/api#CdkStep"],["type","info"],["title","Examples"],[3,"stretchLabels"],["stepper",""],["label","Add Personal Info",3,"stepControl"],["personalStep",""],[3,"formGroup"],["type","text","formControlName","firstName",1,"np-form-control"],["type","text","formControlName","lastName",1,"np-form-control"],[1,"np-btn-group"],["type","button","npStepNext","",1,"np-btn"],["label","Add Address",3,"stepControl"],["addressStep",""],["type","text","formControlName","street",1,"np-form-control"],["type","text","formControlName","city",1,"np-form-control"],["type","text","formControlName","state",1,"np-form-control"],["type","text","formControlName","zip",1,"np-form-control"],["type","button","npStepPrevious","",1,"np-btn"],["label","Upload Images",3,"stepControl","iconCss"],["photosStep",""],["type","file","formControlName","images",1,"np-form-control"],["type","button",1,"np-btn","np-btn-primary"],["type","button",1,"np-btn","np-btn-danger",3,"click"],[3,"ngModel","ngModelChange"],[3,"verticalSteps"],["label","Fill your personal details"],["label","Fill your address"],["label","Upload your photo",3,"iconCss"]],template:function(o,n){if(1&o){const g=t.EpF();t.TgZ(0,"h2",0),t._uU(1,"Steps"),t.qZA(),t.TgZ(2,"np-tabs")(3,"np-tab",1)(4,"np-card")(5,"np-card-body")(6,"b"),t._uU(7,"Module to import"),t.qZA(),t.TgZ(8,"div")(9,"pre"),t._UZ(10,"code",2),t.qZA()()()(),t.TgZ(11,"np-card")(12,"np-card-body")(13,"b"),t._uU(14,"HTML"),t.qZA(),t.TgZ(15,"div")(16,"pre"),t._UZ(17,"code",2),t.qZA()()()(),t.TgZ(18,"np-card")(19,"np-card-body")(20,"b"),t._uU(21,"<np-steps>"),t.qZA(),t.TgZ(22,"p")(23,"b"),t._uU(24,"<np-steps>"),t.qZA(),t._uU(25," extends "),t.TgZ(26,"b"),t._uU(27,"<cdk-stepper>"),t.qZA(),t._UZ(28,"br"),t._uU(29," Find documentation for "),t.TgZ(30,"b"),t._uU(31,"<cdk-stepper>"),t.qZA(),t._uU(32," at "),t.TgZ(33,"a",3),t._uU(34,"here"),t.qZA(),t._uU(35,". "),t.qZA(),t.TgZ(36,"table",4)(37,"tr")(38,"th"),t._uU(39,"Property"),t.qZA(),t.TgZ(40,"th"),t._uU(41,"Description"),t.qZA(),t.TgZ(42,"th"),t._uU(43,"Type"),t.qZA(),t.TgZ(44,"th"),t._uU(45,"Default"),t.qZA()(),t.TgZ(46,"tr")(47,"td"),t._uU(48,"verticalSteps"),t.qZA(),t.TgZ(49,"td"),t._uU(50,"Set vertical steps"),t.qZA(),t.TgZ(51,"td"),t._uU(52,"boolean"),t.qZA(),t.TgZ(53,"td"),t._uU(54,"false"),t.qZA()(),t.TgZ(55,"tr")(56,"td"),t._uU(57,"stretchLabels"),t.qZA(),t.TgZ(58,"td"),t._uU(59,"Set stretched header label"),t.qZA(),t.TgZ(60,"td"),t._uU(61,"boolean"),t.qZA(),t.TgZ(62,"td"),t._uU(63,"false"),t.qZA()(),t.TgZ(64,"tr")(65,"td"),t._uU(66,"styleClass"),t.qZA(),t.TgZ(67,"td"),t._uU(68,"Set extra class on component"),t.qZA(),t.TgZ(69,"td"),t._uU(70,"string"),t.qZA(),t._UZ(71,"td"),t.qZA(),t.TgZ(72,"tr")(73,"td"),t._uU(74,"inputId"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Set id attribute"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"string"),t.qZA(),t._UZ(79,"td"),t.qZA()()()(),t.TgZ(80,"np-card")(81,"np-card-body")(82,"b"),t._uU(83,"<np-step>"),t.qZA(),t.TgZ(84,"p")(85,"b"),t._uU(86,"<np-step>"),t.qZA(),t._uU(87," extends "),t.TgZ(88,"b"),t._uU(89,"<cdk-step>"),t.qZA(),t._UZ(90,"br"),t._uU(91," Find documentation for "),t.TgZ(92,"b"),t._uU(93,"<cdk-step>"),t.qZA(),t._uU(94," at "),t.TgZ(95,"a",5),t._uU(96,"here"),t.qZA(),t._uU(97,". "),t.qZA(),t.TgZ(98,"np-alert",6)(99,"b"),t._uU(100,"Note:"),t.qZA(),t._uU(101,"\xa0Instead of\xa0"),t.TgZ(102,"b"),t._uU(103,"stepLabel"),t.qZA(),t._uU(104,"\xa0use\xa0"),t.TgZ(105,"b"),t._uU(106,"labelTemplate"),t.qZA(),t._uU(107,"\xa0property. "),t.qZA(),t.TgZ(108,"table",4)(109,"tr")(110,"th"),t._uU(111,"Property"),t.qZA(),t.TgZ(112,"th"),t._uU(113,"Description"),t.qZA(),t.TgZ(114,"th"),t._uU(115,"Type"),t.qZA(),t.TgZ(116,"th"),t._uU(117,"Default"),t.qZA()(),t.TgZ(118,"tr")(119,"td"),t._uU(120,"labelTemplate"),t.qZA(),t.TgZ(121,"td"),t._uU(122,"Template for step label"),t.qZA(),t.TgZ(123,"td"),t._uU(124,"Template<any>"),t.qZA(),t._UZ(125,"td"),t.qZA(),t.TgZ(126,"tr")(127,"td"),t._uU(128,"iconCss"),t.qZA(),t.TgZ(129,"td"),t._uU(130," Set CSS for icon like 'fa fa-home' "),t._UZ(131,"br"),t._uU(132," If icon is set then step number will not show. "),t.qZA(),t.TgZ(133,"td"),t._uU(134,"string"),t.qZA(),t._UZ(135,"td"),t.qZA(),t.TgZ(136,"tr")(137,"td"),t._uU(138,"inputId"),t.qZA(),t.TgZ(139,"td"),t._uU(140,"Set id attribute"),t.qZA(),t.TgZ(141,"td"),t._uU(142,"string"),t.qZA(),t._UZ(143,"td"),t.qZA()()()(),t.TgZ(144,"np-card")(145,"np-card-body")(146,"b"),t._uU(147,"npStepNext"),t.qZA(),t._UZ(148,"br"),t._uU(149," Show next button into step. "),t.TgZ(150,"div")(151,"pre"),t._UZ(152,"code",2),t.qZA()()()(),t.TgZ(153,"np-card")(154,"np-card-body")(155,"b"),t._uU(156,"npStepPrevious"),t.qZA(),t._UZ(157,"br"),t._uU(158," Show previous button into step. "),t.TgZ(159,"div")(160,"pre"),t._UZ(161,"code",2),t.qZA()()()()(),t.TgZ(162,"np-tab",7)(163,"fieldset")(164,"legend"),t._uU(165,"Horizontal Steps"),t.qZA(),t.TgZ(166,"np-steps",8,9)(168,"form")(169,"np-step",10,11)(171,"div",12)(172,"h3"),t._uU(173,"Personal Info"),t.qZA(),t._UZ(174,"br"),t.TgZ(175,"label"),t._uU(176," First Name: "),t._UZ(177,"input",13),t.qZA(),t._UZ(178,"br"),t.TgZ(179,"label"),t._uU(180," Last Name: "),t._UZ(181,"input",14),t.qZA(),t.TgZ(182,"div",15)(183,"button",16),t._uU(184,"Next"),t.qZA()()()(),t.TgZ(185,"np-step",17,18)(187,"div",12)(188,"h3"),t._uU(189,"Address"),t.qZA(),t._UZ(190,"br"),t.TgZ(191,"label"),t._uU(192," Street: "),t._UZ(193,"input",19),t.qZA(),t._UZ(194,"br"),t.TgZ(195,"label"),t._uU(196," City: "),t._UZ(197,"input",20),t.qZA(),t._UZ(198,"br"),t.TgZ(199,"label"),t._uU(200," State: "),t._UZ(201,"input",21),t.qZA(),t._UZ(202,"br"),t.TgZ(203,"label"),t._uU(204," Zip Code: "),t._UZ(205,"input",22),t.qZA(),t.TgZ(206,"div",15)(207,"button",23),t._uU(208," Previous "),t.qZA(),t.TgZ(209,"button",16),t._uU(210,"Next"),t.qZA()()()(),t.TgZ(211,"np-step",24,25)(213,"div",12)(214,"h3"),t._uU(215,"Upload Images"),t.qZA(),t._UZ(216,"br"),t.TgZ(217,"label"),t._uU(218," Upload Images: "),t._UZ(219,"input",26),t.qZA(),t.TgZ(220,"div",15)(221,"button",23),t._uU(222," Previous "),t.qZA(),t.TgZ(223,"button",27),t._uU(224," Save "),t.qZA(),t.TgZ(225,"button",28),t.NdJ("click",function(){t.CHM(g);const i=t.MAs(167);return t.KtG(i.reset())}),t._uU(226," Reset "),t.qZA()()()()()(),t._UZ(227,"br"),t._uU(228," Stretch labels : "),t.TgZ(229,"np-switch",29),t.NdJ("ngModelChange",function(i){return n.stretchLabels=i}),t.qZA()(),t.TgZ(230,"fieldset")(231,"legend"),t._uU(232,"Vertical Steps"),t.qZA(),t.TgZ(233,"np-steps",30)(234,"np-step",31)(235,"p"),t._uU(236,"Step 1"),t.qZA(),t.TgZ(237,"p"),t._uU(238,"Step 1"),t.qZA(),t.TgZ(239,"p"),t._uU(240,"Step 1"),t.qZA(),t.TgZ(241,"p"),t._uU(242,"Step 1"),t.qZA(),t.TgZ(243,"div",15)(244,"button",16),t._uU(245,"Next"),t.qZA()()(),t.TgZ(246,"np-step",32)(247,"p"),t._uU(248,"Step 2"),t.qZA(),t.TgZ(249,"p"),t._uU(250,"Step 2"),t.qZA(),t.TgZ(251,"p"),t._uU(252,"Step 2"),t.qZA(),t.TgZ(253,"p"),t._uU(254,"Step 2"),t.qZA(),t.TgZ(255,"div",15)(256,"button",23),t._uU(257," Previous "),t.qZA(),t.TgZ(258,"button",16),t._uU(259,"Next"),t.qZA()()(),t.TgZ(260,"np-step",33)(261,"p"),t._uU(262,"Step 3"),t.qZA(),t.TgZ(263,"p"),t._uU(264,"Step 3"),t.qZA(),t.TgZ(265,"p"),t._uU(266,"Step 3"),t.qZA(),t.TgZ(267,"p"),t._uU(268,"Step 3"),t.qZA(),t.TgZ(269,"div",15)(270,"button",23),t._uU(271," Previous "),t.qZA()()()()()()()}2&o&&(t.xp6(10),t.Q6J("innerText",n.importText),t.xp6(7),t.Q6J("innerText",n.htmlText),t.xp6(135),t.Q6J("innerText",n.nextBtnText),t.xp6(9),t.Q6J("innerText",n.previousBtnText),t.xp6(5),t.Q6J("stretchLabels",n.stretchLabels),t.xp6(3),t.Q6J("stepControl",n.personal),t.xp6(2),t.Q6J("formGroup",n.personal),t.xp6(14),t.Q6J("stepControl",n.address),t.xp6(2),t.Q6J("formGroup",n.address),t.xp6(24),t.Q6J("stepControl",n.photos)("iconCss","fa fa-image"),t.xp6(2),t.Q6J("formGroup",n.photos),t.xp6(16),t.Q6J("ngModel",n.stretchLabels),t.xp6(4),t.Q6J("verticalSteps",!0),t.xp6(27),t.Q6J("iconCss","fa fa-image"))},dependencies:[e._Y,e.Fj,e.JJ,e.JL,e.On,e.F,e.sg,e.u,p.N2,p.GZ,p.X5,p.yo,p.c0,p.El,p.KA,p.Qk,p.r5,p.Mc],encapsulation:2})}const _=[{path:"",component:r}];class Z{static#t=this.\u0275fac=function(o){return new(o||Z)};static#e=this.\u0275mod=t.oAB({type:Z});static#p=this.\u0275inj=t.cJS({imports:[d.Bz.forChild(_),d.Bz]})}class u{static#t=this.\u0275fac=function(o){return new(o||u)};static#e=this.\u0275mod=t.oAB({type:u});static#p=this.\u0275inj=t.cJS({imports:[U.ez,e.u5,e.UX,Z,p.Tf,p.Tk,p.i7,p.qp,p.kH]})}}}]);