https://www.urbanekuensteruhr.de/chunk-27MET55Z.js

1import{a as et}from"./chunk-P5QMRMPW.js";import{d as J}from"./chunk-OX365WAG.js";import"./chunk-5I6HKKJD.js";import"./chunk-4D6CHN26.js";import{b as K,c as tt}from"./chunk-TV7I7D24.js";import"./chunk-ENQMTLM5.js";import"./chunk-LPGHQ4JX.js";import"./chunk-L2LVDH4H.js";import"./chunk-7SY5SJP4.js";import{z as U}from"./chunk-4EY2W66C.js";import"./chunk-ZR73OBID.js";import{v as W}from"./chunk-PSSDY2AS.js";import"./chunk-EDUWHTNJ.js";import"./chunk-6R4CBI6E.js";import"./chunk-ZEH2WMTB.js";import{Fa as Z}from"./chunk-3H2GI3MM.js";import{$c as G,Aa as P,Cc as V,Dd as L,Ha as h,Jb as z,Ka as S,Kc as g,Kd as q,Mc as a,Uc as Y,Va as F,Vc as E,Xc as O,Yc as k,bd as R,ia as B,ic as x,jc as y,kd as I,lb as H,lc as T,ld as Q,mc as j,na as m,oc as A,pb as D,pc as $,qb as s,qc as b,rc as r,sc as c,sd as _,tc as w,td as C,va as p,wa as u,wb as X,xa as M,ya as N}from"./chunk-N4XFLIUN.js";import"./chunk-DIH54OSL.js";var it=(()=>{class n{#t;get isSupported(){return this.#t.startViewTransition}constructor(){this.#t=m(P),this.supportsViewTransitions=h(!1),X(()=>{this.supportsViewTransitions.set(!!this.#t.startViewTransition)})}startViewTransition(t){return this.supportsViewTransitions()?this.#t.startViewTransition(t):t()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275prov=B({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var ot=["popover"],rt=()=>({min:1,max:5}),st=n=>({scaleBounds:n}),at=()=>({filterTaps:!0});function lt(n,f){if(n&1&&(r(0,"div",3),G(1),c()),n&2){let t=a();s(),R(" ",t.zoomPercent(),"% ")}}function ct(n,f){if(n&1){let t=V();r(0,"button",15),g("click",function(){let i=p(t).$index,o=a(2);return u(o.lightbox.goTo(i))}),c()}if(n&2){let t=f.$index,e=a(2);k("active",t===e.lightbox.currentIndex()),x("aria-label",t+1+" / "+e.lightbox.images().length)("aria-current",t===e.lightbox.currentIndex()?"step":null)}}function gt(n,f){if(n&1){let t=V();r(0,"nav",7),_(1,"transloco"),r(2,"button",8),_(3,"transloco"),g("click",function(i){p(t);let o=a();return u(o.prev(i))}),M(),r(4,"svg",9),w(5,"path",10),c()(),N(),r(6,"button",11),_(7,"transloco"),g("click",function(i){p(t);let o=a();return u(o.next(i))}),M(),r(8,"svg",9),w(9,"path",12),c()()(),N(),r(10,"nav",13),_(11,"transloco"),A(12,ct,1,4,"button",14,j),c()}if(n&2){let t=a();x("aria-label",C(1,10,"lightbox.navigation")),s(2),b("disabled",!t.lightbox.hasPrev()),x("aria-label",C(3,12,"lightbox.previous")),s(2),k("opacity-50",!t.lightbox.hasPrev()),s(2),b("disabled",!t.lightbox.hasNext()),x("aria-label",C(7,14,"lightbox.next")),s(2),k("opacity-50",!t.lightbox.hasNext()),s(2),x("aria-label",C(11,16,"lightbox.navigation")),s(2),$(t.lightbox.images())}}function ht(n,f){if(n&1&&w(0,"div",19),n&2){let t=a();b("innerHTML",t.caption,H)}}function dt(n,f){if(n&1){let t=V();r(0,"div",16),g("dblclick",function(){p(t);let i=a();return u(i.onDoubleTap())}),r(1,"div",17),g("ngxPinch",function(i){p(t);let o=a();return u(o.onPinch(i))})("ngxDrag",function(i){p(t);let o=a();return u(o.onDrag(i))}),w(2,"figure",18),c()(),y(3,ht,1,1,"div",19)}if(n&2){let t=f,e=a();O("transform",e.swipeTransform()),k("cursor-zoom-in",!e.isZoomed())("cursor-grab",e.isZoomed()&&!e.isDragging())("cursor-grabbing",e.isZoomed()&&e.isDragging()),s(),O("transform",e.imageTransform()),b("ngxPinchConfig",Q(16,st,I(15,rt)))("ngxDragConfig",I(18,at)),s(),b("data",t)("hideCaption",!0),s(),T(t.caption?3:-1)}}var Vt=(()=>{class n{#t;#o;#e;#i;#n;popoverToggled(t){let e=t.newState==="open";this.isVisible.set(e),!e&&this.lightbox.isOpen()&&this.lightbox.close()}#r(t){let e=this.lightbox.invoker(),i=t.showPopover.bind(t);e?.isConnected?i({source:e}):i()}constructor(){this.lightbox=m(et),this.#t=m(P),this.#o=m(F),this.#e=m(it),this.popoverEl=q("popover"),this.scale=h(1),this.translateX=h(0),this.translateY=h(0),this.isDragging=h(!1),this.swipeOffsetX=h(0),this.#i=0,this.#n=0,this.isZoomed=L(()=>this.scale()>1),this.zoomPercent=L(()=>Math.round(this.scale()*100)),this.swipeTransform=L(()=>`translateX(${this.swipeOffsetX()}px)`),this.isVisible=h(!1),this.imageTransform=L(()=>`translate(${this.translateX()}px, ${this.translateY()}px) scale(${this.scale()})`),Z(this.#o)&&this.#g(),S(()=>{let t=this.lightbox.isOpen(),e=this.popoverEl()?.nativeElement;!e||!Z(this.#o)||(t?this.#h(e):this.#d(e))}),S(()=>{this.lightbox.currentIndex(),this.lightbox.isOpen()&&this.resetZoom()})}#g(){let t="lightbox-view-transitions";if(this.#t.getElementById(t))return;let e=this.#t.createElement("style");e.id=t,e.textContent=`
2      .lightbox-image {
3        view-transition-class: lightbox-image;
4      }
5      ::view-transition-old(*.lightbox-image),
6      ::view-transition-new(*.lightbox-image) {
7        animation: none;
8        mix-blend-mode: normal;
9        object-fit: contain;
10      }
11      ::view-transition-group(*.lightbox-image) {
12        animation-duration: 300ms;
13        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
14        overflow: clip;
15      }
16    `,this.#t.head.appendChild(e)}#l(){return this.#e.supportsViewTransitions()&&!this.#t.defaultView?.matchMedia("(prefers-reduced-motion: reduce)").matches}#s(t){return t.querySelector(".image-container img")}#c(t){let e=this.lightbox.sources();for(let i=0;i<e.length;i++)i!==t&&e[i]?.img?.isConnected&&(e[i].img.style.viewTransitionName="none")}#a(){for(let t of this.lightbox.sources())t.img?.isConnected&&(t.img.style.viewTransitionName="")}#h(t){if(t.matches(":popover-open"))return;let e=this.lightbox.currentIndex(),i=this.lightbox.currentSource(),o=i?.img,l=i?.vtName;if(!o?.isConnected||!l||!this.#l()){this.#r(t);return}this.#c(e);try{this.#e.startViewTransition(()=>{o.style.viewTransitionName="none",t.style.transition="none",this.#r(t);let d=this.#s(t);d&&(d.style.viewTransitionName=l,d.classList.add("lightbox-image"))})?.finished.finally(()=>{t.style.transition="",this.#a();let d=this.#s(t);d&&(d.style.viewTransitionName="")})}catch{this.#r(t)}}#d(t){if(!t.matches(":popover-open"))return;let e=this.lightbox.currentIndex(),i=this.lightbox.currentSource(),o=i?.img,l=i?.vtName,v=this.#s(t);if(!o?.isConnected||!v||!l||!this.#l()){try{t.hidePopover()}catch{}return}this.#c(e),v.style.viewTransitionName=l,v.classList.add("lightbox-image");try{this.#e.startViewTransition(()=>{v.style.viewTransitionName="",t.style.transition="none";try{t.hidePopover()}catch{}o.style.viewTransitionName=l})?.finished.finally(()=>{t.style.transition="",this.#a()})}catch{v.style.viewTransitionName="";try{t.hidePopover()}catch{}this.#a()}}handleEscape(t){this.lightbox.isOpen()&&(t.preventDefault(),this.isZoomed()?this.resetZoom():this.lightbox.close())}handleArrowLeft(){!this.lightbox.isOpen()||this.isZoomed()||this.lightbox.prev()}handleArrowRight(){!this.lightbox.isOpen()||this.isZoomed()||this.lightbox.next()}onPinch(t){if(t.pinching){let e=Math.min(5,Math.max(1,t.offset?.at(0)??0));this.scale.set(e)}t.last&&this.scale()<=1.1&&this.resetZoom()}onDrag(t){if(this.isZoomed()){this.isDragging.set(t.dragging??!1),t.dragging&&(this.translateX.set(this.#i+(t.movement?.at(0)??0)),this.translateY.set(this.#n+t.movement[1])),t.last&&(this.#i=this.translateX(),this.#n=this.translateY());return}if(this.lightbox.isGallery()&&t.swipe)if(t.dragging)this.swipeOffsetX.set(t.movement?.at(0)??0);else{let e=t.swipe?.at(0)??0;if(e!==0)e<0?this.lightbox.next():this.lightbox.prev();else{let i=t.movement.at(0)??0,o=80;i>o?this.lightbox.prev():i<-o&&this.lightbox.next()}this.swipeOffsetX.set(0)}}onDoubleTap(){this.isZoomed()?this.resetZoom():this.scale.set(2)}resetZoom(){this.scale.set(1),this.translateX.set(0),this.translateY.set(0),this.#i=0,this.#n=0}close(){this.lightbox.close()}prev(t){t.stopPropagation(),this.lightbox.prev()}next(t){t.stopPropagation(),this.lightbox.next()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=z({type:n,selectors:[["ukr-lightbox"]],viewQuery:function(e,i){e&1&&Y(i.popoverEl,ot,5),e&2&&E()},hostBindings:function(e,i){e&1&&g("keydown.escape",function(l){return i.handleEscape(l)}

16,D)("keydown.arrowleft",function(){return i.handleArrowLeft()},D)("keydown.arrowright",function(){return i.handleArrowRight()},D)},decls:10,vars:8,consts:[["popover",""],["popover","auto","role","dialog","aria-modal","true",1,"lightbox",3,"toggle","cdkTrapFocus","cdkTrapFocusAutoCapture"],["role","presentation",1,"absolute","inset-0","cursor-pointer",3,"click"],[1,"absolute","left-4","top-4","z-20","rounded-full","bg-black/60","px-3","py-1.5","text-sm","tabular-nums","text-white","backdrop-blur-sm"],["tabindex","0",1,"right-layout","top-layout","absolute","z-20","flex","h-7","w-7","items-center","justify-center","justify-self-end","rounded-md","border","border-current","bg-white","hover:bg-black","hover:text-white","focus-visible:bg-black","focus-visible:text-white",3,"click"],["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M1.8 13.5L0.5 12.2L5.7 7L0.5 1.8L1.8 0.5L7 5.7L12.2 0.5L13.5 1.8L8.3 7L13.5 12.2L12.2 13.5L7 8.3L1.8 13.5Z","fill","currentColor"],[1,"pointer-events-none","absolute","left-0","top-1/2","z-10","hidden","w-full","-translate-y-1/2","justify-between","px-4","md:flex"],["type","button",1,"focus-visible:bg-blue-dark","pointer-events-auto","-ml-2","cursor-pointer","p-2",3,"click","disabled"],["width","57","height","152","viewBox","0 0 57 152","xmlns","http://www.w3.org/2000/svg","aria-hidden","true",1,"button-arrow","fill-green","h-auto","w-8","overflow-visible","stroke-transparent","md:w-auto","lg:fill-white","dark:fill-black","dark:stroke-white"],["d","M9.06291e-07 76L57 152L57 0L9.06291e-07 76Z","stroke-width","5","stroke-miterlimit","10","vector-effect","non-scaling-stroke"],["type","button",1,"focus-visible:bg-blue-dark","pointer-events-auto","-mr-2","cursor-pointer","p-2",3,"click","disabled"],["d","M57 76L1.81258e-06 0L0 152L57 76Z","stroke-width","5","stroke-miterlimit","10","vector-effect","non-scaling-stroke"],[1,"bottom-1/12","absolute","left-1/2","z-20","flex","-translate-x-1/2","gap-2","md:hidden"],["type","button",1,"dot-indicator",3,"active"],["type","button",1,"dot-indicator",3,"click"],[1,"image-container","flex","flex-auto","items-center","justify-center",3,"dblclick"],[1,"lightbox-image-wrapper","touch-none",3,"ngxPinch","ngxDrag","ngxPinchConfig","ngxDragConfig"],["app-image","","imageClass","max-h-[85vh] max-w-[90vw] select-none object-contain",3,"data","hideCaption"],[1,"pb-2-safe","z-10","max-w-prose","px-4","py-2","text-sm","text-white","lg:text-lg","xl:text-xl",3,"innerHTML"]],template:function(e,i){if(e&1&&(r(0,"div",1,0),_(2,"transloco"),g("toggle",function(l){return i.popoverToggled(l)}),r(3,"div",2),g("click",function(){return i.close()}),c(),y(4,lt,2,1,"div",3),r(5,"button",4),g("click",function(){return i.close()}),M(),r(6,"svg",5),w(7,"path",6),c()(),y(8,gt,14,18),y(9,dt,4,19),c()),e&2){let o;b("cdkTrapFocus",i.isVisible())("cdkTrapFocusAutoCapture",i.isVisible()),x("aria-label",C(2,6,"lightbox.dialog-label")),s(4),T(i.isZoomed()?4:-1),s(4),T(i.lightbox.isGallery()?8:-1),s(),T((o=i.lightbox.currentImage())?9:-1,o)}},dependencies:[W,tt,K,J,U],styles:[`[_nghost-%COMP%]{display:contents}.lightbox[_ngcontent-%COMP%]{position:fixed;inset:calc(var(--spacing, .25rem) * 0);margin:calc(var(--spacing, .25rem) * 0);height:100%;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2.5);--tw-border-style: none;border-style:none;background-color:color-mix(in srgb,#000 90%,transparent);padding:calc(var(--spacing, .25rem) * 0);max-width:100%;max-height:100%;overflow:hidden;opacity:1;transition:opacity .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}@supports (color: color-mix(in lab,red,red)){.lightbox[_ngcontent-%COMP%]{background-color:color-mix(in oklab,var(--color-black, #000) 90%,transparent)}}.lightbox[_ngcontent-%COMP%]:popover-open{display:flex}@starting-style{.lightbox[_ngcontent-%COMP%]{opacity:0}}.lightbox[_ngcontent-%COMP%]:not(:popover-open){opacity:0}

16.lightbox-image-wrapper[_ngcontent-%COMP%]{will-change:transform}.image-container[_ngcontent-%COMP%]{transition:transform .2s ease-out}.dot-indicator[_ngcontent-%COMP%]{width:7px;height:7px;border-radius:calc(infinity * 1px);background-color:var(--color-gray-dark, hsla(0, 0%, 46%, 1));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.dot-indicator.active[_ngcontent-%COMP%]{background-color:var(--color-white, #fff)}@media(prefers-reduced-motion:reduce){.lightbox[_ngcontent-%COMP%]{transition:none}@starting-style{.lightbox[_ngcontent-%COMP%]{opacity:1}}}
17
18`],changeDetection:0})}}return n})();export{Vt as LightboxComponent};
19//# sourceMappingURL=chunk-27MET55Z.js.map