https://www.spies.dk/idun/js/carousel.a2c0208c8baa13a447ce.js

1/*! For license information please see carousel.a2c0208c8baa13a447ce.js.LICENSE.txt */
2(()=>{"use strict";var e={338:(e,t,r)=>{var i=r(206);t.H=i.createRoot,i.hydrateRoot},20:(e,t,r)=>{var i=r(594),o=Symbol.for("react.element"),s=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),a=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function n(e,t,r){var i,n={},l=null,d=null;for(i in void 0!==r&&(l=""+r),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(d=t.ref),t)s.call(t,i)&&!c.hasOwnProperty(i)&&(n[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===n[i]&&(n[i]=t[i]);return{$$typeof:o,type:e,key:l,ref:d,props:n,_owner:a.current}}t.jsx=n,t.jsxs=n},848:(e,t,r)=>{e.exports=r(20)},594:e=>{e.exports=React},206:e=>{e.exports=ReactDOM}},t={};function r(i){var o=t[i];if(void 0!==o)return o.exports;var s=t[i]={exports:{}};return e[i](s,s.exports,r),s.exports}var i=r(338),o=r(848),s=Object.defineProperty,a=(e,t)=>{let r={};for(var i in e)s(r,i,{get:e[i],enumerable:!0});return t||s(r,Symbol.toStringTag,{value:"Module"}),r};const c=(window.styled.styled=window.styled,window.styled);function n(e,t,r={leading:!0,trailing:!0}){let i=null,o=!1;return(...s)=>{i&&clearTimeout(i),r.leading&&!i?(e(...s),o=!0):o=!1,i=setTimeout((()=>{r.trailing&&!o&&e(...s),i=null}),t)}}c.css`var(--color-olive-800)`,c.css`var(--color-white)`,c.css`var(--color-olive-700)`,c.css`var(--color-sand-300)`,c.css`var(--color-almostblack)`,c.css`var(--color-sand-400)`,c.css`var(--color-rouge-500)`,c.css`var(--color-white)`,c.css`var(--color-rouge-400)`,c.css`var(--color-white)`,c.css`var(--color-almostblack)`,c.css`var(--color-white)`,c.css`var(--color-dark-core-500)`,c.css`var(--color-white)`,c.css`var(--color-core-500)`,c.css`var(--color-almostblack)`,c.css`var(--color-almostblack)`,c.css`var(--color-white)`,c.css`var(--color-sunlight-200)`,c.css`var(--color-almostblack)`,c.css`var(--color-latte)`,c.css`var(--color-white)`,c.css`var(--color-steel-blue)`,c.css`var(--color-white)`,c.css`var(--color-dark-steel-blue)`,c.css`var(--color-white)`,c.css`var(--color-sandstone)`,c.css`var(--color-white)`,c.css`var(--color-clay)`,c.css`var(--color-almostblack)`,c.css`var(--color-plant)`,c.css`var(--color-white)`;const l=e=>c.css`@media (min-width:${768}px){${e};}`,d=e=>c.css`@media (max-width:${767}px){${e};}`,m=e=>c.css`@media (min-width:${1024}px){${e};}`;var u=a({isDefaultTheme:()=>w,isGlobetrotter:()=>$,siteThemes:()=>h,theme:()=>g,themeWithVariant:()=>p,variant:()=>f});const v=(e,t,r)=>{const i=t.theme?.[e],o=void 0===i?void 0:r[i];return"function"==typeof o?o(t):o||Object.values(r)[0]},h={DEFAULT:"DEFAULT",GLOBETROTTER:"GLOBETROTTER"},g=(e,t)=>r=>v(e,r,t),p=(e,t,r,i)=>o=>{const s=o[t],a=s&&r[s];return v(e,o,a||i)},f=(e,t,r)=>i=>{const o=t[i[e]];return"function"==typeof o?o(i):o||r||Object.values(t)[0]},$=e=>t=>t.theme?.site===h.GLOBETROTTER&&e,w=e=>t=>t.theme?.site===h.DEFAULT&&e;c.css`outline:0.2rem solid var(--color-focus-outline);outline-offset:0.2rem;box-shadow:0 0 0 0.4rem var(--color-white);${w(c.css`border-radius:0.4rem;`)}`;var x=r(594);const b=u.siteThemes,y={1:"sv-SE",3:"nb-NO",11:"da-DK",15:"fi-FI",18:"sv-SE"},E=(0,x.createContext)({siteId:1,culture:"sv-SE",theme:{site:b.DEFAULT,mode:"light"}}),T=({siteId:e=1,culture:t,legacyMode:r=!1,children:i,...s})=>{const a="number"==typeof e?e:Number.parseInt(e,10)||1,n=t||y[a]||"en",l=((e,t)=>t?b.DEFAULT:18===e?b.GLOBETROTTER:b.DEFAULT)(a,r),d=(0,x.useMemo)((()=>({...s,theme:{site:l},culture:n,siteId:a,legacyMode:r})),[n,a,l,r,s]);return(0,o.jsx)(E.Provider,{value:d,children:(0,o.jsx)(c.ThemeProvider,{theme:d.theme,children:i})})},k=c.styled.div.withConfig({displayName:"CarouselContainer",componentId:"sc-56ab849-0"})`position:relative;`,z=c.styled.div.withConfig({displayName:"Carousel",componentId:"sc-56ab849-1"})`--item-size:calc(${({$itemSizeMobile:e})=>e} - 0.25);--visible-items:calc(4 / var(--item-size));${l(c.css`--item-size:${({$itemSizeTablet:e})=>e};--visible-items:calc(12 / var(--item-size));`)} ${m(c.css`--item-size:${({$itemSize:e})=>e};`)} --item-width:calc( ( 100% - var(--space-grid-gutter) * (var(--visible-items) - 1) ) / var(--visible-items) );display:grid;grid-auto-flow:column;grid-template-columns:var(--item-width);grid-auto-columns:var(--item-width);overflow-x:auto;overflow-y:hidden;grid-gap:var(--space-grid-gutter);scroll-snap-type:x mandatory;padding:var(--space-100);margin:calc(-1 * var(--space-100));${d(c.css`padding:var(--space-100) var(--space-grid-margin);margin:calc(-1 * var(--space-100)) 0;`)} scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{width:0;height:0;display:none;}> *{scroll-snap-align:center;&:first-child{scroll-snap-align:start;scroll-margin-left:var(--space-grid-margin);

2${l(c.css`scroll-margin-left:var(--space-100);`)}}${l(c.css`scroll-snap-align:start;scroll-margin-left:calc(var(--space-100));`)}}`,L=c.styled.div.withConfig({displayName:"ScrollIndicator",componentId:"sc-56ab849-2"})`display:flex;margin:var(--space-500) auto 0;width:75%;${l(c.css`width:600px;margin:var(--space-700) auto 0;`)}`,S=c.styled.button.withConfig({displayName:"Part",componentId:"sc-56ab849-3"})`position:relative;height:1px;flex:1;background-color:var(--color-grey-300);transition:background-color ease 0.3s;&::before{content:'';position:absolute;height:32px;left:0;top:-16px;width:100%;}${({$active:e})=>e&&c.css`${w(c.css`height:3px;margin-top:-1px;`)} background-color:var(--color-cta-button-primary);`}`,C=c.styled.div.withConfig({displayName:"NavButton",componentId:"sc-56ab849-4"})`display:none;align-items:center;justify-content:center;background-color:var(--color-black);opacity:90%;min-height:32px;min-width:32px;cursor:pointer;border-radius:50%;position:absolute;left:calc(-1 * var(--space-500) - 32px);z-index:100;top:calc(50% - var(--space-400));color:var(--color-white);transition:opacity var(--transition);@media (max-width:1350px){left:-16px;}${({$tightNavPosition:e})=>e&&c.css`left:-16px;`} ${({$right:e,$tightNavPosition:t})=>e&&c.css`transform:rotate(180deg);left:unset;right:calc(-1 * var(--space-500) - 32px);${t&&c.css`right:-16px;left:unset;`} @media (max-width:1350px){right:-16px;left:unset;}`} &:hover{opacity:100%;}${l(c.css`display:flex;`)} ${({$disabled:e})=>e&&c.css`pointer-events:none;opacity:30%;&:hover{opacity:30%;}`}`,I=(c.styled.div.withConfig({displayName:"Grid",componentId:"sc-9ad229e4-0"})`--container-width:1280px;--fluid-area:calc(50% - var(--container-width) / 2);--column-count:3;--m:var(--space-grid-margin);--g:var(--space-grid-gutter);--c:minmax(0,1fr);--container-grid-template:var(--c) repeat(var(--column-count),var(--g) var(--c));--grid-template-areas:'c1 g1 c2 g2 c3 g3 c4';display:grid;grid-template-columns:var(--container-grid-template);grid-template-areas:var(--grid-template-areas);grid-auto-rows:max-content;grid-auto-flow:row;${({$rowGapType:e})=>c.css`row-gap:${(e=>{switch(e){case"none":return"0";case"col-gap":return"var(--space-grid-gutter)";default:return"var(--space-grid-row-gap)"}})(e)};`} ${l(c.css`--column-count:${({$columns:e})=>e-1};--grid-template-areas:${({$columns:e})=>e&&`'${[...Array(e-1).keys()].map((e=>`c${e+1} g${e+1}`)).join(" ")} c${e}'`};`)} ${({$root:e})=>e&&c.css`--container-grid-template:var(--fluid-area) max(var(--m),env(safe-area-inset-left)) var(--c) repeat(var(--column-count),var(--g) var(--c)) max(var(--m),env(safe-area-inset-right)) var(--fluid-area);--grid-template-areas:'fa1 m1 c1 g1 c2 g2 c3 g3 c4 m2 fa2';${l(c.css`--grid-template-areas:'fa1 m1 c1 g1 c2 g2 c3 g3 c4 g4 c5 g5 c6 g6 c7 g7 c8 g8 c9 g9 c10 g10 c11 g11 c12 m2 fa2';`)}`}`,c.styled.div.withConfig({displayName:"GridItem",componentId:"sc-9ad229e4-1"})`grid-column:${({$columnStart:e,$columnEnd:t})=>e&&t?`c${e.s+1}-start/c${t.s}-end`:"auto"};${l(c.css`grid-column:${({$columnStart:e,$columnEnd:t})=>e&&t?`c${e.m+1}-start/c${t.m}-end`:"auto"};`)} ${m(c.css`grid-column:${({$columnStart:e,$columnEnd:t})=>e&&t?`c${e.l+1}-start/c${t.l}-end`:"auto"};`)}`,c.css`width:calc(100vw - var(--scrollbar,0px));margin-inline:calc(50% - (50vw - var(--scrollbar,0px) / 2));`),j=c.styled.div.withConfig({displayName:"GridBleed",componentId:"sc-9ad229e4-2"})`width:100%;${({$variant:e})=>"full"===e&&I} ${({$variant:e})=>"full-mobile"===e&&d(I)} ${({$variant:e})=>"margin-right"===e&&c.css`margin-right:calc(var(--space-grid-margin) * -1);width:calc(100% + var(--space-grid-margin));`}`,M=({children:e,variant:t="full",...r})=>(0,o.jsx)(j,{$variant:t,...r,children:e});function O(){const{legacyMode:e,theme:t}=(0,x.useContext)(E);return h.GLOBETROTTER===t.site&&!e}const N={xxxs:1.2,xxs:1.2,xs:1.6,s:2.4,m:3.2,l:4.8,xl:6.4},R=c.styled.svg.withConfig({displayName:"Icon",componentId:"sc-6922744-0"})`display:inline-block;overflow:visible;${({$size:e})=>e&&c.css`height:${N[e]}rem;width:${N[e]}rem;`} ${({$sizeMobile:e})=>e&&c.css`${d(c.css`height:${N[e]}rem;width:${N[e]}rem;`)}`} ${({$strokeBasedIcon:e})=>e&&c.css`stroke-width:0.15rem;`} ${$(c.css`${({$size:e})=>e&&c.css`height:calc(${N[e]}rem + 0.2rem);width:calc(${N[e]}rem + 0.2rem);stroke-width:0.1rem;`} ${({$sizeMobile:e})=>e&&c.css`${d(c.css`height:calc(${N[e]}rem + 0.2rem);width:calc(${N[e]}rem + 0.2rem);`)}`}`)}`,_=({path:e,size:t="s",sizeMobile:r,titleText:i="",...s})=>{const a=O();if(!e)return!1;const c=a?e.globetrotter:e.default;if(!c)return!1;const n=a&&e.globetrotter,l=e.v2||n,d=e.v2?"0 0 24 24":"0 0 32 32",m=!a&&e.v2?{strokeLinecap:"round",strokeLinejoin:"round"}:{};return(0,o.jsxs)(R,{viewBox:d,xmlns:"https://www.w3.org/2000/svg",$size:t,$sizeMobile:r,$strokeBasedIcon:l,fill:l?"none":"currentColor",stroke:l?"currentColor":"none","aria-hidden":"true",...m,...s,children:[i&&(0,o.jsx)("title",{children:i}),(0,o.jsx)("path",{d:c})]})},A={v2:!0,default:"M16.25 23.25L5.53 12.53C5.46033 12.4604 5.40507 12.3778 5.36736 12.2869C5.32965 12.1959 5.31024 12.0984 5.31024 12C5.31024 11.9016 5.32965 11.8041 5.36736 11.7131C5.40507 11.6222 5.46033 11.5396 5.53 11.47L16.25 0.75",globetrotter:"M17.0625 22.125L6.9375 12L17.0625 1.875"},B=({children:e,itemSize:t=4,itemSizeTablet:r=6,itemSizeMobile:i=4,tightNavPosition:s=!1})=>{const[a,c]=(0,x.useState)(0),[l,d]=(0,x.useState)((()=>Math.floor(12/t))),[m,u]=(0,x.useState)(!1),v=(0,x.useRef)(null),h=O();(0,x.useEffect)((()=>{const e=()=>{const e=function(e,t,r){return"undefined"==typeof window?Math.floor(12/e):window.innerWidth<768?Math.floor(4/r):window.innerWidth<1024?Math.floor(12/t):Math.floor(12/e)}(t,r,i);d(e),u(!0)};e();const o=n(e,200);return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}}),[t,r,i]);const g=n((()=>{const e=v.current;if(!e)return;let t=0;

2[...e.children].forEach(((r,i)=>{r instanceof HTMLElement&&function(e,t){const{left:r,right:i,width:o}=e.getBoundingClientRect(),s=t.getBoundingClientRect();return r+o/2>s.left&&i-o/2<s.right}(r,e)&&(t=i)})),c(t+1-l)}),25,{leading:!0,trailing:!0});if((0,x.useEffect)((()=>{const e=v.current;if(e)return e.addEventListener("touchmove",g),e.addEventListener("scroll",g),()=>{e.removeEventListener("scroll",g),e.removeEventListener("touchmove",g)}})),!e)return null;function p(t=1,r=null){if(!v.current||!e)return;const i=x.Children.toArray(e).length;if(0===i)return;const o=null===r?(s=a+l*t,c=i-l,Math.max(0,Math.min(s,c))):r;var s,c;const n=v.current.children[o];n&&n.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})}const f=x.Children.count(e),$=a>0,w=a<f-l,b=m&&f>l;return(0,o.jsxs)(M,{variant:"full-mobile",children:[(0,o.jsxs)(k,{children:[b&&(0,o.jsx)(C,{$disabled:!$,$tightNavPosition:s,"aria-hidden":"true",onClick:()=>$&&p(-1),children:(0,o.jsx)(_,{path:A,size:"xs"})}),(0,o.jsx)(z,{className:"uikit-carou

2sel-items",ref:v,$itemSize:t,$itemSizeTablet:r,$itemSizeMobile:i,children:e}),b&&(0,o.jsx)(C,{$disabled:!w,$tightNavPosition:s,"aria-hidden":"true",onClick:()=>w&&p(),$right:!0,children:(0,o.jsx)(_,{path:A,size:"xs"})})]}),b&&h&&(0,o.jsx)(L,{children:[...Array(f).keys()].map((e=>(0,o.jsx)(S,{"aria-hidden":"true",tabIndex:-1,onClick:()=>p(1,e),$active:e>=a&&e<a+l},e)))})]})},P=document.querySelectorAll('[data-element="carousel"]'),D=window.__IDUN_GLOBALS_CONFIG__;P.forEach((e=>{(e=>{const t=(0,i.H)(e),r=e.querySelectorAll(":scope .uikit-carousel-items")[0],s=e.getAttribute("data-item-size"),a=e.getAttribute("data-item-size-mobile");t.render((0,o.jsx)(T,{siteId:D?.siteId||1,children:(0,o.jsx)(B,{itemSize:s,...a?{itemSizeMobile:a}:{},children:window.HTMLReactParser(r.innerHTML)})}))})(e)}))})();