@pronto-tools-and-more/files 14.2.0 → 14.4.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:(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}}}]);
+"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),H=p(7879);const B=["menuItem"],k=(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 m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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 m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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(m){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(m,i,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,m=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("baseConfig",i.getButtonConfig(n,e,m)),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(m){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(m,i,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,m=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("baseConfig",i.getButtonConfig(n,e,m)),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",e.domHelper.leanDom?null:n.name)("data-pxp-menu-name",e.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function z(o,a){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const m=t.XpG();return t.Njj(m.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(m){return t.eBV(n),t.Njj(m.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,X,3,2,"div",6)(5,O,3,4,"div",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(4),t.Y8G("ngIf",n.menuActions),t.R7$(),t.Y8G("ngForOf",n.menus)}}function W(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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 m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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(m){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(m,i))}),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(m){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(m,i))}),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(),m=e.depth,i=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,k,n.childItems,m+1,i))}}function mt(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(),m=e.depth,i=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.getMenuItemLiClasses(n)),t.BMQ("depth",m)("child-items",!(null==n||null==n.childItems||!n.childItems.length))("item-id",null==n?null:n.id),t.R7$(2),t.Y8G("ngIf",!i),t.R7$(),t.Y8G("ngIf",i),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function it(o,a){1&o&&t.DNE(0,mt,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),m=t.XpG();t.BMQ("menu-name",m.domHelper.leanDom?null:n.name)("data-pxp-menu-name",m.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(4,F,n.items,m.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(m){return t.eBV(n),t.Njj(m.stopPropagation())}),t.j41(2,"div",5),t.DNE(3,Z,3,2,"div",6)(4,it,1,1,"ng-template",null,0,t.C5r)(6,rt,2,7,"ul",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(3),t.Y8G("ngIf",n.menuActions),t.R7$(3),t.Y8G("ngForOf",n.menus)}}function ut(o){var a;const n=new Set(null===(a=o.items)||void 0===a?void 0:a.map(i=>(0,l.A)((0,l.A)({},i),{},{childItems:[],depth:-1}))),e=new Map([...n.values()].map(i=>[i.id,i]));for(const i of n)if(i.parentId&&i.parentId!==o.id){if(!e.has(i.parentId))throw new Error("Menu ".concat(o.name,": no parent item with id ").concat(i.parentId," found"));e.get(i.parentId).childItems.push(i),n.delete(i)}const m=(i,r)=>{i.depth=r,i.childItems.forEach(u=>m(u,r+1))};return n.forEach(i=>m(i,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)(H.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(m){console.error(m)}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 m,i;e!==this.show&&(!e&&(null===(m=this.config)||void 0===m?void 0:m.template)!==d.oH.STATIC&&(null===(i=this.config)||void 0===i?void 0:i.animationDuration)>0?(this.fadeOutActive=!0,this.changeDetectorRef.detectChanges(),setTimeout(()=>{this.show=!1,this.fadeOutActive=!1,this.changeDetectorRef.markForCheck()},this.config.animationDuration)):(this.show=e,this.changeDetectorRef.detectChanges()))})}getMenuItemLiClasses(e){const m=["menu-item","menu-item-".concat(e.name.replace(/ /g,"-")),...e.cssClasses];return this.hasMenuItemChildren(e)&&m.push("menu-item-has-children"),this.isExpanded(e)&&m.push("menu-item-open"),m}onStaticItemClick(e,m){this.hasMenuItemChildren(m)?this.handleStaticItemClickForMenuItemWithChildren(e,m):this.handleStaticItemClickForMenuItemWithoutChildren(m)}handleStaticItemClickForMenuItemWithChildren(e,m){if(!this.isRootSubMenu(m))return;const i=this.getSubMenuBehaviour();switch(i){case"onMouseHover":case"onClick":this.isExpanded(m)||this.handleExpand(e,m);break;case"onIconClick":this.isRightButton(e)&&(this.isExpanded(m)?this.handleCollapse(e,m):this.handleExpand(e,m));break;default:console.warn("Unknown menu item behavior for: "+i)}}handleExpand(e,m){e.preventDefault(),e.stopPropagation(),this.anyMenuItemExpanded()&&!this.isExpanded(m)&&this.closeSubMenu(m),this.openSubMenuForItem(m)}handleCollapse(e,m){e.preventDefault(),e.stopPropagation(),this.isExpanded(m)&&this.closeSubMenu(m)}handleStaticItemClickForMenuItemWithoutChildren(e){this.anyMenuItemExpanded()&&this.clearSubMenu()}onSlideInItemClick(e,m,i){if(this.isRightButton(e)){e.preventDefault(),e.stopPropagation();const u=this.getCurrentItems(i).findIndex(c=>c.id===m.id);i.currentItemsPath=i.currentItemsPath||[],i.currentItemsPath.push(u)}else this.isLeftButton(e)?(e.preventDefault(),e.stopPropagation(),i.currentItemsPath.pop()):this.appMenuService.setOpen(!1)}getButtonConfig(e,m,i){var r,u,c;const Yt=this.getTapAction(e);return{message:"MENU_ITEM",class:"menu-button menu-button-".concat(e.name.replace(/ /g,"-")," ").concat(null!==(r=null===(u=e.cssClasses)||void 0===u?void 0:u.join(" "))&&void 0!==r?r:""),variables:[e.title||e.name],tap:Yt,iconLeft:(null==i||null===(c=i.currentItemsPath)||void 0===c?void 0:c.length)>0&&0==m?{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 m=e.items;return e.currentItemsPath=e.currentItemsPath||[],e.currentItemsPath.forEach(i=>{m[i].childItems.length>0&&(m=m[i].childItems)}),m}setupEventListeners(){if((0,s.UE)(this.platformId)&&"STATIC"===this.template){const e=this.getSubMenuBehaviour();this.menuItems.forEach(m=>{this.setupEventListenersForItem(m,e)})}}setupEventListenersForItem(e,m){const i=e.nativeElement,r=this.getMenuItemById(i.getAttribute("item-id"));null!==r&&this.isRootSubMenu(r)&&"onMouseHover"===m&&(0,M.Y)().isDesktop&&((0,_.R)(i,"mouseenter").subscribe(u=>this.onMenuItemMouseEnter(u,r)),(0,_.R)(i,"mouseleave").subscribe(u=>this.onMenuItemMouseLeave(u,r)))}onMenuItemMouseEnter(e,m){e.stopPropagation(),e.preventDefault(),this.openSubMenuForItem(m)}onMenuItemMouseLeave(e,m){e.stopPropagation(),e.preventDefault(),this.closeSubMenu(m)}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,m;return null!==(e=null===(m=this.config.openSubMenu)||void 0===m?void 0:m.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 m=null;return this.menus.forEach(i=>{i.items.forEach(r=>{m||(m=this.getMenuItemByIdRecursive(r,e))})}),m}getMenuItemByIdRecursive(e,m){let i=null;return e.id===m&&(i=e),e.childItems.forEach(r=>{i||(i=this.getMenuItemByIdRecursive(r,m))}),i}openSubMenuForItem(e){this.expandedMenuItemId=e.id,this.setupMenuCloseHandler(e),this.changeDetectorRef.detectChanges()}closeSubMenu(e){this.isExpanded(e)&&this.clearSubMenu()}clearSubMenu(){this.expandedMenuItemId=null,this.changeDetectorRef.detectChanges()}setupMenuCloseHandler(e){(0,v.h)((0,_.R)(this.document,"touchstart",{passive:!1}),(0,_.R)(this.document,"click",{passive:!1})).pipe((0,T.p)(m=>this.expandedMenuItemId===e.id&&!this.elementRef.nativeElement.contains(m.target)),(0,L.s)(1)).subscribe(m=>{this.closeSubMenu(e)})}}return(o=a).\u0275fac=(()=>{let n;return function(m){return(n||(n=t.xGo(o)))(m||o)}})(),o.\u0275cmp=t.VBU({type:o,selectors:[["storefront-menu"]],viewQuery:function(e,m){if(1&e&&t.GBs(B,5),2&e){let i;t.mGM(i=t.lsd())&&(m.menuItems=i)}},hostVars:2,hostBindings:function(e,m){2&e&&t.AVh("menu-fade-out",m.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,m){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"===m.template||"SLIDE_IN_RIGHT"===m.template)&&m.show),t.R7$(),t.Y8G("ngIf","STATIC"===m.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 m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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 m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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(m){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(m,i,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,m=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("baseConfig",i.getButtonConfig(n,e,m)),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(m){const i=t.eBV(n).$implicit,r=t.XpG(2).$implicit,u=t.XpG(2);return t.Njj(u.onSlideInItemClick(m,i,r))}),t.k0s()}if(2&o){const n=a.$implicit,e=a.index,m=t.XpG(2).$implicit,i=t.XpG(2);t.Y8G("baseConfig",i.getButtonConfig(n,e,m)),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",e.domHelper.leanDom?null:n.name)("data-pxp-menu-name",e.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngIf",!e.domHelper.leanDom),t.R7$(),t.Y8G("ngIf",e.domHelper.leanDom)}}function Et(o,a){if(1&o){const n=t.RV6();t.qex(0),t.j41(1,"div",3),t.bIt("click",function(){t.eBV(n);const m=t.XpG();return t.Njj(m.close())}),t.k0s(),t.j41(2,"div",4),t.bIt("click",function(m){return t.eBV(n),t.Njj(m.stopPropagation())}),t.j41(3,"div",5),t.DNE(4,xt,3,2,"div",6)(5,St,3,4,"div",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(4),t.Y8G("ngIf",n.menuActions),t.R7$(),t.Y8G("ngForOf",n.menus)}}function vt(o,a){if(1&o){const n=t.RV6();t.j41(0,"storefront-button",10),t.bIt("click",function(){const m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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 m=t.eBV(n).$implicit,i=t.XpG(4);return t.Njj(i.topMenuAction(m))}),t.k0s()}if(2&o){const n=a.$implicit,e=t.XpG(4);t.Y8G("baseContext",e.mutableBaseContext())("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(m){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(m,i))}),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 Ht(o,a){if(1&o){const n=t.RV6();t.j41(0,"div",17),t.bIt("onButtonTap",function(m){t.eBV(n);const i=t.XpG(2).$implicit,r=t.XpG(3);return t.Njj(r.onStaticItemClick(m,i))}),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 Bt(o,a){if(1&o&&(t.qex(0),t.DNE(1,Ht,1,2,"div",21),t.bVm()),2&o){const n=t.XpG(2).leanDom;t.R7$(),t.Y8G("ngIf",n)}}function kt(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,kt,1,0,"ng-container",23),t.k0s(),t.bVm()),2&o){const n=t.XpG().$implicit,e=t.XpG(),m=e.depth,i=e.leanDom;t.XpG();const r=t.sdS(5);t.R7$(2),t.Y8G("ngTemplateOutlet",r)("ngTemplateOutletContext",t.sMw(2,ct,n.childItems,m+1,i))}}function At(o,a){if(1&o&&(t.j41(0,"li",19,1),t.DNE(2,Rt,2,1,"ng-container",2)(3,Bt,2,1,"ng-container",2)(4,Ft,3,6,"ng-container",2),t.k0s()),2&o){const n=a.$implicit,e=t.XpG(),m=e.depth,i=e.leanDom,r=t.XpG(2);t.Y8G("ngClass",r.getMenuItemLiClasses(n)),t.BMQ("depth",m)("child-items",!(null==n||null==n.childItems||!n.childItems.length))("item-id",null==n?null:n.id),t.R7$(2),t.Y8G("ngIf",!i),t.R7$(),t.Y8G("ngIf",i),t.R7$(),t.Y8G("ngIf",n.childItems&&n.childItems.length>0)}}function yt(o,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),m=t.XpG();t.BMQ("menu-name",m.domHelper.leanDom?null:n.name)("data-pxp-menu-name",m.domHelper.leanDom?n.name:null),t.R7$(),t.Y8G("ngTemplateOutlet",e)("ngTemplateOutletContext",t.l_i(4,_t,n.items,m.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(m){return t.eBV(n),t.Njj(m.stopPropagation())}),t.j41(2,"div",5),t.DNE(3,Gt,3,2,"div",6)(4,yt,1,1,"ng-template",null,0,t.C5r)(6,Pt,2,7,"ul",7),t.k0s()(),t.bVm()}if(2&o){const n=t.XpG();t.R7$(3),t.Y8G("ngIf",n.menuActions),t.R7$(3),t.Y8G("ngForOf",n.menus)}}let Vt=(()=>{var o;class a extends I{}return(o=a).\u0275fac=(()=>{let n;return function(m){return(n||(n=t.xGo(o)))(m||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,m){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"===m.template||"SLIDE_IN_RIGHT"===m.template)&&m.show),t.R7$(),t.Y8G("ngIf","STATIC"===m.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_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"],{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})}}]);
+"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 B=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,B,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.mutableBaseContext())("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,B,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 U=(()=>{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"],X=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,X,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.mutableBaseContext())("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,X,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 U{}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:U,leanDomComponent:Fo}},1739:(I,d,a)=>{function u(b){return b&&!!b.code}a.d(d,{b:()=>u})}}]);