https://www.brottsoffermyndigheten.se/Dist/brom/vue-vg.df1178052a9c3abfc119.js

1"use strict";(globalThis.webpackChunkbrom_web=globalThis.webpackChunkbrom_web||[]).push([[7355],{409:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Z});var a=o(8257),n=o(7786);const l={class:"vg-video"},s=["src","height","width"],i={__name:"video-start-comp",props:{src:{type:String,default:""},height:{type:Number,default:9},width:{type:Number,default:16}},emits:["paused","ended","error","canplay","play"],setup(e,{expose:t,emit:o}){const n=(0,a.Kh)({playing:!1}),i=o,r=(0,a.KR)(null),u=()=>{g(),n.playing||r.value?.play()},p=e=>{i("paused",e),n.playing=!1},d=e=>{i("canplay",e)},c=e=>{i("play",e),n.playing=!0},v=e=>{i("ended",e)},m=e=>{i("error",e)},g=()=>{r.value.currentTime=r.value.duration-1};return t({goToEnd:g,goToStart:()=>{r.value.currentTime=0},play:()=>{r.value.play()},pause:()=>{r.value.pause()}}),(0,a.sV)((()=>{r.value.addEventListener("pause",p),r.value.addEventListener("ended",v),r.value.addEventListener("play",c),r.value.addEventListener("canplay",d),r.value.addEventListener("error",m)})),(0,a.xo)((()=>{r.value.removeEventListener("pause",p),r.value.removeEventListener("ended",v),r.value.removeEventListener("play",c),r.value.removeEventListener("canplay",d),r.value.removeEventListener("error",m)})),(t,o)=>((0,a.uX)(),(0,a.CE)("div",l,[e.src?.length?((0,a.uX)(),(0,a.CE)("video",{key:0,ref_key:"video",ref:r,src:e.src,height:e.height,playsinline:"",width:e.width},null,8,s)):(0,a.Q3)("v-if",!0),(0,a.Lk)("div",{class:"vg-video-overlay"},[(0,a.Lk)("button",{class:"vg-video__skip",onClick:u,"aria-label":"Hoppa över"},[...o[0]||(o[0]=[(0,a.Lk)("i",{class:"vg-icon-skip-next","aria-label":"till slutet"},null,-1)])])])]))}},r=["data-type"],u={__name:"modules-element",props:["data"],emits:["done"],setup(e,{emit:t}){const n=e,l=t,s={elementVgImage:(0,a.$V)((()=>Promise.all([o.e(5976),o.e(9639)]).then(o.bind(o,9029)))),elementVgText:(0,a.$V)((()=>o.e(6885).then(o.bind(o,7499)))),elementVgVideo:(0,a.$V)((()=>o.e(889).then(o.bind(o,172)))),elementVgTextAndImage:(0,a.$V)((()=>Promise.all([o.e(5976),o.e(6697)]).then(o.bind(o,3537))))};let i=0;const u=()=>{++i===n.data.length&&l("done")};return(0,a.sV)((()=>{})),(e,t)=>((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(n.data,((e,t)=>((0,a.uX)(),(0,a.CE)("div",{class:"vg-section",style:(0,a.Tr)({zIndex:n.data.length-t}),"data-type":e.content.contentType,key:e.content.id},[((0,a.uX)(),(0,a.Wv)((0,a.$y)(s[e.content.contentType]),{data:e.content,onVnodeMounted:u},null,8,["data"]))],12,r)))),128))}};var p=o(6093);const d={class:"vg-nav-wrapper"},c={__name:"scroll-slider",props:["root","content"],setup(e){const t=(0,a.KR)(null),o=(0,a.KR)(null),l=(0,a.KR)(null),s=e,i={pos:{start:0,stop:0,current:0,cursor:0},mousescroll:!1,size:{nav:0,doc:0},items:{index:0,length:0},scroll:0},r=(0,n.Ubj)("(min-width: 768px)");(0,p.i3)((({movement:[e,t],dragging:o})=>{o?r.value?(i.pos.start=i.pos.stop-t,i.pos.stop=t,i.pos.cursor+=-i.pos.start):(i.pos.start=i.pos.stop-e,i.pos.stop=e,i.pos.cursor+=-i.pos.start):(i.pos.stop=0,i.pos.start=0),u(),s.root.scrollTo(0,i.size.doc*(i.pos.cursor/i.size.nav))}),{domTarget:o});const u=()=>{i.pos.cursor<0&&(i.pos.cursor=0),i.pos.cursor>i.size.nav&&(i.pos.cursor=i.size.nav),o.value.style=`--cursor-position: ${i.pos.cursor/16}rem`},c=()=>{i.mousescroll||(i.pos.cursor=i.size.nav*(s.root.scrollTop/i.size.doc),u())},v=()=>{t.value&&(i.size.nav=r.value?t.value.offsetHeight-t.value.clientWidth:t.value.offsetWidth-t.value.clientHeight,i.size.doc=s.root.scrollHeight-window.innerHeight)};return(0,n.wYm)(s.content,(()=>{v()})),(0,a.sV)((()=>{window.addEventListener("resize",v),s.root.addEventListener("scroll",c),v()})),(0,a.xo)((()=>{window.removeEventListener("resize",v),s.root.removeEventListener("scroll",c)})),(e,n)=>((0,a.uX)(),(0,a.CE)("div",d,[(0,a.Lk)("div",{class:"vg-nav",ref_key:"nav",ref:t},[(0,a.Lk)("div",{class:"vg-nav__cursor",ref_key:"cursor",ref:o,onMousedown:n[0]||(n[0]=(...t)=>e.dragMouseDown&&e.dragMouseDown(...t))},[n[1]||(n[1]=(0,a.Lk)("div",{class:"vg-nav__cursor__bullet"},null,-1)),(0,a.Lk)("div",{class:"vg-nav__cursor__inner",ref_key:"cursorInner",ref:l},[(0,a.Lk)("i",{class:(0,a.C4)({"vg-icon-fitpage-height":(0,a.R1)(r),"vg-icon-fitpage-width":!(0,a.R1)(r)})},null,2)],512)],544)],512)]))}},v={key:0,class:"vg-containers"},m={class:"vg-popup__heading"},g={class:"vg-section"},h={class:"vg-container"},f={class:"vg-center"},y={__name:"popup-content-comp",props:{url:{type:String,default:""},buttonText:{type:String,default:"Stäng"}},emits:["onLoad","onClose"],setup(e,{emit:t}){const o=t,l=(0,n.Ubj)("(min-height: 560px)"),s=e,i=(0,a.Kh)({loaded:!1,data:null,scrollShow:!1}),r=(0,a.KR)(null),p=(0,a.KR)(null),{isScrolling:d,directions:y}=(0,n.Ll8)(r);(0,a.wB)(d,(e=>{if(e){const e=y.bottom?"down":"up";r.value.dataset.scroll=e}}));const x=()=>{o("onClose")},w=()=>{i.scrollShow=!0,setTimeout((()=>{p.value&&p.value.querySelectorAll(".vg-animate").forEach((e=>{const t=(e.clientHeight+120)/window.innerHeight,o={...k};let a=.5;a=t<1?.9-t:t<1.5?.2:.1,o.threshold=a>.1?a:.1,e.dataset.threshold=o.threshold,_(e,o)}))}),0)},k={root:null,rootMargin:"60px",threshold:.5},_=(e,t)=>

1{const{stop:o}=(0,n.BLq)(e,(([{isIntersecting:t}])=>{t&&(e.dataset.active=!0,o())}),t)},b=(0,a.EW)((()=>i.data?.properties?.closeButtonText??s.buttonText));return(0,a.sV)((()=>{const e=`/umbraco/delivery/api/v2/content/item/${s.url}`;l.value||(k.rootMargin="20px",k.threshold=.2),fetch(e).then((e=>e.json())).then((e=>{i.data=e,o("onLoad",e)}))})),(0,a.xo)((()=>{i.loaded=!1,i.data=null})),(e,t)=>((0,a.uX)(),(0,a.CE)("div",{class:"vg-popup__content",ref_key:"root",ref:r,"data-scroll":"down"},[(0,a.Lk)("div",{ref_key:"content",ref:p},[i.data?((0,a.uX)(),(0,a.CE)("div",v,[(0,a.Lk)("h1",m,(0,a.v_)(i.data.properties.heading??i.data.name),1),i.data.properties.modules?((0,a.uX)(),(0,a.Wv)(u,{key:0,data:i.data.properties.modules.items,onDone:w},null,8,["data"])):(0,a.Q3)("v-if",!0),(0,a.Lk)("div",g,[(0,a.Lk)("div",h,[(0,a.Lk)("div",f,[(0,a.Lk)("button",{onClick:x,class:"vg-back-btn"},[t[0]||(t[0]=(0,a.Lk)("i",{class:"vg-icon-arrow-back","aria-hidden":"true"},null,-1)),(0,a.Lk)("span",null,(0,a.v_)(b.value),1)])])])])])):(0,a.Q3)("v-if",!0)],512),i.data&&i.scrollShow?((0,a.uX)(),(0,a.Wv)(c,{key:0,root:r.value,content:p.value},null,8,["root","content"])):(0,a.Q3)("v-if",!0)],512))}},x={class:"vg-popup__close"},w={__name:"popup-comp",props:{buttonText:{type:String,default:"Stäng"}},emits:["onclose"],setup(e,{expose:t,emit:o}){const n=o,l=(0,a.KR)(null),s=e,i=(0,a.Kh)({open:!1,url:"",data:null}),r=async()=>{l.value?.close(),await(0,a.dY)(),i.open=!1,n("onclose")},u=e=>{i.data=e},p=(0,a.EW)((()=>i.data?.properties?.closeButtonText??s.buttonText));return(0,a.sV)((()=>{})),(0,a.xo)((()=>{i.open=!1,l.value.close()})),t({show:e=>{e&&(i.url=e,i.open=!0,l.value?.showModal())},close:r}),(t,o)=>((0,a.uX)(),(0,a.CE)("dialog",{class:"vg-popup",ref_key:"popup",ref:l},[(0,a.Lk)("div",x,[(0,a.Lk)("button",{onClick:r,autofocus:""},[o[0]||(o[0]=(0,a.Lk)("i",{class:"vg-icon-close","aria-hidden":"true"},null,-1)),(0,a.Lk)("span",null,(0,a.v_)(p.value),1)])]),i.open?((0,a.uX)(),(0,a.Wv)(y,{key:0,url:i.url,buttonText:e.buttonText,onOnClose:r,onOnLoad:u},null,8,["url","buttonText"])):(0,a.Q3)("v-if",!0)],512))}},k={class:"vg-map-zoom"},_=["aria-label"],b=["title","aria-label"],L=["aria-label"],z={__name:"zoom-comp",props:{textzoomout:{type:String,default:""},textzoomin:{type:String,default:""},textfineadjustzoom:{type:String,default:""}},emits:["zoom"],setup(e,{expose:t,emit:o}){const n=e,l=o,s=(0,a.KR)(100),i=(0,a.KR)(null);(0,a.wB)(s,(()=>{l("zoom",s.value)}));const r=()=>{s.value=parseInt(s.value)+10,s.value>300&&(s.value=300)},u=()=>{s.value=parseInt(s.value)-10,s.value<100&&(s.value=100)};return(0,a.sV)((()=>{setTimeout((()=>{const{top:e,height:t}=i.value.getBoundingClientRect();if(e>window.innerHeight){var o=e-window.innerHeight;window.scrollTo(0,window.scrollY+o+t+40)}}),600)})),t({reset:()=>{s.value=100}}),(e,t)=>((0,a.uX)(),(0,a.CE)("div",k,[(0,a.Lk)("button",{onClick:u,class:"vg-map-zoom__btn","aria-label":n.textzoomout},[...t[1]||(t[1]=[(0,a.Lk)("i",{class:"vg-icon-minus"},null,-1)])],8,_),(0,a.Lk)("div",null,[(0,a.bo)((0,a.Lk)("input",{type:"range","onUpdate:modelValue":t[0]||(t[0]=e=>s.value=e),class:"vg-slider",value:"100",min:"100",max:"300",step:"1",ref_key:"zoomInputEl",ref:i,title:s.value,"aria-label":n.textfineadjustzoom},null,8,b),[[a.Jo,s.value]])]),(0,a.Lk)("button",{onClick:r,class:"vg-map-zoom__btn","aria-label":n.textzoomin},[...t[2]||(t[2]=[(0,a.Lk)("i",{class:"vg-icon-plus"},null,-1)])],8,L)]))}};var E=o(859);const C={class:"vg-popup-text__close"},S={__name:"popup-text-comp",props:{heading:{type:String,default:""},text:{type:String,default:""},textclose:{type:String,default:"Stäng"}},emits:["onclose","onshow"],setup(e,{expose:t,emit:o}){const n=e,l=(0,a.KR)(null),s=o,i=()=>{l.value.close(),s("onclose")};return(0,a.sV)((()=>{})),(0,a.xo)((()=>{l.value.close()})),t({show:()=>{l.value?.showModal(),s("onshow")},close:i}),(t,o)=>((0,a.uX)(),(0,a.CE)("dialog",{class:"vg-popup-text",ref_key:"dialog",ref:l},[(0,a.Lk)("div",null,[(0,a.Lk)("div",C,[(0,a.Lk)("button",{onClick:i,autofocus:""},[o[0]||(o[0]=(0,a.Lk)("i",{class:"vg-icon-close","aria-hidden":"true"},null,-1)),(0,a.Lk)("span",null,(0,a.v_)(n.textclose),1)])]),(0,a.Lk)("h2",null,(0,a.v_)(e.heading),

11),(0,a.bF)(E.A,{data:e.text},null,8,["data"])])],512))}},T={key:0,class:"vg-map__no-image"},P=["src"],R={key:0,class:"vg-map__points"},X=["data-active","onClick"],K={key:0,class:"vg-map__point__text"},I={class:"vg-map__popup-info__text"},B={__name:"map-comp",props:{isSmallscreen:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1},showZoom:{type:Boolean,default:!1},data:{type:Object,default:()=>null},textclose:{type:String,default:""},textnoimage:{type:String,default:""},textzoomout:{type:String,default:""},textzoomin:{type:String,default:""},textfineadjustzoom:{type:String,default:""},hidePointText:{type:Boolean,default:!1}},emits:["pointClick","showZoom"],setup(e,{expose:t,emit:o}){const l=o,s=e,i=(0,a.Kh)({showPopupInfo:!1,activePoint:{name:"",key:"",text:"",index:-1}}),r={scale:1,w:0,h:0,x:0,y:0,pos:{start:{x:0,y:0},stop:{x:0,y:0},current:{x:0,y:0}},translate:{x:0,y:0}},u=(0,a.KR)(null),d=(0,a.KR)(null),c=(0,a.KR)(null),v=(0,a.KR)(null),m=(0,a.KR)(null),g=(0,a.KR)(null),h=(0,a.KR)(null),f=(0,a.KR)(null),{isScrolling:y}=(0,n.Ll8)(window);let x=null;(0,a.wB)(y,(e=>{e&&(i.showPopupInfo=!1,i.activePoint.index=-1)})),(0,p.kf)((({event:e,offset:[t],pinching:o})=>{if(e.preventDefault(),!o)return;if(t<-100)return;let a=t+100;a<=100?a=100:a>=500&&(a=400),b(a)}),{domTarget:u,eventOptions:{passive:!1}}),(0,p.i3)((({movement:[e,t],dragging:o})=>{if(o){if(1===r.scale)return;r.pos.start.y=r.pos.stop.y-t,r.pos.start.x=r.pos.stop.x-e,r.pos.stop.y=t,r.pos.stop.x=e,r.translate.x-=r.pos.start.x,r.translate.y-=r.pos.start.y,M(),Q()}else r.pos.stop.y=0,r.pos.stop.x=0,r.pos.start.y=0,r.pos.start.x=0}),{domTarget:d});const w=e=>{"vg-map__move"!==!e.target.className&&-1!==i.activePoint.index&&s.isSmallscreen&&(C("","",-1),i.showPopupInfo=!1)},k=()=>{_(),x=setTimeout((function(){if(g.value,g.value.clientHeight>0){if(s.isFullscreen){const e=window.screen.width/window.screen.height,t=g.value.clientWidth/g.value.clientHeight;e>t?(r.w=window.screen.height*t,r.h=window.screen.height,c.value.style.width=`${r.w}px`,c.value.style.margin="0 auto"):(r.w=g.value.clientWidth,r.h=g.value.clientHeight,c.value.style.removeProperty("width"),c.value.style.removeProperty("margin"))}else c.value.style.removeProperty("width"),c.value.style.removeProperty("margin"),r.w=g.value.clientWidth,r.h=g.value.clientHeight;c.value.style.height=`${r.h}px`}}),0)},_=()=>{r.scale=1,r.translate.x=0,r.translate.y=0,r.pos.start.x=0,r.pos.start.y=0,r.pos.stop.x=0,r.pos.stop.y=0,r.x=0,r.y=0,v.value&&v.value.reset(),u.value&&(u.value.style.width="100%"),d.value&&(d.value.style.transform=`translate(${r.translate.x}px, ${r.translate.y}px)`)},b=e=>{let t=e/100;t<=0&&(t=0),t>=4&&(t=4),r.scale=t,u.value.style.width=100*t+"%",M(),Q()},L=()=>{C()},E=()=>{},C=(e,t,o,a)=>{i.activePoint.index=o??-1,i.activePoint.name=t??"",i.activePoint.key=e??"",i.activePoint.text=a??""},B=e=>{l("pointClick",e),i.showPopupInfo=!1,C()},M=()=>{const e=(r.w*r.scale-r.w)/2,t=(r.h*r.scale-r.h)/2;r.translate.x<0&&Math.abs(r.translate.x)>e?r.translate.x=0-e:r.translate.x>0&&r.translate.x>e&&(r.translate.x=e),r.translate.y<0&&Math.abs(r.translate.y)>t?r.translate.y=0-t:r.translate.y>0&&r.translate.y>t&&(r.translate.y=t)},Q=()=>{d.value.style.transform=`translate(${r.translate.x}px, ${r.translate.y}px)`};t({setDimensions:k,reset:_});const W=(0,a.EW)((()=>{const e=s.isFullscreen|s.showZoom?3540:1180;return s.isSmallscreen?`${s.data.image.url}?width=2100`:`${s.data.image.url}?width=${e}`}));return(0,a.wB)((()=>s.isSmallscreen),(e=>{e&&(C("","",-1),i.showPopupInfo=!1)})),(0,a.wB)((()=>s.isFullscreen),(e=>{e&&_()})),(0,a.wB)((()=>s.showZoom),(e=>{m.value.dataset.zoom=e,e||_()})),(0,a.wB)((()=>i.showPopupInfo),(e=>{m.value.dataset.popupinfo=e})),(0,a.sV)((()=>{if(""===s.data.image.url)return;const e=new Image;e.onload=()=>{k()},e.src=W.value,window.addEventListener("resize",k)})),(0,a.xo)((()=>{""!==s.data.image.url&&(clearTimeout(x),window.removeEventListener("resize",k))})),(t,o)=>e.data?((0,a.uX)(),(0,a.CE)("div",{key:0,class:"vg-map-wrapper",ref_key:"wrapperEl",ref:m},[e.data.image?.url?((0,a.uX)(),(0,a.CE)(a.FK,{key:1},[(0,a.Lk)("div",{class:"vg-map",ref_key:"mapEl",ref:c},[(0,a.Lk)("div",{class:"vg-map__size",ref_key:"sizeEl",ref:u},[(0,a.Lk)("div",{ref_key:"moveEl",ref:d,class:"vg-map__move",onClick:(0,a.D$)(w,["stop","prevent"])},[(0,a.Lk)("img",{src:W.value,class:"vg-map__image",ref_key:"imgEl",ref:g,onLoad:k},null,40,P),e.data.spots?((0,a.uX)(),(0,a.CE)("div",R,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.data.spots,((t,n)=>((0,a.uX)(),(0,a.CE)("button",{key:n,style:(0,a.Tr)(t.pos),class:"vg-map__point","data-active":n==i.activePoint.index,onClick:(0,a.D$)((e=>((e,t,o,a)=>

1{if(e)return s.isSmallscreen?void((e,t,o)=>{if(i.activePoint.index!==o){if(-1!==i.activePoint.index)return i.showPopupInfo=!1,void setTimeout((()=>{C(e,t,o),i.showPopupInfo=!0,E()}),220);C(e,t,o),i.showPopupInfo=!0,E()}else E()})(e,t,a):void B(e);((e,t,o,a)=>{i.showPopupInfo=!1,C(e,t,a,o),h.value.show()})(e,t,o,a)})(t.key,t.name,t.text,n)),["stop","prevent"])},[o[1]||(o[1]=(0,a.Lk)("span",{class:"vg-map__point__dot"},null,-1)),e.isSmallscreen||e.hidePointText?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("span",K,(0,a.v_)(t.heading),1))],12,X)))),128))])):(0,a.Q3)("v-if",!0)],512),(0,a.bF)(S,{onOnclose:L,ref_key:"popupText",ref:h,heading:i.activePoint.name,text:i.activePoint.text,textclose:s.textclose},null,8,["heading","text","textclose"])],512)],512),(0,a.bF)(a.eB,{name:"map-info"},{default:(0,a.k6)((()=>[((0,a.uX)(),(0,a.Wv)(a.Im,{to:"body"},[i.showPopupInfo?((0,a.uX)(),(0,a.CE)("div",{key:0,class:"vg vg-map__popup-info",ref_key:"popupInfo",ref:f},[(0,a.Lk)("button",{onClick:o[0]||(o[0]=e=>B(i.activePoint.key))},[(0,a.Lk)("div",null,[o[2]||(o[2]=(0,a.Lk)("span",{class:"vg-map__popup-info__dot"},null,-1)),(0,a.Lk)("span",I,(0,a.v_)(i.activePoint.name),1)]),o[3]||(o[3]=(0,a.Lk)("i",{class:"vg-icon-arrow-forward"},null,-1))])],512)):(0,a.Q3)("v-if",!0)]))])),_:1}),(0,a.bF)(a.eB,{name:"map-zoom"},{default:(0,a.k6)((()=>[e.showZoom&&!e.isFullscreen?((0,a.uX)(),(0,a.Wv)(z,{key:0,onZoom:b,ref_key:"rangeEl",ref:v,textzoomout:s.textzoomout,textzoomin:s.textzoomin,textfineadjustzoom:s.textfineadjustzoom},null,8,["textzoomout","textzoomin","textfineadjustzoom"])):(0,a.Q3)("v-if",!0)])),_:1})],64)):((0,a.uX)(),(0,a.CE)("div",T,[(0,a.Lk)("p",null,(0,a.v_)(s.textnoimage),1)]))],512)):(0,a.Q3)("v-if",!0)}},M={key:0},Q={key:0,class:"vg-start"},W=["src"],V={key:2,class:"vg-start__overlay"},$={key:1,class:"vg-wrapper"},j={class:"vg-btns"},H=["aria-label"],F=["aria-label"],Z={__name:"app",props:{id:{type:String,default:""},textclose:{type:String,default:"Stäng"},textnoimage:{type:String,default:""},textexpandimage:{type:String,default:""},textshowzoom:{type:String,default:""},textzoomout:{type:String,default:""},textzoomin:{type:String,default:""},textfineadjustzoom:{type:String,default:""},textclosefullscreen:{type:String,default:""},hidePointText:{type:Boolean,default:!1}},setup(e){const t=e,o=(0,a.KR)(null),l=(0,a.KR)(null),s=(0,a.KR)(null),r=(0,a.KR)(null),u=(0,n.Ubj)("(orientation: portrait) and (max-width: 768px)"),{isFullscreen:p,toggle:d}=(0,n.HrR)(o),c=(0,a.Kh)({data:null,started:!1,intro:{show:!0},image:{show:!1},map:{show:!1},popup1:{show:!1},popup2:{show:!1},video:{show:!1,loaded:!1,started:!1,playing:!1},inZoomMode:!1,scrollPos:0}),v=(0,a.EW)((()=>c.data.videoStart?.length>0?c.data.videoStart[0].url:null)),m=(0,a.EW)((()=>c.data.imageStart?.length>0?c.data.imageStart[0].url:null)),g=()=>{c.started=!0,c.data.videoStart?.length>0?(c.image.show=!1,c.video.show=!0,c.map.show=!1,setTimeout((()=>{r.value?.play()}),10)):(c.intro.show=!1,c.video.show=!1,c.video.started=!1,c.map.show=!0)},h=()=>{c.inZoomMode=!c.inZoomMode},f=()=>{c.scrollPos=window.scrollY,d(),c.inZoomMode=!1};(0,a.wB)(p,(e=>{l.value.setDimensions(),e&&x()})),(0,a.wB)(u,(e=>{e&&(c.inZoomMode=!1)}));const y=e=>{c.scrollPos=window.scrollY,setTimeout((()=>{document.body.style.overflow="hidden",window.scrollTo({top:0,behavior:"instant"})}),0),s.value.show(e)},x=()=>{document.body.style.removeProperty("overflow"),setTimeout((()=>{window.scrollTo({top:c.scrollPos,behavior:"instant"})}),0)},k=()=>{c.video.playing=!1},_=()=>{c.video.playing=!0},b=()=>{c.video.loaded=!0},L=()=>{c.intro.show=!1,c.video.show=!1,c.map.show=!0},z=()=>{c.video.show=!1};return(0,a.sV)((()=>{const e=`/umbraco/delivery/api/v2/content/item/${t.id}`;fetch(e).then((e=>e.json())).then((e=>{c.data=e?.properties,c.intro.show=c.data.imageStart?.length>0||c.data.videoStart?.length>0,c.data.mapPortrait?.image?.url||(c.data.mapPortrait=c.data.mapLandscape),c.intro.show?c.data.imageStart?.length>0?c.image.show=!0:c.data.videoStart?.length>0&&(c.video.show=!0):g()}))})),(n,d)=>c.data?((0,a.uX)(),(0,a.CE)("div",M,[(0,a.Lk)("div",{class:(0,a.C4)(["vg",{"vg--fullscreen":(0,a.R1)(p)}]),ref_key:"root",ref:o},[c.intro.show?((0,a.uX)(),(0,a.CE)("div",Q,[c.image.show?((0,a.uX)(),(0,a.CE)("img",{key:0,src:m.value,alt:""},null,8,W)):(0,a.Q3)("v-if",!0),c.video.show?((0,a.uX)(),(0,a.Wv)(i,{key:1,ref_key:"video",ref:r,src:v.value,onPlay:_,onPaused:k,onEnded:L,onError:z,onCanplay:b},null,8,["src"])):(0,a.Q3)("v-if",!0),c.started?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("div",V,[(0,a.Lk)("button",{onClick:g,class:"vg-start__btn"},[(0,a.Lk)("span",null,(0,a.v_)(c.data.startButtonText),1),d[0]||(d[0]=(0,a.Lk)("i",{class:"vg-icon-play-arrow","aria-hidden":"true"},null,-1))])]))])):(0,a.Q3)("v-if",!0),c.started?((0,a.uX)(),(0,a.CE)("div",$,[c.map.show?((0,a.uX)(),(0,a.CE)(a.FK,{key:0},[(0,a.R1)(u)?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.Wv)(B,{key:0,"show-zoom":c.inZoomMode,"is-smallscreen":(0,a.R1)(u),"is-fullscreen":(0,a.R1)(p),onPointClick:y,ref_key:"map",ref:l,data:c.data.mapLandscape,textclose:e.textclose,textzoomout:e.textzoomout,textzoomin:e.textzoomin,textfineadjustzoom:e.textfineadjustzoom,"hide-point-text":e.hidePointText},null,8,["show-zoom","is-smallscreen","is-fullscreen","data","textclose","textzoomout","textzoomin","textfineadjustzoom","hide-point-text"])),(0,a.R1)(u)?((0,a.uX)(),(0,a.Wv)(B,{key:1,"show-zoom":c.inZoomMode,"is-smallscreen":(0,a.R1)(u),"is-fullscreen":(0,a.R1)(p),onPointClick:y,ref_key:"map",ref:l,data:c.data.mapPortrait,textclose:e.textclose,textzoomout:e.textzoomout,textzoomin:e.textzoomin,textfineadjustzoom:e.textfineadjustzoom,"hide-point-text":e.hidePointText},null,8,["show-zoom","is-smallscreen","is-fullscreen","data","textclose","textzoomout","textzoomin","textfineadjustzoom","hide-point-text"])):(0,a.Q3)("v-if",!0),(0,a.Lk)("div",j,[(0,a.R1)(u)||(0,a.R1)(p)?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("button",{key:0,onClick:h,class:"vg-btn","aria-label":t.textshowzoom},[(0,a.Lk)("i",{class:(0,a.C4)({"vg-icon-zoom-in":!c.inZoomMode,"vg-icon-zoom-out":c.inZoomMode})},null,2)],8,H)),(0,a.R1)(u)?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("button",{key:1,onClick:f,class:"vg-btn","aria-label":(0,a.R1)(p)?t.textclosefullscreen:t.textexpandimage},[(0,a.Lk)("i",{class:(0,a.C4)({"vg-icon-open-in-full":!(0,a.R1)(p),"vg-icon-close-in-full":(0,a.R1)(p)})},null,2)],8,F))])],64)):(0,a.Q3)("v-if",!0)])):(0,a.Q3)("v-if",!0),(0,a.bF)(w,{ref_key:"popup",ref:s,onOnclose:x,buttonText:e.textclose},null,8,["buttonText"])],2)])):(0,a.Q3)("v-if",!0)}}},859:(e,t,o)=>{o.d(t,{A:()=>l});var a=o(8257),n=o(9952);const l={__name:"plaintext-element",props:{data:{type:String,default:""},tag:{type:String,default:"p"},cssClass:{String,default:null},breakTag:{type:String,default:"br"}},setup(e){const t=e,o=(0,a.EW)((()=>t.data?(0,n.x)(t.data.trim(),t.breakTag):""));return(t,n)=>((0,a.uX)(),(0,a.Wv)((0,a.$y)(e.tag),{class:(0,a.C4)(e.cssClass),innerHTML:o.value},null,8,["class","innerHTML"]))}}}}]);