4429.549fae84bcd2d16d.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[4429],{4429:(T,u,i)=>{i.r(u),i.d(u,{NpPanelDemoModule:()=>l});var c=i(6895),g=i(8379),e=i(4650),t=i(5499);function Z(m,n){1&m&&(e.TgZ(0,"p"),e._uU(1," 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())}class p{constructor(){this.importText="import { NpPanelModule } from 'np-ui-lib';",this.htmlText='<np-panel [title]="title" [allowToMinimize]="true" [allowToZoom]="true" [allowToClose]="true" \n  [styleClass]="\'np-pn-danger\'" [height]="200">\n  Panel Body content...\n</np-panel>',this.lazyLoadText="<np-panel [title]=\"'Details'\">\n  <ng-template npPanelContent>\n  ...lazy load content\n  </ng-tempalte>\n</panel>",this.title="What is paragraph?",this.pnl2Disabled=!1}ngOnInit(){}togglePanel2Disabled(){this.pnl2Disabled=!this.pnl2Disabled}onClose(n){alert("Panel closed")}onExpand(n){alert("Panel expanded")}onCollapse(n){alert("Panel collapsed")}onZoom(n){alert("Panel zoom "+(n.isZoom?"in":"out"))}static#e=this.\u0275fac=function(o){return new(o||p)};static#a=this.\u0275cmp=e.Xpm({type:p,selectors:[["app-np-panel-demo"]],decls:197,vars:17,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],[1,"np-container"],[1,"np-row"],[1,"np-col","np-col-sm-12","np-col-md-6"],[3,"title"],[3,"title","allowToMinimize","allowToZoom","allowToClose","iconCss","styleClass","disabled","onClose","onExpand","onCollapse","onZoom"],["npPanelContent",""],[1,"np-col","np-col-12"],[3,"title","allowToMinimize","allowToZoom","allowToClose","styleClass","height"],["type","button",1,"np-btn",3,"click"]],template:function(o,a){1&o&&(e.TgZ(0,"h2",0),e._uU(1,"Panel"),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,"b"),e._uU(19,"How to set lazy loading for panel?"),e.qZA(),e.TgZ(20,"div")(21,"pre"),e._UZ(22,"code",2),e.qZA()()()(),e.TgZ(23,"np-card")(24,"np-card-body")(25,"table",3)(26,"tr")(27,"th"),e._uU(28,"Property"),e.qZA(),e.TgZ(29,"th"),e._uU(30,"Description"),e.qZA(),e.TgZ(31,"th"),e._uU(32,"Type"),e.qZA(),e.TgZ(33,"th"),e._uU(34,"Default"),e.qZA()(),e.TgZ(35,"tr")(36,"td"),e._uU(37,"title"),e.qZA(),e.TgZ(38,"td"),e._uU(39,"Title of panel"),e.qZA(),e.TgZ(40,"td"),e._uU(41,"string | TemplateRef <any>"),e.qZA(),e._UZ(42,"td"),e.qZA(),e.TgZ(43,"tr")(44,"td"),e._uU(45,"allowToMinimize"),e.qZA(),e.TgZ(46,"td"),e._uU(47,"Allow to minimize"),e.qZA(),e.TgZ(48,"td"),e._uU(49,"boolean"),e.qZA(),e.TgZ(50,"td"),e._uU(51,"false"),e.qZA()(),e.TgZ(52,"tr")(53,"td"),e._uU(54,"allowToZoom"),e.qZA(),e.TgZ(55,"td"),e._uU(56,"Allow to zoom"),e.qZA(),e.TgZ(57,"td"),e._uU(58,"boolean"),e.qZA(),e.TgZ(59,"td"),e._uU(60,"false"),e.qZA()(),e.TgZ(61,"tr")(62,"td"),e._uU(63,"allowToClose"),e.qZA(),e.TgZ(64,"td"),e._uU(65,"Allow to close"),e.qZA(),e.TgZ(66,"td"),e._uU(67,"boolean"),e.qZA(),e.TgZ(68,"td"),e._uU(69,"false"),e.qZA()(),e.TgZ(70,"tr")(71,"td"),e._uU(72,"isOpen"),e.qZA(),e.TgZ(73,"td"),e._uU(74,"Set panel to default open"),e.qZA(),e.TgZ(75,"td"),e._uU(76,"boolean"),e.qZA(),e.TgZ(77,"td"),e._uU(78,"true"),e.qZA()(),e.TgZ(79,"tr")(80,"td"),e._uU(81,"height"),e.qZA(),e.TgZ(82,"td"),e._uU(83,"Height of panel in px"),e.qZA(),e.TgZ(84,"td"),e._uU(85,"number"),e.qZA(),e._UZ(86,"td"),e.qZA(),e.TgZ(87,"tr")(88,"td"),e._uU(89,"disabled"),e.qZA(),e.TgZ(90,"td"),e._uU(91,"Set panel to disabled mode"),e.qZA(),e.TgZ(92,"td"),e._uU(93,"boolean"),e.qZA(),e.TgZ(94,"td"),e._uU(95,"false"),e.qZA()(),e.TgZ(96,"tr")(97,"td"),e._uU(98,"iconCss"),e.qZA(),e.TgZ(99,"td"),e._uU(100,"Set CSS for icon like 'fa fa-home'"),e.qZA(),e.TgZ(101,"td"),e._uU(102,"string"),e.qZA(),e._UZ(103,"td"),e.qZA(),e.TgZ(104,"tr")(105,"td"),e._uU(106,"styleClass"),e.qZA(),e.TgZ(107,"td"),e._uU(108,"Set extra class on component"),e.qZA(),e.TgZ(109,"td"),e._uU(110,"string"),e.qZA(),e._UZ(111,"td"),e.qZA(),e.TgZ(112,"tr")(113,"td"),e._uU(114,"inputId"),e.qZA(),e.TgZ(115,"td"),e._uU(116,"Set id attribute"),e.qZA(),e.TgZ(117,"td"),e._uU(118,"string"),e.qZA(),e._UZ(119,"td"),e.qZA()()()(),e.TgZ(120,"np-card")(121,"np-card-body")(122,"table",3)(123,"tr")(124,"th"),e._uU(125,"Method"),e.qZA(),e.TgZ(126,"th"),e._uU(127,"Description"),e.qZA(),e.TgZ(128,"th"),e._uU(129,"Parameters"),e.qZA()(),e.TgZ(130,"tr")(131,"td"),e._uU(132,"onExpand($event)"),e.qZA(),e.TgZ(133,"td"),e._uU(134,"Callback on expanding panel."),e.qZA(),e.TgZ(135,"td"),e._uU(136,"$event"),e.qZA()(),e.TgZ(137,"tr")(138,"td"),e._uU(139,"onCollapse($event)"),e.qZA(),e.TgZ(140,"td"),e._uU(141,"Callback on collapsing panel."),e.qZA(),e.TgZ(142,"td"),e._uU(143,"$event"),e.qZA()(),e.TgZ(144,"tr")(145,"td"),e._uU(146,"onClose($event)"),e.qZA(),e.TgZ(147,"td"),e._uU(148,"Callback on closing panel."),e.qZA(),e.TgZ(149,"td"),e._uU(150,"$event"),e.qZA()(),e.TgZ(151,"tr")(152,"td"),e._uU(153,"onZoom($event)"),e.qZA(),e.TgZ(154,"td"),e._uU(155,"Callback on zoom in/out panel."),e.qZA(),e.TgZ(156,"td"),e._uU(157,"$event"),e.qZA()()()()()(),e.TgZ(158,"np-tab",4)(159,"div",5)(160,"div",6)(161,"div",7)(162,"np-panel",8)(163,"p"),e._uU(164," 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(165,"div",7)(166,"np-panel",9),e.NdJ("onClose",function(r){return a.onClose(r)})("onExpand",function(r){return a.onExpand(r)})("onCollapse",function(r){return a.onCollapse(r)})("onZoom",function(r){return a.onZoom(r)}),e.YNc(167,Z,2,0,"ng-template",10),e.qZA()(),e.TgZ(168,"div",11)(169,"np-panel",12)(170,"p"),e._uU(171," A first 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(172,"p"),e._uU(173," 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(174,"p"),e._uU(175," 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(176,"p"),e._uU(177," 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(178,"p"),e._uU(179," 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(180,"p"),e._uU(181," 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(182,"p"),e._uU(183," 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(184,"p"),e._uU(185," 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(186,"p"),e._uU(187," 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(188,"p"),e._uU(189," 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(190,"p"),e._uU(191," 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(192,"p"),e._uU(193," A last 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(194,"div",11)(195,"button",13),e.NdJ("click",function(){return a.togglePanel2Disabled()}),e._uU(196," Toggle panel 2 disabled "),e.qZA()()()()()()),2&o&&(e.xp6(10),e.Q6J("innerText",a.importText),e.xp6(7),e.Q6J("innerText",a.htmlText),e.xp6(5),e.Q6J("innerText",a.lazyLoadText),e.xp6(140),e.Q6J("title",a.title),e.xp6(4),e.Q6J("title",a.title)("allowToMinimize",!0)("allowToZoom",!0)("allowToClose",!0)("iconCss","fa fa-home")("styleClass","np-pn-success")("disabled",a.pnl2Disabled),e.xp6(3),e.Q6J("title",a.title)("allowToMinimize",!0)("allowToZoom",!0)("allowToClose",!0)("styleClass","np-pn-danger")("height",200))},dependencies:[t.Aw,t.qx,t.c0,t.El,t.KA,t.Qk],encapsulation:2})}const h=[{path:"",component:p}];class s{static#e=this.\u0275fac=function(o){return new(o||s)};static#a=this.\u0275mod=e.oAB({type:s});static#t=this.\u0275inj=e.cJS({imports:[g.Bz.forChild(h),g.Bz]})}class l{static#e=this.\u0275fac=function(o){return new(o||l)};static#a=this.\u0275mod=e.oAB({type:l});static#t=this.\u0275inj=e.cJS({imports:[c.ez,s,t.Mq,t.Tk,t.i7]})}}}]);