https://www.loewe.com/mobify/bundle/2528/page-designer-visuals-module.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7033],{79341:(e,n,t)=>{t.d(n,{i:()=>s});const i={root:null,rootMargin:"0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]},r={scaleMax:1.1,margin:{top:0,bottom:50,right:110,left:110},delay:500};class s{zoomObsever=null;marginObsever=null;marginReverseObsever=null;constructor(e,n,t=r){this.$root=e,this.$tagetElements=n,this.range=t}handleZoom=e=>{e.forEach((({intersectionRatio:e,boundingClientRect:n})=>{n.top>0&&this.$tagetElements.forEach((n=>{const t=this.range.scaleMax-.1*e;n.style.overflow="hidden";const i=n.firstChild;i.style.transition=`all ${.001*this.range.delay}s ease-out`,i.style.transform=`scale(${t}, ${t})`}))}))};handleMargin=e=>{e.forEach((({intersectionRatio:e,boundingClientRect:n})=>{if(n.top>0){const n=this.range.margin.top*e,t=this.range.margin.left*e,i=this.range.margin.bottom*e,r=this.range.margin.right*e;this.$root.style.transition=`all ${.001*this.range.delay}s ease-out`,this.$root.style.padding=`${n}px ${t}px ${i}px ${r}px`}}))};handleReverseMargin=e=>{e.forEach((({intersectionRatio:e})=>{const n=this.range.margin.top*(1-e),t=this.range.margin.left*(1-e),i=this.range.margin.bottom*(1-e),r=this.range.margin.right*(1-e);this.$root.style.transition=`all ${.001*this.range.delay}s ease-out`,this.$root.style.padding=`${n}px ${t}px ${i}px ${r}px`}))};initZoom=(e=i)=>{this.zoomObsever=new IntersectionObserver(this.handleZoom,e),this.zoomObsever.observe(this.$root)};initMargin=(e=i)=>{this.marginObsever=new IntersectionObserver(this.handleMargin,e),this.marginObsever.observe(this.$root)};

1initReverseMargin=(e=i)=>{this.marginReverseObsever=new IntersectionObserver(this.handleReverseMargin,e),this.marginReverseObsever.observe(this.$root)};disconnect=()=>{var e,n,t;null===(e=this.zoomObsever)||void 0===e||e.disconnect(),null===(n=this.marginObsever)||void 0===n||n.disconnect(),null===(t=this.marginReverseObsever)||void 0===t||t.disconnect()}}},83675:(e,n,t)=>{t.r(n),t.d(n,{VisualsModule:()=>g,default:()=>h});var i=t(96540),r=t(79341),s=t(49096),o=t(96),a=t(76396);const l=(0,o.A)("div",{target:"ex7kir80"})((e=>`\n    & #visuals > .container {\n        display: flex;\n        flex-direction: column;\n        justify-content:center;\n        ${e.image_container?"margin: 0 32px;":"margin: 0;"}\n\n\n        @media (min-width: ${a.MQ.sm}px) {\n            flex-direction: row;\n            ${e.image_container?"margin: 0 110px;":"margin: 0;"}\n        }\n        .component {\n            display: inline-block;\n            overflow: hidden;\n\n\n            .container {\n            }\n            @media (min-width: ${a.MQ.md}px) {\n\n                ${"one"==e.quantity_image?"\n                        &:not(:first-child) {\n                            display: none;\n                        }\n                            width: 60%;\n                        ":""}\n                ${"one"==e.quantity_image?"\n                        &:not(:first-child) {\n                            display: none;\n                        }":" width: 50%;"}\n            }\n\n        }\n    }`),";"),c={scaleMax:1.1,margin:{top:0,bottom:10,right:50,left:50},delay:500},g=({regions:e,quantity_image:n,animationMargin:t,animationZoom:o,image_container:a})=>{const g=(0,i.useRef)(null),h=(0,i.useRef)(null);return(0,i.useEffect)((()=>{const e=g.current;if(!e&&!t&&!o)return;const n=null==e?void 0:e.querySelectorAll("#visuals .container .component");return h.current=new r.i(e,n,c),t&&h.current.initReverseMargin(),o&&h.current.initZoom(),()=>h.current.disconnect()}),[]),i.createElement(l,{"data-testid":"visuals-module",quantity_image:n,image_container:a,ref:g},e.map((e=>i.createElement(s.A,{key:e.id,region:e}))))},h=g}}]);