https://www.sciencefocus.com/2922.c9d808ae11053d2b.js

1"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([[680,2922],{541:(D,C,o)=>{o.r(C),o.d(C,{EmbeddableViewModule:()=>X,component:()=>Q});var c=o(177),m=o(9379),v=o(467),e=o(3953),g=o(1210),p=o(8251),h=o(7031),f=o(8179),b=o(3178),d=o(7598),V=o(2962),S=o(873),O=o(4452),L=o(6010),u=o(8474),R=o(7879),E=o(2868),x=o(680);const k=["content"];function _(n,a){}function T(n,a){if(1&n&&e.DNE(0,_,0,0,"ng-template",2),2&n){const l=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[t.enabledChildIndices[l]])}}function G(n,a){}function $(n,a){if(1&n){const l=e.RV6();e.DNE(0,G,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 y=(()=>{var n;class a extends g.${constructor(){super(...arguments),this.injector=(0,e.WQX)(e.zZn),this.store=(0,e.WQX)(p.B),this.dataShareService=(0,e.WQX)(u.j),this.purpleService=(0,e.WQX)(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 A=(0,v.A)(function*(w){t.context=(0,m.A)((0,m.A)({},t.context),w),i&&(t.loadDataSources(r),i=!1),t.children.length&&(yield t.updateChildren())});return function(w){return A.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)<=S._&&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,O.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:7,vars:1,consts:[["content",""],[1,"sticky-elements"],[3,"pxpDynamicComponent","baseConfig"],["storefrontCheckOverflowTarget","self",1,"content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"],[3,"inViewport","pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"]],template:function(t,i){1&t&&(e.j41(0,"div",1),e.Z7z(1,T,1,1,null,2,e.fX1),e.k0s(),e.j41(3,"div",3,0),e.Z7z(5,$,1,4,null,4,e.fX1),e.k0s()),2&t&&(e.R7$(),e.Dyx(i.visibleStickyChildren),e.R7$(2),e.Y8G("storefrontCheckOverflow","vertical"),e.R7$(2),e.Dyx(i.enabledChildIndices))},dependencies:[E.q,x.G],styles:["storefront-embeddable-view,.pxp-embeddable-view{display:block;height:100%}storefront-embeddable-view .content,.pxp-embeddable-view .content{height:100%;overflow-y:auto}storefront-embeddable-view .sticky-elements,.pxp-embeddable-view .sticky-elements{position:absolute;width:100%;z-index:19}\n"],encapsulation:2,changeDetection:0}),a})();var P=o(728),I=o(8301);const j=["class","pxp-embeddable-view"];function z(n,a){}function B(n,a){if(1&n&&e.DNE(0,z,0,0,"ng-template",2),2&n){const l=a.$implicit,t=e.XpG();e.Y8G("baseConfig",t.children[t.enabledChildIndices[l]])}}function F(n,a){}function M(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 W=(()=>{var n;class a extends y{}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:j,decls:7,vars:1,consts:[["content",""],[1,"sticky-elements"],[3,"pxpDynamicComponent","baseConfig"],["storefrontCheckOverflowTarget","self",1,"content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"],[3,"inViewport","pxpDynamicComponent","baseConfig","baseContext","controlsSticky","lazy"]],template:function(t,i){1&t&&(e.j41(0,"div",1),e.Z7z(1,B,1,1,null,2,e.fX1),e.k0s(),e.j41(3,"div",3,0),e.Z7z(5,M,1,4,null,4,e.fX1),e.k0s()),2&t&&(e.R7$(),e.Dyx(i.visibleStickyChildren),e.R7$(2),e.Y8G("storefrontCheckOverflow","vertical"),e.R7$(2),e.Dyx(i.enabledChildIndices))},dependencies:[E.q,x.G],styles:["storefront-embeddable-view,.pxp-embeddable-view{display:block;height:100%}storefront-embeddable-view .content,.pxp-embeddable-view .content{height:100%;overflow-y:auto}storefront-embeddable-view .sticky-elements,.pxp-embeddable-view .sticky-elements{position:absolute;width:100%;z-index:19}\n"],encapsulation:2,changeDetection:0}),a})(),X=(()=>{var n;class a{}return(n=a).\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.$C({type:n}),n.\u0275inj=e.G2t({imports:[c.MD,P.wb,I.d]}),a})();const Q={component:y,leanDomComponent:W}},680:(D,C,o)=>{o.d(C,{G:()=>p});var c=o(3953),m=o(7786),v=o(3726),e=o(8890),g=o(8251);let p=(()=>{var h;class f{constructor(){this.elementRef=(0,c.WQX)(c.aKT),this.subscriptions=(0,c.WQX)(g.v),this.storefrontCheckOverflow=(0,c.hFB)(void 0),this.storefrontCheckOverflowTarget=(0,c.hFB)("parent")}ngOnChanges(){this.checkScrollable()}ngAfterViewInit(){this.ngOnChanges(),this.target="parent"===this.storefrontCheckOverflowTarget()?this.elementRef.nativeElement.parentNode:this.elementRef.nativeElement,this.subscriptions.subscribe((0,m.h)((0,e.Ne)(),(0,v.R)(this.elementRef.nativeElement,"scroll",{passive:!0}),(0,e.S8)(this.elementRef.nativeElement)),d=>this.checkScrollable()),this.checkScrollable()}ngOnInit(){}checkScrollable(){this.target&&("horizontal"===this.storefrontCheckOverflow()?this.checkScrollableHorizontal():this.checkScrollableVertical(),this.target.classList.add("initialized"))}checkScrollableVertical(){const d=this.elementRef.nativeElement.scrollHeight-this.elementRef.nativeElement.clientHeight;this.elementRef.nativeElement.scrollHeight>this.elementRef.nativeElement.clientHeight?(this.target.classList.add("scrollable-vert"),Math.abs(d-this.elementRef.nativeElement.scrollTop)>1?this.target.classList.add("scrollable-bottom"):this.target.classList.remove("scrollable-bottom"),this.elementRef.nativeElement.scrollTop>0?this.target.classList.add("scrollable-top"):this.target.classList.remove("scrollable-top")):(this.target.classList.remove("scrollable-vert"),this.target.classList.remove("scrollable-bottom"),this.target.classList.remove("scrollable-top"))}checkScrollableHorizontal(){const d=this.elementRef.nativeElement.scrollWidth-this.elementRef.nativeElement.clientWidth;this.elementRef.nativeElement.scrollWidth>this.elementRef.nativeElement.clientWidth?(this.target.classList.add("scrollable-horiz"),Math.abs(d-this.elementRef.nativeElement.scrollLeft)>1?this.target.classList.add("scrollable-right"):this.target.classList.remove("scrollable-right"),this.elementRef.nativeElement.scrollLeft>0?this.target.classList.add("scrollable-left"):this.target.classList.remove("scrollable-left")):(this.target.classList.remove("scrollable-horiz"),this.target.classList.remove("scrollable-left"),this.target.classList.remove("scrollable-right"))}}return(h=f).\u0275fac=function(d){return new(d||h)},h.\u0275dir=c.FsC({type:h,selectors:[["","storefrontCheckOverflow",""]],inputs:{storefrontCheckOverflow:[1,"storefrontCheckOverflow"],storefrontCheckOverflowTarget:[1,"storefrontCheckOverflowTarget"]},standalone:!1,features:[c.Jv_([g.v]),c.OA$]}),f})()}}]);