https://www.zoo.se/static/js/LandingPage.9fb643f4.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6149,1168],{93701:(e,t,n)=>{n.d(t,{A:()=>y});var r=n(22119),o=n(72176),i=n(87362);class s extends o.Component{constructor(){super(...arguments),this.observer=null,this.element=null,this.isIntersected=!1,this.handleIntersectionCallback=e=>{if(0===e.length)return;const{onEnter:t,onLeave:n,onChange:r,disconnectOnEnter:o,disconnectOnLeave:i}=this.props;e.forEach((e=>{const s=e.intersectionRatio>0;t&&!this.isIntersected&&s&&(t(this.element),o&&this.removeObserver()),r&&r(e),n&&this.isIntersected&&!s&&(n(),i&&this.removeObserver()),this.isIntersected=s}))},this.setElement=e=>{this.element=e}}componentDidMount(){const{root:e,rootMargin:t,threshold:n}=this.props;this.observer=new IntersectionObserver(this.handleIntersectionCallback,{root:e,rootMargin:t,threshold:n}),this.element&&this.observer&&this.observer.observe&&this.observer.observe(this.element)}componentWillUnmount(){this.removeObserver()}removeObserver(){this.observer&&(this.observer.unobserve(this.element),this.observer.disconnect(),this.observer=null)}render(){const{tagName:e,onEnter:t,onChange:n,onLeave:r,root:i,rootMargin:s,threshold:a,disconnectOnEnter:l,disconnectOnLeave:c,children:d,...u}=this.props,h="string"===typeof e?"ref":"innerRef";return(0,o.createElement)(e,{...u,[h]:this.setElement},d)}}s.defaultProps={disconnectOnEnter:!1,disconnectOnLeave:!1,onChange:null,onEnter:null,onLeave:null,root:null,rootMargin:"0px",tagName:"div",threshold:0};const a=s;var l,c,d=n(51941),u=n(3860),h=n(36788),g=n(80812);const{isArray:p}=Array,f={bg:"transparent",w:null,auto:"format",fit:"clip",format:"avif",q:80},m=e=>p(e)?e:[e],v=(0,h.A)("div",{shouldForwardProp:e=>-1===["images","ratios"].indexOf(e)})(l||(l=(0,r.A)(["\n    ",";\n    ",";\n"])),(e=>{let{images:t}=e;return t}),(e=>{let{ratios:t}=e;return t})),b=(0,h.A)(a)(c||(c=(0,r.A)([""]))),x=e=>{let{loading:t,placeholder:n,position:r,alt:s,src:a,ratio:l,query:c,isAbsolute:u,...h}=e;const x=a&&((e,t)=>{const n={},r=m(e),o=m(t.w),i=m(t.auto),s=m(t.fit),a=m(t.format),l=m(t.q),c=m(t.bg);let u=r[0],h=o[0],g=i[0],p=s[0],f=a[0],v=l[0],b=c[0];const x=(e,t,n,r,o,i,s)=>"url(".concat(e,"?").concat(n?"auto=".concat(n,"&"):o?"format=".concat(o,"&"):"","q=").concat(i,"&fit=").concat(r).concat(t?"&w=".concat(t):"").concat(s?"&bg=".concat(s):"",")");n.backgroundImage=x(u,h,g,p,f,v,b);const y=Math.max(r.length,o.length,i.length,s.length,a.length,l.length,c.length);for(let m=1;m<y;m++)if(r[m]||o[m]||i[m]||s[m]||a[m]||l[m]||c[m]){const e="@media screen and (min-width: ".concat(d.breakpoints[m],")");n[e]=n[e]||{},u=r[m]||u,h=o[m]||h,g=i[m]||g,p=s[m]||p,f=a[m]||f,v=l[m]||v,b=c[m]||b,n[e].backgroundImage=x(u,h,g,p,f,v,b)}return n})(a,{...f,...c}),y=l&&(e=>{const t=d.breakpoints.slice(1),n=p(e)?e:[e],r=e=>({"&:after":{content:'""',display:"block",paddingBottom:isNaN(e)?e:"calc(100% / ".concat(e,")")}}),o=r(n[0]);for(let i=1;i<n.length;i++){const e="@media screen and (min-width: ".concat(t[i-1],")");null!==n[i]&&(o[e]=r(n[i]))}return o})(l),A=(0,o.useRef)(null),w=(0,i.TP)(n,{...f,w:400});return"lazy"===t?(0,g.jsx)(b,{disconnectOnEnter:!0,style:{height:h.height,width:h.width},rootMargin:"30%",onEnter:()=>{A.current&&x&&(A.current.style.removeProperty("background-image"),A.current.style.removeProperty("background-size"),A.current.style.backgroundPosition=r)},position:u&&"absolute",children:(0,g.jsx)(v,{images:x,ratios:y,ref:A,style:{backgroundImage:n?"url(".concat(w,")"):"none",backgroundPosition:"50% 50%",backgroundSize:"contain"},...h})}):(0,g.jsx)(v,{images:x,ratios:y,backgroundPosition:r,...h})};x.defaultProps={alt:null,backgroundColor:"transparent",backgroundRepeat:"no-repeat",backgroundSize:"cover",height:"100%",loading:"lazy",maxHeight:null,maxWidth:null,placeholder:u.Kx,position:"50% 50%",query:null,ratio:null,width:"100%",isAbsolute:!1};const y=x},79714:(e,t,n)=>{n.d(t,{$J:()=>i,D1:()=>s,db:()=>o});var r=n(27892);const o=e=>{if(!e)return!1;const t=r.W.indexOf(e);return t>-1&&t<r.f.length?r.f[t]:(console.error("The breakpoint label ".concat(e," does not exist")),!1)},i=e=>{if(!e)return!1;const t=r.W.indexOf(e);if(t>-1&&t<r.f.length){const e=r.f[t].match(/[a-zA-Z]+/)||"",n=parseInt(r.f[t],10);return"".concat(n-("em"===e?.01:1)).concat(e)}return console.error("The breakpoint label ".concat(e," does not exist")),!1},s=e=>{if(!e)return!1;const t=r.W.indexOf(e);return t>-1&&t<r.f.length-1?r.W[t+1]:(console.error("The breakpoint label ".concat(e," does not exist")),!1)}},66151:(e,t,n)=>{n.d(t,{A:()=>d});var r,o=n(22119),i=(n(72176),n(58329)),s=n(36788),a=n(80812);const l=(0,s.A)("button")(r||(r=(0,o.A)(["\n    border: 0;\n    margin: 0;\n    padding: 0;\n    background-color: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 100%;\n    overflow: visible;\n    text-transform: none;\n    user-select: none;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;

