7193.18bbc7cf457efaeb.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[7193],{7193:(s,c,g)=>{g.r(c),g.d(c,{NpCheckboxDemoModule:()=>i});var p=g(6895),h=g(8379),e=g(4650),l=g(5499),d=g(433);class u{constructor(){this.importText="import { NpCheckboxModule } from 'np-ui-lib';",this.htmlText='<np-checkbox [(ngModel)]="check1"></np-checkbox>',this.groupHtmlText='<np-checkbox-group orientation="vertical">\n  <np-checkbox label="Apple"></np-checkbox>\n  <np-checkbox label="Mango"></np-checkbox>\n  <np-checkbox label="Banana"></np-checkbox>\n</np-checkbox-group>',this.check2=!0,this.check3=!1}ngOnInit(){}_onChange(a){alert(a)}onChangeFruit(a){a?(this.fruit1=!0,this.fruit2=!0,this.fruit3=!0):(this.fruit1=!1,this.fruit2=!1,this.fruit3=!1)}static#e=this.\u0275fac=function(Z){return new(Z||u)};static#n=this.\u0275cmp=e.Xpm({type:u,selectors:[["app-np-checkbox-demo"]],decls:255,vars:20,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],[3,"ngModel","ngModelChange"],[3,"ngModel","disabled","ngModelChange"],[3,"ngModel","readOnly","ngModelChange"],["required","",3,"ngModel","ngModelChange"],[1,"np-btn",3,"click"],[3,"label"],[3,"indeterminate","ngModel","label","ngModelChange","onChange"],["label","Apple",3,"ngModel","ngModelChange"],["label","Mango",3,"ngModel","ngModelChange"],["label","Banana",3,"ngModel","ngModelChange"],[3,"styleClass"],[3,"onChange"],["label","Apple"],["label","Mango"],["label","Banana"],["orientation","vertical"]],template:function(Z,n){1&Z&&(e.TgZ(0,"h2",0),e._uU(1,"Checkbox"),e.qZA(),e.TgZ(2,"np-tabs")(3,"np-tab",1)(4,"np-card")(5,"np-card-body")(6,"b"),e._uU(7,"Module to import"),e.qZA(),e.TgZ(8,"div")(9,"pre"),e._UZ(10,"code",2),e.qZA()()()(),e.TgZ(11,"np-card")(12,"np-card-body")(13,"b"),e._uU(14,"HTML"),e.qZA(),e.TgZ(15,"div")(16,"pre"),e._UZ(17,"code",2),e.qZA()(),e.TgZ(18,"b"),e._uU(19,"Checkbox Group"),e.qZA(),e.TgZ(20,"div")(21,"pre"),e._UZ(22,"code",2),e.qZA()()()(),e.TgZ(23,"np-card")(24,"np-card-body")(25,"b"),e._uU(26,"<np-checkbox>"),e.qZA(),e.TgZ(27,"table",3)(28,"tr")(29,"th"),e._uU(30,"Property"),e.qZA(),e.TgZ(31,"th"),e._uU(32,"Description"),e.qZA(),e.TgZ(33,"th"),e._uU(34,"Type"),e.qZA(),e.TgZ(35,"th"),e._uU(36,"Default"),e.qZA()(),e.TgZ(37,"tr")(38,"td"),e._uU(39,"ngModel"),e.qZA(),e.TgZ(40,"td"),e._uU(41,"Value"),e.qZA(),e.TgZ(42,"td"),e._uU(43,"boolean"),e.qZA(),e._UZ(44,"td"),e.qZA(),e.TgZ(45,"tr")(46,"td"),e._uU(47,"label"),e.qZA(),e.TgZ(48,"td"),e._uU(49,"Set display label"),e.qZA(),e.TgZ(50,"td"),e._uU(51,"plain text | html string"),e.qZA(),e._UZ(52,"td"),e.qZA(),e.TgZ(53,"tr")(54,"td"),e._uU(55,"indeterminate"),e.qZA(),e.TgZ(56,"td"),e._uU(57," Set indeterminate, when any value set to model indeterminate becomes false. "),e.qZA(),e.TgZ(58,"td"),e._uU(59,"boolean"),e.qZA(),e._UZ(60,"td"),e.qZA(),e.TgZ(61,"tr")(62,"td"),e._uU(63,"disabled"),e.qZA(),e.TgZ(64,"td"),e._uU(65,"Set disabled"),e.qZA(),e.TgZ(66,"td"),e._uU(67,"boolean"),e.qZA(),e.TgZ(68,"td"),e._uU(69,"false"),e.qZA()(),e.TgZ(70,"tr")(71,"td"),e._uU(72,"required"),e.qZA(),e.TgZ(73,"td"),e._uU(74,"Set required"),e.qZA(),e.TgZ(75,"td"),e._uU(76,"boolean"),e.qZA(),e.TgZ(77,"td"),e._uU(78,"false"),e.qZA()(),e.TgZ(79,"tr")(80,"td"),e._uU(81,"readOnly"),e.qZA(),e.TgZ(82,"td"),e._uU(83,"Set readonly"),e.qZA(),e.TgZ(84,"td"),e._uU(85,"boolean"),e.qZA(),e.TgZ(86,"td"),e._uU(87,"false"),e.qZA()(),e.TgZ(88,"tr")(89,"td"),e._uU(90,"autoFocus"),e.qZA(),e.TgZ(91,"td"),e._uU(92,"Set autofocus"),e.qZA(),e.TgZ(93,"td"),e._uU(94,"boolean"),e.qZA(),e.TgZ(95,"td"),e._uU(96,"false"),e.qZA()(),e.TgZ(97,"tr")(98,"td"),e._uU(99,"tabIndex"),e.qZA(),e.TgZ(100,"td"),e._uU(101,"Set tabindex attribute"),e.qZA(),e.TgZ(102,"td"),e._uU(103,"number"),e.qZA(),e._UZ(104,"td"),e.qZA(),e.TgZ(105,"tr")(106,"td"),e._uU(107,"styleClass"),e.qZA(),e.TgZ(108,"td"),e._uU(109,"Set extra class on component"),e.qZA(),e.TgZ(110,"td"),e._uU(111,"string"),e.qZA(),e._UZ(112,"td"),e.qZA(),e.TgZ(113,"tr")(114,"td"),e._uU(115,"inputId"),e.qZA(),e.TgZ(116,"td"),e._uU(117,"Set id attribute"),e.qZA(),e.TgZ(118,"td"),e._uU(119,"string"),e.qZA(),e._UZ(120,"td"),e.qZA()()()(),e.TgZ(121,"np-card")(122,"np-card-body")(123,"table",3)(124,"tr")(125,"th"),e._uU(126,"Method"),e.qZA(),e.TgZ(127,"th"),e._uU(128,"Description"),e.qZA(),e.TgZ(129,"th"),e._uU(130,"Parameters"),e.qZA()(),e.TgZ(131,"tr")(132,"td"),e._uU(133,"onChange(v: any)"),e.qZA(),e.TgZ(134,"td"),e._uU(135,"Callback event on value change."),e.qZA(),e.TgZ(136,"td"),e._uU(137,"Value"),e.qZA()(),e.TgZ(138,"tr")(139,"td"),e._uU(140,"onFocus($event)"),e.qZA(),e.TgZ(141,"td"),e._uU(142,"Callback event on input focus."),e.qZA(),e.TgZ(143,"td"),e._uU(144,"Browser event"),e.qZA()(),e.TgZ(145,"tr")(146,"td"),e._uU(147,"onBlur($event)"),e.qZA(),e.TgZ(148,"td"),e._uU(149,"Callback event on input blur."),e.qZA(),e.TgZ(150,"td"),e._uU(151,"Browser event"),e.qZA()()()()(),e.TgZ(152,"np-card")(153,"np-card-body")(154,"table",3)(155,"tr")(156,"th"),e._uU(157,"Api"),e.qZA(),e.TgZ(158,"th"),e._uU(159,"Description"),e.qZA(),e.TgZ(160,"th"),e._uU(161,"Parameters"),e.qZA()(),e.TgZ(162,"tr")(163,"td"),e._uU(164,"focus()"),e.qZA(),e.TgZ(165,"td"),e._uU(166," Set focus on control. If not setting focus properly then use timeout of 500ms. "),e.qZA(),e._UZ(167,"td"),e.qZA()()()(),e.TgZ(168,"np-card")(169,"np-card-body")(170,"b"),e._uU(171,"<np-checkbox-group>"),e.qZA(),e.TgZ(172,"table",3)(173,"tr")(174,"th"),e._uU(175,"Property"),e.qZA(),e.TgZ(176,"th"),e._uU(177,"Description"),e.qZA(),e.TgZ(178,"th"),e._uU(179,"Type"),e.qZA(),e.TgZ(180,"th"),e._uU(181,"Default"),e.qZA()(),e.TgZ(182,"tr")(183,"td"),e._uU(184,"orientation"),e.qZA(),e.TgZ(185,"td"),e._uU(186,"Set orientation of group as 'horizontal' | 'vertical'"),e.qZA(),e.TgZ(187,"td"),e._uU(188,"string"),e.qZA(),e.TgZ(189,"td"),e._uU(190,"horizontal"),e.qZA()(),e.TgZ(191,"tr")(192,"td"),e._uU(193,"inputId"),e.qZA(),e.TgZ(194,"td"),e._uU(195,"Set id attribute"),e.qZA(),e.TgZ(196,"td"),e._uU(197,"string"),e.qZA(),e._UZ(198,"td"),e.qZA()()()()(),e.TgZ(199,"np-tab",4)(200,"fieldset")(201,"legend"),e._uU(202,"Basic"),e.qZA(),e.TgZ(203,"np-checkbox",5),e.NdJ("ngModelChange",function(t){return n.check1=t}),e.qZA(),e.TgZ(204,"div"),e._uU(205),e.ALo(206,"json"),e.qZA()(),e.TgZ(207,"fieldset")(208,"legend"),e._uU(209,"disabled"),e.qZA(),e.TgZ(210,"np-checkbox",6),e.NdJ("ngModelChange",function(t){return n.check2=t}),e.qZA()(),e.TgZ(211,"fieldset")(212,"legend"),e._uU(213,"readOnly"),e.qZA(),e.TgZ(214,"np-checkbox",7),e.NdJ("ngModelChange",function(t){return n.check3=t}),e.qZA()(),e.TgZ(215,"fieldset")(216,"legend"),e._uU(217,"required"),e.qZA(),e.TgZ(218,"np-checkbox",8),e.NdJ("ngModelChange",function(t){return n.check4=t}),e.qZA(),e.TgZ(219,"button",9),e.NdJ("click",function(){return n.check4=null}),e._uU(220,"Set null"),e.qZA()(),e.TgZ(221,"fieldset")(222,"legend"),e._uU(223,"label"),e.qZA(),e._UZ(224,"np-checkbox",10),e.qZA(),e.TgZ(225,"fieldset")(226,"legend"),e._uU(227,"indeterminate"),e.qZA(),e.TgZ(228,"np-checkbox",11),e.NdJ("ngModelChange",function(t){return n.fruit1&&n.fruit2&&(n.fruit3=t)})("onChange",function(t){return n.onChangeFruit(t)}),e.qZA(),e.TgZ(229,"np-checkbox-group")(230,"np-checkbox",12),e.NdJ("ngModelChange",function(t){return n.fruit1=t}),e.qZA(),e.TgZ(231,"np-checkbox",13),e.NdJ("ngModelChange",function(t){return n.fruit2=t}),e.qZA(),e.TgZ(232,"np-checkbox",14),e.NdJ("ngModelChange",function(t){return n.fruit3=t}),e.qZA()()(),e.TgZ(233,"fieldset")(234,"legend"),e._uU(235,"styleClass"),e.qZA(),e._UZ(236,"np-checkbox",15),e.qZA(),e.TgZ(237,"fieldset")(238,"legend"),e._uU(239,"onChange"),e.qZA(),e.TgZ(240,"np-checkbox",16),e.NdJ("onChange",function(t){return n._onChange(t)}),e.qZA()(),e.TgZ(241,"fieldset")(242,"legend"),e._uU(243,"Checkbox group horizontal"),e.qZA(),e.TgZ(244,"np-checkbox-group"),e._UZ(245,"np-checkbox",17)(246,"np-checkbox",18)(247,"np-checkbox",19),e.qZA()(),e.TgZ(248,"fieldset")(249,"legend"),e._uU(250,"Checkbox group vertical"),e.qZA(),e.TgZ(251,"np-checkbox-group",20),e._UZ(252,"np-checkbox",17)(253,"np-checkbox",18)(254,"np-checkbox",19),e.qZA()()()()),2&Z&&(e.xp6(10),e.Q6J("innerText",n.importText),e.xp6(7),e.Q6J("innerText",n.htmlText),e.xp6(5),e.Q6J("innerText",n.groupHtmlText),e.xp6(181),e.Q6J("ngModel",n.check1),e.xp6(2),e.hij("Value: ",e.lcZ(206,18,n.check1),""),e.xp6(5),e.Q6J("ngModel",n.check2)("disabled",!0),e.xp6(4),e.Q6J("ngModel",n.check3)("readOnly",!0),e.xp6(4),e.Q6J("ngModel",n.check4),e.xp6(6),e.Q6J("label","Agree with terms and condition"),e.xp6(4),e.Q6J("indeterminate",(n.fruit1||n.fruit2||n.fruit3)&&!(n.fruit1&&n.fruit2&&n.fruit3))("ngModel",n.fruit1&&n.fruit2&&n.fruit3)("label","All"),e.xp6(2),e.Q6J("ngModel",n.fruit1),e.xp6(1),e.Q6J("ngModel",n.fruit2),e.xp6(1),e.Q6J("ngModel",n.fruit3),e.xp6(4),e.Q6J("styleClass","myClass"))},dependencies:[l.dU,l.Ym,l.c0,l.El,l.KA,l.Qk,d.JJ,d.Q7,d.On,p.Ts],encapsulation:2})}const _=[{path:"",component:u}];class r{static#e=this.\u0275fac=function(Z){return new(Z||r)};static#n=this.\u0275mod=e.oAB({type:r});static#t=this.\u0275inj=e.cJS({imports:[h.Bz.forChild(_),h.Bz]})}class i{static#e=this.\u0275fac=function(Z){return new(Z||i)};static#n=this.\u0275mod=e.oAB({type:i});static#t=this.\u0275inj=e.cJS({imports:[p.ez,r,l.K3,l.Tk,l.i7,d.u5]})}}}]);