https://cubeconsulting.gr/src_app_shared_components_core-blocks_ca…egory-header-mod-0a0e79.f30a398ca5ec184d.js

1"use strict";(self.webpackChunkPlanoWebsiteBuilder=self.webpackChunkPlanoWebsiteBuilder||[]).push([["src_app_shared_components_core-blocks_category-banner_category-header-mod_category-header-mod-0a0e79","src_app_shared_directives_apply-style-config_apply-style-config_directive_ts-_b9ae0","src_app_shared_directives_apply-style-config_apply-style-config_directive_ts-_b9ae1"],{1237:(m,h,n)=>{n.d(h,{d:()=>C});var e=n(3953),_=n(9417);function g(c,l){if(1&c&&(e.j41(0,"label"),e.EFF(1),e.k0s()),2&c){const d=e.XpG();e.R7$(),e.JRh(d.label())}}let C=(()=>{class c{constructor(){this.label=(0,e.hFB)(""),this.isChecked=e.geq.required()}static{this.\u0275fac=function(i){return new(i||c)}}static{this.\u0275cmp=e.VBU({type:c,selectors:[["pl-checkbox-picker"]],inputs:{label:[1,"label"],isChecked:[1,"isChecked"]},outputs:{isChecked:"isCheckedChange"},decls:3,vars:2,consts:[[1,"checkbox-picker"],["type","checkbox",3,"ngModelChange","ngModel"]],template:function(i,r){1&i&&(e.j41(0,"div",0),e.DNE(1,g,2,1,"label"),e.j41(2,"input",1),e.mxI("ngModelChange",function(o){return e.DH7(r.isChecked,o)||(r.isChecked=o),o}),e.k0s()()),2&i&&(e.R7$(),e.vxM(r.label()?1:-1),e.R7$(),e.R50("ngModel",r.isChecked))},dependencies:[_.Zm,_.BC,_.vS],styles:['[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]{width:100%;display:flex;justify-content:space-between;align-items:center}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{width:100%;color:#000;font-size:12px}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{border:0px;outline:0px;border-radius:4px;padding:10px}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:1px solid var(--silver5);border-radius:4px;display:inline-block;position:relative;cursor:pointer;background-color:#fff;transition:all .3s ease-in-out}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%]:checked{background-color:var(--primary);border-color:var(--primary)}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%]:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}[_nghost-%COMP%]   .checkbox-picker[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%]:checked:after{display:block}']})}}return c})()},6869:(m,h,n)=>{n.d(h,{P:()=>c});var e=n(3953),_=n(9417);function g(l,d){if(1&l&&(e.j41(0,"label",1),e.EFF(1),e.k0s()),2&l){const i=e.XpG();e.R7$(),e.JRh(i.label())}}function C(l,d){if(1&l){const i=e.RV6();e.j41(0,"button",5),e.bIt("click",function(){e.eBV(i);const t=e.XpG();return e.Njj(t.clearTextValue())}),e.nrm(1,"i",6),e.k0s()}}let c=(()=>{class l{constructor(){this.label=(0,e.hFB)(""),this.placeholder=(0,e.hFB)(""),this.text=(0,e.geq)()}clearTextValue(){this.text.set("")}static{this.\u0275fac=function(r){return new(r||l)}}static{this.\u0275cmp=e.VBU({type:l,selectors:[["pl-text-picker"]],inputs:{label:[1,"label"],placeholder:[1,"placeholder"],text:[1,"text"]},outputs:{text:"textChange"},decls:5,vars:4,consts:[[1,"text-picker"],["for",""],[1,"control"],["type","text",3,"ngModelChange","ngModel","placeholder"],[1,"btn"],[1,"btn",3,"click"],[1,"bi","bi-x-lg"]],template:function(r,t){1&r&&(e.j41(0,"div",0),e.DNE(1,g,2,1,"label",1),e.j41(2,"div",2)(3,"input",3),e.mxI("ngModelChange",function(a){return e.DH7(t.text,a)||(t.text=a),a}),e.k0s(),e.DNE(4,C,2,0,"button",4),e.k0s()()),2&r&&(e.R7$(),e.vxM(t.label()?1:-1),e.R7$(2),e.R50("ngModel",t.text),e.Y8G("placeholder",t.placeholder()),e.R7$(),e.vxM(t.text&&""!==t.text()?4:-1))},dependencies:[_.me,_.BC,_.vS],styles:[".text-picker[_ngcontent-%COMP%]{width:100%}.text-picker[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{width:100%;font-size:12px;color:#000}.text-picker[_ngcontent-%COMP%]   .control[_ngcontent-%COMP%]{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.text-picker[_ngcontent-%COMP%]   .control[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;border:0px;outline:0px;border:1px solid var(--silver4);border-radius:6px;padding:7px 30px 7px 10px}.text-picker[_ngcontent-%COMP%]   .control[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{font-size:16px;padding:0;position:absolute;right:8px;top:8px}"]})}}return l})()},8648:(m,h,n)=>{n.r(h),n.d(h,{CategoryHeaderModComponent:()=>i});var e=n(3953),_=n(4392),g=n(6297),C=n(177),c=n(6850),l=n(6869),d=n(1237);let i=(()=>{class r extends _.O{constructor(){super(...arguments),this.config=e.geq.required(),this.updatedConfig=(0,e.CGW)()}static{this.\u0275fac=(()=>{let o;return function(s){return(o||(o=e.xGo(r)))(s||r)}})()}static{this.\u0275cmp=e.VBU({type:r,selectors:[["pl-category-header-mod"]],inputs:{config:[1,"config"]},outputs:{config:"configChange",updatedConfig:"updatedConfig"},standalone:!0,features:[e.Vt3,e.aNF],decls:9,vars:3,consts:[[1,"blog-post-mod","custom-mod"],["label","Settings"],[1,"field"],["label","Display Category Title",3,"isCheckedChange","isChecked"],["label","Demo category slug",3,"textChange","text"],["label","Match category from URL",3,"isCheckedChange","isChecked"]],template:function(a,s){1&a&&(e.j41(0,"div",0)(1,"mat-tab-group")(2,"mat-tab",1)(3,"div",2)(4,"pl-checkbox-picker",3),e.mxI("isCheckedChange",function(p){return e.DH7(s.config().customModFormConfig.settings.diplayName,p)||(s.config().customModFormConfig.settings.diplayName=p),p}),e.bIt("isCheckedChange",function(){return s.updateModForm()}),e.k0s()(),e.j41(5,"div",2)(6,"pl-text-picker",4),e.mxI("textChange",function(p){return e.DH7(s.config().customModFormConfig.settings.demoSlug,p)||(s.config().customModFormConfig.settings.demoSlug=p),p}),e.bIt("textChange",function(){return s.updateModForm()}),e.k0s()(),e.j41(7,"div",2)(8,"pl-checkbox-picker",5),e.mxI("isCheckedChange",function(p){return e.DH7(s.config().customModFormConfig.settings.listenToUrl,p)||(s.config().customModFormConfig.settings.listenToUrl=p),p}),e.bIt("isCheckedChange",function(){return s.updateModForm()}),e.k0s()()()()()),2&a&&(e.R7$(4),e.R50("isChecked",s.config().customModFormConfig.settings.diplayName),e.R7$(2),e.R50("text",s.config().customModFormConfig.settings.demoSlug),e.R7$(2),e.R50("isChecked",s.config().customModFormConfig.settings.listenToUrl))},dependencies:[g.t,l.P,d.d,C.MD,c.RI,c.mq,c.T8]})}}return r})()},9453:(m,h,n)=>{n.d(h,{T:()=>d});var e=n(3953),_=n(9082),g=n(1763),C=n(4121),c=n(177),l=n(2905);let d=(()=>{class i{constructor(t){this.el=t,this.renderer=(0,e.WQX)(e.sFG),this.document=(0,e.WQX)(c.qQ),this.plApplyStyleConfig=(0,e.hFB

1)(),this.className=("ref-"+Math.random()).replace(".","-"),this.utilsService=(0,e.WQX)(l.T),this.sharedStore=(0,e.WQX)(g.H),this.initEffects()}initEffects(){if("builder"===this.sharedStore.viewMode()){const t=(0,e.WQX)(_.R);(0,e.QZP)(()=>{this.renderMode=t.device();const o=this.plApplyStyleConfig();o&&this.setClasses(o)})}else if("site"===this.sharedStore.viewMode()){const t=(0,e.WQX)(C.M);(0,e.QZP)(()=>{this.renderMode=t.deviceDisplayed();const o=this.plApplyStyleConfig();o&&this.setClasses(o)})}}ngOnDestroy(){const t=this.document.getElementById("style-"+this.className);t&&this.renderer.removeChild(this.document.head,t)}setClasses(t){const o=`.pl-typography .${this.className} { ${this.inlineStyle(t[this.renderMode])} }\n`,a=Object.keys(t.pseudoClasses).map(s=>`.pl-typography .${this.className}:${s} { ${this.inlineStyle(t.pseudoClasses[s])} }\n`).join("");this.utilsService.applyStyleTag(o+a,"style-"+this.className),this.renderer.addClass(this.el.nativeElement,this.className)}inlineStyle(t){if(!t)return"";let o=[];for(let a of Object.keys(t))t[a]&&t[a].length&&o.push(a+": "+t[a]);return o.join(";")}static{this.\u0275fac=function(o){return new(o||i)(e.rXU(e.aKT))}}static{this.\u0275dir=e.FsC({type:i,selectors:[["","plApplyStyleConfig",""]],inputs:{plApplyStyleConfig:[1,"plApplyStyleConfig"]},standalone:!0})}}return i})()}}]);