https://kommandoergaardmuseum.dk/_nuxt/DOlQ3rMn.js

1import{_ as G}from"./CPFLOHOG.js";import Z from"./CO8LWsyx.js";import{M as ee}from"./DGNmnAA4.js";import{N as E,aD as H,P as J,a3 as K,W as A,aL as ae,ay as oe,ah as V,a7 as i,ab as Q,a8 as l,af as a,a6 as r,at as _,aK as F,aa as N,aO as q,aF as U,ak as p,av as f,a9 as k,az as se,aE as te,aW as ie,ai as X,au as ne,bh as le,aq as re,aj as de}from"./_FahQo6q.js";import{u as w}from"./C8ZDvPuW.js";import{_ as Y}from"./DlAUqK2U.js";import{u as ce,_ as me}from"./BrFpsMrV.js";import{e as pe}from"./DxlFc5oa.js";const ue=["inert"],ge=["aria-label","aria-controls","aria-expanded"],ve={key:0,class:"fixed bottom-10 left-1/2 z-10 w-[320px] transform bg-[var(--image-info-box-bg)] text-[var(--image-info-box-text)] max-md:-translate-x-1/2 md:left-10"},fe=["aria-controls","aria-expanded"],he=["id"],be={class:"p-spacing-margin"},ye={key:1,class:"relative flex h-screen w-screen overflow-hidden bg-white"},_e={class:"image-container"},we=E({__name:"ImageSliderDialog",props:{data:{}},setup(P,{expose:D}){const t=H("$dialog"),d=H("$container"),c=H("$detailContent"),n=J(!0),h=U();K(n,()=>{var m;const e=(m=c.value)==null?void 0:m.scrollHeight,o=[{height:"0px"},{height:`${e}px`}],g={duration:75,fill:"forwards",ease:"cubic-bezier(1,0,0,1)"};if(n.value){c.value.animate(o,g);return}c.value.animate(o.reverse(),g)},{immediate:!1});const u=A(()=>{var e;return(e=t.value)==null?void 0:e.isOpen}),x=se(),C=()=>{var e;x.value==="reduce"||te()||(e=d.value)==null||e.animate([{opacity:0},{opacity:1}],{duration:500,easing:"cubic-bezier(0.55, 0.01, 0, 1)"})};D({openDialog:()=>{t.value.openDialog(),C()},closeDialog:()=>{t.value.closeDialog()},isOpen:u});const{load:I,unload:S}=ae("body { overflow: hidden; }",{manual:!0});K(u,e=>{if(e){I();return}S()});const s=oe().id;return(e,o)=>{var v;const g=Z,m=G,$=ee;return i(),V($,{ref_key:"$dialog",ref:t,"aria-label":e.$t("dialog.image-gallery"),onClose:(v=a(t))==null?void 0:v.closeDialog,class:"dialog"},{default:Q(()=>{var b,T,O,B,z,L;return[l("div",{class:"image-dialog-container relative",ref_key:"$container",ref:d,inert:!a(u)||void 0},[l("button",{"aria-label":e.$t("imageSlider.close"),"aria-controls":a(s),"aria-expanded":(b=a(t))==null?void 0:b.isOpen,onClick:o[0]||(o[0]=F((...y)=>{var M,j;return((M=a(t))==null?void 0:M.closeDialog)&&((j=a(t))==null?void 0:j.closeDialog(...y))},["prevent"])),class:"text-h3 fixed right-6 top-6 z-10 min-h-[44px] min-w-[44px] leading-[0] bg-[var(--image-info-box-bg)] text-[var(--image-info-box-text)] flex justify-center items-center"},[N(g,{name:"custom-icon:close",class:"h-4 w-4"})],8,ge),e.data.title||e.data.description?(i(),r("div",ve,[l("div",{role:"button",tabindex:"0","aria-controls":a(h),"aria-expanded":a(n),class:"border-stroke-neutral-secondary-invert flex h-[60px] cursor-pointer items-center justify-between border-b px-5",onClick:o[1]||(o[1]=y=>n.value=!a(n)),onKeydown:[o[2]||(o[2]=q(F(y=>n.value=!a(n),["prevent"]),["enter"])),o[3]||(o[3]=q(F(y=>n.value=!a(n),["prevent"]),["space"]))]},[l("span",{class:p(("cn"in e?e.cn:a(f))(("useTypography"in e?e.useTypography:a(w))("sm")))},k(e.$t("imageSlider.info")),3),N(g,{name:"custom-icon:chevron",class:p(("cn"in e?e.cn:a(f))("transform",{"rotate-180":a(n)}))},null,8,["class"])],40,fe),l("div",{ref_key:"$detailContent",ref:c,id:a(h),class:"overflow-hidden"},[l("div",be,[l("div",{class:p(("cn"in e?e.cn:a(f))(("useTypography"in e?e.useTypography:a(w))("h5"),"mb-spacing-3"))},k(e.data.title),3),l("p",{class:p(("cn"in e?e.cn:a(f))(("useTypography"in e?e.useTypography:a(w))("sm")))},k(e.data.description),3)])],8,he)])):_("",!0),(T=e.data)!=null&&T.image?(i(),r("div",ye,[l("div",_e,[(i(),V(m,{class:"fullscreen-scrollable-image",key:e.data.id,src:e.data.image.src,alt:e.data.image.alt,crop:(B=(O=e.data)==null?void 0:O.image)==null?void 0:B.crop,hotspot:(L=(z=e.data)==null?void 0:z.image)==null?void 0:L.hotspot,sizes:"xs:150vw sm:150vw md:150vw lg:150vw xl:150vw 2xl:150vw"},null,8,["src","alt","crop","hotspot"]))])])):_("",!0)],8,ue)]}),_:1},8,["aria-label","onClose"])}}}),$e=Object.assign(Y(we,[["__scopeId","data-v-33897312"]]),{__name:"BlocksImageSliderDialog"}),ke={class:"relative flex flex-col items-start xl:w-full"},De={class:"rotate-180 transform"},xe={key:2,class:"w-[var(--gap)]","aria-hidden":"true"},Ce=E({__name:"ImageSliderItem",props:{item:{},lightboxDisabled:{type:Boolean}},emits:["open","close"],setup(P,{emit:D}){const t=P,d=H("$dialog"),c=U(),n=A(()=>{var s;return(s=d.value)==null?void 0:s.isOpen}),h=D;K(n,s=>

1{if(s){h("open");return}h("close")});function R(){t.lightboxDisabled||d.value&&d.value.openDialog()}function u(s){s.preventDefault(),R()}const{t:x}=ie(),C=A(()=>{var s,e;if(!t.lightboxDisabled)return[x("imageSlider.open"),((s=t.item)==null?void 0:s.image.alt)||((e=t.item)==null?void 0:e.image.caption)].filter(Boolean).join(": ")}),I=f(w("label"),"mt-2.5 w-0 min-w-full"),S=f(w("label"),"text-ink-neutral-secondary absolute left-full top-0 flex h-[var(--imageHeight)] w-[var(--gap)] items-center justify-end [writing-mode:vertical-lr]");return(s,e)=>{var m,$,v,b,T,O,B,z;const o=G,g=$e;return i(),r(X,null,[l("figure",ke,[(i(),V(re(s.lightboxDisabled?"div":"button"),ne(le(s.lightboxDisabled?{}:{click:u}),{class:["rounded-theme-card-radius relative z-10 overflow-hidden bg-gray-100",s.lightboxDisabled?"cursor-default":"cursor-pointer"],"aria-haspopup":s.lightboxDisabled?void 0:"dialog","aria-controls":s.lightboxDisabled?void 0:a(c),"aria-expanded":s.lightboxDisabled?void 0:!!a(n),"aria-label":a(C)}),{default:Q(()=>{var L,y,M,j,W;return[N(o,{src:(L=s.item)==null?void 0:L.image.src,alt:(y=s.item)==null?void 0:y.image.alt,crop:(M=s.item)==null?void 0:M.image.crop,hotspot:(j=s.item)==null?void 0:j.image.hotspot,class:p(["rounded-theme-card-radius h-auto w-full transition-transform duration-1000 ease-out",{"scale-110":(W=a(d))==null?void 0:W.isOpen}]),loading:"lazy",sizes:"xs:150vw sm:150vw md:100vw lg:50vw xl:50vw 2xl:50vw"},null,8,["src","alt","crop","hotspot","class"])]}),_:1},16,["class","aria-haspopup","aria-controls","aria-expanded","aria-label"])),($=(m=s.item)==null?void 0:m.image)!=null&&$.creditLine?(i(),r("p",{key:0,class:p(a(S))},[l("span",De,k((b=(v=s.item)==null?void 0:v.image)==null?void 0:b.creditLine),1)],2)):_("",!0),(O=(T=s.item)==null?void 0:T.image)!=null&&O.caption?(i(),r("figcaption",{key:1,class:p(a(I))},k((z=(B=s.item)==null?void 0:B.image)==null?void 0:z.caption),3)):(i(),r("div",xe))]),N(g,{id:a(c),ref_key:"$dialog",ref:d,data:s.item},null,8,["id","data"])],64)}}}),Ie=Object.assign(Ce,{__name:"BlocksImageSliderItem"}),Se={class:"b-image-slider pb-spacing-5 bg-theme-primary-1 text-theme-primary-2"},Te={class:"container mb-10 md:mb-14"},Oe={key:0,class:"flex w-full items-end gap-5 md:w-[560px]"},Be=["innerHTML"],ze=["aria-label"],Le={class:"embla__container flex flex-nowrap"},Me=["inert"],je=E({__name:"ImageSlider",props:{data:{}},setup(P){const D=P,t=J({active:!0,loop:!1,skipSnaps:!0,dragFree:!0,inViewThreshold:.7,watchFocus:!1}),d=()=>{t.value={...t.value,active:!0}},c=()=>{t.value={...t.value,active:!1}},[n,h]=pe(t),{selectedIndex:R,slideCount:u,canScrollPrev:x,canScrollNext:C,scrollPrev:I,scrollNext:S,isSlideInert:s,statusLabel:e}=ce({api:h,count:()=>D.data.items.length,statusKey:"imageSlider"});return(o,g)=>{const m=Ie,$=me;return i(),r("section",Se,[l("div",Te,[o.data.prefix||o.data.title?(i(),r("div",Oe,[o.data.title?(i(),r("h2",{key:0,class:p(("cn"in o?o.cn:a(f))(("useTypography"in o?o.useTypography:a(w))("h4"),"order-2 mb-2")),innerHTML:o.data.title},null,10,Be)):_("",!0),o.data.prefix?(i(),r("div",{key:1,class:p(("cn"in o?o.cn:a(f))(("useTypography"in o?o.useTypography:a(w))("h2"),"order-1")),"aria-hidden":"true"},k(o.data.prefix),3)):_("",!0)])):_("",!0)]),l("div",{class:"embla overflow-hidden",ref_key:"emblaRef",ref:n,role:"region","aria-roledescription":"carousel","aria-label":o.data.title||o.$t("general.image gallery")},[l("div",Le,[(i(!0),r(X,null,de(o.data.items,(v,b)=>(i(),r("div",{class:"embla__slide",key:v.id,inert:a(s)(b)||void 0},[N(m,{onOpen:c,onClose:d,item:v,lightboxDisabled:o.data.disableLightbox},null,8,["item","lightboxDisabled"])],8,Me))),128))])],8,ze),a(u)>1?(i(),V($,{key:0,class:"container mt-4","can-scroll-prev":a(x),"can-scroll-next":a(C),"selected-index":a(R),"slide-count":a(u),"position-label":a(e),onPrev:a(I),onNext:a(S)},null,8,["can-scroll-prev","can-scroll-next","selected-index","slide-count","position-label","onPrev","onNext"])):_("",!0)])}}}),Ee=Object.assign(Y(je,[["__scopeId","data-v-8d90d74a"]]),{__name:"BlocksImageSlider"});export{Ee as default};