npm - @pronto-tools-and-more/files - Versions diffs - 14.42.0 → 14.43.0 - Mend

@pronto-tools-and-more/files 14.42.0 → 14.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_catalog-content_content-featured-image_content-featured-c9ba26.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_catalog-content_content-featured-image_content-featured-c9ba26"],{5494:(w,m,i)=>{i.r(m),i.d(m,{ContentFeaturedImageModule:()=>Z,component:()=>A});var l=i(177),e=i(3953),p=i(2932);const g={coverHeight:p.q.FIXED};var d=i(5848),u=i(9516),f=i(5102),C=i(1652),h=i(5927),c=i(1302);function _(t,o){1&t&&e.eu8(0)}function x(t,o){if(1&t&&e.DNE(0,_,1,0,"ng-container",2),2&t){e.XpG(2);const n=e.sdS(3);e.Y8G("ngTemplateOutlet",n)}}function T(t,o){1&t&&e.eu8(0)}function F(t,o){if(1&t&&(e.j41(0,"figure",1),e.DNE(1,T,1,0,"ng-container",2),e.k0s()),2&t){e.XpG(2);const n=e.sdS(3);e.R7$(),e.Y8G("ngTemplateOutlet",n)}}function v(t,o){if(1&t&&e.DNE(0,x,1,1,"ng-container")(1,F,2,1,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}function I(t,o){1&t&&e.nrm(0,"figure",1)}function b(t,o){if(1&t&&e.DNE(0,I,1,0,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?-1:0)}}function R(t,o){if(1&t&&e.nrm(0,"div",3),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function D(t,o){if(1&t&&e.nrm(0,"storefront-image",4),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function y(t,o){if(1&t&&(e.j41(0,"span",5),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties.caption)}}function X(t,o){if(1&t&&(e.j41(0,"span",6),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties["asset.photographer"])}}function G(t,o){if(1&t&&(e.j41(0,"figcaption"),e.DNE(1,y,2,1,"span",5)(2,X,2,1,"span",6),e.k0s()),2&t){const n=e.XpG(3);e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties.caption?1:-1),e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties["asset.photographer"]?2:-1)}}function E(t,o){if(1&t&&e.DNE(0,R,1,5,"div",3)(1,D,1,5,"storefront-image",4)(2,G,3,2,"figcaption"),2&t){const n=e.XpG(2);e.vxM(n.domHelper.leanDom?0:1),e.R7$(2),e.vxM(n.config.hideCaption?-1:2)}}function M(t,o){if(1&t&&e.DNE(0,E,3,2),2&t){const n=e.XpG();e.vxM(n.catalogContent?0:-1)}}let s=(()=>{var t;class o extends d.Q{constructor(){super(...arguments),this.elementRef=(0,e.WQX)(e.aKT),this.injector=(0,e.WQX)(e.zZn),this.contextService=(0,e.WQX)(u.V),this.document=(0,e.WQX)(l.qQ),this.purpleService=(0,e.WQX)(f.Wj),this.globalService=(0,e.WQX)(C.d),this.domHelper=(0,e.WQX)(h.S),this.type="content-fatured-image",this.defaultConfig=g}onConfigChanges(){if(super.onConfigChanges()&&this.catalogContent){if(this.url=null,this.extendedThumbnail=null,this.config.thumbnailReference)this.url=this.catalogContent.thumbnails[this.config.thumbnailReference],this.url&&(this.extendedThumbnail=this.catalogContent.thumbnailsExtended[this.config.thumbnailReference]);else if(this.config.propertyReference){let a=this.catalogContent.properties[this.config.propertyReference+".url"],r=this.catalogContent.properties[this.config.propertyReference];a?(this.extendedThumbnail={url:a,kind:this.config.propertyReference,properties:{caption:this.catalogContent.properties[this.config.propertyReference+".caption"],"asset.photographer":this.catalogContent.properties[this.config.propertyReference+".asset.photographer"],alt:this.catalogContent.properties[this.config.propertyReference+".alt"],title:this.catalogContent.properties[this.config.propertyReference+".title"],focuspoint:this.catalogContent.properties[this.config.propertyReference+".focuspointFocalPointX"]?"["+this.catalogContent.properties[this.config.propertyReference+".focuspointFocalPointX"]+","+this.catalogContent.properties[this.config.propertyReference+".focuspointFocalPointY"]+","+this.catalogContent.properties[this.config.propertyReference+".focuspointCalcPropsX"]+","+this.catalogContent.properties[this.config.propertyReference+".focuspointCalcPropsY"]+"]":null}},this.url=this.extendedThumbnail.url):"string"==typeof r&&(this.url=r)}!this.url&&(this.config.fallbackToDefault\|\|!this.config.thumbnailReference&&!this.config.propertyReference)&&(this.url=this.catalogContent.thumbnails.default,this.url&&(this.extendedThumbnail=this.catalogContent.thumbnailsExtended.default)),this.changeDetectorRef.markForCheck()}}getImageHeight(){return this.config.coverHeight\|\|p.q.FIXED}}return(t=o).\u0275fac=(()=>{let n;return function(r){return(n\|\|(n=e.xGo(t)))(r\|\|t)}})(),t.\u0275cmp=e.VBU({type:t,selectors:[["storefront-content-featured-image"]],standalone:!1,features:[e.Vt3],decls:4,vars:1,consts:[["featureImageTemplate",""],[1,"featured-image"],[4,"ngTemplateOutlet"],[1,"pxp-image",3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[1,"caption"],[1,"credit"]],template:function(a,r){1&a&&e.DNE(0,v,2,1)(1,b,1,1)(2,M,1,1,"ng-template",null,0,e.C5r),2&a&&e.vxM(r.ghost?1:0)},dependencies:[l.T3,p.h,c.x],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>{position:absolute}storefront-content-featured-image,.pxp-content-featured-image{position:relative;display:block;height:100%;width:100%}storefront-content-featured-image storefront-image,storefront-content-featured-image .pxp-image,.pxp-content-featured-image storefront-image,.pxp-content-featured-image .pxp-image{margin-top:var(--contentHeaderMarginTop);padding-bottom:var(--contentHeaderPaddingVert);padding-top:75%}storefront-content-featured-image.ghost>,.pxp-content-featured-image.ghost>{background-image:linear-gradient(90deg,var(--ghostColor) 0px,rgb(236,236,236) 40px,var(--ghostColor) 80px);background-size:80vw;animation:ghost-lines 2s infinite linear;background-color:var(--ghostColor);border-radius:var(--borderRadius);width:90%;height:1.2em}\n'],encapsulation:2}),o})();var H=i(6483),L=i(4403);const S=["class","pxp-content-featured-image"];function k(t,o){1&t&&e.eu8(0)}function N(t,o){if(1&t&&e.DNE(0,k,1,0,"ng-container",2),2&t){e.XpG(2);const n=e.sdS(3);e.Y8G("ngTemplateOutlet",n)}}function P(t,o){1&t&&e.eu8(0)}function $(t,o){if(1&t&&(e.j41(0,"figure",1),e.DNE(1,P,1,0,"ng-container",2),e.k0s()),2&t){e.XpG(2);const n=e.sdS(3);e.R7$(),e.Y8G("ngTemplateOutlet",n)}}function j(t,o){if(1&t&&e.DNE(0,N,1,1,"ng-container")(1,$,2,1,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}function B(t,o){1&t&&e.nrm(0,"figure",1)}function z(t,o){if(1&t&&e.DNE(0,B,1,0,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?-1:0)}}function Y(t,o){if(1&t&&e.nrm(0,"div",3),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function Q(t,o){if(1&t&&e.nrm(0,"storefront-image",4),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function V(t,o){if(1&t&&(e.j41(0,"span",5),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties.caption)}}function W(t,o){if(1&t&&(e.j41(0,"span",6),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties["asset.photographer"])}}function O(t,o){if(1&t&&(e.j41(0,"figcaption"),e.DNE(1,V,2,1,"span",5)(2,W,2,1,"span",6),e.k0s()),2&t){const n=e.XpG(3);e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties.caption?1:-1),e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties["asset.photographer"]?2:-1)}}function J(t,o){if(1&t&&e.DNE(0,Y,1,5,"div",3)(1,Q,1,5,"storefront-image",4)(2,O,3,2,"figcaption"),2&t){const n=e.XpG(2);e.vxM(n.domHelper.leanDom?0:1),e.R7$(2),e.vxM(n.config.hideCaption?-1:2)}}function U(t,o){if(1&t&&e.DNE(0,J,3,2),2&t){const n=e.XpG();e.vxM(n.catalogContent?0:-1)}}let K=(()=>{var t;class o extends s{get elementClass(){return"featured-image"}}return(t=o).\u0275fac=(()=>{let n;return function(r){return(n\|\|(n=e.xGo(t)))(r\|\|t)}})(),t.\u0275cmp=e.VBU({type:t,selectors:[["figure",8,"pxp-content-featured-image"]],hostVars:2,hostBindings:function(a,r){2&a&&e.HbH(r.elementClass)},standalone:!1,features:[e.Vt3],attrs:S,decls:4,vars:1,consts:[["featureImageTemplate",""],[1,"featured-image"],[4,"ngTemplateOutlet"],[1,"pxp-image",3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[1,"caption"],[1,"credit"]],template:function(a,r){1&a&&e.DNE(0,j,2,1)(1,z,1,1)(2,U,1,1,"ng-template",null,0,e.C5r),2&a&&e.vxM(r.ghost?1:0)},dependencies:[l.T3,p.h,c.x],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>{position:absolute}storefront-content-featured-image,.pxp-content-featured-image{position:relative;display:block;height:100%;width:100%}storefront-content-featured-image storefront-image,storefront-content-featured-image .pxp-image,.pxp-content-featured-image storefront-image,.pxp-content-featured-image .pxp-image{margin-top:var(--contentHeaderMarginTop);padding-bottom:var(--contentHeaderPaddingVert);padding-top:75%}storefront-content-featured-image.ghost>,.pxp-content-featured-image.ghost>{background-image:linear-gradient(90deg,var(--ghostColor) 0px,rgb(236,236,236) 40px,var(--ghostColor) 80px);background-size:80vw;animation:ghost-lines 2s infinite linear;background-color:var(--ghostColor);border-radius:var(--borderRadius);width:90%;height:1.2em}\n'],encapsulation:2}),o})(),Z=(()=>{var t;class o{}return(t=o).\u0275fac=function(a){return new(a\|\|t)},t.\u0275mod=e.$C({type:t}),t.\u0275inj=e.G2t({imports:[l.MD,L.U,H.h]}),o})();const A={component:s,leanDomComponent:K}}}]);
1	+ "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_catalog-content_content-featured-image_content-featured-c9ba26"],{5494:(w,m,a)=>{a.r(m),a.d(m,{ContentFeaturedImageModule:()=>Z,component:()=>A});var l=a(177),e=a(3953),p=a(2932);const g={coverHeight:p.q.FIXED};var d=a(5848),u=a(9516),f=a(5102),C=a(1652),h=a(5927),c=a(1302);function _(t,o){1&t&&e.eu8(0)}function x(t,o){if(1&t&&e.DNE(0,_,1,0,"ng-container",2),2&t){e.XpG(2);const n=e.sdS(3);e.Y8G("ngTemplateOutlet",n)}}function T(t,o){1&t&&e.eu8(0)}function F(t,o){if(1&t&&(e.j41(0,"figure",1),e.DNE(1,T,1,0,"ng-container",2),e.k0s()),2&t){e.XpG(2);const n=e.sdS(3);e.R7$(),e.Y8G("ngTemplateOutlet",n)}}function v(t,o){if(1&t&&e.DNE(0,x,1,1,"ng-container")(1,F,2,1,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}function I(t,o){1&t&&e.nrm(0,"figure",1)}function b(t,o){if(1&t&&e.DNE(0,I,1,0,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?-1:0)}}function R(t,o){if(1&t&&e.nrm(0,"div",3),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function D(t,o){if(1&t&&e.nrm(0,"storefront-image",4),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function y(t,o){if(1&t&&(e.j41(0,"span",5),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties.caption)}}function X(t,o){if(1&t&&(e.j41(0,"span",6),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties["asset.photographer"])}}function G(t,o){if(1&t&&(e.j41(0,"figcaption"),e.DNE(1,y,2,1,"span",5)(2,X,2,1,"span",6),e.k0s()),2&t){const n=e.XpG(3);e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties.caption?1:-1),e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties["asset.photographer"]?2:-1)}}function E(t,o){if(1&t&&e.DNE(0,R,1,5,"div",3)(1,D,1,5,"storefront-image",4)(2,G,3,2,"figcaption"),2&t){const n=e.XpG(2);e.vxM(n.domHelper.leanDom?0:1),e.R7$(2),e.vxM(n.config.hideCaption?-1:2)}}function M(t,o){if(1&t&&e.DNE(0,E,3,2),2&t){const n=e.XpG();e.vxM(n.catalogContent?0:-1)}}let s=(()=>{var t;class o extends d.Q{constructor(){super(...arguments),this.elementRef=(0,e.WQX)(e.aKT),this.injector=(0,e.WQX)(e.zZn),this.contextService=(0,e.WQX)(u.V),this.document=(0,e.WQX)(l.qQ),this.purpleService=(0,e.WQX)(f.Wj),this.globalService=(0,e.WQX)(C.d),this.domHelper=(0,e.WQX)(h.S),this.type="content-fatured-image",this.defaultConfig=g}onConfigChanges(){if(super.onConfigChanges()&&this.catalogContent){if(this.url=null,this.extendedThumbnail=null,this.config.thumbnailReference)this.url=this.catalogContent.thumbnails[this.config.thumbnailReference],this.url&&(this.extendedThumbnail=this.catalogContent.thumbnailsExtended[this.config.thumbnailReference]);else if(this.config.propertyReference){let i=this.catalogContent.properties[this.config.propertyReference+".url"],r=this.catalogContent.properties[this.config.propertyReference];i?(this.extendedThumbnail={url:i,kind:this.config.propertyReference,properties:{caption:this.catalogContent.properties[this.config.propertyReference+".caption"],"asset.photographer":this.catalogContent.properties[this.config.propertyReference+".asset.photographer"],alt:this.catalogContent.properties[this.config.propertyReference+".alt"],title:this.catalogContent.properties[this.config.propertyReference+".title"],focuspoint:this.catalogContent.properties[this.config.propertyReference+".focuspointFocalPointX"]?"["+this.catalogContent.properties[this.config.propertyReference+".focuspointFocalPointX"]+","+this.catalogContent.properties[this.config.propertyReference+".focuspointFocalPointY"]+","+this.catalogContent.properties[this.config.propertyReference+".focuspointCalcPropsX"]+","+this.catalogContent.properties[this.config.propertyReference+".focuspointCalcPropsY"]+"]":null}},this.url=this.extendedThumbnail.url):"string"==typeof r&&(this.url=r)}!this.url&&(this.config.fallbackToDefault\|\|!this.config.thumbnailReference&&!this.config.propertyReference)&&(this.url=this.catalogContent.thumbnails.default,this.url&&(this.extendedThumbnail=this.catalogContent.thumbnailsExtended.default)),this.changeDetectorRef.markForCheck()}}getImageHeight(){return this.config.coverHeight\|\|p.q.FIXED}}return(t=o).\u0275fac=(()=>{let n;return function(r){return(n\|\|(n=e.xGo(t)))(r\|\|t)}})(),t.\u0275cmp=e.VBU({type:t,selectors:[["storefront-content-featured-image"]],standalone:!1,features:[e.Vt3],decls:4,vars:1,consts:[["featureImageTemplate",""],[1,"featured-image"],[4,"ngTemplateOutlet"],[1,"pxp-image",3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[1,"caption"],[1,"credit"]],template:function(i,r){1&i&&e.DNE(0,v,2,1)(1,b,1,1)(2,M,1,1,"ng-template",null,0,e.C5r),2&i&&e.vxM(r.ghost?1:0)},dependencies:[l.T3,p.h,c.x],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>{position:absolute}storefront-content-featured-image{position:relative;display:block;height:100%;width:100%}storefront-content-featured-image storefront-image{margin-top:var(--contentHeaderMarginTop);padding-bottom:var(--contentHeaderPaddingVert);padding-top:75%}storefront-content-featured-image.ghost>{background-image:linear-gradient(90deg,var(--ghostColor) 0px,rgb(236,236,236) 40px,var(--ghostColor) 80px);background-size:80vw;animation:ghost-lines 2s infinite linear;background-color:var(--ghostColor);border-radius:var(--borderRadius);width:90%;height:1.2em}\n'],encapsulation:2}),o})();var H=a(6483),L=a(4403);const S=["class","pxp-content-featured-image"];function k(t,o){1&t&&e.eu8(0)}function N(t,o){if(1&t&&e.DNE(0,k,1,0,"ng-container",2),2&t){e.XpG(2);const n=e.sdS(3);e.Y8G("ngTemplateOutlet",n)}}function P(t,o){1&t&&e.eu8(0)}function $(t,o){if(1&t&&(e.j41(0,"figure",1),e.DNE(1,P,1,0,"ng-container",2),e.k0s()),2&t){e.XpG(2);const n=e.sdS(3);e.R7$(),e.Y8G("ngTemplateOutlet",n)}}function j(t,o){if(1&t&&e.DNE(0,N,1,1,"ng-container")(1,$,2,1,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}function B(t,o){1&t&&e.nrm(0,"figure",1)}function z(t,o){if(1&t&&e.DNE(0,B,1,0,"figure",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?-1:0)}}function Y(t,o){if(1&t&&e.nrm(0,"div",3),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function Q(t,o){if(1&t&&e.nrm(0,"storefront-image",4),2&t){const n=e.XpG(3);e.Y8G("src",n.url)("lcpPrioritized",!0)("imageResolutionStrategy",null==n.config?null:n.config.imageResolutionStrategy)("height",n.getImageHeight())("extendedThumbnail",n.extendedThumbnail)}}function V(t,o){if(1&t&&(e.j41(0,"span",5),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties.caption)}}function W(t,o){if(1&t&&(e.j41(0,"span",6),e.EFF(1),e.k0s()),2&t){const n=e.XpG(4);e.R7$(),e.JRh(n.extendedThumbnail.properties["asset.photographer"])}}function O(t,o){if(1&t&&(e.j41(0,"figcaption"),e.DNE(1,V,2,1,"span",5)(2,W,2,1,"span",6),e.k0s()),2&t){const n=e.XpG(3);e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties.caption?1:-1),e.R7$(),e.vxM(null!=n.extendedThumbnail&&n.extendedThumbnail.properties["asset.photographer"]?2:-1)}}function J(t,o){if(1&t&&e.DNE(0,Y,1,5,"div",3)(1,Q,1,5,"storefront-image",4)(2,O,3,2,"figcaption"),2&t){const n=e.XpG(2);e.vxM(n.domHelper.leanDom?0:1),e.R7$(2),e.vxM(n.config.hideCaption?-1:2)}}function U(t,o){if(1&t&&e.DNE(0,J,3,2),2&t){const n=e.XpG();e.vxM(n.catalogContent?0:-1)}}let K=(()=>{var t;class o extends s{get elementClass(){return"featured-image"}}return(t=o).\u0275fac=(()=>{let n;return function(r){return(n\|\|(n=e.xGo(t)))(r\|\|t)}})(),t.\u0275cmp=e.VBU({type:t,selectors:[["figure",8,"pxp-content-featured-image"]],hostVars:2,hostBindings:function(i,r){2&i&&e.HbH(r.elementClass)},standalone:!1,features:[e.Vt3],attrs:S,decls:4,vars:1,consts:[["featureImageTemplate",""],[1,"featured-image"],[4,"ngTemplateOutlet"],[1,"pxp-image",3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[3,"src","lcpPrioritized","imageResolutionStrategy","height","extendedThumbnail"],[1,"caption"],[1,"credit"]],template:function(i,r){1&i&&e.DNE(0,j,2,1)(1,z,1,1)(2,U,1,1,"ng-template",null,0,e.C5r),2&i&&e.vxM(r.ghost?1:0)},dependencies:[l.T3,p.h,c.x],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>{position:absolute}.pxp-content-featured-image{position:relative;display:block}.pxp-content-featured-image .pxp-image{margin-top:var(--contentHeaderMarginTop);padding-bottom:var(--contentHeaderPaddingVert);padding-top:75%;width:100%;height:auto}.pxp-content-featured-image.ghost>{background-image:linear-gradient(90deg,var(--ghostColor) 0px,rgb(236,236,236) 40px,var(--ghostColor) 80px);background-size:80vw;animation:ghost-lines 2s infinite linear;background-color:var(--ghostColor);border-radius:var(--borderRadius);width:90%;height:1.2em}\n'],encapsulation:2}),o})(),Z=(()=>{var t;class o{}return(t=o).\u0275fac=function(i){return new(i\|\|t)},t.\u0275mod=e.$C({type:t}),t.\u0275inj=e.G2t({imports:[l.MD,L.U,H.h]}),o})();const A={component:s,leanDomComponent:K}}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_category_category_module_ts.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_category_category_module_ts"],{2630:(W,l,n)=>{n.r(l),n.d(l,{CategoryModule:()=>M,component:()=>O});var i=n(177),d=n(467),g=n(9379),t=n(3953),h=n(4452),v=n(8004),p=n(8251),C=n(610),y=n(3178),x=n(1210),u=n(2932),I=n(4365),f=function(e){return e.LATEST="latest",e.COVER="cover",e}(f\|\|{});const R={template:f.COVER,currentIssue:{template:I.W9.COVER}};var B=n(362),S=n.n(B),m=n(7879),T=n(5102),E=n(4744);function F(e,s){if(1&e){const a=t.RV6();t.j41(0,"storefront-issue",8,0),t.bIt("click",function(){const r=t.eBV(a).$implicit,c=t.sdS(1),Q=t.XpG(3);return t.Njj(Q.onClickIssue(r,c))}),t.k0s()}if(2&e){const a=s.$implicit,o=t.XpG(3);t.Y8G("~~baseContext~~",o.getIssueBaseContext(a))("~~baseConfig~~",o.config.currentIssue)}}function G(e,s){if(1&e&&(t.qex(0),t.DNE(1,F,2,2,"storefront-issue",7),t.bVm()),2&e){const a=t.XpG(2);t.R7$(),t.Y8G("ngForOf",a.getIssues())("ngForTrackBy",a.trackByElement)}}function k(e,s){if(1&e&&(t.qex(0),t.j41(1,"h3",4),t.EFF(2),t.k0s(),t.j41(3,"div",5),t.DNE(4,G,2,2,"ng-container",6),t.k0s(),t.bVm()),2&e){const a=t.XpG();t.R7$(2),t.JRh(a.category&&a.category.name),t.R7$(2),t.Y8G("ngIf",a.config)}}function $(e,s){if(1&e&&(t.j41(0,"div"),t.EFF(1),t.k0s()),2&e){const a=s.$implicit;t.ZvI("category-property ",a.key,""),t.R7$(),t.SpI(" ",a.value," ")}}function D(e,s){if(1&e&&(t.j41(0,"div",11),t.DNE(1,$,2,4,"div",12),t.nI1(2,"keyvalue"),t.k0s()),2&e){const a=t.XpG(2);t.R7$(),t.Y8G("ngForOf",t.bMT(2,2,a.category.properties))("ngForTrackBy",a.trackByProperty)}}function j(e,s){if(1&e&&(t.qex(0),t.nrm(1,"storefront-image",9),t.j41(2,"h3",4),t.EFF(3),t.k0s(),t.DNE(4,D,3,4,"div",10),t.bVm()),2&e){const a=t.XpG();t.R7$(),t.Y8G("src",a.category&&a.category.thumbnails&&a.category.thumbnails.default)("height",a.getImageHeight())("imageResolutionStrategy",null==a.config?null:a.config.imageResolutionStrategy),t.R7$(2),t.JRh(a.category&&a.category.name),t.R7$(),t.Y8G("ngIf",a.category)}}let A=(()=>{var e;class s extends x.${constructor(){super(...arguments),this.store=(0,t.WQX)(p.B),this.injector=(0,t.WQX)(t.zZn),this.eventActionService=(0,t.WQX)(v.G),this.purpleService=(0,t.WQX)(T.Wj),this.purpleEnv=(0,t.WQX)(m.r6),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,g.A)({},R)}onConfigChanges(){var o=this;return(0,d.A)(function(){o.config.dataSource?(o.dataSource=(0,h.O8)(o.injector,o.config.dataSource,o.elementRef.nativeElement,o.document),o.store.subscribe(o.dataSource.data$,r=>{o.category=r[0],o.context.category=o.category},y.lQ,y.lQ,"data"),yield o.dataSource.loadData()):o.category=o.context.category,o.changeDetectorRef.markForCheck()})()}getId(){return this.category?this.category.id:this.~~mutableBaseContext~~()&&this.~~mutableBaseContext~~().category&&this.~~mutableBaseContext~~().category.id}getImageHeight(){return this.config&&this.config.coverHeight\|\|this.getDefaultImageHeight()}getDefaultImageHeight(){return u.q.DEFAULT}getIssues(){return this.category&&this.category.issues?this.category.issues.nodes:Array(this.config.dataSource&&this.config.dataSource.includeIssues\|\|3).fill(null)}getIssueBaseContext(o){return(0,g.A)((0,g.A)({},this.~~mutableBaseContext~~()),{},{issue:o})}onClickIssue(o,r){this.config.tapIssue&&(r.getDownloadHandler().then(c=>{this.store.dispatch((0,C.k4)({url:window.location.href,key:"".concat(this.getTrackingBaseKey(),"_").concat(r.getTrackingBaseKey(c),"_CLICKED"),params:(0,g.A)((0,g.A)({},this.getTrackingParams()),r.getTrackingParams(c))}))}),this.eventActionService.processEventAction(this.config.tapIssue,r))}isGhost(){return!this.category}hasContextChanged(o){return!this.config.dataSource&&!S()(o.category,this.category)\|\|super.hasContextChanged(o)}getConfigEscapeProperties(){return[...super.getConfigEscapeProperties(),"currentIssue"]}getTrackingParams(){return(0,m.sZ)(this.category)}trackByElement(o,r){var c;return null!==(c=null==r?void 0:r.id)&&void 0!==c?c:o}trackByProperty(o,r){var c;return null!==(c=null==r?void 0:r.key)&&void 0!==c?c:o}}return(e=s).type="category",e.\u0275fac=(()=>{let a;return function(r){return(a\|\|(a=t.xGo(e)))(r\|\|e)}})(),e.\u0275cmp=t.VBU({type:e,selectors:[["storefront-category"]],standalone:!1,features:[t.Jv_([p.B]),t.Vt3],decls:3,vars:2,consts:[["issueComponent",""],[3,"ngSwitch"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],[1,"category-title"],[1,"category-issues"],[4,"ngIf"],[3,"~~baseContext~~","~~baseConfig~~","click",4,"ngFor","ngForOf","ngForTrackBy"],[3,"click","~~baseContext~~","~~baseConfig~~"],[3,"src","height","imageResolutionStrategy"],["class","category-properties",4,"ngIf"],[1,"category-properties"],[3,"class",4,"ngFor","ngForOf","ngForTrackBy"]],template:function(o,r){1&o&&(t.qex(0,1),t.DNE(1,k,5,2,"ng-container",2)(2,j,5,5,"ng-container",3),t.bVm()),2&o&&(t.Y8G("ngSwitch",r.template),t.R7$(),t.Y8G("ngSwitchCase","latest"))},dependencies:[i.Sq,i.bT,i.ux,i.e1,i.fG,E.z,u.h,i.lG],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>{position:absolute}storefront-category,.pxp-category{display:flex;flex-direction:column}storefront-category .category-properties,.pxp-category .category-properties{display:none}storefront-category[template=cover] .category-title,storefront-category[data-pxp-template=cover] .category-title,.pxp-category[template=cover] .category-title,.pxp-category[data-pxp-template=cover] .category-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}storefront-category[template=latest] .category-title,storefront-category[data-pxp-template=latest] .category-title,.pxp-category[template=latest] .category-title,.pxp-category[data-pxp-template=latest] .category-title{display:block}storefront-category[template=latest] .category-issues,storefront-category[data-pxp-template=latest] .category-issues,.pxp-category[template=latest] .category-issues,.pxp-category[data-pxp-template=latest] .category-issues{display:flex;width:100%}\n'],encapsulation:2}),s})();var X=n(1367),V=n(6483),b=n(4403);let M=(()=>{var e;class s{}return(e=s).\u0275fac=function(o){return new(o\|\|e)},e.\u0275mod=t.$C({type:e}),e.\u0275inj=t.G2t({imports:[i.MD,X.IssueModule,b.U,V.h]}),s})();const O=A}}]);
1	+ "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_category_category_module_ts"],{2630:(Y,l,n)=>{n.r(l),n.d(l,{CategoryModule:()=>O,component:()=>Q});var i=n(177),d=n(467),g=n(9379),t=n(3953),h=n(4452),v=n(8004),p=n(8251),C=n(610),y=n(3178),x=n(1210),u=n(2932),I=n(4365),f=function(e){return e.LATEST="latest",e.COVER="cover",e}(f\|\|{});const B={template:f.COVER,currentIssue:{template:I.W9.COVER}};var R=n(362),S=n.n(R),m=n(7879),T=n(5102),E=n(4744);function F(e,s){if(1&e){const a=t.RV6();t.j41(0,"storefront-issue",8,0),t.bIt("click",function(){const r=t.eBV(a).$implicit,c=t.sdS(1),W=t.XpG(3);return t.Njj(W.onClickIssue(r,c))}),t.k0s()}if(2&e){const a=s.$implicit,o=t.XpG(3);t.Y8G("parentBaseContext",o.getIssueBaseContext(a))("parentBaseConfig",o.config.currentIssue)}}function G(e,s){if(1&e&&(t.qex(0),t.DNE(1,F,2,2,"storefront-issue",7),t.bVm()),2&e){const a=t.XpG(2);t.R7$(),t.Y8G("ngForOf",a.getIssues())("ngForTrackBy",a.trackByElement)}}function k(e,s){if(1&e&&(t.qex(0),t.j41(1,"h3",4),t.EFF(2),t.k0s(),t.j41(3,"div",5),t.DNE(4,G,2,2,"ng-container",6),t.k0s(),t.bVm()),2&e){const a=t.XpG();t.R7$(2),t.JRh(a.category&&a.category.name),t.R7$(2),t.Y8G("ngIf",a.config)}}function $(e,s){if(1&e&&(t.j41(0,"div"),t.EFF(1),t.k0s()),2&e){const a=s.$implicit;t.ZvI("category-property ",a.key,""),t.R7$(),t.SpI(" ",a.value," ")}}function D(e,s){if(1&e&&(t.j41(0,"div",11),t.DNE(1,$,2,4,"div",12),t.nI1(2,"keyvalue"),t.k0s()),2&e){const a=t.XpG(2);t.R7$(),t.Y8G("ngForOf",t.bMT(2,2,a.category.properties))("ngForTrackBy",a.trackByProperty)}}function j(e,s){if(1&e&&(t.qex(0),t.nrm(1,"storefront-image",9),t.j41(2,"h3",4),t.EFF(3),t.k0s(),t.DNE(4,D,3,4,"div",10),t.bVm()),2&e){const a=t.XpG();t.R7$(),t.Y8G("src",a.category&&a.category.thumbnails&&a.category.thumbnails.default)("height",a.getImageHeight())("imageResolutionStrategy",null==a.config?null:a.config.imageResolutionStrategy),t.R7$(2),t.JRh(a.category&&a.category.name),t.R7$(),t.Y8G("ngIf",a.category)}}let A=(()=>{var e;class s extends x.${constructor(){super(...arguments),this.store=(0,t.WQX)(p.B),this.injector=(0,t.WQX)(t.zZn),this.eventActionService=(0,t.WQX)(v.G),this.purpleService=(0,t.WQX)(T.Wj),this.purpleEnv=(0,t.WQX)(m.r6),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,g.A)({},B)}onConfigChanges(){var o=this;return(0,d.A)(function(){o.config.dataSource?(o.dataSource=(0,h.O8)(o.injector,o.config.dataSource,o.elementRef.nativeElement,o.document),o.store.subscribe(o.dataSource.data$,r=>{o.category=r[0],o.context.category=o.category},y.lQ,y.lQ,"data"),yield o.dataSource.loadData()):o.category=o.context.category,o.changeDetectorRef.markForCheck()})()}getId(){return this.category?this.category.id:this.baseContext()&&this.baseContext().category&&this.baseContext().category.id}getImageHeight(){return this.config&&this.config.coverHeight\|\|this.getDefaultImageHeight()}getDefaultImageHeight(){return u.q.DEFAULT}getIssues(){return this.category&&this.category.issues?this.category.issues.nodes:Array(this.config.dataSource&&this.config.dataSource.includeIssues\|\|3).fill(null)}getIssueBaseContext(o){return(0,g.A)((0,g.A)({},this.baseContext()),{},{issue:o})}onClickIssue(o,r){this.config.tapIssue&&(r.getDownloadHandler().then(c=>{this.store.dispatch((0,C.k4)({url:window.location.href,key:"".concat(this.getTrackingBaseKey(),"_").concat(r.getTrackingBaseKey(c),"_CLICKED"),params:(0,g.A)((0,g.A)({},this.getTrackingParams()),r.getTrackingParams(c))}))}),this.eventActionService.processEventAction(this.config.tapIssue,r))}isGhost(){return!this.category}hasContextChanged(o){return!this.config.dataSource&&!S()(o.category,this.category)\|\|super.hasContextChanged(o)}getConfigEscapeProperties(){return[...super.getConfigEscapeProperties(),"currentIssue"]}getTrackingParams(){return(0,m.sZ)(this.category)}trackByElement(o,r){var c;return null!==(c=null==r?void 0:r.id)&&void 0!==c?c:o}trackByProperty(o,r){var c;return null!==(c=null==r?void 0:r.key)&&void 0!==c?c:o}}return(e=s).type="category",e.\u0275fac=(()=>{let a;return function(r){return(a\|\|(a=t.xGo(e)))(r\|\|e)}})(),e.\u0275cmp=t.VBU({type:e,selectors:[["storefront-category"]],standalone:!1,features:[t.Jv_([p.B]),t.Vt3],decls:3,vars:2,consts:[["issueComponent",""],[3,"ngSwitch"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],[1,"category-title"],[1,"category-issues"],[4,"ngIf"],[3,"parentBaseContext","parentBaseConfig","click",4,"ngFor","ngForOf","ngForTrackBy"],[3,"click","parentBaseContext","parentBaseConfig"],[3,"src","height","imageResolutionStrategy"],["class","category-properties",4,"ngIf"],[1,"category-properties"],[3,"class",4,"ngFor","ngForOf","ngForTrackBy"]],template:function(o,r){1&o&&(t.qex(0,1),t.DNE(1,k,5,2,"ng-container",2)(2,j,5,5,"ng-container",3),t.bVm()),2&o&&(t.Y8G("ngSwitch",r.template),t.R7$(),t.Y8G("ngSwitchCase","latest"))},dependencies:[i.Sq,i.bT,i.ux,i.e1,i.fG,E.z,u.h,i.lG],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>{position:absolute}storefront-category,.pxp-category{display:flex;flex-direction:column}storefront-category .category-properties,.pxp-category .category-properties{display:none}storefront-category[template=cover] .category-title,storefront-category[data-pxp-template=cover] .category-title,.pxp-category[template=cover] .category-title,.pxp-category[data-pxp-template=cover] .category-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}storefront-category[template=latest] .category-title,storefront-category[data-pxp-template=latest] .category-title,.pxp-category[template=latest] .category-title,.pxp-category[data-pxp-template=latest] .category-title{display:block}storefront-category[template=latest] .category-issues,storefront-category[data-pxp-template=latest] .category-issues,.pxp-category[template=latest] .category-issues,.pxp-category[data-pxp-template=latest] .category-issues{display:flex;width:100%}\n'],encapsulation:2}),s})();var X=n(1367),V=n(6483),M=n(4403);let O=(()=>{var e;class s{}return(e=s).\u0275fac=function(o){return new(o\|\|e)},e.\u0275mod=t.$C({type:e}),e.\u0275inj=t.G2t({imports:[i.MD,X.IssueModule,M.U,V.h]}),s})();const Q=A}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_collection_collection_module_ts.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_collection_collection_module_ts"],{1750:(pe,m,r)=>{r.r(m),r.d(m,{CollectionModule:()=>se,component:()=>oe});var w=r(177),f=r(467),g=r(9379),t=r(3953),u=r(5343),T=r(5964),D=r(4452),F=r(5102),v=r(9516),x=r(1652),C=r(8251);const B={dataSource:null};var A=r(3713),b=r(9079),W=r(7879),R=r(6239),y=r(3331),k=r(3648),z=r(5273),P=r(3178),Q=r(152),X=r(9758),M=r(1985),O=r(8890),G=r(8179),S=r(3),V=r(6860),j=r(7900),H=r(8075),N=r(5927);const $=["container"],Y=["ghostTemplate"],Z=["template"],U=["indicator"],K=["pagination"],J=["wrapper"];function _(a,c){1&a&&t.nrm(0,"div",14,5)}function q(a,c){if(1&a&&(t.j41(0,"div",11),t.DNE(1,_,2,0,"div",12),t.nrm(2,"div",13,4),t.k0s()),2&a){const o=t.XpG();t.R7$(),t.Y8G("ngIf","tabs"===o.paginationType)}}function ee(a,c){1&a&&(t.j41(0,"div",11),t.nrm(1,"div",13),t.k0s())}function te(a,c){if(1&a){const o=t.RV6();t.qex(0),t.j41(1,"div",15),t.bIt("click",function(){t.eBV(o);const i=t.XpG();return t.Njj(i.onClickPrev())}),t.k0s(),t.j41(2,"div",16),t.bIt("click",function(){t.eBV(o);const i=t.XpG();return t.Njj(i.onClickNext())}),t.k0s(),t.bVm()}}const I="swiper-pagination-tab",L="swiper-pagination-tab-active",d=Math.floor(2.5);let ie=(()=>{var a;class c{constructor(){this.elementRef=(0,t.WQX)(t.aKT),this.factoryResolver=(0,t.WQX)(t.OM3),this.renderer=(0,t.WQX)(t.sFG),this.router=(0,t.WQX)(y.Ix),this.store=(0,t.WQX)(C.B),this.contextService=(0,t.WQX)(v.V),this.ngZone=(0,t.WQX)(t.SKi),this.platform=(0,t.WQX)(V.OD),this.destroyRef=(0,t.WQX)(t.abz),this.translateService=(0,t.WQX)(j.c),this.matRippleOptions=(0,t.WQX)(S.$E),this.document=(0,t.WQX)(w.qQ),this.platformId=(0,t.WQX)(t.Agw),this.transferState=(0,t.WQX)(t.pJN),this.route=(0,t.WQX)(y.nX),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.globalService=(0,t.WQX)(x.d),this.domHelper=(0,t.WQX)(N.S),this.currentSlide=(0,t.hFB)(),this._currentSlide=(0,t.uuI)(()=>this.currentSlide()),this.articleId=(0,t.hFB)(void 0),this.config=(0,t.hFB)({type:"swiper",content:{type:"section",content:[{type:"content-title"},{type:"content-body"}]},dataSource:{type:"content"}}),this.defaultConfig=(0,g.A)({},R.d),this.swiperConfig={centeredSlides:!0,slidesPerView:"auto",loop:!1,spaceBetween:0,floatEffect:{scale:.9,slideWidth:60,spaceBetweenAsPercentage:!1,opacity:.5},pagination:{el:".swiper-pagination",type:"bullets"},autoHeight:!1,initialSlide:0,shortSwipesRatio:.1},this.slides=[],this.ripples=[]}set collection(e){e&&e!==this._collection?(this._collection=e,this.setCollection()):this._collection=[]}get heightStrategy(){return this.swiperConfig.height}get regularHeightStrategy(){return this.domHelper.regularSelector(this.heightStrategy)}get prefixedHeightStrategy(){return this.domHelper.prefixedSelector(this.heightStrategy)}get paginationType(){const e=this.swiperConfig.pagination;return e?"boolean"==typeof e?"bullets":this.swiperConfig.pagination.type:null}get regularPaginationType(){return this.domHelper.regularSelector(this.paginationType)}get prefixedPaginationType(){return this.domHelper.prefixedSelector(this.paginationType)}get swiperEffect(){return(0,g.A)({},this.defaultConfig).effect}get regularEffect(){return this.domHelper.regularSelector(this.swiperEffect)}get prefixedEffect(){return this.domHelper.prefixedSelector(this.swiperEffect)}ngOnInit(){var e=this;return(0,f.A)(function(){e.route.queryParams.pipe((0,b.pQ)()).subscribe(i=>{const n=i[e.getParam()];if(n){if(e._currentSlide()){let s=e.getSlideIndex(n)-e.getCurrentSlideIndex();Math.abs(s)>Math.floor(e._collection.length/2)&&(s=-1Math.sign(s)(e._collection.length-Math.abs(s))),e.updateSlides(s)}e._currentSlide.set(n)}}),e.contextService.moveToSlideSubject.pipe((0,b.pQ)(e.destroyRef)).subscribe(i=>{if(e.swiper&&i){const n=e.getSlideIndex(i);e.slides[n].lazyLoad(),e.swiper.slideTo(e._collection.length+n)}}),yield e.translateService.inited,Array(3).fill(null).forEach((i,n)=>e.renderSlide(n,{ghost:!0})),e.initializing=!0})()}updateRipples(){const e=this.elementRef.nativeElement.querySelectorAll(".".concat(I));this.ripples.forEach(i=>i.ngOnDestroy()),this.ripples=[],e.forEach(i=>{const n=new S.r6(new t.aKT(i),this.ngZone,this.platform,(0,g.A)({},this.matRippleOptions));n.ngOnInit(),this.ripples.push(n)})}ngOnDestroy(){this.swiper&&this.swiper.destroy()}initSwiperConfig(){var e=this;return(0,f.A)(function(){e.swiperConfig.loop=e.defaultConfig.loop,e.swiperConfig.effect=e.defaultConfig.effect,"tabs"===e.paginationType&&(e.swiperConfig.pagination.bulletClass=I,e.swiperConfig.pagination.bulletActiveClass=L,e.swiperConfig.pagination.clickable=!0,e.swiperConfig.pagination.renderBullet=(n,s)=>{let l=n;const p=e.config();return"object"==typeof p.pagination&&p.pagination.content&&(l=e.translateService.translate((0,G.uQ)(p.pagination.content,e.getEntryContext(e.getData()[n]),e.contextService.$functions,e.globalService.getGlobalData()))),'<span class="'+s+'">'+l+"</span>"});const i=e.ngZone.runOutsideAngular(()=>new M.c(n=>{var s;e.swiperConfig.on={slideChangeTransitionEnd:()=>{n.next()},slideChange:s=>{e.swiper&&(e.slides[e.swiper.activeIndex].lazyLoad(),n.next())},init:(s=(0,f.A)(function(){e.slides&&e.slides.length&&e.ngZone.run((0,f.A)(function(){const l=(0,P.KF)(e.slides,e.swiperConfig.initialSlide);if(yield l[0].lazyLoad(),e._collection.length>2)for(let p=1;p<=2;p++)l[pe._collection.length+1].lazyLoad(),l[pe._collection.length].lazyLoad();e.elementRef.nativeElement.classList.add("initialized"),setTimeout(()=>e.loadNext(e.swiperConfig.initialSlide-d),e.config().lazyloadDelay\|\|1e3)}))}),function(){return s.apply(this,arguments)}),paginationUpdate:()=>{e.updateRipples(),e.updatePositionIndicator()}}}));e.config().autoplay&&new IntersectionObserver(([s])=>{s.isIntersecting?e.swiper.autoplay&&!e.swiper.autoplay.running&&e.swiper.autoplay.start():e.swiper.autoplay&&e.swiper.autoplay.stop()},{rootMargin:"0px",threshold:.9}).observe(e.elementRef.nativeElement),e.ngZone.runOutsideAngular(()=>{i.pipe((0,Q.B)(300)).subscribe(n=>{(!e.swiper\|\|!e.swiper.autoplay\|\|!e.swiper.autoplay.running)&&e.ngZone.run(()=>{e.updateSelection()})})}),e.swiperConfig.loopClone=(n,s)=>{e.renderSlide(n,{prepend:s,clone:!0})},e.store.subscribe((0,O.Ne)(),n=>e.updatePositionIndicator())})()}setCollection(){this.initSwiperConfig(),this.contentTemplate.clear(),this.slides=[],Array.from(this.wrapper.nativeElement.children).forEach(i=>i.remove()),this.getCurrentSlideIndex(),this._collection.forEach((i,n)=>this.renderSlide(n)),this.swiperConfig.initialSlide=this.getCurrentSlideIndex(),this.initializing=!1,this._collection.length<2&&(this.swiperConfig.loop=!1,this.swiperConfig.autoplay=!1),this.initSwiper()}renderSlide(e,i={clone:!1,prepend:!1,ghost:!1}){var n;const s=i.ghost?this.ghostTemplate:this.contentTemplate,l=null===(n=this.getData())\|\|void 0===n?void 0:n[e],p=this.factoryResolver.resolveComponentFactory(k._).create(s.injector),h=p.hostView.rootNodes[0];return this.renderer.addClass(h,"swiper-slide"),i.clone&&this.renderer.addClass(h,"swiper-slide-duplicate"),p.instance.mutableBaseConfig.set(this.getEntryConfig(l)),p.instance.mutableBaseContext.set(this.getEntryContext(l)),p.instance.elementDataType.set(this.getDataType()),i.ghost\|\|p.instance.elementLazy.set(!0),"float"===this.defaultConfig.effect&&(this.renderer.setStyle(h,"width",this.swiperConfig.floatEffect.slideWidth+"%"),e!==this.getCurrentSlideIndex()&&(this.renderer.setStyle(h,"transform","scale(".concat(this.swiperConfig.floatEffect.scale,")")),this.renderer.setStyle(h,"opacity",this.swiperConfig.floatEffect.opacity))),this.slides.push(p.instance),s.insert(p.hostView,i.prepend?0:null),p.instance}initSwiper(){this.swiper&&(this.swiper.destroy(),delete this.swiper),(0,w.UE)(this.platformId)&&this.ngZone.runOutsideAngular(()=>{this.swiper=new z.A(this.container.nativeElement,this.swiperConfig)}),this.ghostTemplate.clear()}onClickPrev(){this.swiper&&(this.swiper.animating=!1,this.swiper.slidePrev())}onClickNext(){this.swiper&&(this.swiper.animating=!1,this.swiper.slideNext())}getData(){return this._collection}isGhost(){return this.initializing}updateSelection(){if(this.swiper){var e;let i=this.swiper.realIndex;i>(null===(e=this.getData())\|\|void 0===e?void 0:e.length)&&(i=0);const n=this.slides[i],s=n&&n.getDataId(),l=this.config();s&&s!==this.currentId&&!l.autoplay&&(this.currentId=s,l.paramScope===X.x.USER_ATTRIBUTE?this.contextService.setUserAttribute(this.getParam(),s):(0,H.CV)(this.router,{[this.getParam()]:s}))}}updatePositionIndicator(){if("tabs"===this.paginationType&&this.indicator&&this.indicator.nativeElement){const e=this.elementRef.nativeElement.querySelector(".".concat(L)),i=this.indicator.nativeElement;i.style.transform="translateX(calc(".concat(e.offsetLeft+e.parentElement.offsetLeft+e.offsetWidth/2,"px - 50%)) translateY(calc(").concat(e.offsetTop+e.parentElement.offsetTop+e.offsetHeight/2,"px - 50%))"),i.style.width=e.offsetWidth+"px",i.style.height=e.offsetHeight+"px",this.changeDetectorRef.detectChanges()}}getCurrentSlideIndex(){return this.getSlideIndex(this._currentSlide())}getSlideIndex(e){var i,n;return Math.max(null!==(i=null===(n=this._collection)\|\|void 0===n?void 0:n.findIndex(s=>s.id===e))&&void 0!==i?i:0,0)}getParam(){const e=this.config();return e&&e.param\|\|"swiper-id"}getEntryContext(e){return(0,g.A)((0,g.A)({},{}),{},{[this.config().dataSource.type]:e})}getEntryConfig(e){return e&&e.ad\|\|(0,g.A)({},this.config().content)}getDataType(){return this.config().dataSource.type}updateSlides(e){for(let i=1;i<=Math.abs(e);i++)if(i<=5){const n=e<0?this.getCurrentSlideIndex()+d+1-i:this.getCurrentSlideIndex()-d-1+i,p=((e<0?this.getCurrentSlideIndex()-(d+1-(Math.abs(e)-i)):this.getCurrentSlideIndex()+(d+1+(Math.abs(e)-i)))+this._collection.length)%this._collection.length;this.slides[(n+this._collection.length)%this._collection.length].clear(),this.slides[p].lazyLoad()}}loadNext(e){e<=this.swiperConfig.initialSlide+d&&(this.slides[(e+this._collection.length)%this._collection.length].lazyLoad(),setTimeout(()=>this.loadNext(e+1),this.config().lazyloadDelay\|\|1e3))}}return(a=c).type="swiper",a.\u0275fac=function(e){return new(e\|\|a)},a.\u0275cmp=t.VBU({type:a,selectors:[["storefront-base-swiper"]],viewQuery:function(e,i){if(1&e&&(t.GBs($,7),t.GBs(Y,7,t.c1b),t.GBs(Z,7,t.c1b),t.GBs(U,5,t.aKT),t.GBs(K,5,t.aKT),t.GBs(J,7)),2&e){let n;t.mGM(n=t.lsd())&&(i.container=n.first),t.mGM(n=t.lsd())&&(i.ghostTemplate=n.first),t.mGM(n=t.lsd())&&(i.contentTemplate=n.first),t.mGM(n=t.lsd())&&(i.indicator=n.first),t.mGM(n=t.lsd())&&(i.pagination=n.first),t.mGM(n=t.lsd())&&(i.wrapper=n.first)}},hostVars:6,hostBindings:function(e,i){2&e&&t.BMQ("height-strategy",i.regularHeightStrategy)("data-pxp-height-strategy",i.prefixedHeightStrategy)("pagination-type",i.regularPaginationType)("data-pxp-pagination-type",i.prefixedPaginationType)("effect",i.regularEffect)("data-pxp-effect",i.prefixedEffect)},inputs:{collection:"collection",currentSlide:[1,"currentSlide"],articleId:[1,"articleId"],config:[1,"config"]},standalone:!1,decls:13,vars:3,consts:[["container",""],["wrapper",""],["template",""],["ghostTemplate",""],["pagination",""],["indicator",""],[1,"swiper-container"],[1,"swiper-wrapper"],["class","swiper-pagination-wrapper",4,"ngIf"],[1,"swiper-container","swiper-container-ghost"],[4,"ngIf"],[1,"swiper-pagination-wrapper"],["class","pagination-position-indicator",4,"ngIf"],[1,"swiper-pagination"],[1,"pagination-position-indicator"],[1,"swiper-button","swiper-button-prev","icon","icon-arrow-left",3,"click"],[1,"swiper-button","swiper-button-next","icon","icon-arrow-right",3,"click"]],template:function(e,i){1&e&&(t.j41(0,"div",6,0)(2,"div",7,1),t.eu8(4,null,2),t.k0s(),t.DNE(6,q,4,1,"div",8),t.k0s(),t.j41(7,"div",9)(8,"div",7),t.eu8(9,null,3),t.k0s(),t.DNE(11,ee,2,0,"div",8),t.k0s(),t.DNE(12,te,3,0,"ng-container",10)),2&e&&(t.R7$(6),t.Y8G("ngIf",i.defaultConfig&&i.defaultConfig.pagination),t.R7$(5),t.Y8G("ngIf",i.defaultConfig&&i.defaultConfig.pagination),t.R7$(),t.Y8G("ngIf",i.defaultConfig&&i.defaultConfig.navButtons))},dependencies:[w.bT],styles:[".swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:#00000040;position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:#ffffff40}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:#00000040}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-container-float .swiper-wrapper .swiper-slide{transition-property:transform,opacity}storefront-base-swiper,.pxp-base-swiper{display:block;position:relative;overflow:hidden;width:100%}storefront-base-swiper .swiper-container,.pxp-base-swiper .swiper-container{width:100%}storefront-base-swiper .swiper-container .swiper-wrapper,.pxp-base-swiper .swiper-container .swiper-wrapper{opacity:0}storefront-base-swiper .swiper-container.swiper-container-ghost,.pxp-base-swiper .swiper-container.swiper-container-ghost{position:fixed;top:0}storefront-base-swiper .swiper-container.swiper-container-ghost .swiper-wrapper,.pxp-base-swiper .swiper-container.swiper-container-ghost .swiper-wrapper{opacity:1}storefront-base-swiper.initialized .swiper-container .swiper-wrapper,.pxp-base-swiper.initialized .swiper-container .swiper-wrapper{opacity:1}storefront-base-swiper.initialized .swiper-container-ghost,.pxp-base-swiper.initialized .swiper-container-ghost{display:none}storefront-base-swiper[effect=float] .swiper-container-ghost .swiper-wrapper,storefront-base-swiper[data-pxp-effect=float] .swiper-container-ghost .swiper-wrapper,.pxp-base-swiper[effect=float] .swiper-container-ghost .swiper-wrapper,.pxp-base-swiper[data-pxp-effect=float] .swiper-container-ghost .swiper-wrapper{justify-content:center}storefront-base-swiper.ghost .swiper-container,.pxp-base-swiper.ghost .swiper-container{position:absolute}storefront-base-swiper.ghost .swiper-container .swiper-wrapper,.pxp-base-swiper.ghost .swiper-container .swiper-wrapper{opacity:0}storefront-base-swiper.ghost .swiper-container.swiper-container-ghost,.pxp-base-swiper.ghost .swiper-container.swiper-container-ghost{display:block;position:relative}storefront-base-swiper.ghost .swiper-container.swiper-container-ghost .swiper-wrapper,.pxp-base-swiper.ghost .swiper-container.swiper-container-ghost .swiper-wrapper{opacity:1}storefront-base-swiper .swiper-pagination,.pxp-base-swiper .swiper-pagination{position:relative;margin:var(--gutter) 0;color:var(--swiperPaginationColor)}storefront-base-swiper .swiper-pagination .swiper-pagination-bullet,.pxp-base-swiper .swiper-pagination .swiper-pagination-bullet{margin:0 4px}storefront-base-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.pxp-base-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--swiperPaginationColor)}storefront-base-swiper .swiper-button,.pxp-base-swiper .swiper-button{background:transparent;position:fixed;top:50%;display:flex;justify-content:center;align-items:center;width:50px;height:50px}storefront-base-swiper .swiper-button .swiper-button-prev,.pxp-base-swiper .swiper-button .swiper-button-prev{left:0;right:auto}storefront-base-swiper .swiper-button .swiper-button-next,.pxp-base-swiper .swiper-button .swiper-button-next{right:0;left:auto}storefront-base-swiper[height-strategy=FILL_VIEWPORT],storefront-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT],.pxp-base-swiper[height-strategy=FILL_VIEWPORT],.pxp-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]{height:calc(100vh - var(--navigationHeight) - var(--appBarHeight))}storefront-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container,storefront-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container,.pxp-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container,.pxp-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container{height:100%}storefront-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>,storefront-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>,.pxp-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>,.pxp-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>{padding-top:var(--swiperPaginationTabHeight);max-height:100%}storefront-base-swiper[pagination-type=tabs] .swiper-pagination-wrapper,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination-wrapper,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination-wrapper,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination-wrapper{position:fixed;top:var(--appBarHeight);bottom:auto!important;background-color:var(--swiperPaginationBackgroundColor);margin:0;height:var(--swiperPaginationTabHeight);display:flex;justify-content:center;align-items:center;width:100%;z-index:1}storefront-base-swiper[pagination-type=tabs] .pagination-position-indicator,storefront-base-swiper[data-pxp-pagination-type=tabs] .pagination-position-indicator,.pxp-base-swiper[pagination-type=tabs] .pagination-position-indicator,.pxp-base-swiper[data-pxp-pagination-type=tabs] .pagination-position-indicator{position:absolute;height:100%;bottom:0;left:0;transition:transform .15s ease;background:transparent;border-bottom:var(--swiperPaginationBorderWidth) solid var(--swiperPaginationColor);overflow:hidden}storefront-base-swiper[pagination-type=tabs] .swiper-pagination,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination{height:100%;display:flex;justify-content:center;align-items:center;width:100%;margin:0;max-width:640px}storefront-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab{display:flex;align-items:center;justify-content:center;background:transparent!important;border-radius:0;width:auto;height:100%;flex:1 1 0;padding:10px;position:relative;overflow:hidden}storefront-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active{color:var(--swiperPaginationColor)}.swiper-button-next,.swiper-button-prev{position:fixed!important}\n"],encapsulation:2,changeDetection:0}),c})();function ne(a,c){if(1&a&&(t.qex(0),t.nrm(1,"storefront-base-swiper",1),t.bVm()),2&a){const o=t.XpG();t.R7$(),t.Y8G("currentSlide",o.currentSlide)("collection",o.collection)}}let re=(()=>{var a;class c extends A.r{constructor(){super(...arguments),this.elementRef=(0,t.WQX)(t.aKT),this.contextService=(0,t.WQX)(v.V),this.injector=(0,t.WQX)(t.zZn),this.store=(0,t.WQX)(C.B),this.destroyRef=(0,t.WQX)(t.abz),this.transferState=(0,t.WQX)(t.pJN),this.purpleService=(0,t.WQX)(F.Wj),this.globalService=(0,t.WQX)(x.d),this.purpleEnv=(0,t.WQX)(W.r6),this.document=(0,t.WQX)(w.qQ),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,g.A)({},B)}ngOnInit(){this.currentSlide=this.getArticleId(),super.ngOnInit()}onConfigChanges(){var e=this;return(0,f.A)(function*(){const i=e.getExcludedData();null!=i&&(e.dataSource?e.dataSource.hasConfigChanged(e.config.dataSource)&&(e.dataSource.setConfig(e.config.dataSource),e.dataSource.reset()):(e.dataSource=(0,D.O8)(e.injector,e.config.dataSource,e.elementRef.nativeElement,e.document),i.length>0&&e.dataSource.setExcludedData(i)),e.store.hasSubscription("data")\|\|(e.store.subscribe(e.dataSource.data$.pipe((0,T.p)(n=>!!n&&e.dataSource.hasData()),(0,b.pQ)(e.destroyRef)),n=>{e.collection=n,e.contextService.dataCollectionSubject.next(n),e.changeDetectorRef.detectChanges(),!e.collection\|\|e.collection.length&&e.collection.every(l=>null===l)\|\|e.dataArrived(e.collection)},u.l,u.l,"data"),e.store.subscribe(e.dataSource.error$,n=>{n&&e.dataArrived([])},u.l,u.l,"error")),e.dataSource.loadData())})()}getArticleId(){return new URL(window.location.href).searchParams.get("content")}}return(a=c).\u0275fac=(()=>{let o;return function(i){return(o\|\|(o=t.xGo(a)))(i\|\|a)}})(),a.\u0275cmp=t.VBU({type:a,selectors:[["storefront-collection"]],standalone:!1,features:[t.Vt3],decls:1,vars:1,consts:[[4,"ngIf"],[3,"currentSlide","collection"]],template:function(e,i){1&e&&t.DNE(0,ne,2,2,"ng-container",0),2&e&&t.Y8G("ngIf",i.config)},dependencies:[w.bT,ie],encapsulation:2,changeDetection:0}),c})();var ae=r(3303);let se=(()=>{var a;class c{}return(a=c).\u0275fac=function(e){return new(e\|\|a)},a.\u0275mod=t.$C({type:a}),a.\u0275inj=t.G2t({imports:[w.MD,ae.y]}),c})();const oe=re}}]);
1	+ "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_collection_collection_module_ts"],{1750:(pe,m,r)=>{r.r(m),r.d(m,{CollectionModule:()=>se,component:()=>oe});var w=r(177),f=r(467),g=r(9379),t=r(3953),u=r(5343),T=r(5964),D=r(4452),F=r(5102),v=r(9516),x=r(1652),C=r(8251);const B={dataSource:null};var A=r(3713),b=r(9079),W=r(7879),R=r(6239),y=r(3331),k=r(3648),z=r(5273),P=r(3178),Q=r(152),X=r(9758),M=r(1985),O=r(8890),G=r(8179),S=r(3),V=r(6860),j=r(7900),H=r(8075),N=r(5927);const $=["container"],Y=["ghostTemplate"],Z=["template"],U=["indicator"],K=["pagination"],J=["wrapper"];function _(a,c){1&a&&t.nrm(0,"div",14,5)}function q(a,c){if(1&a&&(t.j41(0,"div",11),t.DNE(1,_,2,0,"div",12),t.nrm(2,"div",13,4),t.k0s()),2&a){const o=t.XpG();t.R7$(),t.Y8G("ngIf","tabs"===o.paginationType)}}function ee(a,c){1&a&&(t.j41(0,"div",11),t.nrm(1,"div",13),t.k0s())}function te(a,c){if(1&a){const o=t.RV6();t.qex(0),t.j41(1,"div",15),t.bIt("click",function(){t.eBV(o);const i=t.XpG();return t.Njj(i.onClickPrev())}),t.k0s(),t.j41(2,"div",16),t.bIt("click",function(){t.eBV(o);const i=t.XpG();return t.Njj(i.onClickNext())}),t.k0s(),t.bVm()}}const I="swiper-pagination-tab",L="swiper-pagination-tab-active",d=Math.floor(2.5);let ie=(()=>{var a;class c{constructor(){this.elementRef=(0,t.WQX)(t.aKT),this.factoryResolver=(0,t.WQX)(t.OM3),this.renderer=(0,t.WQX)(t.sFG),this.router=(0,t.WQX)(y.Ix),this.store=(0,t.WQX)(C.B),this.contextService=(0,t.WQX)(v.V),this.ngZone=(0,t.WQX)(t.SKi),this.platform=(0,t.WQX)(V.OD),this.destroyRef=(0,t.WQX)(t.abz),this.translateService=(0,t.WQX)(j.c),this.matRippleOptions=(0,t.WQX)(S.$E),this.document=(0,t.WQX)(w.qQ),this.platformId=(0,t.WQX)(t.Agw),this.transferState=(0,t.WQX)(t.pJN),this.route=(0,t.WQX)(y.nX),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.globalService=(0,t.WQX)(x.d),this.domHelper=(0,t.WQX)(N.S),this.currentSlide=(0,t.hFB)(),this._currentSlide=(0,t.uuI)(()=>this.currentSlide()),this.articleId=(0,t.hFB)(void 0),this.config=(0,t.hFB)({type:"swiper",content:{type:"section",content:[{type:"content-title"},{type:"content-body"}]},dataSource:{type:"content"}}),this.defaultConfig=(0,g.A)({},R.d),this.swiperConfig={centeredSlides:!0,slidesPerView:"auto",loop:!1,spaceBetween:0,floatEffect:{scale:.9,slideWidth:60,spaceBetweenAsPercentage:!1,opacity:.5},pagination:{el:".swiper-pagination",type:"bullets"},autoHeight:!1,initialSlide:0,shortSwipesRatio:.1},this.slides=[],this.ripples=[]}set collection(e){e&&e!==this._collection?(this._collection=e,this.setCollection()):this._collection=[]}get heightStrategy(){return this.swiperConfig.height}get regularHeightStrategy(){return this.domHelper.regularSelector(this.heightStrategy)}get prefixedHeightStrategy(){return this.domHelper.prefixedSelector(this.heightStrategy)}get paginationType(){const e=this.swiperConfig.pagination;return e?"boolean"==typeof e?"bullets":this.swiperConfig.pagination.type:null}get regularPaginationType(){return this.domHelper.regularSelector(this.paginationType)}get prefixedPaginationType(){return this.domHelper.prefixedSelector(this.paginationType)}get swiperEffect(){return(0,g.A)({},this.defaultConfig).effect}get regularEffect(){return this.domHelper.regularSelector(this.swiperEffect)}get prefixedEffect(){return this.domHelper.prefixedSelector(this.swiperEffect)}ngOnInit(){var e=this;return(0,f.A)(function(){e.route.queryParams.pipe((0,b.pQ)()).subscribe(i=>{const n=i[e.getParam()];if(n){if(e._currentSlide()){let s=e.getSlideIndex(n)-e.getCurrentSlideIndex();Math.abs(s)>Math.floor(e._collection.length/2)&&(s=-1Math.sign(s)(e._collection.length-Math.abs(s))),e.updateSlides(s)}e._currentSlide.set(n)}}),e.contextService.moveToSlideSubject.pipe((0,b.pQ)(e.destroyRef)).subscribe(i=>{if(e.swiper&&i){const n=e.getSlideIndex(i);e.slides[n].lazyLoad(),e.swiper.slideTo(e._collection.length+n)}}),yield e.translateService.inited,Array(3).fill(null).forEach((i,n)=>e.renderSlide(n,{ghost:!0})),e.initializing=!0})()}updateRipples(){const e=this.elementRef.nativeElement.querySelectorAll(".".concat(I));this.ripples.forEach(i=>i.ngOnDestroy()),this.ripples=[],e.forEach(i=>{const n=new S.r6(new t.aKT(i),this.ngZone,this.platform,(0,g.A)({},this.matRippleOptions));n.ngOnInit(),this.ripples.push(n)})}ngOnDestroy(){this.swiper&&this.swiper.destroy()}initSwiperConfig(){var e=this;return(0,f.A)(function(){e.swiperConfig.loop=e.defaultConfig.loop,e.swiperConfig.effect=e.defaultConfig.effect,"tabs"===e.paginationType&&(e.swiperConfig.pagination.bulletClass=I,e.swiperConfig.pagination.bulletActiveClass=L,e.swiperConfig.pagination.clickable=!0,e.swiperConfig.pagination.renderBullet=(n,s)=>{let l=n;const p=e.config();return"object"==typeof p.pagination&&p.pagination.content&&(l=e.translateService.translate((0,G.uQ)(p.pagination.content,e.getEntryContext(e.getData()[n]),e.contextService.$functions,e.globalService.getGlobalData()))),'<span class="'+s+'">'+l+"</span>"});const i=e.ngZone.runOutsideAngular(()=>new M.c(n=>{var s;e.swiperConfig.on={slideChangeTransitionEnd:()=>{n.next()},slideChange:s=>{e.swiper&&(e.slides[e.swiper.activeIndex].lazyLoad(),n.next())},init:(s=(0,f.A)(function(){e.slides&&e.slides.length&&e.ngZone.run((0,f.A)(function(){const l=(0,P.KF)(e.slides,e.swiperConfig.initialSlide);if(yield l[0].lazyLoad(),e._collection.length>2)for(let p=1;p<=2;p++)l[pe._collection.length+1].lazyLoad(),l[pe._collection.length].lazyLoad();e.elementRef.nativeElement.classList.add("initialized"),setTimeout(()=>e.loadNext(e.swiperConfig.initialSlide-d),e.config().lazyloadDelay\|\|1e3)}))}),function(){return s.apply(this,arguments)}),paginationUpdate:()=>{e.updateRipples(),e.updatePositionIndicator()}}}));e.config().autoplay&&new IntersectionObserver(([s])=>{s.isIntersecting?e.swiper.autoplay&&!e.swiper.autoplay.running&&e.swiper.autoplay.start():e.swiper.autoplay&&e.swiper.autoplay.stop()},{rootMargin:"0px",threshold:.9}).observe(e.elementRef.nativeElement),e.ngZone.runOutsideAngular(()=>{i.pipe((0,Q.B)(300)).subscribe(n=>{(!e.swiper\|\|!e.swiper.autoplay\|\|!e.swiper.autoplay.running)&&e.ngZone.run(()=>{e.updateSelection()})})}),e.swiperConfig.loopClone=(n,s)=>{e.renderSlide(n,{prepend:s,clone:!0})},e.store.subscribe((0,O.Ne)(),n=>e.updatePositionIndicator())})()}setCollection(){this.initSwiperConfig(),this.contentTemplate.clear(),this.slides=[],Array.from(this.wrapper.nativeElement.children).forEach(i=>i.remove()),this.getCurrentSlideIndex(),this._collection.forEach((i,n)=>this.renderSlide(n)),this.swiperConfig.initialSlide=this.getCurrentSlideIndex(),this.initializing=!1,this._collection.length<2&&(this.swiperConfig.loop=!1,this.swiperConfig.autoplay=!1),this.initSwiper()}renderSlide(e,i={clone:!1,prepend:!1,ghost:!1}){var n;const s=i.ghost?this.ghostTemplate:this.contentTemplate,l=null===(n=this.getData())\|\|void 0===n?void 0:n[e],p=this.factoryResolver.resolveComponentFactory(k._).create(s.injector),h=p.hostView.rootNodes[0];return this.renderer.addClass(h,"swiper-slide"),i.clone&&this.renderer.addClass(h,"swiper-slide-duplicate"),p.instance.baseConfig.set(this.getEntryConfig(l)),p.instance.baseContext.set(this.getEntryContext(l)),p.instance.elementDataType.set(this.getDataType()),i.ghost\|\|p.instance.elementLazy.set(!0),"float"===this.defaultConfig.effect&&(this.renderer.setStyle(h,"width",this.swiperConfig.floatEffect.slideWidth+"%"),e!==this.getCurrentSlideIndex()&&(this.renderer.setStyle(h,"transform","scale(".concat(this.swiperConfig.floatEffect.scale,")")),this.renderer.setStyle(h,"opacity",this.swiperConfig.floatEffect.opacity))),this.slides.push(p.instance),s.insert(p.hostView,i.prepend?0:null),p.instance}initSwiper(){this.swiper&&(this.swiper.destroy(),delete this.swiper),(0,w.UE)(this.platformId)&&this.ngZone.runOutsideAngular(()=>{this.swiper=new z.A(this.container.nativeElement,this.swiperConfig)}),this.ghostTemplate.clear()}onClickPrev(){this.swiper&&(this.swiper.animating=!1,this.swiper.slidePrev())}onClickNext(){this.swiper&&(this.swiper.animating=!1,this.swiper.slideNext())}getData(){return this._collection}isGhost(){return this.initializing}updateSelection(){if(this.swiper){var e;let i=this.swiper.realIndex;i>(null===(e=this.getData())\|\|void 0===e?void 0:e.length)&&(i=0);const n=this.slides[i],s=n&&n.getDataId(),l=this.config();s&&s!==this.currentId&&!l.autoplay&&(this.currentId=s,l.paramScope===X.x.USER_ATTRIBUTE?this.contextService.setUserAttribute(this.getParam(),s):(0,H.CV)(this.router,{[this.getParam()]:s}))}}updatePositionIndicator(){if("tabs"===this.paginationType&&this.indicator&&this.indicator.nativeElement){const e=this.elementRef.nativeElement.querySelector(".".concat(L)),i=this.indicator.nativeElement;i.style.transform="translateX(calc(".concat(e.offsetLeft+e.parentElement.offsetLeft+e.offsetWidth/2,"px - 50%)) translateY(calc(").concat(e.offsetTop+e.parentElement.offsetTop+e.offsetHeight/2,"px - 50%))"),i.style.width=e.offsetWidth+"px",i.style.height=e.offsetHeight+"px",this.changeDetectorRef.detectChanges()}}getCurrentSlideIndex(){return this.getSlideIndex(this._currentSlide())}getSlideIndex(e){var i,n;return Math.max(null!==(i=null===(n=this._collection)\|\|void 0===n?void 0:n.findIndex(s=>s.id===e))&&void 0!==i?i:0,0)}getParam(){const e=this.config();return e&&e.param\|\|"swiper-id"}getEntryContext(e){return(0,g.A)((0,g.A)({},{}),{},{[this.config().dataSource.type]:e})}getEntryConfig(e){return e&&e.ad\|\|(0,g.A)({},this.config().content)}getDataType(){return this.config().dataSource.type}updateSlides(e){for(let i=1;i<=Math.abs(e);i++)if(i<=5){const n=e<0?this.getCurrentSlideIndex()+d+1-i:this.getCurrentSlideIndex()-d-1+i,p=((e<0?this.getCurrentSlideIndex()-(d+1-(Math.abs(e)-i)):this.getCurrentSlideIndex()+(d+1+(Math.abs(e)-i)))+this._collection.length)%this._collection.length;this.slides[(n+this._collection.length)%this._collection.length].clear(),this.slides[p].lazyLoad()}}loadNext(e){e<=this.swiperConfig.initialSlide+d&&(this.slides[(e+this._collection.length)%this._collection.length].lazyLoad(),setTimeout(()=>this.loadNext(e+1),this.config().lazyloadDelay\|\|1e3))}}return(a=c).type="swiper",a.\u0275fac=function(e){return new(e\|\|a)},a.\u0275cmp=t.VBU({type:a,selectors:[["storefront-base-swiper"]],viewQuery:function(e,i){if(1&e&&(t.GBs($,7),t.GBs(Y,7,t.c1b),t.GBs(Z,7,t.c1b),t.GBs(U,5,t.aKT),t.GBs(K,5,t.aKT),t.GBs(J,7)),2&e){let n;t.mGM(n=t.lsd())&&(i.container=n.first),t.mGM(n=t.lsd())&&(i.ghostTemplate=n.first),t.mGM(n=t.lsd())&&(i.contentTemplate=n.first),t.mGM(n=t.lsd())&&(i.indicator=n.first),t.mGM(n=t.lsd())&&(i.pagination=n.first),t.mGM(n=t.lsd())&&(i.wrapper=n.first)}},hostVars:6,hostBindings:function(e,i){2&e&&t.BMQ("height-strategy",i.regularHeightStrategy)("data-pxp-height-strategy",i.prefixedHeightStrategy)("pagination-type",i.regularPaginationType)("data-pxp-pagination-type",i.prefixedPaginationType)("effect",i.regularEffect)("data-pxp-effect",i.prefixedEffect)},inputs:{collection:"collection",currentSlide:[1,"currentSlide"],articleId:[1,"articleId"],config:[1,"config"]},standalone:!1,decls:13,vars:3,consts:[["container",""],["wrapper",""],["template",""],["ghostTemplate",""],["pagination",""],["indicator",""],[1,"swiper-container"],[1,"swiper-wrapper"],["class","swiper-pagination-wrapper",4,"ngIf"],[1,"swiper-container","swiper-container-ghost"],[4,"ngIf"],[1,"swiper-pagination-wrapper"],["class","pagination-position-indicator",4,"ngIf"],[1,"swiper-pagination"],[1,"pagination-position-indicator"],[1,"swiper-button","swiper-button-prev","icon","icon-arrow-left",3,"click"],[1,"swiper-button","swiper-button-next","icon","icon-arrow-right",3,"click"]],template:function(e,i){1&e&&(t.j41(0,"div",6,0)(2,"div",7,1),t.eu8(4,null,2),t.k0s(),t.DNE(6,q,4,1,"div",8),t.k0s(),t.j41(7,"div",9)(8,"div",7),t.eu8(9,null,3),t.k0s(),t.DNE(11,ee,2,0,"div",8),t.k0s(),t.DNE(12,te,3,0,"ng-container",10)),2&e&&(t.R7$(6),t.Y8G("ngIf",i.defaultConfig&&i.defaultConfig.pagination),t.R7$(5),t.Y8G("ngIf",i.defaultConfig&&i.defaultConfig.pagination),t.R7$(),t.Y8G("ngIf",i.defaultConfig&&i.defaultConfig.navButtons))},dependencies:[w.bT],styles:[".swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:#00000040;position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:#ffffff40}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:#00000040}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-container-float .swiper-wrapper .swiper-slide{transition-property:transform,opacity}storefront-base-swiper,.pxp-base-swiper{display:block;position:relative;overflow:hidden;width:100%}storefront-base-swiper .swiper-container,.pxp-base-swiper .swiper-container{width:100%}storefront-base-swiper .swiper-container .swiper-wrapper,.pxp-base-swiper .swiper-container .swiper-wrapper{opacity:0}storefront-base-swiper .swiper-container.swiper-container-ghost,.pxp-base-swiper .swiper-container.swiper-container-ghost{position:fixed;top:0}storefront-base-swiper .swiper-container.swiper-container-ghost .swiper-wrapper,.pxp-base-swiper .swiper-container.swiper-container-ghost .swiper-wrapper{opacity:1}storefront-base-swiper.initialized .swiper-container .swiper-wrapper,.pxp-base-swiper.initialized .swiper-container .swiper-wrapper{opacity:1}storefront-base-swiper.initialized .swiper-container-ghost,.pxp-base-swiper.initialized .swiper-container-ghost{display:none}storefront-base-swiper[effect=float] .swiper-container-ghost .swiper-wrapper,storefront-base-swiper[data-pxp-effect=float] .swiper-container-ghost .swiper-wrapper,.pxp-base-swiper[effect=float] .swiper-container-ghost .swiper-wrapper,.pxp-base-swiper[data-pxp-effect=float] .swiper-container-ghost .swiper-wrapper{justify-content:center}storefront-base-swiper.ghost .swiper-container,.pxp-base-swiper.ghost .swiper-container{position:absolute}storefront-base-swiper.ghost .swiper-container .swiper-wrapper,.pxp-base-swiper.ghost .swiper-container .swiper-wrapper{opacity:0}storefront-base-swiper.ghost .swiper-container.swiper-container-ghost,.pxp-base-swiper.ghost .swiper-container.swiper-container-ghost{display:block;position:relative}storefront-base-swiper.ghost .swiper-container.swiper-container-ghost .swiper-wrapper,.pxp-base-swiper.ghost .swiper-container.swiper-container-ghost .swiper-wrapper{opacity:1}storefront-base-swiper .swiper-pagination,.pxp-base-swiper .swiper-pagination{position:relative;margin:var(--gutter) 0;color:var(--swiperPaginationColor)}storefront-base-swiper .swiper-pagination .swiper-pagination-bullet,.pxp-base-swiper .swiper-pagination .swiper-pagination-bullet{margin:0 4px}storefront-base-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.pxp-base-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--swiperPaginationColor)}storefront-base-swiper .swiper-button,.pxp-base-swiper .swiper-button{background:transparent;position:fixed;top:50%;display:flex;justify-content:center;align-items:center;width:50px;height:50px}storefront-base-swiper .swiper-button .swiper-button-prev,.pxp-base-swiper .swiper-button .swiper-button-prev{left:0;right:auto}storefront-base-swiper .swiper-button .swiper-button-next,.pxp-base-swiper .swiper-button .swiper-button-next{right:0;left:auto}storefront-base-swiper[height-strategy=FILL_VIEWPORT],storefront-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT],.pxp-base-swiper[height-strategy=FILL_VIEWPORT],.pxp-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]{height:calc(100vh - var(--navigationHeight) - var(--appBarHeight))}storefront-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container,storefront-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container,.pxp-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container,.pxp-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container{height:100%}storefront-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>,storefront-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>,.pxp-base-swiper[height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>,.pxp-base-swiper[data-pxp-height-strategy=FILL_VIEWPORT]>.swiper-container>.swiper-wrapper>.swiper-slide>{padding-top:var(--swiperPaginationTabHeight);max-height:100%}storefront-base-swiper[pagination-type=tabs] .swiper-pagination-wrapper,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination-wrapper,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination-wrapper,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination-wrapper{position:fixed;top:var(--appBarHeight);bottom:auto!important;background-color:var(--swiperPaginationBackgroundColor);margin:0;height:var(--swiperPaginationTabHeight);display:flex;justify-content:center;align-items:center;width:100%;z-index:1}storefront-base-swiper[pagination-type=tabs] .pagination-position-indicator,storefront-base-swiper[data-pxp-pagination-type=tabs] .pagination-position-indicator,.pxp-base-swiper[pagination-type=tabs] .pagination-position-indicator,.pxp-base-swiper[data-pxp-pagination-type=tabs] .pagination-position-indicator{position:absolute;height:100%;bottom:0;left:0;transition:transform .15s ease;background:transparent;border-bottom:var(--swiperPaginationBorderWidth) solid var(--swiperPaginationColor);overflow:hidden}storefront-base-swiper[pagination-type=tabs] .swiper-pagination,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination{height:100%;display:flex;justify-content:center;align-items:center;width:100%;margin:0;max-width:640px}storefront-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab{display:flex;align-items:center;justify-content:center;background:transparent!important;border-radius:0;width:auto;height:100%;flex:1 1 0;padding:10px;position:relative;overflow:hidden}storefront-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active,storefront-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active,.pxp-base-swiper[pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active,.pxp-base-swiper[data-pxp-pagination-type=tabs] .swiper-pagination .swiper-pagination-tab-active{color:var(--swiperPaginationColor)}.swiper-button-next,.swiper-button-prev{position:fixed!important}\n"],encapsulation:2,changeDetection:0}),c})();function ne(a,c){if(1&a&&(t.qex(0),t.nrm(1,"storefront-base-swiper",1),t.bVm()),2&a){const o=t.XpG();t.R7$(),t.Y8G("currentSlide",o.currentSlide)("collection",o.collection)}}let re=(()=>{var a;class c extends A.r{constructor(){super(...arguments),this.elementRef=(0,t.WQX)(t.aKT),this.contextService=(0,t.WQX)(v.V),this.injector=(0,t.WQX)(t.zZn),this.store=(0,t.WQX)(C.B),this.destroyRef=(0,t.WQX)(t.abz),this.transferState=(0,t.WQX)(t.pJN),this.purpleService=(0,t.WQX)(F.Wj),this.globalService=(0,t.WQX)(x.d),this.purpleEnv=(0,t.WQX)(W.r6),this.document=(0,t.WQX)(w.qQ),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,g.A)({},B)}ngOnInit(){this.currentSlide=this.getArticleId(),super.ngOnInit()}onConfigChanges(){var e=this;return(0,f.A)(function*(){const i=e.getExcludedData();null!=i&&(e.dataSource?e.dataSource.hasConfigChanged(e.config.dataSource)&&(e.dataSource.setConfig(e.config.dataSource),e.dataSource.reset()):(e.dataSource=(0,D.O8)(e.injector,e.config.dataSource,e.elementRef.nativeElement,e.document),i.length>0&&e.dataSource.setExcludedData(i)),e.store.hasSubscription("data")\|\|(e.store.subscribe(e.dataSource.data$.pipe((0,T.p)(n=>!!n&&e.dataSource.hasData()),(0,b.pQ)(e.destroyRef)),n=>{e.collection=n,e.contextService.dataCollectionSubject.next(n),e.changeDetectorRef.detectChanges(),!e.collection\|\|e.collection.length&&e.collection.every(l=>null===l)\|\|e.dataArrived(e.collection)},u.l,u.l,"data"),e.store.subscribe(e.dataSource.error$,n=>{n&&e.dataArrived([])},u.l,u.l,"error")),e.dataSource.loadData())})()}getArticleId(){return new URL(window.location.href).searchParams.get("content")}}return(a=c).\u0275fac=(()=>{let o;return function(i){return(o\|\|(o=t.xGo(a)))(i\|\|a)}})(),a.\u0275cmp=t.VBU({type:a,selectors:[["storefront-collection"]],standalone:!1,features:[t.Vt3],decls:1,vars:1,consts:[[4,"ngIf"],[3,"currentSlide","collection"]],template:function(e,i){1&e&&t.DNE(0,ne,2,2,"ng-container",0),2&e&&t.Y8G("ngIf",i.config)},dependencies:[w.bT,ie],encapsulation:2,changeDetection:0}),c})();var ae=r(3303);let se=(()=>{var a;class c{}return(a=c).\u0275fac=function(e){return new(e\|\|a)},a.\u0275mod=t.$C({type:a}),a.\u0275inj=t.G2t({imports:[w.MD,ae.y]}),c})();const oe=re}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_dev-components_user-tag-testing_user-tag-testing_module_ts.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_dev-components_user-tag-testing_user-tag-testing_module_ts","projects_storefront_src_app_config_common_config_ts"],{133:(T,d,n)=>{n.r(d),n.d(d,{UserTagTestingModule:()=>X,component:()=>A});var g=n(177),c=n(9379),t=n(3953),v=n(5964),m=n(9758),f=n(5102),C=n(1510),U=n(8251),b=n(1210),u=n(3600),S=n(1802),w=n(2960),p=n(9417),x=n(7240),E=n(6962);function R(e,i){1&e&&t.nrm(0,"div",6)}function M(e,i){1&e&&t.nrm(0,"storefront-spinner")}function F(e,i){if(1&e&&t.DNE(0,R,1,0,"div",6)(1,M,1,0,"storefront-spinner"),2&e){const o=t.XpG();t.vxM(o.domHelper.leanDom?0:1)}}function j(e,i){if(1&e){const o=t.RV6();t.j41(0,"tr")(1,"td"),t.EFF(2),t.k0s(),t.j41(3,"td")(4,"input",7),t.bIt("ngModelChange",function(){const r=t.eBV(o).$implicit,a=t.XpG();return t.Njj(a.onOverwriteTagToggled(r[0],!r[1]))}),t.k0s()()()}if(2&e){const o=i.$implicit,s=t.XpG();t.R7$(2),t.JRh(o[0]),t.R7$(2),t.Y8G("ngModel",o[1])("disabled",!s.overwriteEnabled)}}function O(e,i){if(1&e&&t.nrm(0,"div",4),2&e){const o=t.XpG();t.Y8G("~~baseConfig~~",o.overwriteSwitchConfig)}}function $(e,i){if(1&e&&t.nrm(0,"storefront-switch",5),2&e){const o=t.XpG();t.Y8G("~~baseConfig~~",o.overwriteSwitchConfig)}}let y=(()=>{var e;class i extends b.${constructor(){super(),this.userTagService=(0,t.WQX)(C.h),this.subscriptionManager=(0,t.WQX)(U.v),this.purpleService=(0,t.WQX)(f.Wj),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,c.A)({},u.H),this.overwriteSwitchConfig={param:"overwriteUserTags",paramScope:m.x.USER_ATTRIBUTE},this.loading=!0;const s=this.userTagService.rawUserTags.asObservable().pipe((0,v.p)(r=>!!r));this.subscriptionManager.subscribe(s,r=>{console.debug("updating currentUserTags",r),this.currentUserTags=Object.entries(r),this.loading=!1,this.changeDetectorRef.detectChanges()}),this.purpleService.getState(u.a).then(r=>{this.overwriteEnabled=!!r,this.contextService.setUserAttribute("overwriteUserTags",this.overwriteEnabled.toString()),this.subscriptionManager.subscribe(this.contextService.viewContext$,a=>{var l;const h="true"===(null===(l=a.userAttributes)\|\|void 0===l?void 0:l.overwriteUserTags);h!==this.overwriteEnabled&&(this.overwriteEnabled=h,this.onOverwriteStateChanged())})})}onOverwriteTagToggled(s,r){this.currentUserTags=this.currentUserTags.map(a=>(a[0]===s&&(a[1]=r),a)),this.onOverwriteStateChanged()}onOverwriteStateChanged(){let s;if(this.loading=!0,this.changeDetectorRef.detectChanges(),this.overwriteEnabled){const r=this.currentUserTags.reduce((a,[l,h])=>(a[l]=h,a),{});s=this.purpleService.setState(u.a,JSON.stringify(r))}else s=this.purpleService.setState(u.a,null);s.then(()=>{this.userTagService.recalcUserTags(),this.loading=!1,this.changeDetectorRef.detectChanges()})}}return(e=i).type="usertag-testing",e.\u0275fac=function(s){return new(s\|\|e)},e.\u0275cmp=t.VBU({type:e,selectors:[["storefront-user-tag-testing"]],standalone:!1,features:[t.Vt3],decls:19,vars:3,consts:[[1,"user-tag-testing"],[1,"current-tag-state"],[4,"ngFor","ngForOf"],[1,"overwrite-tags"],[1,"pxp-switch",3,"~~baseConfig~~"],[3,"~~baseConfig~~"],[1,"pxp-spinner"],["type","checkbox",3,"ngModelChange","ngModel","disabled"]],template:function(s,r){1&s&&(t.j41(0,"div",0),t.DNE(1,F,2,1),t.j41(2,"div",1)(3,"h3"),t.EFF(4,"Current Tag State"),t.k0s(),t.j41(5,"table")(6,"tr")(7,"th"),t.EFF(8,"Tag key"),t.k0s(),t.j41(9,"th"),t.EFF(10,"Active"),t.k0s()(),t.DNE(11,j,5,3,"tr",2),t.k0s()(),t.j41(12,"div",3)(13,"h3"),t.EFF(14,"Overwrite Tags"),t.k0s(),t.DNE(15,O,1,1,"div",4)(16,$,1,1,"storefront-switch",5),t.j41(17,"p"),t.EFF(18,"If this is enabled, you can overwrite the user tags here. If you disable it, the normal tags should be used again"),t.k0s()()()),2&s&&(t.R7$(),t.vxM(r.loading?1:-1),t.R7$(10),t.Y8G("ngForOf",r.currentUserTags),t.R7$(4),t.vxM(r.domHelper.leanDom?15:16))},dependencies:[g.Sq,S.c,w.q,p.Zm,p.BC,p.vS,x.t,E.n],styles:[".user-tag-testing{position:relative}.user-tag-testing>storefront-spinner,.user-tag-testing>.pxp-spinner{position:absolute;top:0;right:0;bottom:0;left:0;padding:1em}.user-tag-testing>.current-tag-state>table{background-color:#ddd;border-collapse:collapse}.user-tag-testing>.current-tag-state>table>tr{border:none}.user-tag-testing>.current-tag-state>table>tr>td,.user-tag-testing>.current-tag-state>table>tr>th{border:1px solid #444;padding:0 4px}.user-tag-testing>.current-tag-state>table>tr>td input,.user-tag-testing>.current-tag-state>table>tr>th input{height:2em;width:2em;-webkit-appearance:auto}\n"],encapsulation:2}),i})();var D=n(9645),G=n(6215);let X=(()=>{var e;class i{}return(e=i).\u0275fac=function(s){return new(s\|\|e)},e.\u0275mod=t.$C({type:e}),e.\u0275inj=t.G2t({imports:[g.MD,D.SwitchModule,p.YN,G.O]}),i})();const A=y},9758:(T,d,n)=>{n.d(d,{x:()=>g});var g=function(c){return c.URL="URL",c.USER_ATTRIBUTE="USER_ATTRIBUTE",c}(g\|\|{})}}]);
1	+ "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_dev-components_user-tag-testing_user-tag-testing_module_ts","projects_storefront_src_app_config_common_config_ts"],{133:(T,d,n)=>{n.r(d),n.d(d,{UserTagTestingModule:()=>G,component:()=>X});var g=n(177),c=n(9379),t=n(3953),v=n(5964),m=n(9758),f=n(5102),C=n(1510),U=n(8251),S=n(1210),p=n(3600),b=n(1802),w=n(2960),u=n(9417),x=n(7240),E=n(6962);function R(e,i){1&e&&t.nrm(0,"div",6)}function M(e,i){1&e&&t.nrm(0,"storefront-spinner")}function F(e,i){if(1&e&&t.DNE(0,R,1,0,"div",6)(1,M,1,0,"storefront-spinner"),2&e){const o=t.XpG();t.vxM(o.domHelper.leanDom?0:1)}}function j(e,i){if(1&e){const o=t.RV6();t.j41(0,"tr")(1,"td"),t.EFF(2),t.k0s(),t.j41(3,"td")(4,"input",7),t.bIt("ngModelChange",function(){const r=t.eBV(o).$implicit,a=t.XpG();return t.Njj(a.onOverwriteTagToggled(r[0],!r[1]))}),t.k0s()()()}if(2&e){const o=i.$implicit,s=t.XpG();t.R7$(2),t.JRh(o[0]),t.R7$(2),t.Y8G("ngModel",o[1])("disabled",!s.overwriteEnabled)}}function O(e,i){if(1&e&&t.nrm(0,"div",4),2&e){const o=t.XpG();t.Y8G("parentBaseConfig",o.overwriteSwitchConfig)}}function $(e,i){if(1&e&&t.nrm(0,"storefront-switch",5),2&e){const o=t.XpG();t.Y8G("parentBaseConfig",o.overwriteSwitchConfig)}}let y=(()=>{var e;class i extends S.${constructor(){super(),this.userTagService=(0,t.WQX)(C.h),this.subscriptionManager=(0,t.WQX)(U.v),this.purpleService=(0,t.WQX)(f.Wj),this.changeDetectorRef=(0,t.WQX)(t.gRc),this.defaultConfig=(0,c.A)({},p.H),this.overwriteSwitchConfig={param:"overwriteUserTags",paramScope:m.x.USER_ATTRIBUTE},this.loading=!0;const s=this.userTagService.rawUserTags.asObservable().pipe((0,v.p)(r=>!!r));this.subscriptionManager.subscribe(s,r=>{console.debug("updating currentUserTags",r),this.currentUserTags=Object.entries(r),this.loading=!1,this.changeDetectorRef.detectChanges()}),this.purpleService.getState(p.a).then(r=>{this.overwriteEnabled=!!r,this.contextService.setUserAttribute("overwriteUserTags",this.overwriteEnabled.toString()),this.subscriptionManager.subscribe(this.contextService.viewContext$,a=>{var l;const h="true"===(null===(l=a.userAttributes)\|\|void 0===l?void 0:l.overwriteUserTags);h!==this.overwriteEnabled&&(this.overwriteEnabled=h,this.onOverwriteStateChanged())})})}onOverwriteTagToggled(s,r){this.currentUserTags=this.currentUserTags.map(a=>(a[0]===s&&(a[1]=r),a)),this.onOverwriteStateChanged()}onOverwriteStateChanged(){let s;if(this.loading=!0,this.changeDetectorRef.detectChanges(),this.overwriteEnabled){const r=this.currentUserTags.reduce((a,[l,h])=>(a[l]=h,a),{});s=this.purpleService.setState(p.a,JSON.stringify(r))}else s=this.purpleService.setState(p.a,null);s.then(()=>{this.userTagService.recalcUserTags(),this.loading=!1,this.changeDetectorRef.detectChanges()})}}return(e=i).type="usertag-testing",e.\u0275fac=function(s){return new(s\|\|e)},e.\u0275cmp=t.VBU({type:e,selectors:[["storefront-user-tag-testing"]],standalone:!1,features:[t.Vt3],decls:19,vars:3,consts:[[1,"user-tag-testing"],[1,"current-tag-state"],[4,"ngFor","ngForOf"],[1,"overwrite-tags"],[1,"pxp-switch",3,"parentBaseConfig"],[3,"parentBaseConfig"],[1,"pxp-spinner"],["type","checkbox",3,"ngModelChange","ngModel","disabled"]],template:function(s,r){1&s&&(t.j41(0,"div",0),t.DNE(1,F,2,1),t.j41(2,"div",1)(3,"h3"),t.EFF(4,"Current Tag State"),t.k0s(),t.j41(5,"table")(6,"tr")(7,"th"),t.EFF(8,"Tag key"),t.k0s(),t.j41(9,"th"),t.EFF(10,"Active"),t.k0s()(),t.DNE(11,j,5,3,"tr",2),t.k0s()(),t.j41(12,"div",3)(13,"h3"),t.EFF(14,"Overwrite Tags"),t.k0s(),t.DNE(15,O,1,1,"div",4)(16,$,1,1,"storefront-switch",5),t.j41(17,"p"),t.EFF(18,"If this is enabled, you can overwrite the user tags here. If you disable it, the normal tags should be used again"),t.k0s()()()),2&s&&(t.R7$(),t.vxM(r.loading?1:-1),t.R7$(10),t.Y8G("ngForOf",r.currentUserTags),t.R7$(4),t.vxM(r.domHelper.leanDom?15:16))},dependencies:[g.Sq,b.c,w.q,u.Zm,u.BC,u.vS,x.t,E.n],styles:[".user-tag-testing{position:relative}.user-tag-testing>storefront-spinner,.user-tag-testing>.pxp-spinner{position:absolute;top:0;right:0;bottom:0;left:0;padding:1em}.user-tag-testing>.current-tag-state>table{background-color:#ddd;border-collapse:collapse}.user-tag-testing>.current-tag-state>table>tr{border:none}.user-tag-testing>.current-tag-state>table>tr>td,.user-tag-testing>.current-tag-state>table>tr>th{border:1px solid #444;padding:0 4px}.user-tag-testing>.current-tag-state>table>tr>td input,.user-tag-testing>.current-tag-state>table>tr>th input{height:2em;width:2em;-webkit-appearance:auto}\n"],encapsulation:2}),i})();var D=n(9645),B=n(6215);let G=(()=>{var e;class i{}return(e=i).\u0275fac=function(s){return new(s\|\|e)},e.\u0275mod=t.$C({type:e}),e.\u0275inj=t.G2t({imports:[g.MD,D.SwitchModule,u.YN,B.O]}),i})();const X=y},9758:(T,d,n)=>{n.d(d,{x:()=>g});var g=function(c){return c.URL="URL",c.USER_ATTRIBUTE="USER_ATTRIBUTE",c}(g\|\|{})}}]);

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_dropdown_dropdown_module_ts.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_dropdown_dropdown_module_ts","projects_storefront_src_app_config_common_config_ts"],{9191:(v,_,d)=>{d.r(_),d.d(_,{DropdownModule:()=>M,component:()=>P});var l=d(177),a=d(467),f=d(9379),n=d(3953),x=d(3331),w=d(8251);const D={staticEntries:[],reset:!0};var k=d(610),T=d(8448),E=d(1210),C=d(4452),m=d(3178),R=d(5964),g=d(9758),b=d(8075),G=d(5102),u=d(8909);const S=["entriesElement"];function j(o,s){if(1&o){const e=n.RV6();n.j41(0,"button",5),n.bIt("click",function(){n.eBV(e);const r=n.XpG(2);return n.Njj(r.toggle())}),n.nrm(1,"span",6)(2,"i",7),n.k0s()}if(2&o){const e=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",e.selection.name)}}function V(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",12),n.bIt("click",function(){n.eBV(e);const r=n.XpG(3);return n.Njj(r.onSelectEntry(r.resetEntry))}),n.k0s()}if(2&o){const e=n.XpG(3);n.AVh("selected-entry",e.isSelected(e.resetEntry)),n.Y8G("storefrontTranslate",e.resetEntry.name)}}function I(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",13),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.Y8G("storefrontTranslate",e.name)}}function X(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",14),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.EFF(1),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.R7$(),n.JRh(e.name)}}function B(o,s){if(1&o&&(n.j41(0,"div",8,0),n.DNE(2,V,1,3,"div",9)(3,I,1,3,"div",10)(4,X,2,3,"div",11),n.k0s()),2&o){const e=n.XpG(2);n.R7$(2),n.Y8G("ngIf",e.config.reset),n.R7$(),n.Y8G("ngForOf",e.staticEntries),n.R7$(),n.Y8G("ngForOf",e.entries)}}function A(o,s){if(1&o){const e=n.RV6();n.qex(0),n.DNE(1,j,3,1,"button",2)(2,B,5,3,"div",3),n.j41(3,"div",4),n.bIt("click",function(){n.eBV(e);const r=n.XpG();return n.Njj(r.close())}),n.k0s(),n.bVm()}if(2&o){const e=n.XpG();n.R7$(),n.Y8G("ngIf",e.selection),n.R7$(),n.Y8G("ngIf",e.config)}}let y=(()=>{var o;class s extends E.${constructor(){super(...arguments),this.router=(0,n.WQX)(x.Ix),this.store=(0,n.WQX)(w.B),this.translate=(0,n.WQX)(T.D),this.injector=(0,n.WQX)(n.zZn),this.transferState=(0,n.WQX)(n.pJN),this.purpleService=(0,n.WQX)(G.Wj),this.changeDetectorRef=(0,n.WQX)(n.gRc),this.defaultConfig=(0,f.A)({},D),this.entries=[]}get staticEntries(){return this.mutableBaseConfig().staticEntries\|\|[]}ngOnDestroy(){super.ngOnDestroy(),this.dataSource&&this.contextService.unregisterDataSource(this.dataSource)}onConfigChanges(){var t=this;return(0,a.A)(function(){t.setResetEntry(),yield t.loadEntries();const r=[...t.entries,...t.staticEntries].find(i=>!Object.keys(i.params).find(c=>{const p=t.config.paramScope===g.x.USER_ATTRIBUTE?t.context.userAttributes[c]:t.context[c];return p&&"object"==typeof p?i.params[c]!==p.id:i.params[c]!=p}));t.setSelection(r\|\|t.resetEntry),t.changeDetectorRef.markForCheck()})()}setResetEntry(){this.resetEntry={name:"string"==typeof this.config.reset?this.config.reset:"DROPDOWN_RESET",params:{}}}loadEntries(){var t=this;return(0,a.A)(function(){return t.config.dataSource?(t.dataSource=(0,C.jL)(t.injector,t.config.dataSource,t.elementRef.nativeElement,t.document),t.store.subscribe(t.dataSource.data$.pipe((0,R.p)(r=>!!r)),function(){var r=(0,a.A)(function(i){t.entries=[];for(const c of t.dataSource.getDropdownData()){let p=c.name;t.config.dataSource.entryText&&(p=yield t.translate.translate({text:t.config.dataSource.entryText,args:[c.name]})),t.entries.push((0,f.A)((0,f.A)({},c),{},{name:p}))}});return function(i){return r.apply(this,arguments)}}(),m.lQ,m.lQ,"data"),t.dataSource.loadData()):[]})()}setSelection(t,r=!1){var i=this;return(0,a.A)(function(){if(r\|\|!i.isSelected(t)){i.selection=t;const c=i.getAllParams().reduce((p,h)=>(0,f.A)((0,f.A)({},p),{},{[h]:i.selection.params[h]\|\|null}),{});i.config.paramScope===g.x.USER_ATTRIBUTE?i.contextService.setUserAttributes(c):(0,b.CV)(i.router,c)}i.close(),i.changeDetectorRef.detectChanges()})()}isSelected(t){return this.selection&&JSON.stringify(this.selection.params)===JSON.stringify(t.params)}open(){if(this.entriesElement){const t=this.entriesElement.nativeElement;t.addEventListener("transitionend",()=>t.style.height="auto",{once:!0}),t.style.height=t.scrollHeight+"px",this.isOpen=!0,this.renderer.addClass(this.document.body,"no-scroll"),this.changeDetectorRef.detectChanges()}}close(){this.entriesElement&&(this.entriesElement.nativeElement.style.height=0,this.isOpen=!1,this.renderer.removeClass(this.document.body,"no-scroll"),this.changeDetectorRef.detectChanges())}toggle(){this.isOpen?this.close():this.open()}onSelectEntry(t){var r=this;return(0,a.A)(function*(){const i={};for(const c in t.params)"string"==typeof c&&(i[c]=t.params[c],i["".concat(c,"-translated")]=yield r.translate.translate(t.name));r.resetEntry===t&&(i.reset=t.name,i["reset-translated"]=yield r.translate.translate(t.name)),r.store.dispatch((0,k.k4)({url:window.location.href,key:r.getTrackingBaseKey(),params:i})),r.setSelection(t)})()}getAllParams(){return(0,m.Bq)((0,m.Am)([...this.staticEntries,...this.entries].map(t=>Object.keys(t.params\|\|{}))))}}return(o=s).type="dropdown",o.\u0275fac=(()=>{let e;return function(r){return(e\|\|(e=n.xGo(o)))(r\|\|o)}})(),o.\u0275cmp=n.VBU({type:o,selectors:[["storefront-dropdown"]],viewQuery:function(t,r){if(1&t&&n.GBs(S,5),2&t){let i;n.mGM(i=n.lsd())&&(r.entriesElement=i.first)}},hostVars:2,hostBindings:function(t,r){2&t&&n.AVh("open",r.isOpen)},standalone:!1,features:[n.Jv_([w.B]),n.Vt3],decls:1,vars:1,consts:[["entriesElement",""],[4,"ngIf"],["class","selected-entry",3,"click",4,"ngIf"],["class","dropdown-entries",4,"ngIf"],[1,"dropdown-backface",3,"click"],[1,"selected-entry",3,"click"],[3,"storefrontTranslate"],[1,"icon","icon-arrow-down"],[1,"dropdown-entries"],["class","dropdown-entry dropdown-entry-reset",3,"selected-entry","storefrontTranslate","click",4,"ngIf"],["class","dropdown-entry dropdown-entry-static",3,"selected-entry","storefrontTranslate","click",4,"ngFor","ngForOf"],["class","dropdown-entry",3,"selected-entry","click",4,"ngFor","ngForOf"],[1,"dropdown-entry","dropdown-entry-reset",3,"click","storefrontTranslate"],[1,"dropdown-entry","dropdown-entry-static",3,"click","storefrontTranslate"],[1,"dropdown-entry",3,"click"]],template:function(t,r){1&t&&n.DNE(0,A,4,2,"ng-container",1),2&t&&n.Y8G("ngIf",r.entries)},dependencies:[l.Sq,l.bT,u.M],styles:["storefront-dropdown,.pxp-dropdown{position:relative;flex-shrink:0;display:block}storefront-dropdown .dropdown-entries,.pxp-dropdown .dropdown-entries{background-color:#fff;flex-direction:column;position:absolute;right:0;z-index:4;min-width:120px;border-radius:var(--borderRadius);display:flex;transition:.2s ease all;height:0;max-height:50vh;overflow:auto}storefront-dropdown .dropdown-entries .dropdown-entry,.pxp-dropdown .dropdown-entries .dropdown-entry{white-space:nowrap;padding:0 var(--dropdownPaddingX);flex-shrink:0}storefront-dropdown .dropdown-entries .dropdown-entry:first-child,.pxp-dropdown .dropdown-entries .dropdown-entry:first-child{margin-top:var(--dropdownPaddingY)}storefront-dropdown .dropdown-entries .dropdown-entry:last-child,.pxp-dropdown .dropdown-entries .dropdown-entry:last-child{margin-bottom:var(--dropdownPaddingY)}storefront-dropdown>.selected-entry,.pxp-dropdown>.selected-entry{text-align:right;font-size:1em;background-color:transparent}storefront-dropdown .selected-entry i,.pxp-dropdown .selected-entry i{padding:0 4px;font-size:12px}storefront-dropdown.open .dropdown-backface,.pxp-dropdown.open .dropdown-backface{display:block}storefront-dropdown .dropdown-backface,.pxp-dropdown .dropdown-backface{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:3}\n"],encapsulation:2,changeDetection:0}),s})();var $=d(3);const F=["class","pxp-dropdown"];function Y(o,s){if(1&o){const e=n.RV6();n.j41(0,"button",5),n.bIt("click",function(){n.eBV(e);const r=n.XpG(2);return n.Njj(r.toggle())}),n.nrm(1,"span",6)(2,"i",7),n.k0s()}if(2&o){const e=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",e.selection.name)}}function L(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",12),n.bIt("click",function(){n.eBV(e);const r=n.XpG(3);return n.Njj(r.onSelectEntry(r.resetEntry))}),n.k0s()}if(2&o){const e=n.XpG(3);n.AVh("selected-entry",e.isSelected(e.resetEntry)),n.Y8G("storefrontTranslate",e.resetEntry.name)}}function N(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",13),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.Y8G("storefrontTranslate",e.name)}}function O(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",14),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.EFF(1),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.R7$(),n.JRh(e.name)}}function U(o,s){if(1&o&&(n.j41(0,"div",8,0),n.DNE(2,L,1,3,"div",9)(3,N,1,3,"div",10)(4,O,2,3,"div",11),n.k0s()),2&o){const e=n.XpG(2);n.R7$(2),n.Y8G("ngIf",e.config.reset),n.R7$(),n.Y8G("ngForOf",e.staticEntries),n.R7$(),n.Y8G("ngForOf",e.entries)}}function Q(o,s){if(1&o){const e=n.RV6();n.qex(0),n.DNE(1,Y,3,1,"button",2)(2,U,5,3,"div",3),n.j41(3,"div",4),n.bIt("click",function(){n.eBV(e);const r=n.XpG();return n.Njj(r.close())}),n.k0s(),n.bVm()}if(2&o){const e=n.XpG();n.R7$(),n.Y8G("ngIf",e.selection),n.R7$(),n.Y8G("ngIf",e.config)}}let z=(()=>{var o;class s extends y{}return(o=s).\u0275fac=(()=>{let e;return function(r){return(e\|\|(e=n.xGo(o)))(r\|\|o)}})(),o.\u0275cmp=n.VBU({type:o,selectors:[["div",8,"pxp-dropdown"]],standalone:!1,features:[n.Jv_([w.B]),n.Vt3],attrs:F,decls:1,vars:1,consts:[["entriesElement",""],[4,"ngIf"],["class","selected-entry",3,"click",4,"ngIf"],["class","dropdown-entries",4,"ngIf"],[1,"dropdown-backface",3,"click"],[1,"selected-entry",3,"click"],[3,"storefrontTranslate"],[1,"icon","icon-arrow-down"],[1,"dropdown-entries"],["class","dropdown-entry dropdown-entry-reset",3,"selected-entry","storefrontTranslate","click",4,"ngIf"],["class","dropdown-entry dropdown-entry-static",3,"selected-entry","storefrontTranslate","click",4,"ngFor","ngForOf"],["class","dropdown-entry",3,"selected-entry","click",4,"ngFor","ngForOf"],[1,"dropdown-entry","dropdown-entry-reset",3,"click","storefrontTranslate"],[1,"dropdown-entry","dropdown-entry-static",3,"click","storefrontTranslate"],[1,"dropdown-entry",3,"click"]],template:function(t,r){1&t&&n.DNE(0,Q,4,2,"ng-container",1),2&t&&n.Y8G("ngIf",r.entries)},dependencies:[l.Sq,l.bT,u.M],styles:["storefront-dropdown,.pxp-dropdown{position:relative;flex-shrink:0;display:block}storefront-dropdown .dropdown-entries,.pxp-dropdown .dropdown-entries{background-color:#fff;flex-direction:column;position:absolute;right:0;z-index:4;min-width:120px;border-radius:var(--borderRadius);display:flex;transition:.2s ease all;height:0;max-height:50vh;overflow:auto}storefront-dropdown .dropdown-entries .dropdown-entry,.pxp-dropdown .dropdown-entries .dropdown-entry{white-space:nowrap;padding:0 var(--dropdownPaddingX);flex-shrink:0}storefront-dropdown .dropdown-entries .dropdown-entry:first-child,.pxp-dropdown .dropdown-entries .dropdown-entry:first-child{margin-top:var(--dropdownPaddingY)}storefront-dropdown .dropdown-entries .dropdown-entry:last-child,.pxp-dropdown .dropdown-entries .dropdown-entry:last-child{margin-bottom:var(--dropdownPaddingY)}storefront-dropdown>.selected-entry,.pxp-dropdown>.selected-entry{text-align:right;font-size:1em;background-color:transparent}storefront-dropdown .selected-entry i,.pxp-dropdown .selected-entry i{padding:0 4px;font-size:12px}storefront-dropdown.open .dropdown-backface,.pxp-dropdown.open .dropdown-backface{display:block}storefront-dropdown .dropdown-backface,.pxp-dropdown .dropdown-backface{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:3}\n"],encapsulation:2,changeDetection:0}),s})(),M=(()=>{var o;class s{}return(o=s).\u0275fac=function(t){return new(t\|\|o)},o.\u0275mod=n.$C({type:o}),o.\u0275inj=n.G2t({imports:[l.MD,$.pZ]}),s})();const P={component:y,leanDomComponent:z}},9758:(v,_,d)=>{d.d(_,{x:()=>l});var l=function(a){return a.URL="URL",a.USER_ATTRIBUTE="USER_ATTRIBUTE",a}(l\|\|{})}}]);
1	+ "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_dropdown_dropdown_module_ts","projects_storefront_src_app_config_common_config_ts"],{9191:(v,_,d)=>{d.r(_),d.d(_,{DropdownModule:()=>M,component:()=>P});var l=d(177),a=d(467),f=d(9379),n=d(3953),x=d(3331),w=d(8251);const D={staticEntries:[],reset:!0};var k=d(610),T=d(8448),E=d(1210),C=d(4452),m=d(3178),R=d(5964),g=d(9758),b=d(8075),G=d(5102),u=d(8909);const S=["entriesElement"];function j(o,s){if(1&o){const e=n.RV6();n.j41(0,"button",5),n.bIt("click",function(){n.eBV(e);const r=n.XpG(2);return n.Njj(r.toggle())}),n.nrm(1,"span",6)(2,"i",7),n.k0s()}if(2&o){const e=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",e.selection.name)}}function V(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",12),n.bIt("click",function(){n.eBV(e);const r=n.XpG(3);return n.Njj(r.onSelectEntry(r.resetEntry))}),n.k0s()}if(2&o){const e=n.XpG(3);n.AVh("selected-entry",e.isSelected(e.resetEntry)),n.Y8G("storefrontTranslate",e.resetEntry.name)}}function I(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",13),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.Y8G("storefrontTranslate",e.name)}}function X(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",14),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.EFF(1),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.R7$(),n.JRh(e.name)}}function A(o,s){if(1&o&&(n.j41(0,"div",8,0),n.DNE(2,V,1,3,"div",9)(3,I,1,3,"div",10)(4,X,2,3,"div",11),n.k0s()),2&o){const e=n.XpG(2);n.R7$(2),n.Y8G("ngIf",e.config.reset),n.R7$(),n.Y8G("ngForOf",e.staticEntries),n.R7$(),n.Y8G("ngForOf",e.entries)}}function B(o,s){if(1&o){const e=n.RV6();n.qex(0),n.DNE(1,j,3,1,"button",2)(2,A,5,3,"div",3),n.j41(3,"div",4),n.bIt("click",function(){n.eBV(e);const r=n.XpG();return n.Njj(r.close())}),n.k0s(),n.bVm()}if(2&o){const e=n.XpG();n.R7$(),n.Y8G("ngIf",e.selection),n.R7$(),n.Y8G("ngIf",e.config)}}let y=(()=>{var o;class s extends E.${constructor(){super(...arguments),this.router=(0,n.WQX)(x.Ix),this.store=(0,n.WQX)(w.B),this.translate=(0,n.WQX)(T.D),this.injector=(0,n.WQX)(n.zZn),this.transferState=(0,n.WQX)(n.pJN),this.purpleService=(0,n.WQX)(G.Wj),this.changeDetectorRef=(0,n.WQX)(n.gRc),this.defaultConfig=(0,f.A)({},D),this.entries=[]}get staticEntries(){return this.baseConfig().staticEntries\|\|[]}ngOnDestroy(){super.ngOnDestroy(),this.dataSource&&this.contextService.unregisterDataSource(this.dataSource)}onConfigChanges(){var t=this;return(0,a.A)(function(){t.setResetEntry(),yield t.loadEntries();const r=[...t.entries,...t.staticEntries].find(i=>!Object.keys(i.params).find(c=>{const p=t.config.paramScope===g.x.USER_ATTRIBUTE?t.context.userAttributes[c]:t.context[c];return p&&"object"==typeof p?i.params[c]!==p.id:i.params[c]!=p}));t.setSelection(r\|\|t.resetEntry),t.changeDetectorRef.markForCheck()})()}setResetEntry(){this.resetEntry={name:"string"==typeof this.config.reset?this.config.reset:"DROPDOWN_RESET",params:{}}}loadEntries(){var t=this;return(0,a.A)(function(){return t.config.dataSource?(t.dataSource=(0,C.jL)(t.injector,t.config.dataSource,t.elementRef.nativeElement,t.document),t.store.subscribe(t.dataSource.data$.pipe((0,R.p)(r=>!!r)),function(){var r=(0,a.A)(function(i){t.entries=[];for(const c of t.dataSource.getDropdownData()){let p=c.name;t.config.dataSource.entryText&&(p=yield t.translate.translate({text:t.config.dataSource.entryText,args:[c.name]})),t.entries.push((0,f.A)((0,f.A)({},c),{},{name:p}))}});return function(i){return r.apply(this,arguments)}}(),m.lQ,m.lQ,"data"),t.dataSource.loadData()):[]})()}setSelection(t,r=!1){var i=this;return(0,a.A)(function(){if(r\|\|!i.isSelected(t)){i.selection=t;const c=i.getAllParams().reduce((p,h)=>(0,f.A)((0,f.A)({},p),{},{[h]:i.selection.params[h]\|\|null}),{});i.config.paramScope===g.x.USER_ATTRIBUTE?i.contextService.setUserAttributes(c):(0,b.CV)(i.router,c)}i.close(),i.changeDetectorRef.detectChanges()})()}isSelected(t){return this.selection&&JSON.stringify(this.selection.params)===JSON.stringify(t.params)}open(){if(this.entriesElement){const t=this.entriesElement.nativeElement;t.addEventListener("transitionend",()=>t.style.height="auto",{once:!0}),t.style.height=t.scrollHeight+"px",this.isOpen=!0,this.renderer.addClass(this.document.body,"no-scroll"),this.changeDetectorRef.detectChanges()}}close(){this.entriesElement&&(this.entriesElement.nativeElement.style.height=0,this.isOpen=!1,this.renderer.removeClass(this.document.body,"no-scroll"),this.changeDetectorRef.detectChanges())}toggle(){this.isOpen?this.close():this.open()}onSelectEntry(t){var r=this;return(0,a.A)(function*(){const i={};for(const c in t.params)"string"==typeof c&&(i[c]=t.params[c],i["".concat(c,"-translated")]=yield r.translate.translate(t.name));r.resetEntry===t&&(i.reset=t.name,i["reset-translated"]=yield r.translate.translate(t.name)),r.store.dispatch((0,k.k4)({url:window.location.href,key:r.getTrackingBaseKey(),params:i})),r.setSelection(t)})()}getAllParams(){return(0,m.Bq)((0,m.Am)([...this.staticEntries,...this.entries].map(t=>Object.keys(t.params\|\|{}))))}}return(o=s).type="dropdown",o.\u0275fac=(()=>{let e;return function(r){return(e\|\|(e=n.xGo(o)))(r\|\|o)}})(),o.\u0275cmp=n.VBU({type:o,selectors:[["storefront-dropdown"]],viewQuery:function(t,r){if(1&t&&n.GBs(S,5),2&t){let i;n.mGM(i=n.lsd())&&(r.entriesElement=i.first)}},hostVars:2,hostBindings:function(t,r){2&t&&n.AVh("open",r.isOpen)},standalone:!1,features:[n.Jv_([w.B]),n.Vt3],decls:1,vars:1,consts:[["entriesElement",""],[4,"ngIf"],["class","selected-entry",3,"click",4,"ngIf"],["class","dropdown-entries",4,"ngIf"],[1,"dropdown-backface",3,"click"],[1,"selected-entry",3,"click"],[3,"storefrontTranslate"],[1,"icon","icon-arrow-down"],[1,"dropdown-entries"],["class","dropdown-entry dropdown-entry-reset",3,"selected-entry","storefrontTranslate","click",4,"ngIf"],["class","dropdown-entry dropdown-entry-static",3,"selected-entry","storefrontTranslate","click",4,"ngFor","ngForOf"],["class","dropdown-entry",3,"selected-entry","click",4,"ngFor","ngForOf"],[1,"dropdown-entry","dropdown-entry-reset",3,"click","storefrontTranslate"],[1,"dropdown-entry","dropdown-entry-static",3,"click","storefrontTranslate"],[1,"dropdown-entry",3,"click"]],template:function(t,r){1&t&&n.DNE(0,B,4,2,"ng-container",1),2&t&&n.Y8G("ngIf",r.entries)},dependencies:[l.Sq,l.bT,u.M],styles:["storefront-dropdown,.pxp-dropdown{position:relative;flex-shrink:0;display:block}storefront-dropdown .dropdown-entries,.pxp-dropdown .dropdown-entries{background-color:#fff;flex-direction:column;position:absolute;right:0;z-index:4;min-width:120px;border-radius:var(--borderRadius);display:flex;transition:.2s ease all;height:0;max-height:50vh;overflow:auto}storefront-dropdown .dropdown-entries .dropdown-entry,.pxp-dropdown .dropdown-entries .dropdown-entry{white-space:nowrap;padding:0 var(--dropdownPaddingX);flex-shrink:0}storefront-dropdown .dropdown-entries .dropdown-entry:first-child,.pxp-dropdown .dropdown-entries .dropdown-entry:first-child{margin-top:var(--dropdownPaddingY)}storefront-dropdown .dropdown-entries .dropdown-entry:last-child,.pxp-dropdown .dropdown-entries .dropdown-entry:last-child{margin-bottom:var(--dropdownPaddingY)}storefront-dropdown>.selected-entry,.pxp-dropdown>.selected-entry{text-align:right;font-size:1em;background-color:transparent}storefront-dropdown .selected-entry i,.pxp-dropdown .selected-entry i{padding:0 4px;font-size:12px}storefront-dropdown.open .dropdown-backface,.pxp-dropdown.open .dropdown-backface{display:block}storefront-dropdown .dropdown-backface,.pxp-dropdown .dropdown-backface{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:3}\n"],encapsulation:2,changeDetection:0}),s})();var $=d(3);const F=["class","pxp-dropdown"];function Y(o,s){if(1&o){const e=n.RV6();n.j41(0,"button",5),n.bIt("click",function(){n.eBV(e);const r=n.XpG(2);return n.Njj(r.toggle())}),n.nrm(1,"span",6)(2,"i",7),n.k0s()}if(2&o){const e=n.XpG(2);n.R7$(),n.Y8G("storefrontTranslate",e.selection.name)}}function L(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",12),n.bIt("click",function(){n.eBV(e);const r=n.XpG(3);return n.Njj(r.onSelectEntry(r.resetEntry))}),n.k0s()}if(2&o){const e=n.XpG(3);n.AVh("selected-entry",e.isSelected(e.resetEntry)),n.Y8G("storefrontTranslate",e.resetEntry.name)}}function N(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",13),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.Y8G("storefrontTranslate",e.name)}}function O(o,s){if(1&o){const e=n.RV6();n.j41(0,"div",14),n.bIt("click",function(){const r=n.eBV(e).$implicit,i=n.XpG(3);return n.Njj(i.onSelectEntry(r))}),n.EFF(1),n.k0s()}if(2&o){const e=s.$implicit,t=n.XpG(3);n.AVh("selected-entry",t.isSelected(e)),n.R7$(),n.JRh(e.name)}}function U(o,s){if(1&o&&(n.j41(0,"div",8,0),n.DNE(2,L,1,3,"div",9)(3,N,1,3,"div",10)(4,O,2,3,"div",11),n.k0s()),2&o){const e=n.XpG(2);n.R7$(2),n.Y8G("ngIf",e.config.reset),n.R7$(),n.Y8G("ngForOf",e.staticEntries),n.R7$(),n.Y8G("ngForOf",e.entries)}}function Q(o,s){if(1&o){const e=n.RV6();n.qex(0),n.DNE(1,Y,3,1,"button",2)(2,U,5,3,"div",3),n.j41(3,"div",4),n.bIt("click",function(){n.eBV(e);const r=n.XpG();return n.Njj(r.close())}),n.k0s(),n.bVm()}if(2&o){const e=n.XpG();n.R7$(),n.Y8G("ngIf",e.selection),n.R7$(),n.Y8G("ngIf",e.config)}}let z=(()=>{var o;class s extends y{}return(o=s).\u0275fac=(()=>{let e;return function(r){return(e\|\|(e=n.xGo(o)))(r\|\|o)}})(),o.\u0275cmp=n.VBU({type:o,selectors:[["div",8,"pxp-dropdown"]],standalone:!1,features:[n.Jv_([w.B]),n.Vt3],attrs:F,decls:1,vars:1,consts:[["entriesElement",""],[4,"ngIf"],["class","selected-entry",3,"click",4,"ngIf"],["class","dropdown-entries",4,"ngIf"],[1,"dropdown-backface",3,"click"],[1,"selected-entry",3,"click"],[3,"storefrontTranslate"],[1,"icon","icon-arrow-down"],[1,"dropdown-entries"],["class","dropdown-entry dropdown-entry-reset",3,"selected-entry","storefrontTranslate","click",4,"ngIf"],["class","dropdown-entry dropdown-entry-static",3,"selected-entry","storefrontTranslate","click",4,"ngFor","ngForOf"],["class","dropdown-entry",3,"selected-entry","click",4,"ngFor","ngForOf"],[1,"dropdown-entry","dropdown-entry-reset",3,"click","storefrontTranslate"],[1,"dropdown-entry","dropdown-entry-static",3,"click","storefrontTranslate"],[1,"dropdown-entry",3,"click"]],template:function(t,r){1&t&&n.DNE(0,Q,4,2,"ng-container",1),2&t&&n.Y8G("ngIf",r.entries)},dependencies:[l.Sq,l.bT,u.M],styles:["storefront-dropdown,.pxp-dropdown{position:relative;flex-shrink:0;display:block}storefront-dropdown .dropdown-entries,.pxp-dropdown .dropdown-entries{background-color:#fff;flex-direction:column;position:absolute;right:0;z-index:4;min-width:120px;border-radius:var(--borderRadius);display:flex;transition:.2s ease all;height:0;max-height:50vh;overflow:auto}storefront-dropdown .dropdown-entries .dropdown-entry,.pxp-dropdown .dropdown-entries .dropdown-entry{white-space:nowrap;padding:0 var(--dropdownPaddingX);flex-shrink:0}storefront-dropdown .dropdown-entries .dropdown-entry:first-child,.pxp-dropdown .dropdown-entries .dropdown-entry:first-child{margin-top:var(--dropdownPaddingY)}storefront-dropdown .dropdown-entries .dropdown-entry:last-child,.pxp-dropdown .dropdown-entries .dropdown-entry:last-child{margin-bottom:var(--dropdownPaddingY)}storefront-dropdown>.selected-entry,.pxp-dropdown>.selected-entry{text-align:right;font-size:1em;background-color:transparent}storefront-dropdown .selected-entry i,.pxp-dropdown .selected-entry i{padding:0 4px;font-size:12px}storefront-dropdown.open .dropdown-backface,.pxp-dropdown.open .dropdown-backface{display:block}storefront-dropdown .dropdown-backface,.pxp-dropdown .dropdown-backface{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:3}\n"],encapsulation:2,changeDetection:0}),s})(),M=(()=>{var o;class s{}return(o=s).\u0275fac=function(t){return new(t\|\|o)},o.\u0275mod=n.$C({type:o}),o.\u0275inj=n.G2t({imports:[l.MD,$.pZ]}),s})();const P={component:y,leanDomComponent:z}},9758:(v,_,d)=>{d.d(_,{x:()=>l});var l=function(a){return a.URL="URL",a.USER_ATTRIBUTE="USER_ATTRIBUTE",a}(l\|\|{})}}]);

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

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

