1298.320ea5ef9ed1658a.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[1298],{1298:(m,r,s)=>{s.r(r),s.d(r,{NpThemingDemoModule:()=>i});var l=s(6895),p=s(8379),e=s(4650),c=s(5499);class o{constructor(){this.customSCSS='@import "np-ui-lib/styles/theme.scss";\n$primary-color: #0b7ad1;// set primary color</span>\n$background-color: #f5f5f5;// set background color</span>\n$selected-background-color: #eeeeee;// set background color for selected items and hover</span>\n$border-color: #9e9e9e;// set border color</span>\n$border-radius: 2px;// set border radius</span>\n$outline-color: #a6d5fa;// set outline color</span>\n$spacer: 1rem;// set spacing\n@include theme;'}ngOnInit(){}static#e=this.\u0275fac=function(t){return new(t||o)};static#t=this.\u0275cmp=e.Xpm({type:o,selectors:[["app-np-theming-demo"]],decls:12,vars:1,consts:[[1,"page-header"],["title","Documentation"],[3,"innerHTML"]],template:function(t,u){1&t&&(e.TgZ(0,"h2",0),e._uU(1,"Themes"),e.qZA(),e.TgZ(2,"np-tabs")(3,"np-tab",1)(4,"b"),e._uU(5,"How to change theme colors?"),e.qZA(),e.TgZ(6,"div"),e._uU(7," Instead of importing default-theme.scss file, add below code in application's styles.scss file. "),e.qZA(),e.TgZ(8,"pre"),e._UZ(9,"code",2),e.qZA(),e.TgZ(10,"div"),e._uU(11,"Change above variables to set different themes."),e.qZA()()()),2&t&&(e.xp6(9),e.Q6J("innerHTML",u.customSCSS,e.oJD))},dependencies:[c.KA,c.Qk],encapsulation:2})}const d=[{path:"",component:o}];class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#t=this.\u0275mod=e.oAB({type:n});static#s=this.\u0275inj=e.cJS({imports:[p.Bz.forChild(d),p.Bz]})}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:[l.ez,n,c.i7]})}}}]);