@pronto-tools-and-more/files 13.3.0 → 13.5.0

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:(Zt,x,p)=>{p.r(x),p.d(x,{MenuModule:()=>Ut,component:()=>Wt});var s=p(177),v=p(467),c=p(9379),L=p(9079),T=(p(4404),p(5343)),_=p(3726),D=p(7786),h=p(5964),N=p(6697),G=p(4452),b=p(9745),f=p(8251),M=p(7467),R=p(1210),d=p(2853),H=p(7879),t=p(4438),k=p(9516),B=p(5204),F=p(5102),A=p(1652),y=p(5927);const $=["menuItem"],P=(o,a,n)=>({items:o,depth:a,leanDom:n}),X=(o,a)=>({items:o,depth:0,leanDom:a});function V(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function j(o,a){if(1&o&&(t.qex(0),t.DNE(1,V,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function w(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function Y(o,a){if(1&o&&(t.qex(0),t.DNE(1,w,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function O(o,a){if(1&o&&(t.j41(0,"div",8),t.DNE(1,j,2,1,"ng-container",2)(2,Y,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 z(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function U(o,a){if(1&o&&(t.qex(0),t.DNE(1,z,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,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function Q(o,a){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 J(o,a){if(1&o&&(t.j41(0,"div",13),t.DNE(1,U,2,1,"ng-container",2)(2,Q,2,1,"ng-container",2),t.k0s()),2&o){const n=a.$implicit,e=t.XpG(2);t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function K(o,a){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const i=t.XpG();return t.Njj(i.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,O,3,2,"div",6)(5,J,3,3,"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 Z(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function q(o,a){if(1&o&&(t.qex(0),t.DNE(1,Z,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function tt(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function et(o,a){if(1&o&&(t.qex(0),t.DNE(1,tt,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function nt(o,a){if(1&o&&(t.j41(0,"div",8),t.DNE(1,q,2,1,"ng-container",2)(2,et,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 ot(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function it(o,a){if(1&o&&(t.qex(0),t.DNE(1,ot,1,2,"storefront-button",20),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",!n)}}function mt(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function at(o,a){if(1&o&&(t.qex(0),t.DNE(1,mt,1,2,"div",21),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",n)}}function rt(o,a){1&o&&t.eu8(0)}function pt(o,a){if(1&o&&(t.qex(0),t.j41(1,"ul",22),t.DNE(2,rt,1,0,"ng-container",23),t.k0s(),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(),i=e.depth,m=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,P,n.childItems,i+1,m))}}function ut(o,a){if(1&o&&(t.j41(0,"li",19,1),t.DNE(2,it,2,1,"ng-container",2)(3,at,2,1,"ng-container",2)(4,pt,3,6,"ng-container",2),t.k0s()),2&o){const n=a.$implicit,e=t.XpG(),i=e.depth,m=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.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.Y8G("ngIf",!m),t.R7$(),t.Y8G("ngIf",m),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function st(o,a){1&o&&t.DNE(0,ut,5,7,"li",18),2&o&&t.Y8G("ngForOf",a.items)}function lt(o,a){1&o&&t.eu8(0)}function ct(o,a){if(1&o&&(t.j41(0,"ul",13),t.DNE(1,lt,1,0,"ng-container",23),t.k0s()),2&o){const n=a.$implicit;t.XpG();const e=t.sdS(5),i=t.XpG();t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(3,X,n.items,i.domHelper.leanDom))}}function _t(o,a){if(1&o){const n=t.RV6();t.qex(0),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,nt,3,2,"div",6)(4,st,1,1,"ng-template",null,0,t.C5r)(6,ct,2,6,"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 dt(o){var a;const n=new Set(null===(a=o.items)||void 0===a?void 0:a.map(m=>(0,c.A)((0,c.A)({},m),{},{childItems:[],depth:-1}))),e=new Map([...n.values()].map(m=>[m.id,m]));for(const m of n)if(m.parentId&&m.parentId!==o.id){if(!e.has(m.parentId))throw new Error("Menu ".concat(o.name,": no parent item with id ").concat(m.parentId," found"));e.get(m.parentId).childItems.push(m),n.delete(m)}const i=(m,r)=>{m.depth=r,m.childItems.forEach(u=>i(u,r+1))};return n.forEach(m=>i(m,0)),(0,c.A)((0,c.A)({},o),{},{items:[...n]})}let I=(()=>{var o;class a extends R.${constructor(e,i,m,r,u,l,g,Qt,E,Jt,Kt){super(i,e,m,u,E),this.elementRef=e,this.injector=i,this.contextService=m,this.appMenuService=r,this.document=u,this.store=l,this.destroyRef=g,this.purpleService=Qt,this.globalService=E,this.purpleEnv=Jt,this.domHelper=Kt,this.defaultConfig=(0,c.A)({},d.ge),this.show=!1,this.fadeOutActive=!1,this.menus=[]}ngOnInit(){super.ngOnInit()}onConfigChanges(){var e=this;return(0,v.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,h.p)(e=>!!e&&e.length>0&&this.dataSource.hasData()),(0,L.pQ)(this.destroyRef)),e=>{try{this.menus=e.map(dt)}catch(i){console.error(i)}this.changeDetectorRef.detectChanges(),this.setupEventListeners()},T.l,T.l,"data")}handleConfigureOrResetDataSource(){this.dataSource?this.dataSource.hasConfigChanged(this.config.dataSource)&&(this.dataSource.setConfig(this.config.dataSource),this.dataSource.reset()):this.dataSource=(0,G.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 i,m;e!==this.show&&(!e&&(null===(i=this.config)||void 0===i?void 0:i.template)!==d.oH.STATIC&&(null===(m=this.config)||void 0===m?void 0:m.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 m=this.getSubMenuBehaviour();switch(m){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: "+m)}}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,m){if(this.isRightButton(e)){e.preventDefault(),e.stopPropagation();const u=this.getCurrentItems(m).findIndex(l=>l.id===i.id);m.currentItemsPath=m.currentItemsPath||[],m.currentItemsPath.push(u)}else this.isLeftButton(e)?(e.preventDefault(),e.stopPropagation(),m.currentItemsPath.pop()):this.appMenuService.setOpen(!1)}getButtonConfig(e,i,m){var r,u,l;const g=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:g,iconLeft:(null==m||null===(l=m.currentItemsPath)||void 0===l?void 0:l.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===d.F9.close&&this.close()}getCurrentItems(e){let i=e.items;return e.currentItemsPath=e.currentItemsPath||[],e.currentItemsPath.forEach(m=>{i[m].childItems.length>0&&(i=i[m].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 m=e.nativeElement,r=this.getMenuItemById(m.getAttribute("item-id"));null!==r&&this.isRootSubMenu(r)&&"onMouseHover"===i&&(0,M.Y)().isDesktop&&((0,_.R)(m,"mouseenter").subscribe(u=>this.onMenuItemMouseEnter(u,r)),(0,_.R)(m,"mouseleave").subscribe(u=>this.onMenuItemMouseLeave(u,r)))}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:b.H.NAVIGATE,path:e.url}:{type:b.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(m=>{m.items.forEach(r=>{i||(i=this.getMenuItemByIdRecursive(r,e))})}),i}getMenuItemByIdRecursive(e,i){let m=null;return e.id===i&&(m=e),e.childItems.forEach(r=>{m||(m=this.getMenuItemByIdRecursive(r,i))}),m}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,D.h)((0,_.R)(this.document,"touchstart",{passive:!1}),(0,_.R)(this.document,"click",{passive:!1})).pipe((0,h.p)(i=>this.expandedMenuItemId===e.id&&!this.elementRef.nativeElement.contains(i.target)),(0,N.s)(1)).subscribe(i=>{this.closeSubMenu(e)})}}return(o=a).\u0275fac=function(e){return new(e||o)(t.rXU(t.aKT),t.rXU(t.zZn),t.rXU(k.V),t.rXU(B.I),t.rXU(s.qQ),t.rXU(f.B),t.rXU(t.abz),t.rXU(F.Wj),t.rXU(A.d),t.rXU(H.r6),t.rXU(y.S))},o.\u0275cmp=t.VBU({type:o,selectors:[["storefront-menu"]],viewQuery:function(e,i){if(1&e&&t.GBs($,5),2&e){let m;t.mGM(m=t.lsd())&&(i.menuItems=m)}},hostVars:2,hostBindings:function(e,i){2&e&&t.AVh("menu-fade-out",i.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,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[3,"click","baseContext","baseConfig"],["class","pxp-button",3,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[1,"pxp-button",3,"click","baseContext","baseConfig"],[1,"menu-content"],[3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[3,"onButtonTap","baseConfig"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[1,"pxp-button",3,"onButtonTap","baseConfig"],[3,"ngClass",4,"ngFor","ngForOf"],[3,"ngClass"],[3,"baseConfig","onButtonTap",4,"ngIf"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngIf"],[1,"menu-item-children"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&t.DNE(0,K,6,2,"ng-container",2)(1,_t,7,2,"ng-container",2),2&e&&(t.Y8G("ngIf",("SLIDE_IN_LEFT"===i.template||"SLIDE_IN_RIGHT"===i.template)&&i.show),t.R7$(),t.Y8G("ngIf","STATIC"===i.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}),a})();var ft=p(9805),C=p(395),S=p(4336);const It=["class","pxp-menu"],gt=(o,a,n)=>({items:o,depth:a,leanDom:n}),xt=(o,a)=>({items:o,depth:0,leanDom:a});function Tt(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function ht(o,a){if(1&o&&(t.qex(0),t.DNE(1,Tt,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function bt(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function Ct(o,a){if(1&o&&(t.qex(0),t.DNE(1,bt,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function St(o,a){if(1&o&&(t.j41(0,"div",8),t.DNE(1,ht,2,1,"ng-container",2)(2,Ct,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 Et(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function vt(o,a){if(1&o&&(t.qex(0),t.DNE(1,Et,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 Lt(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function Dt(o,a){if(1&o&&(t.qex(0),t.DNE(1,Lt,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 Nt(o,a){if(1&o&&(t.j41(0,"div",13),t.DNE(1,vt,2,1,"ng-container",2)(2,Dt,2,1,"ng-container",2),t.k0s()),2&o){const n=a.$implicit,e=t.XpG(2);t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function Gt(o,a){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const i=t.XpG();return t.Njj(i.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,St,3,2,"div",6)(5,Nt,3,3,"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 Mt(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function Rt(o,a){if(1&o&&(t.qex(0),t.DNE(1,Mt,1,2,"storefront-button",9),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function Ht(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function kt(o,a){if(1&o&&(t.qex(0),t.DNE(1,Ht,1,2,"div",11),t.bVm()),2&o){const n=t.XpG(3);t.R7$(),t.Y8G("ngForOf",n.menuActions)}}function Bt(o,a){if(1&o&&(t.j41(0,"div",8),t.DNE(1,Rt,2,1,"ng-container",2)(2,kt,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 Ft(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function At(o,a){if(1&o&&(t.qex(0),t.DNE(1,Ft,1,2,"storefront-button",20),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",!n)}}function yt(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function $t(o,a){if(1&o&&(t.qex(0),t.DNE(1,yt,1,2,"div",21),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",n)}}function Pt(o,a){1&o&&t.eu8(0)}function Xt(o,a){if(1&o&&(t.qex(0),t.j41(1,"ul",22),t.DNE(2,Pt,1,0,"ng-container",23),t.k0s(),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(),i=e.depth,m=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,gt,n.childItems,i+1,m))}}function Vt(o,a){if(1&o&&(t.j41(0,"li",19,1),t.DNE(2,At,2,1,"ng-container",2)(3,$t,2,1,"ng-container",2)(4,Xt,3,6,"ng-container",2),t.k0s()),2&o){const n=a.$implicit,e=t.XpG(),i=e.depth,m=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.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.Y8G("ngIf",!m),t.R7$(),t.Y8G("ngIf",m),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function jt(o,a){1&o&&t.DNE(0,Vt,5,7,"li",18),2&o&&t.Y8G("ngForOf",a.items)}function wt(o,a){1&o&&t.eu8(0)}function Yt(o,a){if(1&o&&(t.j41(0,"ul",13),t.DNE(1,wt,1,0,"ng-container",23),t.k0s()),2&o){const n=a.$implicit;t.XpG();const e=t.sdS(5),i=t.XpG();t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(3,xt,n.items,i.domHelper.leanDom))}}function Ot(o,a){if(1&o){const n=t.RV6();t.qex(0),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,Bt,3,2,"div",6)(4,jt,1,1,"ng-template",null,0,t.C5r)(6,Yt,2,6,"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 zt=(()=>{var o;class a extends I{}return(o=a).\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_([f.B]),t.Vt3],attrs:It,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,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[3,"click","baseContext","baseConfig"],["class","pxp-button",3,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[1,"pxp-button",3,"click","baseContext","baseConfig"],[1,"menu-content"],[3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[3,"onButtonTap","baseConfig"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[1,"pxp-button",3,"onButtonTap","baseConfig"],[3,"ngClass",4,"ngFor","ngForOf"],[3,"ngClass"],[3,"baseConfig","onButtonTap",4,"ngIf"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngIf"],[1,"menu-item-children"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&t.DNE(0,Gt,6,2,"ng-container",2)(1,Ot,7,2,"ng-container",2),2&e&&(t.Y8G("ngIf",("SLIDE_IN_LEFT"===i.template||"SLIDE_IN_RIGHT"===i.template)&&i.show),t.R7$(),t.Y8G("ngIf","STATIC"===i.template))},dependencies:[s.YU,s.Sq,s.bT,s.T3,C.Q,S.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}),a})(),Ut=(()=>{var o;class a{}return(o=a).\u0275fac=function(e){return new(e||o)},o.\u0275mod=t.$C({type:o}),o.\u0275inj=t.G2t({imports:[s.MD,ft.ButtonModule]}),a})();t.wjB(I,[s.YU,s.Sq,s.bT,s.T3,C.Q,S.U],[]);const Wt={component:I,leanDomComponent:zt}}}]);
+"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),M=p(7467),R=p(1210),d=p(2853),k=p(7879);const H=["menuItem"],B=(o,a,n)=>({items:o,depth:a,leanDom:n}),F=(o,a)=>({items:o,depth:0,leanDom:a});function A(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function y(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function P(o,a){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,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function j(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function Y(o,a){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,a){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=a.$implicit,e=t.XpG(2);t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function z(o,a){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const i=t.XpG();return t.Njj(i.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,X,3,2,"div",6)(5,O,3,3,"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,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function Q(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function J(o,a){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,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function K(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function et(o,a){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,a){1&o&&t.eu8(0)}function ot(o,a){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(),i=e.depth,m=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,B,n.childItems,i+1,m))}}function it(o,a){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=a.$implicit,e=t.XpG(),i=e.depth,m=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.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.Y8G("ngIf",!m),t.R7$(),t.Y8G("ngIf",m),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function mt(o,a){1&o&&t.DNE(0,it,5,7,"li",18),2&o&&t.Y8G("ngForOf",a.items)}function at(o,a){1&o&&t.eu8(0)}function rt(o,a){if(1&o&&(t.j41(0,"ul",13),t.DNE(1,at,1,0,"ng-container",23),t.k0s()),2&o){const n=a.$implicit;t.XpG();const e=t.sdS(5),i=t.XpG();t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(3,F,n.items,i.domHelper.leanDom))}}function pt(o,a){if(1&o){const n=t.RV6();t.qex(0),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,Z,3,2,"div",6)(4,mt,1,1,"ng-template",null,0,t.C5r)(6,rt,2,6,"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 a;const n=new Set(null===(a=o.items)||void 0===a?void 0:a.map(m=>(0,l.A)((0,l.A)({},m),{},{childItems:[],depth:-1}))),e=new Map([...n.values()].map(m=>[m.id,m]));for(const m of n)if(m.parentId&&m.parentId!==o.id){if(!e.has(m.parentId))throw new Error("Menu ".concat(o.name,": no parent item with id ").concat(m.parentId," found"));e.get(m.parentId).childItems.push(m),n.delete(m)}const i=(m,r)=>{m.depth=r,m.childItems.forEach(u=>i(u,r+1))};return n.forEach(m=>i(m,0)),(0,l.A)((0,l.A)({},o),{},{items:[...n]})}let I=(()=>{var o;class a extends R.${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)(k.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(i){console.error(i)}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 i,m;e!==this.show&&(!e&&(null===(i=this.config)||void 0===i?void 0:i.template)!==d.oH.STATIC&&(null===(m=this.config)||void 0===m?void 0:m.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 m=this.getSubMenuBehaviour();switch(m){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: "+m)}}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,m){if(this.isRightButton(e)){e.preventDefault(),e.stopPropagation();const u=this.getCurrentItems(m).findIndex(c=>c.id===i.id);m.currentItemsPath=m.currentItemsPath||[],m.currentItemsPath.push(u)}else this.isLeftButton(e)?(e.preventDefault(),e.stopPropagation(),m.currentItemsPath.pop()):this.appMenuService.setOpen(!1)}getButtonConfig(e,i,m){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==m||null===(c=m.currentItemsPath)||void 0===c?void 0:c.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===d.F9.close&&this.close()}getCurrentItems(e){let i=e.items;return e.currentItemsPath=e.currentItemsPath||[],e.currentItemsPath.forEach(m=>{i[m].childItems.length>0&&(i=i[m].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 m=e.nativeElement,r=this.getMenuItemById(m.getAttribute("item-id"));null!==r&&this.isRootSubMenu(r)&&"onMouseHover"===i&&(0,M.Y)().isDesktop&&((0,_.R)(m,"mouseenter").subscribe(u=>this.onMenuItemMouseEnter(u,r)),(0,_.R)(m,"mouseleave").subscribe(u=>this.onMenuItemMouseLeave(u,r)))}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(m=>{m.items.forEach(r=>{i||(i=this.getMenuItemByIdRecursive(r,e))})}),i}getMenuItemByIdRecursive(e,i){let m=null;return e.id===i&&(m=e),e.childItems.forEach(r=>{m||(m=this.getMenuItemByIdRecursive(r,i))}),m}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)(i=>this.expandedMenuItemId===e.id&&!this.elementRef.nativeElement.contains(i.target)),(0,L.s)(1)).subscribe(i=>{this.closeSubMenu(e)})}}return(o=a).\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(H,5),2&e){let m;t.mGM(m=t.lsd())&&(i.menuItems=m)}},hostVars:2,hostBindings:function(e,i){2&e&&t.AVh("menu-fade-out",i.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,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[3,"click","baseContext","baseConfig"],["class","pxp-button",3,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[1,"pxp-button",3,"click","baseContext","baseConfig"],[1,"menu-content"],[3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[3,"onButtonTap","baseConfig"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[1,"pxp-button",3,"onButtonTap","baseConfig"],[3,"ngClass",4,"ngFor","ngForOf"],[3,"ngClass"],[3,"baseConfig","onButtonTap",4,"ngIf"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngIf"],[1,"menu-item-children"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){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"===i.template||"SLIDE_IN_RIGHT"===i.template)&&i.show),t.R7$(),t.Y8G("ngIf","STATIC"===i.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}),a})();var st=p(9805),b=p(395),C=p(4336);const lt=["class","pxp-menu"],ct=(o,a,n)=>({items:o,depth:a,leanDom:n}),_t=(o,a)=>({items:o,depth:0,leanDom:a});function dt(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function ft(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function gt(o,a){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,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function ht(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){const m=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(i,m,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,i=t.XpG(2).$implicit,m=t.XpG(2);t.Y8G("baseConfig",m.getButtonConfig(n,e,i)),t.BMQ("title",n.description)}}function Ct(o,a){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,a){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=a.$implicit,e=t.XpG(2);t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function Et(o,a){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const i=t.XpG();return t.Njj(i.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(i){return t.eBV(n),t.Njj(i.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,xt,3,2,"div",6)(5,St,3,3,"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,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function Lt(o,a){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,a){if(1&o){const n=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(n).$implicit,m=t.XpG(4);return t.Njj(m.topMenuAction(i))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.baseContext)("baseConfig",n.content)}}function Nt(o,a){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,a){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 Mt(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",15),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function Rt(o,a){if(1&o&&(t.qex(0),t.DNE(1,Mt,1,2,"storefront-button",20),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",!n)}}function kt(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(i){t.eBV(n);const m=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(i,m))}),t.k0s()}if(2&o){const n=t.XpG(2).$implicit,e=t.XpG(3);t.Y8G("baseConfig",e.getButtonConfig(n)),t.BMQ("title",n.description)}}function Ht(o,a){if(1&o&&(t.qex(0),t.DNE(1,kt,1,2,"div",21),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",n)}}function Bt(o,a){1&o&&t.eu8(0)}function Ft(o,a){if(1&o&&(t.qex(0),t.j41(1,"ul",22),t.DNE(2,Bt,1,0,"ng-container",23),t.k0s(),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(),i=e.depth,m=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,ct,n.childItems,i+1,m))}}function At(o,a){if(1&o&&(t.j41(0,"li",19,1),t.DNE(2,Rt,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=a.$implicit,e=t.XpG(),i=e.depth,m=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.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.Y8G("ngIf",!m),t.R7$(),t.Y8G("ngIf",m),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function yt(o,a){1&o&&t.DNE(0,At,5,7,"li",18),2&o&&t.Y8G("ngForOf",a.items)}function $t(o,a){1&o&&t.eu8(0)}function Pt(o,a){if(1&o&&(t.j41(0,"ul",13),t.DNE(1,$t,1,0,"ng-container",23),t.k0s()),2&o){const n=a.$implicit;t.XpG();const e=t.sdS(5),i=t.XpG();t.BMQ("menu-name",n.name),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(3,_t,n.items,i.domHelper.leanDom))}}function Xt(o,a){if(1&o){const n=t.RV6();t.qex(0),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,Gt,3,2,"div",6)(4,yt,1,1,"ng-template",null,0,t.C5r)(6,Pt,2,6,"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 a extends I{}return(o=a).\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_([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,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[3,"click","baseContext","baseConfig"],["class","pxp-button",3,"baseContext","baseConfig","click",4,"ngFor","ngForOf"],[1,"pxp-button",3,"click","baseContext","baseConfig"],[1,"menu-content"],[3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[3,"onButtonTap","baseConfig"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngFor","ngForOf"],[1,"pxp-button",3,"onButtonTap","baseConfig"],[3,"ngClass",4,"ngFor","ngForOf"],[3,"ngClass"],[3,"baseConfig","onButtonTap",4,"ngIf"],["class","pxp-button",3,"baseConfig","onButtonTap",4,"ngIf"],[1,"menu-item-children"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){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"===i.template||"SLIDE_IN_RIGHT"===i.template)&&i.show),t.R7$(),t.Y8G("ngIf","STATIC"===i.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}),a})(),jt=(()=>{var o;class a{}return(o=a).\u0275fac=function(e){return new(e||o)},o.\u0275mod=t.$C({type:o}),o.\u0275inj=t.G2t({imports:[s.MD,st.ButtonModule]}),a})();t.wjB(I,[s.YU,s.Sq,s.bT,s.T3,b.Q,C.U],[]);const wt={component:I,leanDomComponent:Vt}}}]);

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

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_publication-completion_publication-completion_module_ts.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_publication-completion_publication-completion_module_ts"],{2932:(N,T,i)=>{i.d(T,{h:()=>R,q:()=>S});var u=i(177),r=i(4438),p=i(8251),b=i(8890),h=i(9516),E=i(9876),f=i(5102),x=i(3307),c=i(5927),P=i(3647);const L=["image"],d=(_,O,g)=>({imgRef:_,imageResolutionStrategy:O,focalPoint:g});function A(_,O){if(1&_){const g=r.RV6();r.j41(0,"img",2,0),r.nI1(2,"sanitizeUrl"),r.bIt("error",function(){r.eBV(g);const a=r.XpG();return r.Njj(a.onError())}),r.k0s()}if(2&_){const g=r.XpG();r.Y8G("priority",g.lcpPrioritized()||g.inViewPort())("ngSrc",r.i5U(2,6,g.src,"resourceUrl"))("alt",g.alt)("title",g.title)("loaderParams",r.sMw(9,d,g.elementRef.nativeElement,g.imageResolutionStrategy,g.focalPoint)),r.BMQ("aria-label",g.ariaLabel)}}let R=(()=>{var _;class O{get regularSrc(){return this.domHelper.regularSelector(this.src)}get prefixedPostType(){return this.domHelper.prefixedSelector(this.src)}get regularLabel(){return this.domHelper.regularSelector(this.label)}get prefixedLabel(){return this.domHelper.prefixedSelector(this.label)}get regularResolutionStrategy(){return this.domHelper.regularSelector(this.imageResolutionStrategy)}get prefixedResolutionStrategy(){return this.domHelper.prefixedSelector(this.imageResolutionStrategy)}set image(s){s&&this.onLoad(s),this._image=s}get image(){return this._image}get regularAlt(){return this.domHelper.regularSelector(this.alt)}get prefixedAlt(){return this.domHelper.prefixedSelector(this.alt)}get regularTitle(){return this.domHelper.regularSelector(this.title)}get prefixedTitle(){return this.domHelper.prefixedSelector(this.title)}get regularAriaLabel(){return this.domHelper.regularSelector(this.ariaLabel)}get prefixedAriaLabel(){return this.domHelper.prefixedSelector(this.ariaLabel)}get regularFocalPoint(){return this.domHelper.regularSelector(this.focalPoint)}get prefixedFocalPoint(){return this.domHelper.prefixedSelector(this.focalPoint)}get regularHeightStrategy(){return this.domHelper.regularSelector(this.height)}get prefixedHeightStrategy(){return this.domHelper.prefixedSelector(this.height)}constructor(s,a,v,y,F,t,X,k){this.changeDetectorRef=s,this.elementRef=a,this.subscriptions=v,this.platformId=y,this.contextService=F,this.purpleService=t,this.imagePreloaderService=X,this.domHelper=k,this.inViewPort=(0,r.vPA)(!1),this.lcpPrioritized=(0,r.hFB)(!1),this.error=new r.bkB,this.height=S.AUTO,(0,u.UE)(this.platformId)&&this.subscriptions.subscribe((0,b.eh)(this,this.elementRef),z=>this.load())}get empty(){return!this.src}ngOnInit(){var s;(0,u.UE)(this.platformId)&&(this.imagePreloaderService.getAboveFoldImg()===(null===(s=this.src)||void 0===s?void 0:s.split("?")[0])&&this.inViewPort.set(!0));this.initProperties()}initProperties(){var s,a,v,y;this.alt=(null===(s=this.extendedThumbnail)||void 0===s?void 0:s.properties.alt)||(null===(a=this.extendedThumbnail)||void 0===a?void 0:a.properties.caption)||"",this.title=this.alt,this.ariaLabel=null!==(v=this.label)&&void 0!==v?v:this.alt,this.focalPoint=null===(y=this.extendedThumbnail)||void 0===y?void 0:y.properties.focuspoint}initAndLoad(){this.initProperties(),this.load()}load(){this.loaded||(this.loaded=!0,this.src&&this.update(),this.changeDetectorRef.detectChanges())}ngOnChanges(s){s.src&&this.loaded&&this.update()}update(){this.updateImageRatio()}onLoad(s){s.nativeElement.classList.add("loaded"),this.elementRef.nativeElement.classList.add("loaded"),this.changeDetectorRef.detectChanges(),s.nativeElement.addEventListener("load",()=>{this.updateImageRatio(!0,s),this.changeDetectorRef.markForCheck()}),s.nativeElement.addEventListener("error",function(){s.nativeElement.style.display="none",s.nativeElement.nextElementSibling&&(s.nativeElement.nextElementSibling.style.display="inline")}),this.purpleService.addImageSrc(this.resizeSrc)}onError(){if(!this.src)return;const s=this.purpleService.getAlternativeSrc(this.resizeSrc);var a;s&&s!==this.resizeSrc?(this.setResizeSrc(s),this.changeDetectorRef.detectChanges()):(null===(a=this.image)||void 0===a||a.nativeElement.classList.add("error"),this.elementRef.nativeElement.classList.add("error"),this.error.emit(this))}updateImageRatio(s=!1,a=this.image){this.imageRatio=this.height===S.AUTO?(0,E.z)(!s,null==a?void 0:a.nativeElement,this.src)+"%":void 0}setResizeSrc(s){const a=this.contextService.toResourceUrl(s);this.resizeSrc=this.src=a}}return(_=O).\u0275fac=function(s){return new(s||_)(r.rXU(r.gRc),r.rXU(r.aKT),r.rXU(p.v),r.rXU(r.Agw),r.rXU(h.V),r.rXU(f.Wj),r.rXU(x.d),r.rXU(c.S))},_.\u0275cmp=r.VBU({type:_,selectors:[["storefront-image"]],viewQuery:function(s,a){if(1&s&&r.GBs(L,5),2&s){let v;r.mGM(v=r.lsd())&&(a.image=v.first)}},hostAttrs:["ngSkipHydration","true"],hostVars:20,hostBindings:function(s,a){2&s&&(r.BMQ("src",a.regularSrc)("data-pxp-src",a.prefixedPostType)("label",a.regularLabel)("data-pxp-label",a.prefixedLabel)("resolution-strategy",a.regularResolutionStrategy)("data-pxp-resolution-strategy",a.prefixedResolutionStrategy)("alt",a.regularAlt)("data-pxp-alt",a.prefixedAlt)("title",a.regularTitle)("data-pxp-title",a.prefixedTitle)("aria-label",a.regularAriaLabel)("data-pxp-aria-label",a.prefixedAriaLabel)("focal-point",a.regularFocalPoint)("data-pxp-focal-point",a.prefixedFocalPoint)("height-strategy",a.regularHeightStrategy)("data-pxp-height-strategy",a.prefixedHeightStrategy),r.xc7("padding-top",a.imageRatio),r.AVh("empty",a.empty))},inputs:{src:"src",label:"label",extendedThumbnail:"extendedThumbnail",imageResolutionStrategy:"imageResolutionStrategy",lcpPrioritized:[1,"lcpPrioritized"],height:"height"},outputs:{error:"error"},standalone:!1,features:[r.Jv_([p.v,{provide:u.WM,useFactory:(g,s)=>a=>{var v;const y=null==a||null===(v=a.loaderParams)||void 0===v?void 0:v.imgRef;if(y.offsetWidth){var F,t;const X=null==a||null===(F=a.loaderParams)||void 0===F?void 0:F.imageResolutionStrategy,k=(null==a||null===(t=a.loaderParams)||void 0===t?void 0:t.focalPoint)||"",z=s.toResourceUrl((0,E.G)(y,a.src,X,k));return g.resizeSrc=z,z}return""},deps:[_,h.V]}]),r.OA$],decls:1,vars:1,consts:[["image",""],["fill","true","disableOptimizedSrcset","",3,"priority","ngSrc","alt","title","loaderParams"],["fill","true","disableOptimizedSrcset","",3,"error","priority","ngSrc","alt","title","loaderParams"]],template:function(s,a){1&s&&r.DNE(0,A,3,13,"img",1),2&s&&r.vxM(a.src&&a.loaded?0:-1)},dependencies:[u.kt,P.R],styles:["storefront-image,.pxp-image{display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--imageLoadingColor);transition:.2s background-color ease-in}storefront-image[height-strategy=FIXED]>img,storefront-image[data-pxp-height-strategy=FIXED]>img,storefront-image[height-strategy=AUTO]>img,storefront-image[data-pxp-height-strategy=AUTO]>img,.pxp-image[height-strategy=FIXED]>img,.pxp-image[data-pxp-height-strategy=FIXED]>img,.pxp-image[height-strategy=AUTO]>img,.pxp-image[data-pxp-height-strategy=AUTO]>img{position:absolute;width:auto;max-width:100%;top:0;object-fit:contain}storefront-image[height-strategy=DEFAULT]>img,storefront-image[data-pxp-height-strategy=DEFAULT]>img,.pxp-image[height-strategy=DEFAULT]>img,.pxp-image[data-pxp-height-strategy=DEFAULT]>img{position:static!important}storefront-image.img-with-hidden-alt,.pxp-image.img-with-hidden-alt{content:attr(data-alt);display:none}storefront-image>img,.pxp-image>img{display:block;transition:opacity .2s ease-in,background-color .2s ease-in;background-color:#fff0;max-width:100%;max-height:100%;opacity:0}storefront-image>img.loaded,.pxp-image>img.loaded{opacity:1;background-color:var(--imageBackgroundColor)}storefront-image.loaded,.pxp-image.loaded{background:#fff0}\n"],encapsulation:2,changeDetection:0}),O})();var S=function(_){return _.AUTO="AUTO",_.FIXED="FIXED",_.DEFAULT="DEFAULT",_}(S||{})},1302:(N,T,i)=>{i.d(T,{x:()=>c});var u=i(8251),r=i(2932),p=i(4438),b=i(177),h=i(3647);const E=["class","pxp-image"],f=(P,L,d)=>({imgRef:P,imageResolutionStrategy:L,focalPoint:d});function x(P,L){if(1&P){const d=p.RV6();p.j41(0,"img",2,0),p.nI1(2,"sanitizeUrl"),p.bIt("error",function(){p.eBV(d);const R=p.XpG();return p.Njj(R.onError())}),p.k0s()}if(2&P){const d=p.XpG();p.Y8G("priority",d.lcpPrioritized()||d.inViewPort())("ngSrc",p.i5U(2,6,d.src,"resourceUrl"))("alt",d.alt)("title",d.title)("loaderParams",p.sMw(9,f,d.elementRef.nativeElement,d.imageResolutionStrategy,d.focalPoint)),p.BMQ("aria-label",d.ariaLabel)}}let c=(()=>{var P;class L extends r.h{}return(P=L).\u0275fac=(()=>{let d;return function(R){return(d||(d=p.xGo(P)))(R||P)}})(),P.\u0275cmp=p.VBU({type:P,selectors:[["div",8,"pxp-image"]],hostAttrs:["ngSkipHydration","true"],standalone:!1,features:[p.Jv_([u.v]),p.Vt3],attrs:E,decls:1,vars:1,consts:[["image",""],["fill","true","disableOptimizedSrcset","",3,"priority","ngSrc","alt","title","loaderParams"],["fill","true","disableOptimizedSrcset","",3,"error","priority","ngSrc","alt","title","loaderParams"]],template:function(A,R){1&A&&p.DNE(0,x,3,13,"img",1),2&A&&p.vxM(R.src&&R.loaded?0:-1)},dependencies:[b.kt,h.R],styles:["storefront-image,.pxp-image{display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--imageLoadingColor);transition:.2s background-color ease-in}storefront-image[height-strategy=FIXED]>img,storefront-image[data-pxp-height-strategy=FIXED]>img,storefront-image[height-strategy=AUTO]>img,storefront-image[data-pxp-height-strategy=AUTO]>img,.pxp-image[height-strategy=FIXED]>img,.pxp-image[data-pxp-height-strategy=FIXED]>img,.pxp-image[height-strategy=AUTO]>img,.pxp-image[data-pxp-height-strategy=AUTO]>img{position:absolute;width:auto;max-width:100%;top:0;object-fit:contain}storefront-image[height-strategy=DEFAULT]>img,storefront-image[data-pxp-height-strategy=DEFAULT]>img,.pxp-image[height-strategy=DEFAULT]>img,.pxp-image[data-pxp-height-strategy=DEFAULT]>img{position:static!important}storefront-image.img-with-hidden-alt,.pxp-image.img-with-hidden-alt{content:attr(data-alt);display:none}storefront-image>img,.pxp-image>img{display:block;transition:opacity .2s ease-in,background-color .2s ease-in;background-color:#fff0;max-width:100%;max-height:100%;opacity:0}storefront-image>img.loaded,.pxp-image>img.loaded{opacity:1;background-color:var(--imageBackgroundColor)}storefront-image.loaded,.pxp-image.loaded{background:#fff0}\n"],encapsulation:2,changeDetection:0}),L})()},4403:(N,T,i)=>{i.d(T,{U:()=>b});var u=i(177),r=i(4871),p=i(4438);let b=(()=>{var h;class E{}return(h=E).\u0275fac=function(x){return new(x||h)},h.\u0275mod=p.$C({type:h}),h.\u0275inj=p.G2t({imports:[u.MD,r.E]}),E})()},4365:(N,T,i)=>{i.d(T,{AN:()=>E,FZ:()=>f,Mw:()=>x,Rp:()=>h,W9:()=>b});var u=i(4404),b=function(c){return c.COVER="cover",c.CARD="card",c.HIGHLIGHT="highlight",c.DETAILS="details",c.GROUP="group",c}(b||{});const h={showErrorDialog:!0};var E=function(c){return c.SINGLE="SINGLE",c.MULTI="MULTI",c}(E||{}),f=function(c){return c.SILENT="SILENT",c}(f||{});const x={template:b.CARD,openContent:{mode:u.DisplayMode.MODAL,titleBar:!0},downloadOptions:null,customButtons:[],customMessages:[],titleMessage:"ISSUE_TITLE",descriptionMessage:"ISSUE_DESCRIPTION",publicationTitleMessage:"ISSUE_PUBLICATION_TITLE"}},944:(N,T,i)=>{i.r(T),i.d(T,{PublicationCompletionModule:()=>Nt,component:()=>Xt});var u=i(177),r=i(3),p=i(6483),b=i(9805),h=i(4403),E=i(6215),f=i(467),x=i(9379),c=i(4404),P=i(4572),L=i(8251),d=i(4004),A=i(4622),R=i(3178),S=i(8091),_=i(7879),O=i(1210),g=i(4365);const s={publicationId:null,fallback:null,titleMessage:"PUBLICATION_COMPLETION_TITLE",promotionTextMessage:"PUBLICATION_COMPLETION_PROMOTION_TEXT",purchaseButtonMessage:"PUBLICATION_COMPLETION_ACTION_PURCHASE",maxDisplayIssues:5,maxUnlockableIssues:1e3};var a=i(8179),v=i(5964),y=i(1739),F=i(950),t=i(4438),X=i(9516),k=i(8004),z=i(7010),Z=i(5102),w=i(1652),q=i(5927),$=i(8909),H=i(2932),Y=i(1302),j=i(7240),W=i(6962),K=i(2868);const V=e=>[e];function tt(e,l){1&e&&t.nrm(0,"div",7),2&e&&t.Y8G("src",l.$implicit.thumbnails.default)}function et(e,l){if(1&e&&t.DNE(0,tt,1,1,"div",9),2&e){const o=t.XpG(4);t.Y8G("ngForOf",o.displayedIssues)}}function ot(e,l){1&e&&t.nrm(0,"storefront-image",8),2&e&&t.Y8G("src",l.$implicit.thumbnails.default)}function nt(e,l){if(1&e&&t.DNE(0,ot,1,1,"storefront-image",10),2&e){const o=t.XpG(4);t.Y8G("ngForOf",o.displayedIssues)}}function it(e,l){if(1&e&&(t.j41(0,"div",6),t.DNE(1,et,1,1,"div",7)(2,nt,1,1,"storefront-image",8),t.k0s()),2&e){const o=t.XpG(3);t.R7$(),t.vxM(o.domHelper.leanDom?1:2)}}function at(e,l){1&e&&t.nrm(0,"div",11)}function rt(e,l){if(1&e&&t.DNE(0,at,1,0,"div",11),2&e){const o=t.XpG(3);t.vxM(o.purchaseLoading?0:-1)}}function lt(e,l){1&e&&t.nrm(0,"storefront-spinner",12)}function st(e,l){if(1&e&&t.DNE(0,lt,1,0,"storefront-spinner",12),2&e){const o=t.XpG(3);t.vxM(o.purchaseLoading?0:-1)}}function ct(e,l){if(1&e){const o=t.RV6();t.qex(0),t.DNE(1,it,3,1,"div",1),t.nrm(2,"h3",2)(3,"p",3),t.j41(4,"button",4),t.bIt("click",function(m){t.eBV(o);const C=t.XpG(2);return t.Njj(C.onClickPurchase(m))}),t.nrm(5,"span",5),t.DNE(6,rt,1,1)(7,st,1,1),t.k0s(),t.bVm()}if(2&e){const o=t.XpG(2);t.R7$(),t.Y8G("ngIf",o.displayedIssues),t.R7$(),t.Y8G("storefrontTranslate",o.config.titleMessage),t.R7$(),t.Y8G("storefrontTranslate",o.config.promotionTextMessage)("storefrontTranslateArgs",o.publicationCompletionArgs),t.R7$(),t.Y8G("disabled",o.purchaseLoading),t.R7$(),t.Y8G("storefrontTranslate",o.config.purchaseButtonMessage)("storefrontTranslateArgs",t.eq3(8,V,o.productPriceInfo.formattedPrice)),t.R7$(),t.vxM(o.domHelper.leanDom?6:7)}}function pt(e,l){}function mt(e,l){if(1&e&&(t.qex(0),t.DNE(1,pt,0,0,"ng-template",13),t.bVm()),2&e){const o=t.XpG(2);t.R7$(),t.Y8G("classNames","publication-completion-fallback")("baseContext",o.baseContext)("baseConfig",o.fallback)}}function ut(e,l){if(1&e&&(t.qex(0),t.nrm(1,"p",14),t.bVm()),2&e){const o=t.XpG(2);t.R7$(),t.Y8G("storefrontTranslateArgs",t.eq3(1,V,o.error.code))}}function gt(e,l){if(1&e&&(t.qex(0),t.DNE(1,ct,8,10,"ng-container",0)(2,mt,2,3,"ng-container",0)(3,ut,2,3,"ng-container",0),t.bVm()),2&e){const o=t.XpG();t.R7$(),t.Y8G("ngIf",!o.fallback&&!o.publicationCompletionLoading&&!o.error),t.R7$(),t.Y8G("ngIf",o.fallback),t.R7$(),t.Y8G("ngIf",o.error)}}function dt(e,l){1&e&&t.nrm(0,"div",15)}function ft(e,l){if(1&e&&t.DNE(0,dt,1,0,"div",15),2&e){const o=t.XpG();t.vxM(!o.config||o.publicationCompletionLoading?0:-1)}}function _t(e,l){1&e&&t.nrm(0,"storefront-spinner",16)}function ht(e,l){if(1&e&&t.DNE(0,_t,1,0,"storefront-spinner",16),2&e){const o=t.XpG();t.vxM(!o.config||o.publicationCompletionLoading?0:-1)}}let Q=(()=>{var e;class l extends O.${constructor(n,m,C,G,U,I,M,D,B,kt){super(C,n,m,M,B),this.elementRef=n,this.contextService=m,this.injector=C,this.store=G,this.eventActionService=U,this.rxStore=I,this.document=M,this.purpleService=D,this.globalService=B,this.domHelper=kt,this.defaultConfig=(0,x.A)({},s),this.error=null,this.unlockableIssues=[],this.displayedIssues=[],this.unlockableIssuesPriceInfos=[],this.publicationCompletionArgs=[],this.publicationCompletionLoading=!0,this.purchaseLoading=!1,this.purchaseConfig=(0,x.A)({},g.Rp)}onConfigChanges(){this.purchaseConfig=(0,x.A)((0,x.A)({},g.Rp),this.config.purchase),this.config.titleMessage=(0,a.v3)(this.config.titleMessage),this.config.promotionTextMessage=(0,a.v3)(this.config.promotionTextMessage),this.config.purchaseButtonMessage=(0,a.v3)(this.config.purchaseButtonMessage),this.initPublicationCompletion()}initPublicationCompletion(){var n=this;return(0,f.A)(function*(){var m;const C={publicationProductFilter:{AND:[{purchased:{value:!1}},{hidden:{value:!1}}]}};(0,_.E7)(window.purple.catalog,{major:1,minor:4},c.IntOperation.GREATER_THAN)&&C.publicationProductFilter.AND.push({type:{value:c.PublicationProductType.BACK_ISSUE_COMPLETION}}),C.maxUnlockableContents=null!==(m=n.config.maxUnlockableContents)&&void 0!==m?m:n.config.maxUnlockableIssues,n.config.productFilter&&(C.publicationProductFilter={AND:[C.publicationProductFilter,n.config.productFilter]}),n.config.unlockableIssuesFilter&&(C.unlockableIssuesFilter=(0,a.n)(n.config.unlockableIssuesFilter),console.error("using deprecated unlockableIssuesFilter on publication-completion component, use unlockableContentsFilter instead")),n.config.unlockableContentsFilter&&(C.unlockableContentsFilter=(0,a.Ph)(n.config.unlockableContentsFilter));try{var G;const U=yield n.purpleService.getPublicationProducts(C);if(U){let I=[];n.config.publicationId?n.product=U.find(M=>!!M.publications[n.config.publicationId]):n.config.publicationFilter?(I=(yield n.purpleService.getPublications({publicationFilter:(0,a.y3)(n.config.publicationFilter)})).nodes.map(D=>D.id),n.product=U.find(D=>!!I.find(B=>D.publications[B]))):n.product=U[0],n.product&&(I=Object.keys(n.product.publications),n.unlockableIssues=I.reduce((M,D)=>[...M,...n.product.publications[D].unlockableIssues],[]))}if(n.product&&(null===(G=n.unlockableIssues)||void 0===G?void 0:G.length)>0){n.unlockableIssues=(0,F.dV)(n.unlockableIssues),n.displayedIssues=n.unlockableIssues.slice(0,n.config.maxDisplayIssues);try{n.store.subscribe(n.calculatePrices(),([I,M])=>{I?(0,y.b)(I)?n.showError(I):(n.productPriceInfo=I,n.unlockableIssuesPriceInfos=M.filter(D=>!!D&&!(0,y.b)(D)),n.unlockableIssuesPrice=n.unlockableIssuesPriceInfos.reduce((D,B)=>B?D+B.price:D,0),n.productPriceInfo.price<n.unlockableIssuesPrice?(n.fallback=null,n.error=null,n.saving=Math.floor((n.unlockableIssuesPrice-n.productPriceInfo.price)/n.unlockableIssuesPrice*100),n.publicationCompletionArgs=n.getPublicationCompletionArgs(),n.publicationCompletionLoading=!1):n.showFallback()):n.showFallback()})}catch(I){console.warn("Could not calculate all publication completion prices: ",I),n.showError(I)}}else n.showFallback()}catch(U){console.warn("Could not load publication completion products: ",U),n.showError(U)}})()}calculatePrices(){const n=this.unlockableIssues.map(C=>C.productId),m=(0,P.z)((0,A.Zt)(this.product.productId)(this.rxStore),(0,A.TX)(n)(this.rxStore)).pipe((0,v.p)(([C,G])=>!G.includes(void 0)));return this.store.dispatch((0,d.$W)({productIds:[...n,this.product.productId]})),m}showFallback(){this.publicationCompletionLoading=!1,this.fallback=this.config.fallback}showError(n){this.publicationCompletionLoading=!1,this.error=n}onClickPurchase(n){var m=this;return(0,f.A)(function*(){n.stopPropagation(),m.purchaseLoading=!0,m.changeDetectorRef.detectChanges(),yield m.eventActionService.processPurchaseAction((0,x.A)((0,x.A)({},m.purchaseConfig),{},{productId:m.product.productId,price:m.productPriceInfo.price,currency:m.productPriceInfo.currency}),m),m.purchaseLoading=!1})()}getPublicationCompletionArgs(){if(this.unlockableIssues.length>0&&this.saving&&this.unlockableIssuesPrice&&this.productPriceInfo){const n=new Intl.NumberFormat((0,R.JK)(),{style:"currency",currency:this.unlockableIssuesPriceInfos[0].currency});return['<span class="issue-count">'.concat(this.unlockableIssues.length,"</span>"),'<span class="saving">'.concat(this.saving,"%</span>"),'<span class="former-price">'.concat(n.format(this.unlockableIssuesPrice),"</span>"),'<span class="current-price">'.concat(this.productPriceInfo.formattedPrice,"</span>")]}return[]}getTrackingParams(){return(0,_.TH)(this.product,this.productPriceInfo)}getErrorDialogArgs(n){return(0,S.F0)((0,S.E2)(n,this.contextService),this.product)}}return(e=l).type="publication-completion",e.\u0275fac=function(n){return new(n||e)(t.rXU(t.aKT),t.rXU(X.V),t.rXU(t.zZn),t.rXU(L.B),t.rXU(k.G),t.rXU(z.il),t.rXU(u.qQ),t.rXU(Z.Wj),t.rXU(w.d),t.rXU(q.S))},e.\u0275cmp=t.VBU({type:e,selectors:[["storefront-publication-completion"]],standalone:!1,features:[t.Jv_([L.B]),t.Vt3],decls:3,vars:2,consts:[[4,"ngIf"],["class","publication-completion-issues stacked top-even-centered",4,"ngIf"],[1,"title",3,"storefrontTranslate"],[1,"promotion-text",3,"storefrontTranslate","storefrontTranslateArgs"],[1,"button-purchase","action-button",3,"click","disabled"],[3,"storefrontTranslate","storefrontTranslateArgs"],[1,"publication-completion-issues","stacked","top-even-centered"],["height","DEFAULT",1,"pxp-image",3,"src"],["height","DEFAULT",3,"src"],["class","pxp-image","height","DEFAULT",3,"src",4,"ngFor","ngForOf"],["height","DEFAULT",3,"src",4,"ngFor","ngForOf"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],[3,"pxpDynamicComponent","classNames","baseContext","baseConfig"],["storefrontTranslate","ERROR_PUBLICATION_COMPLETION",1,"publication-completion-error",3,"storefrontTranslateArgs"],[1,"pxp-spinner","publication-completion-loading"],[1,"publication-completion-loading"]],template:function(n,m){1&n&&t.DNE(0,gt,4,3,"ng-container",0)(1,ft,1,1)(2,ht,1,1),2&n&&(t.Y8G("ngIf",m.config),t.R7$(),t.vxM(m.domHelper.leanDom?1:2))},dependencies:[u.Sq,u.bT,$.M,H.h,Y.x,j.t,W.n,K.q],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-publication-completion,.pxp-publication-completion{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}storefront-publication-completion h3,.pxp-publication-completion h3{margin:var(--gutter);text-align:center}storefront-publication-completion .publication-completion-issues,.pxp-publication-completion .publication-completion-issues{display:flex;width:100%;justify-content:center}storefront-publication-completion .promotion-text,.pxp-publication-completion .promotion-text{text-align:center;margin:var(--gutter)}storefront-publication-completion .promotion-text span,.pxp-publication-completion .promotion-text span{font-weight:700}storefront-publication-completion .promotion-text span.saving,storefront-publication-completion .promotion-text span.former-price,storefront-publication-completion .promotion-text span.current-price,.pxp-publication-completion .promotion-text span.saving,.pxp-publication-completion .promotion-text span.former-price,.pxp-publication-completion .promotion-text span.current-price{color:var(--primaryColor)}storefront-publication-completion button,.pxp-publication-completion button{color:#fff;background-color:var(--primaryColor)}storefront-publication-completion button[disabled],.pxp-publication-completion button[disabled]{opacity:.5}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){storefront-publication-completion button,.pxp-publication-completion button{width:100%}}storefront-publication-completion storefront-spinner.publication-completion-loading,storefront-publication-completion .pxp-spinner.publication-completion-loading,.pxp-publication-completion storefront-spinner.publication-completion-loading,.pxp-publication-completion .pxp-spinner.publication-completion-loading{--spinnerColor: var(--secondaryColor);height:100px;width:100px}\n'],encapsulation:2}),l})();const bt=["class","pxp-publication-completion"],J=e=>[e];function xt(e,l){1&e&&t.nrm(0,"div",7),2&e&&t.Y8G("src",l.$implicit.thumbnails.default)}function Ct(e,l){if(1&e&&t.DNE(0,xt,1,1,"div",9),2&e){const o=t.XpG(4);t.Y8G("ngForOf",o.displayedIssues)}}function vt(e,l){1&e&&t.nrm(0,"storefront-image",8),2&e&&t.Y8G("src",l.$implicit.thumbnails.default)}function Pt(e,l){if(1&e&&t.DNE(0,vt,1,1,"storefront-image",10),2&e){const o=t.XpG(4);t.Y8G("ngForOf",o.displayedIssues)}}function Tt(e,l){if(1&e&&(t.j41(0,"div",6),t.DNE(1,Ct,1,1,"div",7)(2,Pt,1,1,"storefront-image",8),t.k0s()),2&e){const o=t.XpG(3);t.R7$(),t.vxM(o.domHelper.leanDom?1:2)}}function Et(e,l){1&e&&t.nrm(0,"div",11)}function It(e,l){if(1&e&&t.DNE(0,Et,1,0,"div",11),2&e){const o=t.XpG(3);t.vxM(o.purchaseLoading?0:-1)}}function Dt(e,l){1&e&&t.nrm(0,"storefront-spinner",12)}function yt(e,l){if(1&e&&t.DNE(0,Dt,1,0,"storefront-spinner",12),2&e){const o=t.XpG(3);t.vxM(o.purchaseLoading?0:-1)}}function Lt(e,l){if(1&e){const o=t.RV6();t.qex(0),t.DNE(1,Tt,3,1,"div",1),t.nrm(2,"h3",2)(3,"p",3),t.j41(4,"button",4),t.bIt("click",function(m){t.eBV(o);const C=t.XpG(2);return t.Njj(C.onClickPurchase(m))}),t.nrm(5,"span",5),t.DNE(6,It,1,1)(7,yt,1,1),t.k0s(),t.bVm()}if(2&e){const o=t.XpG(2);t.R7$(),t.Y8G("ngIf",o.displayedIssues),t.R7$(),t.Y8G("storefrontTranslate",o.config.titleMessage),t.R7$(),t.Y8G("storefrontTranslate",o.config.promotionTextMessage)("storefrontTranslateArgs",o.publicationCompletionArgs),t.R7$(),t.Y8G("disabled",o.purchaseLoading),t.R7$(),t.Y8G("storefrontTranslate",o.config.purchaseButtonMessage)("storefrontTranslateArgs",t.eq3(8,J,o.productPriceInfo.formattedPrice)),t.R7$(),t.vxM(o.domHelper.leanDom?6:7)}}function Rt(e,l){}function At(e,l){if(1&e&&(t.qex(0),t.DNE(1,Rt,0,0,"ng-template",13),t.bVm()),2&e){const o=t.XpG(2);t.R7$(),t.Y8G("classNames","publication-completion-fallback")("baseContext",o.baseContext)("baseConfig",o.fallback)}}function Ut(e,l){if(1&e&&(t.qex(0),t.nrm(1,"p",14),t.bVm()),2&e){const o=t.XpG(2);t.R7$(),t.Y8G("storefrontTranslateArgs",t.eq3(1,J,o.error.code))}}function Mt(e,l){if(1&e&&(t.qex(0),t.DNE(1,Lt,8,10,"ng-container",0)(2,At,2,3,"ng-container",0)(3,Ut,2,3,"ng-container",0),t.bVm()),2&e){const o=t.XpG();t.R7$(),t.Y8G("ngIf",!o.fallback&&!o.publicationCompletionLoading&&!o.error),t.R7$(),t.Y8G("ngIf",o.fallback),t.R7$(),t.Y8G("ngIf",o.error)}}function St(e,l){1&e&&t.nrm(0,"div",15)}function Ot(e,l){if(1&e&&t.DNE(0,St,1,0,"div",15),2&e){const o=t.XpG();t.vxM(!o.config||o.publicationCompletionLoading?0:-1)}}function Ft(e,l){1&e&&t.nrm(0,"storefront-spinner",16)}function Gt(e,l){if(1&e&&t.DNE(0,Ft,1,0,"storefront-spinner",16),2&e){const o=t.XpG();t.vxM(!o.config||o.publicationCompletionLoading?0:-1)}}let Bt=(()=>{var e;class l extends Q{}return(e=l).\u0275fac=(()=>{let o;return function(m){return(o||(o=t.xGo(e)))(m||e)}})(),e.\u0275cmp=t.VBU({type:e,selectors:[["div",8,"pxp-publication-completion"]],standalone:!1,features:[t.Vt3],attrs:bt,decls:3,vars:2,consts:[[4,"ngIf"],["class","publication-completion-issues stacked top-even-centered",4,"ngIf"],[1,"title",3,"storefrontTranslate"],[1,"promotion-text",3,"storefrontTranslate","storefrontTranslateArgs"],[1,"button-purchase","action-button",3,"click","disabled"],[3,"storefrontTranslate","storefrontTranslateArgs"],[1,"publication-completion-issues","stacked","top-even-centered"],["height","DEFAULT",1,"pxp-image",3,"src"],["height","DEFAULT",3,"src"],["class","pxp-image","height","DEFAULT",3,"src",4,"ngFor","ngForOf"],["height","DEFAULT",3,"src",4,"ngFor","ngForOf"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],[3,"pxpDynamicComponent","classNames","baseContext","baseConfig"],["storefrontTranslate","ERROR_PUBLICATION_COMPLETION",1,"publication-completion-error",3,"storefrontTranslateArgs"],[1,"pxp-spinner","publication-completion-loading"],[1,"publication-completion-loading"]],template:function(n,m){1&n&&t.DNE(0,Mt,4,3,"ng-container",0)(1,Ot,1,1)(2,Gt,1,1),2&n&&(t.Y8G("ngIf",m.config),t.R7$(),t.vxM(m.domHelper.leanDom?1:2))},dependencies:[u.Sq,u.bT,$.M,H.h,Y.x,j.t,W.n,K.q],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-publication-completion,.pxp-publication-completion{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}storefront-publication-completion h3,.pxp-publication-completion h3{margin:var(--gutter);text-align:center}storefront-publication-completion .publication-completion-issues,.pxp-publication-completion .publication-completion-issues{display:flex;width:100%;justify-content:center}storefront-publication-completion .promotion-text,.pxp-publication-completion .promotion-text{text-align:center;margin:var(--gutter)}storefront-publication-completion .promotion-text span,.pxp-publication-completion .promotion-text span{font-weight:700}storefront-publication-completion .promotion-text span.saving,storefront-publication-completion .promotion-text span.former-price,storefront-publication-completion .promotion-text span.current-price,.pxp-publication-completion .promotion-text span.saving,.pxp-publication-completion .promotion-text span.former-price,.pxp-publication-completion .promotion-text span.current-price{color:var(--primaryColor)}storefront-publication-completion button,.pxp-publication-completion button{color:#fff;background-color:var(--primaryColor)}storefront-publication-completion button[disabled],.pxp-publication-completion button[disabled]{opacity:.5}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){storefront-publication-completion button,.pxp-publication-completion button{width:100%}}storefront-publication-completion storefront-spinner.publication-completion-loading,storefront-publication-completion .pxp-spinner.publication-completion-loading,.pxp-publication-completion storefront-spinner.publication-completion-loading,.pxp-publication-completion .pxp-spinner.publication-completion-loading{--spinnerColor: var(--secondaryColor);height:100px;width:100px}\n'],encapsulation:2}),l})(),Nt=(()=>{var e;class l{}return(e=l).\u0275fac=function(n){return new(n||e)},e.\u0275mod=t.$C({type:e}),e.\u0275inj=t.G2t({imports:[u.MD,p.h,h.U,E.O,b.ButtonModule,r.pZ]}),l})();const Xt={component:Q,leanDomComponent:Bt}},3647:(N,T,i)=>{i.d(T,{R:()=>p});var u=i(4438),r=i(345);let p=(()=>{var b;class h{constructor(f){this.sanitizer=f}transform(f,x="url"){switch(x){case"html":return this.sanitizer.bypassSecurityTrustHtml(f);case"style":return this.sanitizer.bypassSecurityTrustStyle(f);case"script":return this.sanitizer.bypassSecurityTrustScript(f);case"url":return this.sanitizer.bypassSecurityTrustUrl(f);case"resourceUrl":return this.sanitizer.bypassSecurityTrustResourceUrl(f);default:throw new Error("Invalid safe type specified: ".concat(x))}}}return(b=h).\u0275fac=function(f){return new(f||b)(u.rXU(r.up,16))},b.\u0275pipe=u.EJ8({name:"sanitizeUrl",type:b,pure:!0,standalone:!1}),h})()},1739:(N,T,i)=>{function u(r){return r&&!!r.code}i.d(T,{b:()=>u})}}]);
+"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([["projects_storefront_src_app_component_publication-completion_publication-completion_module_ts"],{4365:(I,d,a)=>{a.d(d,{AN:()=>x,FZ:()=>m,Mw:()=>o,Rp:()=>T,W9:()=>C});var u=a(4404),C=function(l){return l.COVER="cover",l.CARD="card",l.HIGHLIGHT="highlight",l.DETAILS="details",l.GROUP="group",l}(C||{});const T={showErrorDialog:!0};var x=function(l){return l.SINGLE="SINGLE",l.MULTI="MULTI",l}(x||{}),m=function(l){return l.SILENT="SILENT",l}(m||{});const o={template:C.CARD,openContent:{mode:u.DisplayMode.MODAL,titleBar:!0},downloadOptions:null,customButtons:[],customMessages:[],titleMessage:"ISSUE_TITLE",descriptionMessage:"ISSUE_DESCRIPTION",publicationTitleMessage:"ISSUE_PUBLICATION_TITLE"}},944:(I,d,a)=>{a.r(d),a.d(d,{PublicationCompletionModule:()=>Oo,component:()=>ko});var u=a(177),b=a(3),P=a(9805),C=a(4403),T=a(6215),x=a(467),m=a(9379),o=a(3953),l=a(7010),D=a(4404),Y=a(4572),S=a(5102),j=a(8004),L=a(8251),H=a(4004),E=a(4622),W=a(3178),G=a(8091),A=a(7879),V=a(1210),M=a(4365);const Q={publicationId:null,fallback:null,titleMessage:"PUBLICATION_COMPLETION_TITLE",promotionTextMessage:"PUBLICATION_COMPLETION_PROMOTION_TEXT",purchaseButtonMessage:"PUBLICATION_COMPLETION_ACTION_PURCHASE",maxDisplayIssues:5,maxUnlockableIssues:1e3};var g=a(8179),K=a(5964),R=a(1739),Z=a(950),N=a(8909),y=a(2932),F=a(1302),O=a(7240),k=a(6962),$=a(2868);const U=n=>[n];function J(n,e){1&n&&o.nrm(0,"div",7),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function z(n,e){if(1&n&&o.DNE(0,J,1,1,"div",9),2&n){const t=o.XpG(4);o.Y8G("ngForOf",t.displayedIssues)}}function w(n,e){1&n&&o.nrm(0,"storefront-image",8),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function q(n,e){if(1&n&&o.DNE(0,w,1,1,"storefront-image",10),2&n){const t=o.XpG(4);o.Y8G("ngForOf",t.displayedIssues)}}function oo(n,e){if(1&n&&(o.j41(0,"div",6),o.DNE(1,z,1,1,"div",7)(2,q,1,1,"storefront-image",8),o.k0s()),2&n){const t=o.XpG(3);o.R7$(),o.vxM(t.domHelper.leanDom?1:2)}}function no(n,e){1&n&&o.nrm(0,"div",11)}function to(n,e){if(1&n&&o.DNE(0,no,1,0,"div",11),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function io(n,e){1&n&&o.nrm(0,"storefront-spinner",12)}function eo(n,e){if(1&n&&o.DNE(0,io,1,0,"storefront-spinner",12),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function ao(n,e){if(1&n){const t=o.RV6();o.qex(0),o.DNE(1,oo,3,1,"div",1),o.nrm(2,"h3",2)(3,"p",3),o.j41(4,"button",4),o.bIt("click",function(c){o.eBV(t);const r=o.XpG(2);return o.Njj(r.onClickPurchase(c))}),o.nrm(5,"span",5),o.DNE(6,to,1,1)(7,eo,1,1),o.k0s(),o.bVm()}if(2&n){const t=o.XpG(2);o.R7$(),o.Y8G("ngIf",t.displayedIssues),o.R7$(),o.Y8G("storefrontTranslate",t.config.titleMessage),o.R7$(),o.Y8G("storefrontTranslate",t.config.promotionTextMessage)("storefrontTranslateArgs",t.publicationCompletionArgs),o.R7$(),o.Y8G("disabled",t.purchaseLoading),o.R7$(),o.Y8G("storefrontTranslate",t.config.purchaseButtonMessage)("storefrontTranslateArgs",o.eq3(8,U,t.productPriceInfo.formattedPrice)),o.R7$(),o.vxM(t.domHelper.leanDom?6:7)}}function co(n,e){}function lo(n,e){if(1&n&&(o.qex(0),o.DNE(1,co,0,0,"ng-template",13),o.bVm()),2&n){const t=o.XpG(2);o.R7$(),o.Y8G("classNames","publication-completion-fallback")("baseContext",t.baseContext)("baseConfig",t.fallback)}}function ro(n,e){if(1&n&&(o.qex(0),o.nrm(1,"p",14),o.bVm()),2&n){const t=o.XpG(2);o.R7$(),o.Y8G("storefrontTranslateArgs",o.eq3(1,U,t.error.code))}}function po(n,e){if(1&n&&(o.qex(0),o.DNE(1,ao,8,10,"ng-container",0)(2,lo,2,3,"ng-container",0)(3,ro,2,3,"ng-container",0),o.bVm()),2&n){const t=o.XpG();o.R7$(),o.Y8G("ngIf",!t.fallback&&!t.publicationCompletionLoading&&!t.error),o.R7$(),o.Y8G("ngIf",t.fallback),o.R7$(),o.Y8G("ngIf",t.error)}}function so(n,e){1&n&&o.nrm(0,"div",15)}function uo(n,e){if(1&n&&o.DNE(0,so,1,0,"div",15),2&n){const t=o.XpG();o.vxM(!t.config||t.publicationCompletionLoading?0:-1)}}function mo(n,e){1&n&&o.nrm(0,"storefront-spinner",16)}function fo(n,e){if(1&n&&o.DNE(0,mo,1,0,"storefront-spinner",16),2&n){const t=o.XpG();o.vxM(!t.config||t.publicationCompletionLoading?0:-1)}}let X=(()=>{var n;class e extends V.${constructor(){super(...arguments),this.store=(0,o.WQX)(L.B),this.eventActionService=(0,o.WQX)(j.G),this.rxStore=(0,o.WQX)(l.il),this.purpleService=(0,o.WQX)(S.Wj),this.changeDetectorRef=(0,o.WQX)(o.gRc),this.defaultConfig=(0,m.A)({},Q),this.error=null,this.unlockableIssues=[],this.displayedIssues=[],this.unlockableIssuesPriceInfos=[],this.publicationCompletionArgs=[],this.publicationCompletionLoading=!0,this.purchaseLoading=!1,this.purchaseConfig=(0,m.A)({},M.Rp)}onConfigChanges(){this.purchaseConfig=(0,m.A)((0,m.A)({},M.Rp),this.config.purchase),this.config.titleMessage=(0,g.v3)(this.config.titleMessage),this.config.promotionTextMessage=(0,g.v3)(this.config.promotionTextMessage),this.config.purchaseButtonMessage=(0,g.v3)(this.config.purchaseButtonMessage),this.initPublicationCompletion()}initPublicationCompletion(){var i=this;return(0,x.A)(function*(){var c;const r={publicationProductFilter:{AND:[{purchased:{value:!1}},{hidden:{value:!1}}]}};(0,A.E7)(window.purple.catalog,{major:1,minor:4},D.IntOperation.GREATER_THAN)&&r.publicationProductFilter.AND.push({type:{value:D.PublicationProductType.BACK_ISSUE_COMPLETION}}),r.maxUnlockableContents=null!==(c=i.config.maxUnlockableContents)&&void 0!==c?c:i.config.maxUnlockableIssues,i.config.productFilter&&(r.publicationProductFilter={AND:[r.publicationProductFilter,i.config.productFilter]}),i.config.unlockableIssuesFilter&&(r.unlockableIssuesFilter=(0,g.n)(i.config.unlockableIssuesFilter),console.error("using deprecated unlockableIssuesFilter on publication-completion component, use unlockableContentsFilter instead")),i.config.unlockableContentsFilter&&(r.unlockableContentsFilter=(0,g.Ph)(i.config.unlockableContentsFilter));try{var h;const f=yield i.purpleService.getPublicationProducts(r);if(f){let p=[];i.config.publicationId?i.product=f.find(_=>!!_.publications[i.config.publicationId]):i.config.publicationFilter?(p=(yield i.purpleService.getPublications({publicationFilter:(0,g.y3)(i.config.publicationFilter)})).nodes.map(s=>s.id),i.product=f.find(s=>!!p.find(v=>s.publications[v]))):i.product=f[0],i.product&&(p=Object.keys(i.product.publications),i.unlockableIssues=p.reduce((_,s)=>[..._,...i.product.publications[s].unlockableIssues],[]))}if(i.product&&(null===(h=i.unlockableIssues)||void 0===h?void 0:h.length)>0){i.unlockableIssues=(0,Z.dV)(i.unlockableIssues),i.displayedIssues=i.unlockableIssues.slice(0,i.config.maxDisplayIssues);try{i.store.subscribe(i.calculatePrices(),([p,_])=>{p?(0,R.b)(p)?i.showError(p):(i.productPriceInfo=p,i.unlockableIssuesPriceInfos=_.filter(s=>!!s&&!(0,R.b)(s)),i.unlockableIssuesPrice=i.unlockableIssuesPriceInfos.reduce((s,v)=>v?s+v.price:s,0),i.productPriceInfo.price<i.unlockableIssuesPrice?(i.fallback=null,i.error=null,i.saving=Math.floor((i.unlockableIssuesPrice-i.productPriceInfo.price)/i.unlockableIssuesPrice*100),i.publicationCompletionArgs=i.getPublicationCompletionArgs(),i.publicationCompletionLoading=!1):i.showFallback()):i.showFallback()})}catch(p){console.warn("Could not calculate all publication completion prices: ",p),i.showError(p)}}else i.showFallback()}catch(f){console.warn("Could not load publication completion products: ",f),i.showError(f)}})()}calculatePrices(){const i=this.unlockableIssues.map(r=>r.productId),c=(0,Y.z)((0,E.Zt)(this.product.productId)(this.rxStore),(0,E.TX)(i)(this.rxStore)).pipe((0,K.p)(([r,h])=>!h.includes(void 0)));return this.store.dispatch((0,H.$W)({productIds:[...i,this.product.productId]})),c}showFallback(){this.publicationCompletionLoading=!1,this.fallback=this.config.fallback}showError(i){this.publicationCompletionLoading=!1,this.error=i}onClickPurchase(i){var c=this;return(0,x.A)(function*(){i.stopPropagation(),c.purchaseLoading=!0,c.changeDetectorRef.detectChanges(),yield c.eventActionService.processPurchaseAction((0,m.A)((0,m.A)({},c.purchaseConfig),{},{productId:c.product.productId,price:c.productPriceInfo.price,currency:c.productPriceInfo.currency}),c),c.purchaseLoading=!1})()}getPublicationCompletionArgs(){if(this.unlockableIssues.length>0&&this.saving&&this.unlockableIssuesPrice&&this.productPriceInfo){const i=new Intl.NumberFormat((0,W.JK)(),{style:"currency",currency:this.unlockableIssuesPriceInfos[0].currency});return['<span class="issue-count">'.concat(this.unlockableIssues.length,"</span>"),'<span class="saving">'.concat(this.saving,"%</span>"),'<span class="former-price">'.concat(i.format(this.unlockableIssuesPrice),"</span>"),'<span class="current-price">'.concat(this.productPriceInfo.formattedPrice,"</span>")]}return[]}getTrackingParams(){return(0,A.TH)(this.product,this.productPriceInfo)}getErrorDialogArgs(i){return(0,G.F0)((0,G.E2)(i,this.contextService),this.product)}}return(n=e).type="publication-completion",n.\u0275fac=(()=>{let t;return function(c){return(t||(t=o.xGo(n)))(c||n)}})(),n.\u0275cmp=o.VBU({type:n,selectors:[["storefront-publication-completion"]],standalone:!1,features:[o.Jv_([L.B]),o.Vt3],decls:3,vars:2,consts:[[4,"ngIf"],["class","publication-completion-issues stacked top-even-centered",4,"ngIf"],[1,"title",3,"storefrontTranslate"],[1,"promotion-text",3,"storefrontTranslate","storefrontTranslateArgs"],[1,"button-purchase","action-button",3,"click","disabled"],[3,"storefrontTranslate","storefrontTranslateArgs"],[1,"publication-completion-issues","stacked","top-even-centered"],["height","DEFAULT",1,"pxp-image",3,"src"],["height","DEFAULT",3,"src"],["class","pxp-image","height","DEFAULT",3,"src",4,"ngFor","ngForOf"],["height","DEFAULT",3,"src",4,"ngFor","ngForOf"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],[3,"pxpDynamicComponent","classNames","baseContext","baseConfig"],["storefrontTranslate","ERROR_PUBLICATION_COMPLETION",1,"publication-completion-error",3,"storefrontTranslateArgs"],[1,"pxp-spinner","publication-completion-loading"],[1,"publication-completion-loading"]],template:function(i,c){1&i&&o.DNE(0,po,4,3,"ng-container",0)(1,uo,1,1)(2,fo,1,1),2&i&&(o.Y8G("ngIf",c.config),o.R7$(),o.vxM(c.domHelper.leanDom?1:2))},dependencies:[u.Sq,u.bT,N.M,y.h,F.x,O.t,k.n,$.q],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-publication-completion,.pxp-publication-completion{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}storefront-publication-completion h3,.pxp-publication-completion h3{margin:var(--gutter);text-align:center}storefront-publication-completion .publication-completion-issues,.pxp-publication-completion .publication-completion-issues{display:flex;width:100%;justify-content:center}storefront-publication-completion .promotion-text,.pxp-publication-completion .promotion-text{text-align:center;margin:var(--gutter)}storefront-publication-completion .promotion-text span,.pxp-publication-completion .promotion-text span{font-weight:700}storefront-publication-completion .promotion-text span.saving,storefront-publication-completion .promotion-text span.former-price,storefront-publication-completion .promotion-text span.current-price,.pxp-publication-completion .promotion-text span.saving,.pxp-publication-completion .promotion-text span.former-price,.pxp-publication-completion .promotion-text span.current-price{color:var(--primaryColor)}storefront-publication-completion button,.pxp-publication-completion button{color:#fff;background-color:var(--primaryColor)}storefront-publication-completion button[disabled],.pxp-publication-completion button[disabled]{opacity:.5}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){storefront-publication-completion button,.pxp-publication-completion button{width:100%}}storefront-publication-completion storefront-spinner.publication-completion-loading,storefront-publication-completion .pxp-spinner.publication-completion-loading,.pxp-publication-completion storefront-spinner.publication-completion-loading,.pxp-publication-completion .pxp-spinner.publication-completion-loading{--spinnerColor: var(--secondaryColor);height:100px;width:100px}\n'],encapsulation:2}),e})();const go=["class","pxp-publication-completion"],B=n=>[n];function _o(n,e){1&n&&o.nrm(0,"div",7),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function bo(n,e){if(1&n&&o.DNE(0,_o,1,1,"div",9),2&n){const t=o.XpG(4);o.Y8G("ngForOf",t.displayedIssues)}}function Co(n,e){1&n&&o.nrm(0,"storefront-image",8),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function xo(n,e){if(1&n&&o.DNE(0,Co,1,1,"storefront-image",10),2&n){const t=o.XpG(4);o.Y8G("ngForOf",t.displayedIssues)}}function ho(n,e){if(1&n&&(o.j41(0,"div",6),o.DNE(1,bo,1,1,"div",7)(2,xo,1,1,"storefront-image",8),o.k0s()),2&n){const t=o.XpG(3);o.R7$(),o.vxM(t.domHelper.leanDom?1:2)}}function vo(n,e){1&n&&o.nrm(0,"div",11)}function Po(n,e){if(1&n&&o.DNE(0,vo,1,0,"div",11),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function To(n,e){1&n&&o.nrm(0,"storefront-spinner",12)}function Io(n,e){if(1&n&&o.DNE(0,To,1,0,"storefront-spinner",12),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function Do(n,e){if(1&n){const t=o.RV6();o.qex(0),o.DNE(1,ho,3,1,"div",1),o.nrm(2,"h3",2)(3,"p",3),o.j41(4,"button",4),o.bIt("click",function(c){o.eBV(t);const r=o.XpG(2);return o.Njj(r.onClickPurchase(c))}),o.nrm(5,"span",5),o.DNE(6,Po,1,1)(7,Io,1,1),o.k0s(),o.bVm()}if(2&n){const t=o.XpG(2);o.R7$(),o.Y8G("ngIf",t.displayedIssues),o.R7$(),o.Y8G("storefrontTranslate",t.config.titleMessage),o.R7$(),o.Y8G("storefrontTranslate",t.config.promotionTextMessage)("storefrontTranslateArgs",t.publicationCompletionArgs),o.R7$(),o.Y8G("disabled",t.purchaseLoading),o.R7$(),o.Y8G("storefrontTranslate",t.config.purchaseButtonMessage)("storefrontTranslateArgs",o.eq3(8,B,t.productPriceInfo.formattedPrice)),o.R7$(),o.vxM(t.domHelper.leanDom?6:7)}}function Lo(n,e){}function Eo(n,e){if(1&n&&(o.qex(0),o.DNE(1,Lo,0,0,"ng-template",13),o.bVm()),2&n){const t=o.XpG(2);o.R7$(),o.Y8G("classNames","publication-completion-fallback")("baseContext",t.baseContext)("baseConfig",t.fallback)}}function Go(n,e){if(1&n&&(o.qex(0),o.nrm(1,"p",14),o.bVm()),2&n){const t=o.XpG(2);o.R7$(),o.Y8G("storefrontTranslateArgs",o.eq3(1,B,t.error.code))}}function Ao(n,e){if(1&n&&(o.qex(0),o.DNE(1,Do,8,10,"ng-container",0)(2,Eo,2,3,"ng-container",0)(3,Go,2,3,"ng-container",0),o.bVm()),2&n){const t=o.XpG();o.R7$(),o.Y8G("ngIf",!t.fallback&&!t.publicationCompletionLoading&&!t.error),o.R7$(),o.Y8G("ngIf",t.fallback),o.R7$(),o.Y8G("ngIf",t.error)}}function Mo(n,e){1&n&&o.nrm(0,"div",15)}function Ro(n,e){if(1&n&&o.DNE(0,Mo,1,0,"div",15),2&n){const t=o.XpG();o.vxM(!t.config||t.publicationCompletionLoading?0:-1)}}function No(n,e){1&n&&o.nrm(0,"storefront-spinner",16)}function yo(n,e){if(1&n&&o.DNE(0,No,1,0,"storefront-spinner",16),2&n){const t=o.XpG();o.vxM(!t.config||t.publicationCompletionLoading?0:-1)}}let Fo=(()=>{var n;class e extends X{}return(n=e).\u0275fac=(()=>{let t;return function(c){return(t||(t=o.xGo(n)))(c||n)}})(),n.\u0275cmp=o.VBU({type:n,selectors:[["div",8,"pxp-publication-completion"]],standalone:!1,features:[o.Vt3],attrs:go,decls:3,vars:2,consts:[[4,"ngIf"],["class","publication-completion-issues stacked top-even-centered",4,"ngIf"],[1,"title",3,"storefrontTranslate"],[1,"promotion-text",3,"storefrontTranslate","storefrontTranslateArgs"],[1,"button-purchase","action-button",3,"click","disabled"],[3,"storefrontTranslate","storefrontTranslateArgs"],[1,"publication-completion-issues","stacked","top-even-centered"],["height","DEFAULT",1,"pxp-image",3,"src"],["height","DEFAULT",3,"src"],["class","pxp-image","height","DEFAULT",3,"src",4,"ngFor","ngForOf"],["height","DEFAULT",3,"src",4,"ngFor","ngForOf"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],[3,"pxpDynamicComponent","classNames","baseContext","baseConfig"],["storefrontTranslate","ERROR_PUBLICATION_COMPLETION",1,"publication-completion-error",3,"storefrontTranslateArgs"],[1,"pxp-spinner","publication-completion-loading"],[1,"publication-completion-loading"]],template:function(i,c){1&i&&o.DNE(0,Ao,4,3,"ng-container",0)(1,Ro,1,1)(2,yo,1,1),2&i&&(o.Y8G("ngIf",c.config),o.R7$(),o.vxM(c.domHelper.leanDom?1:2))},dependencies:[u.Sq,u.bT,N.M,y.h,F.x,O.t,k.n,$.q],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-publication-completion,.pxp-publication-completion{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}storefront-publication-completion h3,.pxp-publication-completion h3{margin:var(--gutter);text-align:center}storefront-publication-completion .publication-completion-issues,.pxp-publication-completion .publication-completion-issues{display:flex;width:100%;justify-content:center}storefront-publication-completion .promotion-text,.pxp-publication-completion .promotion-text{text-align:center;margin:var(--gutter)}storefront-publication-completion .promotion-text span,.pxp-publication-completion .promotion-text span{font-weight:700}storefront-publication-completion .promotion-text span.saving,storefront-publication-completion .promotion-text span.former-price,storefront-publication-completion .promotion-text span.current-price,.pxp-publication-completion .promotion-text span.saving,.pxp-publication-completion .promotion-text span.former-price,.pxp-publication-completion .promotion-text span.current-price{color:var(--primaryColor)}storefront-publication-completion button,.pxp-publication-completion button{color:#fff;background-color:var(--primaryColor)}storefront-publication-completion button[disabled],.pxp-publication-completion button[disabled]{opacity:.5}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){storefront-publication-completion button,.pxp-publication-completion button{width:100%}}storefront-publication-completion storefront-spinner.publication-completion-loading,storefront-publication-completion .pxp-spinner.publication-completion-loading,.pxp-publication-completion storefront-spinner.publication-completion-loading,.pxp-publication-completion .pxp-spinner.publication-completion-loading{--spinnerColor: var(--secondaryColor);height:100px;width:100px}\n'],encapsulation:2}),e})(),Oo=(()=>{var n;class e{}return(n=e).\u0275fac=function(i){return new(i||n)},n.\u0275mod=o.$C({type:n}),n.\u0275inj=o.G2t({imports:[u.MD,C.U,T.O,P.ButtonModule,b.pZ]}),e})();const ko={component:X,leanDomComponent:Fo}},1739:(I,d,a)=>{function u(b){return b&&!!b.code}a.d(d,{b:()=>u})}}]);