@pronto-tools-and-more/files 14.60.0 → 14.62.0

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_embeddable-view_embeddable-view_module_ts.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_embeddable-view_embeddable-view_module_ts","projects_storefront_src_app_directive_check-overflow_check-overflow_directive_ts"],{541:(D,g,o)=>{o.r(g),o.d(g,{EmbeddableViewModule:()=>Q,component:()=>A});var c=o(177),m=o(9379),v=o(467),e=o(3953),C=o(1210),p=o(8251),h=o(7031),f=o(8179),b=o(3178),d=o(7598),V=o(2962),O=o(873),S=o(4452),L=o(5102),u=o(8474),R=o(7879),E=o(2868),w=o(680);const k=["content"];function _(n,a){}function G(n,a){if(1&n&&e.DNE(0,_,0,0,"ng-template",4),2&n){const l=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[t.enabledChildIndices[l]])}}function T(n,a){}function j(n,a){if(1&n){const l=e.RV6();e.DNE(0,T,0,0,"ng-template",5),e.bIt("inViewport",function(i){const s=e.eBV(l).index,r=e.XpG();return e.Njj(r.onVisibilityChanged(s,i))})}if(2&n){const l=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[l])("baseContext",t.context)("controlsSticky",t.children[l].sticky)("lazy",!0)}}let x=(()=>{var n;class a extends C.${constructor(){super(...arguments),this.injector=(0,e.WQX)(e.zZn),this.store=(0,e.WQX)(p.B),this.dataShareService=(0,e.WQX)(u.j),this.purpleService=(0,e.WQX)(L.Wj),this.purpleEnv=(0,e.WQX)(R.r6),this.changeDetectorRef=(0,e.WQX)(e.gRc),this.children=[],this.enabledChildIndices=[],this.visibleStickyChildren=new Set,this.defaultConfig={name:"",embeddedParams:{}}}get className(){return(this.config||this.baseConfig()).name}ngOnInit(){super.ngOnInit(),this.reflectEmbeddedParams()}onConfigChanges(){var t=this;this.content&&this.content.nativeElement.addEventListener("scroll",s=>this.onScroll(s),{passive:!0});let i=!0;this.store.select((0,h.Kv)(this.config.name,this.contextService.getCurrentViewContext(),this.contextService.$functions,this.globalService.getGlobalData()),function(){var s=(0,v.A)(function*(r){t.children=r&&r.content,t.store.subscribe(t.contextService.viewContext$,function(){var z=(0,v.A)(function*(y){t.context=(0,m.A)((0,m.A)({},t.context),y),i&&(t.loadDataSources(r),i=!1),t.children.length&&(yield t.updateChildren())});return function(y){return z.apply(this,arguments)}}(),b.lQ,b.lQ,"viewContext")});return function(r){return s.apply(this,arguments)}}(),b.lQ,b.lQ,"view"),this.changeDetectorRef.markForCheck()}onVisibilityChanged(t,i){i?this.visibleStickyChildren.delete(t):this.visibleStickyChildren.add(t)}onScroll(t){(0,V.IL)(t.target)<=O._&&window.dispatchEvent(new CustomEvent(d.Zm,{detail:{emitter:this.elementRef.nativeElement}}))}updateChildren(){var t=this;return(0,v.A)(function*(){const i=[];if(t.children.forEach((s,r)=>{(0,f.ru)(s,t.context,t.contextService.$functions,t.globalService.getGlobalData(),!1)&&i.push(r)}),JSON.stringify(i)!==JSON.stringify(t.enabledChildIndices)){t.enabledChildIndices=i,t.changeDetectorRef.detectChanges();for(const s of t.childComponents)yield s.lazyLoad()}})()}loadDataSources(t){const i=t.data;i&&i.forEach(s=>{s=(0,f.uQ)(s,this.context,this.contextService.$functions,this.globalService.getGlobalData());const r=(0,S.O8)(this.injector,s,this.elementRef.nativeElement,this.document);r&&r.loadData()})}hasContextChanged(t){return!1}reflectEmbeddedParams(){var t;if(null!==(t=this.baseConfig())&&void 0!==t&&t.embeddedParams&&Object.keys(this.baseConfig().embeddedParams).length){let i={};this.context.embeddedParams&&(i=(0,m.A)({},this.context.embeddedParams)),Object.keys(this.baseConfig().embeddedParams).forEach(s=>{i[s]=(0,f.uQ)(this.baseConfig().embeddedParams[s],this.context,this.contextService.$functions,this.globalService.getGlobalData())}),this.dataShareService.embeddedParams=(0,m.A)({},i),this.setComponentContext("embeddedParams",(0,m.A)({},i))}}}return(n=a).\u0275fac=(()=>{let l;return function(i){return(l||(l=e.xGo(n)))(i||n)}})(),n.\u0275cmp=e.VBU({type:n,selectors:[["storefront-embeddable-view"]],viewQuery:function(t,i){if(1&t&&(e.GBs(k,5,e.aKT),e.GBs(E.q,5)),2&t){let s;e.mGM(s=e.lsd())&&(i.content=s.first),e.mGM(s=e.lsd())&&(i.childComponents=s)}},hostVars:2,hostBindings:function(t,i){2&t&&e.HbH(i.className)},standalone:!1,features:[e.Jv_([p.B,u.j]),e.Vt3],decls:5,vars:3,consts:[["content",""],[1,"sticky-elements"],[4,"ngFor","ngForOf"],["storefrontCheckOverflowTarget","self",1,"content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig"],[3,"inViewport","pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"]],template:function(t,i){1&t&&(e.j41(0,"div",1),e.DNE(1,G,1,1,null,2),e.k0s(),e.j41(2,"div",3,0),e.DNE(4,j,1,4,null,2),e.k0s()),2&t&&(e.R7$(),e.Y8G("ngForOf",i.visibleStickyChildren),e.R7$(),e.Y8G("storefrontCheckOverflow","vertical"),e.R7$(2),e.Y8G("ngForOf",i.enabledChildIndices))},dependencies:[c.Sq,E.q,w.G],styles:["storefront-embeddable-view,.pxp-embeddable-view{display:block;height:100%}storefront-embeddable-view .content,.pxp-embeddable-view .content{height:100%;overflow-y:auto}storefront-embeddable-view .sticky-elements,.pxp-embeddable-view .sticky-elements{position:absolute;width:100%;z-index:19}\n"],encapsulation:2,changeDetection:0}),a})();var P=o(728),I=o(8301);const B=["class","pxp-embeddable-view"];function M(n,a){}function $(n,a){if(1&n&&e.DNE(0,M,0,0,"ng-template",4),2&n){const l=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[t.enabledChildIndices[l]])}}function F(n,a){}function W(n,a){if(1&n){const l=e.RV6();e.DNE(0,F,0,0,"ng-template",5),e.bIt("inViewport",function(i){const s=e.eBV(l).index,r=e.XpG();return e.Njj(r.onVisibilityChanged(s,i))})}if(2&n){const l=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[l])("baseContext",t.context)("controlsSticky",t.children[l].sticky)("lazy",!0)}}let N=(()=>{var n;class a extends x{}return(n=a).\u0275fac=(()=>{let l;return function(i){return(l||(l=e.xGo(n)))(i||n)}})(),n.\u0275cmp=e.VBU({type:n,selectors:[["div",8,"pxp-embeddable-view"]],standalone:!1,features:[e.Jv_([p.B,u.j]),e.Vt3],attrs:B,decls:5,vars:3,consts:[["content",""],[1,"sticky-elements"],[4,"ngFor","ngForOf"],["storefrontCheckOverflowTarget","self",1,"content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig"],[3,"inViewport","pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"]],template:function(t,i){1&t&&(e.j41(0,"div",1),e.DNE(1,$,1,1,null,2),e.k0s(),e.j41(2,"div",3,0),e.DNE(4,W,1,4,null,2),e.k0s()),2&t&&(e.R7$(),e.Y8G("ngForOf",i.visibleStickyChildren),e.R7$(),e.Y8G("storefrontCheckOverflow","vertical"),e.R7$(2),e.Y8G("ngForOf",i.enabledChildIndices))},dependencies:[c.Sq,E.q,w.G],styles:["storefront-embeddable-view,.pxp-embeddable-view{display:block;height:100%}storefront-embeddable-view .content,.pxp-embeddable-view .content{height:100%;overflow-y:auto}storefront-embeddable-view .sticky-elements,.pxp-embeddable-view .sticky-elements{position:absolute;width:100%;z-index:19}\n"],encapsulation:2,changeDetection:0}),a})(),Q=(()=>{var n;class a{}return(n=a).\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.$C({type:n}),n.\u0275inj=e.G2t({imports:[c.MD,P.wb,I.d]}),a})();const A={component:x,leanDomComponent:N}},680:(D,g,o)=>{o.d(g,{G:()=>p});var c=o(3953),m=o(7786),v=o(3726),e=o(8890),C=o(8251);let p=(()=>{var h;class f{constructor(){this.elementRef=(0,c.WQX)(c.aKT),this.subscriptions=(0,c.WQX)(C.v),this.storefrontCheckOverflow=(0,c.hFB)(void 0),this.storefrontCheckOverflowTarget=(0,c.hFB)("parent")}ngOnChanges(){this.checkScrollable()}ngAfterViewInit(){this.ngOnChanges(),this.target="parent"===this.storefrontCheckOverflowTarget()?this.elementRef.nativeElement.parentNode:this.elementRef.nativeElement,this.subscriptions.subscribe((0,m.h)((0,e.Ne)(),(0,v.R)(this.elementRef.nativeElement,"scroll",{passive:!0}),(0,e.S8)(this.elementRef.nativeElement)),d=>this.checkScrollable()),this.checkScrollable()}ngOnInit(){}checkScrollable(){this.target&&("horizontal"===this.storefrontCheckOverflow()?this.checkScrollableHorizontal():this.checkScrollableVertical(),this.target.classList.add("initialized"))}checkScrollableVertical(){const d=this.elementRef.nativeElement.scrollHeight-this.elementRef.nativeElement.clientHeight;this.elementRef.nativeElement.scrollHeight>this.elementRef.nativeElement.clientHeight?(this.target.classList.add("scrollable-vert"),Math.abs(d-this.elementRef.nativeElement.scrollTop)>1?this.target.classList.add("scrollable-bottom"):this.target.classList.remove("scrollable-bottom"),this.elementRef.nativeElement.scrollTop>0?this.target.classList.add("scrollable-top"):this.target.classList.remove("scrollable-top")):(this.target.classList.remove("scrollable-vert"),this.target.classList.remove("scrollable-bottom"),this.target.classList.remove("scrollable-top"))}checkScrollableHorizontal(){const d=this.elementRef.nativeElement.scrollWidth-this.elementRef.nativeElement.clientWidth;this.elementRef.nativeElement.scrollWidth>this.elementRef.nativeElement.clientWidth?(this.target.classList.add("scrollable-horiz"),Math.abs(d-this.elementRef.nativeElement.scrollLeft)>1?this.target.classList.add("scrollable-right"):this.target.classList.remove("scrollable-right"),this.elementRef.nativeElement.scrollLeft>0?this.target.classList.add("scrollable-left"):this.target.classList.remove("scrollable-left")):(this.target.classList.remove("scrollable-horiz"),this.target.classList.remove("scrollable-left"),this.target.classList.remove("scrollable-right"))}}return(h=f).\u0275fac=function(d){return new(d||h)},h.\u0275dir=c.FsC({type:h,selectors:[["","storefrontCheckOverflow",""]],inputs:{storefrontCheckOverflow:[1,"storefrontCheckOverflow"],storefrontCheckOverflowTarget:[1,"storefrontCheckOverflowTarget"]},standalone:!1,features:[c.Jv_([C.v]),c.OA$]}),f})()}}]);
+"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_embeddable-view_embeddable-view_module_ts","projects_storefront_src_app_directive_check-overflow_check-overflow_directive_ts"],{541:(D,C,i)=>{i.r(C),i.d(C,{EmbeddableViewModule:()=>X,component:()=>Q});var c=i(177),m=i(9379),v=i(467),e=i(3953),g=i(1210),p=i(8251),h=i(7031),f=i(8179),b=i(3178),d=i(7598),V=i(2962),_=i(873),S=i(4452),O=i(5102),u=i(8474),k=i(7879),E=i(2868),x=i(680);const L=["content"];function R(n,a){}function T(n,a){if(1&n&&e.DNE(0,R,0,0,"ng-template",2),2&n){const s=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[t.enabledChildIndices[s]])}}function G(n,a){}function $(n,a){if(1&n){const s=e.RV6();e.DNE(0,G,0,0,"ng-template",5),e.bIt("inViewport",function(o){const l=e.eBV(s).$index,r=e.XpG();return e.Njj(r.onVisibilityChanged(l,o))})}if(2&n){const s=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[s])("baseContext",t.context)("controlsSticky",t.children[s].sticky)("lazy",!0)}}let w=(()=>{var n;class a extends g.${constructor(){super(...arguments),this.injector=(0,e.WQX)(e.zZn),this.store=(0,e.WQX)(p.B),this.dataShareService=(0,e.WQX)(u.j),this.purpleService=(0,e.WQX)(O.Wj),this.purpleEnv=(0,e.WQX)(k.r6),this.changeDetectorRef=(0,e.WQX)(e.gRc),this.children=[],this.enabledChildIndices=[],this.visibleStickyChildren=new Set,this.defaultConfig={name:"",embeddedParams:{}}}get className(){return(this.config||this.baseConfig()).name}ngOnInit(){super.ngOnInit(),this.reflectEmbeddedParams()}onConfigChanges(){var t=this;this.content&&this.content.nativeElement.addEventListener("scroll",l=>this.onScroll(l),{passive:!0});let o=!0;this.store.select((0,h.Kv)(this.config.name,this.contextService.getCurrentViewContext(),this.contextService.$functions,this.globalService.getGlobalData()),function(){var l=(0,v.A)(function*(r){t.children=r&&r.content,t.store.subscribe(t.contextService.viewContext$,function(){var A=(0,v.A)(function*(y){t.context=(0,m.A)((0,m.A)({},t.context),y),o&&(t.loadDataSources(r),o=!1),t.children.length&&(yield t.updateChildren())});return function(y){return A.apply(this,arguments)}}(),b.lQ,b.lQ,"viewContext")});return function(r){return l.apply(this,arguments)}}(),b.lQ,b.lQ,"view"),this.changeDetectorRef.markForCheck()}onVisibilityChanged(t,o){o?this.visibleStickyChildren.delete(t):this.visibleStickyChildren.add(t)}onScroll(t){(0,V.IL)(t.target)<=_._&&window.dispatchEvent(new CustomEvent(d.Zm,{detail:{emitter:this.elementRef.nativeElement}}))}updateChildren(){var t=this;return(0,v.A)(function*(){const o=[];if(t.children.forEach((l,r)=>{(0,f.ru)(l,t.context,t.contextService.$functions,t.globalService.getGlobalData(),!1)&&o.push(r)}),JSON.stringify(o)!==JSON.stringify(t.enabledChildIndices)){t.enabledChildIndices=o,t.changeDetectorRef.detectChanges();for(const l of t.childComponents)yield l.lazyLoad()}})()}loadDataSources(t){const o=t.data;o&&o.forEach(l=>{l=(0,f.uQ)(l,this.context,this.contextService.$functions,this.globalService.getGlobalData());const r=(0,S.O8)(this.injector,l,this.elementRef.nativeElement,this.document);r&&r.loadData()})}hasContextChanged(t){return!1}reflectEmbeddedParams(){var t;if(null!==(t=this.baseConfig())&&void 0!==t&&t.embeddedParams&&Object.keys(this.baseConfig().embeddedParams).length){let o={};this.context.embeddedParams&&(o=(0,m.A)({},this.context.embeddedParams)),Object.keys(this.baseConfig().embeddedParams).forEach(l=>{o[l]=(0,f.uQ)(this.baseConfig().embeddedParams[l],this.context,this.contextService.$functions,this.globalService.getGlobalData())}),this.dataShareService.embeddedParams=(0,m.A)({},o),this.setComponentContext("embeddedParams",(0,m.A)({},o))}}}return(n=a).\u0275fac=(()=>{let s;return function(o){return(s||(s=e.xGo(n)))(o||n)}})(),n.\u0275cmp=e.VBU({type:n,selectors:[["storefront-embeddable-view"]],viewQuery:function(t,o){if(1&t&&(e.GBs(L,5,e.aKT),e.GBs(E.q,5)),2&t){let l;e.mGM(l=e.lsd())&&(o.content=l.first),e.mGM(l=e.lsd())&&(o.childComponents=l)}},hostVars:2,hostBindings:function(t,o){2&t&&e.HbH(o.className)},standalone:!1,features:[e.Jv_([p.B,u.j]),e.Vt3],decls:7,vars:1,consts:[["content",""],[1,"sticky-elements"],[3,"pxpDynamicComponent","baseConfig"],["storefrontCheckOverflowTarget","self",1,"content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"],[3,"inViewport","pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"]],template:function(t,o){1&t&&(e.j41(0,"div",1),e.Z7z(1,T,1,1,null,2,e.fX1),e.k0s(),e.j41(3,"div",3,0),e.Z7z(5,$,1,4,null,4,e.fX1),e.k0s()),2&t&&(e.R7$(),e.Dyx(o.visibleStickyChildren),e.R7$(2),e.Y8G("storefrontCheckOverflow","vertical"),e.R7$(2),e.Dyx(o.enabledChildIndices))},dependencies:[E.q,x.G],styles:["storefront-embeddable-view,.pxp-embeddable-view{display:block;height:100%}storefront-embeddable-view .content,.pxp-embeddable-view .content{height:100%;overflow-y:auto}storefront-embeddable-view .sticky-elements,.pxp-embeddable-view .sticky-elements{position:absolute;width:100%;z-index:19}\n"],encapsulation:2,changeDetection:0}),a})();var j=i(728),P=i(8301);const I=["class","pxp-embeddable-view"];function z(n,a){}function B(n,a){if(1&n&&e.DNE(0,z,0,0,"ng-template",2),2&n){const s=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[t.enabledChildIndices[s]])}}function F(n,a){}function M(n,a){if(1&n){const s=e.RV6();e.DNE(0,F,0,0,"ng-template",5),e.bIt("inViewport",function(o){const l=e.eBV(s).$index,r=e.XpG();return e.Njj(r.onVisibilityChanged(l,o))})}if(2&n){const s=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[s])("baseContext",t.context)("controlsSticky",t.children[s].sticky)("lazy",!0)}}let W=(()=>{var n;class a extends w{}return(n=a).\u0275fac=(()=>{let s;return function(o){return(s||(s=e.xGo(n)))(o||n)}})(),n.\u0275cmp=e.VBU({type:n,selectors:[["div",8,"pxp-embeddable-view"]],standalone:!1,features:[e.Jv_([p.B,u.j]),e.Vt3],attrs:I,decls:7,vars:1,consts:[["content",""],[1,"sticky-elements"],[3,"pxpDynamicComponent","baseConfig"],["storefrontCheckOverflowTarget","self",1,"content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"],[3,"inViewport","pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"]],template:function(t,o){1&t&&(e.j41(0,"div",1),e.Z7z(1,B,1,1,null,2,e.fX1),e.k0s(),e.j41(3,"div",3,0),e.Z7z(5,M,1,4,null,4,e.fX1),e.k0s()),2&t&&(e.R7$(),e.Dyx(o.visibleStickyChildren),e.R7$(2),e.Y8G("storefrontCheckOverflow","vertical"),e.R7$(2),e.Dyx(o.enabledChildIndices))},dependencies:[E.q,x.G],styles:["storefront-embeddable-view,.pxp-embeddable-view{display:block;height:100%}storefront-embeddable-view .content,.pxp-embeddable-view .content{height:100%;overflow-y:auto}storefront-embeddable-view .sticky-elements,.pxp-embeddable-view .sticky-elements{position:absolute;width:100%;z-index:19}\n"],encapsulation:2,changeDetection:0}),a})(),X=(()=>{var n;class a{}return(n=a).\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.$C({type:n}),n.\u0275inj=e.G2t({imports:[c.MD,j.wb,P.d]}),a})();const Q={component:w,leanDomComponent:W}},680:(D,C,i)=>{i.d(C,{G:()=>p});var c=i(3953),m=i(7786),v=i(3726),e=i(8890),g=i(8251);let p=(()=>{var h;class f{constructor(){this.elementRef=(0,c.WQX)(c.aKT),this.subscriptions=(0,c.WQX)(g.v),this.storefrontCheckOverflow=(0,c.hFB)(void 0),this.storefrontCheckOverflowTarget=(0,c.hFB)("parent")}ngOnChanges(){this.checkScrollable()}ngAfterViewInit(){this.ngOnChanges(),this.target="parent"===this.storefrontCheckOverflowTarget()?this.elementRef.nativeElement.parentNode:this.elementRef.nativeElement,this.subscriptions.subscribe((0,m.h)((0,e.Ne)(),(0,v.R)(this.elementRef.nativeElement,"scroll",{passive:!0}),(0,e.S8)(this.elementRef.nativeElement)),d=>this.checkScrollable()),this.checkScrollable()}ngOnInit(){}checkScrollable(){this.target&&("horizontal"===this.storefrontCheckOverflow()?this.checkScrollableHorizontal():this.checkScrollableVertical(),this.target.classList.add("initialized"))}checkScrollableVertical(){const d=this.elementRef.nativeElement.scrollHeight-this.elementRef.nativeElement.clientHeight;this.elementRef.nativeElement.scrollHeight>this.elementRef.nativeElement.clientHeight?(this.target.classList.add("scrollable-vert"),Math.abs(d-this.elementRef.nativeElement.scrollTop)>1?this.target.classList.add("scrollable-bottom"):this.target.classList.remove("scrollable-bottom"),this.elementRef.nativeElement.scrollTop>0?this.target.classList.add("scrollable-top"):this.target.classList.remove("scrollable-top")):(this.target.classList.remove("scrollable-vert"),this.target.classList.remove("scrollable-bottom"),this.target.classList.remove("scrollable-top"))}checkScrollableHorizontal(){const d=this.elementRef.nativeElement.scrollWidth-this.elementRef.nativeElement.clientWidth;this.elementRef.nativeElement.scrollWidth>this.elementRef.nativeElement.clientWidth?(this.target.classList.add("scrollable-horiz"),Math.abs(d-this.elementRef.nativeElement.scrollLeft)>1?this.target.classList.add("scrollable-right"):this.target.classList.remove("scrollable-right"),this.elementRef.nativeElement.scrollLeft>0?this.target.classList.add("scrollable-left"):this.target.classList.remove("scrollable-left")):(this.target.classList.remove("scrollable-horiz"),this.target.classList.remove("scrollable-left"),this.target.classList.remove("scrollable-right"))}}return(h=f).\u0275fac=function(d){return new(d||h)},h.\u0275dir=c.FsC({type:h,selectors:[["","storefrontCheckOverflow",""]],inputs:{storefrontCheckOverflow:[1,"storefrontCheckOverflow"],storefrontCheckOverflowTarget:[1,"storefrontCheckOverflowTarget"]},standalone:!1,features:[c.Jv_([g.v]),c.OA$]}),f})()}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_login_login_module_ts.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_login_login_module_ts"],{1402:(On,L,s)=>{s.r(L),s.d(L,{LoginModule:()=>En,component:()=>Dn});var d=s(177),u=s(467),D=s(9379),n=s(3953),p=s(4404),h=s(8251),R=s(20),g=s(610),O=s(1210),b=s(3331),y=s(5102);const N={logoutButton:!0,password:!0,userInputType:"text"};var M=s(8004),f=s(9745),_=s(8179),k=s(8091),B=s(873),j=s(5964),A=s(4074),S=s(4049),V=s(6350),X=s(7879),l=s(9417),T=s(7240),x=s(6962),C=s(8909),I=s(8448);function Y(e,a){1&e&&(n.j41(0,"p"),n.eu8(1,8),n.k0s())}function P(e,a){1&e&&(n.j41(0,"p"),n.eu8(1,9),n.k0s())}function H(e,a){if(1&e){const o=n.RV6();n.j41(0,"i",13),n.bIt("click",function(){n.eBV(o);const t=n.XpG(3);return n.Njj(t.username="")}),n.k0s()}}function U(e,a){if(1&e){const o=n.RV6();n.j41(0,"div",10)(1,"input",11),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(t){n.eBV(o);const r=n.XpG(2);return n.DH7(r.username,t)||(r.username=t),n.Njj(t)}),n.k0s(),n.DNE(4,H,1,0,"i",12),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.R50("ngModel",o.username),n.Y8G("placeholder",n.bMT(3,6,n.bMT(2,4,"LOGIN_USERNAME_PLACEHOLDER")))("type",o.config&&o.config.userInputType),n.R7$(3),n.Y8G("ngIf",o.username&&o.username.length)}}function w(e,a){if(1&e){const o=n.RV6();n.j41(0,"i",16),n.bIt("click",function(t){n.eBV(o);const r=n.XpG(3);return n.Njj(r.onClickReveal(t))}),n.k0s()}if(2&e){const o=n.XpG(3);n.AVh("active",o.revealPassword)}}function $(e,a){if(1&e){const o=n.RV6();n.j41(0,"div",10)(1,"input",14),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(t){n.eBV(o);const r=n.XpG(2);return n.DH7(r.password,t)||(r.password=t),n.Njj(t)}),n.k0s(),n.DNE(4,w,1,2,"i",15),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.Y8G("type",o.revealPassword?"text":"password"),n.R50("ngModel",o.password),n.Y8G("placeholder",n.bMT(3,6,n.bMT(2,4,"LOGIN_PASSWORD_PLACEHOLDER"))),n.R7$(3),n.Y8G("ngIf",o.password&&o.password.length)}}function W(e,a){if(1&e){const o=n.RV6();n.j41(0,"button",17),n.bIt("click",function(t){n.eBV(o);const r=n.XpG(2);return n.Njj(r.onRegister(t))}),n.nrm(1,"span",18),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",o.registerButtonMessage)}}function K(e,a){1&e&&n.nrm(0,"div",19)}function Q(e,a){1&e&&n.nrm(0,"storefront-spinner",20)}function F(e,a){if(1&e&&n.DNE(0,K,1,0,"div",19)(1,Q,1,0,"storefront-spinner",20),2&e){const o=n.XpG(2);n.vxM(o.domHelper.leanDom?0:1)}}function J(e,a){if(1&e){const o=n.RV6();n.qex(0),n.nrm(1,"h1",1),n.DNE(2,Y,2,0,"p",0)(3,P,2,0,"p",0),n.j41(4,"form"),n.DNE(5,U,5,8,"div",2)(6,$,5,8,"div",2),n.nrm(7,"p",3),n.j41(8,"div",4),n.DNE(9,W,2,1,"button",5),n.k0s()(),n.j41(10,"button",6),n.bIt("click",function(t){n.eBV(o);const r=n.XpG();return n.Njj(r.onLogin(t))}),n.nrm(11,"span",7),n.DNE(12,F,2,1),n.k0s(),n.bVm()}if(2&e){const o=n.XpG();n.R7$(2),n.Y8G("ngIf",!o.isRelogin),n.R7$(),n.Y8G("ngIf",o.isRelogin),n.R7$(2),n.Y8G("ngIf",!o.isOauth),n.R7$(),n.Y8G("ngIf",o.config&&o.config.password&&!o.isOauth),n.R7$(3),n.Y8G("ngIf",o.config&&o.config.registerButton),n.R7$(),n.Y8G("disabled",!o.isValid()),n.R7$(2),n.vxM(o.loading?12:-1)}}function z(e,a){1&e&&n.nrm(0,"div",19)}function Z(e,a){1&e&&n.nrm(0,"storefront-spinner",20)}function q(e,a){if(1&e&&n.DNE(0,z,1,0,"div",19)(1,Z,1,0,"storefront-spinner",20),2&e){const o=n.XpG(3);n.vxM(o.domHelper.leanDom?0:1)}}function nn(e,a){if(1&e){const o=n.RV6();n.j41(0,"button",25),n.bIt("click",function(t){n.eBV(o);const r=n.XpG(2);return n.Njj(r.onLogout(t))}),n.nrm(1,"span",18),n.DNE(2,q,2,1),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",o.logoutButtonMessage),n.R7$(),n.vxM(o.loading?2:-1)}}function tn(e,a){if(1&e&&(n.qex(0),n.nrm(1,"h1",21)(2,"p",22),n.j41(3,"form"),n.nrm(4,"p",23),n.j41(5,"div",4),n.DNE(6,nn,3,2,"button",24),n.k0s()(),n.bVm()),2&e){const o=n.XpG();n.R7$(6),n.Y8G("ngIf",o.config&&o.config.logoutButton)}}let G=(()=>{var e;class a extends O.${constructor(){super(...arguments),this.store=(0,n.WQX)(h.B),this.dialog=(0,n.WQX)(R.o),this.eventActionService=(0,n.WQX)(M.G),this.router=(0,n.WQX)(b.Ix),this.ngZone=(0,n.WQX)(n.SKi),this.purpleService=(0,n.WQX)(y.Wj),this.cacheService=(0,n.WQX)(V._),this.changeDetectorRef=(0,n.WQX)(n.gRc),this.appData=(0,n.WQX)(X.fj),this.defaultConfig=(0,D.A)({},N),this.registerButtonMessage="",this.logoutButtonMessage="",this.revealPassword=!1,this.loading=!1,this.metadata={}}get loggedIn(){return this.metadata[p.METADATA_KEY.ENTITLEMENT_TOKEN]&&"relogin"!==this.metadata[p.METADATA_KEY.ENTITLEMENT_LOGIN_MODE]}ngOnInit(){var i=()=>super.ngOnInit,t=this;return(0,u.A)(function*(){i().call(t),t.contextService.viewContext$.pipe((0,j.p)(r=>!t.loading)).subscribe(r=>t.metadata=t.contextService.getMetadata()),t.hasNavigated=t.contextService.navigationCount>0,t.metadata=yield t.purpleService.getMetadata(Object.keys(t.metadata)),t.displayMode=yield t.purpleService.getDisplayMode(),t.isOauth=t.metadata[p.METADATA_KEY.ENTITLEMENT_MODE]===p.ENTITLEMENT_MODE.OAUTH,t.isRelogin="relogin"===t.metadata[p.METADATA_KEY.ENTITLEMENT_LOGIN_MODE],t.changeDetectorRef.detectChanges()})()}onConfigChanges(){super.onConfigChanges(),this.setRegisterButton(),this.setLogoutButton()}processEventAction(i){var t=this;return(0,u.A)(function*(){if(yield t.contextService.updateMetadata(),yield t.contextService.updateParamsContext(),i=(0,_.uQ)(i,t.context,t.contextService.$functions,t.globalService.getGlobalData()),(0,_.Ol)(i)&&(i="value"in i?i.value:i,yield t.eventActionService.processEventAction(i,t),t.loading=!1,[f.H.REGISTER,f.H.NAVIGATE,f.H.COUPON,f.H.SUBSCRIPTIONS].includes(i.type)))return!0;if(t.hasNavigated)window.history.back();else if(t.displayMode===p.DisplayMode.MODAL)t.purpleService.closeView();else{const r=t.appData.customDomain?"/":t.appData.brand;t.ngZone.run(()=>t.router.navigate([r],{queryParamsHandling:"merge",replaceUrl:!0}))}return!1})()}calculateRedirectPath(i){var t=this;return(0,u.A)(function*(){if(i=(0,_.uQ)(i,t.context,t.contextService.$functions,t.globalService.getGlobalData()),(0,_.Ol)(i)&&(i="value"in i?i.value:i).type==f.H.NAVIGATE){var r;const c=(0,S.K)(null!==(r=i.url)&&void 0!==r?r:i.path,t.getContext(),!1);return t.appData.customDomain?"/".concat(c):"/".concat(t.contextService.getBrand(),"/").concat(c)}return null})()}onLogin(i){var t=this;return(0,u.A)(function*(){i.preventDefault(),t.isOauth||(t.loading=!0);try{var r,c;const m=t.isOauth?yield t.calculateRedirectPath(t.config.onSuccess):null;if(yield t.purpleService.login(null===(r=t.username)||void 0===r?void 0:r.trim(),t.config.password?null===(c=t.password)||void 0===c?void 0:c.trim():B.B6,{redirectUrl:m}),t.username&&t.cacheService.bustApiCache(),t.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_CLICKED"})),t.config.accountLogin){const v=(0,A.J)(t.username.trim()),{token:E}=yield t.purpleService.getAccountUserData();if(E)try{console.debug("Old account token detected: "+E+", logging out"),yield t.purpleService.logoutAccount()}catch(Rn){console.warn("Logout before new login failed: ",Rn)}yield t.purpleService.loginAccount(v),t.config.accountLogin.assignLocalPurchases&&(yield t.purpleService.assignLocalPurchases(t.config.accountLogin.assignLocalPurchases)),yield t.contextService.updateAccountData()}if(t.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_SUCCEEDED"})),"modal"===t.context.outlet){const v=t.appData.customDomain?"/":t.appData.brand;t.router.navigateByUrl(v,{skipLocationChange:!0}).then(()=>{t.router.navigate([v,{outlets:{modal:null}}],{queryParamsHandling:"merge"})})}if(t.metadata[p.METADATA_KEY.ENTITLEMENT_LOGIN_MODE])t.purpleService.closeView();else if(yield t.processEventAction(t.config.onSuccess))return}catch(m){t.loading=!1,console.error("error on login:",m),t.metadata=t.contextService.getMetadata(),t.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_FAILED"})),t.dialog.alert({text:"ERROR_LOGIN",args:[m.code||(0,k.xn)(m.message)]},"DIALOG_ERROR")}t.changeDetectorRef.detectChanges()})()}onLogout(i){var t=this;return(0,u.A)(function*(){i.preventDefault(),t.loading=!0,t.username="",t.password="",t.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGOUT_CLICKED"}));try{const r=t.isOauth?yield t.calculateRedirectPath(t.config.onLogout):null;if(yield t.purpleService.logout({redirectUrl:r}),t.cacheService.bustApiCache(),t.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGOUT_SUCCEEDED"})),"modal"===t.context.outlet){const c=t.appData.customDomain?"/":t.appData.brand;t.router.navigateByUrl(c,{skipLocationChange:!0}).then(()=>{t.router.navigate([c,{outlets:{modal:null}}],{queryParamsHandling:"merge"})})}if(yield t.processEventAction(t.config.onLogout))return}catch(r){t.loading=!1,t.metadata=t.contextService.getMetadata(),t.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGOUT_FAILED"})),t.dialog.alert({text:"ERROR_LOGOUT",args:[r.code]},"DIALOG_ERROR")}t.changeDetectorRef.detectChanges()})()}onRegister(i){var t=this;return(0,u.A)(function*(){i.preventDefault(),t.store.dispatch((0,g.k4)({url:window.location.href,key:"REGISTER_CLICKED"})),t.eventActionService.processRegisterAction({type:f.H.REGISTER},t)})()}onClickReveal(i){i.stopPropagation(),i.preventDefault(),this.revealPassword=!this.revealPassword}onClickLink(i){i.target.href&&!this.isOauth&&setTimeout(()=>{this.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_LINK_CLICKED",params:{TARGET_URL:i.target.href}}))},100)}isValid(){return this.metadata&&!this.loading&&(this.isOauth||this.username&&this.username.length&&(!this.config.password||this.password&&this.password.length))}setLogoutButton(){if(this.config&&this.config.logoutButton)if("string"==typeof this.config.logoutButton)this.logoutButtonMessage=this.config.logoutButton;else if("object"==typeof this.config.logoutButton){var i;this.logoutButtonMessage=null===(i=(0,_.v3)(this.config.logoutButton))||void 0===i?void 0:i.toString()}else this.logoutButtonMessage="LOGIN_LOGOUT_BUTTON"}setRegisterButton(){if(this.config&&this.config.registerButton)if("string"==typeof this.config.registerButton)this.registerButtonMessage=this.config.registerButton;else if("object"==typeof this.config.registerButton){var i;this.registerButtonMessage=null===(i=(0,_.v3)(this.config.registerButton))||void 0===i?void 0:i.toString()}else this.registerButtonMessage="LOGIN_REGISTER_BUTTON"}}return(e=a).type="login",e.\u0275fac=(()=>{let o;return function(t){return(o||(o=n.xGo(e)))(t||e)}})(),e.\u0275cmp=n.VBU({type:e,selectors:[["storefront-login"]],hostVars:2,hostBindings:function(i,t){1&i&&n.bIt("click",function(c){return t.onClickLink(c)}),2&i&&n.AVh("logged-in",t.loggedIn)},standalone:!1,features:[n.Jv_([h.B]),n.Vt3],decls:2,vars:2,consts:[[4,"ngIf"],["storefrontTranslate","LOGIN_TITLE"],["class","input",4,"ngIf"],["storefrontTranslate","LOGIN_HELP"],[1,"login-actions"],["class","login-register",3,"click",4,"ngIf"],[1,"login-submit",3,"click","disabled"],["storefrontTranslate","LOGIN_SUBMIT_BUTTON"],["storefrontTranslate","LOGIN_TEASER"],["storefrontTranslate","LOGIN_TEASER_RELOGIN"],[1,"input"],["name","username",3,"ngModelChange","ngModel","placeholder","type"],["class","icon icon-delete","aria-label","delete",3,"click",4,"ngIf"],["aria-label","delete",1,"icon","icon-delete",3,"click"],["name","password",3,"ngModelChange","type","ngModel","placeholder"],["class","icon icon-eye",3,"active","click",4,"ngIf"],[1,"icon","icon-eye",3,"click"],[1,"login-register",3,"click"],[3,"storefrontTranslate"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],["storefrontTranslate","LOGIN_LOGOUT_TITLE"],["storefrontTranslate","LOGIN_LOGOUT_TEASER"],["storefrontTranslate","LOGIN_LOGOUT_HELP"],["class","login-logout",3,"click",4,"ngIf"],[1,"login-logout",3,"click"]],template:function(i,t){1&i&&n.DNE(0,J,13,7,"ng-container",0)(1,tn,7,1,"ng-container",0),2&i&&(n.Y8G("ngIf",t.config&&!t.loggedIn),n.R7$(),n.Y8G("ngIf",t.config&&t.loggedIn))},dependencies:[d.bT,l.qT,l.me,l.BC,l.cb,l.vS,l.cV,T.t,x.n,C.M,d.Jj,I.D],styles:["storefront-login,.pxp-login{display:block;padding:var(--loginPaddingVert) var(--loginPaddingHoriz)}storefront-login h1,.pxp-login h1{text-align:center}storefront-login h1,storefront-login p,storefront-login h3,storefront-login .input,.pxp-login h1,.pxp-login p,.pxp-login h3,.pxp-login .input{margin:var(--loginElementMarginVert) var(--loginElementMarginHoriz)}storefront-login p a,.pxp-login p a{color:var(--primaryColor)}storefront-login form,.pxp-login form{display:flex;flex-direction:column}storefront-login form .input,.pxp-login form .input{--iconWidth: 50px;position:relative}storefront-login form .input .icon,.pxp-login form .input .icon{display:flex;position:absolute;top:0;right:0;color:#000;height:100%;padding:0 var(--gutter);justify-content:center;align-items:center;width:var(--iconWidth)}storefront-login form .input .icon.active,.pxp-login form .input .icon.active{opacity:.3}storefront-login form .input input,.pxp-login form .input input{padding-right:var(--iconWidth)}storefront-login form input,storefront-login form .login-actions,.pxp-login form input,.pxp-login form .login-actions{display:flex}storefront-login .login-submit,.pxp-login .login-submit{width:100%;position:relative}storefront-login button,.pxp-login button{background-color:var(--primaryColor);color:#fff;width:50%;flex-basis:0;flex-shrink:0;flex-grow:1}storefront-login button+button,.pxp-login button+button{margin-left:calc(var(--gutter) / 2)}storefront-login button.login-register,.pxp-login button.login-register{background-color:var(--secondaryColor)}storefront-login button[disabled],.pxp-login button[disabled]{opacity:.5}\n"],encapsulation:2}),a})();var on=s(6483),en=s(6215),rn=s(1605),an=s(3);const sn=["class","pxp-login"];function ln(e,a){1&e&&(n.j41(0,"p"),n.eu8(1,8),n.k0s())}function cn(e,a){1&e&&(n.j41(0,"p"),n.eu8(1,9),n.k0s())}function gn(e,a){if(1&e){const o=n.RV6();n.j41(0,"i",13),n.bIt("click",function(){n.eBV(o);const t=n.XpG(3);return n.Njj(t.username="")}),n.k0s()}}function pn(e,a){if(1&e){const o=n.RV6();n.j41(0,"div",10)(1,"input",11),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(t){n.eBV(o);const r=n.XpG(2);return n.DH7(r.username,t)||(r.username=t),n.Njj(t)}),n.k0s(),n.DNE(4,gn,1,0,"i",12),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.R50("ngModel",o.username),n.Y8G("placeholder",n.bMT(3,6,n.bMT(2,4,"LOGIN_USERNAME_PLACEHOLDER")))("type",o.config&&o.config.userInputType),n.R7$(3),n.Y8G("ngIf",o.username&&o.username.length)}}function un(e,a){if(1&e){const o=n.RV6();n.j41(0,"i",16),n.bIt("click",function(t){n.eBV(o);const r=n.XpG(3);return n.Njj(r.onClickReveal(t))}),n.k0s()}if(2&e){const o=n.XpG(3);n.AVh("active",o.revealPassword)}}function fn(e,a){if(1&e){const o=n.RV6();n.j41(0,"div",10)(1,"input",14),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(t){n.eBV(o);const r=n.XpG(2);return n.DH7(r.password,t)||(r.password=t),n.Njj(t)}),n.k0s(),n.DNE(4,un,1,2,"i",15),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.Y8G("type",o.revealPassword?"text":"password"),n.R50("ngModel",o.password),n.Y8G("placeholder",n.bMT(3,6,n.bMT(2,4,"LOGIN_PASSWORD_PLACEHOLDER"))),n.R7$(3),n.Y8G("ngIf",o.password&&o.password.length)}}function _n(e,a){if(1&e){const o=n.RV6();n.j41(0,"button",17),n.bIt("click",function(t){n.eBV(o);const r=n.XpG(2);return n.Njj(r.onRegister(t))}),n.nrm(1,"span",18),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",o.registerButtonMessage)}}function dn(e,a){1&e&&n.nrm(0,"div",19)}function mn(e,a){1&e&&n.nrm(0,"storefront-spinner",20)}function vn(e,a){if(1&e&&n.DNE(0,dn,1,0,"div",19)(1,mn,1,0,"storefront-spinner",20),2&e){const o=n.XpG(2);n.vxM(o.domHelper.leanDom?0:1)}}function hn(e,a){if(1&e){const o=n.RV6();n.qex(0),n.nrm(1,"h1",1),n.DNE(2,ln,2,0,"p",0)(3,cn,2,0,"p",0),n.j41(4,"form"),n.DNE(5,pn,5,8,"div",2)(6,fn,5,8,"div",2),n.nrm(7,"p",3),n.j41(8,"div",4),n.DNE(9,_n,2,1,"button",5),n.k0s()(),n.j41(10,"button",6),n.bIt("click",function(t){n.eBV(o);const r=n.XpG();return n.Njj(r.onLogin(t))}),n.nrm(11,"span",7),n.DNE(12,vn,2,1),n.k0s(),n.bVm()}if(2&e){const o=n.XpG();n.R7$(2),n.Y8G("ngIf",!o.isRelogin),n.R7$(),n.Y8G("ngIf",o.isRelogin),n.R7$(2),n.Y8G("ngIf",!o.isOauth),n.R7$(),n.Y8G("ngIf",o.config&&o.config.password&&!o.isOauth),n.R7$(3),n.Y8G("ngIf",o.config&&o.config.registerButton),n.R7$(),n.Y8G("disabled",!o.isValid()),n.R7$(2),n.vxM(o.loading?12:-1)}}function Ln(e,a){1&e&&n.nrm(0,"div",19)}function Tn(e,a){1&e&&n.nrm(0,"storefront-spinner",20)}function xn(e,a){if(1&e&&n.DNE(0,Ln,1,0,"div",19)(1,Tn,1,0,"storefront-spinner",20),2&e){const o=n.XpG(3);n.vxM(o.domHelper.leanDom?0:1)}}function Cn(e,a){if(1&e){const o=n.RV6();n.j41(0,"button",25),n.bIt("click",function(t){n.eBV(o);const r=n.XpG(2);return n.Njj(r.onLogout(t))}),n.nrm(1,"span",18),n.DNE(2,xn,2,1),n.k0s()}if(2&e){const o=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",o.logoutButtonMessage),n.R7$(),n.vxM(o.loading?2:-1)}}function In(e,a){if(1&e&&(n.qex(0),n.nrm(1,"h1",21)(2,"p",22),n.j41(3,"form"),n.nrm(4,"p",23),n.j41(5,"div",4),n.DNE(6,Cn,3,2,"button",24),n.k0s()(),n.bVm()),2&e){const o=n.XpG();n.R7$(6),n.Y8G("ngIf",o.config&&o.config.logoutButton)}}let Gn=(()=>{var e;class a extends G{}return(e=a).\u0275fac=(()=>{let o;return function(t){return(o||(o=n.xGo(e)))(t||e)}})(),e.\u0275cmp=n.VBU({type:e,selectors:[["div",8,"pxp-login"]],standalone:!1,features:[n.Jv_([h.B]),n.Vt3],attrs:sn,decls:2,vars:2,consts:[[4,"ngIf"],["storefrontTranslate","LOGIN_TITLE"],["class","input",4,"ngIf"],["storefrontTranslate","LOGIN_HELP"],[1,"login-actions"],["class","login-register",3,"click",4,"ngIf"],[1,"login-submit",3,"click","disabled"],["storefrontTranslate","LOGIN_SUBMIT_BUTTON"],["storefrontTranslate","LOGIN_TEASER"],["storefrontTranslate","LOGIN_TEASER_RELOGIN"],[1,"input"],["name","username",3,"ngModelChange","ngModel","placeholder","type"],["class","icon icon-delete","aria-label","delete",3,"click",4,"ngIf"],["aria-label","delete",1,"icon","icon-delete",3,"click"],["name","password",3,"ngModelChange","type","ngModel","placeholder"],["class","icon icon-eye",3,"active","click",4,"ngIf"],[1,"icon","icon-eye",3,"click"],[1,"login-register",3,"click"],[3,"storefrontTranslate"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],["storefrontTranslate","LOGIN_LOGOUT_TITLE"],["storefrontTranslate","LOGIN_LOGOUT_TEASER"],["storefrontTranslate","LOGIN_LOGOUT_HELP"],["class","login-logout",3,"click",4,"ngIf"],[1,"login-logout",3,"click"]],template:function(i,t){1&i&&n.DNE(0,hn,13,7,"ng-container",0)(1,In,7,1,"ng-container",0),2&i&&(n.Y8G("ngIf",t.config&&!t.loggedIn),n.R7$(),n.Y8G("ngIf",t.config&&t.loggedIn))},dependencies:[d.bT,l.qT,l.me,l.BC,l.cb,l.vS,l.cV,T.t,x.n,C.M,d.Jj,I.D],styles:["storefront-login,.pxp-login{display:block;padding:var(--loginPaddingVert) var(--loginPaddingHoriz)}storefront-login h1,.pxp-login h1{text-align:center}storefront-login h1,storefront-login p,storefront-login h3,storefront-login .input,.pxp-login h1,.pxp-login p,.pxp-login h3,.pxp-login .input{margin:var(--loginElementMarginVert) var(--loginElementMarginHoriz)}storefront-login p a,.pxp-login p a{color:var(--primaryColor)}storefront-login form,.pxp-login form{display:flex;flex-direction:column}storefront-login form .input,.pxp-login form .input{--iconWidth: 50px;position:relative}storefront-login form .input .icon,.pxp-login form .input .icon{display:flex;position:absolute;top:0;right:0;color:#000;height:100%;padding:0 var(--gutter);justify-content:center;align-items:center;width:var(--iconWidth)}storefront-login form .input .icon.active,.pxp-login form .input .icon.active{opacity:.3}storefront-login form .input input,.pxp-login form .input input{padding-right:var(--iconWidth)}storefront-login form input,storefront-login form .login-actions,.pxp-login form input,.pxp-login form .login-actions{display:flex}storefront-login .login-submit,.pxp-login .login-submit{width:100%;position:relative}storefront-login button,.pxp-login button{background-color:var(--primaryColor);color:#fff;width:50%;flex-basis:0;flex-shrink:0;flex-grow:1}storefront-login button+button,.pxp-login button+button{margin-left:calc(var(--gutter) / 2)}storefront-login button.login-register,.pxp-login button.login-register{background-color:var(--secondaryColor)}storefront-login button[disabled],.pxp-login button[disabled]{opacity:.5}\n"],encapsulation:2}),a})(),En=(()=>{var e;class a{}return(e=a).\u0275fac=function(i){return new(i||e)},e.\u0275mod=n.$C({type:e}),e.\u0275inj=n.G2t({imports:[d.MD,l.YN,en.O,on.h,rn.P,an.pZ]}),a})();const Dn={component:G,leanDomComponent:Gn}}}]);
+"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_login_login_module_ts"],{1402:(Nn,L,a)=>{a.r(L),a.d(L,{LoginModule:()=>Mn,component:()=>Rn});var C=a(177),d=a(467),R=a(9379),n=a(3953),p=a(4404),v=a(8251),G=a(20),g=a(610),N=a(1210),I=a(3331),O=a(5102);const y={logoutButton:!0,password:!0,userInputType:"text"};var b=a(8004),u=a(9745),f=a(8179),k=a(8091),B=a(873),j=a(5964),A=a(4074),S=a(4049),V=a(6350),X=a(7879),s=a(9417),h=a(7240),x=a(6962),T=a(8909),E=a(8448);function P(i,r){1&i&&(n.j41(0,"p"),n.eu8(1,6),n.k0s())}function H(i,r){1&i&&(n.j41(0,"p"),n.eu8(1,7),n.k0s())}function U(i,r){if(1&i){const t=n.RV6();n.j41(0,"i",11),n.bIt("click",function(){n.eBV(t);const o=n.XpG(3);return n.Njj(o.username="")}),n.k0s()}}function w(i,r){if(1&i){const t=n.RV6();n.j41(0,"i",14),n.bIt("click",function(o){n.eBV(t);const l=n.XpG(4);return n.Njj(l.onClickReveal(o))}),n.k0s()}if(2&i){const t=n.XpG(4);n.AVh("active",t.revealPassword)}}function $(i,r){if(1&i){const t=n.RV6();n.j41(0,"div",8)(1,"input",12),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(o){n.eBV(t);const l=n.XpG(3);return n.DH7(l.password,o)||(l.password=o),n.Njj(o)}),n.k0s(),n.DNE(4,w,1,2,"i",13),n.k0s()}if(2&i){const t=n.XpG(3);n.R7$(),n.Y8G("type",t.revealPassword?"text":"password"),n.R50("ngModel",t.password),n.Y8G("placeholder",n.bMT(3,6,n.bMT(2,4,"LOGIN_PASSWORD_PLACEHOLDER"))),n.R7$(3),n.vxM(null!=t.password&&t.password.length?4:-1)}}function W(i,r){if(1&i){const t=n.RV6();n.j41(0,"div",8)(1,"input",9),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(o){n.eBV(t);const l=n.XpG(2);return n.DH7(l.username,o)||(l.username=o),n.Njj(o)}),n.k0s(),n.DNE(4,U,1,0,"i",10),n.k0s(),n.DNE(5,$,5,8,"div",8)}if(2&i){const t=n.XpG(2);n.R7$(),n.R50("ngModel",t.username),n.Y8G("placeholder",n.bMT(3,7,n.bMT(2,5,"LOGIN_USERNAME_PLACEHOLDER")))("type",null==t.config?null:t.config.userInputType),n.R7$(3),n.vxM(null!=t.username&&t.username.length?4:-1),n.R7$(),n.vxM(null!=t.config&&t.config.password?5:-1)}}function Y(i,r){if(1&i){const t=n.RV6();n.j41(0,"button",15),n.bIt("click",function(o){n.eBV(t);const l=n.XpG(2);return n.Njj(l.onRegister(o))}),n.nrm(1,"span",16),n.k0s()}if(2&i){const t=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",t.registerButtonMessage)}}function K(i,r){1&i&&n.nrm(0,"div",17)}function Q(i,r){1&i&&n.nrm(0,"storefront-spinner",18)}function F(i,r){if(1&i&&n.DNE(0,K,1,0,"div",17)(1,Q,1,0,"storefront-spinner",18),2&i){const t=n.XpG(2);n.vxM(t.domHelper.leanDom?0:1)}}function J(i,r){if(1&i){const t=n.RV6();n.nrm(0,"h1",0),n.DNE(1,P,2,0,"p")(2,H,2,0,"p"),n.j41(3,"form"),n.DNE(4,W,6,9),n.nrm(5,"p",1),n.j41(6,"div",2),n.DNE(7,Y,2,1,"button",3),n.k0s()(),n.j41(8,"button",4),n.bIt("click",function(o){n.eBV(t);const l=n.XpG();return n.Njj(l.onLogin(o))}),n.nrm(9,"span",5),n.DNE(10,F,2,1),n.k0s()}if(2&i){const t=n.XpG();n.R7$(),n.vxM(t.isRelogin?2:1),n.R7$(3),n.vxM(t.isOauth?-1:4),n.R7$(3),n.vxM(null!=t.config&&t.config.registerButton?7:-1),n.R7$(),n.Y8G("disabled",!t.isValid()),n.R7$(2),n.vxM(t.loading?10:-1)}}function z(i,r){1&i&&n.nrm(0,"div",17)}function Z(i,r){1&i&&n.nrm(0,"storefront-spinner",18)}function q(i,r){if(1&i&&n.DNE(0,z,1,0,"div",17)(1,Z,1,0,"storefront-spinner",18),2&i){const t=n.XpG(3);n.vxM(t.domHelper.leanDom?0:1)}}function nn(i,r){if(1&i){const t=n.RV6();n.j41(0,"button",23),n.bIt("click",function(o){n.eBV(t);const l=n.XpG(2);return n.Njj(l.onLogout(o))}),n.nrm(1,"span",16),n.DNE(2,q,2,1),n.k0s()}if(2&i){const t=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",t.logoutButtonMessage),n.R7$(),n.vxM(t.loading?2:-1)}}function on(i,r){if(1&i&&(n.nrm(0,"h1",19)(1,"p",20),n.j41(2,"form"),n.nrm(3,"p",21),n.j41(4,"div",2),n.DNE(5,nn,3,2,"button",22),n.k0s()()),2&i){const t=n.XpG();n.R7$(5),n.vxM(null!=t.config&&t.config.logoutButton?5:-1)}}let D=(()=>{var i;class r extends N.${constructor(){super(...arguments),this.store=(0,n.WQX)(v.B),this.dialog=(0,n.WQX)(G.o),this.eventActionService=(0,n.WQX)(b.G),this.router=(0,n.WQX)(I.Ix),this.ngZone=(0,n.WQX)(n.SKi),this.purpleService=(0,n.WQX)(O.Wj),this.cacheService=(0,n.WQX)(V._),this.changeDetectorRef=(0,n.WQX)(n.gRc),this.appData=(0,n.WQX)(X.fj),this.defaultConfig=(0,R.A)({},y),this.registerButtonMessage="",this.logoutButtonMessage="",this.revealPassword=!1,this.loading=!1,this.metadata={}}get loggedIn(){return this.metadata[p.METADATA_KEY.ENTITLEMENT_TOKEN]&&"relogin"!==this.metadata[p.METADATA_KEY.ENTITLEMENT_LOGIN_MODE]}ngOnInit(){var e=()=>super.ngOnInit,o=this;return(0,d.A)(function*(){e().call(o),o.contextService.viewContext$.pipe((0,j.p)(l=>!o.loading)).subscribe(l=>o.metadata=o.contextService.getMetadata()),o.hasNavigated=o.contextService.navigationCount>0,o.metadata=yield o.purpleService.getMetadata(Object.keys(o.metadata)),o.displayMode=yield o.purpleService.getDisplayMode(),o.isOauth=o.metadata[p.METADATA_KEY.ENTITLEMENT_MODE]===p.ENTITLEMENT_MODE.OAUTH,o.isRelogin="relogin"===o.metadata[p.METADATA_KEY.ENTITLEMENT_LOGIN_MODE],o.changeDetectorRef.detectChanges()})()}onConfigChanges(){super.onConfigChanges(),this.setRegisterButton(),this.setLogoutButton()}processEventAction(e){var o=this;return(0,d.A)(function*(){if(yield o.contextService.updateMetadata(),yield o.contextService.updateParamsContext(),e=(0,f.uQ)(e,o.context,o.contextService.$functions,o.globalService.getGlobalData()),(0,f.Ol)(e)&&(e="value"in e?e.value:e,yield o.eventActionService.processEventAction(e,o),o.loading=!1,[u.H.REGISTER,u.H.NAVIGATE,u.H.COUPON,u.H.SUBSCRIPTIONS].includes(e.type)))return!0;if(o.hasNavigated)window.history.back();else if(o.displayMode===p.DisplayMode.MODAL)o.purpleService.closeView();else{const l=o.appData.customDomain?"/":o.appData.brand;o.ngZone.run(()=>o.router.navigate([l],{queryParamsHandling:"merge",replaceUrl:!0}))}return!1})()}calculateRedirectPath(e){var o=this;return(0,d.A)(function*(){if(e=(0,f.uQ)(e,o.context,o.contextService.$functions,o.globalService.getGlobalData()),(0,f.Ol)(e)&&(e="value"in e?e.value:e).type==u.H.NAVIGATE){var l;const c=(0,S.K)(null!==(l=e.url)&&void 0!==l?l:e.path,o.getContext(),!1);return o.appData.customDomain?"/".concat(c):"/".concat(o.contextService.getBrand(),"/").concat(c)}return null})()}onLogin(e){var o=this;return(0,d.A)(function*(){e.preventDefault(),o.isOauth||(o.loading=!0);try{var l,c;const _=o.isOauth?yield o.calculateRedirectPath(o.config.onSuccess):null;if(yield o.purpleService.login(null===(l=o.username)||void 0===l?void 0:l.trim(),o.config.password?null===(c=o.password)||void 0===c?void 0:c.trim():B.B6,{redirectUrl:_}),o.username&&o.cacheService.bustApiCache(),o.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_CLICKED"})),o.config.accountLogin){const m=(0,A.J)(o.username.trim()),{token:M}=yield o.purpleService.getAccountUserData();if(M)try{console.debug("Old account token detected: "+M+", logging out"),yield o.purpleService.logoutAccount()}catch(Gn){console.warn("Logout before new login failed: ",Gn)}yield o.purpleService.loginAccount(m),o.config.accountLogin.assignLocalPurchases&&(yield o.purpleService.assignLocalPurchases(o.config.accountLogin.assignLocalPurchases)),yield o.contextService.updateAccountData()}if(o.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_SUCCEEDED"})),"modal"===o.context.outlet){const m=o.appData.customDomain?"/":o.appData.brand;o.router.navigateByUrl(m,{skipLocationChange:!0}).then(()=>{o.router.navigate([m,{outlets:{modal:null}}],{queryParamsHandling:"merge"})})}if(o.metadata[p.METADATA_KEY.ENTITLEMENT_LOGIN_MODE])o.purpleService.closeView();else if(yield o.processEventAction(o.config.onSuccess))return}catch(_){o.loading=!1,console.error("error on login:",_),o.metadata=o.contextService.getMetadata(),o.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_FAILED"})),o.dialog.alert({text:"ERROR_LOGIN",args:[_.code||(0,k.xn)(_.message)]},"DIALOG_ERROR")}o.changeDetectorRef.detectChanges()})()}onLogout(e){var o=this;return(0,d.A)(function*(){e.preventDefault(),o.loading=!0,o.username="",o.password="",o.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGOUT_CLICKED"}));try{const l=o.isOauth?yield o.calculateRedirectPath(o.config.onLogout):null;if(yield o.purpleService.logout({redirectUrl:l}),o.cacheService.bustApiCache(),o.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGOUT_SUCCEEDED"})),"modal"===o.context.outlet){const c=o.appData.customDomain?"/":o.appData.brand;o.router.navigateByUrl(c,{skipLocationChange:!0}).then(()=>{o.router.navigate([c,{outlets:{modal:null}}],{queryParamsHandling:"merge"})})}if(yield o.processEventAction(o.config.onLogout))return}catch(l){o.loading=!1,o.metadata=o.contextService.getMetadata(),o.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGOUT_FAILED"})),o.dialog.alert({text:"ERROR_LOGOUT",args:[l.code]},"DIALOG_ERROR")}o.changeDetectorRef.detectChanges()})()}onRegister(e){var o=this;return(0,d.A)(function*(){e.preventDefault(),o.store.dispatch((0,g.k4)({url:window.location.href,key:"REGISTER_CLICKED"})),o.eventActionService.processRegisterAction({type:u.H.REGISTER},o)})()}onClickReveal(e){e.stopPropagation(),e.preventDefault(),this.revealPassword=!this.revealPassword}onClickLink(e){e.target.href&&!this.isOauth&&setTimeout(()=>{this.store.dispatch((0,g.k4)({url:window.location.href,key:"LOGIN_LINK_CLICKED",params:{TARGET_URL:e.target.href}}))},100)}isValid(){return this.metadata&&!this.loading&&(this.isOauth||this.username&&this.username.length&&(!this.config.password||this.password&&this.password.length))}setLogoutButton(){if(this.config&&this.config.logoutButton)if("string"==typeof this.config.logoutButton)this.logoutButtonMessage=this.config.logoutButton;else if("object"==typeof this.config.logoutButton){var e;this.logoutButtonMessage=null===(e=(0,f.v3)(this.config.logoutButton))||void 0===e?void 0:e.toString()}else this.logoutButtonMessage="LOGIN_LOGOUT_BUTTON"}setRegisterButton(){if(this.config&&this.config.registerButton)if("string"==typeof this.config.registerButton)this.registerButtonMessage=this.config.registerButton;else if("object"==typeof this.config.registerButton){var e;this.registerButtonMessage=null===(e=(0,f.v3)(this.config.registerButton))||void 0===e?void 0:e.toString()}else this.registerButtonMessage="LOGIN_REGISTER_BUTTON"}}return(i=r).type="login",i.\u0275fac=(()=>{let t;return function(o){return(t||(t=n.xGo(i)))(o||i)}})(),i.\u0275cmp=n.VBU({type:i,selectors:[["storefront-login"]],hostVars:2,hostBindings:function(e,o){1&e&&n.bIt("click",function(c){return o.onClickLink(c)}),2&e&&n.AVh("logged-in",o.loggedIn)},standalone:!1,features:[n.Jv_([v.B]),n.Vt3],decls:2,vars:1,consts:[["storefrontTranslate","LOGIN_TITLE"],["storefrontTranslate","LOGIN_HELP"],[1,"login-actions"],[1,"login-register"],[1,"login-submit",3,"click","disabled"],["storefrontTranslate","LOGIN_SUBMIT_BUTTON"],["storefrontTranslate","LOGIN_TEASER"],["storefrontTranslate","LOGIN_TEASER_RELOGIN"],[1,"input"],["name","username",3,"ngModelChange","ngModel","placeholder","type"],["aria-label","delete",1,"icon","icon-delete"],["aria-label","delete",1,"icon","icon-delete",3,"click"],["name","password",3,"ngModelChange","type","ngModel","placeholder"],[1,"icon","icon-eye",3,"active"],[1,"icon","icon-eye",3,"click"],[1,"login-register",3,"click"],[3,"storefrontTranslate"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],["storefrontTranslate","LOGIN_LOGOUT_TITLE"],["storefrontTranslate","LOGIN_LOGOUT_TEASER"],["storefrontTranslate","LOGIN_LOGOUT_HELP"],[1,"login-logout"],[1,"login-logout",3,"click"]],template:function(e,o){1&e&&n.DNE(0,J,11,5)(1,on,6,1),2&e&&n.vxM(o.config&&!o.loggedIn?0:o.config&&o.loggedIn?1:-1)},dependencies:[s.qT,s.me,s.BC,s.cb,s.vS,s.cV,h.t,x.n,T.M,C.Jj,E.D],styles:["storefront-login,.pxp-login{display:block;padding:var(--loginPaddingVert) var(--loginPaddingHoriz)}storefront-login h1,.pxp-login h1{text-align:center}storefront-login h1,storefront-login p,storefront-login h3,storefront-login .input,.pxp-login h1,.pxp-login p,.pxp-login h3,.pxp-login .input{margin:var(--loginElementMarginVert) var(--loginElementMarginHoriz)}storefront-login p a,.pxp-login p a{color:var(--primaryColor)}storefront-login form,.pxp-login form{display:flex;flex-direction:column}storefront-login form .input,.pxp-login form .input{--iconWidth: 50px;position:relative}storefront-login form .input .icon,.pxp-login form .input .icon{display:flex;position:absolute;top:0;right:0;color:#000;height:100%;padding:0 var(--gutter);justify-content:center;align-items:center;width:var(--iconWidth)}storefront-login form .input .icon.active,.pxp-login form .input .icon.active{opacity:.3}storefront-login form .input input,.pxp-login form .input input{padding-right:var(--iconWidth)}storefront-login form input,storefront-login form .login-actions,.pxp-login form input,.pxp-login form .login-actions{display:flex}storefront-login .login-submit,.pxp-login .login-submit{width:100%;position:relative}storefront-login button,.pxp-login button{background-color:var(--primaryColor);color:#fff;width:50%;flex-basis:0;flex-shrink:0;flex-grow:1}storefront-login button+button,.pxp-login button+button{margin-left:calc(var(--gutter) / 2)}storefront-login button.login-register,.pxp-login button.login-register{background-color:var(--secondaryColor)}storefront-login button[disabled],.pxp-login button[disabled]{opacity:.5}\n"],encapsulation:2}),r})();var tn=a(6483),en=a(6215),ln=a(1605),rn=a(3);const an=["class","pxp-login"];function sn(i,r){1&i&&(n.j41(0,"p"),n.eu8(1,6),n.k0s())}function cn(i,r){1&i&&(n.j41(0,"p"),n.eu8(1,7),n.k0s())}function gn(i,r){if(1&i){const t=n.RV6();n.j41(0,"i",11),n.bIt("click",function(){n.eBV(t);const o=n.XpG(3);return n.Njj(o.username="")}),n.k0s()}}function pn(i,r){if(1&i){const t=n.RV6();n.j41(0,"i",14),n.bIt("click",function(o){n.eBV(t);const l=n.XpG(4);return n.Njj(l.onClickReveal(o))}),n.k0s()}if(2&i){const t=n.XpG(4);n.AVh("active",t.revealPassword)}}function dn(i,r){if(1&i){const t=n.RV6();n.j41(0,"div",8)(1,"input",12),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(o){n.eBV(t);const l=n.XpG(3);return n.DH7(l.password,o)||(l.password=o),n.Njj(o)}),n.k0s(),n.DNE(4,pn,1,2,"i",13),n.k0s()}if(2&i){const t=n.XpG(3);n.R7$(),n.Y8G("type",t.revealPassword?"text":"password"),n.R50("ngModel",t.password),n.Y8G("placeholder",n.bMT(3,6,n.bMT(2,4,"LOGIN_PASSWORD_PLACEHOLDER"))),n.R7$(3),n.vxM(null!=t.password&&t.password.length?4:-1)}}function un(i,r){if(1&i){const t=n.RV6();n.j41(0,"div",8)(1,"input",9),n.nI1(2,"storefrontTranslate"),n.nI1(3,"async"),n.mxI("ngModelChange",function(o){n.eBV(t);const l=n.XpG(2);return n.DH7(l.username,o)||(l.username=o),n.Njj(o)}),n.k0s(),n.DNE(4,gn,1,0,"i",10),n.k0s(),n.DNE(5,dn,5,8,"div",8)}if(2&i){const t=n.XpG(2);n.R7$(),n.R50("ngModel",t.username),n.Y8G("placeholder",n.bMT(3,7,n.bMT(2,5,"LOGIN_USERNAME_PLACEHOLDER")))("type",null==t.config?null:t.config.userInputType),n.R7$(3),n.vxM(null!=t.username&&t.username.length?4:-1),n.R7$(),n.vxM(null!=t.config&&t.config.password?5:-1)}}function fn(i,r){if(1&i){const t=n.RV6();n.j41(0,"button",15),n.bIt("click",function(o){n.eBV(t);const l=n.XpG(2);return n.Njj(l.onRegister(o))}),n.nrm(1,"span",16),n.k0s()}if(2&i){const t=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",t.registerButtonMessage)}}function _n(i,r){1&i&&n.nrm(0,"div",17)}function mn(i,r){1&i&&n.nrm(0,"storefront-spinner",18)}function Cn(i,r){if(1&i&&n.DNE(0,_n,1,0,"div",17)(1,mn,1,0,"storefront-spinner",18),2&i){const t=n.XpG(2);n.vxM(t.domHelper.leanDom?0:1)}}function vn(i,r){if(1&i){const t=n.RV6();n.nrm(0,"h1",0),n.DNE(1,sn,2,0,"p")(2,cn,2,0,"p"),n.j41(3,"form"),n.DNE(4,un,6,9),n.nrm(5,"p",1),n.j41(6,"div",2),n.DNE(7,fn,2,1,"button",3),n.k0s()(),n.j41(8,"button",4),n.bIt("click",function(o){n.eBV(t);const l=n.XpG();return n.Njj(l.onLogin(o))}),n.nrm(9,"span",5),n.DNE(10,Cn,2,1),n.k0s()}if(2&i){const t=n.XpG();n.R7$(),n.vxM(t.isRelogin?2:1),n.R7$(3),n.vxM(t.isOauth?-1:4),n.R7$(3),n.vxM(null!=t.config&&t.config.registerButton?7:-1),n.R7$(),n.Y8G("disabled",!t.isValid()),n.R7$(2),n.vxM(t.loading?10:-1)}}function Ln(i,r){1&i&&n.nrm(0,"div",17)}function hn(i,r){1&i&&n.nrm(0,"storefront-spinner",18)}function xn(i,r){if(1&i&&n.DNE(0,Ln,1,0,"div",17)(1,hn,1,0,"storefront-spinner",18),2&i){const t=n.XpG(3);n.vxM(t.domHelper.leanDom?0:1)}}function Tn(i,r){if(1&i){const t=n.RV6();n.j41(0,"button",23),n.bIt("click",function(o){n.eBV(t);const l=n.XpG(2);return n.Njj(l.onLogout(o))}),n.nrm(1,"span",16),n.DNE(2,xn,2,1),n.k0s()}if(2&i){const t=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",t.logoutButtonMessage),n.R7$(),n.vxM(t.loading?2:-1)}}function En(i,r){if(1&i&&(n.nrm(0,"h1",19)(1,"p",20),n.j41(2,"form"),n.nrm(3,"p",21),n.j41(4,"div",2),n.DNE(5,Tn,3,2,"button",22),n.k0s()()),2&i){const t=n.XpG();n.R7$(5),n.vxM(null!=t.config&&t.config.logoutButton?5:-1)}}let Dn=(()=>{var i;class r extends D{}return(i=r).\u0275fac=(()=>{let t;return function(o){return(t||(t=n.xGo(i)))(o||i)}})(),i.\u0275cmp=n.VBU({type:i,selectors:[["div",8,"pxp-login"]],standalone:!1,features:[n.Jv_([v.B]),n.Vt3],attrs:an,decls:2,vars:1,consts:[["storefrontTranslate","LOGIN_TITLE"],["storefrontTranslate","LOGIN_HELP"],[1,"login-actions"],[1,"login-register"],[1,"login-submit",3,"click","disabled"],["storefrontTranslate","LOGIN_SUBMIT_BUTTON"],["storefrontTranslate","LOGIN_TEASER"],["storefrontTranslate","LOGIN_TEASER_RELOGIN"],[1,"input"],["name","username",3,"ngModelChange","ngModel","placeholder","type"],["aria-label","delete",1,"icon","icon-delete"],["aria-label","delete",1,"icon","icon-delete",3,"click"],["name","password",3,"ngModelChange","type","ngModel","placeholder"],[1,"icon","icon-eye",3,"active"],[1,"icon","icon-eye",3,"click"],[1,"login-register",3,"click"],[3,"storefrontTranslate"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],["storefrontTranslate","LOGIN_LOGOUT_TITLE"],["storefrontTranslate","LOGIN_LOGOUT_TEASER"],["storefrontTranslate","LOGIN_LOGOUT_HELP"],[1,"login-logout"],[1,"login-logout",3,"click"]],template:function(e,o){1&e&&n.DNE(0,vn,11,5)(1,En,6,1),2&e&&n.vxM(o.config&&!o.loggedIn?0:o.config&&o.loggedIn?1:-1)},dependencies:[s.qT,s.me,s.BC,s.cb,s.vS,s.cV,h.t,x.n,T.M,C.Jj,E.D],styles:["storefront-login,.pxp-login{display:block;padding:var(--loginPaddingVert) var(--loginPaddingHoriz)}storefront-login h1,.pxp-login h1{text-align:center}storefront-login h1,storefront-login p,storefront-login h3,storefront-login .input,.pxp-login h1,.pxp-login p,.pxp-login h3,.pxp-login .input{margin:var(--loginElementMarginVert) var(--loginElementMarginHoriz)}storefront-login p a,.pxp-login p a{color:var(--primaryColor)}storefront-login form,.pxp-login form{display:flex;flex-direction:column}storefront-login form .input,.pxp-login form .input{--iconWidth: 50px;position:relative}storefront-login form .input .icon,.pxp-login form .input .icon{display:flex;position:absolute;top:0;right:0;color:#000;height:100%;padding:0 var(--gutter);justify-content:center;align-items:center;width:var(--iconWidth)}storefront-login form .input .icon.active,.pxp-login form .input .icon.active{opacity:.3}storefront-login form .input input,.pxp-login form .input input{padding-right:var(--iconWidth)}storefront-login form input,storefront-login form .login-actions,.pxp-login form input,.pxp-login form .login-actions{display:flex}storefront-login .login-submit,.pxp-login .login-submit{width:100%;position:relative}storefront-login button,.pxp-login button{background-color:var(--primaryColor);color:#fff;width:50%;flex-basis:0;flex-shrink:0;flex-grow:1}storefront-login button+button,.pxp-login button+button{margin-left:calc(var(--gutter) / 2)}storefront-login button.login-register,.pxp-login button.login-register{background-color:var(--secondaryColor)}storefront-login button[disabled],.pxp-login button[disabled]{opacity:.5}\n"],encapsulation:2}),r})(),Mn=(()=>{var i;class r{}return(i=r).\u0275fac=function(e){return new(e||i)},i.\u0275mod=n.$C({type:i}),i.\u0275inj=n.G2t({imports:[C.MD,s.YN,en.O,tn.h,ln.P,rn.pZ]}),r})();const Rn={component:D,leanDomComponent:Dn}}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_menu_menu_module_ts.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_menu_menu_module_ts"],{4386:(Ot,g,p)=>{p.r(g),p.d(g,{MenuModule:()=>jt,component:()=>wt});var s=p(177),S=p(467),l=p(9379),t=p(3953),E=p(9079),x=(p(4404),p(5343)),_=p(3726),v=p(7786),T=p(5964),L=p(6697),D=p(4452),N=p(5102),G=p(5204),h=p(9745),f=p(8251),B=p(7467),M=p(1210),d=p(2853),R=p(7879);const H=["menuItem"],k=(o,m,n)=>({items:o,depth:m,leanDom:n}),F=(o,m)=>({items:o,depth:0,leanDom:m});function A(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function y(o,m){if(1&o&&(t.qex(0),t.DNE(1,A,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function $(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function P(o,m){if(1&o&&(t.qex(0),t.DNE(1,$,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function X(o,m){if(1&o&&(t.j41(0,"div",8),t.DNE(1,y,2,1,"ng-container",2)(2,P,2,1,"ng-container",2),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.Y8G("ngIf",!n.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",n.domHelper.leanDom)}}function V(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(a){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(a,i,r))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.index,a=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("parentBaseConfig",i.getButtonConfig(n,e,a)),t.BMQ("title",n.description)}}function j(o,m){if(1&o&&(t.qex(0),t.DNE(1,V,1,2,"storefront-button",14),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.R7$(),t.Y8G("ngForOf",e.getCurrentItems(n))}}function w(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(a){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(a,i,r))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.index,a=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("parentBaseConfig",i.getButtonConfig(n,e,a)),t.BMQ("title",n.description)}}function Y(o,m){if(1&o&&(t.qex(0),t.DNE(1,w,1,2,"div",16),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.R7$(),t.Y8G("ngForOf",e.getCurrentItems(n))}}function O(o,m){if(1&o&&(t.j41(0,"div",13),t.DNE(1,j,2,1,"ng-container",2)(2,Y,2,1,"ng-container",2),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(2);t.BMQ("menu-name",e.domHelper.leanDom?null:n.name)("data-pxp-menu-name",e.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function z(o,m){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const a=t.XpG();return t.Njj(a.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(a){return t.eBV(n),t.Njj(a.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,X,3,2,"div",6)(5,O,3,4,"div",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(4),t.Y8G("ngIf",n.menuActions),t.R7$(),t.Y8G("ngForOf",n.menus)}}function W(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function Q(o,m){if(1&o&&(t.qex(0),t.DNE(1,W,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function U(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function J(o,m){if(1&o&&(t.qex(0),t.DNE(1,U,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function Z(o,m){if(1&o&&(t.j41(0,"div",8),t.DNE(1,Q,2,1,"ng-container",2)(2,J,2,1,"ng-container",2),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.Y8G("ngIf",!n.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",n.domHelper.leanDom)}}function q(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(a){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(a,i))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function K(o,m){if(1&o&&(t.qex(0),t.DNE(1,q,1,2,"storefront-button",20),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",!n)}}function tt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(a){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(a,i))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function et(o,m){if(1&o&&(t.qex(0),t.DNE(1,tt,1,2,"div",21),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",n)}}function nt(o,m){1&o&&t.eu8(0)}function ot(o,m){if(1&o&&(t.qex(0),t.j41(1,"ul",22),t.DNE(2,nt,1,0,"ng-container",23),t.k0s(),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(),a=e.depth,i=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,k,n.childItems,a+1,i))}}function at(o,m){if(1&o&&(t.j41(0,"li",19,1),t.DNE(2,K,2,1,"ng-container",2)(3,et,2,1,"ng-container",2)(4,ot,3,6,"ng-container",2),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(),a=e.depth,i=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.getMenuItemLiClasses(n)),t.BMQ("depth",a)("child-items",!(null==n||null==n.childItems||!n.childItems.length))("item-id",null==n?null:n.id),t.R7$(2),t.Y8G("ngIf",!i),t.R7$(),t.Y8G("ngIf",i),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function it(o,m){1&o&&t.DNE(0,at,5,7,"li",18),2&o&&t.Y8G("ngForOf",m.items)}function mt(o,m){1&o&&t.eu8(0)}function rt(o,m){if(1&o&&(t.j41(0,"ul",13),t.DNE(1,mt,1,0,"ng-container",23),t.k0s()),2&o){const n=m.$implicit;t.XpG();const e=t.sdS(5),a=t.XpG();t.BMQ("menu-name",a.domHelper.leanDom?null:n.name)("data-pxp-menu-name",a.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(4,F,n.items,a.domHelper.leanDom))}}function pt(o,m){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",4),t.bIt("click",function(a){return t.eBV(n),t.Njj(a.stopPropagation())}),t.j41(2,"div",5),t.DNE(3,Z,3,2,"div",6)(4,it,1,1,"ng-template",null,0,t.C5r)(6,rt,2,7,"ul",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(3),t.Y8G("ngIf",n.menuActions),t.R7$(3),t.Y8G("ngForOf",n.menus)}}function ut(o){var m;const n=new Set(null===(m=o.items)||void 0===m?void 0:m.map(i=>(0,l.A)((0,l.A)({},i),{},{childItems:[],depth:-1}))),e=new Map([...n.values()].map(i=>[i.id,i]));for(const i of n)if(i.parentId&&i.parentId!==o.id){if(!e.has(i.parentId))throw new Error("Menu ".concat(o.name,": no parent item with id ").concat(i.parentId," found"));e.get(i.parentId).childItems.push(i),n.delete(i)}const a=(i,r)=>{i.depth=r,i.childItems.forEach(u=>a(u,r+1))};return n.forEach(i=>a(i,0)),(0,l.A)((0,l.A)({},o),{},{items:[...n]})}let I=(()=>{var o;class m extends M.${constructor(){super(...arguments),this.injector=(0,t.WQX)(t.zZn),this.appMenuService=(0,t.WQX)(G.I),this.store=(0,t.WQX)(f.B),this.destroyRef=(0,t.WQX)(t.abz),this.purpleService=(0,t.WQX)(N.Wj),this.purpleEnv=(0,t.WQX)(R.r6),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,l.A)({},d.ge),this.show=!1,this.fadeOutActive=!1,this.menus=[]}ngOnInit(){super.ngOnInit()}onConfigChanges(){var e=this;return(0,S.A)(function*(){e.handleConfigureAppMenuService(),e.handleConfigureOrResetDataSource(),e.handleSubscribeToStoreManager(),e.dataSource.loadData(),e.menuActions=e.config.actions})()}ngOnDestroy(){super.ngOnDestroy(),this.appMenuService.unregisterCustomSideMenuComponent(this)}handleSubscribeToStoreManager(){this.store.subscribe(this.dataSource.data$.pipe((0,T.p)(e=>!!e&&e.length>0&&this.dataSource.hasData()),(0,E.pQ)(this.destroyRef)),e=>{try{this.menus=e.map(ut)}catch(a){console.error(a)}this.changeDetectorRef.detectChanges(),this.setupEventListeners()},x.l,x.l,"data")}handleConfigureOrResetDataSource(){this.dataSource?this.dataSource.hasConfigChanged(this.config.dataSource)&&(this.dataSource.setConfig(this.config.dataSource),this.dataSource.reset()):this.dataSource=(0,D.O8)(this.injector,this.config.dataSource,this.elementRef.nativeElement,this.document)}handleConfigureAppMenuService(){this.config.template!==d.oH.STATIC&&this.appMenuService.registerCustomSideMenuComponent(this),this.appMenuService.$menuOpen.subscribe(e=>{var a,i;e!==this.show&&(!e&&(null===(a=this.config)||void 0===a?void 0:a.template)!==d.oH.STATIC&&(null===(i=this.config)||void 0===i?void 0:i.animationDuration)>0?(this.fadeOutActive=!0,this.changeDetectorRef.detectChanges(),setTimeout(()=>{this.show=!1,this.fadeOutActive=!1,this.changeDetectorRef.markForCheck()},this.config.animationDuration)):(this.show=e,this.changeDetectorRef.detectChanges()))})}getMenuItemLiClasses(e){const a=["menu-item","menu-item-".concat(e.name.replace(/ /g,"-")),...e.cssClasses];return this.hasMenuItemChildren(e)&&a.push("menu-item-has-children"),this.isExpanded(e)&&a.push("menu-item-open"),a}onStaticItemClick(e,a){this.hasMenuItemChildren(a)?this.handleStaticItemClickForMenuItemWithChildren(e,a):this.handleStaticItemClickForMenuItemWithoutChildren(a)}handleStaticItemClickForMenuItemWithChildren(e,a){if(!this.isRootSubMenu(a))return;const i=this.getSubMenuBehaviour();switch(i){case"onMouseHover":case"onClick":this.isExpanded(a)||this.handleExpand(e,a);break;case"onIconClick":this.isRightButton(e)&&(this.isExpanded(a)?this.handleCollapse(e,a):this.handleExpand(e,a));break;default:console.warn("Unknown menu item behavior for: "+i)}}handleExpand(e,a){e.preventDefault(),e.stopPropagation(),this.anyMenuItemExpanded()&&!this.isExpanded(a)&&this.closeSubMenu(a),this.openSubMenuForItem(a)}handleCollapse(e,a){e.preventDefault(),e.stopPropagation(),this.isExpanded(a)&&this.closeSubMenu(a)}handleStaticItemClickForMenuItemWithoutChildren(e){this.anyMenuItemExpanded()&&this.clearSubMenu()}onSlideInItemClick(e,a,i){if(this.isRightButton(e)){e.preventDefault(),e.stopPropagation();const u=this.getCurrentItems(i).findIndex(c=>c.id===a.id);i.currentItemsPath=i.currentItemsPath||[],i.currentItemsPath.push(u)}else this.isLeftButton(e)?(e.preventDefault(),e.stopPropagation(),i.currentItemsPath.pop()):this.appMenuService.setOpen(!1)}getButtonConfig(e,a,i){var r,u,c;const Yt=this.getTapAction(e);return{message:"MENU_ITEM",class:"menu-button menu-button-".concat(e.name.replace(/ /g,"-")," ").concat(null!==(r=null===(u=e.cssClasses)||void 0===u?void 0:u.join(" "))&&void 0!==r?r:""),variables:[e.title||e.name],tap:Yt,iconLeft:(null==i||null===(c=i.currentItemsPath)||void 0===c?void 0:c.length)>0&&0==a?{cssClasses:"icon icon-back"}:e.thumbnailsExtended.default,iconRight:this.hasMenuItemChildren(e)?{cssClasses:"icon icon-arrow-down"}:void 0}}isLeftButton(e){return e.target.classList.contains("button-icon-left")}isRightButton(e){return e.target.classList.contains("button-icon-right")}close(){this.appMenuService.setOpen(!1)}topMenuAction(e){e.name===d.F9.close&&this.close()}getCurrentItems(e){let a=e.items;return e.currentItemsPath=e.currentItemsPath||[],e.currentItemsPath.forEach(i=>{a[i].childItems.length>0&&(a=a[i].childItems)}),a}setupEventListeners(){if((0,s.UE)(this.platformId)&&"STATIC"===this.template){const e=this.getSubMenuBehaviour();this.menuItems.forEach(a=>{this.setupEventListenersForItem(a,e)})}}setupEventListenersForItem(e,a){const i=e.nativeElement,r=this.getMenuItemById(i.getAttribute("item-id"));null!==r&&this.isRootSubMenu(r)&&"onMouseHover"===a&&(0,B.Y)().isDesktop&&((0,_.R)(i,"mouseenter").subscribe(u=>this.onMenuItemMouseEnter(u,r)),(0,_.R)(i,"mouseleave").subscribe(u=>this.onMenuItemMouseLeave(u,r)))}onMenuItemMouseEnter(e,a){e.stopPropagation(),e.preventDefault(),this.openSubMenuForItem(a)}onMenuItemMouseLeave(e,a){e.stopPropagation(),e.preventDefault(),this.closeSubMenu(a)}isNavigationAction(e){return!e.url.startsWith("purple://")&&!e.url.startsWith("http://")&&!e.url.startsWith("https://")}getTapAction(e){return this.isNavigationAction(e)?{type:h.H.NAVIGATE,path:e.url}:{type:h.H.OPEN_URL,target:e.target,url:e.url}}getSubMenuBehaviour(){var e,a;return null!==(e=null===(a=this.config.openSubMenu)||void 0===a?void 0:a.behaviour)&&void 0!==e?e:"onMouseHover"}isExpanded(e){return this.expandedMenuItemId===e.id}anyMenuItemExpanded(){return null!=this.expandedMenuItemId}isRootSubMenu(e){return 0===e.depth&&this.hasMenuItemChildren(e)}hasMenuItemChildren(e){return e.childItems.length>0}getMenuItemById(e){var a=null;return this.menus.forEach(i=>{i.items.forEach(r=>{a||(a=this.getMenuItemByIdRecursive(r,e))})}),a}getMenuItemByIdRecursive(e,a){let i=null;return e.id===a&&(i=e),e.childItems.forEach(r=>{i||(i=this.getMenuItemByIdRecursive(r,a))}),i}openSubMenuForItem(e){this.expandedMenuItemId=e.id,this.setupMenuCloseHandler(e),this.changeDetectorRef.detectChanges()}closeSubMenu(e){this.isExpanded(e)&&this.clearSubMenu()}clearSubMenu(){this.expandedMenuItemId=null,this.changeDetectorRef.detectChanges()}setupMenuCloseHandler(e){(0,v.h)((0,_.R)(this.document,"touchstart",{passive:!1}),(0,_.R)(this.document,"click",{passive:!1})).pipe((0,T.p)(a=>this.expandedMenuItemId===e.id&&!this.elementRef.nativeElement.contains(a.target)),(0,L.s)(1)).subscribe(a=>{this.closeSubMenu(e)})}}return(o=m).\u0275fac=(()=>{let n;return function(a){return(n||(n=t.xGo(o)))(a||o)}})(),o.\u0275cmp=t.VBU({type:o,selectors:[["storefront-menu"]],viewQuery:function(e,a){if(1&e&&t.GBs(H,5),2&e){let i;t.mGM(i=t.lsd())&&(a.menuItems=i)}},hostVars:2,hostBindings:function(e,a){2&e&&t.AVh("menu-fade-out",a.fadeOutActive)},standalone:!1,features:[t.Jv_([f.B]),t.Vt3],decls:2,vars:2,consts:[["menuItemsTemplate",""],["menuItem",""],[4,"ngIf"],[1,"side-menu-backdrop",3,"click"],[1,"menu",3,"click"],[1,"items"],["class","menu-actions",4,"ngIf"],["class","menu-content",4,"ngFor","ngForOf"],[1,"menu-actions"],[3,"parentBaseContext","parentBaseConfig","click",4,"ngFor","ngForOf"],[3,"click","parentBaseContext","parentBaseConfig"],["class","pxp-button",3,"parentBaseContext","parentBaseConfig","click",4,"ngFor","ngForOf"],[1,"pxp-button",3,"click","parentBaseContext","parentBaseConfig"],[1,"menu-content"],[3,"parentBaseConfig","onButtonTap",4,"ngFor","ngForOf"],[3,"onButtonTap","parentBaseConfig"],["class","pxp-button",3,"parentBaseConfig","onButtonTap",4,"ngFor","ngForOf"],[1,"pxp-button",3,"onButtonTap","parentBaseConfig"],[3,"ngClass",4,"ngFor","ngForOf"],[3,"ngClass"],[3,"parentBaseConfig","onButtonTap",4,"ngIf"],["class","pxp-button",3,"parentBaseConfig","onButtonTap",4,"ngIf"],[1,"menu-item-children"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,a){1&e&&t.DNE(0,z,6,2,"ng-container",2)(1,pt,7,2,"ng-container",2),2&e&&(t.Y8G("ngIf",("SLIDE_IN_LEFT"===a.template||"SLIDE_IN_RIGHT"===a.template)&&a.show),t.R7$(),t.Y8G("ngIf","STATIC"===a.template))},styles:['html body{--primaryColor: #00adef;--primaryColorNightMode: white;--secondaryColor: rgb(200, 200, 200);--backgroundColor: rgb(255, 255, 255);--secondaryBackgroundColor: rgb(200, 200, 200);--textColor: rgb(0, 0, 0);--accentColor: var(--primaryColor);--secondaryTextColor: rgb(80, 80, 80);--ghostColor: rgba(200, 200, 200);--gutter: 16px;--borderRadius: 4px;--actionButtonHeight: 50px;--appBarColor: white;--appBarTextColor: var(--textColor);--appBarHeight: 54px;--appBarDisplay: flex;--appBarShrinkDisplay: flex;--appBarShrinkHeight: 30px;--appBarFontSize: 1em;--appBarShrinkFontSize: .6em;--appBarPaddingVert: 4px;--appBarPaddingHoriz: 0;--appBarButtonWidth: 50px;--appMenuColor: white;--navigationHeight: 50px;--navigationShrinkHeight: 30px;--navigationColor: var(--textColor);--navigationBgColor: white;--navigationActiveColor: var(--primaryColor);--listPadding: var(--gutter);--listPaddingHoriz: var(--gutter);--listPaddingVert: var(--gutter);--listItemGutter: var(--gutter);--gridListColumns: 4;--listTabBorderWidth: 1px;--listTabBorderRadius: var(--borderRadius);--listTabHighlightColor: var(--primaryColor);--listTabHighlightTextColor: white;--buttonPaddingVert: calc(var(--gutter) / 2);--buttonPaddingHoriz: calc(var(--gutter) / 2);--modalBgColor: white;--modalPadding: var(--gutter);--modalPaddingBottom: var(--gutter);--issueProgressPaddingVert: 2px;--issueProgressPaddingHoriz: 2px;--issueProgressMarginVert: calc(var(--gutter) / 2);--issueProgressMarginHoriz: calc(var(--gutter) / 2);--issueProgressBgColor: var(--secondaryColor);--issueProgressColor: var(--primaryColor);--issueProgressFontColor: white;--issueUpdateBadgeBgColor: var(--primaryColor);--issueUpdateBadgeColor: white;--subscriptionPaddingVert: var(--gutter);--subscriptionPaddingHoriz: var(--gutter);--subscriptionPurchasedMarginHoriz: 6px;--subscriptionPurchasedBorderRadius: 20px;--loginPaddingVert: var(--gutter);--loginPaddingHoriz: var(--gutter);--loginElementMarginVert: calc(var(--gutter));--loginElementMarginHoriz: 0;--couponPaddingVert: var(--gutter);--couponPaddingHoriz: var(--gutter);--couponElementMarginVert: calc(var(--gutter));--couponElementMarginHoriz: 0;--couponElementPaddingVert: calc(var(--gutter));--couponElementPaddingHoriz: calc(var(--gutter));--bookmarkBgColor: transparent;--bookmarkImageBgColor: white;--sectionPadding: 0;--spinnerColor: #fff;--imageBackgroundColor: transparent;--imageLoadingColor: rgb(200, 200, 200);--dropdownPaddingX: calc(var(--gutter) / 2);--dropdownPaddingY: calc(var(--gutter) / 2);--tickerGutter: var(--gutter);--tickerPaddingY: var(--gutter);--searchFieldFontSize: 14px;--swiperPaginationTabHeight: 50px;--swiperPaginationBorderWidth: 4px;--swiperPaginationBackgroundColor: white;--swiperPaginationColor: var(--primaryColor);--switchWidth: 50px;--switchActiveColor: var(--primaryColor);--switchHandleColor: #fff;--switchBackgroundColor: #f1f1f1;--switchBorderWidth: 3px;--switchBorderRadius: calc(var(--switchWidth) * .6);--stackedCoversWidth: 40%;--stackedCoversScaleStep: .1;--stackedCoversTranslateStep: .3;--stackedCoversTopEvenCenteredGap: 4px;--toolbarbackgroundColor: transparent;--toolbarIconColor: #a9a9a9;--zIndexAppBar: 999;color:var(--textColor);--contentFont: "OpenSans", sans-serif;--contentHeadlineFont: var(--contentFont);--contentIconNavigateBack: url(resource://dynamic/content/assets/ic_left.svg);--contentIconNavigateForward: url(resource://dynamic/content/assets/ic_right.svg);--contentSpinner: url(resource://dynamic/content/assets/tail-spin.svg);--contentBgColor: #ffffff;--contentTextColor: black;--contentPaddingVert: 30px;--contentPaddingHoriz: 50px;--contentHeaderMarginTop: 1em;--contentHeaderMarginBottom: 1.5em;--contentHeaderPaddingVert: 1em;--contentHeaderElementMarginTop: .5em;--contentHeaderElementMarginBottom: .5em;--contentSectionPaddingVert: 1em;--contentSectionPaddingHoriz: 1em;--contentElementMarginTop: 1em;--contentElementMarginBottom: 1em;--contentElementPaddingVert: .5em;--contentElementPaddingHoriz: 1em;--contentHeadlineBigMarginTop: 1.5em;--contentHeadlineBigMarginBottom: .5em;--contentHeadlineSmallMarginTop: 1em;--contentHeadlineSmallMarginBottom: .5em;--contentNavigateButtonColor: var(--primaryColor);--contentNavigateButtonSize: 30px;--contentNavigateButtonGap: 12px;--contentBgColorNightMode: #323232;--contentTextColorNightMode: #ffffff;--contentNavigateButtonColorNightMode: var(--primaryColorNightMode);--menuItemIconGap: calc(var(--menuItemIconHeight) / 2);--menuItemIconHeight: 14px}@media (max-width: 767px) and (orientation: portrait),(max-height: 767px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 2;--actionButtonHeight: 40px}}@media (max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait){html body{--contentPaddingHoriz: 30px}}.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-menu,.pxp-menu{--textColor: var(--colorTextInverted, #000)}storefront-menu .menu-content,.pxp-menu .menu-content{display:flex;flex-wrap:wrap}storefront-menu[template=STATIC] .menu-content>ul,storefront-menu[data-pxp-template=STATIC] .menu-content>ul,.pxp-menu[template=STATIC] .menu-content>ul,.pxp-menu[data-pxp-template=STATIC] .menu-content>ul{display:flex}storefront-menu[template=STATIC] .menu-item,storefront-menu[data-pxp-template=STATIC] .menu-item,.pxp-menu[template=STATIC] .menu-item,.pxp-menu[data-pxp-template=STATIC] .menu-item{list-style:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul{display:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button{width:100%;display:block}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button{width:100%}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a{justify-content:flex-start}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children{display:flex;position:absolute;box-shadow:0 5px 15px #00000080;z-index:100;background-color:var(--backgroundColor);border-radius:4px}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button{background-color:transparent}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover{background-color:var(--primaryColor)}@keyframes menu-slide-in-opacity{0%{opacity:0}to{opacity:1}}@keyframes menu-slide-out-opacity{0%{opacity:1}to{opacity:0}}storefront-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6;background-color:#0009;animation:menu-slide-in-opacity .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{position:fixed;width:100%;top:0;height:100vh;max-width:300px;z-index:8;background-color:#fff;font-family:var(--contentFont);padding:0 20px 20px;overflow-y:auto}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions{display:flex;justify-content:end;-webkit-justify-content:flex-end;align-items:flex-end;-webkit-align-items:flex-end;position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;padding-bottom:10%;border-bottom:.5px var(--toolbarIconColor) solid;background-color:#fff;z-index:1}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div{margin-right:.3em;color:var(--toolbarIconColor);font-size:1.5em}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content{display:flex;flex-direction:column;margin-bottom:15px;background-color:var(--appMenuColor);overflow:hidden}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button{font-size:20px;line-height:56px;letter-spacing:.38px;font-family:var(--contentFont)}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button{text-align:left;width:100%}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop{animation:menu-slide-out-opacity .3s forwards}@keyframes menu-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu{right:0;left:auto;animation:menu-slide-in-right .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu{animation:menu-slide-out-right .3s forwards}@keyframes menu-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menu-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{right:auto;left:0;animation:menu-slide-in-left .3s forwards}storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu{animation:menu-slide-out-left .3s forwards}\n'],encapsulation:2,changeDetection:0}),m})();var st=p(9805),b=p(395),C=p(4336);const lt=["class","pxp-menu"],ct=(o,m,n)=>({items:o,depth:m,leanDom:n}),_t=(o,m)=>({items:o,depth:0,leanDom:m});function dt(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function ft(o,m){if(1&o&&(t.qex(0),t.DNE(1,dt,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function It(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function gt(o,m){if(1&o&&(t.qex(0),t.DNE(1,It,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function xt(o,m){if(1&o&&(t.j41(0,"div",8),t.DNE(1,ft,2,1,"ng-container",2)(2,gt,2,1,"ng-container",2),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.Y8G("ngIf",!n.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",n.domHelper.leanDom)}}function Tt(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(a){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(a,i,r))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.index,a=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("parentBaseConfig",i.getButtonConfig(n,e,a)),t.BMQ("title",n.description)}}function ht(o,m){if(1&o&&(t.qex(0),t.DNE(1,Tt,1,2,"storefront-button",14),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.R7$(),t.Y8G("ngForOf",e.getCurrentItems(n))}}function bt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(a){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(a,i,r))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.index,a=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("parentBaseConfig",i.getButtonConfig(n,e,a)),t.BMQ("title",n.description)}}function Ct(o,m){if(1&o&&(t.qex(0),t.DNE(1,bt,1,2,"div",16),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.R7$(),t.Y8G("ngForOf",e.getCurrentItems(n))}}function St(o,m){if(1&o&&(t.j41(0,"div",13),t.DNE(1,ht,2,1,"ng-container",2)(2,Ct,2,1,"ng-container",2),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(2);t.BMQ("menu-name",e.domHelper.leanDom?null:n.name)("data-pxp-menu-name",e.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function Et(o,m){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const a=t.XpG();return t.Njj(a.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(a){return t.eBV(n),t.Njj(a.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,xt,3,2,"div",6)(5,St,3,4,"div",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(4),t.Y8G("ngIf",n.menuActions),t.R7$(),t.Y8G("ngForOf",n.menus)}}function vt(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function Lt(o,m){if(1&o&&(t.qex(0),t.DNE(1,vt,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function Dt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const a=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(a))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function Nt(o,m){if(1&o&&(t.qex(0),t.DNE(1,Dt,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function Gt(o,m){if(1&o&&(t.j41(0,"div",8),t.DNE(1,Lt,2,1,"ng-container",2)(2,Nt,2,1,"ng-container",2),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.Y8G("ngIf",!n.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",n.domHelper.leanDom)}}function Bt(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(a){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(a,i))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function Mt(o,m){if(1&o&&(t.qex(0),t.DNE(1,Bt,1,2,"storefront-button",20),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",!n)}}function Rt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(a){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(a,i))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function Ht(o,m){if(1&o&&(t.qex(0),t.DNE(1,Rt,1,2,"div",21),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",n)}}function kt(o,m){1&o&&t.eu8(0)}function Ft(o,m){if(1&o&&(t.qex(0),t.j41(1,"ul",22),t.DNE(2,kt,1,0,"ng-container",23),t.k0s(),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(),a=e.depth,i=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,ct,n.childItems,a+1,i))}}function At(o,m){if(1&o&&(t.j41(0,"li",19,1),t.DNE(2,Mt,2,1,"ng-container",2)(3,Ht,2,1,"ng-container",2)(4,Ft,3,6,"ng-container",2),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(),a=e.depth,i=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.getMenuItemLiClasses(n)),t.BMQ("depth",a)("child-items",!(null==n||null==n.childItems||!n.childItems.length))("item-id",null==n?null:n.id),t.R7$(2),t.Y8G("ngIf",!i),t.R7$(),t.Y8G("ngIf",i),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function yt(o,m){1&o&&t.DNE(0,At,5,7,"li",18),2&o&&t.Y8G("ngForOf",m.items)}function $t(o,m){1&o&&t.eu8(0)}function Pt(o,m){if(1&o&&(t.j41(0,"ul",13),t.DNE(1,$t,1,0,"ng-container",23),t.k0s()),2&o){const n=m.$implicit;t.XpG();const e=t.sdS(5),a=t.XpG();t.BMQ("menu-name",a.domHelper.leanDom?null:n.name)("data-pxp-menu-name",a.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(4,_t,n.items,a.domHelper.leanDom))}}function Xt(o,m){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",4),t.bIt("click",function(a){return t.eBV(n),t.Njj(a.stopPropagation())}),t.j41(2,"div",5),t.DNE(3,Gt,3,2,"div",6)(4,yt,1,1,"ng-template",null,0,t.C5r)(6,Pt,2,7,"ul",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(3),t.Y8G("ngIf",n.menuActions),t.R7$(3),t.Y8G("ngForOf",n.menus)}}let Vt=(()=>{var o;class m extends I{}return(o=m).\u0275fac=(()=>{let n;return function(a){return(n||(n=t.xGo(o)))(a||o)}})(),o.\u0275cmp=t.VBU({type:o,selectors:[["div",8,"pxp-menu"]],standalone:!1,features:[t.Jv_([f.B]),t.Vt3],attrs:lt,decls:2,vars:2,consts:[["menuItemsTemplate",""],["menuItem",""],[4,"ngIf"],[1,"side-menu-backdrop",3,"click"],[1,"menu",3,"click"],[1,"items"],["class","menu-actions",4,"ngIf"],["class","menu-content",4,"ngFor","ngForOf"],[1,"menu-actions"],[3,"parentBaseContext","parentBaseConfig","click",4,"ngFor","ngForOf"],[3,"click","parentBaseContext","parentBaseConfig"],["class","pxp-button",3,"parentBaseContext","parentBaseConfig","click",4,"ngFor","ngForOf"],[1,"pxp-button",3,"click","parentBaseContext","parentBaseConfig"],[1,"menu-content"],[3,"parentBaseConfig","onButtonTap",4,"ngFor","ngForOf"],[3,"onButtonTap","parentBaseConfig"],["class","pxp-button",3,"parentBaseConfig","onButtonTap",4,"ngFor","ngForOf"],[1,"pxp-button",3,"onButtonTap","parentBaseConfig"],[3,"ngClass",4,"ngFor","ngForOf"],[3,"ngClass"],[3,"parentBaseConfig","onButtonTap",4,"ngIf"],["class","pxp-button",3,"parentBaseConfig","onButtonTap",4,"ngIf"],[1,"menu-item-children"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,a){1&e&&t.DNE(0,Et,6,2,"ng-container",2)(1,Xt,7,2,"ng-container",2),2&e&&(t.Y8G("ngIf",("SLIDE_IN_LEFT"===a.template||"SLIDE_IN_RIGHT"===a.template)&&a.show),t.R7$(),t.Y8G("ngIf","STATIC"===a.template))},dependencies:[s.YU,s.Sq,s.bT,s.T3,b.Q,C.U],styles:['html body{--primaryColor: #00adef;--primaryColorNightMode: white;--secondaryColor: rgb(200, 200, 200);--backgroundColor: rgb(255, 255, 255);--secondaryBackgroundColor: rgb(200, 200, 200);--textColor: rgb(0, 0, 0);--accentColor: var(--primaryColor);--secondaryTextColor: rgb(80, 80, 80);--ghostColor: rgba(200, 200, 200);--gutter: 16px;--borderRadius: 4px;--actionButtonHeight: 50px;--appBarColor: white;--appBarTextColor: var(--textColor);--appBarHeight: 54px;--appBarDisplay: flex;--appBarShrinkDisplay: flex;--appBarShrinkHeight: 30px;--appBarFontSize: 1em;--appBarShrinkFontSize: .6em;--appBarPaddingVert: 4px;--appBarPaddingHoriz: 0;--appBarButtonWidth: 50px;--appMenuColor: white;--navigationHeight: 50px;--navigationShrinkHeight: 30px;--navigationColor: var(--textColor);--navigationBgColor: white;--navigationActiveColor: var(--primaryColor);--listPadding: var(--gutter);--listPaddingHoriz: var(--gutter);--listPaddingVert: var(--gutter);--listItemGutter: var(--gutter);--gridListColumns: 4;--listTabBorderWidth: 1px;--listTabBorderRadius: var(--borderRadius);--listTabHighlightColor: var(--primaryColor);--listTabHighlightTextColor: white;--buttonPaddingVert: calc(var(--gutter) / 2);--buttonPaddingHoriz: calc(var(--gutter) / 2);--modalBgColor: white;--modalPadding: var(--gutter);--modalPaddingBottom: var(--gutter);--issueProgressPaddingVert: 2px;--issueProgressPaddingHoriz: 2px;--issueProgressMarginVert: calc(var(--gutter) / 2);--issueProgressMarginHoriz: calc(var(--gutter) / 2);--issueProgressBgColor: var(--secondaryColor);--issueProgressColor: var(--primaryColor);--issueProgressFontColor: white;--issueUpdateBadgeBgColor: var(--primaryColor);--issueUpdateBadgeColor: white;--subscriptionPaddingVert: var(--gutter);--subscriptionPaddingHoriz: var(--gutter);--subscriptionPurchasedMarginHoriz: 6px;--subscriptionPurchasedBorderRadius: 20px;--loginPaddingVert: var(--gutter);--loginPaddingHoriz: var(--gutter);--loginElementMarginVert: calc(var(--gutter));--loginElementMarginHoriz: 0;--couponPaddingVert: var(--gutter);--couponPaddingHoriz: var(--gutter);--couponElementMarginVert: calc(var(--gutter));--couponElementMarginHoriz: 0;--couponElementPaddingVert: calc(var(--gutter));--couponElementPaddingHoriz: calc(var(--gutter));--bookmarkBgColor: transparent;--bookmarkImageBgColor: white;--sectionPadding: 0;--spinnerColor: #fff;--imageBackgroundColor: transparent;--imageLoadingColor: rgb(200, 200, 200);--dropdownPaddingX: calc(var(--gutter) / 2);--dropdownPaddingY: calc(var(--gutter) / 2);--tickerGutter: var(--gutter);--tickerPaddingY: var(--gutter);--searchFieldFontSize: 14px;--swiperPaginationTabHeight: 50px;--swiperPaginationBorderWidth: 4px;--swiperPaginationBackgroundColor: white;--swiperPaginationColor: var(--primaryColor);--switchWidth: 50px;--switchActiveColor: var(--primaryColor);--switchHandleColor: #fff;--switchBackgroundColor: #f1f1f1;--switchBorderWidth: 3px;--switchBorderRadius: calc(var(--switchWidth) * .6);--stackedCoversWidth: 40%;--stackedCoversScaleStep: .1;--stackedCoversTranslateStep: .3;--stackedCoversTopEvenCenteredGap: 4px;--toolbarbackgroundColor: transparent;--toolbarIconColor: #a9a9a9;--zIndexAppBar: 999;color:var(--textColor);--contentFont: "OpenSans", sans-serif;--contentHeadlineFont: var(--contentFont);--contentIconNavigateBack: url(resource://dynamic/content/assets/ic_left.svg);--contentIconNavigateForward: url(resource://dynamic/content/assets/ic_right.svg);--contentSpinner: url(resource://dynamic/content/assets/tail-spin.svg);--contentBgColor: #ffffff;--contentTextColor: black;--contentPaddingVert: 30px;--contentPaddingHoriz: 50px;--contentHeaderMarginTop: 1em;--contentHeaderMarginBottom: 1.5em;--contentHeaderPaddingVert: 1em;--contentHeaderElementMarginTop: .5em;--contentHeaderElementMarginBottom: .5em;--contentSectionPaddingVert: 1em;--contentSectionPaddingHoriz: 1em;--contentElementMarginTop: 1em;--contentElementMarginBottom: 1em;--contentElementPaddingVert: .5em;--contentElementPaddingHoriz: 1em;--contentHeadlineBigMarginTop: 1.5em;--contentHeadlineBigMarginBottom: .5em;--contentHeadlineSmallMarginTop: 1em;--contentHeadlineSmallMarginBottom: .5em;--contentNavigateButtonColor: var(--primaryColor);--contentNavigateButtonSize: 30px;--contentNavigateButtonGap: 12px;--contentBgColorNightMode: #323232;--contentTextColorNightMode: #ffffff;--contentNavigateButtonColorNightMode: var(--primaryColorNightMode);--menuItemIconGap: calc(var(--menuItemIconHeight) / 2);--menuItemIconHeight: 14px}@media (max-width: 767px) and (orientation: portrait),(max-height: 767px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 2;--actionButtonHeight: 40px}}@media (max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait){html body{--contentPaddingHoriz: 30px}}.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-menu,.pxp-menu{--textColor: var(--colorTextInverted, #000)}storefront-menu .menu-content,.pxp-menu .menu-content{display:flex;flex-wrap:wrap}storefront-menu[template=STATIC] .menu-content>ul,storefront-menu[data-pxp-template=STATIC] .menu-content>ul,.pxp-menu[template=STATIC] .menu-content>ul,.pxp-menu[data-pxp-template=STATIC] .menu-content>ul{display:flex}storefront-menu[template=STATIC] .menu-item,storefront-menu[data-pxp-template=STATIC] .menu-item,.pxp-menu[template=STATIC] .menu-item,.pxp-menu[data-pxp-template=STATIC] .menu-item{list-style:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul{display:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button{width:100%;display:block}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button{width:100%}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a{justify-content:flex-start}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children{display:flex;position:absolute;box-shadow:0 5px 15px #00000080;z-index:100;background-color:var(--backgroundColor);border-radius:4px}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button{background-color:transparent}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover{background-color:var(--primaryColor)}@keyframes menu-slide-in-opacity{0%{opacity:0}to{opacity:1}}@keyframes menu-slide-out-opacity{0%{opacity:1}to{opacity:0}}storefront-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6;background-color:#0009;animation:menu-slide-in-opacity .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{position:fixed;width:100%;top:0;height:100vh;max-width:300px;z-index:8;background-color:#fff;font-family:var(--contentFont);padding:0 20px 20px;overflow-y:auto}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions{display:flex;justify-content:end;-webkit-justify-content:flex-end;align-items:flex-end;-webkit-align-items:flex-end;position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;padding-bottom:10%;border-bottom:.5px var(--toolbarIconColor) solid;background-color:#fff;z-index:1}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div{margin-right:.3em;color:var(--toolbarIconColor);font-size:1.5em}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content{display:flex;flex-direction:column;margin-bottom:15px;background-color:var(--appMenuColor);overflow:hidden}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button{font-size:20px;line-height:56px;letter-spacing:.38px;font-family:var(--contentFont)}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button{text-align:left;width:100%}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop{animation:menu-slide-out-opacity .3s forwards}@keyframes menu-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu{right:0;left:auto;animation:menu-slide-in-right .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu{animation:menu-slide-out-right .3s forwards}@keyframes menu-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menu-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{right:auto;left:0;animation:menu-slide-in-left .3s forwards}storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu{animation:menu-slide-out-left .3s forwards}\n'],encapsulation:2,changeDetection:0}),m})(),jt=(()=>{var o;class m{}return(o=m).\u0275fac=function(e){return new(e||o)},o.\u0275mod=t.$C({type:o}),o.\u0275inj=t.G2t({imports:[s.MD,st.ButtonModule]}),m})();t.wjB(I,[s.YU,s.Sq,s.bT,s.T3,b.Q,C.U],[]);const wt={component:I,leanDomComponent:Vt}}}]);
+"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_menu_menu_module_ts"],{4386:(Vt,x,r)=>{r.r(x),r.d(x,{MenuModule:()=>Pt,component:()=>jt});var s=r(177),S=r(467),l=r(9379),t=r(3953),E=r(9079),C=(r(4404),r(5343)),c=r(3726),L=r(7786),T=r(5964),D=r(6697),v=r(4452),M=r(5102),N=r(5204),h=r(9745),I=r(8251),B=r(7467),G=r(1210),_=r(2853),H=r(7879);const F=["menuItem"],R=(o,m,n)=>({items:o,depth:m,leanDom:n}),k=(o,m)=>({items:o,depth:0,leanDom:m});function y(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",9),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function A(o,m){if(1&o&&t.Z7z(0,y,1,2,"storefront-button",8,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function X(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",11),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function $(o,m){if(1&o&&t.Z7z(0,X,1,2,"div",10,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function P(o,m){if(1&o&&(t.j41(0,"div",6),t.DNE(1,A,2,0)(2,$,2,0),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.vxM(n.domHelper.leanDom?-1:1),t.R7$(),t.vxM(n.domHelper.leanDom?2:-1)}}function j(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",13),t.bIt("onButtonTap",function(i){const a=t.eBV(n).$implicit,p=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,a,p))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.$index,i=t.XpG(2).$implicit,a=t.XpG(2);t.Y8G("parentBaseConfig",a.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function w(o,m){if(1&o&&t.Z7z(0,j,1,2,"storefront-button",12,t.Vm6),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.Dyx(e.getCurrentItems(n))}}function V(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",15),t.bIt("onButtonTap",function(i){const a=t.eBV(n).$implicit,p=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,a,p))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.$index,i=t.XpG(2).$implicit,a=t.XpG(2);t.Y8G("parentBaseConfig",a.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function z(o,m){if(1&o&&t.Z7z(0,V,1,2,"div",14,t.Vm6),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.Dyx(e.getCurrentItems(n))}}function W(o,m){if(1&o&&(t.j41(0,"div",7),t.DNE(1,w,2,0)(2,z,2,0),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(2);t.BMQ("menu-name",e.domHelper.leanDom?null:n.name)("data-pxp-menu-name",e.domHelper.leanDom?n.name:null),t.R7$(),t.vxM(e.domHelper.leanDom?-1:1),t.R7$(),t.vxM(e.domHelper.leanDom?2:-1)}}function Y(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",3),t.bIt("click",function(){t.eBV(n);const i=t.XpG();return t.Njj(i.close())}),t.k0s(),t.j41(1,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(2,"div",5),t.DNE(3,P,3,2,"div",6),t.Z7z(4,W,3,4,"div",7,t.fX1),t.k0s()()}if(2&o){const n=t.XpG();t.R7$(3),t.vxM(n.menuActions?3:-1),t.R7$(),t.Dyx(n.menus)}}function O(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",9),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function Q(o,m){if(1&o&&t.Z7z(0,O,1,2,"storefront-button",8,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function Z(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",11),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function U(o,m){if(1&o&&t.Z7z(0,Z,1,2,"div",10,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function J(o,m){if(1&o&&(t.j41(0,"div",6),t.DNE(1,Q,2,0)(2,U,2,0),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.vxM(n.domHelper.leanDom?-1:1),t.R7$(),t.vxM(n.domHelper.leanDom?2:-1)}}function K(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",13),t.bIt("onButtonTap",function(i){t.eBV(n);const a=t.XpG(2).$implicit,p=t.XpG(3);return t.Njj(p.onStaticItemClick(i,a))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function q(o,m){if(1&o&&t.DNE(0,K,1,2,"storefront-button",12),2&o){const n=t.XpG(2).leanDom;t.vxM(n?-1:0)}}function tt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",15),t.bIt("onButtonTap",function(i){t.eBV(n);const a=t.XpG(2).$implicit,p=t.XpG(3);return t.Njj(p.onStaticItemClick(i,a))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function et(o,m){if(1&o&&t.DNE(0,tt,1,2,"div",14),2&o){const n=t.XpG(2).leanDom;t.vxM(n?0:-1)}}function nt(o,m){if(1&o&&t.eu8(0,18),2&o){const n=t.XpG(2).$implicit,e=t.XpG(),i=e.depth,a=e.leanDom;t.XpG();const p=t.sdS(4);t.Y8G("ngTemplateOutlet",p)("ngTemplateOutletContext",t.sMw(2,R,n.childItems,i+1,a))}}function ot(o,m){if(1&o&&(t.j41(0,"ul",17),t.Z7z(1,nt,1,6,"ng-container",18,t.fX1),t.k0s()),2&o){const n=t.XpG().$implicit;t.R7$(),t.Dyx(n.childItems)}}function it(o,m){if(1&o&&(t.j41(0,"li",16,1),t.DNE(2,q,1,1)(3,et,1,1)(4,ot,3,0,"ul",17),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(),i=e.depth,a=e.leanDom,p=t.XpG(2);t.Y8G("ngClass",p.getMenuItemLiClasses(n)),t.BMQ("depth",i)("child-items",!(null==n||null==n.childItems||!n.childItems.length))("item-id",null==n?null:n.id),t.R7$(2),t.vxM(a?-1:2),t.R7$(),t.vxM(a?3:-1),t.R7$(),t.vxM(null!=n.childItems&&n.childItems.length?4:-1)}}function at(o,m){1&o&&t.Z7z(0,it,5,7,"li",16,t.fX1),2&o&&t.Dyx(m.items)}function mt(o,m){if(1&o&&(t.j41(0,"ul",7),t.eu8(1,18),t.k0s()),2&o){const n=m.$implicit;t.XpG();const e=t.sdS(4),i=t.XpG();t.BMQ("menu-name",i.domHelper.leanDom?null:n.name)("data-pxp-menu-name",i.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(4,k,n.items,i.domHelper.leanDom))}}function pt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(1,"div",5),t.DNE(2,J,3,2,"div",6)(3,at,2,0,"ng-template",null,0,t.C5r),t.Z7z(5,mt,2,7,"ul",7,t.fX1),t.k0s()()}if(2&o){const n=t.XpG();t.R7$(2),t.vxM(n.menuActions?2:-1),t.R7$(3),t.Dyx(n.menus)}}function rt(o){var m;const n=new Set(null===(m=o.items)||void 0===m?void 0:m.map(a=>(0,l.A)((0,l.A)({},a),{},{childItems:[],depth:-1}))),e=new Map([...n.values()].map(a=>[a.id,a]));for(const a of n)if(a.parentId&&a.parentId!==o.id){if(!e.has(a.parentId))throw new Error("Menu ".concat(o.name,": no parent item with id ").concat(a.parentId," found"));e.get(a.parentId).childItems.push(a),n.delete(a)}const i=(a,p)=>{a.depth=p,a.childItems.forEach(u=>i(u,p+1))};return n.forEach(a=>i(a,0)),(0,l.A)((0,l.A)({},o),{},{items:[...n]})}let f=(()=>{var o;class m extends G.${constructor(){super(...arguments),this.injector=(0,t.WQX)(t.zZn),this.appMenuService=(0,t.WQX)(N.I),this.store=(0,t.WQX)(I.B),this.destroyRef=(0,t.WQX)(t.abz),this.purpleService=(0,t.WQX)(M.Wj),this.purpleEnv=(0,t.WQX)(H.r6),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,l.A)({},_.ge),this.show=!1,this.fadeOutActive=!1,this.menus=[]}ngOnInit(){super.ngOnInit()}onConfigChanges(){var e=this;return(0,S.A)(function*(){e.handleConfigureAppMenuService(),e.handleConfigureOrResetDataSource(),e.handleSubscribeToStoreManager(),e.dataSource.loadData(),e.menuActions=e.config.actions})()}ngOnDestroy(){super.ngOnDestroy(),this.appMenuService.unregisterCustomSideMenuComponent(this)}handleSubscribeToStoreManager(){this.store.subscribe(this.dataSource.data$.pipe((0,T.p)(e=>!!e&&e.length>0&&this.dataSource.hasData()),(0,E.pQ)(this.destroyRef)),e=>{try{this.menus=e.map(rt)}catch(i){console.error(i)}this.changeDetectorRef.detectChanges(),this.setupEventListeners()},C.l,C.l,"data")}handleConfigureOrResetDataSource(){this.dataSource?this.dataSource.hasConfigChanged(this.config.dataSource)&&(this.dataSource.setConfig(this.config.dataSource),this.dataSource.reset()):this.dataSource=(0,v.O8)(this.injector,this.config.dataSource,this.elementRef.nativeElement,this.document)}handleConfigureAppMenuService(){this.config.template!==_.oH.STATIC&&this.appMenuService.registerCustomSideMenuComponent(this),this.appMenuService.$menuOpen.subscribe(e=>{var i,a;e!==this.show&&(!e&&(null===(i=this.config)||void 0===i?void 0:i.template)!==_.oH.STATIC&&(null===(a=this.config)||void 0===a?void 0:a.animationDuration)>0?(this.fadeOutActive=!0,this.changeDetectorRef.detectChanges(),setTimeout(()=>{this.show=!1,this.fadeOutActive=!1,this.changeDetectorRef.markForCheck()},this.config.animationDuration)):(this.show=e,this.changeDetectorRef.detectChanges()))})}getMenuItemLiClasses(e){const i=["menu-item","menu-item-".concat(e.name.replace(/ /g,"-")),...e.cssClasses];return this.hasMenuItemChildren(e)&&i.push("menu-item-has-children"),this.isExpanded(e)&&i.push("menu-item-open"),i}onStaticItemClick(e,i){this.hasMenuItemChildren(i)?this.handleStaticItemClickForMenuItemWithChildren(e,i):this.handleStaticItemClickForMenuItemWithoutChildren(i)}handleStaticItemClickForMenuItemWithChildren(e,i){if(!this.isRootSubMenu(i))return;const a=this.getSubMenuBehaviour();switch(a){case"onMouseHover":case"onClick":this.isExpanded(i)||this.handleExpand(e,i);break;case"onIconClick":this.isRightButton(e)&&(this.isExpanded(i)?this.handleCollapse(e,i):this.handleExpand(e,i));break;default:console.warn("Unknown menu item behavior for: "+a)}}handleExpand(e,i){e.preventDefault(),e.stopPropagation(),this.anyMenuItemExpanded()&&!this.isExpanded(i)&&this.closeSubMenu(i),this.openSubMenuForItem(i)}handleCollapse(e,i){e.preventDefault(),e.stopPropagation(),this.isExpanded(i)&&this.closeSubMenu(i)}handleStaticItemClickForMenuItemWithoutChildren(e){this.anyMenuItemExpanded()&&this.clearSubMenu()}onSlideInItemClick(e,i,a){if(this.isRightButton(e)){e.preventDefault(),e.stopPropagation();const u=this.getCurrentItems(a).findIndex(d=>d.id===i.id);a.currentItemsPath=a.currentItemsPath||[],a.currentItemsPath.push(u)}else this.isLeftButton(e)?(e.preventDefault(),e.stopPropagation(),a.currentItemsPath.pop()):this.appMenuService.setOpen(!1)}getButtonConfig(e,i,a){var p,u,d;const wt=this.getTapAction(e);return{message:"MENU_ITEM",class:"menu-button menu-button-".concat(e.name.replace(/ /g,"-")," ").concat(null!==(p=null===(u=e.cssClasses)||void 0===u?void 0:u.join(" "))&&void 0!==p?p:""),variables:[e.title||e.name],tap:wt,iconLeft:(null==a||null===(d=a.currentItemsPath)||void 0===d?void 0:d.length)>0&&0==i?{cssClasses:"icon icon-back"}:e.thumbnailsExtended.default,iconRight:this.hasMenuItemChildren(e)?{cssClasses:"icon icon-arrow-down"}:void 0}}isLeftButton(e){return e.target.classList.contains("button-icon-left")}isRightButton(e){return e.target.classList.contains("button-icon-right")}close(){this.appMenuService.setOpen(!1)}topMenuAction(e){e.name===_.F9.close&&this.close()}getCurrentItems(e){let i=e.items;return e.currentItemsPath=e.currentItemsPath||[],e.currentItemsPath.forEach(a=>{i[a].childItems.length>0&&(i=i[a].childItems)}),i}setupEventListeners(){if((0,s.UE)(this.platformId)&&"STATIC"===this.template){const e=this.getSubMenuBehaviour();this.menuItems.forEach(i=>{this.setupEventListenersForItem(i,e)})}}setupEventListenersForItem(e,i){const a=e.nativeElement,p=this.getMenuItemById(a.getAttribute("item-id"));null!==p&&this.isRootSubMenu(p)&&"onMouseHover"===i&&(0,B.Y)().isDesktop&&((0,c.R)(a,"mouseenter").subscribe(u=>this.onMenuItemMouseEnter(u,p)),(0,c.R)(a,"mouseleave").subscribe(u=>this.onMenuItemMouseLeave(u,p)))}onMenuItemMouseEnter(e,i){e.stopPropagation(),e.preventDefault(),this.openSubMenuForItem(i)}onMenuItemMouseLeave(e,i){e.stopPropagation(),e.preventDefault(),this.closeSubMenu(i)}isNavigationAction(e){return!e.url.startsWith("purple://")&&!e.url.startsWith("http://")&&!e.url.startsWith("https://")}getTapAction(e){return this.isNavigationAction(e)?{type:h.H.NAVIGATE,path:e.url}:{type:h.H.OPEN_URL,target:e.target,url:e.url}}getSubMenuBehaviour(){var e,i;return null!==(e=null===(i=this.config.openSubMenu)||void 0===i?void 0:i.behaviour)&&void 0!==e?e:"onMouseHover"}isExpanded(e){return this.expandedMenuItemId===e.id}anyMenuItemExpanded(){return null!=this.expandedMenuItemId}isRootSubMenu(e){return 0===e.depth&&this.hasMenuItemChildren(e)}hasMenuItemChildren(e){return e.childItems.length>0}getMenuItemById(e){var i=null;return this.menus.forEach(a=>{a.items.forEach(p=>{i||(i=this.getMenuItemByIdRecursive(p,e))})}),i}getMenuItemByIdRecursive(e,i){let a=null;return e.id===i&&(a=e),e.childItems.forEach(p=>{a||(a=this.getMenuItemByIdRecursive(p,i))}),a}openSubMenuForItem(e){this.expandedMenuItemId=e.id,this.setupMenuCloseHandler(e),this.changeDetectorRef.detectChanges()}closeSubMenu(e){this.isExpanded(e)&&this.clearSubMenu()}clearSubMenu(){this.expandedMenuItemId=null,this.changeDetectorRef.detectChanges()}setupMenuCloseHandler(e){(0,L.h)((0,c.R)(this.document,"touchstart",{passive:!1}),(0,c.R)(this.document,"click",{passive:!1})).pipe((0,T.p)(i=>this.expandedMenuItemId===e.id&&!this.elementRef.nativeElement.contains(i.target)),(0,D.s)(1)).subscribe(i=>{this.closeSubMenu(e)})}}return(o=m).\u0275fac=(()=>{let n;return function(i){return(n||(n=t.xGo(o)))(i||o)}})(),o.\u0275cmp=t.VBU({type:o,selectors:[["storefront-menu"]],viewQuery:function(e,i){if(1&e&&t.GBs(F,5),2&e){let a;t.mGM(a=t.lsd())&&(i.menuItems=a)}},hostVars:2,hostBindings:function(e,i){2&e&&t.AVh("menu-fade-out",i.fadeOutActive)},standalone:!1,features:[t.Jv_([I.B]),t.Vt3],decls:2,vars:2,consts:[["menuItemsTemplate",""],["menuItem",""],[1,"menu"],[1,"side-menu-backdrop",3,"click"],[1,"menu",3,"click"],[1,"items"],[1,"menu-actions"],[1,"menu-content"],[3,"parentBaseContext","parentBaseConfig"],[3,"click","parentBaseContext","parentBaseConfig"],[1,"pxp-button",3,"parentBaseContext","parentBaseConfig"],[1,"pxp-button",3,"click","parentBaseContext","parentBaseConfig"],[3,"parentBaseConfig"],[3,"onButtonTap","parentBaseConfig"],[1,"pxp-button",3,"parentBaseConfig"],[1,"pxp-button",3,"onButtonTap","parentBaseConfig"],[3,"ngClass"],[1,"menu-item-children"],[3,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&t.DNE(0,Y,6,1)(1,pt,7,1,"div",2),2&e&&(t.vxM("SLIDE_IN_LEFT"!==i.template&&"SLIDE_IN_RIGHT"!==i.template||!i.show?-1:0),t.R7$(),t.vxM("STATIC"===i.template?1:-1))},styles:['html body{--primaryColor: #00adef;--primaryColorNightMode: white;--secondaryColor: rgb(200, 200, 200);--backgroundColor: rgb(255, 255, 255);--secondaryBackgroundColor: rgb(200, 200, 200);--textColor: rgb(0, 0, 0);--accentColor: var(--primaryColor);--secondaryTextColor: rgb(80, 80, 80);--ghostColor: rgba(200, 200, 200);--gutter: 16px;--borderRadius: 4px;--actionButtonHeight: 50px;--appBarColor: white;--appBarTextColor: var(--textColor);--appBarHeight: 54px;--appBarDisplay: flex;--appBarShrinkDisplay: flex;--appBarShrinkHeight: 30px;--appBarFontSize: 1em;--appBarShrinkFontSize: .6em;--appBarPaddingVert: 4px;--appBarPaddingHoriz: 0;--appBarButtonWidth: 50px;--appMenuColor: white;--navigationHeight: 50px;--navigationShrinkHeight: 30px;--navigationColor: var(--textColor);--navigationBgColor: white;--navigationActiveColor: var(--primaryColor);--listPadding: var(--gutter);--listPaddingHoriz: var(--gutter);--listPaddingVert: var(--gutter);--listItemGutter: var(--gutter);--gridListColumns: 4;--listTabBorderWidth: 1px;--listTabBorderRadius: var(--borderRadius);--listTabHighlightColor: var(--primaryColor);--listTabHighlightTextColor: white;--buttonPaddingVert: calc(var(--gutter) / 2);--buttonPaddingHoriz: calc(var(--gutter) / 2);--modalBgColor: white;--modalPadding: var(--gutter);--modalPaddingBottom: var(--gutter);--issueProgressPaddingVert: 2px;--issueProgressPaddingHoriz: 2px;--issueProgressMarginVert: calc(var(--gutter) / 2);--issueProgressMarginHoriz: calc(var(--gutter) / 2);--issueProgressBgColor: var(--secondaryColor);--issueProgressColor: var(--primaryColor);--issueProgressFontColor: white;--issueUpdateBadgeBgColor: var(--primaryColor);--issueUpdateBadgeColor: white;--subscriptionPaddingVert: var(--gutter);--subscriptionPaddingHoriz: var(--gutter);--subscriptionPurchasedMarginHoriz: 6px;--subscriptionPurchasedBorderRadius: 20px;--loginPaddingVert: var(--gutter);--loginPaddingHoriz: var(--gutter);--loginElementMarginVert: calc(var(--gutter));--loginElementMarginHoriz: 0;--couponPaddingVert: var(--gutter);--couponPaddingHoriz: var(--gutter);--couponElementMarginVert: calc(var(--gutter));--couponElementMarginHoriz: 0;--couponElementPaddingVert: calc(var(--gutter));--couponElementPaddingHoriz: calc(var(--gutter));--bookmarkBgColor: transparent;--bookmarkImageBgColor: white;--sectionPadding: 0;--spinnerColor: #fff;--imageBackgroundColor: transparent;--imageLoadingColor: rgb(200, 200, 200);--dropdownPaddingX: calc(var(--gutter) / 2);--dropdownPaddingY: calc(var(--gutter) / 2);--tickerGutter: var(--gutter);--tickerPaddingY: var(--gutter);--searchFieldFontSize: 14px;--swiperPaginationTabHeight: 50px;--swiperPaginationBorderWidth: 4px;--swiperPaginationBackgroundColor: white;--swiperPaginationColor: var(--primaryColor);--switchWidth: 50px;--switchActiveColor: var(--primaryColor);--switchHandleColor: #fff;--switchBackgroundColor: #f1f1f1;--switchBorderWidth: 3px;--switchBorderRadius: calc(var(--switchWidth) * .6);--stackedCoversWidth: 40%;--stackedCoversScaleStep: .1;--stackedCoversTranslateStep: .3;--stackedCoversTopEvenCenteredGap: 4px;--toolbarbackgroundColor: transparent;--toolbarIconColor: #a9a9a9;--zIndexAppBar: 999;color:var(--textColor);--contentFont: "OpenSans", sans-serif;--contentHeadlineFont: var(--contentFont);--contentIconNavigateBack: url(resource://dynamic/content/assets/ic_left.svg);--contentIconNavigateForward: url(resource://dynamic/content/assets/ic_right.svg);--contentSpinner: url(resource://dynamic/content/assets/tail-spin.svg);--contentBgColor: #ffffff;--contentTextColor: black;--contentPaddingVert: 30px;--contentPaddingHoriz: 50px;--contentHeaderMarginTop: 1em;--contentHeaderMarginBottom: 1.5em;--contentHeaderPaddingVert: 1em;--contentHeaderElementMarginTop: .5em;--contentHeaderElementMarginBottom: .5em;--contentSectionPaddingVert: 1em;--contentSectionPaddingHoriz: 1em;--contentElementMarginTop: 1em;--contentElementMarginBottom: 1em;--contentElementPaddingVert: .5em;--contentElementPaddingHoriz: 1em;--contentHeadlineBigMarginTop: 1.5em;--contentHeadlineBigMarginBottom: .5em;--contentHeadlineSmallMarginTop: 1em;--contentHeadlineSmallMarginBottom: .5em;--contentNavigateButtonColor: var(--primaryColor);--contentNavigateButtonSize: 30px;--contentNavigateButtonGap: 12px;--contentBgColorNightMode: #323232;--contentTextColorNightMode: #ffffff;--contentNavigateButtonColorNightMode: var(--primaryColorNightMode);--menuItemIconGap: calc(var(--menuItemIconHeight) / 2);--menuItemIconHeight: 14px}@media (max-width: 767px) and (orientation: portrait),(max-height: 767px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 2;--actionButtonHeight: 40px}}@media (max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait){html body{--contentPaddingHoriz: 30px}}.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-menu,.pxp-menu{--textColor: var(--colorTextInverted, #000)}storefront-menu .menu-content,.pxp-menu .menu-content{display:flex;flex-wrap:wrap}storefront-menu[template=STATIC] .menu-content>ul,storefront-menu[data-pxp-template=STATIC] .menu-content>ul,.pxp-menu[template=STATIC] .menu-content>ul,.pxp-menu[data-pxp-template=STATIC] .menu-content>ul{display:flex}storefront-menu[template=STATIC] .menu-item,storefront-menu[data-pxp-template=STATIC] .menu-item,.pxp-menu[template=STATIC] .menu-item,.pxp-menu[data-pxp-template=STATIC] .menu-item{list-style:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul{display:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button{width:100%;display:block}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button{width:100%}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a{justify-content:flex-start}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children{display:flex;position:absolute;box-shadow:0 5px 15px #00000080;z-index:100;background-color:var(--backgroundColor);border-radius:4px}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button{background-color:transparent}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover{background-color:var(--primaryColor)}@keyframes menu-slide-in-opacity{0%{opacity:0}to{opacity:1}}@keyframes menu-slide-out-opacity{0%{opacity:1}to{opacity:0}}storefront-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6;background-color:#0009;animation:menu-slide-in-opacity .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{position:fixed;width:100%;top:0;height:100vh;max-width:300px;z-index:8;background-color:#fff;font-family:var(--contentFont);padding:0 20px 20px;overflow-y:auto}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions{display:flex;justify-content:end;-webkit-justify-content:flex-end;align-items:flex-end;-webkit-align-items:flex-end;position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;padding-bottom:10%;border-bottom:.5px var(--toolbarIconColor) solid;background-color:#fff;z-index:1}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div{margin-right:.3em;color:var(--toolbarIconColor);font-size:1.5em}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content{display:flex;flex-direction:column;margin-bottom:15px;background-color:var(--appMenuColor);overflow:hidden}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button{font-size:20px;line-height:56px;letter-spacing:.38px;font-family:var(--contentFont)}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button{text-align:left;width:100%}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop{animation:menu-slide-out-opacity .3s forwards}@keyframes menu-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu{right:0;left:auto;animation:menu-slide-in-right .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu{animation:menu-slide-out-right .3s forwards}@keyframes menu-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menu-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{right:auto;left:0;animation:menu-slide-in-left .3s forwards}storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu{animation:menu-slide-out-left .3s forwards}\n'],encapsulation:2,changeDetection:0}),m})();var ut=r(9805),g=r(395),b=r(4336);const st=["class","pxp-menu"],lt=(o,m,n)=>({items:o,depth:m,leanDom:n}),dt=(o,m)=>({items:o,depth:0,leanDom:m});function ct(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",9),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function _t(o,m){if(1&o&&t.Z7z(0,ct,1,2,"storefront-button",8,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function It(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",11),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function ft(o,m){if(1&o&&t.Z7z(0,It,1,2,"div",10,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function xt(o,m){if(1&o&&(t.j41(0,"div",6),t.DNE(1,_t,2,0)(2,ft,2,0),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.vxM(n.domHelper.leanDom?-1:1),t.R7$(),t.vxM(n.domHelper.leanDom?2:-1)}}function Ct(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",13),t.bIt("onButtonTap",function(i){const a=t.eBV(n).$implicit,p=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,a,p))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.$index,i=t.XpG(2).$implicit,a=t.XpG(2);t.Y8G("parentBaseConfig",a.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function Tt(o,m){if(1&o&&t.Z7z(0,Ct,1,2,"storefront-button",12,t.Vm6),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.Dyx(e.getCurrentItems(n))}}function ht(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",15),t.bIt("onButtonTap",function(i){const a=t.eBV(n).$implicit,p=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,a,p))}),t.k0s()}if(2&o){const n=m.$implicit,e=m.$index,i=t.XpG(2).$implicit,a=t.XpG(2);t.Y8G("parentBaseConfig",a.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function gt(o,m){if(1&o&&t.Z7z(0,ht,1,2,"div",14,t.Vm6),2&o){const n=t.XpG().$implicit,e=t.XpG(2);t.Dyx(e.getCurrentItems(n))}}function bt(o,m){if(1&o&&(t.j41(0,"div",7),t.DNE(1,Tt,2,0)(2,gt,2,0),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(2);t.BMQ("menu-name",e.domHelper.leanDom?null:n.name)("data-pxp-menu-name",e.domHelper.leanDom?n.name:null),t.R7$(),t.vxM(e.domHelper.leanDom?-1:1),t.R7$(),t.vxM(e.domHelper.leanDom?2:-1)}}function St(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",3),t.bIt("click",function(){t.eBV(n);const i=t.XpG();return t.Njj(i.close())}),t.k0s(),t.j41(1,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(2,"div",5),t.DNE(3,xt,3,2,"div",6),t.Z7z(4,bt,3,4,"div",7,t.fX1),t.k0s()()}if(2&o){const n=t.XpG();t.R7$(3),t.vxM(n.menuActions?3:-1),t.R7$(),t.Dyx(n.menus)}}function Et(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",9),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function Lt(o,m){if(1&o&&t.Z7z(0,Et,1,2,"storefront-button",8,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function Dt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",11),t.bIt("click",function(){const i=t.eBV(n).$implicit,a=t.XpG(4);return t.Njj(a.topMenuAction(i))}),t.k0s()}if(2&o){const n=m.$implicit,e=t.XpG(4);t.Y8G("parentBaseContext",e.baseContext())("parentBaseConfig",n.content)}}function vt(o,m){if(1&o&&t.Z7z(0,Dt,1,2,"div",10,t.fX1),2&o){const n=t.XpG(3);t.Dyx(n.menuActions)}}function Mt(o,m){if(1&o&&(t.j41(0,"div",6),t.DNE(1,Lt,2,0)(2,vt,2,0),t.k0s()),2&o){const n=t.XpG(2);t.R7$(),t.vxM(n.domHelper.leanDom?-1:1),t.R7$(),t.vxM(n.domHelper.leanDom?2:-1)}}function Nt(o,m){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",13),t.bIt("onButtonTap",function(i){t.eBV(n);const a=t.XpG(2).$implicit,p=t.XpG(3);return t.Njj(p.onStaticItemClick(i,a))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function Bt(o,m){if(1&o&&t.DNE(0,Nt,1,2,"storefront-button",12),2&o){const n=t.XpG(2).leanDom;t.vxM(n?-1:0)}}function Gt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",15),t.bIt("onButtonTap",function(i){t.eBV(n);const a=t.XpG(2).$implicit,p=t.XpG(3);return t.Njj(p.onStaticItemClick(i,a))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("parentBaseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function Ht(o,m){if(1&o&&t.DNE(0,Gt,1,2,"div",14),2&o){const n=t.XpG(2).leanDom;t.vxM(n?0:-1)}}function Ft(o,m){if(1&o&&t.eu8(0,18),2&o){const n=t.XpG(2).$implicit,e=t.XpG(),i=e.depth,a=e.leanDom;t.XpG();const p=t.sdS(4);t.Y8G("ngTemplateOutlet",p)("ngTemplateOutletContext",t.sMw(2,lt,n.childItems,i+1,a))}}function Rt(o,m){if(1&o&&(t.j41(0,"ul",17),t.Z7z(1,Ft,1,6,"ng-container",18,t.fX1),t.k0s()),2&o){const n=t.XpG().$implicit;t.R7$(),t.Dyx(n.childItems)}}function kt(o,m){if(1&o&&(t.j41(0,"li",16,1),t.DNE(2,Bt,1,1)(3,Ht,1,1)(4,Rt,3,0,"ul",17),t.k0s()),2&o){const n=m.$implicit,e=t.XpG(),i=e.depth,a=e.leanDom,p=t.XpG(2);t.Y8G("ngClass",p.getMenuItemLiClasses(n)),t.BMQ("depth",i)("child-items",!(null==n||null==n.childItems||!n.childItems.length))("item-id",null==n?null:n.id),t.R7$(2),t.vxM(a?-1:2),t.R7$(),t.vxM(a?3:-1),t.R7$(),t.vxM(null!=n.childItems&&n.childItems.length?4:-1)}}function yt(o,m){1&o&&t.Z7z(0,kt,5,7,"li",16,t.fX1),2&o&&t.Dyx(m.items)}function At(o,m){if(1&o&&(t.j41(0,"ul",7),t.eu8(1,18),t.k0s()),2&o){const n=m.$implicit;t.XpG();const e=t.sdS(4),i=t.XpG();t.BMQ("menu-name",i.domHelper.leanDom?null:n.name)("data-pxp-menu-name",i.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(4,dt,n.items,i.domHelper.leanDom))}}function Xt(o,m){if(1&o){const n=t.RV6();t.j41(0,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(1,"div",5),t.DNE(2,Mt,3,2,"div",6)(3,yt,2,0,"ng-template",null,0,t.C5r),t.Z7z(5,At,2,7,"ul",7,t.fX1),t.k0s()()}if(2&o){const n=t.XpG();t.R7$(2),t.vxM(n.menuActions?2:-1),t.R7$(3),t.Dyx(n.menus)}}let $t=(()=>{var o;class m extends f{}return(o=m).\u0275fac=(()=>{let n;return function(i){return(n||(n=t.xGo(o)))(i||o)}})(),o.\u0275cmp=t.VBU({type:o,selectors:[["div",8,"pxp-menu"]],standalone:!1,features:[t.Jv_([I.B]),t.Vt3],attrs:st,decls:2,vars:2,consts:[["menuItemsTemplate",""],["menuItem",""],[1,"menu"],[1,"side-menu-backdrop",3,"click"],[1,"menu",3,"click"],[1,"items"],[1,"menu-actions"],[1,"menu-content"],[3,"parentBaseContext","parentBaseConfig"],[3,"click","parentBaseContext","parentBaseConfig"],[1,"pxp-button",3,"parentBaseContext","parentBaseConfig"],[1,"pxp-button",3,"click","parentBaseContext","parentBaseConfig"],[3,"parentBaseConfig"],[3,"onButtonTap","parentBaseConfig"],[1,"pxp-button",3,"parentBaseConfig"],[1,"pxp-button",3,"onButtonTap","parentBaseConfig"],[3,"ngClass"],[1,"menu-item-children"],[3,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&t.DNE(0,St,6,1)(1,Xt,7,1,"div",2),2&e&&(t.vxM("SLIDE_IN_LEFT"!==i.template&&"SLIDE_IN_RIGHT"!==i.template||!i.show?-1:0),t.R7$(),t.vxM("STATIC"===i.template?1:-1))},dependencies:[s.YU,s.T3,g.Q,b.U],styles:['html body{--primaryColor: #00adef;--primaryColorNightMode: white;--secondaryColor: rgb(200, 200, 200);--backgroundColor: rgb(255, 255, 255);--secondaryBackgroundColor: rgb(200, 200, 200);--textColor: rgb(0, 0, 0);--accentColor: var(--primaryColor);--secondaryTextColor: rgb(80, 80, 80);--ghostColor: rgba(200, 200, 200);--gutter: 16px;--borderRadius: 4px;--actionButtonHeight: 50px;--appBarColor: white;--appBarTextColor: var(--textColor);--appBarHeight: 54px;--appBarDisplay: flex;--appBarShrinkDisplay: flex;--appBarShrinkHeight: 30px;--appBarFontSize: 1em;--appBarShrinkFontSize: .6em;--appBarPaddingVert: 4px;--appBarPaddingHoriz: 0;--appBarButtonWidth: 50px;--appMenuColor: white;--navigationHeight: 50px;--navigationShrinkHeight: 30px;--navigationColor: var(--textColor);--navigationBgColor: white;--navigationActiveColor: var(--primaryColor);--listPadding: var(--gutter);--listPaddingHoriz: var(--gutter);--listPaddingVert: var(--gutter);--listItemGutter: var(--gutter);--gridListColumns: 4;--listTabBorderWidth: 1px;--listTabBorderRadius: var(--borderRadius);--listTabHighlightColor: var(--primaryColor);--listTabHighlightTextColor: white;--buttonPaddingVert: calc(var(--gutter) / 2);--buttonPaddingHoriz: calc(var(--gutter) / 2);--modalBgColor: white;--modalPadding: var(--gutter);--modalPaddingBottom: var(--gutter);--issueProgressPaddingVert: 2px;--issueProgressPaddingHoriz: 2px;--issueProgressMarginVert: calc(var(--gutter) / 2);--issueProgressMarginHoriz: calc(var(--gutter) / 2);--issueProgressBgColor: var(--secondaryColor);--issueProgressColor: var(--primaryColor);--issueProgressFontColor: white;--issueUpdateBadgeBgColor: var(--primaryColor);--issueUpdateBadgeColor: white;--subscriptionPaddingVert: var(--gutter);--subscriptionPaddingHoriz: var(--gutter);--subscriptionPurchasedMarginHoriz: 6px;--subscriptionPurchasedBorderRadius: 20px;--loginPaddingVert: var(--gutter);--loginPaddingHoriz: var(--gutter);--loginElementMarginVert: calc(var(--gutter));--loginElementMarginHoriz: 0;--couponPaddingVert: var(--gutter);--couponPaddingHoriz: var(--gutter);--couponElementMarginVert: calc(var(--gutter));--couponElementMarginHoriz: 0;--couponElementPaddingVert: calc(var(--gutter));--couponElementPaddingHoriz: calc(var(--gutter));--bookmarkBgColor: transparent;--bookmarkImageBgColor: white;--sectionPadding: 0;--spinnerColor: #fff;--imageBackgroundColor: transparent;--imageLoadingColor: rgb(200, 200, 200);--dropdownPaddingX: calc(var(--gutter) / 2);--dropdownPaddingY: calc(var(--gutter) / 2);--tickerGutter: var(--gutter);--tickerPaddingY: var(--gutter);--searchFieldFontSize: 14px;--swiperPaginationTabHeight: 50px;--swiperPaginationBorderWidth: 4px;--swiperPaginationBackgroundColor: white;--swiperPaginationColor: var(--primaryColor);--switchWidth: 50px;--switchActiveColor: var(--primaryColor);--switchHandleColor: #fff;--switchBackgroundColor: #f1f1f1;--switchBorderWidth: 3px;--switchBorderRadius: calc(var(--switchWidth) * .6);--stackedCoversWidth: 40%;--stackedCoversScaleStep: .1;--stackedCoversTranslateStep: .3;--stackedCoversTopEvenCenteredGap: 4px;--toolbarbackgroundColor: transparent;--toolbarIconColor: #a9a9a9;--zIndexAppBar: 999;color:var(--textColor);--contentFont: "OpenSans", sans-serif;--contentHeadlineFont: var(--contentFont);--contentIconNavigateBack: url(resource://dynamic/content/assets/ic_left.svg);--contentIconNavigateForward: url(resource://dynamic/content/assets/ic_right.svg);--contentSpinner: url(resource://dynamic/content/assets/tail-spin.svg);--contentBgColor: #ffffff;--contentTextColor: black;--contentPaddingVert: 30px;--contentPaddingHoriz: 50px;--contentHeaderMarginTop: 1em;--contentHeaderMarginBottom: 1.5em;--contentHeaderPaddingVert: 1em;--contentHeaderElementMarginTop: .5em;--contentHeaderElementMarginBottom: .5em;--contentSectionPaddingVert: 1em;--contentSectionPaddingHoriz: 1em;--contentElementMarginTop: 1em;--contentElementMarginBottom: 1em;--contentElementPaddingVert: .5em;--contentElementPaddingHoriz: 1em;--contentHeadlineBigMarginTop: 1.5em;--contentHeadlineBigMarginBottom: .5em;--contentHeadlineSmallMarginTop: 1em;--contentHeadlineSmallMarginBottom: .5em;--contentNavigateButtonColor: var(--primaryColor);--contentNavigateButtonSize: 30px;--contentNavigateButtonGap: 12px;--contentBgColorNightMode: #323232;--contentTextColorNightMode: #ffffff;--contentNavigateButtonColorNightMode: var(--primaryColorNightMode);--menuItemIconGap: calc(var(--menuItemIconHeight) / 2);--menuItemIconHeight: 14px}@media (max-width: 767px) and (orientation: portrait),(max-height: 767px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 2;--actionButtonHeight: 40px}}@media (max-height: 533px) and (orientation: landscape){html body{--gridListColumns: 3}}@media (max-width: 533px) and (orientation: portrait){html body{--contentPaddingHoriz: 30px}}.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-menu,.pxp-menu{--textColor: var(--colorTextInverted, #000)}storefront-menu .menu-content,.pxp-menu .menu-content{display:flex;flex-wrap:wrap}storefront-menu[template=STATIC] .menu-content>ul,storefront-menu[data-pxp-template=STATIC] .menu-content>ul,.pxp-menu[template=STATIC] .menu-content>ul,.pxp-menu[data-pxp-template=STATIC] .menu-content>ul{display:flex}storefront-menu[template=STATIC] .menu-item,storefront-menu[data-pxp-template=STATIC] .menu-item,.pxp-menu[template=STATIC] .menu-item,.pxp-menu[data-pxp-template=STATIC] .menu-item{list-style:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul{display:none}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button{width:100%;display:block}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button{width:100%}storefront-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul storefront-button>button a,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"]>ul .pxp-button>button a{justify-content:flex-start}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children{display:flex;position:absolute;box-shadow:0 5px 15px #00000080;z-index:100;background-color:var(--backgroundColor);border-radius:4px}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button{background-color:transparent}storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,storefront-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children storefront-button>button:hover,.pxp-menu[data-pxp-template=STATIC] .menu-item[depth="0"].menu-item-open>.menu-item-children .pxp-button>button:hover{background-color:var(--primaryColor)}@keyframes menu-slide-in-opacity{0%{opacity:0}to{opacity:1}}@keyframes menu-slide-out-opacity{0%{opacity:1}to{opacity:0}}storefront-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .side-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6;background-color:#0009;animation:menu-slide-in-opacity .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{position:fixed;width:100%;top:0;height:100vh;max-width:300px;z-index:8;background-color:#fff;font-family:var(--contentFont);padding:0 20px 20px;overflow-y:auto}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions{display:flex;justify-content:end;-webkit-justify-content:flex-end;align-items:flex-end;-webkit-align-items:flex-end;position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;padding-bottom:10%;border-bottom:.5px var(--toolbarIconColor) solid;background-color:#fff;z-index:1}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-actions div,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions storefront-element,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-actions div{margin-right:.3em;color:var(--toolbarIconColor);font-size:1.5em}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content{display:flex;flex-direction:column;margin-bottom:15px;background-color:var(--appMenuColor);overflow:hidden}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button{font-size:20px;line-height:56px;letter-spacing:.38px;font-family:var(--contentFont)}storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu .items .menu-content>.pxp-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>storefront-button>button,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu .items .menu-content>.pxp-button>button{text-align:left;width:100%}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .side-menu-backdrop,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .side-menu-backdrop{animation:menu-slide-out-opacity .3s forwards}@keyframes menu-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}storefront-menu[template=SLIDE_IN_RIGHT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu,.pxp-menu[template=SLIDE_IN_RIGHT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT] .menu{right:0;left:auto;animation:menu-slide-in-right .3s forwards}storefront-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_RIGHT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_RIGHT].menu-fade-out .menu{animation:menu-slide-out-right .3s forwards}@keyframes menu-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menu-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}storefront-menu[template=SLIDE_IN_LEFT] .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT] .menu,.pxp-menu[template=SLIDE_IN_LEFT] .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT] .menu{right:auto;left:0;animation:menu-slide-in-left .3s forwards}storefront-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,storefront-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[template=SLIDE_IN_LEFT].menu-fade-out .menu,.pxp-menu[data-pxp-template=SLIDE_IN_LEFT].menu-fade-out .menu{animation:menu-slide-out-left .3s forwards}\n'],encapsulation:2,changeDetection:0}),m})(),Pt=(()=>{var o;class m{}return(o=m).\u0275fac=function(e){return new(e||o)},o.\u0275mod=t.$C({type:o}),o.\u0275inj=t.G2t({imports:[s.MD,ut.ButtonModule]}),m})();t.wjB(f,[s.YU,s.T3,g.Q,b.U],[]);const jt={component:f,leanDomComponent:$t}}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_product_product_module_ts.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_product_product_module_ts"],{1803:(P,h,n)=>{n.d(h,{OE:()=>f,OK:()=>i,TS:()=>a,We:()=>o});var a=function(t){return t.VERTICAL="vertical",t.HORIZONTAL="horizontal",t.GRID="grid",t.GROUP="group",t.TABS="tabs",t}(a||{}),o=function(t){return t.BLANK="_blank",t.SELF="_self",t}(o||{}),i=function(t){return t.div="div",t.a="a",t.article="article",t.aside="aside",t.br="br",t.button="button",t.details="details",t.dialog="dialog",t.em="em",t.figcaption="figcaption",t.figure="figure",t.footer="footer",t.h1="h1",t.h2="h2",t.h3="h3",t.h4="h4",t.h5="h5",t.h6="h6",t.header="header",t.hr="hr",t.iframe="iframe",t.img="img",t.input="input",t.li="li",t.main="main",t.mark="mark",t.nav="nav",t.ol="ol",t.p="p",t.pre="pre",t.section="section",t.small="small",t.span="span",t.strong="strong",t.summary="summary",t.time="time",t.ul="ul",t}(i||{}),f=function(t){return t.div="div",t.a="a",t.button="button",t.dialog="dialog",t.h1="h1",t.h2="h2",t.h3="h3",t.h4="h4",t.h5="h5",t.h6="h6",t.li="li",t.ol="ol",t.p="p",t.span="span",t.ul="ul",t.article="article",t.aside="aside",t.details="details",t.figcaption="figcaption",t.figure="figure",t.footer="footer",t.header="header",t.main="main",t.mark="mark",t.nav="nav",t.section="section",t.summary="summary",t.time="time",t}(f||{})},8866:(P,h,n)=>{n.r(h),n.d(h,{ProductModule:()=>B,component:()=>S});var a=n(177),p=n(467),o=n(9379),i=n(3953),f=n(4404),t=n(1210);const A={fallback:{type:"html",tag:n(1803).OK.p,content:"ERROR_PRODUCT",variables:["$context.error"]}};var y=n(5102),R=n(1497),O=n(8179),m=n(8251),x=n(610),E=n(4648),I=n(2868);function D(c,u){}function N(c,u){if(1&c&&i.DNE(0,D,0,0,"ng-template",1),2&c){const r=i.XpG();i.Y8G("baseContext",r.childContext)("baseConfig",r.childConfig)}}let F=(()=>{var c;class u extends t.${constructor(){super(...arguments),this.store=(0,i.WQX)(m.B),this.purpleService=(0,i.WQX)(y.Wj),this.changeDetectorRef=(0,i.WQX)(i.gRc),this.defaultConfig=(0,o.A)({},A)}onConfigChanges(){var l=()=>super.onConfigChanges,e=this;return(0,p.A)(function*(){l().call(e);const C=e.config.productId||new URL(e.document.location.href).searchParams.get("productId");try{const s=yield e.purpleService.getProducts(C);if(e.config.localIssueFilter){const d=(0,O.n)(e.config.localIssueFilter);s.issues=s.issues.filter(v=>(0,E.tU)(d,v))}if(s.issues.length)e.issue=s.issues[0],e.childContext=(0,o.A)((0,o.A)({},e.context),{},{issue:e.issue}),e.childConfig=(0,o.A)({type:"issue"},e.config.issue);else if(s.subscriptions.length){const d=s.subscriptions[0],v=yield e.purpleService.getPrice(d.productId);e.subscription=R.r.toSubscriptionsWithPrice(d,v)[0],e.childContext=(0,o.A)((0,o.A)({},e.context),{},{subscription:e.subscription}),e.childConfig=(0,o.A)({type:"subscription"},e.config.subscription)}else{if(!s.publicationProducts.length)throw{code:f.ERROR_CODE.UNKNOWN_PRODUCT};e.publicationProduct=s.publicationProducts[0],e.childContext=(0,o.A)({},e.context),e.childConfig=(0,o.A)((0,o.A)({type:"publication-completion"},e.config.publicationCompletion),{},{productFilter:{productId:{value:C}}})}}catch(s){let d=s;null!=s&&s.code||(d=(0,o.A)((0,o.A)({},s),{},{code:f.ERROR_CODE.UNKNOWN})),e.store.dispatch((0,x.k4)({url:window.location.href,key:"".concat(e.getTrackingBaseKey(),"_LOAD_FAILED"),params:{error:d.code,productId:C}})),e.childConfig=(0,o.A)({},e.config.fallback),e.childContext=(0,o.A)((0,o.A)({},e.context),{},{error:d.code})}e.changeDetectorRef.markForCheck()})()}getConfigEscapeProperties(){return[...super.getConfigEscapeProperties(),"fallback"]}}return(c=u).type="product",c.\u0275fac=(()=>{let r;return function(e){return(r||(r=i.xGo(c)))(e||c)}})(),c.\u0275cmp=i.VBU({type:c,selectors:[["storefront-product"]],standalone:!1,features:[i.Jv_([m.B]),i.Vt3],decls:1,vars:1,consts:[[4,"ngIf"],[3,"pxpDynamicComponent","baseContext","baseConfig"]],template:function(l,e){1&l&&i.DNE(0,N,1,2,null,0),2&l&&i.Y8G("ngIf",e.childConfig)},dependencies:[a.bT,I.q],encapsulation:2}),u})(),B=(()=>{var c;class u{}return(c=u).\u0275fac=function(l){return new(l||c)},c.\u0275mod=i.$C({type:c}),c.\u0275inj=i.G2t({imports:[a.MD]}),u})();const S=F}}]);
+"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_product_product_module_ts"],{1803:(P,f,o)=>{o.d(f,{OE:()=>a,OK:()=>i,TS:()=>h,We:()=>e});var h=function(t){return t.VERTICAL="vertical",t.HORIZONTAL="horizontal",t.GRID="grid",t.GROUP="group",t.TABS="tabs",t}(h||{}),e=function(t){return t.BLANK="_blank",t.SELF="_self",t}(e||{}),i=function(t){return t.div="div",t.a="a",t.article="article",t.aside="aside",t.br="br",t.button="button",t.details="details",t.dialog="dialog",t.em="em",t.figcaption="figcaption",t.figure="figure",t.footer="footer",t.h1="h1",t.h2="h2",t.h3="h3",t.h4="h4",t.h5="h5",t.h6="h6",t.header="header",t.hr="hr",t.iframe="iframe",t.img="img",t.input="input",t.li="li",t.main="main",t.mark="mark",t.nav="nav",t.ol="ol",t.p="p",t.pre="pre",t.section="section",t.small="small",t.span="span",t.strong="strong",t.summary="summary",t.time="time",t.ul="ul",t}(i||{}),a=function(t){return t.div="div",t.a="a",t.button="button",t.dialog="dialog",t.h1="h1",t.h2="h2",t.h3="h3",t.h4="h4",t.h5="h5",t.h6="h6",t.li="li",t.ol="ol",t.p="p",t.span="span",t.ul="ul",t.article="article",t.aside="aside",t.details="details",t.figcaption="figcaption",t.figure="figure",t.footer="footer",t.header="header",t.main="main",t.mark="mark",t.nav="nav",t.section="section",t.summary="summary",t.time="time",t}(a||{})},8866:(P,f,o)=>{o.r(f),o.d(f,{ProductModule:()=>B,component:()=>S});var h=o(177),p=o(467),e=o(9379),i=o(3953),a=o(4404),t=o(1210);const A={fallback:{type:"html",tag:o(1803).OK.p,content:"ERROR_PRODUCT",variables:["$context.error"]}};var y=o(5102),R=o(1497),x=o(8179),m=o(8251),O=o(610),E=o(4648),D=o(2868);function I(c,u){}function N(c,u){if(1&c&&i.DNE(0,I,0,0,"ng-template",0),2&c){const r=i.XpG();i.Y8G("baseContext",r.childContext)("baseConfig",r.childConfig)}}let F=(()=>{var c;class u extends t.${constructor(){super(...arguments),this.store=(0,i.WQX)(m.B),this.purpleService=(0,i.WQX)(y.Wj),this.changeDetectorRef=(0,i.WQX)(i.gRc),this.defaultConfig=(0,e.A)({},A)}onConfigChanges(){var l=()=>super.onConfigChanges,n=this;return(0,p.A)(function*(){l().call(n);const C=n.config.productId||new URL(n.document.location.href).searchParams.get("productId");try{const s=yield n.purpleService.getProducts(C);if(n.config.localIssueFilter){const d=(0,x.n)(n.config.localIssueFilter);s.issues=s.issues.filter(v=>(0,E.tU)(d,v))}if(s.issues.length)n.issue=s.issues[0],n.childContext=(0,e.A)((0,e.A)({},n.context),{},{issue:n.issue}),n.childConfig=(0,e.A)({type:"issue"},n.config.issue);else if(s.subscriptions.length){const d=s.subscriptions[0],v=yield n.purpleService.getPrice(d.productId);n.subscription=R.r.toSubscriptionsWithPrice(d,v)[0],n.childContext=(0,e.A)((0,e.A)({},n.context),{},{subscription:n.subscription}),n.childConfig=(0,e.A)({type:"subscription"},n.config.subscription)}else{if(!s.publicationProducts.length)throw{code:a.ERROR_CODE.UNKNOWN_PRODUCT};n.publicationProduct=s.publicationProducts[0],n.childContext=(0,e.A)({},n.context),n.childConfig=(0,e.A)((0,e.A)({type:"publication-completion"},n.config.publicationCompletion),{},{productFilter:{productId:{value:C}}})}}catch(s){let d=s;null!=s&&s.code||(d=(0,e.A)((0,e.A)({},s),{},{code:a.ERROR_CODE.UNKNOWN})),n.store.dispatch((0,O.k4)({url:window.location.href,key:"".concat(n.getTrackingBaseKey(),"_LOAD_FAILED"),params:{error:d.code,productId:C}})),n.childConfig=(0,e.A)({},n.config.fallback),n.childContext=(0,e.A)((0,e.A)({},n.context),{},{error:d.code})}n.changeDetectorRef.markForCheck()})()}getConfigEscapeProperties(){return[...super.getConfigEscapeProperties(),"fallback"]}}return(c=u).type="product",c.\u0275fac=(()=>{let r;return function(n){return(r||(r=i.xGo(c)))(n||c)}})(),c.\u0275cmp=i.VBU({type:c,selectors:[["storefront-product"]],standalone:!1,features:[i.Jv_([m.B]),i.Vt3],decls:1,vars:1,consts:[[3,"pxpDynamicComponent","baseContext","baseConfig"]],template:function(l,n){1&l&&i.DNE(0,N,1,2,null,0),2&l&&i.vxM(n.childConfig?0:-1)},dependencies:[D.q],encapsulation:2}),u})(),B=(()=>{var c;class u{}return(c=u).\u0275fac=function(l){return new(l||c)},c.\u0275mod=i.$C({type:c}),c.\u0275inj=i.G2t({imports:[h.MD]}),u})();const S=F}}]);