1\n\n    &:disabled,\n    &[disabled] {\n        cursor: not-allowed;\n    }\n"]))),c=e=>{let{ariaLabel:t,children:n,disabled:r,name:o,onClick:s,to:c,type:d,value:u,isvolatile:h,...g}=e;const p="string"===typeof s,f=c||p&&s||"";return c||p?(0,a.jsx)(i.A,{to:f,isvolatile:"".concat(h),onClick:s,...g,children:n}):(0,a.jsx)(l,{"aria-label":t,disabled:r,name:o,type:d,value:u,onClick:s,...g,children:n})};c.defaultProps={children:void 0,disabled:!1,isvolatile:!0,name:void 0,onClick:void 0,to:"",type:"button",value:void 0};const d=c},68740:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(72176),o=n(94497),i=n.n(o),s=n(6154),a=n(27892),l=n(79714),c=n(43364);const d=function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const n=(0,r.useContext)(s.EA).breakpointIndex,o=a.W.indexOf(e),d=()=>!c.Rq&&window.matchMedia("(min-width: ".concat((0,l.db)(e),")")).matches,u=d(),[h,g]=(0,r.useState)(c.Rq&&"number"===typeof n?n>=o:u);return(0,r.useEffect)((()=>{const e=i()((()=>{const e=d();e!==h&&g(e)}),250);return t&&window.addEventListener("resize",e),()=>{e.cancel(),window.removeEventListener("resize",e)}}),[h]),h}}

