7319.2ed5bb8fa89f8110.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[7319],{7319:(T,Z,n)=>{n.r(Z),n.d(Z,{NpProgressDemoModule:()=>p});var l=n(6895),g=n(8379),e=n(4650),s=n(5499);class o{constructor(){this.importText="import { NpProgressModule } from 'np-ui-lib';",this.htmlText='<np-progress [value]="50"></np-progress>'}ngOnInit(){}onTabChange(a){if("Examples"===a.title){this.progressCount=2;const t=setInterval(()=>{const r=2*this.progressCount;r>100?(this.progressCount=100,clearInterval(t)):this.progressCount=r},500)}}static#e=this.\u0275fac=function(t){return new(t||o)};static#t=this.\u0275cmp=e.Xpm({type:o,selectors:[["app-np-progress-demo"]],decls:112,vars:16,consts:[[1,"page-header"],[3,"onTabChange"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],[3,"value"],[3,"value","styleClass","striped"],[3,"value","styleClass","showLabel","height"],[3,"value","animated","height","styleClass"],[3,"indeterminate","styleClass"]],template:function(t,r){1&t&&(e.TgZ(0,"h2",0),e._uU(1,"Progress"),e.qZA(),e.TgZ(2,"np-tabs",1),e.NdJ("onTabChange",function(d){return r.onTabChange(d)}),e.TgZ(3,"np-tab",2)(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",3),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",3),e.qZA()()()(),e.TgZ(18,"np-card")(19,"np-card-body")(20,"table",4)(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,"Value"),e.qZA(),e.TgZ(33,"td"),e._uU(34,"Progress value from 0 to 100"),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,"striped"),e.qZA(),e.TgZ(41,"td"),e._uU(42,"Striped design"),e.qZA(),e.TgZ(43,"td"),e._uU(44,"boolean"),e.qZA(),e.TgZ(45,"td"),e._uU(46,"false"),e.qZA()(),e.TgZ(47,"tr")(48,"td"),e._uU(49,"animated"),e.qZA(),e.TgZ(50,"td"),e._uU(51,"Show animated design"),e.qZA(),e.TgZ(52,"td"),e._uU(53,"boolean"),e.qZA(),e.TgZ(54,"td"),e._uU(55,"false"),e.qZA()(),e.TgZ(56,"tr")(57,"td"),e._uU(58,"showLabel"),e.qZA(),e.TgZ(59,"td"),e._uU(60,"Show % number"),e.qZA(),e.TgZ(61,"td"),e._uU(62,"boolean"),e.qZA(),e.TgZ(63,"td"),e._uU(64,"true"),e.qZA()(),e.TgZ(65,"tr")(66,"td"),e._uU(67,"height"),e.qZA(),e.TgZ(68,"td"),e._uU(69,"Height of progress bar in px"),e.qZA(),e.TgZ(70,"td"),e._uU(71,"number"),e.qZA(),e._UZ(72,"td"),e.qZA(),e.TgZ(73,"tr")(74,"td"),e._uU(75,"styleClass"),e.qZA(),e.TgZ(76,"td"),e._uU(77," Set extra class on progress bar "),e._UZ(78,"br"),e._uU(79,"Pre-defined classes are available like 'np-progress-success', 'np-progress-danger', 'np-progress-info', 'np-progress-warning' "),e.qZA(),e.TgZ(80,"td"),e._uU(81,"string"),e.qZA(),e._UZ(82,"td"),e.qZA(),e.TgZ(83,"tr")(84,"td"),e._uU(85,"inputId"),e.qZA(),e.TgZ(86,"td"),e._uU(87,"Set id attribute"),e.qZA(),e.TgZ(88,"td"),e._uU(89,"string"),e.qZA(),e._UZ(90,"td"),e.qZA()()()()(),e.TgZ(91,"np-tab",5)(92,"fieldset")(93,"legend"),e._uU(94,"Default"),e.qZA(),e._UZ(95,"np-progress",6),e.qZA(),e.TgZ(96,"fieldset")(97,"legend"),e._uU(98,"Success + striped"),e.qZA(),e._UZ(99,"np-progress",7),e.qZA(),e.TgZ(100,"fieldset")(101,"legend"),e._uU(102,"Error + height"),e.qZA(),e._UZ(103,"np-progress",8),e.qZA(),e.TgZ(104,"fieldset")(105,"legend"),e._uU(106,"Warning + animated"),e.qZA(),e._UZ(107,"np-progress",9),e.qZA(),e.TgZ(108,"fieldset")(109,"legend"),e._uU(110,"Info + indeterminate"),e.qZA(),e._UZ(111,"np-progress",10),e.qZA()()()),2&t&&(e.xp6(10),e.Q6J("innerText",r.importText),e.xp6(7),e.Q6J("innerText",r.htmlText),e.xp6(78),e.Q6J("value",55),e.xp6(4),e.Q6J("value",r.progressCount)("styleClass","np-progress-success")("striped",!0),e.xp6(4),e.Q6J("value",50)("styleClass","np-progress-danger")("showLabel",!1)("height",5),e.xp6(4),e.Q6J("value",100)("animated",!0)("height",25)("styleClass","np-progress-warning"),e.xp6(4),e.Q6J("indeterminate",!0)("styleClass","np-progress-info"))},dependencies:[s.lW,s.c0,s.El,s.KA,s.Qk],encapsulation:2})}const u=[{path:"",component:o}];class i{static#e=this.\u0275fac=function(t){return new(t||i)};static#t=this.\u0275mod=e.oAB({type:i});static#s=this.\u0275inj=e.cJS({imports:[g.Bz.forChild(u),g.Bz]})}class p{static#e=this.\u0275fac=function(t){return new(t||p)};static#t=this.\u0275mod=e.oAB({type:p});static#s=this.\u0275inj=e.cJS({imports:[l.ez,i,s.Xy,s.Tk,s.i7]})}}}]);