https://www.urbanekuensteruhr.de/chunk-73WLEWAA.js

1import{c as V,d as J,e as U,f as W,h as $,i as q}from"./chunk-W7A6RS4J.js";import{a as Z}from"./chunk-HU7L6EJD.js";import"./chunk-GLOBIKT5.js";import{g as I}from"./chunk-KUN5WTS7.js";import{a as f}from"./chunk-JV22ZDZL.js";import{h as K,k as Q}from"./chunk-C6V3REVE.js";import"./chunk-ENQMTLM5.js";import{c as H}from"./chunk-AW7RTHKZ.js";import"./chunk-7SY5SJP4.js";import{Z as P,ta as A}from"./chunk-YNKQPWSP.js";import{z as O}from"./chunk-4EY2W66C.js";import{c as E}from"./chunk-ZR73OBID.js";import{d as j}from"./chunk-EDUWHTNJ.js";import"./chunk-6R4CBI6E.js";import"./chunk-ZEH2WMTB.js";import{W as N,wa as B}from"./chunk-3H2GI3MM.js";import{Dd as d,Id as L,Jb as C,Jd as b,Kc as _,Qb as T,Yc as F,Zc as z,jd as R,kd as p,lb as S,ld as h,md as D,na as u,qb as g,qc as n,rc as s,rd as G,sc as m,sd as v,tc as c,ud as w,xa as y,ya as M,z as k}from"./chunk-N4XFLIUN.js";import"./chunk-DIH54OSL.js";var rt=()=>[9],ot=()=>[7.201247613404852,51.47988397281025],at=()=>[6,50],nt=()=>[8,52],st=(i,l)=>[i,l],pt=()=>({year:"numeric",month:"long"}),lt=i=>({year:i}),mt=(i,l,t,o,e,r,a)=>({"group/marker":i,active:l,"is-disabled":t,"is-past":o,"is-ongoing":e,"is-next":r,"is-future":a}),X=i=>[i];function ct(i,l){if(i&1&&(s(0,"div",4),v(1,"translocoDate"),v(2,"transloco"),s(3,"div",5),y(),s(4,"svg",6)(5,"defs")(6,"linearGradient",7),c(7,"stop",8)(8,"stop",9),m()(),c(9,"path",10),m(),M(),c(10,"span",11),m()()),i&2){let t=l.$implicit;n("id",t.id)("title",t.properties!=null&&t.properties.start&&t.properties.disabled?t.properties.title+", "+w(2,9,"stops.upcomingStop",h(13,lt,w(1,6,t.properties==null?null:t.properties.start,p(12,pt)))):t.properties.title)("ngClass",G(15,mt,!t.properties.disabled,t.properties.active,t.properties.disabled,t.properties.isPast&&!t.properties.disabled,t.properties.isOnGoing&&!t.properties.disabled,t.properties.isNext&&!t.properties.disabled,t.properties.isFuture&&!t.properties.disabled)),g(4),n("ngClass",h(23,X,t.properties.active?"scale-100":"scale-75 lg:scale-50")),g(6),n("ngClass",h(25,X,t.properties.active?"-translate-y-1/2 scale-100":"-translate-y-1/3 scale-75 lg:scale-50"))("innerHTML",t.properties==null?null:t.properties.title,S)}}var Dt=(()=>{class i{constructor(){this.stops=b([]),this.outletActivated=b(!1),this.#t=d(()=>this.stops().findIndex(t=>t.dateTimeRange?.isOnGoing)),this.currentStop=d(()=>this.#t()>=0?this.stops().at(this.#t()):null),this.highlightFocusedStop=L({alias:"highlight"}),this.focusedStop=d(()=>this.currentStop()??this.stops().at(0)),this.#o=u(P),this.#e=u(I),this.mobileMapState=this.#e.mobileMapState,this.#a=K(Q.state()),this.stopsCollection=d(()=>{let t=this.stops()??[],o=[];return t.forEach(e=>{let r=e.location.at(0);if(r&&r.map?.lat){let a=e.dateTimeRange?.isFuture&&e.dateTimeRange.start&&new Date(e.dateTimeRange.start)<new Date(new Date().getTime()+432e6);o.push({type:"Feature",id:e.id,properties:{title:e.title,url:e.url,active:!1,zoom:r.map.zoom,disabled:!e.active,start:e.dateTimeRange?.start,isFuture:!a&&e.dateTimeRange?.isFuture,isNext:a,isOnGoing:e.dateTimeRange?.isOnGoing,isPast:e.dateTimeRange?.isPast},geometry:{type:"Point",coordinates:[r.map.lng,r.map.lat]}})}}),{type:"FeatureCollection",features:o}}),this.isMobile=E(u(j).observe("(max-width: 1023px)").pipe(k(t=>t.matches)))}#t;#o;#e;#a;get mapboxStyle(){return f.mapboxStyle}get mapboxAccessToken(){return f.mapboxAccessToken}initMap(t){this.map=t.target,this.map.resize(),this.#i()}#i(){this.map&&this.fitBounds()}#r;onResize(){clearTimeout(this.#r),this.#r=setTimeout(()=>{this.#i()},100)}async fitBounds(){let t=this.stops().filter(e=>e.location.length).map(e=>{let r=e.location.at(0);return[r.map.lng,r.map.lat]});if(t.length===0)return;let o=this.#n(t);this.map?.fitBounds(o,{padding:50})}#n(t){if(t.length===0)throw new Error("Input coordinates array is empty");let[o,e]=t.reduce((r,[a,x])=>{let[Y,tt]=r[0],[et,it]=r[1];return[[Math.min(Y,a),Math.min(tt,x)],[Math.max(et,a),Math.max(it,x)]]},[[t[0][0],t[0][1]],[t[0][0],t[0][1]]]);return[o,e]}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=C({type:i,selectors:[["ukr-map-static"]],hostAttrs:["aria-describedby","map--introduction","role","application"],inputs:{stops:[1,"stops"],outletActivated:[1,"outletActivated"]},outputs:{highlightFocusedStop:"highlight"},features:[R([Z,V({accessToken:f.mapboxAccessToken})])],decls:4,vars:19,consts:[[1,"ease-smooth","pointer-events-none","transition-transform","duration-1000","lg:pointer-events-auto","lg:translate-y-0","lg:opacity-100","lg:transition-none",3,"mapLoad","ngxResize","zoom","center","maxBounds","interactive"],["id","stopsCollection",3,"data","cluster","clusterMa

1xZoom","clusterRadius"],["source","stopsCollection"],["mglPoint","","zIndexOffSet",""],[1,"marker","relative","h-16","w-16",3,"id","title","ngClass"],[1,"lg:@[50vw]/teaser:text-6xl","pointer-events-none","font-sans","text-4xl","md:text-5xl"],["width","552","height","200","viewBox","0 0 552 200","fill","none","xmlns","http://www.w3.org/2000/svg",1,"absolute","bottom-0","left-1/2","h-[1.4em]","w-auto","origin-bottom","-translate-x-1/2","transform-gpu","transition-transform","lg:h-[1.8em]",3,"ngClass"],["id","greenGradient","x1","0","x2","0","y1","0","y2","1"],["offset","0%",1,"stop1"],["offset","100%",1,"stop2"],["d","M276 199.2L552 0H0L276 199.2Z"],[1,"absolute","bottom-0","left-1/2","origin-bottom","-translate-x-1/2","whitespace-nowrap","transition-transform",3,"ngClass","innerHTML"]],template:function(o,e){o&1&&(s(0,"mgl-map",0),_("mapLoad",function(a){return e.initMap(a)})("ngxResize",function(){return e.onResize()}),c(1,"mgl-geojson-source",1),s(2,"mgl-markers-for-clusters",2),T(3,ct,11,27,"ng-template",3),m()()),o&2&&(z(e.mapboxStyle),F("opacity-30",!e.mobileMapState()||e.mobileMapState()==="list"),n("zoom",p(12,rt))("center",p(13,ot))("maxBounds",D(16,st,p(14,at),p(15,nt)))("interactive",!1),g(),n("data",e.stopsCollection())("cluster",!1)("clusterMaxZoom",20)("clusterRadius",50))},dependencies:[B,N,U,J,$,W,q,A,H,O],styles:[`@layer properties;.mapboxgl-marker:has(div.is-disabled){z-index:4}.mapboxgl-marker:has(div.is-past),.mapboxgl-marker:has(div.is-future){z-index:6}.mapboxgl-marker:has(div.is-next),.mapboxgl-marker:has(div.is-ongoing){z-index:8}.mapboxgl-marker:has(div.active){z-index:10}ukr-map-static{display:flex;flex-direction:column;z-index:0;backface-visibility:hidden;overflow:hidden}ukr-map-static mgl-map{width:100%;height:100%}ukr-map-static #greenGradient .stop1{stop-color:#6fff00}ukr-map-static #greenGradient .stop2{stop-color:#fff}ukr-map-static .marker svg{fill:var(--marker-color, currentColor)}ukr-map-static .marker:hover{--marker-color: hsla(94, 100%, 50%, 1)}ukr-map-static .marker.is-disabled{--marker-color: hsla(0, 0%, 86%, 1)}ukr-map-static .marker.is-past{--marker-color: hsla(94, 100%, 50%, 1);--marker-color: url(#greenGradient)}ukr-map-static .marker.is-next{--marker-color: hsla(94, 100%, 50%, 1);--marker-color: url(#greenGradient)}ukr-map-static .marker.is-next svg{animation:var(--animate-glow, glow 1s infinite alternate);color:var(--color-green-600, oklch(62.7% .194 149.214))}ukr-map-static .marker.is-ongoing{--marker-color: hsla(37, 67%, 37%, 1)}ukr-map-static .marker.is-ongoing svg{animation:var(--animate-glow, glow 1s infinite alternate);color:var(--color-brown, hsla(37, 67%, 37%, 1))}ukr-map-static .marker.is-future{--marker-color: hsla(94, 100%, 50%, 1);--marker-color: url(#greenGradient)}ukr-map-static .stop{background-size:100% 100%;background-repeat:no-repeat;background-color:var(--color-white, #fff)}ukr-map-static .stop.is-disabled{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:currentcolor;background-color:var(--color-gray-light, hsla(0, 0%, 86%, 1))}ukr-map-static .stop.is-past,ukr-map-static .stop.is-future{background-color:var(--color-green, hsla(94, 100%, 50%, 1));--tw-gradient-position: to bottom;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: var(--color-green, hsla(94, 100%, 50%, 1));--tw-gradient-to: var(--color-white, #fff);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (background-image: linear-gradient(in lab,red,red)){ukr-map-static .stop.is-past,ukr-map-static .stop.is-future{--tw-gradient-position: to bottom in oklab}}ukr-map-static .stop.is-ongoing{background-color:var(--color-white, #fff);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:4px;outline-offset:-4px;outline-color:var(--color-brown, hsla(37, 67%, 37%, 1))}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}

1@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@keyframes glow{0%{filter:drop-shadow(0 0 0 hsl(37,67%,17%)) drop-shadow(0 0 0 currentColor)}to{filter:drop-shadow(0 0 20px hsl(37,67%,37%)) drop-shadow(0 0 20px currentColor)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-outline-style: solid}}}
2/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
3`],encapsulation:2})}}return i})();export{Dt as MapStaticComponent};
4//# sourceMappingURL=chunk-73WLEWAA.js.map