1,87362:(e,t,n)=>{n.d(t,{GO:()=>c,Q3:()=>u,TP:()=>d,mI:()=>a,sv:()=>l});var r=n(1272),o=n(17711),i=n(43364),s=n(51941);const a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:s.breakpoints;const n=[];if(!e||!e.length)return null;if(!Array.isArray(e))return e;for(let i=0;i<e.length;i++){const s=e[i];null!==s&&void 0!==s&&n.push(n.length?(r=t[i],o=s,"(min-width: ".concat(r,") ").concat(o)):s)}var r,o;return n.reverse().join(", ")},l=(e,t,n)=>{let o=e;const s=JSON.parse(JSON.stringify(t));if("webp"===s.f&&(s.f=(e=>{if("undefined"===typeof e&&(e=(0,r.Gu)("application").isSupportingWebp),i.M&&!e){const t=document.createElement("canvas");e=!(!t.getContext||!t.getContext("2d"))&&0===t.toDataURL("image/webp").indexOf("data:image/webp")}return e})(n)?"webp":"png"),o&&s){var a;let e=(null===(a=o)||void 0===a?void 0:a.indexOf("?"))>-1?"&":null;for(const t in s){const n=t,r=(s[t]||"").toString(),i=0===r.indexOf("#")?r.slice(1):r;i&&(o=o.indexOf("".concat(n,"="))>-1?o.replace(new RegExp("(?:".concat(n,")\\=\\d+"),"g"),"".concat(n,"=").concat(i)):"".concat(o).concat(e=e?"&":"?").concat(n,"=").concat(i))}}return o},c=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=e.indexOf("?")>-1?"&":"?";let o=e.endsWith("?")?e.slice(0,-1):e;return o=o.replace(new RegExp("(\\?|\\&){0,1}(?:".concat("w|h",")\\=\\d+\\&{0,1}"),"g"),"$1"),o.endsWith("&")&&(o=o.slice(0,-1)),t.map(((e,t)=>{const i=n[t];return"".concat(o).concat(r,"w=").concat(e).concat(i?"&h=".concat(i):""," ").concat(e,"w")})).join(", ")},d=(e,t)=>l(e,t),u=(e,t,n)=>l((0,o.e)(e),t,n)},17711:(e,t,n)=>{n.d(t,{e:()=>o});var r=n(3860);const o=e=>e?e.includes("https://")||e.includes("http://")?e:"".concat(r.V5,"/").concat(e):null},98658:(e,t,n)=>{var r=n(15360),o=n.n(r);o().oneOf(["large","default"]);const i=o().oneOf(["h1","h2","h3","h4","h5","h6"]),s=o().exact({text:o().string,type:i,is_manual_type:o().bool,is_manual_font_size:o().bool,font_sizes:o().object}),a=(o().exact({text:o().string,type:i,is_manual_type:o().bool,is_manual_font_size:o().bool,font_sizes:o().object}),o().arrayOf(o().oneOfType([o().string,o().array])));o().arrayOf(o().oneOfType([o().exact({layout:o().string,heading:o().string,headingTag:i}),o().exact({layout:o().string,text:a})])),o().arrayOf(o().oneOfType([o().exact({layout:o().string,heading:s}),o().exact({layout:o().string,sub_heading:s}),o().exact({layout:o().string,ingress:a}),o().exact({layout:o().string,paragraph:a})]))},70732:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(72176),o=n(58286),i=n(80812);const s=e=>{let{className:t,children:n,ariaLabel:s}=e;const a=(0,r.useRef)(null);return(0,r.useEffect)((()=>{document.querySelector(".".concat(t))&&a.current&&a.current.classList.add("clickable")}),[t]),(0,i.jsx)("button",{type:"button",ref:a,"aria-label":s,onClick:()=>{const e=document.querySelector(".".concat(t));e&&(0,o.VG)({smooth:!0,top:e.offsetTop-64})},children:n})};s.defaultProps={ariaLabel:"",className:""};const a=s},66170:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(15360),o=n.n(r);const i=(0,n(36788).A)("svg")();i.propTypes={height:o().oneOfType([o().string,o().arrayOf(o().string)]).isRequired,viewBox:o().string.isRequired,width:o().oneOfType([o().string,o().arrayOf(o().string)]),xmlns:o().string},i.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:""};const s=i},29372:(e,t,n)=>{n.d(t,{A:()=>V});var r,o=n(72176),i=n(22119),s=n(36788),a=n(80812);const l=(0,s.A)("strong")(r||(r=(0,i.A)(["\n    font-weight: 600;\n"]))),c=e=>{let{children:t}=e;return(0,a.jsx)(l,{children:t})};var d;const u=(0,s.A)("h1")(d||(d=(0,i.A)(["\n    font-weight: 600;\n"]))),h=e=>{let{children:t}=e;return(0,a.jsx)(u,{children:t})};var g;const p=(0,s.A)("h2")(g||(g=(0,i.A)(["\n    font-weight: 600;\n"]))),f=e=>{let{children:t}=e;return(0,a.jsx)(p,{children:t})};var m;const v=(0,s.A)("h3")(m||(m=(0,i.A)(["\n    font-weight: 600;\n"]))),b=e=>{let{children:t}=e;return(0,a.jsx)(v,{children:t})};var x;const y=(0,s.A)("h4")(x||(x=(0,i.A)(["\n    font-weight: 600;\n"]))),A=e=>{let{children:t}=e;return(0,a.jsx)(y,{children:t})};var w;const k=(0,s.A)("h5")(w||(w=(0,i.A)(["\n    font-weight: 600;\n"]))),j=e=>{let{children:t}=e;return(0,a.jsx)(k,{children:t})};var O;const _=(0,s.A)("h6")(O||(O=(0,i.A)(["\n    font-weight: 600;\n"]))),C=e=>{let{children:t}=e;return(0,a.jsx)(_,{children:t})},E=e=>{let{children:t}=e;return(0,a.jsx)("em",{children:t})};var T=n(42003);const L=e=>{let{children:t}=e;return(0,a.jsx)("li",{children:(0,a.jsx)(T.A,{as:"span",textStyles:"Avenir/16-140 Medium",children:t})})};var P,z=n(86805);const I=(0,s.A)("ol")(P||(P=(0,i.A)(["\n    padding-left: 24px;\n    & > li {\n        margin-top: 12px;\n    }\n"]))),S=e=>{let{children:t}=e;const n=(0,z.A)("Avenir/16-140 Medium");return(0,a.jsx)(I,{...n,children:t})},q=e=>{let{attrs:t,children:n}=e;return(0,a.jsx)("span",{...t,children:n})};q.defaultProps={attrs:void 0,children:void 0};const M=q,N=e=>{let{children:t}=e;return(0,a.jsx)("u",{children:t})};var R;const D=(0,s.A)("ul")(R||(R=(0,i.A)(["\n    margin-left: 8px;\n    & > li {\n        margin-left: 1em;\n    }\n"]))),W=e=>{let{children:t}=e;return(0,a.jsx)(D,{children:t})};var B,F=n(58329);const U=(0,s.A)(F.A)(B||(B=(0,i.A)(["\n    color: inherit;\n    text-decoration: underline;

1\n"]))),G=e=>{let{attrs:t,children:n}=e;return(0,a.jsxs)(U,{to:t["data-url"],tabIndex:t.tabIndex,children:[n," "]})};class H extends o.PureComponent{constructor(e){var t;super(e),t=this,this.validTags=[],this.getComponent=e=>{if(-1!==this.validTags.indexOf(e)){const t=this.props.tagComponents[e];return t||null}return null},this.renderContent=function(e,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=e;if(0===r&&(o[n]||(o[n]=[])),void 0!==e){if(Array.isArray(e))s=e.map(((e,i)=>t.renderContent(e,n,r+1,o,i)));else if("object"===typeof e){const l=t.getComponent(e.tag);l?(o[n].push(e.tag),s=(0,a.jsx)(l,{attrs:e.attributes,children:t.renderContent(e.content,n,r+1,o)},"".concat(n,".").concat(r,".").concat(i))):s=t.renderContent(e.content,n,r+1,o)}const l=["ol","ul","h1","h2","h3","h4","h5","h6"];if(0===r&&!o[n].filter((e=>-1!==l.indexOf(e))).length){const e=t.props.textComponent;return(0,a.jsx)(e,{children:s})}return s}},this.validTags=Object.keys(e.tagComponents)}render(){let{data:e}=this.props;return"string"===typeof e&&(e=e.split("\n")),e.map(((e,t)=>(0,a.jsx)(o.Fragment,{children:this.renderContent(e,t)},t)))}}H.defaultProps={tagComponents:{}};const Q=e=>{let{data:t,validTags:n=["url","i","b","u","ul","ol","li","h1","h2","h3","h4","h5","h6"],tagComponents:r={},textComponent:o=(e=>{let{children:t}=e;return(0,a.jsx)("p",{style:{margin:"0"},children:t})})}=e;const i={url:G,i:E,b:c,u:N,ul:W,ol:S,li:L,span:M,h1:h,h2:f,h3:b,h4:A,h5:j,h6:C,...r},s={};return n.forEach((e=>{i[e]&&(s[e]=i[e])})),(0,a.jsx)(H,{data:t,textComponent:o,tagComponents:s})};Q.defaultProps={tagComponents:{},textComponent:e=>(0,a.jsx)("p",{...e}),validTags:["url","i","b","u","ul","ol","li","h1","h2","h3","h4","h5","h6"]};const V=Q},60297:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(97132);const o=(e,t,n)=>{if(e&&e[0]&&(e=e[0]),!e)return!1;const o=e.layout||t;let i=e["background_".concat(o)];switch(i||(i=e),o){case"color":return(0,r.A)(i);case"image":return i=(e=>{const{background_position:t,background_size:n,image:r}=e;let o="",i="",s={};return r&&(o=r.title,i=r.url,s={mimeType:r.meta.mime_type,...r.meta},delete s.mime_type),{backgroundPosition:t,backgroundSize:n,title:o,url:i,meta:s}})(i),i.type=o,i;case"video":return i=(e=>{var t;return e?{...e.video,...e.settings,poster:(null===(t=e.poster)||void 0===t?void 0:t.url)||null}:{}})(i),i.mediaQuery={auto:"format",q:70,w:n},i.type=o,i;default:console.warn("Type: ".concat(o,", not found in transformFlexibleBackground"))}return!1},i=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{desktop:1400,mobile:500};if(e){const{desktop:r,mobile:i}=e;return{desktop:o(r,t,n.desktop),mobile:o(i,t,n.mobile)}

1}return{desktop:void 0,mobile:void 0}}},49930:(e,t,n)=>{n.r(t),n.d(t,{default:()=>A});var r=n(72176),o=n(89764),i=n(46548),s=n(4271),a=n(81774),l=n(35896),c=n(55987),d=n(43364),u=n(98725),h=n(97089),g=n(73031),p=n(99673),f=n(20648),m=n(71599),v=n(91717),b=n(20391),x=n(3576),y=n(80812);const A=e=>{var t,n,A;let{data:w}=e;const k=(0,i.d4)((e=>{var t;let{header:n}=e;return null===(t=n.data.navigation)||void 0===t?void 0:t.main_navigation})),{id:j,parent_id:O,title:_,page_content:C,hero_content:E,children:T,siblings:L,settings:P,permalink:z}=w,I=(null===P||void 0===P?void 0:P.description)||[],{is_active:S,categories:q}=(null===P||void 0===P?void 0:P.manual_category_boxes)||{},M=I.length>1||(null===(t=I[0])||void 0===t?void 0:t.length)>400,N=(0,s.zy)(),R=null===C||void 0===C?void 0:C.find((e=>"product_grid_module"===e.layout)),D=null===R||void 0===R||null===(n=R.data)||void 0===n?void 0:n.product_filters,W=D&&D.find((e=>"category_filter"===e.layout)),B=(0,i.d4)((e=>{let{products:t}=e;return t.categoryTree.length>0}));(0,r.useEffect)((()=>{d.M&&!B&&W&&(0,a.A)()}),[W,B]);const{t:F}=(0,o.Bd)(),U=[{permalink:"/",title:F("home")}];null!==(A=w.breadcrumbs)&&void 0!==A&&A.length&&U.push(...w.breadcrumbs),U.push({permalink:null,title:_});const G=(0,c.q)(T.length?T:L,k,T.length?j:O),H=(0,l.A)(N),Q=H.page&&H.page>1,V=z.split("/").length-1>=3||!!T.length,{heroMediaQueries:J,backgroundFlexible:K,moduleSize:$}=(0,g.A)(null===E||void 0===E?void 0:E[0]),Z=!$||"large"===$;return(0,y.jsxs)(y.Fragment,{children:[K&&(0,y.jsx)(m.A,{backgroundFlexible:K,mediaQueries:J}),(0,y.jsxs)(x.A,{isUnderneathNavbar:Z,children:[(0,y.jsx)(u.A,{isHero:!0,data:E,breadcrumbs:U,scrollToClassName:"productGrid"}),S?null!==q&&void 0!==q&&q.length?(0,y.jsx)(b.A,{children:(0,y.jsx)(h.default,{categoryIds:q,parentTitle:_,withImages:!1,slidesPerView:6.5})}):null:V?(0,y.jsx)(b.A,{children:(0,y.jsx)(v.A,{categories:G,parentTitle:_,withImages:!1,slidesPerView:6.5})}):null,!Q&&(0,y.jsx)(p.A,{isLandingPage:!0,isDescriptionTooLong:M,description:I}),(0,y.jsx)(u.A,{isLandingPage:!0,data:C}),M&&!Q&&(0,y.jsx)(f.A,{description:I})]})]})}}}]);
2//# sourceMappingURL=LandingPage.9fb643f4.chunk.js.map