https://www.ecoride.com/sv-se/modules-default-FlowVerticalModule-9e25ee817c40a684ece9.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9020,1311,5037],{86466:function(e,t,r){var o=r(97929),l=r(56764),n=r(1620);const i=(0,o.zo)("div",{"-webkit-overflow-scrolling":"touch"}),s=(0,l.forwardRef)(((e,t)=>{let{scrollDirection:r="vertical",withScrollbar:o=!1,$style:l={},as:s,...a}=e;const c={...l};return r&&(c.overflowX="vertical"===r?"hidden":"auto",c.overflowY="horizontal"===r?"hidden":"auto"),(0,n.jsx)(i,{$as:s,$style:c,"data-scrollbar":o,ref:t,...a})}));s.displayName="ScrollableBox",t.Z=s},64798:function(e,t,r){r.d(t,{A:function(){return l},y:function(){return o}});const o=(e,t)=>{var r,o;return{label:e.label,theme:e.theme||t,url:(null===(r=e.link)||void 0===r?void 0:r.url)||(null===(o=e.link)||void 0===o?void 0:o.cached_url),rel:"no_follow"===e.follow?"nofollow":void 0}},l=function(e,t){var r;return void 0===e&&(e=[]),null===(r=e)||void 0===r?void 0:r.map((e=>o(e,t)))}},66295:function(e,t){t.Z=e=>{let{isArticlePromotion:t=!1,isFlowHorizontal:r=!1,isFlowVertical:o=!1,isOneColumn:l=!1,isProductGrid:n=!1,isProductSpotlight:i=!1,isThreeColumn:s=!1,isTwoColumn:a=!1}=e;return l?"oneColumn":a?"twoColumn":s?"threeColumn":o?"flowVertical":r?"flowHorizontal":n?"productGrid":i?"productSpotlight":t?"articlePromotion":"oneColumn"}},68131:function(e,t){const r={white:"var(--color-base-white)",black:"var(--color-base-black)"};t.Z=e=>({color:r[e]||r.white})}

