https://www.visitstockholm.se/_next/static/chunks/766.71498b87641f2ed3.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8c292366-cfeb-41c0-9826-25acc4c9d193",e._sentryDebugIdIdentifier="sentry-dbid-8c292366-cfeb-41c0-9826-25acc4c9d193")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[766],{12498:e=>{e.exports={WindowTeaserWhite__Wrapper:"WindowTeaserWhite_WindowTeaserWhite__Wrapper__lXALA",WindowTeaserWhite:"WindowTeaserWhite_WindowTeaserWhite__C9gUv","WindowTeaserWhite__Wrapper--isVisible":"WindowTeaserWhite_WindowTeaserWhite__Wrapper--isVisible__UwnI_",WindowTeaserWhite__Image:"WindowTeaserWhite_WindowTeaserWhite__Image__GIq0y",WindowTeaserWhite__ImageContainer:"WindowTeaserWhite_WindowTeaserWhite__ImageContainer__VQ6QR","WindowTeaserWhite--OutOfView":"WindowTeaserWhite_WindowTeaserWhite--OutOfView__AJ62X",zoomin:"WindowTeaserWhite_zoomin__tKKsA",WindowTeaserWhite__Content:"WindowTeaserWhite_WindowTeaserWhite__Content__GyFlU",WindowTeaserWhite__Title:"WindowTeaserWhite_WindowTeaserWhite__Title__kbHfq",WindowTeaserWhite__Text:"WindowTeaserWhite_WindowTeaserWhite__Text__QX96q",fadeIn:"WindowTeaserWhite_fadeIn__aC_gH",loader:"WindowTeaserWhite_loader__NudfB",fadeInAndScale:"WindowTeaserWhite_fadeInAndScale__e3nR9"}},40625:(e,t,n)=>{"use strict";n.d(t,{Wx:()=>w});var i,r,s,o=n(14232),a=Object.defineProperty,l=new Map,d=new WeakMap,c=0;o.Component;var u=Reflect.get(r||(r=n.t(o,2)),"useInsertionEffect"),_=null!=u?u:o.useEffect,W=(null==(i=o.version)?void 0:i.startsWith("19."))||!1,h="u"<typeof window?o.useEffect:o.useLayoutEffect;function w({threshold:e,delay:t,trackVisibility:n,rootMargin:i,scrollMargin:r,root:a,triggerOnce:f,skip:T,initialInView:p,fallbackInView:g,onChange:b}={}){let y=o.useRef(p),[v,m]=o.useState({inView:!!p,entry:void 0}),x=function(e,{threshold:t,root:n,rootMargin:i,scrollMargin:r,trackVisibility:a,delay:h,fallbackInView:w,skip:f,triggerOnce:T}){let p=o.useRef(e),g=o.useRef({node:null,stop:void 0,owner:null});return u||(p.current=e),_(()=>{p.current=e},[e]),o.useCallback(function e(o){let u,_,b=g.current;if(!o&&b.owner!==e)return;if(o===b.node)return b.owner=e,W?b.stop:void 0;let y=b.stop;if(b.stop=void 0,null==y||y(),!o||f){b.node=null,b.owner=o?e:null;return}function v(){null==u||u(),b.stop===v&&(b.node=null,b.stop=void 0)}return b.node=o,b.owner=e,b.stop=v,u=function(e,t,n={},i=s){if(void 0===window.IntersectionObserver&&void 0!==i){let r=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}let{id:r,observer:o,elements:a}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var n;return`${t}_${"root"===t?!(n=e.root)?"0":(d.has(n)||(c+=1,d.set(n,c.toString())),d.get(n)):e[t]}`}).toString(),n=l.get(t);if(!n){let i,r=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var n;let s=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),[...null!=(n=r.get(t.target))?n:[]].forEach(e=>{e(s,t)})})},e);i=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:s,elements:r},l.set(t,n)}return n}(n),u=a.get(e)||[];a.has(e)||a.set(e,u),u.push(t),o.observe(e);let _=!1;return function(){_||(_=!0,u.splice(u.indexOf(t),1),0===u.length&&(a.delete(e),o.unobserve(e)),0===a.size&&(o.disconnect(),l.delete(r)))}}(o,(e,t)=>{p.current(e,t,_),_=e,T&&e&&v()},{threshold:t,root:n,rootMargin:i,scrollMargin:r,trackVisibility:a,delay:h},w),b.stop!==v&&u(),W?b.stop:void 0},[Array.isArray(t)?t.toString():t,n,i,r,a,h,w,f,T])}((e,t)=>{let n=y.current;y.current=e,(void 0!==n||e)&&(m({inView:e,entry:t}),null==b||b(e,t))},{threshold:e,root:a,rootMargin:i,scrollMargin:r,trackVisibility:n,delay:t,fallbackInView:g,skip:T,triggerOnce:f}),I=o.useRef({node:null,reset:!1}),C=o.useCallback(function(e){e?(I.current.node=e,I.current.reset=!1):I.current.node&&(I.current.node=null,I.current.reset=!0);let t=x(e);if(t)return()=>{t(),I.current.node===e&&(I.current.node=null,I.current.reset=!0)}},[x]);h(()=>{!I.current.reset||(I.current.reset=!1,f||T||(m({inView:!!p,entry:void 0}),y.current=p))});let k=[C,v.inView,v.entry];return k.ref=k[0],k.inView=k[1],k.entry=k[2],k}},60766:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var i=n(37876),r=n(14232),s=n(40625),o=n(15039),a=n.n(o),l=n(95062),d=n.n(l),c=n(43104),u=n(12498),_=n.n(u),W=n(16726),h=n(98601);let w=({title:e="",text:t="",image:n=null,window:o=null})=>{let{ref:l,inView:d}=(0,s.Wx)({threshold:.2,triggerOnce:!0}),{zoomRef:u,zoomRefInView:w}=(0,s.Wx)({threshold:.2,trackVisibility:!0}),f=null!==(0,r.useContext)(W.fu),T=a()(_().WindowTeaserWhite,{[_()["WindowTeaserWhite--OutOfView"]]:!w}

1);return(0,i.jsx)("div",{className:T,ref:l,children:(0,i.jsxs)("div",{className:a()(_().WindowTeaserWhite__Wrapper,{[_()["WindowTeaserWhite__Wrapper--isVisible"]]:d}),children:[(0,i.jsx)("div",{className:_().WindowTeaserWhite__Image,children:(0,i.jsx)("div",{ref:u,className:_().WindowTeaserWhite__ImageContainer,children:n&&n.renditions&&(0,i.jsx)("img",{srcSet:`${n.renditions.small.src} 600w,
2                                ${n.renditions.medium.src} 1200w`,src:n.renditions.small.src,alt:n.alt,style:{objectPosition:n.focal.x+" "+n.focal.y}})})}),(0,i.jsxs)("div",{className:_().WindowTeaserWhite__Content,children:[(0,i.jsx)("h2",{className:_().WindowTeaserWhite__Title,children:e}),(0,i.jsx)("p",{className:_().WindowTeaserWhite__Text,children:t}),o?.href&&(0,i.jsx)("div",{className:_().WindowTeaserWhite__LinkContainer,children:(0,i.jsx)(c.A,{href:o.href,text:"Open a window",srText:"Open a window",type:"tertiary",icon:"arrow",iconSize:"large",iconColor:"pink",buttonColor:"pink",onClick:()=>{f&&(0,h.N0)()}})})]})]})})};w.propTypes={title:d().string,text:d().string,image:d().object,window:d().object};let f=w}}]);
3//# sourceMappingURL=766.71498b87641f2ed3.js.map