8255.d218987eefe82868.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[8255],{8255:(A,a,Z)=>{Z.r(a),Z.d(a,{NpSliderDemoModule:()=>s});var _=Z(6895),p=Z(8379),e=Z(4650),d=Z(5499),i=Z(433);class o{constructor(){this.importText="import { NpSliderModule } from 'np-ui-lib';",this.htmlText='<np-slider [(ngModel)]="value"></np-slider>',this.slider1=0,this.slider2=55,this.slider3=0,this.slider4=0,this.slider5=0}ngOnInit(){}static#e=this.\u0275fac=function(l){return new(l||o)};static#t=this.\u0275cmp=e.Xpm({type:o,selectors:[["app-np-slider-demo"]],decls:203,vars:16,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],[3,"ngModel","ngModelChange"],[3,"ngModel","min","max","ngModelChange"],[3,"ngModel","step","ngModelChange"],["required","",3,"ngModel","ngModelChange"],[1,"np-btn",3,"click"],["disabled","",3,"ngModel","ngModelChange"],[3,"ngModel","readOnly","ngModelChange"]],template:function(l,t){1&l&&(e.TgZ(0,"h2",0),e._uU(1,"Slider"),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,"Property"),e.qZA(),e.TgZ(24,"th"),e._uU(25,"Description"),e.qZA(),e.TgZ(26,"th"),e._uU(27,"Type"),e.qZA(),e.TgZ(28,"th"),e._uU(29,"Default"),e.qZA()(),e.TgZ(30,"tr")(31,"td"),e._uU(32,"ngModel"),e.qZA(),e.TgZ(33,"td"),e._uU(34,"Value"),e.qZA(),e.TgZ(35,"td"),e._uU(36,"number"),e.qZA(),e._UZ(37,"td"),e.qZA(),e.TgZ(38,"tr")(39,"td"),e._uU(40,"min"),e.qZA(),e.TgZ(41,"td"),e._uU(42,"Set minimum limit for slider"),e.qZA(),e.TgZ(43,"td"),e._uU(44,"number"),e.qZA(),e.TgZ(45,"td"),e._uU(46,"0"),e.qZA()(),e.TgZ(47,"tr")(48,"td"),e._uU(49,"max"),e.qZA(),e.TgZ(50,"td"),e._uU(51,"Set maximum limit for slider"),e.qZA(),e.TgZ(52,"td"),e._uU(53,"number"),e.qZA(),e.TgZ(54,"td"),e._uU(55,"100"),e.qZA()(),e.TgZ(56,"tr")(57,"td"),e._uU(58,"step"),e.qZA(),e.TgZ(59,"td"),e._uU(60,"Set steps for slider"),e.qZA(),e.TgZ(61,"td"),e._uU(62,"number"),e.qZA(),e.TgZ(63,"td"),e._uU(64,"1"),e.qZA()(),e.TgZ(65,"tr")(66,"td"),e._uU(67,"disabled"),e.qZA(),e.TgZ(68,"td"),e._uU(69,"Set disabled"),e.qZA(),e.TgZ(70,"td"),e._uU(71,"boolean"),e.qZA(),e.TgZ(72,"td"),e._uU(73,"false"),e.qZA()(),e.TgZ(74,"tr")(75,"td"),e._uU(76,"required"),e.qZA(),e.TgZ(77,"td"),e._uU(78,"Set required"),e.qZA(),e.TgZ(79,"td"),e._uU(80,"boolean"),e.qZA(),e.TgZ(81,"td"),e._uU(82,"false"),e.qZA()(),e.TgZ(83,"tr")(84,"td"),e._uU(85,"readOnly"),e.qZA(),e.TgZ(86,"td"),e._uU(87,"Set readonly"),e.qZA(),e.TgZ(88,"td"),e._uU(89,"boolean"),e.qZA(),e.TgZ(90,"td"),e._uU(91,"false"),e.qZA()(),e.TgZ(92,"tr")(93,"td"),e._uU(94,"autoFocus"),e.qZA(),e.TgZ(95,"td"),e._uU(96,"Set autofocus"),e.qZA(),e.TgZ(97,"td"),e._uU(98,"boolean"),e.qZA(),e.TgZ(99,"td"),e._uU(100,"false"),e.qZA()(),e.TgZ(101,"tr")(102,"td"),e._uU(103,"tabIndex"),e.qZA(),e.TgZ(104,"td"),e._uU(105,"Set tabindex attribute"),e.qZA(),e.TgZ(106,"td"),e._uU(107,"number"),e.qZA(),e._UZ(108,"td"),e.qZA(),e.TgZ(109,"tr")(110,"td"),e._uU(111,"styleClass"),e.qZA(),e.TgZ(112,"td"),e._uU(113,"Set extra class on component"),e.qZA(),e.TgZ(114,"td"),e._uU(115,"string"),e.qZA(),e._UZ(116,"td"),e.qZA(),e.TgZ(117,"tr")(118,"td"),e._uU(119,"inputId"),e.qZA(),e.TgZ(120,"td"),e._uU(121,"Set id attribute"),e.qZA(),e.TgZ(122,"td"),e._uU(123,"string"),e.qZA(),e._UZ(124,"td"),e.qZA()()()(),e.TgZ(125,"np-card")(126,"np-card-body")(127,"table",3)(128,"tr")(129,"th"),e._uU(130,"Method"),e.qZA(),e.TgZ(131,"th"),e._uU(132,"Description"),e.qZA(),e.TgZ(133,"th"),e._uU(134,"Parameters"),e.qZA()(),e.TgZ(135,"tr")(136,"td"),e._uU(137,"onChange(v: any)"),e.qZA(),e.TgZ(138,"td"),e._uU(139,"Callback event on value change."),e.qZA(),e.TgZ(140,"td"),e._uU(141,"Value"),e.qZA()(),e.TgZ(142,"tr")(143,"td"),e._uU(144,"onFocus($event)"),e.qZA(),e.TgZ(145,"td"),e._uU(146,"Callback event on input focus."),e.qZA(),e.TgZ(147,"td"),e._uU(148,"Browser event"),e.qZA()(),e.TgZ(149,"tr")(150,"td"),e._uU(151,"onBlur($event)"),e.qZA(),e.TgZ(152,"td"),e._uU(153,"Callback event on input blur."),e.qZA(),e.TgZ(154,"td"),e._uU(155,"Browser event"),e.qZA()()()()(),e.TgZ(156,"np-card")(157,"np-card-body")(158,"table",3)(159,"tr")(160,"th"),e._uU(161,"Api"),e.qZA(),e.TgZ(162,"th"),e._uU(163,"Description"),e.qZA(),e.TgZ(164,"th"),e._uU(165,"Parameters"),e.qZA()(),e.TgZ(166,"tr")(167,"td"),e._uU(168,"focus()"),e.qZA(),e.TgZ(169,"td"),e._uU(170," Set focus on control. If not setting focus properly then use timeout of 500ms. "),e.qZA(),e._UZ(171,"td"),e.qZA()()()()(),e.TgZ(172,"np-tab",4)(173,"fieldset")(174,"legend"),e._uU(175,"Basic slider"),e.qZA(),e.TgZ(176,"np-slider",5),e.NdJ("ngModelChange",function(n){return t.slider1=n}),e.qZA(),e._uU(177),e.qZA(),e.TgZ(178,"fieldset")(179,"legend"),e._uU(180,"min and max"),e.qZA(),e.TgZ(181,"np-slider",6),e.NdJ("ngModelChange",function(n){return t.slider2=n}),e.qZA(),e._uU(182),e.qZA(),e.TgZ(183,"fieldset")(184,"legend"),e._uU(185,"Step"),e.qZA(),e.TgZ(186,"np-slider",7),e.NdJ("ngModelChange",function(n){return t.slider3=n}),e.qZA(),e._uU(187),e.qZA(),e.TgZ(188,"fieldset")(189,"legend"),e._uU(190,"required"),e.qZA(),e.TgZ(191,"np-slider",8),e.NdJ("ngModelChange",function(n){return t.slider4=n}),e.qZA(),e._uU(192),e.TgZ(193,"button",9),e.NdJ("click",function(){return t.slider4=null}),e._uU(194,"Set null"),e.qZA()(),e.TgZ(195,"fieldset")(196,"legend"),e._uU(197,"disabled"),e.qZA(),e.TgZ(198,"np-slider",10),e.NdJ("ngModelChange",function(n){return t.slider5=n}),e.qZA()(),e.TgZ(199,"fieldset")(200,"legend"),e._uU(201,"readOnly"),e.qZA(),e.TgZ(202,"np-slider",11),e.NdJ("ngModelChange",function(n){return t.slider5=n}),e.qZA()()()()),2&l&&(e.xp6(10),e.Q6J("innerText",t.importText),e.xp6(7),e.Q6J("innerText",t.htmlText),e.xp6(159),e.Q6J("ngModel",t.slider1),e.xp6(1),e.hij(" Value: ",t.slider1," "),e.xp6(4),e.Q6J("ngModel",t.slider2)("min",50)("max",150),e.xp6(1),e.hij(" Value: ",t.slider2," "),e.xp6(4),e.Q6J("ngModel",t.slider3)("step",5),e.xp6(1),e.hij(" Value: ",t.slider3," "),e.xp6(4),e.Q6J("ngModel",t.slider4),e.xp6(1),e.hij(" Value: ",t.slider4," "),e.xp6(6),e.Q6J("ngModel",t.slider5),e.xp6(4),e.Q6J("ngModel",t.slider5)("readOnly",!0))},dependencies:[d.ky,i.JJ,i.Q7,i.On,d.KA,d.Qk,d.c0,d.El],encapsulation:2})}const T=[{path:"",component:o}];class u{static#e=this.\u0275fac=function(l){return new(l||u)};static#t=this.\u0275mod=e.oAB({type:u});static#n=this.\u0275inj=e.cJS({imports:[p.Bz.forChild(T),p.Bz]})}class s{static#e=this.\u0275fac=function(l){return new(l||s)};static#t=this.\u0275mod=e.oAB({type:s});static#n=this.\u0275inj=e.cJS({imports:[_.ez,u,d.pl,i.u5,d.i7,d.Tk]})}}}]);