6205.c76a462ec082ed40.js

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