https://www.rabensjogren.se/static/js/CTAGrid.9443284f.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9582],{30351:function(n,e,t){var r=t(24974),i=t.n(r),o=t(65738),a=t(31729),l=i().shape({url:i().string,text:i().string});o.Mc,i().string,i().arrayOf(i().shape({link:l})),i().arrayOf(i().string),i().string,i().string,i().string,i().string,a.f6},31729:function(n,e,t){t.d(e,{f6:function(){return l}});var r=t(24974),i=t.n(r),o=(i().oneOf(["large","default"]),i().oneOf(["h1","h2","h3","h4","h5","h6"])),a=i().exact({text:i().string,type:o}),l=i().oneOfType([i().string,i().arrayOf(i().oneOfType([i().string,i().array]))]);i().arrayOf(i().oneOfType([i().exact({layout:i().string,heading:i().string,headingTag:o}),i().exact({layout:i().string,text:l})])),i().arrayOf(i().oneOfType([i().exact({layout:i().string,heading:a}),i().exact({layout:i().string,sub_heading:a}),i().exact({layout:i().string,ingress:l}),i().exact({layout:i().string,paragraph:l})]))},36579:function(n,e,t){var r=t(95764),i=t(31619);e.Z=function(n){var e,t=n||{},o=t.background_position,a=t.background_size,l=t.credit,d=t.image,u=t.background_color,c=(null===d||void 0===d?void 0:d.title)||"",s=(null===d||void 0===d?void 0:d.url)||"",f=d?(0,r.Z)({mimeType:null===d||void 0===d||null===(e=d.meta)||void 0===e?void 0:e.mime_type},d.meta):{};return d&&delete f.mime_type,{backgroundColor:i.Z[u]||u||void 0,backgroundPosition:o,backgroundSize:a,credit:l,title:c,url:s,meta:f}}},74540:function(n,e,t){t.d(e,{Z:function(){return a}});var r=t(36579),i=t(95764),o=function(n,e){if(n&&n[0]&&(n=n[0]),n){var t=n.layout||e,o=n["background_".concat(t)];switch(o||(o=n),t){case"color":return{color:o,type:"color"};case"image":return(o=(0,r.Z)(o)).type=t,o;case"video":return(o=function(n){return n?(0,i.Z)((0,i.Z)({},n.video),n.settings):{}}(o)).type=t,o;default:console.warn("Type: ".concat(t,", not found in transformFlexibleBackground"))}return!1}},a=function(n,e){if(n){var t=n.desktop||n.desktop_background_video||n.desktop_background_image,r=n.mobile||n.mobile_background_video||n.mobile_background_image;return{desktop:o(t,e),mobile:o(r,e)}}return{desktop:void 0,mobile:void 0}}},62276:function(n,e,t){t.d(e,{Z:function(){return A}});var r,i,o=t(99710),a=t(95764),l=t(81034),d=t(99500),u=t(30969),c=t(43295),s=t(42266),f=t(85255),g=t(39455),p=t(33747),v=t(31619),x=t(95316),h=(t(30351),t(66981)),b=t(37574),m=(0,f.Z)("div")(r||(r=(0,d.Z)(["\n    position: relative;\n    width: 100%;\n    display: block;\n\n    overflow: hidden;\n    transition: border-radius ",";\n    text-align: center;\n\n    &:after {\n        content: '';\n        display: block;\n        padding-bottom: ","%;\n    }\n\n    & > div {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n    }\n\n    "," {\n        &:hover {\n            border-radius: 80px;\n        }\n    }\n"])),x.Z.primary,100/(3/4),g.BC.hover),y=(0,f.Z)("div")(i||(i=(0,d.Z)(["\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n\n    height: 100%;\n    width: 100%;\n    padding: 16px 12px;\n\n    "," {\n        .narrowMobile & {\n            a {\n                flex-wrap: wrap;\n                & > div {\n                    width: 100%;\n                    margin-bottom: 8px;\n                    svg {\n                        margin: 0;\n                        display: inline-block;\n                    }\n                }\n            }\n        }\n        .wideMobile & {\n            padding: 24px 12px;\n        }\n    }\n\n    "," {\n        padding: 16px 12px;\n    }\n\n    "," {\n        padding: 32px 48px;\n    }\n\n    a {\n        ::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 0;\n            display: block;\n        }\n    }\n"])),g.B2.md,g.aE.md,g.aE.xl),k=function(n){var e,t=n.background,r=n.backgroundType,i=n.link,o=n.title,a=n.textColor,l=n.wideMobile,d=v.Z[a]||a,u=[l?"Stabil Grotesk/24-130":"Stabil Grotesk/16-140","Stabil Grotesk/20-120",null,"Stabil Grotesk/24-130"];return(0,b.jsx)(m,{className:l?"wideMobile":"narrowMobile",color:d,children:(0,b.jsx)(c.Z,{background:t,type:r,mediaQuery:s.w.threeColumn,children:(0,b.jsxs)(y,{children:[(0,b.jsx)(p.Z,{textStyles:u,children:o}),!(null===i||void 0===i||!i.url||null===i||void 0===i||!i.text)&&(0,b.jsx)(h.Z,{size:"link",theme:null!==(e={white:"transparentWhite",black:"transparentBlack",yellow:"transparentYellow"}[a])&&void 0!==e?e:"transparentWhite",to:i.url,children:(0,b.jsx)(p.Z,{textStyles:["Stabil Grotesk/14-140",null,"Stabil Grotesk/16-140"],children:i.text})})]})})})};k.defaultProps={background:"",backgroundType:"",link:{url:"",text:""},textColor:"",title:"",wideMobile:!1};var w,Z,_=k,O=t(39660),j=(0,f.Z)("div",{shouldForwardProp:function(n){return-1===["f

