1191.cabaf5a3507ee956.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[1191],{1191:(q,p,o)=>{o.r(p),o.d(p,{NpCarouselDemoModule:()=>m});var T=o(6895),g=o(8379),t=o(4650),s=o(433),n=o(5499);const c=["slider"];function _(u,a){1&u&&t._UZ(0,"img",13),2&u&&t.Q6J("src",a.item.imageUrl,t.LSH)}function A(u,a){if(1&u&&(t.TgZ(0,"ul",14)(1,"li",15),t._uU(2),t.qZA(),t.TgZ(3,"li",16),t._uU(4),t.qZA(),t.TgZ(5,"li"),t._uU(6),t.qZA(),t.TgZ(7,"li"),t._uU(8),t.qZA(),t.TgZ(9,"li"),t._uU(10),t.qZA(),t.TgZ(11,"li"),t._uU(12),t.qZA(),t.TgZ(13,"li",17)(14,"button",18),t._uU(15,"SELECT"),t.qZA()()()),2&u){const e=a.item;t.xp6(2),t.Oqu(e.name),t.xp6(2),t.hij("$",100*e.id,"/mo"),t.xp6(2),t.hij("",10*e.id,"GB Storage"),t.xp6(2),t.hij("",10*e.id," Emails"),t.xp6(2),t.hij("",e.id," Domains"),t.xp6(2),t.hij("",e.id,"GB Bandwidth")}}class r{constructor(){this.importText="import { NpCarouselModule } from 'np-ui-lib';",this.htmlText='<np-carousel [items]="items" [itemTemplate]="itemTemplate" [autoPlay]="true" [pauseOnHover]="true">\n</np-carousel>\n\n<ng-template #itemTemplate let-item="item">\n  <img [src]="item.imageUrl" class="np-responsive-img">\n</ng-template>',this.items=[{imageUrl:"../../assets/images/test1.jpg",caption:"<h1>Test 1</h1>"},{imageUrl:"../../assets/images/test2.jpg",caption:"<h1>Test 2</h1>"},{imageUrl:"../../assets/images/test3.jpg",caption:"<h1>Test 3</h1>"}]}ngOnInit(){setTimeout(()=>{this.items2=[{name:"Plan 1",id:1},{name:"Plan 2",id:2},{name:"Plan 3",id:3},{name:"Plan 4",id:4},{name:"Plan 5",id:5},{name:"Plan 6",id:6},{name:"Plan 7",id:7},{name:"Plan 8",id:8}]},2e3),window.innerWidth<=425?(this.visibleNum=1,this.scrollNum=1):window.innerWidth>425&&window.innerWidth<=768?(this.visibleNum=2,this.scrollNum=2):(this.visibleNum=3,this.scrollNum=3)}selectPage2(){this.slider.select(1)}addNewItem2(){this.items2.push({name:"Plan "+(this.items2.length+1),id:this.items2.length+1})}static#t=this.\u0275fac=function(e){return new(e||r)};static#e=this.\u0275cmp=t.Xpm({type:r,selectors:[["app-np-carousel-demo"]],viewQuery:function(e,i){if(1&e&&t.Gf(c,5),2&e){let l;t.iGM(l=t.CRH())&&(i.slider=l.first)}},decls:199,vars:18,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],[3,"items","itemTemplate","autoPlay","pauseOnHover"],["itemTemplate",""],[3,"items","itemTemplate","visibleNum","currentPage","scrollNum","lazyLoaded"],["slider",""],["itemTemplate2",""],["type","number",1,"np-form-control",3,"ngModel","min","max","ngModelChange"],[1,"np-btn-group"],[1,"np-btn",3,"click"],[1,"np-responsive-img",3,"src"],[1,"np-price-table"],[1,"np-price-table-header"],[1,"np-price-table-sub-header"],[1,"np-price-table-footer"],[1,"np-btn","np-btn-primary"]],template:function(e,i){if(1&e&&(t.TgZ(0,"h2",0),t._uU(1,"Carousel"),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,"items"),t.qZA(),t.TgZ(33,"td"),t._uU(34,"Array of data"),t.qZA(),t.TgZ(35,"td"),t._uU(36,"any[]"),t.qZA(),t._UZ(37,"td"),t.qZA(),t.TgZ(38,"tr")(39,"td"),t._uU(40,"lazyLoaded"),t.qZA(),t.TgZ(41,"td"),t._uU(42,"If set to true then only active items get loaded, else all items get loaded but active items are displayed"),t.qZA(),t.TgZ(43,"td"),t._uU(44,"boolean"),t.qZA(),t.TgZ(45,"td"),t._uU(46,"false"),t.qZA()(),t.TgZ(47,"tr")(48,"td"),t._uU(49,"autoPlay"),t.qZA(),t.TgZ(50,"td"),t._uU(51,"Allow autoplay"),t.qZA(),t.TgZ(52,"td"),t._uU(53,"boolean"),t.qZA(),t.TgZ(54,"td"),t._uU(55,"false"),t.qZA()(),t.TgZ(56,"tr")(57,"td"),t._uU(58,"autoPlayInterval"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Autoplay interval in ms"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"number"),t.qZA(),t.TgZ(63,"td"),t._uU(64,"5000"),t.qZA()(),t.TgZ(65,"tr")(66,"td"),t._uU(67,"itemTemplate"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Template for displaying data"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"TemplateRef<any>"),t.qZA(),t._UZ(72,"td"),t.qZA(),t.TgZ(73,"tr")(74,"td"),t._uU(75,"visibleNum"),t.qZA(),t.TgZ(76,"td"),t._uU(77,"Set how many items display on view"),t.qZA(),t.TgZ(78,"td"),t._uU(79,"number"),t.qZA(),t.TgZ(80,"td"),t._uU(81,"1"),t.qZA()(),t.TgZ(82,"tr")(83,"td"),t._uU(84,"scrollNum"),t.qZA(),t.TgZ(85,"td"),t._uU(86,"Set how many items scrolled while next/prev button click"),t.qZA(),t.TgZ(87,"td"),t._uU(88,"number"),t.qZA(),t.TgZ(89,"td"),t._uU(90,"1"),t.qZA()(),t.TgZ(91,"tr")(92,"td"),t._uU(93,"currentPage"),t.qZA(),t.TgZ(94,"td"),t._uU(95,"Set current display number on load time"),t.qZA(),t.TgZ(96,"td"),t._uU(97,"number"),t.qZA(),t.TgZ(98,"td"),t._uU(99,"0"),t.qZA()(),t.TgZ(100,"tr")(101,"td"),t._uU(102,"pauseOnHover"),t.qZA(),t.TgZ(103,"td"),t._uU(104,"Pause autoplay on hover"),t.qZA(),t.TgZ(105,"td"),t._uU(106,"boolean"),t.qZA(),t.TgZ(107,"td"),t._uU(108,"false"),t.qZA()(),t.TgZ(109,"tr")(110,"td"),t._uU(111,"showNavigationArrows"),t.qZA(),t.TgZ(112,"td"),t._uU(113,"Display navigation arrows"),t.qZA(),t.TgZ(114,"td"),t._uU(115,"boolean"),t.qZA(),t.TgZ(116,"td"),t._uU(117,"true"),t.qZA()(),t.TgZ(118,"tr")(119,"td"),t._uU(120,"showNavigationIndicators"),t.qZA(),t.TgZ(121,"td"),t._uU(122,"Show navigation indicators at bottoms"),t.qZA(),t.TgZ(123,"td"),t._uU(124,"boolean"),t.qZA(),t.TgZ(125,"td"),t._uU(126,"true"),t.qZA()(),t.TgZ(127,"tr")(128,"td"),t._uU(129,"styleClass"),t.qZA(),t.TgZ(130,"td"),t._uU(131,"Set extra class on component"),t.qZA(),t.TgZ(132,"td"),t._uU(133,"string"),t.qZA(),t._UZ(134,"td"),t.qZA(),t.TgZ(135,"tr")(136,"td"),t._uU(137,"inputId"),t.qZA(),t.TgZ(138,"td"),t._uU(139,"Set id attribute"),t.qZA(),t.TgZ(140,"td"),t._uU(141,"string"),t.qZA(),t._UZ(142,"td"),t.qZA()()()(),t.TgZ(143,"np-card")(144,"np-card-body")(145,"table",3)(146,"tr")(147,"th"),t._uU(148,"Api"),t.qZA(),t.TgZ(149,"th"),t._uU(150,"Description"),t.qZA(),t.TgZ(151,"th"),t._uU(152,"Parameters"),t.qZA()(),t.TgZ(153,"tr")(154,"td"),t._uU(155,"start()"),t.qZA(),t.TgZ(156,"td"),t._uU(157,"Start auto scroll"),t.qZA(),t._UZ(158,"td"),t.qZA(),t.TgZ(159,"tr")(160,"td"),t._uU(161,"pause()"),t.qZA(),t.TgZ(162,"td"),t._uU(163,"Pause auto scroll"),t.qZA(),t._UZ(164,"td"),t.qZA(),t.TgZ(165,"tr")(166,"td"),t._uU(167,"select(page: number)"),t.qZA(),t.TgZ(168,"td"),t._uU(169,"Scroll to page"),t.qZA(),t.TgZ(170,"td"),t._uU(171,"page: number"),t.qZA()(),t.TgZ(172,"tr")(173,"td"),t._uU(174,"getTotalPages()"),t.qZA(),t.TgZ(175,"td"),t._uU(176,"Get total page count"),t.qZA(),t._UZ(177,"td"),t.qZA()()()()(),t.TgZ(178,"np-tab",4)(179,"fieldset"),t._UZ(180,"np-carousel",5),t.YNc(181,_,1,1,"ng-template",null,6,t.W1O),t.qZA(),t.TgZ(183,"fieldset"),t._UZ(184,"np-carousel",7,8),t.YNc(186,A,16,6,"ng-template",null,9,t.W1O),t.TgZ(188,"div"),t._uU(189," Slides To Show: "),t.TgZ(190,"input",10),t.NdJ("ngModelChange",function(Z){return i.visibleNum=Z}),t.qZA()(),t.TgZ(191,"div"),t._uU(192," Slides To Scroll: "),t.TgZ(193,"input",10),t.NdJ("ngModelChange",function(Z){return i.scrollNum=Z}),t.qZA()(),t.TgZ(194,"div",11)(195,"button",12),t.NdJ("click",function(){return i.selectPage2()}),t._uU(196,"Go to page 2"),t.qZA(),t.TgZ(197,"button",12),t.NdJ("click",function(){return i.addNewItem2()}),t._uU(198,"Add new item"),t.qZA()()()()()),2&e){const l=t.MAs(182),Z=t.MAs(187);t.xp6(10),t.Q6J("innerText",i.importText),t.xp6(7),t.Q6J("innerText",i.htmlText),t.xp6(163),t.Q6J("items",i.items)("itemTemplate",l)("autoPlay",!0)("pauseOnHover",!0),t.xp6(4),t.Q6J("items",i.items2)("itemTemplate",Z)("visibleNum",i.visibleNum)("currentPage",1)("scrollNum",i.scrollNum)("lazyLoaded",!0),t.xp6(6),t.Q6J("ngModel",i.visibleNum)("min",1)("max",5),t.xp6(3),t.Q6J("ngModel",i.scrollNum)("min",1)("max",5)}},dependencies:[s.Fj,s.wV,s.JJ,s.qQ,s.Fd,s.On,n.Gt,n.c0,n.El,n.KA,n.Qk],encapsulation:2})}const U=[{path:"",component:r}];class d{static#t=this.\u0275fac=function(e){return new(e||d)};static#e=this.\u0275mod=t.oAB({type:d});static#i=this.\u0275inj=t.cJS({imports:[g.Bz.forChild(U),g.Bz]})}class m{static#t=this.\u0275fac=function(e){return new(e||m)};static#e=this.\u0275mod=t.oAB({type:m});static#i=this.\u0275inj=t.cJS({imports:[s.u5,T.ez,d,n.cg,n.Tk,n.i7]})}}}]);