2099.a8c7534c6fd653d8.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[2099],{2099:(Z,r,a)=>{a.r(r),a.d(r,{NpToolbarDemoModule:()=>n});var c=a(6895),p=a(8379),t=a(4650),e=a(5499);class i{constructor(){this.toolbarCode='<div class="np-toolbar">\n  <div class="np-toolbar-item">...</div>\n  <div class="np-toolbar-item">...</div>\n  <div class="np-toolbar-separator"></div>\n  ...\n  <div class="np-toolbar-spacer"></div>\n  <div class="np-toolbar-item">...</div>\n  <div class="np-toolbar-item">...</div>\n</div>'}ngOnInit(){}static#t=this.\u0275fac=function(o){return new(o||i)};static#o=this.\u0275cmp=t.Xpm({type:i,selectors:[["app-np-toolbar-demo"]],decls:38,vars:1,consts:[[1,"page-header"],[1,"np-toolbar"],[1,"np-toolbar-item"],[1,"np-btn-icon"],[1,"fa","fa-bars"],[1,"fab","fa-android"],[1,"np-toolbar-separator"],[1,"fab","fa-apple"],[1,"fa","fa-battery-full"],[1,"np-toolbar-spacer"],[1,"np-form-control"],[1,"fa","fa-calendar"],[3,"innerText"]],template:function(o,b){1&o&&(t.TgZ(0,"h2",0),t._uU(1,"Toolbar"),t.qZA(),t.TgZ(2,"np-card")(3,"np-card-body")(4,"div",1)(5,"div",2)(6,"button",3),t._UZ(7,"i",4),t.qZA()(),t.TgZ(8,"div",2)(9,"button",3),t._UZ(10,"i",5),t.qZA()(),t._UZ(11,"div",6),t.TgZ(12,"div",2)(13,"button",3),t._UZ(14,"i",7),t.qZA()(),t.TgZ(15,"div",2)(16,"button",3),t._UZ(17,"i",8),t.qZA()(),t._UZ(18,"div",9),t.TgZ(19,"div",2)(20,"select",10)(21,"option"),t._uU(22,"Select"),t.qZA()()(),t.TgZ(23,"div",2)(24,"button",3),t._UZ(25,"i",11),t.qZA()()(),t.TgZ(26,"pre"),t._UZ(27,"code",12),t.qZA(),t.TgZ(28,"p"),t._uU(29," Use "),t.TgZ(30,"b"),t._uU(31,".np-toolbar-spacer"),t.qZA(),t._uU(32," class to separate items left and right. All the items after this class will be shown on right side. "),t.qZA(),t.TgZ(33,"p"),t._uU(34,"Use "),t.TgZ(35,"b"),t._uU(36,".np-toolbar-separator"),t.qZA(),t._uU(37," class to septate items."),t.qZA()()()),2&o&&(t.xp6(27),t.Q6J("innerText",b.toolbarCode))},dependencies:[e.c0,e.El],encapsulation:2})}const d=[{path:"",component:i}];class s{static#t=this.\u0275fac=function(o){return new(o||s)};static#o=this.\u0275mod=t.oAB({type:s});static#a=this.\u0275inj=t.cJS({imports:[p.Bz.forChild(d),p.Bz]})}class n{static#t=this.\u0275fac=function(o){return new(o||n)};static#o=this.\u0275mod=t.oAB({type:n});static#a=this.\u0275inj=t.cJS({imports:[c.ez,s,e.Tk]})}}}]);