3532.e017ba43d749e6d3.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[3532],{2628:(g,u,r)=>{r.r(u),r.d(u,{NpLoaderDemoModule:()=>p});var c=r(6895),s=r(8379),e=r(4650),o=r(5499);class i{constructor(){this.loader1=!1,this.loader2=!1,this.loader3=!1,this.loader4=!1,this.importText="import { NpLoaderModule } from 'np-ui-lib';",this.htmlText='<span [npLoader]="true"></span>'}ngOnInit(){}static#e=this.\u0275fac=function(a){return new(a||i)};static#t=this.\u0275cmp=e.Xpm({type:i,selectors:[["app-np-loader-demo"]],decls:112,vars:11,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],[2,"height","200px","width","200px","background-color","lightblue",3,"npLoader"],[1,"np-btn-group"],[1,"np-btn",3,"click"],[1,"np-btn",3,"npLoader","click"],[2,"height","200px","background-color","lightblue",3,"npLoader","loadingText"],[3,"npLoader","diameter","strokeWidth"],[3,"title"]],template:function(a,t){1&a&&(e.TgZ(0,"h2",0),e._uU(1,"Loader"),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,"npLoader"),e.qZA(),e.TgZ(33,"td"),e._uU(34,"Show loader"),e.qZA(),e.TgZ(35,"td"),e._uU(36,"boolean"),e.qZA(),e.TgZ(37,"td"),e._uU(38,"false"),e.qZA()(),e.TgZ(39,"tr")(40,"td"),e._uU(41,"diameter"),e.qZA(),e.TgZ(42,"td"),e._uU(43,"Set diameter of loader in px"),e.qZA(),e.TgZ(44,"td"),e._uU(45,"number"),e.qZA(),e.TgZ(46,"td"),e._uU(47,"32"),e.qZA()(),e.TgZ(48,"tr")(49,"td"),e._uU(50,"strokeWidth"),e.qZA(),e.TgZ(51,"td"),e._uU(52,"Set stroke width of loader in px"),e.qZA(),e.TgZ(53,"td"),e._uU(54,"number"),e.qZA(),e.TgZ(55,"td"),e._uU(56,"4"),e.qZA()(),e.TgZ(57,"tr")(58,"td"),e._uU(59,"loadingText"),e.qZA(),e.TgZ(60,"td"),e._uU(61,"Set text to show on loader"),e.qZA(),e.TgZ(62,"td"),e._uU(63,"string"),e.qZA(),e._UZ(64,"td"),e.qZA()()()()(),e.TgZ(65,"np-tab",4)(66,"fieldset")(67,"legend"),e._uU(68,"Loader on div"),e.qZA(),e._UZ(69,"div",5),e.TgZ(70,"div",6)(71,"button",7),e.NdJ("click",function(){return t.loader1=!0}),e._uU(72,"Show Loader"),e.qZA(),e.TgZ(73,"button",7),e.NdJ("click",function(){return t.loader1=!1}),e._uU(74,"Hide Loader"),e.qZA()()(),e.TgZ(75,"fieldset")(76,"legend"),e._uU(77,"Loader on Button"),e.qZA(),e.TgZ(78,"div",6)(79,"button",8),e.NdJ("click",function(){return t.loader2=!0}),e._uU(80," Show Loader "),e.qZA(),e.TgZ(81,"button",7),e.NdJ("click",function(){return t.loader2=!1}),e._uU(82,"Hide Loader"),e.qZA()()(),e.TgZ(83,"fieldset")(84,"legend"),e._uU(85,"Loader with text"),e.qZA(),e._UZ(86,"div",9),e.TgZ(87,"div",6)(88,"button",7),e.NdJ("click",function(){return t.loader3=!0}),e._uU(89,"Show Loader"),e.qZA(),e.TgZ(90,"button",7),e.NdJ("click",function(){return t.loader3=!1}),e._uU(91,"Hide Loader"),e.qZA()()(),e.TgZ(92,"fieldset")(93,"legend"),e._uU(94,"On other component"),e.qZA(),e.TgZ(95,"div",10)(96,"np-tabs")(97,"np-tab",11)(98,"h1"),e._uU(99,"Tab 1"),e.qZA(),e.TgZ(100,"p"),e._uU(101," A paragraph is a series of related sentences developing a central idea, called the topic. Try to think about paragraphs in terms of thematic unity: a paragraph is a sentence or a group of sentences that supports one central, unified idea. Paragraphs add one idea at a time to your broader argument. "),e.qZA()(),e.TgZ(102,"np-tab",11)(103,"h1"),e._uU(104,"Tab 2"),e.qZA(),e.TgZ(105,"p"),e._uU(106," A paragraph is a series of related sentences developing a central idea, called the topic. Try to think about paragraphs in terms of thematic unity: a paragraph is a sentence or a group of sentences that supports one central, unified idea. Paragraphs add one idea at a time to your broader argument. "),e.qZA()()()(),e.TgZ(107,"div",6)(108,"button",7),e.NdJ("click",function(){return t.loader4=!0}),e._uU(109,"Show Loader"),e.qZA(),e.TgZ(110,"button",7),e.NdJ("click",function(){return t.loader4=!1}),e._uU(111,"Hide Loader"),e.qZA()()()()()),2&a&&(e.xp6(10),e.Q6J("innerText",t.importText),e.xp6(7),e.Q6J("innerText",t.htmlText),e.xp6(52),e.Q6J("npLoader",t.loader1),e.xp6(10),e.Q6J("npLoader",t.loader2),e.xp6(7),e.Q6J("npLoader",t.loader3)("loadingText","Loading..."),e.xp6(9),e.Q6J("npLoader",t.loader4)("diameter",64)("strokeWidth",10),e.xp6(2),e.Q6J("title","Tab 1"),e.xp6(5),e.Q6J("title","Tab2"))},dependencies:[o.i5,o.KA,o.Qk,o.c0,o.El],encapsulation:2})}const Z=[{path:"",component:i}];class d{static#e=this.\u0275fac=function(a){return new(a||d)};static#t=this.\u0275mod=e.oAB({type:d});static#o=this.\u0275inj=e.cJS({imports:[s.Bz.forChild(Z),s.Bz]})}class p{static#e=this.\u0275fac=function(a){return new(a||p)};static#t=this.\u0275mod=e.oAB({type:p});static#o=this.\u0275inj=e.cJS({imports:[c.ez,d,o.Mi,o.i7,o.Tk]})}}}]);