1ixedHeight"].indexOf(n)}})(w||(w=(0,d.Z)(["\n    position: relative;\n    width: 100%;\n    display: block;\n    aspect-ratio: 3 / 4;\n\n    overflow: hidden;\n    transition: border-radius ",";\n    text-align: center;\n\n    ","\n\n    & > div {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n    }\n\n    ","\n"])),x.Z.primary,(function(n){return n.fixedHeight&&"\n        height: 100%;\n        aspect-ratio: auto;\n    "}),(function(n){return n.fixedHeight&&"\n        & > div {\n            background-size: cover;\n            background-position: center;\n        }\n    "})),S=(0,f.Z)("div")(Z||(Z=(0,d.Z)(["\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    height: 100%;\n    width: 100%;\n    padding: 32px 5px;\n\n    "," {\n        align-items: center;\n        .arrow & {\n            a {\n                flex-direction: column;\n                flex-wrap: wrap;\n                & > div {\n                    svg {\n                        margin: 0;\n                        display: inline-block;\n                    }\n                }\n            }\n        }\n        &.heading {\n            width: 100%;\n        }\n    }\n\n    "," {\n        padding: 48px 0;\n    }\n\n    a {\n        ::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 0;\n            display: block;\n        }\n    }\n"])),g.vX["md-lg"],g.aE.xl),C=function(n){var e,t=n.background,r=n.backgroundType,i=n.fixedHeight,o=n.link,a=n.tag,l=n.textColor,d=v.Z[l]||l,u=o.text,f=o.url,g=(0,O.Z)("lg");return(0,b.jsx)(j,{className:"arrow",color:d,fixedHeight:i,children:(0,b.jsx)(c.Z,{background:t,type:r,mediaQuery:s.w.threeColumn,children:(0,b.jsxs)(S,{children:[(0,b.jsx)("div",{className:"heading",children:(0,b.jsx)(h.Z,{to:f,size:g?"linkLg":"linkSm",theme:null!==(e={white:"transparentWhite",black:"transparentBlack",yellow:"transparentYellow"}[l])&&void 0!==e?e:"transparentWhite",children:u})}),(0,b.jsx)(p.Z,{as:"div",mt:["16px",null,"8px"],textStyles:["Stabil Grotesk/14-100 CAPS",null,null,"Stabil Grotesk/16-100 CAPS"],children:a})]})})})};C.defaultProps={background:void 0,backgroundType:"",fixedHeight:!1,link:void 0,tag:"",textColor:"inherit"};var L,H=C,E=t(74540),T=["background_flexible","text_color"],z=(0,f.Z)("div",{shouldForwardProp:function(n){return-1===["contentLayout"].indexOf(n)}})(L||(L=(0,d.Z)(["\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    "," {\n        ","\n    }\n    "," {\n        grid-template-columns: var(--cta-grid-columns, repeat(3, 1fr));\n        transition: grid-template-columns 400ms ease;\n        ","\n    }\n"])),g.B2.md,(function(n){return n.contentLayout?"\n            & > * {\n                grid-column: 1 / span 2;\n            }\n        ":"\n        \n            & > *:nth-of-type(3n + 1) {\n                grid-column: 1 / span 2;\n            }\n        "}),g.aE.md,(function(n){return n.contentLayout&&"\n            align-items: stretch;\n            grid-auto-rows: var(--cta-grid-fixed-height, auto);\n        "})),M=function(n,e,t,r,i){var o=n.background_flexible,d=n.text_color,u=(0,l.Z)(n,T),c=(0,E.Z)(o),s=c.mobile,f=c.desktop,g=(0,a.Z)({background:t?f:s,backgroundType:t?f.type:s.type,fixedHeight:r&&i,textColor:d,wideMobile:e%3===0},u);return r?(0,b.jsx)(H,(0,a.Z)({},g)):(0,b.jsx)(_,(0,a.Z)({},g))},B=function(n){var e=n.ctas,t=n.contentLayout,r=n.expandOnHover,i=(0,O.Z)("lg"),l=(0,u.useState)(null),d=(0,o.Z)(l,2),c=d[0],s=d[1],f=i,g=t&&f&&r,p=g&&f,v=function(n,e){var t=(0,u.useRef)(null),r=(0,u.useState)(null),i=(0,o.Z)(r,2),a=i[0],l=i[1];return(0,u.useEffect)((function(){var e;if(n){var r=null===(e=t.current)||void 0===e?void 0:e.firstElementChild;if(r){var i=function(){var n=r.getBoundingClientRect().height;n&&l(n)};if(i(),"undefined"===typeof ResizeObserver)return window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)};var o=new ResizeObserver(i);return o.observe(r),function(){return o.disconnect()}}}else l(null)}),e),{wrapperRef:t,cardHeight:a}}(g,[t,e.length,f,r]),x=v.wrapperRef,h=v.cardHeight,m=(0,u.useMemo)((function(){if(p)return function(n,e,t){if(n&&3===e)return null===t?"1fr 1fr 1fr":0===t?"2fr 1fr 1fr":1===t?"1fr 2fr 1fr":"1fr 1fr 2fr"}(t,e.length,c)}),[t,e.length,c,g]);return!(null===e||void 0===e||!e.length)&&(0,b.jsx)(z,{contentLayout:t,ref:x,style:(0,a.Z)((0,a.Z)({},m?{"--cta-grid-columns":m}:{}),h?{"--cta-grid-fixed-height":"".concat(h,"px")}:{}),children:e.map((function(n,e){return(0,b.jsx)("div",{onMouseEnter:p?function(){return s(e)}:void 0,onMouseLeave:p?function(){return s(null)}:void 0,children:M(n,e,i,t,g&&Boolean(h))},"CTAGridCard".concat(e).concat(null===n||void 0===n?void 0:n.tag))}))})};B.defaultProps={ctas:[],contentLayout:!1,expandOnHover:!0};var A=B},64153:function(n,e,t){t.r(e);t(30969);var r=t(62276),i=t(37574),o=function(n){var e,t=n.data,o=n.layout,a=(null===t||void 0===t?void 0:t.ctas)||[];if(!a||0===a.length)return null;var l=a.reduce((function(n,e){return n.concat(null===e||void 0===e?void 0:e.cta).filter((function(n){return n}))}),[]),d="hero_page_index"===o,u=!1!==(null===t||void 0===t||null===(e=t.settings)||void 0===e?void 0:e.expand_on_hover);return(0,i.jsx)(r.Z,{ctas:l,contentLayout:d,expandOnHover:u})};o.defaultProps={data:{},layout:""},e.default=o}}]);
2//# sourceMappingURL=CTAGrid.9443284f.chunk.js.map