@mapcreator/sdk 0.0.0-video.2 → 0.0.0-video.3

package/dist/mapcreator-sdk.js

@@ -38240,6 +38240,47 @@ var Qc = {
 	"fog-ground-blend": .5,
 	"atmosphere-blend": 1
 }, $c = {
+	top_left: {
+		x: 5,
+		y: 5,
+		unit: "px"
+	},
+	top_center: {
+		x: 0,
+		y: 5,
+		unit: "px"
+	},
+	top_right: {
+		x: 5,
+		y: 5,
+		unit: "px"
+	},
+	right_center: {
+		x: 5,
+		y: 0,
+		unit: "px"
+	},
+	bottom_right: {
+		x: 5,
+		y: 5,
+		unit: "px"
+	},
+	bottom_center: {
+		x: 0,
+		y: 5,
+		unit: "px"
+	},
+	bottom_left: {
+		x: 5,
+		y: 5,
+		unit: "px"
+	},
+	left_center: {
+		x: 5,
+		y: 0,
+		unit: "px"
+	}
+}, el = {
 	top_left: {
 		x: "left",
 		y: "top"
@@ -38272,7 +38313,7 @@ var Qc = {
 		x: "left",
 		y: "center"
 	}
-}, el = [
+}, tl = [
 	"top_left",
 	"top_right",
 	"bottom_left",
@@ -38281,35 +38322,37 @@ var Qc = {
 	"left_center",
 	"right_center",
 	"bottom_center"
-], tl = /* @__PURE__ */ new Map();
-function nl(e, t, n, r, i, a, o) {
-	let { adornments: s = [] } = e;
-	rl(n, t), s.forEach((t) => {
-		t.type === "custom" ? al(j(t), t.position, t.stacking) : t.type === "scalebar" ? al(Jc(t, n), t.position, t.stacking) : t.type === "northArrow" ? al(oi(t, n), t.position, t.stacking) : t.type === "webControls" && t.buttons ? al(Ri(t, n, r), t.position, t.stacking) : t.type === "insetMap" ? al(Rc(t, n, a), t.position, t.stacking) : t.type === "heading" ? al(Xc(t, i, o), t.position, t.stacking) : t.type === "manualLegend" ? al(ai(t, i, o), t.position, t.stacking) : t.type === "connectedLegend" && al(Zr(t, e, n, i, o), t.position, t.stacking);
-	}), ol(n), n.on("moveend", () => ol(n));
-}
-function rl(e, t) {
-	let n = e.getContainer();
-	for (let e of el) {
-		let r = document.createElement("div");
-		r.classList.add("adornment-container", `${e}`), t?.[e] && (r.style.cssText = il(e, t));
-		let i = document.createElement("div"), a = document.createElement("div");
-		r.classList.add("adornment-container", e), i.classList.add("inner"), a.classList.add("inner", "vertical"), r.append(i, a), n.appendChild(r), tl.set(e, {
-			horizontal: i,
-			vertical: a
+], nl = /* @__PURE__ */ new Map();
+function rl(e, t, n, r, i, a, o, s, c) {
+	let { adornments: l = [] } = e;
+	il(n, t, s, c), l.forEach((t) => {
+		t.type === "custom" ? ol(j(t), t.position, t.stacking) : t.type === "scalebar" ? ol(Jc(t, n), t.position, t.stacking) : t.type === "northArrow" ? ol(oi(t, n), t.position, t.stacking) : t.type === "webControls" && t.buttons ? ol(Ri(t, n, r), t.position, t.stacking) : t.type === "insetMap" ? ol(Rc(t, n, a), t.position, t.stacking) : t.type === "heading" ? ol(Xc(t, i, o), t.position, t.stacking) : t.type === "manualLegend" ? ol(ai(t, i, o), t.position, t.stacking) : t.type === "connectedLegend" && ol(Zr(t, e, n, i, o), t.position, t.stacking);
+	}), sl(n), n.on("moveend", () => sl(n));
+}
+function il(e, t, n, r) {
+	let i = e.getContainer();
+	for (let e of tl) {
+		let a = document.createElement("div");
+		a.classList.add("adornment-container", e), a.style.cssText = al(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), nl.set(e, {
+			horizontal: o,
+			vertical: s
 		});
 	}
 }
-function il(e, t) {
-	let n = $c[e], { x: r, y: i, unit: a } = t[e], o = "", s = [];
-	return n.x === "center" ? s.push(`translateX(${r}${a})`) : o += `${n.x}: ${r}${a};`, n.y === "center" ? s.push(`translateY(${i}${a})`) : e === "bottom_right" ? o += `${n.y}: max(${i}${a}, 25px);` : o += `${n.y}: ${i}${a};`, s.length && (o += `transform: ${s.join(" ")};`), o;
+function al(e, t, n, r) {
+	let i = el[e], a = "", o = [], s = t.x * n, c = t.y * n;
+	o.push(`scale(${n})`);
+	let { 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 al(e, t, n) {
+function ol(e, t, n) {
 	n ||= ["left_center", "right_center"].includes(t) ? "vertical" : "horizontal";
-	let r = tl.get(t), i = t === "left_center" || t === "right_center" ? "vertical" : "horizontal";
+	let r = nl.get(t), i = t === "left_center" || t === "right_center" ? "vertical" : "horizontal";
 	r?.[i].hasChildNodes() || (n = i), (r?.[n])?.appendChild(e);
 }
-function ol(e) {
+function sl(e) {
 	let t = Array.from(document.querySelectorAll(".adornment, .maplibregl-ctrl-attrib")), n = [];
 	t.forEach((e) => {
 		let t = e.getBoundingClientRect();
@@ -38323,12 +38366,12 @@ function ol(e) {
 }
 //#endregion
 //#region src/models/polygon.ts
-function sl(e, t, n, r, i) {
+function cl(e, t, n, r, i) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((e) => cl(t, e, r, i))
+			features: t.models.filter((e) => e.visible ?? !0).map((e) => ll(t, e, r, i))
 		}
 	}), e.addLayer({
 		id: t.id,
@@ -38367,7 +38410,7 @@ function sl(e, t, n, r, i) {
 		}
 	}, n);
 }
-function cl(e, t, n, r) {
+function ll(e, t, n, r) {
 	let i = t.fillPattern === void 0 ? void 0 : r.getMapLibreImageKey(n[t.fillPattern], 2 * window.devicePixelRatio);
 	return {
 		type: "Feature",
@@ -38387,12 +38430,12 @@ function cl(e, t, n, r) {
 }
 //#endregion
 //#region src/models/circle.ts
-function ll(e, t, n, r, i) {
+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) => ul(t, e, r, i))
+			features: t.models.filter((e) => e.visible ?? !0).map((e) => dl(t, e, r, i))
 		}
 	}), e.addLayer({
 		id: t.id,
@@ -38462,7 +38505,7 @@ function ll(e, t, n, r, i) {
 		}
 	}, n);
 }
-function ul(e, t, n, r) {
+function dl(e, t, n, r) {
 	let i = t.fillPattern === void 0 ? void 0 : r.getMapLibreImageKey(n[t.fillPattern], 2 * window.devicePixelRatio);
 	return {
 		type: "Feature",
@@ -38491,13 +38534,13 @@ function ul(e, t, n, r) {
 }
 //#endregion
 //#region src/models/marker.ts
-var dl = "Roboto-Regular";
-function fl(e, t, n, r, i) {
+var fl = "Roboto-Regular";
+function pl(e, t, n, r, i) {
 	let a = [], o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = ["match", ["get", "text-font"]], l = !!t.clustering;
-	for (let e of t.models) (e.visible ?? !0) && a.push(ml(t, e, r, i)), o.add(e.textFont), s.add(e.textLineHeight ?? 1.2);
+	for (let e of t.models) (e.visible ?? !0) && a.push(hl(t, e, r, i)), o.add(e.textFont), s.add(e.textLineHeight ?? 1.2);
 	if (Array.from(o).length > 0) {
-		for (let e of Array.from(o)) c.push(e, ["literal", [e, dl]]);
-		c.push(["literal", [dl]]);
+		for (let e of Array.from(o)) c.push(e, ["literal", [e, fl]]);
+		c.push(["literal", [fl]]);
 	}
 	e.addSource(t.id, {
 		type: "geojson",
@@ -38581,7 +38624,7 @@ function fl(e, t, n, r, i) {
 			stops: t.clusterTextColor ?? []
 		} },
 		layout: {
-			"text-font": ["literal", [dl]],
+			"text-font": ["literal", [fl]],
 			"text-field": "{point_count_abbreviated}",
 			"text-size": {
 				property: "point_count",
@@ -38589,9 +38632,9 @@ function fl(e, t, n, r, i) {
 				stops: t.clusterTextSize ?? []
 			}
 		}
-	}), pl(e, t));
+	}), ml(e, t));
 }
-function pl(e, t) {
+function ml(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;
@@ -38604,7 +38647,7 @@ function pl(e, t) {
 		});
 	});
 }
-function ml(e, t, n, r) {
+function hl(e, t, n, r) {
 	let i = t.svg === void 0 ? void 0 : r.getMapLibreImageKey(Vr(t.dataBindings ?? {}, n[t.svg], e.svg ? n[e.svg] : void 0), window.devicePixelRatio * (t.iconScale ?? 1));
 	return {
 		type: "Feature",
@@ -38638,20 +38681,20 @@ function ml(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/overlays.ts
-async function hl(e, t, n, r, i) {
+async function gl(e, t, n, r, i) {
 	let a = e.map((e) => `${n}/styles/${e}.json?access_token=${r}`).map((e) => fetch(e).then((e) => e.json())), o = await Promise.all(a);
-	await Promise.all(o.map((e) => gl(e, t, r, i)));
+	await Promise.all(o.map((e) => _l(e, t, r, i)));
 }
-async function gl(e, t, n, r) {
+async function _l(e, t, n, r) {
 	for (let n in e.sources) t.getSource(n) === void 0 && t.addSource(n, e.sources[n]);
-	e.sprite !== void 0 && await vl(t, e.sprite, n);
+	e.sprite !== void 0 && await yl(t, e.sprite, n);
 	for (let n of e.layers) {
 		t.getLayer(n.id) !== void 0 && t.removeLayer(n.id);
 		let e = n.metadata?.["mc-add-before"] ?? "mc-before-none";
-		t.addLayer(_l(n, r), e);
+		t.addLayer(vl(n, r), e);
 	}
 }
-function _l(e, t) {
+function vl(e, t) {
 	let n = (t ?? {})[e.id] ?? {}, r = {
 		...e,
 		layout: {
@@ -38669,7 +38712,7 @@ function _l(e, t) {
 	};
 	return n.minzoom !== void 0 && (r.minzoom = n.minzoom), n.maxzoom !== void 0 && (r.maxzoom = n.maxzoom), "filter" in n && r.type !== "background" && (r.filter = n.filter), r;
 }
-async function vl(e, t, n) {
+async function yl(e, t, n) {
 	try {
 		let r = `${t}.json?access_token=${n}`, i = `${t}.png?access_token=${n}`, [a, o] = await Promise.all([fetch(r), fetch(i)]);
 		if (!a.ok || !o.ok) throw Error(`Failed to load sprite from ${t}`);
@@ -38691,23 +38734,23 @@ async function vl(e, t, n) {
 }
 //#endregion
 //#region src/images/popup-previous.svg?raw
-var yl = "<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>\n", bl = "<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>\n", xl = "<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>\n", Sl = "<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>\n";
+var bl = "<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>\n", xl = "<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>\n", Sl = "<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>\n", Cl = "<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>\n";
 //#endregion
 //#region src/utils/youtube.ts
-function Cl(e, t) {
+function wl(e, t) {
 	let { allowFullscreen: n, loop: r } = e, i = b(e.src, t), a, o = i.match(/(?:youtube\.com\/(?:watch\?.*v=|embed\/|v\/)|youtu\.be\/)([-\w]{11})/)?.[1];
 	a = o ? `https://www.youtube.com/embed/${o}` : i;
 	let s = [];
-	if (n || s.push("fs=0"), r && o && s.push(`loop=1&playlist=${o}`), a = Tl(a), a = wl(a), s.length) {
+	if (n || s.push("fs=0"), r && o && s.push(`loop=1&playlist=${o}`), a = El(a), a = Tl(a), s.length) {
 		let e = a.includes("?") ? "&" : "?";
 		a += `${e}${s.join("&")}`;
 	}
 	return a;
 }
-function wl(e) {
+function Tl(e) {
 	return e.replace(/([?&])si=[^&]+(&)?/, (e, t, n) => t === "?" && !n ? "" : t === "?" && n ? "?" : n ? "&" : "");
 }
-function Tl(e) {
+function El(e) {
 	let t = new URL(e), n = t.searchParams.get("t");
 	if (!n) return e;
 	let r = 0, i = /^((\d+)m)?((\d+)s)?$/;
@@ -38723,12 +38766,12 @@ function Tl(e) {
 }
 //#endregion
 //#region src/utils/template.ts
-function El(e, t, n, r) {
+function Dl(e, t, n, r) {
 	let i;
-	if (t?.type === "video") i = r === "preview" ? jl(t.src, n) : `
+	if (t?.type === "video") i = r === "preview" ? Ml(t.src, n) : `
         <div class="youtube-container">
           <iframe
-            src="${Cl(t, n)}"
+            src="${wl(t, n)}"
             width="100%" height="300" style="border: none" allowfullscreen>
           </iframe>
         </div>
@@ -38742,7 +38785,7 @@ function El(e, t, n, r) {
     `;
 	}
 	i = i ? `<div class="media-content">${i}</div>` : "";
-	let a = e ? `<div class="text-content">${kl(e, n)}</div>` : "";
+	let a = e ? `<div class="text-content">${Al(e, n)}</div>` : "";
 	return `
     <div class="popup-scroll-wrapper">
       <div class="mc-popup">
@@ -38752,38 +38795,38 @@ function El(e, t, n, r) {
     </div>
   `;
 }
-var Dl = `
+var Ol = `
   <button class="mc-popup-button close">
-    ${bl}
+    ${xl}
   </button>
-`, Ol = `
+`, kl = `
   <div class="cycle-buttons">
     <button class="mc-popup-button prev">
-      ${yl}
+      ${bl}
     </button>
     <button class="mc-popup-button next">
-      ${xl}
+      ${Sl}
     </button>
   </div>
 `;
-function kl(e, t) {
+function Al(e, t) {
 	return e ? (e = e.replace(/placeholder="[^"]+"/, ""), e = e.replace(/onerror="[^"]+"/, ""), e = e.replace(/youtube\.com\/embed\/\$([^"'<>\\]+)/gi, (e, n) => {
 		let r = x(t[n]);
 		return r ? `youtube.com/embed/${C(r)}?` : "";
 	}), e = e.replace(/(\S+?)\s*=\s*"\$([^"]+?)"/g, (e, n, r) => {
 		let i = x(t[r]);
-		return ["src", "href"].includes(n) && !i ? "" : ["src", "href"].includes(n) ? /^(mailto:|tel:|ftp:|data:|http:\/\/|https:\/\/)/i.test(i) ? ` ${n}="${i}"` : ` ${n}="${Al(i)}"` : ` ${n}="${i}"`;
+		return ["src", "href"].includes(n) && !i ? "" : ["src", "href"].includes(n) ? /^(mailto:|tel:|ftp:|data:|http:\/\/|https:\/\/)/i.test(i) ? ` ${n}="${i}"` : ` ${n}="${jl(i)}"` : ` ${n}="${i}"`;
 	}), e = e.replace(/>\$(.+?)</gi, (e, n) => `>${x(t[n])}<`), e = e.replace(/<span\s+class="mention"\s+data-mention-id="[^"]*">(.*?)<\/span>/gim, (e, t) => t), e) : "";
 }
-function Al(e) {
+function jl(e) {
 	return /^https?:\/\//i.test(e) ? e : `https://${e}`;
 }
-function jl(e, t) {
+function Ml(e, t) {
 	return `
     <div class="youtube-placeholder">
       <img src="${`https://img.youtube.com/vi/${C(b(e, t))}/hqdefault.jpg`}" />
       <div class="popup-alert">
-        <div class="alert-icon">${Sl}</div>
+        <div class="alert-icon">${Cl}</div>
         <div>${Fi("videoAlert")}</div>
       </div>
     </div>
@@ -38791,14 +38834,14 @@ function jl(e, t) {
 }
 //#endregion
 //#region src/Registry.ts
-var Ml = [
+var Nl = [
 	"area",
 	"circle",
 	"dot",
 	"line",
 	"marker",
 	"polygon"
-], Nl = class {
+], Pl = class {
 	data;
 	customGroupIds;
 	constructor(e) {
@@ -38810,7 +38853,7 @@ var Ml = [
 			marker: {},
 			polygon: {}
 		};
-		for (let t of Ml) for (let n of e.registry?.models?.[t] ?? []) {
+		for (let t of Nl) for (let n of e.registry?.models?.[t] ?? []) {
 			this.data[t][n.id] = {};
 			for (let e of n.models) {
 				if (t === "area") {
@@ -38856,7 +38899,7 @@ var Ml = [
 		}
 		return e.reverse();
 	}
-}, Pl = class {
+}, Fl = class {
 	map;
 	popupElements;
 	markerLayerIds;
@@ -39005,7 +39048,7 @@ var Ml = [
 			r / i
 		];
 	}
-}, Fl = class {
+}, Il = class {
 	map;
 	popupPosition = "bottomLeft";
 	mapContainer;
@@ -39027,7 +39070,7 @@ var Ml = [
 		this.map = e, this.mode = t, this.mapContainer = this.map.getContainer(), this.popupContainer = document.createElement("div"), this.popupContainer.classList.add("popup-container"), this.map.on("mousemove", (e) => this.onMouseMove(e)), this.map.on("click", (e) => this.onClick(e));
 	}
 	setJobObject(e) {
-		this.registry = new Nl(e);
+		this.registry = new Pl(e);
 	}
 	setParams(e, t, n, r) {
 		this.popupPosition = e, this.language = t, this.restrictMapMovement = n, this.center = r;
@@ -39039,7 +39082,7 @@ var Ml = [
 		this.popupElements = this.registry.getPopupElements();
 	}
 	setHighlightManager() {
-		this.highlightManager = new Pl(this.map, this.registry.getPopupElements());
+		this.highlightManager = new Fl(this.map, this.registry.getPopupElements());
 	}
 	onMouseMove(e) {
 		this.feature = this.getInteractiveFeature(e), this.feature ? this.map.getCanvas().style.cursor = "pointer" : this.map.getCanvas().style.cursor = "";
@@ -39093,7 +39136,7 @@ var Ml = [
 	}
 	getTemplate(e) {
 		let { layer: t } = e, n, r = this.registry.getModel(e);
-		if (r?.popup || r?.popupMedia) n = El(r.popup, r.popupMedia, r.dataBindings ?? {}, this.mode);
+		if (r?.popup || r?.popupMedia) n = Dl(r.popup, r.popupMedia, r.dataBindings ?? {}, this.mode);
 		else {
 			let r = [];
 			this.publication && (r.push(`:${this.publication}-${this.language}`), r.push(`:${this.publication}-:en`)), r.push(`:${this.language}`), r.push(":en"), r.push("");
@@ -39117,11 +39160,11 @@ var Ml = [
 		return t.innerHTML = e.trim(), t.content.firstElementChild;
 	}
 	addPopupControls() {
-		let e = this.htmlToElement(Dl);
+		let e = this.htmlToElement(Ol);
 		if (e && (e.addEventListener("click", () => {
 			this.hidePopup(), this.highlightManager.highlight(void 0);
 		}), this.popupContainer.appendChild(e)), this.popupElements.length < 2) return;
-		let t = this.htmlToElement(Ol);
+		let t = this.htmlToElement(kl);
 		t && (t.querySelector(".prev")?.addEventListener("click", () => this.cyclePopups(!1)), t.querySelector(".next")?.addEventListener("click", () => this.cyclePopups()), this.popupContainer.appendChild(t));
 	}
 	fillDatalayerTemplate(e, t, n) {
@@ -39157,23 +39200,23 @@ var Ml = [
 			n = e ? t === this.popupElements.length - 1 ? 0 : t + 1 : t === 0 ? this.popupElements.length - 1 : t - 1;
 			let r = this.popupElements?.[n];
 			this.highlightManager.highlight(r);
-			let i = El(r.popup, r.popupMedia, r.dataBindings ?? {}, this.mode), a = this.popupContainer;
+			let i = Dl(r.popup, r.popupMedia, r.dataBindings ?? {}, this.mode), a = this.popupContainer;
 			this.popupContainer.remove(), a.innerHTML = i, this.mapContainer.appendChild(a), this.currentModelId = r.modelId, this.addPopupControls(), e ? this.popupContainer.querySelector(".mc-popup-button.next")?.focus() : this.popupContainer.querySelector(".mc-popup-button.prev")?.focus(), this.currentFeatureId = void 0;
 		}
 	}
-}, Il = {
+}, Ll = {
 	solid: [1, 0],
 	dotted: [.7, .3],
 	dashed: [3.5, 1.5]
 };
-function Ll(e, t, n, r) {
+function Rl(e, t, n, r) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((n) => Rl(e, t, n, r))
+			features: t.models.filter((e) => e.visible ?? !0).map((n) => zl(e, t, n, r))
 		}
-	}), Object.entries(Il).forEach(([r, i]) => {
+	}), Object.entries(Ll).forEach(([r, i]) => {
 		t.models.some((e) => (e.lineStyle ?? "solid") === r) && e.addLayer({
 			id: `${t.id}-${r}`,
 			type: "line",
@@ -39246,7 +39289,7 @@ function Ll(e, t, n, r) {
 		]
 	}, n);
 }
-function Rl(e, t, n, r) {
+function zl(e, t, n, r) {
 	let i = n.svg === void 0 ? void 0 : r.getMapLibreImageKey(Vr(n.dataBindings ?? {}, n.svg, void 0), window.devicePixelRatio * (n.iconScale ?? 1));
 	return {
 		type: "Feature",
@@ -39257,7 +39300,7 @@ function Rl(e, t, n, r) {
 			"line-color": t.lineColor || n.lineColor ? zr(n.dataBindings ?? {}, n.lineColor, t.lineColor) : "#000000",
 			"line-style": n.lineStyle ?? "solid",
 			"mc-image-key": i,
-			"icon-rotate": zl(n, e),
+			"icon-rotate": Bl(n, e),
 			"icon-offset": n.iconOffset,
 			"icon-size": n.iconScale
 		},
@@ -39273,12 +39316,12 @@ function Rl(e, t, n, r) {
 		}
 	};
 }
-function zl(e, t) {
+function Bl(e, t) {
 	return e.iconRotation ? e.iconAlign ? ar(e.geometry, t) + e.iconRotation : e.iconRotation : 0;
 }
 //#endregion
 //#region src/models/area.ts
-function Bl(e, t, n, r, i, a, o) {
+function Vl(e, t, n, r, i, a, o) {
 	let s = fr(t), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
 	for (let e of t.models) {
 		let n = e.featureId, a = t.id, o = [], u = rr(e), d = nr(a, e), f = l.get(d) ?? {
@@ -39428,12 +39471,12 @@ function Bl(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/models/dot.ts
-function Vl(e, t, n) {
+function Hl(e, t, n) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((e) => Hl(t, e))
+			features: t.models.filter((e) => e.visible ?? !0).map((e) => Ul(t, e))
 		}
 	}), e.addLayer({
 		id: t.id,
@@ -39449,7 +39492,7 @@ function Vl(e, t, n) {
 		}
 	}, n);
 }
-function Hl(e, t) {
+function Ul(e, t) {
 	return {
 		type: "Feature",
 		id: t.id,
@@ -39466,54 +39509,54 @@ function Hl(e, t) {
 }
 //#endregion
 //#region src/utils/video/index.ts
-function Ul(e) {
-	let t = e.length > 0 ? [Wl(e[0])] : [], n = 0, r = 0;
+function Wl(e) {
+	let t = e.length > 0 ? [Gl(e[0])] : [], n = 0, r = 0;
 	for (let i = 1; i < e.length; ++i) {
-		let a = Wl(e[i]);
-		n += Gl(e[i - 1].center[0], a.center[0]), r += Gl(e[i - 1].bearing, a.bearing), a.center[0] += n * 360, a.x += n, a.bearing += r * 360, t.push(a);
+		let a = Gl(e[i]);
+		n += Kl(e[i - 1].center[0], a.center[0]), r += Kl(e[i - 1].bearing, a.bearing), a.center[0] += n * 360, a.x += n, a.bearing += r * 360, t.push(a);
 	}
 	return t;
 }
-function Wl(e) {
+function Gl(e) {
 	return {
 		...e,
 		center: [e.center[0], e.center[1]]
 	};
 }
-function Gl(e, t) {
+function Kl(e, t) {
 	if (Math.abs(e) + Math.abs(t) > 180) {
 		if (e > 0 && t < 0) return 1;
 		if (e < 0 && t > 0) return -1;
 	}
 	return 0;
 }
-function Kl(e) {
+function ql(e) {
 	return 2 ** -e;
 }
-function ql(e) {
+function Jl(e) {
 	return e.length > 0 ? e[e.length - 1].time : 0;
 }
 //#endregion
 //#region node_modules/d3-shape/src/curve/monotone.js
-function Jl(e) {
+function Yl(e) {
 	return e < 0 ? -1 : 1;
 }
-function Yl(e, t, n) {
+function Xl(e, t, n) {
 	var r = e._x1 - e._x0, i = t - e._x1, a = (e._y1 - e._y0) / (r || i < 0 && -0), o = (n - e._y1) / (i || r < 0 && -0), s = (a * i + o * r) / (r + i);
-	return (Jl(a) + Jl(o)) * Math.min(Math.abs(a), Math.abs(o), .5 * Math.abs(s)) || 0;
+	return (Yl(a) + Yl(o)) * Math.min(Math.abs(a), Math.abs(o), .5 * Math.abs(s)) || 0;
 }
-function Xl(e, t) {
+function Zl(e, t) {
 	var n = e._x1 - e._x0;
 	return n ? (3 * (e._y1 - e._y0) / n - t) / 2 : t;
 }
-function Zl(e, t, n) {
+function Ql(e, t, n) {
 	var r = e._x0, i = e._y0, a = e._x1, o = e._y1, s = (a - r) / 3;
 	e._context.bezierCurveTo(r + s, i + s * t, a - s, o - s * n, a, o);
 }
-function Ql(e) {
+function $l(e) {
 	this._context = e;
 }
-Ql.prototype = {
+$l.prototype = {
 	areaStart: function() {
 		this._line = 0;
 	},
@@ -39529,7 +39572,7 @@ Ql.prototype = {
 				this._context.lineTo(this._x1, this._y1);
 				break;
 			case 3:
-				Zl(this, this._t0, Xl(this, this._t0));
+				Ql(this, this._t0, Zl(this, this._t0));
 				break;
 		}
 		(this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
@@ -39545,26 +39588,26 @@ Ql.prototype = {
 					this._point = 2;
 					break;
 				case 2:
-					this._point = 3, Zl(this, Xl(this, n = Yl(this, e, t)), n);
+					this._point = 3, Ql(this, Zl(this, n = Xl(this, e, t)), n);
 					break;
 				default:
-					Zl(this, this._t0, n = Yl(this, e, t));
+					Ql(this, this._t0, n = Xl(this, e, t));
 					break;
 			}
 			this._x0 = this._x1, this._x1 = e, this._y0 = this._y1, this._y1 = t, this._t0 = n;
 		}
 	}
 };
-function $l(e) {
-	this._context = new eu(e);
+function eu(e) {
+	this._context = new tu(e);
 }
-($l.prototype = Object.create(Ql.prototype)).point = function(e, t) {
-	Ql.prototype.point.call(this, t, e);
+(eu.prototype = Object.create($l.prototype)).point = function(e, t) {
+	$l.prototype.point.call(this, t, e);
 };
-function eu(e) {
+function tu(e) {
 	this._context = e;
 }
-eu.prototype = {
+tu.prototype = {
 	moveTo: function(e, t) {
 		this._context.moveTo(t, e);
 	},
@@ -39578,34 +39621,34 @@ eu.prototype = {
 		this._context.bezierCurveTo(t, e, r, n, a, i);
 	}
 };
-function tu(e) {
-	return new Ql(e);
+function nu(e) {
+	return new $l(e);
 }
 //#endregion
 //#region node_modules/bezier-easing/src/index.js
-function nu(e) {
+function ru(e) {
 	return e;
 }
-var { cbrt: ru, sqrt: iu, PI: au } = Math, ou = (e, t, n, r, i) => {
+var { cbrt: iu, sqrt: au, PI: ou } = Math, su = (e, t, n, r, i) => {
 	let a = t + n * e, o = a ** 2 + r;
 	if (o > 0) {
-		let e = iu(o);
-		return ru(a + e) + ru(a - e) - i;
+		let e = au(o);
+		return iu(a + e) + iu(a - e) - i;
 	}
-	let s = ru(iu(a * a - o)), c = a ? Math.atan(iu(-o) / a) : -au / 2, l;
-	return l = n < 0 ? (a > 0 ? 2 * au : au) - c : i < 0 ? (a > 0 ? 2 * au : -3 * au) + c : (a > 0 ? 0 : au) + c, 2 * s * Math.cos(l / 3) - i;
-}, su = (e, t, n, r) => ((t * e + 3 * n) * e + r) * e;
-function cu(e, t, n, r) {
+	let s = iu(au(a * a - o)), c = a ? Math.atan(au(-o) / a) : -ou / 2, l;
+	return l = n < 0 ? (a > 0 ? 2 * ou : ou) - c : i < 0 ? (a > 0 ? 2 * ou : -3 * ou) + c : (a > 0 ? 0 : ou) + c, 2 * s * Math.cos(l / 3) - i;
+}, cu = (e, t, n, r) => ((t * e + 3 * n) * e + r) * e;
+function lu(e, t, n, r) {
 	if (!(0 <= e && e <= 1 && 0 <= n && n <= 1)) throw Error("bezier x values must be in [0, 1] range");
-	if (e === t && n === r) return nu;
-	let i = 6 * (3 * e - 3 * n + 1), a = 6 * (n - 2 * e), o = 3 * e, s = i * i, c = a * a, l = a / i, u = 3 * a * o / s - c * a / (s * i), d = 2 * o / i - c / s, f = d * d * d, p = 3 / i, m = 3 * t - 3 * r + 1, h = r - 2 * t, g = 3 * t, _ = i ? ou : nu;
+	if (e === t && n === r) return ru;
+	let i = 6 * (3 * e - 3 * n + 1), a = 6 * (n - 2 * e), o = 3 * e, s = i * i, c = a * a, l = a / i, u = 3 * a * o / s - c * a / (s * i), d = 2 * o / i - c / s, f = d * d * d, p = 3 / i, m = 3 * t - 3 * r + 1, h = r - 2 * t, g = 3 * t, _ = i ? su : ru;
 	return function(e) {
-		return e === 0 || e === 1 ? e : su(_(e, u, p, f, l), m, h, g);
+		return e === 0 || e === 1 ? e : cu(_(e, u, p, f, l), m, h, g);
 	};
 }
 //#endregion
 //#region src/utils/video/monotonicCurve.ts
-var lu = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
+var uu = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
 	t.exports = n;
 	function n(e, t, n, r) {
 		var i, a, o, s, c, l, u, d, f, p, m, h, g, _;
@@ -39616,11 +39659,11 @@ var lu = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
 		}
 		return g && console.log("Newton-Raphson: Maximum iterations reached (" + c + ")"), !1;
 	}
-})))(), 1), uu = class {
+})))(), 1), du = class {
 	segments;
 	constructor(e) {
 		this.segments = [];
-		let t = new du(), n = tu(t);
+		let t = new fu(), n = nu(t);
 		n.lineStart();
 		for (let t of e) n.point(t.x, t.y);
 		n.lineEnd(), this.segments = t.segments;
@@ -39632,17 +39675,17 @@ var lu = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
 		return t.startY !== t.endY && t.easing !== void 0 ? E(t.startY, t.endY, t.easing(n)) : E(t.startY, t.endY, n);
 	}
 	solve(e, t) {
-		let n = (0, lu.default)((t) => this.sample(t) - e, t);
+		let n = (0, uu.default)((t) => this.sample(t) - e, t);
 		return n === !1 ? t : n;
 	}
-}, du = class {
+}, fu = class {
 	previousPoint = {
 		x: 0,
 		y: 0
 	};
 	segments = [];
 	bezierCurveTo(e, t, n, r, i, a) {
-		let o = this.previousPoint.x, s = this.previousPoint.y, c = i === o ? void 0 : cu((e - o) / (i - o), (t - s) / (a - s), (n - o) / (i - o), (r - s) / (a - s));
+		let o = this.previousPoint.x, s = this.previousPoint.y, c = i === o ? void 0 : lu((e - o) / (i - o), (t - s) / (a - s), (n - o) / (i - o), (r - s) / (a - s));
 		this.segments.push({
 			startX: o,
 			endX: i,
@@ -39680,12 +39723,12 @@ var lu = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
 };
 //#endregion
 //#region src/utils/video/easings.ts
-function fu(e, t, n, r) {
+function pu(e, t, n, r) {
 	return n * ((e = e / r - 1) * e * e + 1) + t;
 }
 //#endregion
 //#region src/utils/video/cameraCurve.ts
-var pu = class {
+var mu = class {
 	script;
 	xCurve;
 	yCurve;
@@ -39696,10 +39739,10 @@ var pu = class {
 	altitudeCurve;
 	elevationCurve;
 	constructor(e) {
-		this.script = Ul(e), this.xCurve = this.createMonotonicCurve(this.script, "x"), this.yCurve = this.createMonotonicCurve(this.script, "y"), this.fovCurve = this.createMonotonicCurve(this.script, "fov"), this.zoomCurve = this.createMonotonicCurve(this.script, "zoom"), this.pitchCurve = this.createMonotonicCurve(this.script, "pitch"), this.bearingCurve = this.createMonotonicCurve(this.script, "bearing"), this.altitudeCurve = this.createMonotonicCurve(this.script, "altitude"), this.elevationCurve = this.createMonotonicCurve(this.script, "elevation");
+		this.script = Wl(e), this.xCurve = this.createMonotonicCurve(this.script, "x"), this.yCurve = this.createMonotonicCurve(this.script, "y"), this.fovCurve = this.createMonotonicCurve(this.script, "fov"), this.zoomCurve = this.createMonotonicCurve(this.script, "zoom"), this.pitchCurve = this.createMonotonicCurve(this.script, "pitch"), this.bearingCurve = this.createMonotonicCurve(this.script, "bearing"), this.altitudeCurve = this.createMonotonicCurve(this.script, "altitude"), this.elevationCurve = this.createMonotonicCurve(this.script, "elevation");
 	}
 	sample(e) {
-		let t = this.zoomCurve.sample(e), n = this.altitudeCurve.solve(Kl(t), e), r = this.xCurve.sample(n), i = this.yCurve.sample(n), a = this.elevationCurve.sample(n), o = this.bearingCurve.sample(e), s = this.pitchCurve.sample(e), c = this.fovCurve.sample(e);
+		let t = this.zoomCurve.sample(e), n = this.altitudeCurve.solve(ql(t), e), r = this.xCurve.sample(n), i = this.yCurve.sample(n), a = this.elevationCurve.sample(n), o = this.bearingCurve.sample(e), s = this.pitchCurve.sample(e), c = this.fovCurve.sample(e);
 		return {
 			center: new l.MercatorCoordinate(r, i).toLngLat(),
 			zoom: t,
@@ -39743,7 +39786,7 @@ var pu = class {
 				y: l
 			});
 		}
-		return new uu(n);
+		return new du(n);
 	}
 	sampleAutoHideOpacity(e) {
 		let t = this.script;
@@ -39754,12 +39797,12 @@ var pu = class {
 		if (r.hideLabels === (a?.hideLabels ?? !1)) o = r.hideLabels ? 0 : 1;
 		else {
 			let t = e - r.time, n = Math.min(400, i.time - r.time);
-			o = O(fu(t, r.hideLabels ? 1 : 0, r.hideLabels ? -1 : 1, n), 0, 1);
+			o = O(pu(t, r.hideLabels ? 1 : 0, r.hideLabels ? -1 : 1, n), 0, 1);
 		}
 		let s;
 		if (n === t.length - 2 && r.hideLabels) {
 			let t = Math.max(r.time, i.time - 400);
-			s = O(fu(e - t, 0, 1, i.time - t), 0, 1);
+			s = O(pu(e - t, 0, 1, i.time - t), 0, 1);
 		} else s = 0;
 		return Math.max(o, s);
 	}
@@ -39771,10 +39814,10 @@ var pu = class {
 		}
 	}
 	getKeyframeValue(e, t) {
-		return t === "altitude" ? Kl(e.zoom) : e[t];
+		return t === "altitude" ? ql(e.zoom) : e[t];
 	}
-}, mu = hu;
-function hu(e, t, n) {
+}, hu = gu;
+function gu(e, t, n) {
 	var r = null, i = null, a = function() {
 		r &&= (clearTimeout(r), i = null, null);
 	}, o = function() {
@@ -39796,15 +39839,14 @@ function hu(e, t, n) {
 }
 //#endregion
 //#region src/MCMap.ts
-var gu = class extends l.Evented {
+var _u = class extends l.Evented {
 	map;
-	jobObject;
 	cameraCurve;
 	duration;
 	playhead;
 	playbackContext;
 	constructor(e, t) {
-		super(), this.map = e, this.jobObject = t, this.playhead = 0, this.playbackContext = void 0;
+		super(), this.map = e, this.playhead = 0, this.playbackContext = void 0;
 		let n = (t.video?.keyframes ?? []).map((e) => {
 			let { x: t, y: n } = l.MercatorCoordinate.fromLngLat(e.center);
 			return {
@@ -39815,7 +39857,7 @@ var gu = class extends l.Evented {
 				elevation: e.elevation ?? 0
 			};
 		});
-		this.duration = ql(n), this.cameraCurve = new pu(n);
+		this.duration = Jl(n), this.cameraCurve = new mu(n);
 	}
 	on(e, t) {
 		return super.on(e, t);
@@ -39854,8 +39896,8 @@ var gu = class extends l.Evented {
 		this.playhead = e;
 		let t = this.map, n = this.cameraCurve;
 		this.prepareForPlayback();
-		let r = n.sample(e), i = t.getCenter(), a = t.getZoom(), o = t.getBearing(), s = t.getPitch(), c = t.getCenterElevation(), l = t.getVerticalFieldOfView(), u = t.getScale(), d = A(this.jobObject, t.getContainer());
-		d !== t.getScale() && t.setScale(d), r.center.lat !== i.lat || r.center.lng !== i.lng || r.zoom !== a || r.bearing !== o || r.pitch !== s || r.elevation !== c || r.fov !== l || d !== u ? (t.setVerticalFieldOfView(r.fov), t.jumpTo(r)) : t.triggerRepaint(), this.fire("play", { time: e });
+		let r = n.sample(e), i = t.getCenter(), a = t.getZoom(), o = t.getBearing(), s = t.getPitch(), c = t.getCenterElevation(), l = t.getVerticalFieldOfView();
+		r.center.lat !== i.lat || r.center.lng !== i.lng || r.zoom !== a || r.bearing !== o || r.pitch !== s || r.elevation !== c || r.fov !== l ? (t.setVerticalFieldOfView(r.fov), t.jumpTo(r)) : t.triggerRepaint(), this.fire("play", { time: e });
 	}
 	prepareForPlayback() {
 		this.map.setCenterClampedToGround(!1), this.map.style?.stylesheet && (this.map.style.stylesheet.transition = {
@@ -39863,15 +39905,15 @@ var gu = class extends l.Evented {
 			delay: 0
 		}), this.restoreAfterPlayback();
 	}
-	restoreAfterPlayback = mu(() => {
+	restoreAfterPlayback = hu(() => {
 		this.map.setCenterClampedToGround(!0), this.map.style?.stylesheet && (this.map.style.stylesheet.transition = void 0);
 	}, 300);
 };
 //#endregion
 //#region src/initMap.ts
-async function _u(e) {
-	let { accessToken: t, mode: n = "sdk", env: r = "production" } = e, i = r === "bleeding" ? "https://vapi.bleeding.mc-cdn.io" : r === "beta" ? "https://vapi.beta.mc-cdn.io" : "https://vapi.mc-cdn.io", a = r === "bleeding" ? "https://cdn.bleeding.mapcreator.io" : r === "beta" ? "https://cdn.beta.mapcreator.io" : "https://cdn.mapcreator.io", o = typeof e.job == "string" ? await vu(e.job, a, t) : e.job;
-	await yu();
+async function vu(e) {
+	let { accessToken: t, mode: n = "sdk", env: r = "production" } = e, i = r === "bleeding" ? "https://vapi.bleeding.mc-cdn.io" : r === "beta" ? "https://vapi.beta.mc-cdn.io" : "https://vapi.mc-cdn.io", a = r === "bleeding" ? "https://cdn.bleeding.mapcreator.io" : r === "beta" ? "https://cdn.beta.mapcreator.io" : "https://cdn.mapcreator.io", o = typeof e.job == "string" ? await yu(e.job, a, t) : e.job;
+	await bu();
 	let s = new l.Map({
 		container: e.container,
 		attributionControl: !1,
@@ -39890,26 +39932,26 @@ async function _u(e) {
 			"CooperativeGesturesHandler.MobileHelpText": Fi("mobileHelpText")
 		}
 	}), c = s.getContainer();
-	c.classList.add("mc-map");
-	let d = new Pr(s), p = new Fl(s, n), { map: { language: h, pitch: g = 0, rotation: _ = 0, center: v, hideBasemap: y, layerInfo: b = [], detailLevel: x = 0, projection: S = "mercator", terrain: C = !1, terrainExaggeration: w = 1 }, registry: T = {}, web: E, positionOffsets: D, title: O } = o, { models: k = {}, slots: j = {}, svgs: M = {} } = T;
-	Su(r, i, t), s.resize(), n === "app" && (document.title = O ? `${O} - Mapcreator` : "Mapcreator"), s.setPitch(g), s.setBearing(_);
-	let N = Math.log2(A(o, c)), P = o.map.zoom - x + N;
-	if (s.setZoom(P), s.setCenter(v), s.setDetailLevel(x), s.setMinZoom(x), s.addControl(new l.AttributionControl({ compact: !1 })), n === "app" && s.cooperativeGestures.enable(), nl(o, D, s, {
+	c.classList.add("mc-map"), c.classList.add(`mc-mode-${n}`);
+	let d = new Pr(s), p = new Il(s, n), { map: { language: h, pitch: g = 0, rotation: _ = 0, center: v, hideBasemap: y, layerInfo: b = [], detailLevel: x = 0, projection: S = "mercator", terrain: C = !1, terrainExaggeration: w = 1 }, registry: T = {}, web: E, positionOffsets: D, title: O } = o, { models: k = {}, slots: j = {}, svgs: M = {} } = T;
+	Cu(r, i, t), s.resize(), n === "app" && (document.title = O ? `${O} - Mapcreator` : "Mapcreator"), s.setPitch(g), s.setBearing(_);
+	let N = A(o, c), P, F;
+	if (n === "video" ? (F = o.map.zoom - x, P = N) : (F = o.map.zoom - x + Math.log2(N), P = 1), s.setScale(P), s.setZoom(F), s.setCenter(v), s.setDetailLevel(x), s.setMinZoom(x), s.addControl(new l.AttributionControl({ compact: !1 })), n === "app" && s.cooperativeGestures.enable(), rl(o, D ?? $c, s, {
 		center: v,
-		zoom: P,
+		zoom: F,
 		pitch: g,
 		rotation: _
-	}, i, a, t), p.setJobObject(o), E) {
+	}, i, a, t, P, n), p.setJobObject(o), E) {
 		let { restrictMapMovement: e, popupPosition: t } = E;
 		e && (s.boxZoom.disable(), s.doubleClickZoom.disable(), s.dragPan.disable(), s.dragRotate.disable(), s.keyboard.disable(), s.scrollZoom.disable(), s.touchPitch.disable(), s.touchZoomRotate.disable()), p.setParams(t, m(h, f.TWO), e, v);
 	}
-	let F = await fetch(`${i}/styles/${o.meta.mapstyleSet}.json?access_token=${t}`).then((e) => e.json());
-	return s.setStyle(null), s.setStyle(F), await s.once("style.load"), n === "app" && Cu(s.getStyle().metadata?.customCssFilePath, t), u(h, s), await hl(o.meta.layers ?? [], s, i, t, F.metadata?.styleOverride), Tu(s, d, k, j, M, i, t), u(h, s), p.setPublication(F.metadata?.publication), p.setpopupElements(), p.setHighlightManager(), s.setProjection({ type: S === "globe" ? "globe" : "mercator" }), bu(s, S), C && xu(s, i, t, w), wu(s, s.getStyle(), b, !y), new gu(s, o);
+	let ee = await fetch(`${i}/styles/${o.meta.mapstyleSet}.json?access_token=${t}`).then((e) => e.json());
+	return s.setStyle(null), s.setStyle(ee), await s.once("style.load"), n === "app" && wu(s.getStyle().metadata?.customCssFilePath, t), u(h, s), await gl(o.meta.layers ?? [], s, i, t, ee.metadata?.styleOverride), Eu(s, d, k, j, M, i, t), u(h, s), p.setPublication(ee.metadata?.publication), p.setpopupElements(), p.setHighlightManager(), s.setProjection({ type: S === "globe" ? "globe" : "mercator" }), xu(s, S), C && Su(s, i, t, w), Tu(s, s.getStyle(), b, !y), new _u(s, o);
 }
-function vu(e, t, n) {
+function yu(e, t, n) {
 	return fetch(`${t}/jobs/${e}.json?access_token=${n}`).then((e) => e.json());
 }
-function yu() {
+function bu() {
 	return new Promise((e) => {
 		let t = () => {
 			window.innerWidth > 0 && window.innerHeight > 0 && (window.removeEventListener("resize", t), e());
@@ -39917,7 +39959,7 @@ function yu() {
 		window.addEventListener("resize", t), t();
 	});
 }
-function bu(e, t) {
+function xu(e, t) {
 	let n = e.getStyle().metadata ?? {}, r = n["mc:background-color"] ?? "#f8f8f8", i = n["mc:background-color-globe"] ?? "#000000";
 	e.getContainer().style.backgroundColor = t === "globe" ? i : r, e.setSky(e.getStyle().sky ?? Qc), e.setLight({ position: [
 		1.15,
@@ -39925,7 +39967,7 @@ function bu(e, t) {
 		45
 	] });
 }
-function xu(e, t, n, r) {
+function Su(e, t, n, r) {
 	e.addSource("mc-dem", {
 		type: "raster-dem",
 		tiles: [`${t}/dataset/jaxa_terrainrgb/{z}/{x}/{y}?access_token=${n}`],
@@ -39937,54 +39979,54 @@ function xu(e, t, n, r) {
 		exaggeration: r
 	});
 }
-function Su(e, t, n) {
+function Cu(e, t, n) {
 	let r = `${t}/stylesheets/ff-${e === "beta" ? "b-" : ""}${n}.css?access_token=${n}`, i = document.createElement("link");
 	i.setAttribute("rel", "stylesheet"), i.setAttribute("href", r), i.setAttribute("type", "text/css"), document.head.insertBefore(i, document.head.firstChild);
 }
-function Cu(e, t) {
+function wu(e, t) {
 	if (document.getElementById("custom-style")?.remove(), !e) return;
 	let n;
 	e.startsWith("http") ? (e = `${e}?access_token=${t}`, n = document.createElement("link"), n.setAttribute("rel", "stylesheet"), n.setAttribute("href", e.replace(/https?:/, ""))) : (n = document.createElement("style"), n.appendChild(document.createTextNode(e))), n.setAttribute("id", "custom-style"), n.setAttribute("type", "text/css"), document.head.appendChild(n);
 }
-function wu(e, t, n, r) {
+function Tu(e, t, n, r) {
 	for (let i of n) {
 		let n = t.layers.find((e) => i.id === e.id || i.id.endsWith(` | ${e.id}`));
 		n && e.setLayoutProperty(n.id, "visibility", i.visibility && r ? "visible" : "none");
 	}
 }
-function Tu(e, t, n, r, i, a, o) {
+function Eu(e, t, n, r, i, a, o) {
 	let { beforeNone: s = [], beforeNames: c = [], beforeBoundaries: l = [], beforeWaters: u = [] } = r;
 	s.forEach((r) => {
-		Eu(e, t, n, r, i, "mc-before-none", a, o);
+		Du(e, t, n, r, i, "mc-before-none", a, o);
 	}), c.forEach((r) => {
-		Eu(e, t, n, r, i, "mc-before-names", a, o);
+		Du(e, t, n, r, i, "mc-before-names", a, o);
 	}), l.forEach((r) => {
-		Eu(e, t, n, r, i, "mc-before-boundaries", a, o);
+		Du(e, t, n, r, i, "mc-before-boundaries", a, o);
 	}), u.forEach((r) => {
-		Eu(e, t, n, r, i, "mc-before-waters", a, o);
+		Du(e, t, n, r, i, "mc-before-waters", a, o);
 	});
 }
-function Eu(e, t, n, r, i, a, o, s) {
+function Du(e, t, n, r, i, a, o, s) {
 	if (r.type === "marker") {
 		let o = n.marker?.find((e) => e.id === r.groupId);
-		o && fl(e, o, a, i, t);
+		o && pl(e, o, a, i, t);
 	} else if (r.type === "polygon") {
 		let o = n.polygon?.find((e) => e.id === r.groupId);
-		o && sl(e, o, a, i, t);
+		o && cl(e, o, a, i, t);
 	} else if (r.type === "circle") {
 		let o = n.circle?.find((e) => e.id === r.groupId);
-		o && ll(e, o, a, i, t);
+		o && ul(e, o, a, i, t);
 	} else if (r.type === "line") {
 		let i = n.line?.find((e) => e.id === r.groupId);
-		i && Ll(e, i, a, t);
+		i && Rl(e, i, a, t);
 	} else if (r.type === "dot") {
 		let t = n.dot?.find((e) => e.id === r.groupId);
-		t && Vl(e, t, a);
+		t && Hl(e, t, a);
 	} else if (r.type === "area") {
 		let c = n.area?.find((e) => e.id === r.groupId);
-		c && Bl(e, c, a, i, t, o, s);
+		c && Vl(e, c, a, i, t, o, s);
 	}
 }
 //#endregion
-var Du = l.setRTLTextPlugin;
-export { _u as initMap, Du as setRTLTextPlugin };
+var Ou = l.setRTLTextPlugin;
+export { vu as initMap, Ou as setRTLTextPlugin };