@mapcreator/sdk 1.5.10 → 1.5.11

package/dist/adornments/scalebar.d.ts

@@ -1,3 +1,6 @@
-import { Map } from '@mapcreator/maplibre-gl';
 import { JobObjectScalebar } from '../types/jobObject';
-export declare function useScalebar(scalebar: JobObjectScalebar, map: Map, mapScale: number): HTMLElement;
+import { Map } from '@mapcreator/maplibre-gl';
+export declare function useScalebar(scalebar: JobObjectScalebar, map: Map, vapiUrl: string, accessToken: string, mapScale: number): {
+    element: HTMLElement;
+    ready: Promise<void>;
+};

package/dist/mapcreator-sdk.js

@@ -38487,121 +38487,128 @@ var Dl = {
 	foot: "ft",
 	nauticalMile: "nm"
 };
-function Ol(e, t, n) {
-	let r = document.createElement("div");
-	return r.className = "adornment", r.innerHTML = kl(t, e, n), t.on("move", () => {
-		r.innerHTML = kl(t, e, n);
-	}), r;
+function Ol(e, t, n, r, i) {
+	let a = document.createElement("div");
+	a.className = "adornment";
+	let o = "ArialMT";
+	return {
+		element: a,
+		ready: Lr(e.font ?? o, n, r).then(() => {
+			a.innerHTML = kl(t, e, i, o), t.on("move", () => {
+				a.innerHTML = kl(t, e, i, o);
+			});
+		})
+	};
 }
-function kl(e, t, n) {
-	let { maxWidth: r = 100, fontSize: i = 8, font: a = "Arial, sans-serif", color: o = "#000000", unit: s = "metric_and_imperial" } = t, c = e.getCenter(), l = e.projectWithScaleCorrection(c), u = w(c, e.unprojectWithScaleCorrection([l.x + r, l.y])), d = Object.fromEntries(Object.entries(Dl).map(([e, t]) => {
-		let n = j("meter", e, u), r = Tl(n) || 0;
+function kl(e, t, n, r) {
+	let { maxWidth: i = 100, fontSize: a = 8, font: o = r, color: s = "#000000", unit: c = "metric_and_imperial" } = t, l = e.getCenter(), u = e.projectWithScaleCorrection(l), d = w(l, e.unprojectWithScaleCorrection([u.x + i, u.y])), f = Object.fromEntries(Object.entries(Dl).map(([e, t]) => {
+		let n = j("meter", e, d), r = Tl(n) || 0;
 		return [e, {
 			value: n,
 			ratio: n ? r / n : 0,
 			humanized: r < 1 ? `${wl(r).join("/")} ${t}` : `${r} ${t}`
 		}];
-	})), f = d.meter.value > 1e3 ? d.kilometer : d.meter, p = d.foot.value > 5280 ? d.mile : d.foot, m = {
-		imperial: p,
-		metric: f,
-		nautical: d.nauticalMile
-	}, h = s === "metric_and_imperial" ? void 0 : m[s], g = {
-		metric: Math.round(r * f.ratio),
-		imperial: Math.round(r * p.ratio)
-	}, _ = s === "metric_and_imperial" ? Math.max(g.metric, g.imperial) : Math.round(r * (h?.ratio ?? 0)), v = i + 7;
-	if (s === "metric_and_imperial") {
-		let e = v + i * 2;
+	})), p = f.meter.value > 1e3 ? f.kilometer : f.meter, m = f.foot.value > 5280 ? f.mile : f.foot, h = {
+		imperial: m,
+		metric: p,
+		nautical: f.nauticalMile
+	}, g = c === "metric_and_imperial" ? void 0 : h[c], _ = {
+		metric: Math.round(i * p.ratio),
+		imperial: Math.round(i * m.ratio)
+	}, v = c === "metric_and_imperial" ? Math.max(_.metric, _.imperial) : Math.round(i * (g?.ratio ?? 0)), y = a + 7;
+	if (c === "metric_and_imperial") {
+		let e = y + a * 2;
 		return `
       <svg
         class="adornment-svg"
         xmlns="http://www.w3.org/2000/svg"
-        width="${_ * n}"
+        width="${v * n}"
         height="${e * n}"
-        viewBox="0 0 ${_} ${e}"
+        viewBox="0 0 ${v} ${e}"
       >
         <line
           x1="0"
-          y1="${v - .5}"
-          x2="${_}"
-          y2="${v - .5}"
-          stroke="${o}"
+          y1="${y - .5}"
+          x2="${v}"
+          y2="${y - .5}"
+          stroke="${s}"
           stroke-width="1"
         />
         <line
           x1="0.5"
-          y1="${v - 5}"
+          y1="${y - 5}"
           x2="0.5"
-          y2="${v + 5}"
-          stroke="${o}"
+          y2="${y + 5}"
+          stroke="${s}"
           stroke-width="1"
         />
         <line
-          x1="${g.imperial - .5}"
-          y1="${v - 5}"
-          x2="${g.imperial - .5}"
-          y2="${v}"
-          stroke="${o}"
+          x1="${_.imperial - .5}"
+          y1="${y - 5}"
+          x2="${_.imperial - .5}"
+          y2="${y}"
+          stroke="${s}"
           stroke-width="1"
         />
         <line
-          x1="${g.metric - .5}"
-          y1="${v}"
-          x2="${g.metric - .5}"
-          y2="${v + 5}"
-          stroke="${o}"
+          x1="${_.metric - .5}"
+          y1="${y}"
+          x2="${_.metric - .5}"
+          y2="${y + 5}"
+          stroke="${s}"
           stroke-width="1"
         />
         <text
           x="0"
-          y="${v + 7 + i}"
-          font-size="${i}px"
-          font-family="${a}"
+          y="${y + 7 + a}"
+          font-size="${a}px"
+          font-family="${o}"
           font-weight="bold"
-          fill="${o}"
+          fill="${s}"
           text-anchor="start"
         >
           0
         </text>
         <text
-          x="${g.imperial}"
-          y="${v - 7}"
-          font-size="${i}px"
-          font-family="${a}"
+          x="${_.imperial}"
+          y="${y - 7}"
+          font-size="${a}px"
+          font-family="${o}"
           font-weight="bold"
-          fill="${o}"
+          fill="${s}"
           text-anchor="end"
         >
-          ${p.humanized}
+          ${m.humanized}
         </text>
         <text
-          x="${g.metric}"
-          y="${v + 7 + i}"
-          font-size="${i}px"
-          font-family="${a}"
+          x="${_.metric}"
+          y="${y + 7 + a}"
+          font-size="${a}px"
+          font-family="${o}"
           font-weight="bold"
-          fill="${o}"
+          fill="${s}"
           text-anchor="end"
         >
-          ${f.humanized}
+          ${p.humanized}
         </text>
       </svg>
     `;
 	}
-	let y = v + i + 5;
+	let b = y + a + 5;
 	return `
     <svg
       class="adornment-svg"
       xmlns="http://www.w3.org/2000/svg"
-      width="${_ * n}"
-      height="${y * n}"
-      viewBox="0 0 ${_} ${y}"
+      width="${v * n}"
+      height="${b * n}"
+      viewBox="0 0 ${v} ${b}"
     >
       <line
         x1="0"
         y1="4.5"
-        x2="${_}"
+        x2="${v}"
         y2="4.5"
-        stroke="${o}"
+        stroke="${s}"
         stroke-width="1"
       />
       <line
@@ -38609,38 +38616,38 @@ function kl(e, t, n) {
         y1="0"
         x2="0.5"
         y2="10"
-        stroke="${o}"
+        stroke="${s}"
         stroke-width="1"
       />
       <line
-        x1="${_ - .5}"
+        x1="${v - .5}"
         y1="0"
-        x2="${_ - .5}"
+        x2="${v - .5}"
         y2="10"
-        stroke="${o}"
+        stroke="${s}"
         stroke-width="1"
       />
       <text
         x="0"
-        y="${i + 12}"
-        font-size="${i}px"
-        font-family="${a}"
+        y="${a + 12}"
+        font-size="${a}px"
+        font-family="${o}"
         font-weight="bold"
-        fill="${o}"
+        fill="${s}"
         text-anchor="start"
       >
         0
       </text>
       <text
-        x="${_}"
-        y="${i + 12}"
-        font-size="${i}px"
-        font-family="${a}"
+        x="${v}"
+        y="${a + 12}"
+        font-size="${a}px"
+        font-family="${o}"
         font-weight="bold"
-        fill="${o}"
+        fill="${s}"
         text-anchor="end"
       >
-        ${h?.humanized ?? ""}
+        ${g?.humanized ?? ""}
       </text>
     </svg>
   `;
@@ -38700,10 +38707,12 @@ async function Pl(e, t, n, r, i, a, o, s, c, l) {
 		buttons: []
 	}), u.forEach((t) => {
 		if (t.type === "custom") Ll(de(t, c), t.position, t.stacking);
-		else if (t.type === "scalebar") Ll(Ol(t, n, c), t.position, t.stacking);
 		else if (t.type === "northArrow") Ll(ji(t, n, c), t.position, t.stacking);
 		else if (t.type === "webControls" && t.buttons && l !== "video") Ll(da(t, n, r, i, f), t.position, t.stacking);
-		else if (t.type === "insetMap") {
+		else if (t.type === "scalebar") {
+			let { element: e, ready: r } = Ol(t, n, a, s, c);
+			Ll(e, t.position, t.stacking), d.push(r);
+		} else if (t.type === "insetMap") {
 			let { element: e, ready: r } = vl(t, n, o, c);
 			Ll(e, t.position, t.stacking), d.push(r);
 		} else if (t.type === "heading") {

package/dist/mapcreator-sdk.umd.cjs

@@ -1007,94 +1007,94 @@ vec4 finalPos=u_coord_matrix*vec4(projected_pos.xy/projected_pos.w+rotation_matr
     >
       ${S.join(``)}
     </svg>
-  `,Sl(e)}function xl(e){let{scale:t,boundingBox:n,moveEndPosition:r}=e,i=e.globeFallbackActive&&e.globeGeoJson!==void 0||e.isGlobe,a=vl*t,o=qc(),s;if(i){let{lng:e,lat:t}=r;s=_l().scale(a/2).translate([a/2,a/2]).rotate([-e,-t]).clipAngle(90)}else{s=ml().scale(1).translate([0,0]);let e=s([n[0],n[3]]),t=s([n[2],n[1]]),r=Math.abs(t[0]-e[0]),i=Math.abs(t[1]-e[1]),o=(e[0]+t[0])/2,c=(e[1]+t[1])/2,l=1/Math.max(r/a,i/a);s.scale(l).translate([a/2-l*o,a/2-l*c])}return o.projection(s),{path:o,projection:s}}function Sl(e){let{id:t,map:n,container:r,scale:i}=e,a=r.querySelector(`#frame-${t}`),o=r.querySelector(`#frame-outline-${t}`),s=r.querySelector(`#dot-${t}`);if(!a||!o||!s)return;let c=Cl(n),{path:l,projection:u}=xl(e),d=1/0,f=-1/0,p=1/0,m=-1/0,h=1/0,g=-1/0;$n(c,e=>{let t=u(e);d=Math.min(d,e[0]),f=Math.max(f,e[0]),p=Math.min(p,t[0]),m=Math.max(m,t[0]),h=Math.min(h,t[1]),g=Math.max(g,t[1])});let _=10*i;if(m-p<_||g-h<_){a.style.display=`none`,o.style.display=`none`,s.style.display=`block`;let e=n.getCenter(),[t,r]=u([e.lng,e.lat]);s.setAttribute(`cx`,String(t)),s.setAttribute(`cy`,String(r))}else if(f-d<180){a.style.display=`block`,o.style.display=`block`,s.style.display=`none`;let e=l(c);a.setAttribute(`d`,e),o.setAttribute(`d`,e)}else a.style.display=`none`,o.style.display=`none`,s.style.display=`none`}function Cl(e){let t=e.getCanvas().width,n=e.getCanvas().height,r=[];for(let n=0;n<64;n++){let{lng:i,lat:a}=e.unprojectWithScaleCorrection([N(0,t,n/64),0]);r.push([i,a])}for(let i=0;i<64;i++){let{lng:a,lat:o}=e.unprojectWithScaleCorrection([t,N(0,n,i/64)]);r.push([a,o])}for(let i=0;i<64;i++){let{lng:a,lat:o}=e.unprojectWithScaleCorrection([N(t,0,i/64),n]);r.push([a,o])}for(let t=0;t<64;t++){let{lng:i,lat:a}=e.unprojectWithScaleCorrection([0,N(n,0,t/64)]);r.push([i,a])}let{lng:i,lat:a}=e.unprojectWithScaleCorrection([0,0]);return r.push([i,a]),{type:`Feature`,properties:{},geometry:{coordinates:[r],type:`Polygon`}}}var wl=[10,5,3,2,1];function Tl(e,t=1e-6){let n=Math.floor(e);if(e-=n,e<t)return[n,1];if(1-t<e)return[n+1,1];let r=0,i=1,a=1,o=1;for(;;){let s=r+a,c=i+o;if(c*(e+t)<s)a=s,o=c;else if(s<(e-t)*c)r=s,i=c;else return[n*c+s,c]}}function El(e){let t=10**Math.floor(Math.log10(e)),n=e/t;for(let e of wl)if(n>=e)return e*t;return Dl(n)*t}function Dl(e){let t=10**Math.ceil(-Math.log(e)/Math.LN10);return Math.round(e*t)/t}var Ol={kilometer:`km`,meter:`m`,mile:`mi`,foot:`ft`,nauticalMile:`nm`};function kl(e,t,n){let r=document.createElement(`div`);return r.className=`adornment`,r.innerHTML=Al(t,e,n),t.on(`move`,()=>{r.innerHTML=Al(t,e,n)}),r}function Al(e,t,n){let{maxWidth:r=100,fontSize:i=8,font:a=`Arial, sans-serif`,color:o=`#000000`,unit:s=`metric_and_imperial`}=t,c=e.getCenter(),l=e.projectWithScaleCorrection(c),u=T(c,e.unprojectWithScaleCorrection([l.x+r,l.y])),d=Object.fromEntries(Object.entries(Ol).map(([e,t])=>{let n=M(`meter`,e,u),r=El(n)||0;return[e,{value:n,ratio:n?r/n:0,humanized:r<1?`${Tl(r).join(`/`)} ${t}`:`${r} ${t}`}]})),f=d.meter.value>1e3?d.kilometer:d.meter,p=d.foot.value>5280?d.mile:d.foot,m={imperial:p,metric:f,nautical:d.nauticalMile},h=s===`metric_and_imperial`?void 0:m[s],g={metric:Math.round(r*f.ratio),imperial:Math.round(r*p.ratio)},_=s===`metric_and_imperial`?Math.max(g.metric,g.imperial):Math.round(r*(h?.ratio??0)),v=i+7;if(s===`metric_and_imperial`){let e=v+i*2;return`
+  `,Sl(e)}function xl(e){let{scale:t,boundingBox:n,moveEndPosition:r}=e,i=e.globeFallbackActive&&e.globeGeoJson!==void 0||e.isGlobe,a=vl*t,o=qc(),s;if(i){let{lng:e,lat:t}=r;s=_l().scale(a/2).translate([a/2,a/2]).rotate([-e,-t]).clipAngle(90)}else{s=ml().scale(1).translate([0,0]);let e=s([n[0],n[3]]),t=s([n[2],n[1]]),r=Math.abs(t[0]-e[0]),i=Math.abs(t[1]-e[1]),o=(e[0]+t[0])/2,c=(e[1]+t[1])/2,l=1/Math.max(r/a,i/a);s.scale(l).translate([a/2-l*o,a/2-l*c])}return o.projection(s),{path:o,projection:s}}function Sl(e){let{id:t,map:n,container:r,scale:i}=e,a=r.querySelector(`#frame-${t}`),o=r.querySelector(`#frame-outline-${t}`),s=r.querySelector(`#dot-${t}`);if(!a||!o||!s)return;let c=Cl(n),{path:l,projection:u}=xl(e),d=1/0,f=-1/0,p=1/0,m=-1/0,h=1/0,g=-1/0;$n(c,e=>{let t=u(e);d=Math.min(d,e[0]),f=Math.max(f,e[0]),p=Math.min(p,t[0]),m=Math.max(m,t[0]),h=Math.min(h,t[1]),g=Math.max(g,t[1])});let _=10*i;if(m-p<_||g-h<_){a.style.display=`none`,o.style.display=`none`,s.style.display=`block`;let e=n.getCenter(),[t,r]=u([e.lng,e.lat]);s.setAttribute(`cx`,String(t)),s.setAttribute(`cy`,String(r))}else if(f-d<180){a.style.display=`block`,o.style.display=`block`,s.style.display=`none`;let e=l(c);a.setAttribute(`d`,e),o.setAttribute(`d`,e)}else a.style.display=`none`,o.style.display=`none`,s.style.display=`none`}function Cl(e){let t=e.getCanvas().width,n=e.getCanvas().height,r=[];for(let n=0;n<64;n++){let{lng:i,lat:a}=e.unprojectWithScaleCorrection([N(0,t,n/64),0]);r.push([i,a])}for(let i=0;i<64;i++){let{lng:a,lat:o}=e.unprojectWithScaleCorrection([t,N(0,n,i/64)]);r.push([a,o])}for(let i=0;i<64;i++){let{lng:a,lat:o}=e.unprojectWithScaleCorrection([N(t,0,i/64),n]);r.push([a,o])}for(let t=0;t<64;t++){let{lng:i,lat:a}=e.unprojectWithScaleCorrection([0,N(n,0,t/64)]);r.push([i,a])}let{lng:i,lat:a}=e.unprojectWithScaleCorrection([0,0]);return r.push([i,a]),{type:`Feature`,properties:{},geometry:{coordinates:[r],type:`Polygon`}}}var wl=[10,5,3,2,1];function Tl(e,t=1e-6){let n=Math.floor(e);if(e-=n,e<t)return[n,1];if(1-t<e)return[n+1,1];let r=0,i=1,a=1,o=1;for(;;){let s=r+a,c=i+o;if(c*(e+t)<s)a=s,o=c;else if(s<(e-t)*c)r=s,i=c;else return[n*c+s,c]}}function El(e){let t=10**Math.floor(Math.log10(e)),n=e/t;for(let e of wl)if(n>=e)return e*t;return Dl(n)*t}function Dl(e){let t=10**Math.ceil(-Math.log(e)/Math.LN10);return Math.round(e*t)/t}var Ol={kilometer:`km`,meter:`m`,mile:`mi`,foot:`ft`,nauticalMile:`nm`};function kl(e,t,n,r,i){let a=document.createElement(`div`);a.className=`adornment`;let o=`ArialMT`;return{element:a,ready:Lr(e.font??o,n,r).then(()=>{a.innerHTML=Al(t,e,i,o),t.on(`move`,()=>{a.innerHTML=Al(t,e,i,o)})})}}function Al(e,t,n,r){let{maxWidth:i=100,fontSize:a=8,font:o=r,color:s=`#000000`,unit:c=`metric_and_imperial`}=t,l=e.getCenter(),u=e.projectWithScaleCorrection(l),d=T(l,e.unprojectWithScaleCorrection([u.x+i,u.y])),f=Object.fromEntries(Object.entries(Ol).map(([e,t])=>{let n=M(`meter`,e,d),r=El(n)||0;return[e,{value:n,ratio:n?r/n:0,humanized:r<1?`${Tl(r).join(`/`)} ${t}`:`${r} ${t}`}]})),p=f.meter.value>1e3?f.kilometer:f.meter,m=f.foot.value>5280?f.mile:f.foot,h={imperial:m,metric:p,nautical:f.nauticalMile},g=c===`metric_and_imperial`?void 0:h[c],_={metric:Math.round(i*p.ratio),imperial:Math.round(i*m.ratio)},v=c===`metric_and_imperial`?Math.max(_.metric,_.imperial):Math.round(i*(g?.ratio??0)),y=a+7;if(c===`metric_and_imperial`){let e=y+a*2;return`
       <svg
         class="adornment-svg"
         xmlns="http://www.w3.org/2000/svg"
-        width="${_*n}"
+        width="${v*n}"
         height="${e*n}"
-        viewBox="0 0 ${_} ${e}"
+        viewBox="0 0 ${v} ${e}"
       >
         <line
           x1="0"
-          y1="${v-.5}"
-          x2="${_}"
-          y2="${v-.5}"
-          stroke="${o}"
+          y1="${y-.5}"
+          x2="${v}"
+          y2="${y-.5}"
+          stroke="${s}"
           stroke-width="1"
         />
         <line
           x1="0.5"
-          y1="${v-5}"
+          y1="${y-5}"
           x2="0.5"
-          y2="${v+5}"
-          stroke="${o}"
+          y2="${y+5}"
+          stroke="${s}"
           stroke-width="1"
         />
         <line
-          x1="${g.imperial-.5}"
-          y1="${v-5}"
-          x2="${g.imperial-.5}"
-          y2="${v}"
-          stroke="${o}"
+          x1="${_.imperial-.5}"
+          y1="${y-5}"
+          x2="${_.imperial-.5}"
+          y2="${y}"
+          stroke="${s}"
           stroke-width="1"
         />
         <line
-          x1="${g.metric-.5}"
-          y1="${v}"
-          x2="${g.metric-.5}"
-          y2="${v+5}"
-          stroke="${o}"
+          x1="${_.metric-.5}"
+          y1="${y}"
+          x2="${_.metric-.5}"
+          y2="${y+5}"
+          stroke="${s}"
           stroke-width="1"
         />
         <text
           x="0"
-          y="${v+7+i}"
-          font-size="${i}px"
-          font-family="${a}"
+          y="${y+7+a}"
+          font-size="${a}px"
+          font-family="${o}"
           font-weight="bold"
-          fill="${o}"
+          fill="${s}"
           text-anchor="start"
         >
           0
         </text>
         <text
-          x="${g.imperial}"
-          y="${v-7}"
-          font-size="${i}px"
-          font-family="${a}"
+          x="${_.imperial}"
+          y="${y-7}"
+          font-size="${a}px"
+          font-family="${o}"
           font-weight="bold"
-          fill="${o}"
+          fill="${s}"
           text-anchor="end"
         >
-          ${p.humanized}
+          ${m.humanized}
         </text>
         <text
-          x="${g.metric}"
-          y="${v+7+i}"
-          font-size="${i}px"
-          font-family="${a}"
+          x="${_.metric}"
+          y="${y+7+a}"
+          font-size="${a}px"
+          font-family="${o}"
           font-weight="bold"
-          fill="${o}"
+          fill="${s}"
           text-anchor="end"
         >
-          ${f.humanized}
+          ${p.humanized}
         </text>
       </svg>
-    `}let y=v+i+5;return`
+    `}let b=y+a+5;return`
     <svg
       class="adornment-svg"
       xmlns="http://www.w3.org/2000/svg"
-      width="${_*n}"
-      height="${y*n}"
-      viewBox="0 0 ${_} ${y}"
+      width="${v*n}"
+      height="${b*n}"
+      viewBox="0 0 ${v} ${b}"
     >
       <line
         x1="0"
         y1="4.5"
-        x2="${_}"
+        x2="${v}"
         y2="4.5"
-        stroke="${o}"
+        stroke="${s}"
         stroke-width="1"
       />
       <line
@@ -1102,41 +1102,41 @@ vec4 finalPos=u_coord_matrix*vec4(projected_pos.xy/projected_pos.w+rotation_matr
         y1="0"
         x2="0.5"
         y2="10"
-        stroke="${o}"
+        stroke="${s}"
         stroke-width="1"
       />
       <line
-        x1="${_-.5}"
+        x1="${v-.5}"
         y1="0"
-        x2="${_-.5}"
+        x2="${v-.5}"
         y2="10"
-        stroke="${o}"
+        stroke="${s}"
         stroke-width="1"
       />
       <text
         x="0"
-        y="${i+12}"
-        font-size="${i}px"
-        font-family="${a}"
+        y="${a+12}"
+        font-size="${a}px"
+        font-family="${o}"
         font-weight="bold"
-        fill="${o}"
+        fill="${s}"
         text-anchor="start"
       >
         0
       </text>
       <text
-        x="${_}"
-        y="${i+12}"
-        font-size="${i}px"
-        font-family="${a}"
+        x="${v}"
+        y="${a+12}"
+        font-size="${a}px"
+        font-family="${o}"
         font-weight="bold"
-        fill="${o}"
+        fill="${s}"
         text-anchor="end"
       >
-        ${h?.humanized??``}
+        ${g?.humanized??``}
       </text>
     </svg>
-  `}function jl(e,t,n,r){let i=document.createElement(`div`);i.className=`adornment`;let a=`ArialMT`,o=[e.titleFont??a,e.subtitleFont??a],s=Array.from(new Set(o));return{element:i,ready:Promise.all(s.map(e=>Lr(e,t,n))).then(()=>{i.innerHTML=Ml(e,a,r)})}}function Ml(e,t,n){let{title:r,titleColor:i=`#000000`,titleFont:a=t,titleFontSize:o=20,titleJustify:s=`center`,subtitle:c,subtitleColor:l=`#000000`,subtitleFont:u=t,subtitleFontSize:d=12,subtitleJustify:f=`center`,background:p=`#ffffff`,showBackground:m=!1}=e,h=0,g=0,_=0,v=0,y=0,b=r.trim().length>0?ci([r],a,o):null,x=c.trim().length>0?ci([c],u,d):null;if(h=Math.max(b?.width??0,x?.width??0),b){let{ascent:e,descent:t}=b;g=e+t,v=8+e}if(x){let{ascent:e,descent:t}=x;_=e+t,y=b?v+b.descent+e+6:8+e}let S=h+16,C=g+_+16,w=s===`center`?S/2:s===`right`?S-8:8,T=f===`center`?S/2:f===`right`?S-8:8,E=``;if(E+=`<svg class="adornment-svg" xmlns="http://www.w3.org/2000/svg" width="${S*n}" height="${C*n}" viewBox="0 0 ${S} ${C}">`,E+=`<rect x="0" y="0" width="${S}" height="${C}" fill="${p}" rx="6" style="visibility:${m?`visible`:`hidden`}" />`,b||x){let e=s===`center`?`middle`:s===`right`?`end`:`start`,t=f===`center`?`middle`:f===`right`?`end`:`start`;E+=`<text x="${w}" y="${v}" fill="${i}" font-family="${a}" font-size="${o}" text-anchor="${e}">`,b&&(E+=`${Wr(r)}`),x&&(E+=`<tspan x="${T}" y="${y}" fill="${l}" font-family="${u}" font-size="${d}" text-anchor="${t}">`,E+=`${Wr(c)}`,E+=`</tspan>`),E+=`</text>`}return E+=`</svg>`,E}var Nl=[`top_left`,`top_right`,`bottom_left`,`bottom_right`,`top_center`,`left_center`,`right_center`,`bottom_center`],Pl=new Map;async function Fl(e,t,n,r,i,a,o,s,c,l){let u=[...e.adornments??[]];Il(n,t,c,l);let d=[],f=u.some(e=>![`copyright`,`webControls`].includes(e.type));ua()&&f&&!u.some(e=>e.type===`webControls`)&&u.unshift({type:`webControls`,id:`web_controls`,name:`Web controls`,position:`top_left`,stacking:`vertical`,buttons:[]}),u.forEach(t=>{if(t.type===`custom`)Rl(fe(t,c),t.position,t.stacking);else if(t.type===`scalebar`)Rl(kl(t,n,c),t.position,t.stacking);else if(t.type===`northArrow`)Rl(ji(t,n,c),t.position,t.stacking);else if(t.type===`webControls`&&t.buttons&&l!==`video`)Rl(da(t,n,r,i,f),t.position,t.stacking);else if(t.type===`insetMap`){let{element:e,ready:r}=yl(t,n,o,c);Rl(e,t.position,t.stacking),d.push(r)}else if(t.type===`heading`){let{element:e,ready:n}=jl(t,a,s,c);Rl(e,t.position,t.stacking),d.push(n)}else if(t.type===`manualLegend`){let{element:e,ready:n}=Ai(t,a,s,c);Rl(e,t.position,t.stacking),d.push(n)}else if(t.type===`connectedLegend`){let{element:r,ready:i}=Si(t,e,n,a,s,c);Rl(r,t.position,t.stacking),d.push(i)}else t.type===`copyright`&&l===`video`&&Rl(pa(t,n,c),t.position,t.stacking)}),zl(n),n.on(`moveend`,()=>zl(n)),await Promise.all(d)}function Il(e,t,n,r){let i=e.getContainer();for(let e of Nl){let a=document.createElement(`div`);a.classList.add(`adornment-container`,e),a.style.cssText=Ll(e,t[e],n,r);let o=document.createElement(`div`),s=document.createElement(`div`);o.classList.add(`inner`),s.classList.add(`inner`,`vertical`),a.append(o,s),i.appendChild(a),Pl.set(e,{horizontal:o,vertical:s})}}function Ll(e,t,n,r){let i=p[e],a=``,o=[],s=t.x*n,c=t.y*n,{unit:l}=t;return i.x===`center`?o.push(`translateX(${s}${l})`):a+=`${i.x}: ${s}${l};`,i.y===`center`?o.push(`translateY(${c}${l})`):e===`bottom_right`&&r!==`video`?a+=`${i.y}: max(${c}${l}, 25px);`:a+=`${i.y}: ${c}${l};`,o.length&&(a+=`transform: ${o.join(` `)};`),a}function Rl(e,t,n){ua()&&!e.classList.contains(`web-control`)&&e.classList.add(`hide`),n||=[`left_center`,`right_center`].includes(t)?`vertical`:`horizontal`;let r=Pl.get(t),i=t===`left_center`||t===`right_center`?`vertical`:`horizontal`;r?.[i].hasChildNodes()||(n=i),(r?.[n])?.appendChild(e)}function zl(e){let t=Array.from(document.querySelectorAll(`.adornment, .maplibregl-ctrl-attrib`)),n=[];t.forEach(e=>{let t=e.getBoundingClientRect();t&&n.push([t.x,t.y,t.x+t.width,t.y+t.height])}),e.setLabelFreeAreas(n)}function Bl(e){for(let t of h){let n=g[t];e.layers.find(e=>e.id===n)===void 0&&(e.sources.empty===void 0&&(e.sources.empty={type:`geojson`,data:{type:`FeatureCollection`,features:[]}}),e.layers.push({id:n,type:`fill`,source:`empty`,layout:{visibility:`none`}}))}}function Vl(e,t,n,r,i){e.addSource(t.id,{type:`geojson`,data:{type:`FeatureCollection`,features:t.models.filter(e=>e.visible??!0).map(e=>Hl(t,e,r,i))}}),e.addLayer({id:t.id,type:`fill`,source:t.id,metadata:{"mc-model-type":`polygon`,"mc-group-id":t.id},paint:{"fill-color":[`get`,`fill-color`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n),e.addLayer({id:`${t.id}-pattern`,type:`fill`,source:t.id,filter:[`has`,`fill-pattern`],paint:{"fill-pattern":[`get`,`fill-pattern`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]},metadata:{"mc-model-type":`polygon`,"mc-group-id":t.id}},n),e.addLayer({id:`${t.id}-outline`,type:`line`,source:t.id,metadata:{"mc-model-type":`polygon`,"mc-group-id":t.id},layout:{"line-cap":`round`,"line-join":`round`},paint:{"line-width":[`get`,`outline-width`],"line-color":[`get`,`outline-color`],"line-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n)}function Hl(e,t,n,r){let i=t.fillPattern===void 0?void 0:r.getMapLibreImageKey(n[t.fillPattern],2*window.devicePixelRatio);return{type:`Feature`,id:E(t.id),properties:{id:t.id,"fill-color":e.fillColor||t.fillColor?li(t.dataBindings??{},t.fillColor,e.fillColor):`#000000`,"outline-color":e.outlineColor||t.outlineColor?li(t.dataBindings??{},t.outlineColor,e.outlineColor):`#000000`,"outline-width":t.outlineWidth??0,"fill-pattern":i},geometry:{type:`Polygon`,coordinates:vr(t)}}}function Ul(e,t,n,r,i){e.addSource(t.id,{type:`geojson`,data:{type:`FeatureCollection`,features:t.models.filter(e=>e.visible??!0).map(e=>Wl(t,e,1,r,i))}}),e.addLayer({id:t.id,type:`fill`,source:t.id,metadata:{"mc-model-type":`circle`,"mc-group-id":t.id},filter:[`==`,[`geometry-type`],`Polygon`],paint:{"fill-color":[`get`,`fill-color`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n),e.addLayer({id:`${t.id}-pattern`,type:`fill`,source:t.id,filter:[`has`,`fill-pattern`],paint:{"fill-pattern":[`get`,`fill-pattern`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]},metadata:{"mc-model-type":`circle`,"mc-group-id":t.id}},n),e.addLayer({id:`${t.id}-radius-line`,type:`line`,source:t.id,metadata:{"mc-model-type":`circle`,"mc-group-id":t.id},filter:[`all`,[`==`,[`geometry-type`],`LineString`],[`get`,`radius-line-enabled`]],paint:{"line-color":[`get`,`radius-line-color`],"line-width":[`get`,`radius-line-width`],"line-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n),e.addLayer({id:`${t.id}-outline`,type:`line`,source:t.id,metadata:{"mc-model-type":`circle`,"mc-group-id":t.id},filter:[`==`,[`geometry-type`],`Polygon`],layout:{"line-cap":`round`,"line-join":`round`},paint:{"line-width":[`get`,`outline-width`],"line-color":[`get`,`outline-color`],"line-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n)}function Wl(e,t,n,r,i){let a=t.fillPattern===void 0?void 0:i.getMapLibreImageKey(r[t.fillPattern],2*window.devicePixelRatio);return{type:`Feature`,id:E(t.id),properties:{id:t.id,"fill-color":e.fillColor||t.fillColor?li(t.dataBindings??{},t.fillColor,e.fillColor):`#000000`,"outline-color":e.outlineColor||t.outlineColor?li(t.dataBindings??{},t.outlineColor,e.outlineColor):`#000000`,"outline-width":t.outlineWidth??0,"fill-pattern":a,"radius-line-enabled":t.radiusLineEnabled??!1,"radius-line-color":e.radiusLineColor||t.radiusLineColor?li(t.dataBindings??{},t.radiusLineColor,e.radiusLineColor):`#000000`,"radius-line-width":t.radiusLineWidth??0},geometry:{type:`GeometryCollection`,geometries:[{type:`Polygon`,coordinates:[pr(t.center,t.radius*n)]},{type:`LineString`,coordinates:mr(t.center,t.radius*n,t.radiusLineBearing??0)}]}}}var Gl=`Roboto-Regular`;function Kl(e,t,n,r,i){let a=[],o=new Set,s=new Set,c=[`match`,[`get`,`text-font`]],l=!!t.clustering;for(let n of t.models)(n.visible??!0)&&a.push(Jl(e,t,n,1,r,i)),o.add(n.textFont),s.add(n.textLineHeight??1.2);if(Array.from(o).length>0){for(let e of Array.from(o))c.push(e,[`literal`,[e,Gl]]);c.push([`literal`,[Gl]])}e.addSource(t.id,{type:`geojson`,data:{type:`FeatureCollection`,features:a},cluster:l,clusterRadius:t.clusterRadius??50,clusterMaxZoom:t.clusterMaxZoom??14});let u=!t.collisionDetection,d=t.labelCollisionDetection===void 0?u:!t.labelCollisionDetection;s.forEach(r=>{e.addLayer({id:`${t.id}-${r}`,type:`symbol`,source:t.id,metadata:{"mc-model-type":`marker`,"mc-group-id":t.id},layout:{"icon-allow-overlap":u,"icon-ignore-placement":u,"text-allow-overlap":d,"text-ignore-placement":d,"text-optional":!0,"icon-image":[`get`,`mc-image-key`],"icon-anchor":[`get`,`icon-anchor`],"icon-size":[`get`,`icon-size`],"icon-rotate":[`get`,`icon-rotate`],"icon-offset":[`get`,`icon-offset`],"text-field":`{text}`,"text-font":c,"text-max-width":[`get`,`text-max-width`],"text-offset":[`get`,`text-offset`],"text-rotate":[`get`,`text-rotate`],"text-size":[`get`,`text-size`],"text-anchor":[`get`,`text-anchor`],"text-letter-spacing":[`get`,`text-letter-spacing`],"text-line-height":r,"text-justify":[`get`,`text-justify`]},paint:{"icon-opacity":[`coalesce`,[`feature-state`,`opacity`],1],"text-color":[`get`,`text-color`],"text-halo-color":[`get`,`text-halo-color`],"text-halo-width":[`get`,`text-halo-width`],"text-opacity":[`coalesce`,[`feature-state`,`opacity`],1]},filter:[`all`,[`==`,[`get`,`text-line-height`],r],[`!`,[`has`,`point_count`]]]},n)}),l&&(e.addLayer({id:`${t.id}-circle-cluster`,type:`circle`,source:t.id,filter:[`has`,`point_count`],paint:{"circle-color":{property:`point_count`,type:`interval`,stops:t.clusterCircleColor??[]},"circle-radius":{property:`point_count`,type:`interval`,stops:t.clusterCircleRadius??[]}}}),e.addLayer({id:`${t.id}-text-cluster`,type:`symbol`,source:t.id,filter:[`has`,`point_count`],paint:{"text-color":{property:`point_count`,type:`interval`,stops:t.clusterTextColor??[]}},layout:{"text-font":[`literal`,[Gl]],"text-field":`{point_count_abbreviated}`,"text-size":{property:`point_count`,type:`interval`,stops:t.clusterTextSize??[]}}}),e.addSource(`${t.id}-selected-element`,{type:`geojson`,data:{type:`FeatureCollection`,features:[]}}),s.forEach(n=>{e.addLayer({id:`${t.id}-selected-element-${n}`,type:`symbol`,source:`${t.id}-selected-element`,metadata:{"mc-model-type":`marker`,"mc-group-id":t.id},layout:{"icon-allow-overlap":!0,"icon-ignore-placement":!0,"text-allow-overlap":!0,"text-ignore-placement":!0,"icon-image":[`get`,`mc-image-key`],"icon-anchor":[`get`,`icon-anchor`],"icon-size":[`get`,`icon-size`],"icon-rotate":[`get`,`icon-rotate`],"icon-offset":[`get`,`icon-offset`],"text-field":`{text}`,"text-font":c,"text-max-width":[`get`,`text-max-width`],"text-offset":[`get`,`text-offset`],"text-rotate":[`get`,`text-rotate`],"text-size":[`get`,`text-size`],"text-anchor":[`get`,`text-anchor`],"text-letter-spacing":[`get`,`text-letter-spacing`],"text-line-height":n,"text-justify":[`get`,`text-justify`]},paint:{"icon-opacity":[`coalesce`,[`feature-state`,`opacity`],[`global-state`,`opacity-${t.id}`],1],"text-color":[`get`,`text-color`],"text-halo-color":[`get`,`text-halo-color`],"text-halo-width":[`get`,`text-halo-width`],"text-opacity":[`coalesce`,[`feature-state`,`opacity`],[`global-state`,`opacity-${t.id}`],1]},filter:[`all`,[`==`,[`get`,`text-line-height`],n],[`!`,[`has`,`point_count`]]]})}),ql(e,t))}function ql(e,t){e.on(`click`,`${t.id}-circle-cluster`,async t=>{let n=e.queryRenderedFeatures(t.point).find(e=>e.properties.cluster);if(!n)return;let r=e.getSource(n.source);if(!r)return;let i=await r.getClusterExpansionZoom(Number(n.id));e.easeTo({center:n.geometry.coordinates,zoom:i})})}function Jl(e,t,n,r,i,a){let o=n.svg===void 0?void 0:di(n.dataBindings??{},i[n.svg],t.svg?i[t.svg]:void 0),s=o===void 0?void 0:a.getMapLibreImageKey(o,window.devicePixelRatio*(n.iconScale??1)*e.getScale()),c=o===void 0?void 0:ni(o);return{type:`Feature`,id:E(n.id),properties:{id:n.id,"mc-image-key":s,"icon-anchor":n.iconAnchor??`center`,"icon-rotate":n.iconRotation??0,"icon-offset":n.iconOffset??[0,0],"icon-size":(n.iconScale??1)*r,"icon-collision-box":c??[0,0,0,0],text:t.text||n.text?ui(n.dataBindings??{},n.text,t.text):void 0,"text-anchor":n.textAnchor??`center`,"text-font":n.textFont,"text-offset":[(n.textOffset?.[0]??0)/(n.textSize??16),(n.textOffset?.[1]??0)/(n.textSize??16)],"text-rotate":n.textRotation??0,"text-max-width":n.textMaxWidth??10,"text-size":(n.textSize??16)*r,"text-color":t.textColor||n.textColor?li(n.dataBindings??{},n.textColor,t.textColor):`#000000`,"text-halo-color":t.textHaloColor||n.textHaloColor?li(n.dataBindings??{},n.textHaloColor,t.textHaloColor):`#000000`,"text-halo-width":n.textHaloWidth??0,"text-line-height":n.textLineHeight??1.2,"text-letter-spacing":n.textLetterSpacing??0,"text-justify":n.textJustify??`center`},geometry:{type:`Point`,coordinates:[n.lngLat.lng,n.lngLat.lat]}}}async function Yl(e,t,n,r,i,a){let o=await Promise.all(t.map(e=>`${r}/styles/${e}.json?access_token=${i}`).map(e=>fetch(e).then(e=>e.json()))),s=te(o.map(e=>e.sprite).filter(e=>typeof e==`string`));await Promise.all(s.map(e=>n.loadSprite(e).then(e=>n.addImages(e)).catch(()=>{})));for(let t=0;t<e.length;t++){let r=e[t],i=o[t];for(let e of i.layers)e.metadata===void 0&&(e.metadata={}),e.metadata[`mc-original-layer-id`]=e.id,e.id=`${r} | ${e.id}`;Xl(i,n,a)}return o}function Xl(e,t,n){for(let n in e.sources)t.getSource(n)===void 0&&t.addSource(n,e.sources[n]);for(let r of e.layers){t.getLayer(r.id)!==void 0&&t.removeLayer(r.id);let e=r.metadata?.[`mc-add-before`]??`mc-before-none`;t.addLayer(Zl(r,n),e)}}function Zl(e,t){let n=t??{},r=e.metadata?.[`mc-original-layer-id`],i=r===void 0?{}:n[r]??{},a={...e,layout:{...e.layout,...i.layout},paint:{...e.paint,...i.paint},metadata:{...e.metadata,...i.metadata}};return i.minzoom!==void 0&&(a.minzoom=i.minzoom),i.maxzoom!==void 0&&(a.maxzoom=i.maxzoom),`filter`in i&&a.type!==`background`&&(a.filter=i.filter),a}var Ql=`<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="currentColor"><path d="m0 4.647 4.282 4.4a.814.814 0 0 0 1.166-1.134L2.27 4.647l3.178-3.266A.814.814 0 1 0 4.282.246z"/></svg>
+  `}function jl(e,t,n,r){let i=document.createElement(`div`);i.className=`adornment`;let a=`ArialMT`,o=[e.titleFont??a,e.subtitleFont??a],s=Array.from(new Set(o));return{element:i,ready:Promise.all(s.map(e=>Lr(e,t,n))).then(()=>{i.innerHTML=Ml(e,a,r)})}}function Ml(e,t,n){let{title:r,titleColor:i=`#000000`,titleFont:a=t,titleFontSize:o=20,titleJustify:s=`center`,subtitle:c,subtitleColor:l=`#000000`,subtitleFont:u=t,subtitleFontSize:d=12,subtitleJustify:f=`center`,background:p=`#ffffff`,showBackground:m=!1}=e,h=0,g=0,_=0,v=0,y=0,b=r.trim().length>0?ci([r],a,o):null,x=c.trim().length>0?ci([c],u,d):null;if(h=Math.max(b?.width??0,x?.width??0),b){let{ascent:e,descent:t}=b;g=e+t,v=8+e}if(x){let{ascent:e,descent:t}=x;_=e+t,y=b?v+b.descent+e+6:8+e}let S=h+16,C=g+_+16,w=s===`center`?S/2:s===`right`?S-8:8,T=f===`center`?S/2:f===`right`?S-8:8,E=``;if(E+=`<svg class="adornment-svg" xmlns="http://www.w3.org/2000/svg" width="${S*n}" height="${C*n}" viewBox="0 0 ${S} ${C}">`,E+=`<rect x="0" y="0" width="${S}" height="${C}" fill="${p}" rx="6" style="visibility:${m?`visible`:`hidden`}" />`,b||x){let e=s===`center`?`middle`:s===`right`?`end`:`start`,t=f===`center`?`middle`:f===`right`?`end`:`start`;E+=`<text x="${w}" y="${v}" fill="${i}" font-family="${a}" font-size="${o}" text-anchor="${e}">`,b&&(E+=`${Wr(r)}`),x&&(E+=`<tspan x="${T}" y="${y}" fill="${l}" font-family="${u}" font-size="${d}" text-anchor="${t}">`,E+=`${Wr(c)}`,E+=`</tspan>`),E+=`</text>`}return E+=`</svg>`,E}var Nl=[`top_left`,`top_right`,`bottom_left`,`bottom_right`,`top_center`,`left_center`,`right_center`,`bottom_center`],Pl=new Map;async function Fl(e,t,n,r,i,a,o,s,c,l){let u=[...e.adornments??[]];Il(n,t,c,l);let d=[],f=u.some(e=>![`copyright`,`webControls`].includes(e.type));ua()&&f&&!u.some(e=>e.type===`webControls`)&&u.unshift({type:`webControls`,id:`web_controls`,name:`Web controls`,position:`top_left`,stacking:`vertical`,buttons:[]}),u.forEach(t=>{if(t.type===`custom`)Rl(fe(t,c),t.position,t.stacking);else if(t.type===`northArrow`)Rl(ji(t,n,c),t.position,t.stacking);else if(t.type===`webControls`&&t.buttons&&l!==`video`)Rl(da(t,n,r,i,f),t.position,t.stacking);else if(t.type===`scalebar`){let{element:e,ready:r}=kl(t,n,a,s,c);Rl(e,t.position,t.stacking),d.push(r)}else if(t.type===`insetMap`){let{element:e,ready:r}=yl(t,n,o,c);Rl(e,t.position,t.stacking),d.push(r)}else if(t.type===`heading`){let{element:e,ready:n}=jl(t,a,s,c);Rl(e,t.position,t.stacking),d.push(n)}else if(t.type===`manualLegend`){let{element:e,ready:n}=Ai(t,a,s,c);Rl(e,t.position,t.stacking),d.push(n)}else if(t.type===`connectedLegend`){let{element:r,ready:i}=Si(t,e,n,a,s,c);Rl(r,t.position,t.stacking),d.push(i)}else t.type===`copyright`&&l===`video`&&Rl(pa(t,n,c),t.position,t.stacking)}),zl(n),n.on(`moveend`,()=>zl(n)),await Promise.all(d)}function Il(e,t,n,r){let i=e.getContainer();for(let e of Nl){let a=document.createElement(`div`);a.classList.add(`adornment-container`,e),a.style.cssText=Ll(e,t[e],n,r);let o=document.createElement(`div`),s=document.createElement(`div`);o.classList.add(`inner`),s.classList.add(`inner`,`vertical`),a.append(o,s),i.appendChild(a),Pl.set(e,{horizontal:o,vertical:s})}}function Ll(e,t,n,r){let i=p[e],a=``,o=[],s=t.x*n,c=t.y*n,{unit:l}=t;return i.x===`center`?o.push(`translateX(${s}${l})`):a+=`${i.x}: ${s}${l};`,i.y===`center`?o.push(`translateY(${c}${l})`):e===`bottom_right`&&r!==`video`?a+=`${i.y}: max(${c}${l}, 25px);`:a+=`${i.y}: ${c}${l};`,o.length&&(a+=`transform: ${o.join(` `)};`),a}function Rl(e,t,n){ua()&&!e.classList.contains(`web-control`)&&e.classList.add(`hide`),n||=[`left_center`,`right_center`].includes(t)?`vertical`:`horizontal`;let r=Pl.get(t),i=t===`left_center`||t===`right_center`?`vertical`:`horizontal`;r?.[i].hasChildNodes()||(n=i),(r?.[n])?.appendChild(e)}function zl(e){let t=Array.from(document.querySelectorAll(`.adornment, .maplibregl-ctrl-attrib`)),n=[];t.forEach(e=>{let t=e.getBoundingClientRect();t&&n.push([t.x,t.y,t.x+t.width,t.y+t.height])}),e.setLabelFreeAreas(n)}function Bl(e){for(let t of h){let n=g[t];e.layers.find(e=>e.id===n)===void 0&&(e.sources.empty===void 0&&(e.sources.empty={type:`geojson`,data:{type:`FeatureCollection`,features:[]}}),e.layers.push({id:n,type:`fill`,source:`empty`,layout:{visibility:`none`}}))}}function Vl(e,t,n,r,i){e.addSource(t.id,{type:`geojson`,data:{type:`FeatureCollection`,features:t.models.filter(e=>e.visible??!0).map(e=>Hl(t,e,r,i))}}),e.addLayer({id:t.id,type:`fill`,source:t.id,metadata:{"mc-model-type":`polygon`,"mc-group-id":t.id},paint:{"fill-color":[`get`,`fill-color`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n),e.addLayer({id:`${t.id}-pattern`,type:`fill`,source:t.id,filter:[`has`,`fill-pattern`],paint:{"fill-pattern":[`get`,`fill-pattern`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]},metadata:{"mc-model-type":`polygon`,"mc-group-id":t.id}},n),e.addLayer({id:`${t.id}-outline`,type:`line`,source:t.id,metadata:{"mc-model-type":`polygon`,"mc-group-id":t.id},layout:{"line-cap":`round`,"line-join":`round`},paint:{"line-width":[`get`,`outline-width`],"line-color":[`get`,`outline-color`],"line-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n)}function Hl(e,t,n,r){let i=t.fillPattern===void 0?void 0:r.getMapLibreImageKey(n[t.fillPattern],2*window.devicePixelRatio);return{type:`Feature`,id:E(t.id),properties:{id:t.id,"fill-color":e.fillColor||t.fillColor?li(t.dataBindings??{},t.fillColor,e.fillColor):`#000000`,"outline-color":e.outlineColor||t.outlineColor?li(t.dataBindings??{},t.outlineColor,e.outlineColor):`#000000`,"outline-width":t.outlineWidth??0,"fill-pattern":i},geometry:{type:`Polygon`,coordinates:vr(t)}}}function Ul(e,t,n,r,i){e.addSource(t.id,{type:`geojson`,data:{type:`FeatureCollection`,features:t.models.filter(e=>e.visible??!0).map(e=>Wl(t,e,1,r,i))}}),e.addLayer({id:t.id,type:`fill`,source:t.id,metadata:{"mc-model-type":`circle`,"mc-group-id":t.id},filter:[`==`,[`geometry-type`],`Polygon`],paint:{"fill-color":[`get`,`fill-color`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n),e.addLayer({id:`${t.id}-pattern`,type:`fill`,source:t.id,filter:[`has`,`fill-pattern`],paint:{"fill-pattern":[`get`,`fill-pattern`],"fill-opacity":[`coalesce`,[`feature-state`,`opacity`],1]},metadata:{"mc-model-type":`circle`,"mc-group-id":t.id}},n),e.addLayer({id:`${t.id}-radius-line`,type:`line`,source:t.id,metadata:{"mc-model-type":`circle`,"mc-group-id":t.id},filter:[`all`,[`==`,[`geometry-type`],`LineString`],[`get`,`radius-line-enabled`]],paint:{"line-color":[`get`,`radius-line-color`],"line-width":[`get`,`radius-line-width`],"line-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n),e.addLayer({id:`${t.id}-outline`,type:`line`,source:t.id,metadata:{"mc-model-type":`circle`,"mc-group-id":t.id},filter:[`==`,[`geometry-type`],`Polygon`],layout:{"line-cap":`round`,"line-join":`round`},paint:{"line-width":[`get`,`outline-width`],"line-color":[`get`,`outline-color`],"line-opacity":[`coalesce`,[`feature-state`,`opacity`],1]}},n)}function Wl(e,t,n,r,i){let a=t.fillPattern===void 0?void 0:i.getMapLibreImageKey(r[t.fillPattern],2*window.devicePixelRatio);return{type:`Feature`,id:E(t.id),properties:{id:t.id,"fill-color":e.fillColor||t.fillColor?li(t.dataBindings??{},t.fillColor,e.fillColor):`#000000`,"outline-color":e.outlineColor||t.outlineColor?li(t.dataBindings??{},t.outlineColor,e.outlineColor):`#000000`,"outline-width":t.outlineWidth??0,"fill-pattern":a,"radius-line-enabled":t.radiusLineEnabled??!1,"radius-line-color":e.radiusLineColor||t.radiusLineColor?li(t.dataBindings??{},t.radiusLineColor,e.radiusLineColor):`#000000`,"radius-line-width":t.radiusLineWidth??0},geometry:{type:`GeometryCollection`,geometries:[{type:`Polygon`,coordinates:[pr(t.center,t.radius*n)]},{type:`LineString`,coordinates:mr(t.center,t.radius*n,t.radiusLineBearing??0)}]}}}var Gl=`Roboto-Regular`;function Kl(e,t,n,r,i){let a=[],o=new Set,s=new Set,c=[`match`,[`get`,`text-font`]],l=!!t.clustering;for(let n of t.models)(n.visible??!0)&&a.push(Jl(e,t,n,1,r,i)),o.add(n.textFont),s.add(n.textLineHeight??1.2);if(Array.from(o).length>0){for(let e of Array.from(o))c.push(e,[`literal`,[e,Gl]]);c.push([`literal`,[Gl]])}e.addSource(t.id,{type:`geojson`,data:{type:`FeatureCollection`,features:a},cluster:l,clusterRadius:t.clusterRadius??50,clusterMaxZoom:t.clusterMaxZoom??14});let u=!t.collisionDetection,d=t.labelCollisionDetection===void 0?u:!t.labelCollisionDetection;s.forEach(r=>{e.addLayer({id:`${t.id}-${r}`,type:`symbol`,source:t.id,metadata:{"mc-model-type":`marker`,"mc-group-id":t.id},layout:{"icon-allow-overlap":u,"icon-ignore-placement":u,"text-allow-overlap":d,"text-ignore-placement":d,"text-optional":!0,"icon-image":[`get`,`mc-image-key`],"icon-anchor":[`get`,`icon-anchor`],"icon-size":[`get`,`icon-size`],"icon-rotate":[`get`,`icon-rotate`],"icon-offset":[`get`,`icon-offset`],"text-field":`{text}`,"text-font":c,"text-max-width":[`get`,`text-max-width`],"text-offset":[`get`,`text-offset`],"text-rotate":[`get`,`text-rotate`],"text-size":[`get`,`text-size`],"text-anchor":[`get`,`text-anchor`],"text-letter-spacing":[`get`,`text-letter-spacing`],"text-line-height":r,"text-justify":[`get`,`text-justify`]},paint:{"icon-opacity":[`coalesce`,[`feature-state`,`opacity`],1],"text-color":[`get`,`text-color`],"text-halo-color":[`get`,`text-halo-color`],"text-halo-width":[`get`,`text-halo-width`],"text-opacity":[`coalesce`,[`feature-state`,`opacity`],1]},filter:[`all`,[`==`,[`get`,`text-line-height`],r],[`!`,[`has`,`point_count`]]]},n)}),l&&(e.addLayer({id:`${t.id}-circle-cluster`,type:`circle`,source:t.id,filter:[`has`,`point_count`],paint:{"circle-color":{property:`point_count`,type:`interval`,stops:t.clusterCircleColor??[]},"circle-radius":{property:`point_count`,type:`interval`,stops:t.clusterCircleRadius??[]}}}),e.addLayer({id:`${t.id}-text-cluster`,type:`symbol`,source:t.id,filter:[`has`,`point_count`],paint:{"text-color":{property:`point_count`,type:`interval`,stops:t.clusterTextColor??[]}},layout:{"text-font":[`literal`,[Gl]],"text-field":`{point_count_abbreviated}`,"text-size":{property:`point_count`,type:`interval`,stops:t.clusterTextSize??[]}}}),e.addSource(`${t.id}-selected-element`,{type:`geojson`,data:{type:`FeatureCollection`,features:[]}}),s.forEach(n=>{e.addLayer({id:`${t.id}-selected-element-${n}`,type:`symbol`,source:`${t.id}-selected-element`,metadata:{"mc-model-type":`marker`,"mc-group-id":t.id},layout:{"icon-allow-overlap":!0,"icon-ignore-placement":!0,"text-allow-overlap":!0,"text-ignore-placement":!0,"icon-image":[`get`,`mc-image-key`],"icon-anchor":[`get`,`icon-anchor`],"icon-size":[`get`,`icon-size`],"icon-rotate":[`get`,`icon-rotate`],"icon-offset":[`get`,`icon-offset`],"text-field":`{text}`,"text-font":c,"text-max-width":[`get`,`text-max-width`],"text-offset":[`get`,`text-offset`],"text-rotate":[`get`,`text-rotate`],"text-size":[`get`,`text-size`],"text-anchor":[`get`,`text-anchor`],"text-letter-spacing":[`get`,`text-letter-spacing`],"text-line-height":n,"text-justify":[`get`,`text-justify`]},paint:{"icon-opacity":[`coalesce`,[`feature-state`,`opacity`],[`global-state`,`opacity-${t.id}`],1],"text-color":[`get`,`text-color`],"text-halo-color":[`get`,`text-halo-color`],"text-halo-width":[`get`,`text-halo-width`],"text-opacity":[`coalesce`,[`feature-state`,`opacity`],[`global-state`,`opacity-${t.id}`],1]},filter:[`all`,[`==`,[`get`,`text-line-height`],n],[`!`,[`has`,`point_count`]]]})}),ql(e,t))}function ql(e,t){e.on(`click`,`${t.id}-circle-cluster`,async t=>{let n=e.queryRenderedFeatures(t.point).find(e=>e.properties.cluster);if(!n)return;let r=e.getSource(n.source);if(!r)return;let i=await r.getClusterExpansionZoom(Number(n.id));e.easeTo({center:n.geometry.coordinates,zoom:i})})}function Jl(e,t,n,r,i,a){let o=n.svg===void 0?void 0:di(n.dataBindings??{},i[n.svg],t.svg?i[t.svg]:void 0),s=o===void 0?void 0:a.getMapLibreImageKey(o,window.devicePixelRatio*(n.iconScale??1)*e.getScale()),c=o===void 0?void 0:ni(o);return{type:`Feature`,id:E(n.id),properties:{id:n.id,"mc-image-key":s,"icon-anchor":n.iconAnchor??`center`,"icon-rotate":n.iconRotation??0,"icon-offset":n.iconOffset??[0,0],"icon-size":(n.iconScale??1)*r,"icon-collision-box":c??[0,0,0,0],text:t.text||n.text?ui(n.dataBindings??{},n.text,t.text):void 0,"text-anchor":n.textAnchor??`center`,"text-font":n.textFont,"text-offset":[(n.textOffset?.[0]??0)/(n.textSize??16),(n.textOffset?.[1]??0)/(n.textSize??16)],"text-rotate":n.textRotation??0,"text-max-width":n.textMaxWidth??10,"text-size":(n.textSize??16)*r,"text-color":t.textColor||n.textColor?li(n.dataBindings??{},n.textColor,t.textColor):`#000000`,"text-halo-color":t.textHaloColor||n.textHaloColor?li(n.dataBindings??{},n.textHaloColor,t.textHaloColor):`#000000`,"text-halo-width":n.textHaloWidth??0,"text-line-height":n.textLineHeight??1.2,"text-letter-spacing":n.textLetterSpacing??0,"text-justify":n.textJustify??`center`},geometry:{type:`Point`,coordinates:[n.lngLat.lng,n.lngLat.lat]}}}async function Yl(e,t,n,r,i,a){let o=await Promise.all(t.map(e=>`${r}/styles/${e}.json?access_token=${i}`).map(e=>fetch(e).then(e=>e.json()))),s=te(o.map(e=>e.sprite).filter(e=>typeof e==`string`));await Promise.all(s.map(e=>n.loadSprite(e).then(e=>n.addImages(e)).catch(()=>{})));for(let t=0;t<e.length;t++){let r=e[t],i=o[t];for(let e of i.layers)e.metadata===void 0&&(e.metadata={}),e.metadata[`mc-original-layer-id`]=e.id,e.id=`${r} | ${e.id}`;Xl(i,n,a)}return o}function Xl(e,t,n){for(let n in e.sources)t.getSource(n)===void 0&&t.addSource(n,e.sources[n]);for(let r of e.layers){t.getLayer(r.id)!==void 0&&t.removeLayer(r.id);let e=r.metadata?.[`mc-add-before`]??`mc-before-none`;t.addLayer(Zl(r,n),e)}}function Zl(e,t){let n=t??{},r=e.metadata?.[`mc-original-layer-id`],i=r===void 0?{}:n[r]??{},a={...e,layout:{...e.layout,...i.layout},paint:{...e.paint,...i.paint},metadata:{...e.metadata,...i.metadata}};return i.minzoom!==void 0&&(a.minzoom=i.minzoom),i.maxzoom!==void 0&&(a.maxzoom=i.maxzoom),`filter`in i&&a.type!==`background`&&(a.filter=i.filter),a}var Ql=`<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="currentColor"><path d="m0 4.647 4.282 4.4a.814.814 0 0 0 1.166-1.134L2.27 4.647l3.178-3.266A.814.814 0 1 0 4.282.246z"/></svg>
 `,$l=`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="currentColor"><path d="M.21.71a.714.714 0 0 1 1.011 0l3.78 3.78L8.778.71a.715.715 0 0 1 1.013 1.01L6.01 5.501l3.78 3.778a.715.715 0 0 1-1.01 1.012L5 6.51l-3.779 3.78A.716.716 0 0 1 .21 9.28L3.99 5.5.21 1.721A.714.714 0 0 1 .21.71"/></svg>
 `,eu=`<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="currentColor"><path d="m5.678 4.647-4.282 4.4A.814.814 0 1 1 .23 7.914l3.177-3.266L.23 1.381A.814.814 0 1 1 1.396.246z"/></svg>
 `,tu=`<svg width="20" height="20" viewBox="0 0 40 40" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 4.167 1.667 35.834h36.667z" stroke-width="2" stroke-linejoin="round"/><path d="M20 29.167v.834m0-14.167.007 8.333" stroke-width="2" stroke-linecap="round"/></svg>