package/files/framework-latest/src/default/storefront/modules/projects_storefront_src_app_component_iframe_iframe_module_ts.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_iframe_iframe_module_ts"],{4861:(W,l,i)=>{i.r(l),i.d(l,{IframeModule:()=>V,component:()=>X});var v=i(177),d=i(2783),C=i(9207),u=i(467),c=i(9379),e=i(3953),x=i(4404),I=i(5102),D=i(9668),y=i(9118),f=i(8251),S=i(1210),F=i(4843),M=i(1803),p=i(2285),h=i(8530);function b(t,r){if(1&t&&e.nrm(0,"div",0),2&t){const n=e.XpG(2);e.Y8G("~~baseConfig~~",n.htmlConfig)("~~baseContext~~",n.context)}}function L(t,r){if(1&t&&e.nrm(0,"storefront-html",1),2&t){const n=e.XpG(2);e.Y8G("~~baseConfig~~",n.htmlConfig)("~~baseContext~~",n.context)}}function w(t,r){if(1&t&&e.DNE(0,b,1,2,"div",0)(1,L,1,2,"storefront-html",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}let g=(()=>{var t;class r extends S.${constructor(){super(),this.ngZone=(0,e.WQX)(e.SKi),this.kioskConfigService=(0,e.WQX)(y.x),this.browserService=(0,e.WQX)(D.I),this.purpleService=(0,e.WQX)(I.Wj),this.changeDetectorRef=(0,e.WQX)(e.gRc),this.defaultConfig={},this.kioskConfig=(0,F._)(this.kioskConfigService.getConfig())}ngOnInit(){super.ngOnInit()}ngAfterViewInit(){var o=this;const a=(0,c.A)((0,c.A)({},this.purpleService.purpleRef),{},{appBrowser:(0,c.A)({},this.purpleService.purpleRef.appBrowser)});a.closeView=()=>this.closeView(),a.appBrowser.getDisplayConfig=(0,u.A)(function*(){return o.displayConfig}),this.messageReceiver=this.browserService.getMessageReceiver({purple:a,onSetTitle:s=>{console.error("onSetTitle not implemented")}}),this.ngZone.runOutsideAngular(()=>{setTimeout(()=>{const s=this.document.querySelector("iframe");s&&s.addEventListener("load",()=>{this.messageReceiver&&this.messageReceiver.connectWindow(s.contentWindow)})},500)}),window.addEventListener("message",this.browserService.onMessage)}ngOnDestroy(){var o,a;super.ngOnDestroy(),this.messageReceiver&&(null===(o=(a=this.messageReceiver).destroy)\|\|void 0===o\|\|o.call(a)),window.removeEventListener("message",this.browserService.onMessage),this.closeView()}onConfigChanges(){this.kioskConfig.then(o=>{const a=decodeURIComponent(this.contextService.getCurrentViewContext().pathParams.path),s=new URLSearchParams(this.contextService.getParams());this.displayConfig=this.browserService.getDisplayConfig({searchParams:s});const m=new URL(a.startsWith("http")?a:o.kioskConfig.resourceBaseUrl+a);m.toString().startsWith(o.kioskConfig.resourceBaseUrl)&&(m.searchParams.set("preview",this.contextService.isPreview().toString()),m.searchParams.set("legacy","false")),this.htmlConfig={tag:M.OK.iframe,attributes:{src:m.toString()}},this.changeDetectorRef.detectChanges()})}closeView(){var o;(null===(o=this.displayConfig)\|\|void 0===o?void 0:o.displayMode)===x.DisplayMode.MODAL&&this.browserService.reset()}}return(t=r).\u0275fac=function(o){return new(o\|\|t)},t.\u0275cmp=e.VBU({type:t,selectors:[["storefront-iframe"]],standalone:!1,features:[e.Jv_([f.B]),e.Vt3],decls:1,vars:1,consts:[[1,"pxp-html",3,"~~baseConfig~~","~~baseContext~~"],[3,"~~baseConfig~~","~~baseContext~~"]],template:function(o,a){1&o&&e.DNE(0,w,2,1),2&o&&e.vxM(a.htmlConfig?0:-1)},dependencies:[p.b,h.kD],styles:["storefront-iframe,.pxp-iframe{display:block;height:100%}storefront-iframe iframe,.pxp-iframe iframe{width:100%;height:calc(100vH - var(--appBarHeight) - var(--navigationHeight))}.modal-content storefront-iframe iframe,.modal-content .pxp-iframe iframe{height:calc(100vH - var(--appBarHeight) - var(--navigationHeight) - 32px)}\n"],encapsulation:2}),r})();const H=["class","pxp-iframe"];function B(t,r){if(1&t&&e.nrm(0,"div",0),2&t){const n=e.XpG(2);e.Y8G("~~baseConfig~~",n.htmlConfig)("~~baseContext~~",n.context)}}function G(t,r){if(1&t&&e.nrm(0,"storefront-html",1),2&t){const n=e.XpG(2);e.Y8G("~~baseConfig~~",n.htmlConfig)("~~baseContext~~",n.context)}}function T(t,r){if(1&t&&e.DNE(0,B,1,2,"div",0)(1,G,1,2,"storefront-html",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}let R=(()=>{var t;class r extends g{}return(t=r).\u0275fac=(()=>{let n;return function(a){return(n\|\|(n=e.xGo(t)))(a\|\|t)}})(),t.\u0275cmp=e.VBU({type:t,selectors:[["div",8,"pxp-iframe"]],standalone:!1,features:[e.Jv_([f.B]),e.Vt3],attrs:H,decls:1,vars:1,consts:[[1,"pxp-html",3,"~~baseConfig~~","~~baseContext~~"],[3,"~~baseConfig~~","~~baseContext~~"]],template:function(o,a){1&o&&e.DNE(0,T,2,1),2&o&&e.vxM(a.htmlConfig?0:-1)},dependencies:[p.b,h.kD],styles:["storefront-iframe,.pxp-iframe{display:block;height:100%}storefront-iframe iframe,.pxp-iframe iframe{width:100%;height:calc(100vH - var(--appBarHeight) - var(--navigationHeight))}.modal-content storefront-iframe iframe,.modal-content .pxp-iframe iframe{height:calc(100vH - var(--appBarHeight) - var(--navigationHeight) - 32px)}\n"],encapsulation:2,changeDetection:0}),r})(),V=(()=>{var t;class r{}return(t=r).\u0275fac=function(o){return new(o\|\|t)},t.\u0275mod=e.$C({type:t}),t.\u0275inj=e.G2t({imports:[v.MD,d.t,C.HTMLModule]}),r})();const X={component:g,leanDomComponent:R}}}]);
1	+ "use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront\|\|[]).push([["projects_storefront_src_app_component_iframe_iframe_module_ts"],{4861:(A,p,a)=>{a.r(p),a.d(p,{IframeModule:()=>X,component:()=>W});var v=a(177),d=a(2783),C=a(9207),u=a(467),c=a(9379),e=a(3953),x=a(4404),B=a(5102),I=a(9668),D=a(9118),l=a(8251),y=a(1210),S=a(4843),F=a(1803),f=a(2285),h=a(8530);function M(t,r){if(1&t&&e.nrm(0,"div",0),2&t){const n=e.XpG(2);e.Y8G("parentBaseConfig",n.htmlConfig)("parentBaseContext",n.context)}}function L(t,r){if(1&t&&e.nrm(0,"storefront-html",1),2&t){const n=e.XpG(2);e.Y8G("parentBaseConfig",n.htmlConfig)("parentBaseContext",n.context)}}function w(t,r){if(1&t&&e.DNE(0,M,1,2,"div",0)(1,L,1,2,"storefront-html",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}let g=(()=>{var t;class r extends y.${constructor(){super(),this.ngZone=(0,e.WQX)(e.SKi),this.kioskConfigService=(0,e.WQX)(D.x),this.browserService=(0,e.WQX)(I.I),this.purpleService=(0,e.WQX)(B.Wj),this.changeDetectorRef=(0,e.WQX)(e.gRc),this.defaultConfig={},this.kioskConfig=(0,S._)(this.kioskConfigService.getConfig())}ngOnInit(){super.ngOnInit()}ngAfterViewInit(){var o=this;const i=(0,c.A)((0,c.A)({},this.purpleService.purpleRef),{},{appBrowser:(0,c.A)({},this.purpleService.purpleRef.appBrowser)});i.closeView=()=>this.closeView(),i.appBrowser.getDisplayConfig=(0,u.A)(function*(){return o.displayConfig}),this.messageReceiver=this.browserService.getMessageReceiver({purple:i,onSetTitle:s=>{console.error("onSetTitle not implemented")}}),this.ngZone.runOutsideAngular(()=>{setTimeout(()=>{const s=this.document.querySelector("iframe");s&&s.addEventListener("load",()=>{this.messageReceiver&&this.messageReceiver.connectWindow(s.contentWindow)})},500)}),window.addEventListener("message",this.browserService.onMessage)}ngOnDestroy(){var o,i;super.ngOnDestroy(),this.messageReceiver&&(null===(o=(i=this.messageReceiver).destroy)\|\|void 0===o\|\|o.call(i)),window.removeEventListener("message",this.browserService.onMessage),this.closeView()}onConfigChanges(){this.kioskConfig.then(o=>{const i=decodeURIComponent(this.contextService.getCurrentViewContext().pathParams.path),s=new URLSearchParams(this.contextService.getParams());this.displayConfig=this.browserService.getDisplayConfig({searchParams:s});const m=new URL(i.startsWith("http")?i:o.kioskConfig.resourceBaseUrl+i);m.toString().startsWith(o.kioskConfig.resourceBaseUrl)&&(m.searchParams.set("preview",this.contextService.isPreview().toString()),m.searchParams.set("legacy","false")),this.htmlConfig={tag:F.OK.iframe,attributes:{src:m.toString()}},this.changeDetectorRef.detectChanges()})}closeView(){var o;(null===(o=this.displayConfig)\|\|void 0===o?void 0:o.displayMode)===x.DisplayMode.MODAL&&this.browserService.reset()}}return(t=r).\u0275fac=function(o){return new(o\|\|t)},t.\u0275cmp=e.VBU({type:t,selectors:[["storefront-iframe"]],standalone:!1,features:[e.Jv_([l.B]),e.Vt3],decls:1,vars:1,consts:[[1,"pxp-html",3,"parentBaseConfig","parentBaseContext"],[3,"parentBaseConfig","parentBaseContext"]],template:function(o,i){1&o&&e.DNE(0,w,2,1),2&o&&e.vxM(i.htmlConfig?0:-1)},dependencies:[f.b,h.kD],styles:["storefront-iframe,.pxp-iframe{display:block;height:100%}storefront-iframe iframe,.pxp-iframe iframe{width:100%;height:calc(100vH - var(--appBarHeight) - var(--navigationHeight))}.modal-content storefront-iframe iframe,.modal-content .pxp-iframe iframe{height:calc(100vH - var(--appBarHeight) - var(--navigationHeight) - 32px)}\n"],encapsulation:2}),r})();const H=["class","pxp-iframe"];function G(t,r){if(1&t&&e.nrm(0,"div",0),2&t){const n=e.XpG(2);e.Y8G("parentBaseConfig",n.htmlConfig)("parentBaseContext",n.context)}}function T(t,r){if(1&t&&e.nrm(0,"storefront-html",1),2&t){const n=e.XpG(2);e.Y8G("parentBaseConfig",n.htmlConfig)("parentBaseContext",n.context)}}function R(t,r){if(1&t&&e.DNE(0,G,1,2,"div",0)(1,T,1,2,"storefront-html",1),2&t){const n=e.XpG();e.vxM(n.domHelper.leanDom?0:1)}}let V=(()=>{var t;class r extends g{}return(t=r).\u0275fac=(()=>{let n;return function(i){return(n\|\|(n=e.xGo(t)))(i\|\|t)}})(),t.\u0275cmp=e.VBU({type:t,selectors:[["div",8,"pxp-iframe"]],standalone:!1,features:[e.Jv_([l.B]),e.Vt3],attrs:H,decls:1,vars:1,consts:[[1,"pxp-html",3,"parentBaseConfig","parentBaseContext"],[3,"parentBaseConfig","parentBaseContext"]],template:function(o,i){1&o&&e.DNE(0,R,2,1),2&o&&e.vxM(i.htmlConfig?0:-1)},dependencies:[f.b,h.kD],styles:["storefront-iframe,.pxp-iframe{display:block;height:100%}storefront-iframe iframe,.pxp-iframe iframe{width:100%;height:calc(100vH - var(--appBarHeight) - var(--navigationHeight))}.modal-content storefront-iframe iframe,.modal-content .pxp-iframe iframe{height:calc(100vH - var(--appBarHeight) - var(--navigationHeight) - 32px)}\n"],encapsulation:2,changeDetection:0}),r})(),X=(()=>{var t;class r{}return(t=r).\u0275fac=function(o){return new(o\|\|t)},t.\u0275mod=e.$C({type:t}),t.\u0275inj=e.G2t({imports:[v.MD,d.t,C.HTMLModule]}),r})();const W={component:g,leanDomComponent:V}}}]);