-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path420.3ff1e4c0a7718bb5.js
1 lines (1 loc) · 9.35 KB
/
420.3ff1e4c0a7718bb5.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[420],{420:(m,r,d)=>{d.r(r),d.d(r,{NpInputTextDemoModule:()=>a});var s=d(6895),T=d(8379),t=d(4650),i=d(433),p=d(5499);function A(o,g){1&o&&(t.TgZ(0,"div",21),t._uU(1," Min length 10 characters. "),t.qZA())}function c(o,g){1&o&&(t.TgZ(0,"div",21),t._uU(1," Max length 20 characters. "),t.qZA())}function q(o,g){1&o&&(t.TgZ(0,"div",21),t._uU(1," Only digits "),t.qZA())}function x(o,g){if(1&o){const n=t.EpF();t.TgZ(0,"fieldset")(1,"legend"),t._uU(2,"Basic"),t.qZA(),t.TgZ(3,"np-input-text",6),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input1=e)}),t.qZA(),t.TgZ(4,"div"),t._uU(5),t.qZA()(),t.TgZ(6,"fieldset")(7,"legend"),t._uU(8,"type"),t.qZA(),t.TgZ(9,"np-input-text",7),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input6=e)}),t.qZA(),t.TgZ(10,"div"),t._uU(11),t.qZA()(),t.TgZ(12,"fieldset")(13,"legend"),t._uU(14,"disabled"),t.qZA(),t.TgZ(15,"np-input-text",8),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input2=e)}),t.qZA()(),t.TgZ(16,"fieldset")(17,"legend"),t._uU(18,"readOnly"),t.qZA(),t.TgZ(19,"np-input-text",9),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input2=e)}),t.qZA()(),t.TgZ(20,"fieldset")(21,"legend"),t._uU(22,"required"),t.qZA(),t.TgZ(23,"np-input-text",10),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input3=e)}),t.qZA()(),t.TgZ(24,"fieldset")(25,"legend"),t._uU(26,"minLength and maxLength"),t.qZA(),t.TgZ(27,"np-input-text",11,12),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input4=e)}),t.qZA(),t.YNc(29,A,2,0,"div",13),t.YNc(30,c,2,0,"div",13),t.qZA(),t.TgZ(31,"fieldset")(32,"legend"),t._uU(33,"pattern"),t.qZA(),t.TgZ(34,"np-input-text",14,15),t.NdJ("ngModelChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.input5=e)}),t.qZA(),t.YNc(36,q,2,0,"div",13),t.qZA(),t.TgZ(37,"fieldset")(38,"legend"),t._uU(39,"placeholder"),t.qZA(),t._UZ(40,"np-input-text",16),t.qZA(),t.TgZ(41,"fieldset")(42,"legend"),t._uU(43,"styleClass"),t.qZA(),t._UZ(44,"np-input-text",17),t.qZA(),t.TgZ(45,"fieldset")(46,"legend"),t._uU(47,"prefixLabel"),t.qZA(),t._UZ(48,"np-input-text",18),t.qZA(),t.TgZ(49,"fieldset")(50,"legend"),t._uU(51,"suffixLabel"),t.qZA(),t._UZ(52,"np-input-text",19),t.qZA(),t.TgZ(53,"fieldset")(54,"legend"),t._uU(55,"onChange"),t.qZA(),t.TgZ(56,"np-input-text",20),t.NdJ("onChange",function(e){t.CHM(n);const u=t.oxw();return t.KtG(u.onChange(e))}),t.qZA()()}if(2&o){const n=t.MAs(28),Z=t.MAs(35),e=t.oxw();t.xp6(3),t.Q6J("ngModel",e.input1)("autoFocus",!0),t.xp6(2),t.hij("Value: ",e.input1,""),t.xp6(4),t.Q6J("ngModel",e.input6)("type","password"),t.xp6(2),t.hij("Value: ",e.input6,""),t.xp6(4),t.Q6J("ngModel",e.input2)("disabled",!0),t.xp6(4),t.Q6J("ngModel",e.input2)("readOnly",!0),t.xp6(4),t.Q6J("ngModel",e.input3)("required",!0),t.xp6(4),t.Q6J("minLength",10)("maxLength",20)("ngModel",e.input4),t.xp6(2),t.Q6J("ngIf",n.errors&&n.errors.minLength),t.xp6(1),t.Q6J("ngIf",n.errors&&n.errors.maxLength),t.xp6(4),t.Q6J("ngModel",e.input5),t.xp6(2),t.Q6J("ngIf",Z.errors&&Z.errors.pattern),t.xp6(4),t.Q6J("placeholder","Enter your name"),t.xp6(4),t.Q6J("styleClass","myClass"),t.xp6(4),t.Q6J("prefixLabel","<i class='fa fa-user'></i>"),t.xp6(4),t.Q6J("suffixLabel","<i class='fa fa-lock'></i>")("type","password")}}class _{constructor(){this.importText="import { NpInputTextModule } from 'np-ui-lib';",this.htmlText='<np-input-text [(ngModel)]="firstName"></np-input-text>',this.input2="Test text"}ngOnInit(){}onChange(g){alert(g)}static#t=this.\u0275fac=function(n){return new(n||_)};static#e=this.\u0275cmp=t.Xpm({type:_,selectors:[["app-np-input-text-demo"]],decls:204,vars:2,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],["npTabContent",""],[3,"ngModel","autoFocus","ngModelChange"],[3,"ngModel","type","ngModelChange"],[3,"ngModel","disabled","ngModelChange"],[3,"ngModel","readOnly","ngModelChange"],[3,"ngModel","required","ngModelChange"],[3,"minLength","maxLength","ngModel","ngModelChange"],["inputText4","ngModel"],["class","np-text-danger",4,"ngIf"],["pattern","^\\d*$",3,"ngModel","ngModelChange"],["inputText5","ngModel"],[3,"placeholder"],[3,"styleClass"],[3,"prefixLabel"],[3,"suffixLabel","type"],[3,"onChange"],[1,"np-text-danger"]],template:function(n,Z){1&n&&(t.TgZ(0,"h2",0),t._uU(1,"Input Text"),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,"table",3)(21,"tr")(22,"th"),t._uU(23,"Property"),t.qZA(),t.TgZ(24,"th"),t._uU(25,"Description"),t.qZA(),t.TgZ(26,"th"),t._uU(27,"Type"),t.qZA(),t.TgZ(28,"th"),t._uU(29,"Default"),t.qZA()(),t.TgZ(30,"tr")(31,"td"),t._uU(32,"ngModel"),t.qZA(),t.TgZ(33,"td"),t._uU(34,"Value"),t.qZA(),t.TgZ(35,"td"),t._uU(36,"string"),t.qZA(),t._UZ(37,"td"),t.qZA(),t.TgZ(38,"tr")(39,"td"),t._uU(40,"type"),t.qZA(),t.TgZ(41,"td"),t._uU(42,"Input type"),t.qZA(),t.TgZ(43,"td"),t._uU(44,"string"),t.qZA(),t.TgZ(45,"td"),t._uU(46,"text"),t.qZA()(),t.TgZ(47,"tr")(48,"td"),t._uU(49,"minLength"),t.qZA(),t.TgZ(50,"td"),t._uU(51,"Set minimum length validation"),t.qZA(),t.TgZ(52,"td"),t._uU(53,"number"),t.qZA(),t._UZ(54,"td"),t.qZA(),t.TgZ(55,"tr")(56,"td"),t._uU(57,"maxLength"),t.qZA(),t.TgZ(58,"td"),t._uU(59,"Set maximum length validation"),t.qZA(),t.TgZ(60,"td"),t._uU(61,"number"),t.qZA(),t._UZ(62,"td"),t.qZA(),t.TgZ(63,"tr")(64,"td"),t._uU(65,"pattern"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Set regex pattern validation"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"string"),t.qZA(),t._UZ(70,"td"),t.qZA(),t.TgZ(71,"tr")(72,"td"),t._uU(73,"prefixLabel"),t.qZA(),t.TgZ(74,"td"),t._uU(75,"Set prefix string | html"),t.qZA(),t.TgZ(76,"td"),t._uU(77,"string | html"),t.qZA(),t._UZ(78,"td"),t.qZA(),t.TgZ(79,"tr")(80,"td"),t._uU(81,"suffixLabel"),t.qZA(),t.TgZ(82,"td"),t._uU(83,"Set suffix string | html"),t.qZA(),t.TgZ(84,"td"),t._uU(85,"string | html"),t.qZA(),t._UZ(86,"td"),t.qZA(),t.TgZ(87,"tr")(88,"td"),t._uU(89,"placeholder"),t.qZA(),t.TgZ(90,"td"),t._uU(91,"Set placeholder"),t.qZA(),t.TgZ(92,"td"),t._uU(93,"string"),t.qZA(),t._UZ(94,"td"),t.qZA(),t.TgZ(95,"tr")(96,"td"),t._uU(97,"disabled"),t.qZA(),t.TgZ(98,"td"),t._uU(99,"Set disabled"),t.qZA(),t.TgZ(100,"td"),t._uU(101,"boolean"),t.qZA(),t.TgZ(102,"td"),t._uU(103,"false"),t.qZA()(),t.TgZ(104,"tr")(105,"td"),t._uU(106,"required"),t.qZA(),t.TgZ(107,"td"),t._uU(108,"Set required"),t.qZA(),t.TgZ(109,"td"),t._uU(110,"boolean"),t.qZA(),t.TgZ(111,"td"),t._uU(112,"false"),t.qZA()(),t.TgZ(113,"tr")(114,"td"),t._uU(115,"readOnly"),t.qZA(),t.TgZ(116,"td"),t._uU(117,"Set readonly"),t.qZA(),t.TgZ(118,"td"),t._uU(119,"boolean"),t.qZA(),t.TgZ(120,"td"),t._uU(121,"false"),t.qZA()(),t.TgZ(122,"tr")(123,"td"),t._uU(124,"autoFocus"),t.qZA(),t.TgZ(125,"td"),t._uU(126,"Set autofocus"),t.qZA(),t.TgZ(127,"td"),t._uU(128,"boolean"),t.qZA(),t.TgZ(129,"td"),t._uU(130,"false"),t.qZA()(),t.TgZ(131,"tr")(132,"td"),t._uU(133,"tabIndex"),t.qZA(),t.TgZ(134,"td"),t._uU(135,"Set tabindex attribute"),t.qZA(),t.TgZ(136,"td"),t._uU(137,"number"),t.qZA(),t._UZ(138,"td"),t.qZA(),t.TgZ(139,"tr")(140,"td"),t._uU(141,"styleClass"),t.qZA(),t.TgZ(142,"td"),t._uU(143,"Set extra class on component"),t.qZA(),t.TgZ(144,"td"),t._uU(145,"string"),t.qZA(),t._UZ(146,"td"),t.qZA(),t.TgZ(147,"tr")(148,"td"),t._uU(149,"inputId"),t.qZA(),t.TgZ(150,"td"),t._uU(151,"Set id attribute"),t.qZA(),t.TgZ(152,"td"),t._uU(153,"string"),t.qZA(),t._UZ(154,"td"),t.qZA()()()(),t.TgZ(155,"np-card")(156,"np-card-body")(157,"table",3)(158,"tr")(159,"th"),t._uU(160,"Method"),t.qZA(),t.TgZ(161,"th"),t._uU(162,"Description"),t.qZA(),t.TgZ(163,"th"),t._uU(164,"Parameters"),t.qZA()(),t.TgZ(165,"tr")(166,"td"),t._uU(167,"onChange(v: any)"),t.qZA(),t.TgZ(168,"td"),t._uU(169,"Callback event on value change."),t.qZA(),t.TgZ(170,"td"),t._uU(171,"Value"),t.qZA()(),t.TgZ(172,"tr")(173,"td"),t._uU(174,"onFocus($event)"),t.qZA(),t.TgZ(175,"td"),t._uU(176,"Callback event on input focus."),t.qZA(),t.TgZ(177,"td"),t._uU(178,"Browser event"),t.qZA()(),t.TgZ(179,"tr")(180,"td"),t._uU(181,"onBlur($event)"),t.qZA(),t.TgZ(182,"td"),t._uU(183,"Callback event on input blur."),t.qZA(),t.TgZ(184,"td"),t._uU(185,"Browser event"),t.qZA()()()()(),t.TgZ(186,"np-card")(187,"np-card-body")(188,"table",3)(189,"tr")(190,"th"),t._uU(191,"Api"),t.qZA(),t.TgZ(192,"th"),t._uU(193,"Description"),t.qZA(),t.TgZ(194,"th"),t._uU(195,"Parameters"),t.qZA()(),t.TgZ(196,"tr")(197,"td"),t._uU(198,"focus()"),t.qZA(),t.TgZ(199,"td"),t._uU(200," Set focus on control. If not setting focus properly then use timeout of 500ms. "),t.qZA(),t._UZ(201,"td"),t.qZA()()()()(),t.TgZ(202,"np-tab",4),t.YNc(203,x,57,24,"ng-template",5),t.qZA()()),2&n&&(t.xp6(10),t.Q6J("innerText",Z.importText),t.xp6(7),t.Q6J("innerText",Z.htmlText))},dependencies:[s.O5,i.JJ,i.Q7,i.c5,i.On,p.On,p.c0,p.El,p.KA,p.Qk,p.Bl],encapsulation:2})}const U=[{path:"",component:_}];class l{static#t=this.\u0275fac=function(n){return new(n||l)};static#e=this.\u0275mod=t.oAB({type:l});static#n=this.\u0275inj=t.cJS({imports:[T.Bz.forChild(U),T.Bz]})}class a{static#t=this.\u0275fac=function(n){return new(n||a)};static#e=this.\u0275mod=t.oAB({type:a});static#n=this.\u0275inj=t.cJS({imports:[s.ez,l,i.u5,p.Fd,p.Tk,p.i7]})}}}]);