1358.2a10fefac1b0bd2c.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[1358],{1358:(h,m,l)=>{l.r(m),l.d(m,{NpMaskDemoModule:()=>i});var c=l(6895),g=l(8379),e=l(4650),n=l(5499),d=l(433);class p{constructor(){this.importText="import { NpMaskModule } from 'np-ui-lib';",this.htmlText='<input type="text" [(ngModel)]="value" [npMask]="\'000-aaa-AAA-BBB\'">',this.creditCards=[{card:"amex",placeholder:"000 000000 00000",mask:"000 000000 00000"},{card:"visa",placeholder:"0000 0000 0000 0000",mask:"0000 0000 0000 0000"}],this.selectedCard=this.creditCards[0],this.maskedValue3="1111111111"}ngOnInit(){}static#e=this.\u0275fac=function(t){return new(t||p)};static#a=this.\u0275cmp=e.Xpm({type:p,selectors:[["app-np-mask-demo"]],decls:69,vars:15,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table","np-table-striped"],["title","Examples"],[1,"np-form-group"],[1,"np-form-label"],["type","text","placeholder","000-aaa-AAA-BBB",1,"np-form-control",3,"ngModel","npMask","ngModelChange"],[3,"items","ngModel","displayKey","ngModelChange"],["type","text",1,"np-form-control",3,"ngModel","placeholder","npMask","ngModelChange"],["type","text","placeholder","+(000) 000-0000",1,"np-form-control",3,"ngModel","npMask","ngModelChange"]],template:function(t,a){1&t&&(e.TgZ(0,"h2",0),e._uU(1,"Masking"),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,"np-card")(19,"np-card-body")(20,"table",3)(21,"tr")(22,"th"),e._uU(23,"Format"),e.qZA(),e.TgZ(24,"th"),e._uU(25,"Description"),e.qZA()(),e.TgZ(26,"tr")(27,"td"),e._uU(28,"0"),e.qZA(),e.TgZ(29,"td"),e._uU(30,"Allow only 0-9"),e.qZA()(),e.TgZ(31,"tr")(32,"td"),e._uU(33,"a"),e.qZA(),e.TgZ(34,"td"),e._uU(35,"Allow only a-z"),e.qZA()(),e.TgZ(36,"tr")(37,"td"),e._uU(38,"A"),e.qZA(),e.TgZ(39,"td"),e._uU(40,"Allow only A-Z"),e.qZA()(),e.TgZ(41,"tr")(42,"td"),e._uU(43,"B"),e.qZA(),e.TgZ(44,"td"),e._uU(45,"Allow only aA-zZ"),e.qZA()()()()()(),e.TgZ(46,"np-tab",4)(47,"fieldset")(48,"div",5)(49,"label",6),e._uU(50,"000-aaa-AAA-BBB"),e.qZA(),e.TgZ(51,"input",7),e.NdJ("ngModelChange",function(o){return a.maskedValue1=o}),e.qZA(),e._uU(52),e.qZA()(),e.TgZ(53,"fieldset")(54,"div",5)(55,"label",6),e._uU(56,"Select credit card type:"),e.qZA(),e.TgZ(57,"np-dropdown",8),e.NdJ("ngModelChange",function(o){return a.selectedCard=o}),e.qZA()(),e.TgZ(58,"div",5)(59,"label",6),e._uU(60,"Credit Card Number:"),e.qZA(),e.TgZ(61,"input",9),e.NdJ("ngModelChange",function(o){return a.maskedValue2=o}),e.qZA(),e._uU(62),e.qZA()(),e.TgZ(63,"fieldset")(64,"div",5)(65,"label",6),e._uU(66,"Phone Number:"),e.qZA(),e.TgZ(67,"input",10),e.NdJ("ngModelChange",function(o){return a.maskedValue3=o}),e.qZA(),e._uU(68),e.qZA()()()()),2&t&&(e.xp6(10),e.Q6J("innerText",a.importText),e.xp6(7),e.Q6J("innerText",a.htmlText),e.xp6(34),e.Q6J("ngModel",a.maskedValue1)("npMask","000-aaa-AAA-BBB"),e.xp6(1),e.hij(" Value:",a.maskedValue1," "),e.xp6(5),e.Q6J("items",a.creditCards)("ngModel",a.selectedCard)("displayKey","card"),e.xp6(4),e.Q6J("ngModel",a.maskedValue2)("placeholder",a.selectedCard?a.selectedCard.placeholder:"")("npMask",a.selectedCard?a.selectedCard.mask:""),e.xp6(1),e.hij(" Value:",a.maskedValue2," "),e.xp6(5),e.Q6J("ngModel",a.maskedValue3)("npMask","+(000) 000-0000"),e.xp6(1),e.hij(" Value:",a.maskedValue3," "))},dependencies:[n.Fn,n.aV,d.Fj,d.JJ,d.On,n.c0,n.El,n.KA,n.Qk],encapsulation:2})}const Z=[{component:p,path:""}];class s{static#e=this.\u0275fac=function(t){return new(t||s)};static#a=this.\u0275mod=e.oAB({type:s});static#n=this.\u0275inj=e.cJS({imports:[g.Bz.forChild(Z),g.Bz]})}class i{static#e=this.\u0275fac=function(t){return new(t||i)};static#a=this.\u0275mod=e.oAB({type:i});static#n=this.\u0275inj=e.cJS({imports:[c.ez,s,n.OJ,n.C3,d.u5,n.Tk,n.i7]})}}}]);