1,51514:function(e,t,r){var o=r(89356),l=r(13002),n=r(1620);const i={backgroundMediaModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-BackgroundMediaDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(8209)]).then(r.bind(r,67167)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 67167}}),callToActionModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-CallToActionDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(6831)]).then(r.bind(r,47410)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 47410}}),contextBlock:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-ContextDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(5037)]).then(r.bind(r,11419)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 11419}}),flexibleModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-FlexibleDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(1528)]).then(r.bind(r,79703)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 79703}}),videoPlayerModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-VideoPlayerDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(121)]).then(r.bind(r,73922)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 73922}}),carouselModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-CarouselDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(5793),r.e(5441),r.e(9073)]).then(r.bind(r,50452)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 50452}}),productGalleryModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-ProductGalleryDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(8302)]).then(r.bind(r,95633)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 95633}}),textModule:(0,l.ZP)({resolved:{},chunkName(){return"libs-storyblok-cms-data-transformer-blocks-TextDataTransformerBlock"},isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!r.m[t]},importAsync:()=>Promise.all([r.e(9351),r.e(7294)]).then(r.bind(r,91617)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return r(t)},resolve(){return 91617}})},s=e=>{let{block:t,...r}=e;if(t){const e=t.component||null,l=i[e]||null;return l?(0,n.jsx)(o.Z,{children:(0,n.jsx)(l,{isColumn:!0,layout:e,content:t,...r})},t._uid):null}return null};s.defaultProps={block:void 0},t.Z=s},99393:function(e,t,r){r.r(t);var o=r(51514),l=r(11419),n=r(97929),i=r(10965),s=r(94358),a=r(70489),c=r(24408),u=r(1620);const d=(0,n.zo)(c.E.div,{display:"grid",gridTemplateColumns:"1fr",position:"relative",padding:"0",paddingBottom:"var(--margin-content)",gap:"var(--margin-content)",[s.Z.min["mobile.lg"]]:{gridTemplateColumns:"repeat(1, 1fr) repeat(2, 1fr)",gridAutoFlow:"column",padding:"0 var(--margin-content)"}}),h=(0,n.zo)(c.E.div,{position:"static",top:0,height:"auto",padding:"var(--margin-content)",[s.Z.min["mobile.lg"]]:{position:"sticky",height:"fit-content",padding:"0"},[s.Z.min["tablet.lg"]]:{height:"calc(100vh - calc(var(--margin-content) * 2))"}}),m=(0,n.zo)(c.E.div,{display:"flex",paddingLeft:"var(--margin-content)",paddingRight:"var(--margin-content)",flexDirection:"row",gap:"var(--margin-content)",overflowX:"scroll",[s.Z.min["mobile.lg"]]:{paddingLeft:0,paddingRight:0,flexDirection:"column",overflowX:"hidden"}}),v=(0,n.zo)("div",{height:"auto",flex:"0 0 calc(((11 / 12) * 100%) - 2px)",aspectRatio:"var(--ratio-vertical-primary)",[s.Z.min["mobile.lg"]]:{flex:"unset",aspectRatio:"var(--ratio-horizontal-secondary)"},[s.Z.min["tablet.lg"]]:{height:"calc(100vh - calc(var(--margin-content) * 2))",aspectRatio:"auto"}});t.default=e=>{let{content:t,template:r="default"}=e;const{context:n,blocks:s,switchOrderInDesktop:c}

1=t,p=(0,i.Z)(r),{targetRef:y,value:g}=(0,a.i)({offset:["0 1","0 0.25"],inputRange:[0,1],outputRange:[0,1]}),{targetRef:f,value:b}=(0,a.i)({offset:["0 1","0 0.1"],inputRange:[0,1],outputRange:[150,0]});return(0,u.jsxs)(d,{ref:y,style:{opacity:g},$style:{...p},children:[(0,u.jsx)(h,{$style:{gridColumn:["1",null,c?"3 / 4":"1 / 2"]},children:(0,u.jsx)(l.default,{isFlowVertical:!0,content:n[0]})}),(0,u.jsx)(m,{ref:f,style:{y:b},$style:{gridColumn:["1",null,c?"1 / 3":"2 / 4"]},children:s.map((e=>(0,u.jsx)(v,{children:(0,u.jsx)(o.Z,{isFlowVertical:!0,block:e})},e._uid)))})]})}},11419:function(e,t,r){r.r(t),r.d(t,{default:function(){return b}});var o=r(58432),l=r(6263),n=r(97929),i=r(37268),s=r(43910),a=r(2077),c=r(68131),u=r(86466),d=r(1620);const h=(0,n.zo)("article",{position:"relative",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",gap:"20px",padding:"var(--margin-content) var(--margin-content) 12px"}),m=(0,n.zo)("div",{display:"flex",flexDirection:"column",flexGrow:1}),v=(0,n.zo)("div",{display:"flex",flexDirection:"column",gap:"20px",overflow:"hidden"});var p=e=>{let{$style:t,button:r,heading:p,headingType:y,headingFontKeys:g,paragraph:f,paragraphFontKeys:b,placementSettings:k,stickySettings:x,textColor:P="black"}=e;const[A]=(0,n.hQ)(),w=(0,a.Z)(b),Z=(0,c.Z)(P);return(0,d.jsxs)(h,{$style:{...t,...Z},children:[(0,d.jsx)(m,{$style:{justifyContent:[k.mobile,null,k.desktop]},children:(0,d.jsx)(l.Z,{$style:{position:[x.mobile,null,null,x.desktop],top:"calc(0px + var(--header-height) + var(--header-margin))"},fontKeys:g,type:y,children:p})}),(0,d.jsxs)(v,{children:[null!=r&&r.url&&r.label?(0,d.jsx)(o.Z,{as:i.Z,to:r.url,rel:r.rel||"",theme:r.theme,children:r.label}):null,f?(0,d.jsx)(u.Z,{scrollDirection:"vertical",className:A({...w}),$style:{paddingBlock:"12px",mask:"linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 12px, rgba(0,0,0,1) 96%, rgba(0,0,0,0) 100%)"},children:(0,d.jsx)(s.Z,{data:f})}):null]})]})},y=r(64798),g=r(10167),f=r(66295);var b=e=>{var t,r,o;let{content:l,isArticlePromotion:n=!1,isFlowVertical:i=!1,isProductGrid:s=!1,isProductSpotlight:a=!1,isThreeColumn:c=!1}=e;const{button:u,disableStickyHeadingDesktop:h,disableStickyHeadingMobile:m,heading:v,headingPlacementDesktop:b,headingPlacementMobile:k,paragraph:x,textColor:P}=l,A=(0,g.Z)({type:null==v||null===(t=v[0])||void 0===t?void 0:t.type,defaultType:"h3"}),w=(null==u?void 0:u.length)>0?(0,y.y)(null==u?void 0:u[0],"solid"):{},Z="productSpotlight"===(0,f.Z)({isThreeColumn:c,isProductSpotlight:a,isProductGrid:s,isFlowVertical:i,isArticlePromotion:n})?"fullHeight":"card",S={desktop:h||"top"!==b?"static":"sticky",mobile:m||"top"!==k?"static":"sticky"},_={desktop:"top"===b?"flex-start":"center",mobile:"top"===k?"flex-start":"center"};return(0,d.jsx)(p,{button:w,heading:null==v||null===(r=v[0])||void 0===r?void 0:r.text,headingType:A.type,headingFontKeys:{fullHeight:["Primary/32_110",null,"Primary/40_110"],card:["Primary/32_110",null,"Primary/24_110",null,"Primary/40_110"]}[Z],layout:Z,paragraph:null==x||null===(o=x[0])||void 0===o?void 0:o.text,paragraphFontKeys:{fullHeight:["Secondary/16_130",null,"Primary/20_110"],card:["Secondary/16_130",null,null,null,"Primary/20_110"]}[Z],placementSettings:_,$style:{height:"card"===Z?["auto",null,"100%"]:"100%",aspectRatio:"card"===Z?["var(--ratio-vertical-primary)",null,null,null,"auto"]:["var(--ratio-vertical-primary)",null,"auto"]},stickySettings:S,textColor:P})}}}]);