@mapcreator/sdk 3.1.0 → 3.1.2

package/dist/mapcreator-sdk.bundler.mjs

@@ -2892,27 +2892,28 @@ function Tn(e, t) {
 //#endregion
 //#region src/images/search.svg?raw
 var En = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"currentColor\"><path d=\"M5.374.952a4.546 4.546 0 0 1 4.656 4.175 4.55 4.55 0 0 1-.958 3.184l1.824 1.81a.55.55 0 0 1 0 .765.55.55 0 0 1-.602.121.6.6 0 0 1-.179-.12l-1.807-1.81A4.544 4.544 0 0 1 .953 5.376 4.553 4.553 0 0 1 5.374.952m1.454 1.37a3.447 3.447 0 0 0-4.505 4.51 3.45 3.45 0 0 0 3.186 2.13A3.45 3.45 0 0 0 8.957 5.51a3.455 3.455 0 0 0-2.129-3.187\"/></svg>\n", Dn = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"m7.038 5.96 3.03 3.03L13.1 5.958l1.01 1.01L11.078 10l3.031 3.032-1.01 1.01-3.031-3.031-3.03 3.028-1.01-1.01L9.059 10l-3.03-3.03z\"/></svg>\n", On = {
-	da_DK: {
-		search: "Search",
-		videoAlert: "The video will only work when you publish the map",
-		mobileHelpText: "Use two fingers to move the map",
-		windowsHelpText: "Use Ctrl + scroll to zoom the map",
-		macHelpText: "Use ⌘ + scroll to zoom the map"
-	},
-	de_DE: {
-		search: "Suche",
-		videoAlert: "Das Video ist in der veröffentlichten Karte sichtbar.",
-		mobileHelpText: "Verwenden Sie zwei Finger um die Karte zu bewegen",
-		windowsHelpText: "Verwenden Sie Strg + Scroll um in der Karte zu zoomen",
-		macHelpText: "Verwenden Sie ⌘ + Scroll um in der Karte zu zoomen"
-	},
-	en_GB: {
-		search: "Search",
-		videoAlert: "The video will only work when you publish the map",
-		mobileHelpText: "Use two fingers to move the map",
-		windowsHelpText: "Use Ctrl + scroll to zoom the map",
-		macHelpText: "Use ⌘ + scroll to zoom the map"
-	},
+	search: "Search",
+	videoAlert: "The video will only work when you publish the map",
+	mobileHelpText: "Use two fingers to move the map",
+	windowsHelpText: "Use Ctrl + scroll to zoom the map",
+	macHelpText: "Use ⌘ + scroll to zoom the map"
+}, kn = {
+	search: "Suche",
+	videoAlert: "Das Video ist in der veröffentlichten Karte sichtbar.",
+	mobileHelpText: "Verwenden Sie zwei Finger um die Karte zu bewegen",
+	windowsHelpText: "Verwenden Sie Strg + Scroll um in der Karte zu zoomen",
+	macHelpText: "Verwenden Sie ⌘ + Scroll um in der Karte zu zoomen"
+}, An = {
+	search: "Search",
+	videoAlert: "The video will only work when you publish the map",
+	mobileHelpText: "Use two fingers to move the map",
+	windowsHelpText: "Use Ctrl + scroll to zoom the map",
+	macHelpText: "Use ⌘ + scroll to zoom the map",
+	loadingMap: "Loading map"
+}, jn = {
+	da_DK: On,
+	de_DE: kn,
+	en_GB: An,
 	es_ES: {
 		search: "Buscar",
 		videoAlert: "The video will only work when you publish the map",
@@ -2942,17 +2943,17 @@ var En = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" v
 		macHelpText: "Gebruik ⌘ + Scroll om de kaart te zoomen"
 	}
 };
-function kn() {
-	let e = navigator.language.replace("-", "_"), t = Object.keys(On);
+function Mn() {
+	let e = navigator.language.replace("-", "_"), t = Object.keys(jn);
 	return t.find((t) => t === e) ?? t.find((t) => t.split("_")[0] === e.split("_")[0]) ?? "en_GB";
 }
-var An = kn();
-function jn(e) {
-	return On[An][e] ?? e;
+var Nn = Mn();
+function Pn(e) {
+	return jn[Nn][e] ?? An[e] ?? e;
 }
 //#endregion
 //#region src/utils/graphhopper.ts
-var Mn = class {
+var Fn = class {
 	async getLocationInBounds(e, t, n = 10) {
 		try {
 			let r = await this._callGraphHopper({
@@ -2967,7 +2968,7 @@ var Mn = class {
 	}
 	async _callGraphHopper(e) {
 		let t = new URLSearchParams(e);
-		t.append("key", "c5c40ac9-ed73-4e20-aed6-cfe495604ca8"), t.append("locale", An.slice(0, 2));
+		t.append("key", "c5c40ac9-ed73-4e20-aed6-cfe495604ca8"), t.append("locale", Nn.slice(0, 2));
 		let n = { headers: { Accept: "application/json" } }, r = `https://graphhopper.com/api/1/geocode?${t}`;
 		return await (await fetch(r, n)).json();
 	}
@@ -2994,7 +2995,7 @@ var Mn = class {
 			].filter(Boolean).join(", ")
 		}));
 	}
-}, Nn = class {
+}, In = class {
 	map;
 	mapContainer;
 	container;
@@ -3004,7 +3005,7 @@ var Mn = class {
 	inputWrapper;
 	button;
 	isOpen = !1;
-	geocoder = new Mn();
+	geocoder = new Fn();
 	suggestions = [];
 	items = [];
 	index = 0;
@@ -3013,7 +3014,7 @@ var Mn = class {
 		this.map = e, this.container = document.createElement("div"), this.control = document.createElement("div"), this.input = document.createElement("input"), this.dropdown = document.createElement("div"), this.inputWrapper = document.createElement("div"), this.button = document.createElement("button"), this.mapContainer = this.map.getContainer();
 	}
 	init() {
-		this.container.className = "geocoder-container", this.control.className = "geocoder-control", this.input.className = "geocoder-input", this.dropdown.className = "geocoder-dropdown", this.inputWrapper.className = "geocoder-input-wrapper", this.button.className = "control-button", this.input.type = "text", this.input.placeholder = jn("search"), this.button.innerHTML = En;
+		this.container.className = "geocoder-container", this.control.className = "geocoder-control", this.input.className = "geocoder-input", this.dropdown.className = "geocoder-dropdown", this.inputWrapper.className = "geocoder-input-wrapper", this.button.className = "control-button", this.input.type = "text", this.input.placeholder = Pn("search"), this.button.innerHTML = En;
 		let e = document.createElement("button");
 		e.className = "geocoder-clear", e.innerHTML = Dn;
 		let t = document.createElement("div");
@@ -3098,29 +3099,29 @@ var Mn = class {
 };
 //#endregion
 //#region src/utils/browser.ts
-function Pn() {
+function Ln() {
 	return navigator.userAgent.toLowerCase().indexOf("mobile") >= 0;
 }
 //#endregion
 //#region src/controls/webControls.ts
-function Fn(e, t, n, r, i) {
+function Rn(e, t, n, r, i) {
 	let a = document.createElement("div");
-	return a.classList.add("web-control", "adornment"), In(e, i).forEach((e) => {
+	return a.classList.add("web-control", "adornment"), zn(e, i).forEach((e) => {
 		let i;
 		if (e === "zoomIn") i = on(t);
 		else if (e === "zoomOut") i = sn(t);
 		else if (e === "fullscreen") i = Cn(t);
 		else if (e === "geolocation") i = gn(t, n);
 		else if (e === "refresh") i = Tn(t, r);
-		else if (e === "search") i = new Nn(t).init();
+		else if (e === "search") i = new In(t).init();
 		else if (e === "toggleAdornments") i = nn(t, t.getContainer());
 		else return;
 		a.appendChild(i);
 	}), a;
 }
-function In(e, t) {
+function zn(e, t) {
 	let n = e.buttons.flatMap((e) => e === "zoom" ? ["zoomIn", "zoomOut"] : e);
-	if (Pn()) {
+	if (Ln()) {
 		let e = n.filter((e) => e !== "zoomIn" && e !== "zoomOut");
 		if (t) {
 			let t = e[0] === "search" ? 1 : 0;
@@ -3132,7 +3133,7 @@ function In(e, t) {
 }
 //#endregion
 //#region src/adornments/copyright.ts
-var Ln = {
+var Bn = {
 	here: {
 		href: "https://www.here.com/",
 		label: "© HERE 2025"
@@ -3146,19 +3147,19 @@ var Ln = {
 		label: "© OpenStreetMap"
 	}
 };
-function Rn(e, t, n) {
+function Vn(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "adornment";
 	let i = () => {
-		r.innerHTML = Vn(t, e, t.getScale(), n);
+		r.innerHTML = Wn(t, e, t.getScale(), n);
 	}, a = n.loadReference(e.font ?? "Arial, sans-serif").then(i);
 	return t.on("attributionchange", i), t.on("zoomend", i), t.on("resize", i), {
 		element: r,
 		ready: a
 	};
 }
-function zn(e) {
-	let t = Object.values(e.style.tileManagers), n = [Ln.mapcreator], r = {
+function Hn(e) {
+	let t = Object.values(e.style.tileManagers), n = [Bn.mapcreator], r = {
 		osm: !1,
 		here: !1
 	};
@@ -3169,16 +3170,16 @@ function zn(e) {
 			"attribution" in e && typeof e.attribution == "string" && (e.attribution.includes("OpenStreetMap") && (r.osm = !0), e.attribution.includes("HERE") && (r.here = !0));
 		}
 	}
-	return r.osm && n.push(Ln.openStreetMap), r.here && n.push(Ln.here), n;
+	return r.osm && n.push(Bn.openStreetMap), r.here && n.push(Bn.here), n;
 }
-function Bn(e, t, n) {
+function Un(e, t, n) {
 	let r = document.createElement("span");
 	r.style.fontFamily = t.cssFamily, r.style.fontWeight = t.weight, r.style.fontStyle = t.style, r.style.fontSize = `${n}px`, r.style.position = "absolute", r.style.visibility = "hidden", r.innerText = e, document.body.appendChild(r);
 	let i = Math.max(r.offsetWidth, 1);
 	return r.remove(), i;
 }
-function Vn(e, t, n, r) {
-	let { color: i = "#000000", font: a = "Arial, sans-serif", fontSize: o = 10, orientation: s = "horizontal", position: c } = t, l = r.resolve(a), u = zn(e), d = Bn(u.map(({ label: e }) => e).join(" "), l, o), f = o * 1.2, p = s === "vertical", m = ["top_left", "bottom_left"].includes(c), h = p ? f : d, g = p ? d : f, _ = p ? m ? -90 : 90 : 0, v = p ? m ? .38 * o : .3 * o : .38 * o, y = u.map((e) => `<a href="${e.href}" target="_blank">${e.label}</a>`).join(" ");
+function Wn(e, t, n, r) {
+	let { color: i = "#000000", font: a = "Arial, sans-serif", fontSize: o = 10, orientation: s = "horizontal", position: c } = t, l = r.resolve(a), u = Hn(e), d = Un(u.map(({ label: e }) => e).join(" "), l, o), f = o * 1.2, p = s === "vertical", m = ["top_left", "bottom_left"].includes(c), h = p ? f : d, g = p ? d : f, _ = p ? m ? -90 : 90 : 0, v = p ? m ? .38 * o : .3 * o : .38 * o, y = u.map((e) => `<a href="${e.href}" target="_blank">${e.label}</a>`).join(" ");
 	return `
     <svg
       class="adornment-svg"
@@ -3204,7 +3205,7 @@ function Vn(e, t, n, r) {
 }
 //#endregion
 //#region node_modules/@turf/meta/dist/esm/index.js
-function Hn(e, t, n) {
+function Gn(e, t, n) {
 	if (e !== null) for (var r, i, a, o, s, c, l, u = 0, d = 0, f, p = e.type, m = p === "FeatureCollection", h = p === "Feature", g = m ? e.features.length : 1, _ = 0; _ < g; _++) {
 		l = m ? e.features[_].geometry : h ? e.geometry : e, f = l ? l.type === "GeometryCollection" : !1, s = f ? l.geometries.length : 1;
 		for (var v = 0; v < s; v++) {
@@ -3250,7 +3251,7 @@ function Hn(e, t, n) {
 						}
 						break;
 					case "GeometryCollection":
-						for (r = 0; r < o.geometries.length; r++) if (Hn(o.geometries[r], t, n) === !1) return !1;
+						for (r = 0; r < o.geometries.length; r++) if (Gn(o.geometries[r], t, n) === !1) return !1;
 						break;
 					default: throw Error("Unknown Geometry Type");
 				}
@@ -3260,8 +3261,8 @@ function Hn(e, t, n) {
 }
 //#endregion
 //#region src/adornments/insetMap.ts
-var Un = 100;
-function Wn(e, t, n, r) {
+var Kn = 100;
+function qn(e, t, n, r) {
 	let i = document.createElement("div");
 	i.className = "adornment";
 	let a = e.scale ?? 1;
@@ -3299,33 +3300,33 @@ function Wn(e, t, n, r) {
 		});
 		s.push(e);
 	}
-	Gn(o), r !== "interactive" && t.on("resize", () => Gn(o));
-	let c = Promise.all(s).then(() => Gn(o)).catch(() => {});
+	Jn(o), r !== "interactive" && t.on("resize", () => Jn(o));
+	let c = Promise.all(s).then(() => Jn(o)).catch(() => {});
 	return t.on("moveend", () => {
-		o.moveEndPosition = t.getCenter(), (o.isGlobe || o.globeFallbackActive) && Gn(o);
+		o.moveEndPosition = t.getCenter(), (o.isGlobe || o.globeFallbackActive) && Jn(o);
 	}), t.on("move", () => {
 		if (!o.isGlobe) {
-			let [e, n, r, i] = o.boundingBox, a = Jn(t), s = T(yt([a, _t([[
+			let [e, n, r, i] = o.boundingBox, a = Zn(t), s = T(yt([a, _t([[
 				[e, n],
 				[e, i],
 				[r, i],
 				[r, n],
 				[e, n]
 			]])])), c = C(a), l = (s ? C(s) : 0) < c * .75;
-			o.globeFallbackActive !== l && (o.globeFallbackActive = l, o.moveEndPosition = t.getCenter(), Gn(o));
+			o.globeFallbackActive !== l && (o.globeFallbackActive = l, o.moveEndPosition = t.getCenter(), Jn(o));
 		}
-		qn(o);
+		Xn(o);
 	}), {
 		element: i,
 		ready: c
 	};
 }
-function Gn(e) {
-	let { id: t, map: n, container: r, scale: i, backgroundColor: a, globeBackgroundColor: o, secondaryFillColor: s, secondaryStrokeColor: c, primaryFillColor: l, primaryStrokeColor: u, graticuleColor: d, borderColor: f, frameColor: p, frameOutlineColor: m, dotColor: h, dotOutlineColor: g } = e, _ = Un * i, v = n.getScale();
+function Jn(e) {
+	let { id: t, map: n, container: r, scale: i, backgroundColor: a, globeBackgroundColor: o, secondaryFillColor: s, secondaryStrokeColor: c, primaryFillColor: l, primaryStrokeColor: u, graticuleColor: d, borderColor: f, frameColor: p, frameOutlineColor: m, dotColor: h, dotOutlineColor: g } = e, _ = Kn * i, v = n.getScale();
 	r.style.width = `${_ * v}px`, r.style.height = `${_ * v}px`;
 	let y = e.globeFallbackActive && e.globeGeoJson !== void 0, b = y ? e.globeGeoJson : e.geoJson, x = y || e.isGlobe;
 	if (b === void 0) return;
-	let S = _ / 2, C = .1 * i, w = [x ? `<circle cx="${S}" cy="${S}" r="${S}" ${J(o)}></circle>` : `<rect x="0" y="0" width="${_}" height="${_}" ${J(a)}></rect>`], { path: T } = Kn(e), D = T({
+	let S = _ / 2, C = .1 * i, w = [x ? `<circle cx="${S}" cy="${S}" r="${S}" ${J(o)}></circle>` : `<rect x="0" y="0" width="${_}" height="${_}" ${J(a)}></rect>`], { path: T } = Yn(e), D = T({
 		...b,
 		features: b.features.filter((e) => e.properties?.class !== "P1")
 	});
@@ -3402,10 +3403,10 @@ function Gn(e) {
     >
       ${w.join("")}
     </svg>
-  `, qn(e);
+  `, Xn(e);
 }
-function Kn(e) {
-	let { scale: t, boundingBox: n, moveEndPosition: r } = e, i = e.globeFallbackActive && e.globeGeoJson !== void 0 || e.isGlobe, a = Un * t, o = k(), s;
+function Yn(e) {
+	let { scale: t, boundingBox: n, moveEndPosition: r } = e, i = e.globeFallbackActive && e.globeGeoJson !== void 0 || e.isGlobe, a = Kn * t, o = k(), s;
 	if (i) {
 		let { lng: e, lat: t } = r;
 		s = O().scale(a / 2).translate([a / 2, a / 2]).rotate([-e, -t]).clipAngle(90);
@@ -3419,11 +3420,11 @@ function Kn(e) {
 		projection: s
 	};
 }
-function qn(e) {
+function Xn(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 = Jn(n), { path: l, projection: u } = Kn(e), d = Infinity, f = -Infinity, p = Infinity, m = -Infinity, h = Infinity, g = -Infinity;
-	Hn(c, (e) => {
+	let c = Zn(n), { path: l, projection: u } = Yn(e), d = Infinity, f = -Infinity, p = Infinity, m = -Infinity, h = Infinity, g = -Infinity;
+	Gn(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]);
 	});
@@ -3438,7 +3439,7 @@ function qn(e) {
 		a.setAttribute("d", e), o.setAttribute("d", e);
 	} else a.style.display = "none", o.style.display = "none", s.style.display = "none";
 }
-function Jn(e) {
+function Zn(e) {
 	let { clientWidth: t, clientHeight: n } = e.getCanvas(), r = [];
 	for (let n = 0; n < 64; n++) {
 		let { lng: i, lat: a } = e.unprojectWithScaleCorrection([H(0, t, n / 64), 0]);
@@ -3468,14 +3469,14 @@ function Jn(e) {
 }
 //#endregion
 //#region src/utils/scalebar.ts
-var Yn = [
+var Qn = [
 	10,
 	5,
 	3,
 	2,
 	1
 ];
-function Xn(e, t = 1e-6) {
+function $n(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];
@@ -3487,25 +3488,25 @@ function Xn(e, t = 1e-6) {
 		else return [n * c + s, c];
 	}
 }
-function Zn(e) {
+function er(e) {
 	let t = 10 ** Math.floor(Math.log10(e)), n = e / t;
-	for (let e of Yn) if (n >= e) return e * t;
-	return Qn(n) * t;
+	for (let e of Qn) if (n >= e) return e * t;
+	return tr(n) * t;
 }
-function Qn(e) {
+function tr(e) {
 	let t = 10 ** Math.ceil(-Math.log(e) / Math.LN10);
 	return Math.round(e * t) / t;
 }
 //#endregion
 //#region src/adornments/scalebar.ts
-var $n = {
+var nr = {
 	kilometer: "km",
 	meter: "m",
 	mile: "mi",
 	foot: "ft",
 	nauticalMile: "nm"
 };
-function er(e, t, n, r) {
+function rr(e, t, n, r) {
 	let i = document.createElement("div");
 	i.className = "adornment";
 	let a = "Arial, sans-serif";
@@ -3513,19 +3514,19 @@ function er(e, t, n, r) {
 		element: i,
 		ready: n.loadReference(e.font ?? a, "700").then(() => {
 			let o = () => {
-				i.innerHTML = tr(t, e, t.getScale(), a, n);
+				i.innerHTML = ir(t, e, t.getScale(), a, n);
 			};
 			o(), t.on("move", o), r !== "interactive" && t.on("resize", o);
 		})
 	};
 }
-function tr(e, t, n, r, i) {
-	let { maxWidth: a = 100, fontSize: o = 8, color: s = "#000000", unit: c = "metric_and_imperial" } = t, l = i.resolve(t.font ?? r, "700"), u = e.getCenter(), d = e.project(u), f = B(u, e.unproject([d.x + a, d.y])), p = Object.fromEntries(Object.entries($n).map(([e, t]) => {
-		let n = oe("meter", e, f), r = Zn(n) || 0;
+function ir(e, t, n, r, i) {
+	let { maxWidth: a = 100, fontSize: o = 8, color: s = "#000000", unit: c = "metric_and_imperial" } = t, l = i.resolve(t.font ?? r, "700"), u = e.getCenter(), d = e.project(u), f = B(u, e.unproject([d.x + a, d.y])), p = Object.fromEntries(Object.entries(nr).map(([e, t]) => {
+		let n = oe("meter", e, f), r = er(n) || 0;
 		return [e, {
 			value: n,
 			ratio: n ? r / n : 0,
-			humanized: r < 1 ? `${Xn(r).join("/")} ${t}` : `${r} ${t}`
+			humanized: r < 1 ? `${$n(r).join("/")} ${t}` : `${r} ${t}`
 		}];
 	})), m = p.meter.value > 1e3 ? p.kilometer : p.meter, h = p.foot.value > 5280 ? p.mile : p.foot, g = {
 		imperial: h,
@@ -3665,7 +3666,7 @@ function tr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/adornments/heading.ts
-function nr(e, t, n, r) {
+function ar(e, t, n, r) {
 	let i = document.createElement("div");
 	i.className = "adornment";
 	let a = "ArialMT", o = Array.from(new Set([e.titleFont ?? a, e.subtitleFont ?? a]));
@@ -3673,13 +3674,13 @@ function nr(e, t, n, r) {
 		element: i,
 		ready: Promise.all(o.map((e) => n.loadReference(e))).then(() => {
 			let o = () => {
-				i.innerHTML = rr(e, a, t.getScale(), n);
+				i.innerHTML = or(e, a, t.getScale(), n);
 			};
 			o(), r !== "interactive" && t.on("resize", o);
 		})
 	};
 }
-function rr(e, t, n, r) {
+function or(e, t, n, r) {
 	let { title: i, titleColor: a = "#000000", titleFontSize: o = 20, titleJustify: s = "center", subtitle: c, subtitleColor: l = "#000000", subtitleFontSize: u = 12, subtitleJustify: d = "center", background: f = "#ffffff", showBackground: p = !1 } = e, m = r.resolve(e.titleFont ?? t), h = r.resolve(e.subtitleFont ?? t), g = 0, _ = 0, v = 0, y = 0, b = 0, x = i.trim().length > 0 ? it([i], m, o) : null, S = c.trim().length > 0 ? it([c], h, u) : null;
 	if (g = Math.max(x?.width ?? 0, S?.width ?? 0), x) {
 		let { ascent: e, descent: t } = x;
@@ -3698,7 +3699,7 @@ function rr(e, t, n, r) {
 }
 //#endregion
 //#region src/constants/index.ts
-var ir = {
+var sr = {
 	"sky-color": "#6babff",
 	"sky-horizon-blend": 1,
 	"horizon-color": [
@@ -3716,7 +3717,7 @@ var ir = {
 	"fog-color": "#edf7fc",
 	"fog-ground-blend": .5,
 	"atmosphere-blend": 1
-}, ar = {
+}, cr = {
 	top_left: {
 		x: 5,
 		y: 5,
@@ -3757,7 +3758,7 @@ var ir = {
 		y: 0,
 		unit: "px"
 	}
-}, or = {
+}, lr = {
 	top_left: {
 		x: "left",
 		y: "top"
@@ -3790,7 +3791,7 @@ var ir = {
 		x: "left",
 		y: "center"
 	}
-}, sr = {
+}, ur = {
 	fill: {
 		props: ["fill-opacity"],
 		defaultValue: 1
@@ -3835,17 +3836,17 @@ var ir = {
 		props: [],
 		defaultValue: 1
 	}
-}, cr = [
+}, dr = [
 	"beforeWaters",
 	"beforeBoundaries",
 	"beforeNames",
 	"beforeNone"
-], lr = {
+], fr = {
 	beforeWaters: "mc-before-waters",
 	beforeBoundaries: "mc-before-boundaries",
 	beforeNames: "mc-before-names",
 	beforeNone: "mc-before-none"
-}, ur = {
+}, pr = {
 	jpg: "static",
 	png: "static",
 	svg: "static",
@@ -3863,7 +3864,7 @@ var ir = {
 	web_video: "video",
 	web: "interactive",
 	web_download: "interactive"
-}, dr = [
+}, mr = [
 	"top_left",
 	"top_right",
 	"bottom_left",
@@ -3872,12 +3873,12 @@ var ir = {
 	"left_center",
 	"right_center",
 	"bottom_center"
-], fr = /* @__PURE__ */ new Map(), pr = (e) => fr.delete(e);
-async function mr(e, t, n, r, i, a, o) {
+], hr = /* @__PURE__ */ new Map(), gr = (e) => hr.delete(e);
+async function _r(e, t, n, r, i, a, o) {
 	let s = [...e.adornments ?? []], { fonts: c } = r;
-	hr(n), gr(n, t, o);
+	vr(n), yr(n, t, o);
 	let l = [], u = s.some((e) => !["copyright", "webControls"].includes(e.type));
-	Pn() && u && !s.some((e) => e.type === "webControls") && s.unshift({
+	Ln() && u && !s.some((e) => e.type === "webControls") && s.unshift({
 		type: "webControls",
 		id: "web_controls",
 		name: "Web controls",
@@ -3887,15 +3888,15 @@ async function mr(e, t, n, r, i, a, o) {
 	}), s.forEach((t) => {
 		if (t.type === "custom") Q(n, Ce(t, n, o), t.position, t.stacking);
 		else if (t.type === "northArrow") Q(n, Qt(t, n, o), t.position, t.stacking);
-		else if (t.type === "webControls" && t.buttons && o === "interactive") Q(n, Fn(t, n, r, i, u), t.position, t.stacking);
+		else if (t.type === "webControls" && t.buttons && o === "interactive") Q(n, Rn(t, n, r, i, u), t.position, t.stacking);
 		else if (t.type === "scalebar") {
-			let { element: e, ready: r } = er(t, n, c, o);
+			let { element: e, ready: r } = rr(t, n, c, o);
 			Q(n, e, t.position, t.stacking), l.push(r);
 		} else if (t.type === "insetMap") {
-			let { element: e, ready: r } = Wn(t, n, a, o);
+			let { element: e, ready: r } = qn(t, n, a, o);
 			Q(n, e, t.position, t.stacking), l.push(r);
 		} else if (t.type === "heading") {
-			let { element: e, ready: r } = nr(t, n, c, o);
+			let { element: e, ready: r } = ar(t, n, c, o);
 			Q(n, e, t.position, t.stacking), l.push(r);
 		} else if (t.type === "manualLegend") {
 			let { element: e, ready: r } = Zt(t, n, c, o);
@@ -3904,15 +3905,15 @@ async function mr(e, t, n, r, i, a, o) {
 			let { element: r, ready: i } = Ut(t, e, n, c, o);
 			Q(n, r, t.position, t.stacking), l.push(i);
 		} else if (t.type === "copyright" && o !== "interactive") {
-			let { element: e, ready: r } = Rn(t, n, c);
+			let { element: e, ready: r } = Vn(t, n, c);
 			Q(n, e, t.position, t.stacking), l.push(r);
 		}
-	}), n.on("resize", () => gr(n, t, o)), await Promise.all(l);
+	}), n.on("resize", () => yr(n, t, o)), await Promise.all(l);
 }
-function hr(e) {
+function vr(e) {
 	let t = /* @__PURE__ */ new Map(), n = e.getContainer(), r = window.getComputedStyle(n);
 	n.style.setProperty("--adornment-text-direction", r.direction), n.style.setProperty("--adornment-text-writing-mode", r.writingMode);
-	for (let e of dr) {
+	for (let e of mr) {
 		let r = document.createElement("div"), 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), t.set(e, {
 			container: r,
@@ -3920,29 +3921,29 @@ function hr(e) {
 			vertical: a
 		});
 	}
-	fr.set(e, t);
+	hr.set(e, t);
 }
-function gr(e, t, n) {
-	let r = fr.get(e), i = e.getScale();
+function yr(e, t, n) {
+	let r = hr.get(e), i = e.getScale();
 	if (r) {
 		e.getContainer().style.setProperty("--adornment-spacing", `${5 * i}px`);
-		for (let [e, { container: a }] of r) a.style.cssText = _r(e, t[e], i, n);
+		for (let [e, { container: a }] of r) a.style.cssText = br(e, t[e], i, n);
 	}
 }
-function _r(e, t, n, r) {
-	let i = or[e], a = "", o = [], { x: s, y: c, unit: l } = t;
+function br(e, t, n, r) {
+	let i = lr[e], a = "", o = [], { x: s, y: c, unit: l } = t;
 	return l === "px" && (s *= n, c *= n), 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 === "interactive" ? a += `${i.y}: max(${c}${l}, 25px);` : a += `${i.y}: ${c}${l};`, o.length && (a += `transform: ${o.join(" ")};`), a;
 }
 function Q(e, t, n, r) {
-	Pn() && !t.classList.contains("web-control") && t.classList.add("hide"), r ||= ["left_center", "right_center"].includes(n) ? "vertical" : "horizontal";
-	let i = fr.get(e)?.get(n), a = n === "left_center" || n === "right_center" ? "vertical" : "horizontal";
+	Ln() && !t.classList.contains("web-control") && t.classList.add("hide"), r ||= ["left_center", "right_center"].includes(n) ? "vertical" : "horizontal";
+	let i = hr.get(e)?.get(n), a = n === "left_center" || n === "right_center" ? "vertical" : "horizontal";
 	i?.[a].hasChildNodes() || (r = a), (i?.[r])?.appendChild(t);
 }
 //#endregion
 //#region src/utils/mapstyle.ts
-function vr(e) {
-	for (let t of cr) {
-		let n = lr[t];
+function xr(e) {
+	for (let t of dr) {
+		let n = fr[t];
 		e.layers.find((e) => e.id === n) === void 0 && (e.sources.empty === void 0 && (e.sources.empty = {
 			type: "geojson",
 			data: {
@@ -3959,12 +3960,12 @@ function vr(e) {
 }
 //#endregion
 //#region src/models/polygon.ts
-function yr(e, t, n, r, i) {
+function Sr(e, t, n, r, i) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((e) => br(t, e, r, i))
+			features: t.models.filter((e) => e.visible ?? !0).map((e) => Cr(t, e, r, i))
 		}
 	}), e.addLayer({
 		id: t.id,
@@ -4022,7 +4023,7 @@ function yr(e, t, n, r, i) {
 		}
 	}, n);
 }
-function br(e, t, n, r) {
+function Cr(e, t, n, r) {
 	let i = t.fillPattern === void 0 ? void 0 : r.getMapLibreImageKey(n[t.fillPattern], 2 * window.devicePixelRatio);
 	return {
 		type: "Feature",
@@ -4042,12 +4043,12 @@ function br(e, t, n, r) {
 }
 //#endregion
 //#region src/models/circle.ts
-function xr(e, t, n, r, i) {
+function wr(e, t, n, r, i) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((e) => Sr(t, e, 1, r, i))
+			features: t.models.filter((e) => e.visible ?? !0).map((e) => Tr(t, e, 1, r, i))
 		}
 	}), e.addLayer({
 		id: t.id,
@@ -4141,7 +4142,7 @@ function xr(e, t, n, r, i) {
 		}
 	}, n);
 }
-function Sr(e, t, n, r, i) {
+function Tr(e, t, n, r, i) {
 	let a = t.fillPattern === void 0 ? void 0 : i.getMapLibreImageKey(r[t.fillPattern], 2 * window.devicePixelRatio);
 	return {
 		type: "Feature",
@@ -4170,13 +4171,13 @@ function Sr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/models/marker.ts
-var Cr = "Roboto-Regular";
-function wr(e, t, n, r, i, a) {
+var Er = "Roboto-Regular";
+function Dr(e, t, n, r, i, a) {
 	let o = [], s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = ["match", ["get", "text-font"]], u = !!t.clustering;
-	for (let n of t.models) (n.visible ?? !0) && o.push(Er(e, t, n, 1, r, i)), s.add(n.textFont), c.add(n.textLineHeight ?? 1.2);
+	for (let n of t.models) (n.visible ?? !0) && o.push(kr(e, t, n, 1, r, i)), s.add(n.textFont), c.add(n.textLineHeight ?? 1.2);
 	if (Array.from(s).length > 0) {
-		for (let e of Array.from(s)) l.push(e, ["literal", [e, Cr]]);
-		l.push(["literal", [Cr]]);
+		for (let e of Array.from(s)) l.push(e, ["literal", [e, Er]]);
+		l.push(["literal", [Er]]);
 	}
 	e.addSource(t.id, {
 		type: "geojson",
@@ -4273,7 +4274,7 @@ function wr(e, t, n, r, i, a) {
 			stops: t.clusterTextColor ?? []
 		} },
 		layout: {
-			"text-font": ["literal", [Cr]],
+			"text-font": ["literal", [Er]],
 			"text-field": "{point_count_abbreviated}",
 			"text-size": {
 				property: "point_count",
@@ -4344,9 +4345,9 @@ function wr(e, t, n, r, i, a) {
 				["!", ["has", "point_count"]]
 			]
 		});
-	}), Tr(e, t)));
+	}), Or(e, t)));
 }
-function Tr(e, t) {
+function Or(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;
@@ -4359,7 +4360,7 @@ function Tr(e, t) {
 		});
 	});
 }
-function Er(e, t, n, r, i, a) {
+function kr(e, t, n, r, i, a) {
 	let o = n.svg === void 0 ? void 0 : ot(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 : Qe(o);
 	return {
 		type: "Feature",
@@ -4400,25 +4401,25 @@ function Er(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/utils/overlays.ts
-async function Dr(e, t, n, r, i, a) {
+async function Ar(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 = fe(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}`;
-		Or(i, n, a);
+		jr(i, n, a);
 	}
 	return o;
 }
-function Or(e, t, n) {
+function jr(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(kr(r, n), e);
+		t.addLayer(Mr(r, n), e);
 	}
 }
-function kr(e, t) {
+function Mr(e, t) {
 	let n = t ?? {}, r = e.metadata?.["mc-original-layer-id"], i = r === void 0 ? {} : n[r] ?? {}, a = {
 		...e,
 		layout: {
@@ -4438,23 +4439,23 @@ function kr(e, t) {
 }
 //#endregion
 //#region src/images/popup-previous.svg?raw
-var Ar = "<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", jr = "<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", Mr = "<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", Nr = "<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 Nr = "<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", Pr = "<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", Fr = "<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", Ir = "<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 Pr(e, t) {
+function Lr(e, t) {
 	let { allowFullscreen: n, loop: r } = e, i = te(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 = Ir(a), a = Fr(a), s.length) {
+	if (n || s.push("fs=0"), r && o && s.push(`loop=1&playlist=${o}`), a = zr(a), a = Rr(a), s.length) {
 		let e = a.includes("?") ? "&" : "?";
 		a += `${e}${s.join("&")}`;
 	}
 	return a;
 }
-function Fr(e) {
+function Rr(e) {
 	return e.replace(/([?&])si=[^&]+(&)?/, (e, t, n) => t === "?" && !n ? "" : t === "?" && n ? "?" : n ? "&" : "");
 }
-function Ir(e) {
+function zr(e) {
 	let t = new URL(e), n = t.searchParams.get("t");
 	if (!n) return e;
 	let r = 0, i = /^((\d+)m)?((\d+)s)?$/;
@@ -4470,12 +4471,12 @@ function Ir(e) {
 }
 //#endregion
 //#region src/utils/template.ts
-function Lr(e, t, n, r) {
+function Br(e, t, n, r) {
 	let i;
-	if (t?.type === "video") i = r ? Hr(t.src, n) : `
+	if (t?.type === "video") i = r ? Gr(t.src, n) : `
         <div class="youtube-container">
           <iframe
-            src="${Pr(t, n)}"
+            src="${Lr(t, n)}"
             width="100%" height="300" style="border: none" allowfullscreen>
           </iframe>
         </div>
@@ -4489,7 +4490,7 @@ function Lr(e, t, n, r) {
     `;
 	}
 	i = i ? `<div class="media-content">${i}</div>` : "";
-	let a = e ? `<div class="text-content">${Br(e, n)}</div>` : "";
+	let a = e ? `<div class="text-content">${Ur(e, n)}</div>` : "";
 	return `
     <div class="popup-scroll-wrapper">
       <div class="mc-popup">
@@ -4499,53 +4500,53 @@ function Lr(e, t, n, r) {
     </div>
   `;
 }
-var Rr = `
+var Vr = `
   <button class="mc-popup-button close">
-    ${jr}
+    ${Pr}
   </button>
-`, zr = `
+`, Hr = `
   <div class="cycle-buttons">
     <button class="mc-popup-button prev">
-      ${Ar}
+      ${Nr}
     </button>
     <button class="mc-popup-button next">
-      ${Mr}
+      ${Fr}
     </button>
   </div>
 `;
-function Br(e, t) {
+function Ur(e, t) {
 	return e ? (e = e.replace(/placeholder="[^"]+"/, ""), e = e.replace(/onerror="[^"]+"/, ""), e = e.replace(/youtube\.com\/embed\/\$([^"'<>\\]+)/gi, (e, n) => {
 		let r = ne(t[n]);
 		return r ? `youtube.com/embed/${ie(r)}?` : "";
 	}), e = e.replace(/(\S+?)\s*=\s*"\$([^"]+?)"/g, (e, n, r) => {
 		let i = ne(t[r]);
-		return ["src", "href"].includes(n) && !i ? "" : ["src", "href"].includes(n) ? /^(mailto:|tel:|ftp:|data:|http:\/\/|https:\/\/)/i.test(i) ? ` ${n}="${i}"` : ` ${n}="${Vr(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}="${Wr(i)}"` : ` ${n}="${i}"`;
 	}), e = e.replace(/>\$(.+?)</gi, (e, n) => `>${ne(t[n])}<`), e = e.replace(/<span\s+class="mention"\s+data-mention-id="[^"]*">(.*?)<\/span>/gim, (e, t) => t), e) : "";
 }
-function Vr(e) {
+function Wr(e) {
 	return /^https?:\/\//i.test(e) ? e : `https://${e}`;
 }
-function Hr(e, t) {
+function Gr(e, t) {
 	return `
     <div class="youtube-placeholder">
       <img src="${`https://img.youtube.com/vi/${ie(te(e, t))}/hqdefault.jpg`}" />
       <div class="popup-alert">
-        <div class="alert-icon">${Nr}</div>
-        <div>${jn("videoAlert")}</div>
+        <div class="alert-icon">${Ir}</div>
+        <div>${Pn("videoAlert")}</div>
       </div>
     </div>
   `;
 }
 //#endregion
 //#region src/Registry.ts
-var Ur = [
+var Kr = [
 	"area",
 	"circle",
 	"dot",
 	"line",
 	"marker",
 	"polygon"
-], Wr = class {
+], qr = class {
 	models;
 	groups;
 	customGroupIds;
@@ -4565,7 +4566,7 @@ var Ur = [
 			marker: {},
 			polygon: {}
 		};
-		for (let t of Ur) for (let n of e.registry?.models?.[t] ?? []) {
+		for (let t of Kr) for (let n of e.registry?.models?.[t] ?? []) {
 			this.models[t][n.id] = {}, this.groups[t][n.id] = n;
 			for (let e of n.models) {
 				if (t === "area") {
@@ -4611,7 +4612,7 @@ var Ur = [
 		}
 		return e.reverse();
 	}
-}, Gr = class {
+}, Jr = class {
 	map;
 	popupElements;
 	currentPopupElement;
@@ -4795,7 +4796,7 @@ var Ur = [
 			});
 		}
 	}
-}, Kr = class {
+}, Yr = class {
 	map;
 	youTubePlaceholder;
 	language = "en";
@@ -4816,7 +4817,7 @@ var Ur = [
 		this.map = e, this.youTubePlaceholder = 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 Wr(e);
+		this.registry = new qr(e);
 	}
 	setParams(e, t, n, r) {
 		this.popupPosition = e, this.language = t, this.restrictMapMovement = n, this.center = r;
@@ -4828,7 +4829,7 @@ var Ur = [
 		this.popupElements = this.registry.getPopupElements();
 	}
 	setHighlightManager() {
-		this.highlightManager = new Gr(this.map, this.popupElements);
+		this.highlightManager = new Jr(this.map, this.popupElements);
 	}
 	onMouseMove(e) {
 		this.feature = this.getInteractiveFeature(e), this.feature ? this.map.getCanvas().style.cursor = "pointer" : this.map.getCanvas().style.cursor = "";
@@ -4874,7 +4875,7 @@ var Ur = [
 	}
 	getTemplate(e) {
 		let { layer: t } = e, n, r = this.registry.getModel(e);
-		if (r?.popup || r?.popupMedia) n = Lr(r.popup, r.popupMedia, r.dataBindings ?? {}, this.youTubePlaceholder);
+		if (r?.popup || r?.popupMedia) n = Br(r.popup, r.popupMedia, r.dataBindings ?? {}, this.youTubePlaceholder);
 		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("");
@@ -4898,11 +4899,11 @@ var Ur = [
 		return t.innerHTML = e.trim(), t.content.firstElementChild;
 	}
 	addPopupControls() {
-		let e = this.htmlToElement(Rr);
+		let e = this.htmlToElement(Vr);
 		if (e && (e.addEventListener("click", () => {
 			this.hidePopup(), this.highlightManager.highlight(void 0);
 		}), this.popupContainer.appendChild(e)), this.popupElements.length > 1) {
-			let e = this.htmlToElement(zr);
+			let e = this.htmlToElement(Hr);
 			e && (e.querySelector(".prev")?.addEventListener("click", () => this.cyclePopups(!1)), e.querySelector(".next")?.addEventListener("click", () => this.cyclePopups()), this.popupContainer.appendChild(e));
 		}
 	}
@@ -4939,17 +4940,17 @@ var Ur = [
 			n = e ? t === this.popupElements.length - 1 ? 0 : t + 1 : t === 0 ? this.popupElements.length - 1 : t - 1;
 			let r = this.popupElements?.[n];
 			this.currentModelId = r.modelId, this.highlightManager.highlight(r, !0);
-			let i = Lr(r.popup, r.popupMedia, r.dataBindings ?? {}, this.youTubePlaceholder), a = this.popupContainer;
+			let i = Br(r.popup, r.popupMedia, r.dataBindings ?? {}, this.youTubePlaceholder), a = this.popupContainer;
 			this.popupContainer.remove(), a.innerHTML = i, this.mapContainer.appendChild(a), this.addPopupControls(), e ? this.popupContainer.querySelector(".mc-popup-button.next")?.focus() : this.popupContainer.querySelector(".mc-popup-button.prev")?.focus();
 		}
 	}
-}, qr = class {
+}, Xr = class {
 	line;
 	mercatorLine;
 	distances;
 	totalLength;
 	constructor(e) {
-		this.line = e.filter((t, n) => n === 0 || e[n][0] !== e[n - 1][0] || e[n][1] !== e[n - 1][1]), this.mercatorLine = this.line.map((e) => a.fromLngLat(e)), this.distances = Jr(this.mercatorLine), this.totalLength = this.distances[this.distances.length - 1];
+		this.line = e.filter((t, n) => n === 0 || e[n][0] !== e[n - 1][0] || e[n][1] !== e[n - 1][1]), this.mercatorLine = this.line.map((e) => a.fromLngLat(e)), this.distances = Zr(this.mercatorLine), this.totalLength = this.distances[this.distances.length - 1];
 	}
 	sample(e) {
 		let t = this.mercatorLine, n = this.distances;
@@ -4969,11 +4970,11 @@ var Ur = [
 		let n = this.mercatorLine.filter((n, r) => this.distances[r] >= e * this.totalLength && this.distances[r] <= t * this.totalLength);
 		if (e > 0) {
 			let t = this.sample(e);
-			Yr(t, n[0]) || n.unshift(t);
+			Qr(t, n[0]) || n.unshift(t);
 		}
 		if (t < 1) {
 			let e = this.sample(t);
-			Yr(e, n[n.length - 1]) || n.push(e);
+			Qr(e, n[n.length - 1]) || n.push(e);
 		}
 		return n.map((e) => {
 			let { lng: t, lat: n } = e.toLngLat();
@@ -4984,7 +4985,7 @@ var Ur = [
 		return this.totalLength;
 	}
 };
-function Jr(e) {
+function Zr(e) {
 	let t = 0, n = [t];
 	for (let r = 1; r < e.length; ++r) {
 		let i = e[r - 1], a = e[r], o = a.x - i.x, s = a.y - i.y;
@@ -4992,24 +4993,24 @@ function Jr(e) {
 	}
 	return n;
 }
-function Yr(e, t) {
+function Qr(e, t) {
 	return e.x === t.x && e.y === t.y;
 }
 //#endregion
 //#region src/models/line.ts
-var Xr = {
+var $r = {
 	solid: [1, 0],
 	dotted: [.7, .3],
 	dashed: [3.5, 1.5]
 };
-function Zr(e, t, n, r, i) {
+function ei(e, t, n, r, i) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((n) => Qr(e, t, n, 1, r))
+			features: t.models.filter((e) => e.visible ?? !0).map((n) => ti(e, t, n, 1, r))
 		}
-	}), Object.entries(Xr).forEach(([r, i]) => {
+	}), Object.entries($r).forEach(([r, i]) => {
 		t.models.some((e) => (e.lineStyle ?? "solid") === r) && e.addLayer({
 			id: `${t.id}-${r}`,
 			type: "line",
@@ -5092,8 +5093,8 @@ function Zr(e, t, n, r, i) {
 		]
 	}, n);
 }
-function Qr(e, t, n, r, i) {
-	let a = new qr(n.geometry).slice(0, r), o = n.svg !== void 0 && a.length > 1 ? ot(n.dataBindings ?? {}, n.svg, void 0) : void 0, s = o === void 0 ? void 0 : i.getMapLibreImageKey(o, window.devicePixelRatio * (n.iconScale ?? 1) * e.getScale());
+function ti(e, t, n, r, i) {
+	let a = new Xr(n.geometry).slice(0, r), o = n.svg !== void 0 && a.length > 1 ? ot(n.dataBindings ?? {}, n.svg, void 0) : void 0, s = o === void 0 ? void 0 : i.getMapLibreImageKey(o, window.devicePixelRatio * (n.iconScale ?? 1) * e.getScale());
 	return {
 		type: "Feature",
 		id: V(n.id),
@@ -5104,7 +5105,7 @@ function Qr(e, t, n, r, i) {
 			"line-style": n.lineStyle ?? "solid",
 			"mc-image-key": s,
 			"mc-svg-string": o,
-			"icon-rotate": $r(n, a, e),
+			"icon-rotate": ni(n, a, e),
 			"icon-offset": n.iconOffset,
 			"icon-size": n.iconScale
 		},
@@ -5120,12 +5121,12 @@ function Qr(e, t, n, r, i) {
 		}
 	};
 }
-function $r(e, t, n) {
+function ni(e, t, n) {
 	return e.iconRotation ? e.iconAlign ? kt(t, n) + e.iconRotation : e.iconRotation : 0;
 }
 //#endregion
 //#region src/models/area.ts
-function ei(e, t, n, r, i, a, o) {
+function ri(e, t, n, r, i, a, o) {
 	let s = It(t), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
 	for (let e of t.models) {
 		let n = e.featureId, a = t.id, o = [], u = Dt(e), d = Et(a, e), f = l.get(d) ?? {
@@ -5293,12 +5294,12 @@ function ei(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/models/dot.ts
-function ti(e, t, n) {
+function ii(e, t, n) {
 	e.addSource(t.id, {
 		type: "geojson",
 		data: {
 			type: "FeatureCollection",
-			features: t.models.filter((e) => e.visible ?? !0).map((e) => ni(t, e))
+			features: t.models.filter((e) => e.visible ?? !0).map((e) => ai(t, e))
 		}
 	}), e.addLayer({
 		id: t.id,
@@ -5319,7 +5320,7 @@ function ti(e, t, n) {
 		}
 	}, n);
 }
-function ni(e, t) {
+function ai(e, t) {
 	return {
 		type: "Feature",
 		id: t.id,
@@ -5336,7 +5337,7 @@ function ni(e, t) {
 }
 //#endregion
 //#region src/utils/pdfFonts.ts
-function ri(e) {
+function oi(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
 	function i(n) {
 		return t.get(n) ?? t.set(n, e.load(n)).get(n);
@@ -5379,18 +5380,18 @@ function ri(e) {
 }
 //#endregion
 //#region src/utils/svg2pdf.ts
-function ii(e, t, n) {
-	let r = e.metadata?.colorconversion, i = r ? new Map(r.map((e) => [ai(e.rgbin.split(" ").map((e) => Number(e))), e.cmykout.split(" ").map((e) => Number(e) * 100)])) : null;
+function si(e, t, n) {
+	let r = e.metadata?.colorconversion, i = r ? new Map(r.map((e) => [ci(e.rgbin.split(" ").map((e) => Number(e))), e.cmykout.split(" ").map((e) => Number(e) * 100)])) : null;
 	return {
-		colorCallback: oi.bind(null, i),
-		fontCallback: si(t, n),
+		colorCallback: li.bind(null, i),
+		fontCallback: ui(t, n),
 		assumePt: !0
 	};
 }
-var ai = ([e, t, n]) => `R${e}G${t}B${n}`;
-function oi(e, t) {
+var ci = ([e, t, n]) => `R${e}G${t}B${n}`;
+function li(e, t) {
 	if (!t) return;
-	let n = t[0], r = ai(n), i = e?.get(r);
+	let n = t[0], r = ci(n), i = e?.get(r);
 	if (i) return [i, t[1]];
 	let a = (255 - n[0]) / 255, o = (255 - n[1]) / 255, s = (255 - n[2]) / 255, c = Math.min(a, o, s);
 	return [[
@@ -5400,8 +5401,8 @@ function oi(e, t) {
 		c * 100
 	], t[1]];
 }
-function si(e, t) {
-	return ri({
+function ui(e, t) {
+	return oi({
 		registered: (t, n, r) => {
 			let i = Fe(e.fontMap.values(), t, n, r) ?? e.getDirectFont(t);
 			return i && {
@@ -5410,7 +5411,7 @@ function si(e, t) {
 				style: i.style
 			};
 		},
-		search: async (e, n, r) => (await ci(t, {
+		search: async (e, n, r) => (await di(t, {
 			family: e,
 			weight: String(n),
 			style: r
@@ -5424,7 +5425,7 @@ function si(e, t) {
 		}
 	});
 }
-async function ci(e, t) {
+async function di(e, t) {
 	let n = new URLSearchParams(Object.entries(t).map(([e, t]) => [e, String(t)])), r = `${e.apiUrl ?? "https://api.mapcreator.io"}/v1/fonts/search?${n}`, i = {
 		Accept: "application/json",
 		Authorization: e.bearerToken.startsWith("Bearer ") ? e.bearerToken : `Bearer ${e.bearerToken}`
@@ -5443,10 +5444,10 @@ async function ci(e, t) {
 }
 //#endregion
 //#region src/utils/geoTiff.ts
-function li(e, { width: t, height: n }) {
+function fi(e, { width: t, height: n }) {
 	let r = [];
 	for (let i = 0; i <= 2; i++) for (let s = 0; s <= 2; s++) {
-		let c = i / 2 * t, l = s / 2 * n, { x: u, y: d } = ui(a.fromLngLat(e.unprojectWithScaleCorrection(new o(c, l))));
+		let c = i / 2 * t, l = s / 2 * n, { x: u, y: d } = pi(a.fromLngLat(e.unprojectWithScaleCorrection(new o(c, l))));
 		r.push(c, l, 0, u, d, 0);
 	}
 	return {
@@ -5459,7 +5460,7 @@ function li(e, { width: t, height: n }) {
 		ModelPixelScale: []
 	};
 }
-function ui(e) {
+function pi(e) {
 	return {
 		x: H(-20037508.34, 20037508.34, e.x),
 		y: H(20037508.34, -20037508.34, e.y)
@@ -5467,7 +5468,7 @@ function ui(e) {
 }
 //#endregion
 //#region src/Image.ts
-var di = class {
+var mi = class {
 	mcMap;
 	format;
 	svgCache;
@@ -5493,49 +5494,63 @@ var di = class {
 };
 //#endregion
 //#region src/utils/video/index.ts
-function fi(e) {
-	let t = e.length > 0 ? [pi(e[0])] : [], n = 0, r = 0;
+function hi(e) {
+	let t = e.length > 0 ? [gi(e[0])] : [], n = 0, r = 0;
 	for (let i = 1; i < e.length; ++i) {
-		let a = pi(e[i]);
-		n += mi(e[i - 1].center[0], a.center[0]), r += mi(e[i - 1].bearing, a.bearing), a.center[0] += n * 360, a.x += n, a.bearing += r * 360, t.push(a);
+		let a = gi(e[i]);
+		n += _i(e[i - 1].center[0], a.center[0]), r += _i(e[i - 1].bearing, a.bearing), a.center[0] += n * 360, a.x += n, a.bearing += r * 360, t.push(a);
 	}
 	return t;
 }
-function pi(e) {
+function gi(e) {
 	return {
 		...e,
 		center: [e.center[0], e.center[1]]
 	};
 }
-function mi(e, t) {
+function _i(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 hi(e) {
+function vi(e) {
 	return 2 ** -e;
 }
-function gi(e) {
+function yi(e) {
 	return e.length > 0 ? e[e.length - 1].time : 0;
 }
-function _i(e) {
+function bi(e) {
 	return `${String(Math.floor(e % 36e5 / 6e4)).padStart(2, "0")}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
 }
-function vi(e) {
+function xi(e) {
 	return he(e, 23.976) ? 24e3 / 1001 : he(e, 29.97) ? 3e4 / 1001 : he(e, 59.94) ? 6e4 / 1001 : e;
 }
-function yi(e, t) {
+function Si(e, t) {
 	return e === void 0 || t === void 0 ? e === t : e.center.lat === t.center.lat && e.center.lng === t.center.lng && e.zoom === t.zoom && e.bearing === t.bearing && e.pitch === t.pitch && e.fov === t.fov && e.elevation === t.elevation;
 }
 //#endregion
 //#region src/VideoPreloadOverlay.ts
-var bi = "\n  <div class=\"preload-bar-vertical\"></div>\n  <div class=\"preload-bar-horizontal\"></div>\n  <div class=\"preload-badge\">\n    <div class=\"preload-ring-outer\"></div>\n    <div class=\"preload-ring-inner\"></div>\n    <div class=\"preload-ring-dots\"></div>\n    <div class=\"preload-content\">\n      <div class=\"preload-logo\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"130\" height=\"18\" viewBox=\"0 0 130 18\" fill=\"currentColor\"><path d=\"M16.49.815h-3.283V17.35h3.283zm-6.566 0h-3.32v6.567h3.32zm16.461 0h-6.567v3.32h6.567zm0 13.215h-6.567v3.319h6.567zM3.321.815H.038V17.35h3.283zM38.38 5.18l2.01 5.667 2-5.666h2.12v7.812h-1.62v-2.137l.164-3.684-2.092 5.82h-1.128l-2.11-5.82.164 3.684v2.137h-1.61V5.18zm14.488 6.176h-2.81l-.537 1.61h-1.728l2.91-7.812h1.492l2.928 7.812h-1.719zm-2.392-1.273h1.955l-.982-2.929zm9.432.154v2.729h-1.61V5.18h3.046a3.5 3.5 0 0 1 1.547.318c.426.193.784.51 1.027.91.246.405.372.872.364 1.346a2.21 2.21 0 0 1-.791 1.819 3.27 3.27 0 0 1-2.174.663zm0-1.3h1.436c.352.02.698-.09.974-.31a1.1 1.1 0 0 0 .336-.909 1.2 1.2 0 0 0-1.1-1.291h-1.646zm14.059 1.455a2.73 2.73 0 0 1-.91 1.982 3.2 3.2 0 0 1-2.21.728 2.94 2.94 0 0 1-2.364-1.01 4.16 4.16 0 0 1-.91-2.783v-.472a4.7 4.7 0 0 1 .419-2.028c.25-.535.656-.982 1.164-1.283a3.24 3.24 0 0 1 1.71-.455 3.17 3.17 0 0 1 2.182.728c.557.53.884 1.259.91 2.028h-1.592a1.62 1.62 0 0 0-.418-1.091 1.57 1.57 0 0 0-1.11-.346 1.35 1.35 0 0 0-1.2.582 3.1 3.1 0 0 0-.41 1.82v.59c-.037.63.095 1.258.383 1.82a1.32 1.32 0 0 0 1.21.581c.398.034.796-.086 1.109-.336.273-.284.426-.662.427-1.055zm6.393-.255h-1.28v2.856h-1.61V5.18h2.9a3.2 3.2 0 0 1 2.138.618 2.12 2.12 0 0 1 .755 1.737 2.17 2.17 0 0 1-1.373 2.192l1.691 3.192v.073H81.89zm-1.281-1.31h1.3c.332.018.657-.092.91-.309a1.1 1.1 0 0 0 .336-.845 1.2 1.2 0 0 0-.318-.91 1.32 1.32 0 0 0-.964-.318h-1.264zm12.55.783h-3.093v2.09h3.638v1.292h-5.247V5.18h5.23v1.3h-3.639v1.865h3.092zm8.339 1.746H97.14l-.537 1.61h-1.71l2.91-7.812h1.492l2.929 7.812h-1.71zm-2.392-1.3h1.956l-.983-2.929zm13.06-3.575h-2.374v6.512h-1.609V6.48h-2.365v-1.3h6.366zm9.631 2.783a4.7 4.7 0 0 1-.409 2.028 3 3 0 0 1-1.164 1.337 3.44 3.44 0 0 1-3.474 0 3.07 3.07 0 0 1-1.183-1.337 4.55 4.55 0 0 1-.427-1.991V8.91a4.56 4.56 0 0 1 .418-2.028 3.1 3.1 0 0 1 1.174-1.355 3.48 3.48 0 0 1 3.474 0c.516.325.925.797 1.173 1.355a4.56 4.56 0 0 1 .418 2.028zm-1.628-.354a3.2 3.2 0 0 0-.445-1.874 1.45 1.45 0 0 0-1.255-.636 1.42 1.42 0 0 0-1.246.636 3.2 3.2 0 0 0-.446 1.82v.381c-.03.636.121 1.267.437 1.819a1.53 1.53 0 0 0 1.255.65 1.54 1.54 0 0 0 1.255-.65 3.36 3.36 0 0 0 .445-1.819zm8.14 1.227h-1.237v2.856h-1.619V5.18h2.91a3.2 3.2 0 0 1 2.137.618 2.12 2.12 0 0 1 .755 1.737 2.23 2.23 0 0 1-1.455 2.192l1.692 3.192v.073h-1.692zm-1.237-1.31h1.291c.33.01.653-.1.91-.309a1.08 1.08 0 0 0 .327-.845 1.2 1.2 0 0 0-.309-.91 1.33 1.33 0 0 0-.964-.318h-1.255z\"/></svg>\n</div>\n      <div class=\"preload-percentage\">0%</div>\n      <div class=\"preload-label\">Preloading tiles...</div>\n    </div>\n  </div>\n", xi = class {
+var Ci = `
+  <div class="preload-bar-vertical"></div>
+  <div class="preload-bar-horizontal"></div>
+  <div class="preload-badge">
+    <div class="preload-ring-outer"></div>
+    <div class="preload-ring-inner"></div>
+    <div class="preload-ring-dots"></div>
+    <div class="preload-content">
+      <div class="preload-logo"><svg xmlns="http://www.w3.org/2000/svg" width="130" height="18" viewBox="0 0 130 18" fill="currentColor"><path d="M16.49.815h-3.283V17.35h3.283zm-6.566 0h-3.32v6.567h3.32zm16.461 0h-6.567v3.32h6.567zm0 13.215h-6.567v3.319h6.567zM3.321.815H.038V17.35h3.283zM38.38 5.18l2.01 5.667 2-5.666h2.12v7.812h-1.62v-2.137l.164-3.684-2.092 5.82h-1.128l-2.11-5.82.164 3.684v2.137h-1.61V5.18zm14.488 6.176h-2.81l-.537 1.61h-1.728l2.91-7.812h1.492l2.928 7.812h-1.719zm-2.392-1.273h1.955l-.982-2.929zm9.432.154v2.729h-1.61V5.18h3.046a3.5 3.5 0 0 1 1.547.318c.426.193.784.51 1.027.91.246.405.372.872.364 1.346a2.21 2.21 0 0 1-.791 1.819 3.27 3.27 0 0 1-2.174.663zm0-1.3h1.436c.352.02.698-.09.974-.31a1.1 1.1 0 0 0 .336-.909 1.2 1.2 0 0 0-1.1-1.291h-1.646zm14.059 1.455a2.73 2.73 0 0 1-.91 1.982 3.2 3.2 0 0 1-2.21.728 2.94 2.94 0 0 1-2.364-1.01 4.16 4.16 0 0 1-.91-2.783v-.472a4.7 4.7 0 0 1 .419-2.028c.25-.535.656-.982 1.164-1.283a3.24 3.24 0 0 1 1.71-.455 3.17 3.17 0 0 1 2.182.728c.557.53.884 1.259.91 2.028h-1.592a1.62 1.62 0 0 0-.418-1.091 1.57 1.57 0 0 0-1.11-.346 1.35 1.35 0 0 0-1.2.582 3.1 3.1 0 0 0-.41 1.82v.59c-.037.63.095 1.258.383 1.82a1.32 1.32 0 0 0 1.21.581c.398.034.796-.086 1.109-.336.273-.284.426-.662.427-1.055zm6.393-.255h-1.28v2.856h-1.61V5.18h2.9a3.2 3.2 0 0 1 2.138.618 2.12 2.12 0 0 1 .755 1.737 2.17 2.17 0 0 1-1.373 2.192l1.691 3.192v.073H81.89zm-1.281-1.31h1.3c.332.018.657-.092.91-.309a1.1 1.1 0 0 0 .336-.845 1.2 1.2 0 0 0-.318-.91 1.32 1.32 0 0 0-.964-.318h-1.264zm12.55.783h-3.093v2.09h3.638v1.292h-5.247V5.18h5.23v1.3h-3.639v1.865h3.092zm8.339 1.746H97.14l-.537 1.61h-1.71l2.91-7.812h1.492l2.929 7.812h-1.71zm-2.392-1.3h1.956l-.983-2.929zm13.06-3.575h-2.374v6.512h-1.609V6.48h-2.365v-1.3h6.366zm9.631 2.783a4.7 4.7 0 0 1-.409 2.028 3 3 0 0 1-1.164 1.337 3.44 3.44 0 0 1-3.474 0 3.07 3.07 0 0 1-1.183-1.337 4.55 4.55 0 0 1-.427-1.991V8.91a4.56 4.56 0 0 1 .418-2.028 3.1 3.1 0 0 1 1.174-1.355 3.48 3.48 0 0 1 3.474 0c.516.325.925.797 1.173 1.355a4.56 4.56 0 0 1 .418 2.028zm-1.628-.354a3.2 3.2 0 0 0-.445-1.874 1.45 1.45 0 0 0-1.255-.636 1.42 1.42 0 0 0-1.246.636 3.2 3.2 0 0 0-.446 1.82v.381c-.03.636.121 1.267.437 1.819a1.53 1.53 0 0 0 1.255.65 1.54 1.54 0 0 0 1.255-.65 3.36 3.36 0 0 0 .445-1.819zm8.14 1.227h-1.237v2.856h-1.619V5.18h2.91a3.2 3.2 0 0 1 2.137.618 2.12 2.12 0 0 1 .755 1.737 2.23 2.23 0 0 1-1.455 2.192l1.692 3.192v.073h-1.692zm-1.237-1.31h1.291c.33.01.653-.1.91-.309a1.08 1.08 0 0 0 .327-.845 1.2 1.2 0 0 0-.309-.91 1.33 1.33 0 0 0-.964-.318h-1.255z"/></svg>
+</div>
+      <div class="preload-percentage">0%</div>
+      <div class="preload-label">${Pn("loadingMap")}</div>
+    </div>
+  </div>
+`, wi = class {
 	container;
 	percentage;
 	constructor(e) {
-		this.container = document.createElement("div"), this.container.className = "preload-overlay", this.container.innerHTML = bi, this.percentage = this.container.querySelector(".preload-percentage"), e.getContainer().appendChild(this.container);
+		this.container = document.createElement("div"), this.container.className = "preload-overlay", this.container.innerHTML = Ci, this.percentage = this.container.querySelector(".preload-percentage"), e.getContainer().appendChild(this.container);
 	}
 	remove() {
 		this.container.remove();
@@ -5543,11 +5558,11 @@ var bi = "\n  <div class=\"preload-bar-vertical\"></div>\n  <div class=\"preload
 	setProgress(e) {
 		this.percentage.innerText = `${Math.floor(e * 100)}%`;
 	}
-}, Si = class {
+}, Ti = class {
 	segments;
 	constructor(e) {
 		this.segments = [];
-		let t = new Ci(), n = A(t);
+		let t = new Ei(), n = A(t);
 		n.lineStart();
 		for (let t of e) n.point(t.x, t.y);
 		n.lineEnd(), this.segments = t.segments;
@@ -5562,7 +5577,7 @@ var bi = "\n  <div class=\"preload-bar-vertical\"></div>\n  <div class=\"preload
 		let n = M((t) => this.sample(t) - e, t);
 		return n === !1 ? t : n;
 	}
-}, Ci = class {
+}, Ei = class {
 	previousPoint = {
 		x: 0,
 		y: 0
@@ -5607,25 +5622,25 @@ var bi = "\n  <div class=\"preload-bar-vertical\"></div>\n  <div class=\"preload
 };
 //#endregion
 //#region src/utils/video/easings.ts
-function wi(e, t, n, r) {
+function Di(e, t, n, r) {
 	return t + n / r * e;
 }
-function Ti(e, t, n, r) {
+function Oi(e, t, n, r) {
 	return n * ((e = e / r - 1) * e * e + 1) + t;
 }
-function Ei(e, t, n, r) {
+function ki(e, t, n, r) {
 	let i = 1.70158, a = 0, o = n;
 	return e === 0 ? t : (e /= r) === 1 ? t + n : (a ||= r * .3, o < Math.abs(n) ? (o = n, i = a / 4) : i = a / (2 * Math.PI) * Math.asin(n / o), o * 2 ** (-10 * e) * Math.sin((e * r - i) * (2 * Math.PI) / a) + n + t);
 }
-function Di(e, t, n, r, i) {
+function Ai(e, t, n, r, i) {
 	return i === void 0 && (i = 1.70158), n * ((e = e / r - 1) * e * ((i + 1) * e + i) + 1) + t;
 }
-function Oi(e, t, n, r) {
+function ji(e, t, n, r) {
 	return (e /= r) < 1 / 2.75 ? n * (7.5625 * e * e) + t : e < 2 / 2.75 ? n * (7.5625 * (e -= 1.5 / 2.75) * e + .75) + t : e < 2.5 / 2.75 ? n * (7.5625 * (e -= 2.25 / 2.75) * e + .9375) + t : n * (7.5625 * (e -= 2.625 / 2.75) * e + .984375) + t;
 }
 //#endregion
 //#region src/utils/video/cameraCurve.ts
-var ki = class {
+var Mi = class {
 	script;
 	xCurve;
 	yCurve;
@@ -5636,10 +5651,10 @@ var ki = class {
 	altitudeCurve;
 	elevationCurve;
 	constructor(e) {
-		this.script = fi(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 = hi(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(hi(t), e), r = this.xCurve.sample(n), i = this.yCurve.sample(n), o = this.elevationCurve.sample(n), s = this.bearingCurve.sample(e), c = this.pitchCurve.sample(e), l = this.fovCurve.sample(e);
+		let t = this.zoomCurve.sample(e), n = this.altitudeCurve.solve(vi(t), e), r = this.xCurve.sample(n), i = this.yCurve.sample(n), o = this.elevationCurve.sample(n), s = this.bearingCurve.sample(e), c = this.pitchCurve.sample(e), l = this.fovCurve.sample(e);
 		return {
 			center: new a(r, i).toLngLat(),
 			zoom: t,
@@ -5683,7 +5698,7 @@ var ki = class {
 				y: l
 			});
 		}
-		return new Si(n);
+		return new Ti(n);
 	}
 	sampleAutoHideOpacity(e) {
 		let t = this.script;
@@ -5694,12 +5709,12 @@ var ki = 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 = U(Ti(t, r.hideLabels ? 1 : 0, r.hideLabels ? -1 : 1, n), 0, 1);
+			o = U(Oi(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 = U(Ti(e - t, 0, 1, i.time - t), 0, 1);
+			s = U(Oi(e - t, 0, 1, i.time - t), 0, 1);
 		} else s = 0;
 		return Math.max(o, s);
 	}
@@ -5711,9 +5726,9 @@ var ki = class {
 		}
 	}
 	getKeyframeValue(e, t) {
-		return t === "altitude" ? hi(e.zoom) : e[t];
+		return t === "altitude" ? vi(e.zoom) : e[t];
 	}
-}, Ai = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"><path d=\"M2.83545 2.66675V6.00008H6.00078M3.38078 5.33341C3.99882 4.26305 4.96943 3.44057 6.1267 3.00656C7.28398 2.57255 8.55607 2.55396 9.72553 2.95397C10.895 3.35397 11.8892 4.14774 12.5383 5.19959C13.1873 6.25144 13.4509 7.49606 13.2839 8.72072C13.117 9.94537 12.5298 11.074 11.6229 11.9137C10.716 12.7535 9.54555 13.2521 8.31169 13.3245C7.07782 13.3968 5.85714 13.0384 4.85828 12.3104C3.85942 11.5824 3.1444 10.5302 2.83545 9.33341\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n", ji = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"12\" viewBox=\"0 0 10 12\" fill=\"currentColor\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.991136 3.66807e-08C1.53861 1.64225e-08 1.98242 0.474849 1.98242 1.06061L1.98242 10.6061C1.98242 11.1918 1.53861 11.6667 0.991137 11.6667C0.443665 11.6667 -0.000148911 11.1918 -0.000148941 10.6061L-0.000149434 1.06061C-0.000149464 0.47485 0.443664 5.69389e-08 0.991136 3.66807e-08Z\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.92082 3.66807e-08C9.4683 1.64225e-08 9.91211 0.474849 9.91211 1.06061L9.91211 10.6061C9.91211 11.1918 9.4683 11.6667 8.92082 11.6667C8.37335 11.6667 7.92954 11.1918 7.92954 10.6061L7.92954 1.06061C7.92954 0.47485 8.37335 5.69389e-08 8.92082 3.66807e-08Z\"/></svg>\n", Mi = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.88141 14.9874C4.58039 14.9874 4.2919 14.9121 4.01596 14.774C3.38883 14.4475 3 13.8072 3 13.104V2.88322C3 2.18007 3.38883 1.5397 4.01596 1.21323C4.6431 0.886771 5.39567 0.936996 5.97263 1.35135L13.2098 6.46175C13.7115 6.81332 14 7.39091 14 8.00617C14 8.62142 13.699 9.18645 13.2098 9.55059L5.97263 14.6484C5.64652 14.8744 5.27024 15 4.89396 15L4.88141 14.9874ZM4.88141 2.2554C4.78107 2.2554 4.68073 2.28052 4.59293 2.33074C4.3797 2.44375 4.25428 2.64465 4.25428 2.88322V13.104C4.25428 13.3426 4.3797 13.556 4.59293 13.6565C4.80616 13.7695 5.04447 13.7444 5.24515 13.6063L12.4823 8.49586C12.5634 8.4368 12.6294 8.35937 12.6749 8.2699C12.7204 8.18043 12.7442 8.08145 12.7442 7.98105C12.7442 7.88065 12.7204 7.78168 12.6749 7.69221C12.6294 7.60274 12.5634 7.52531 12.4823 7.46625L5.24515 2.36841C5.1378 2.29542 5.01118 2.25608 4.88141 2.2554Z\"/></svg>\n", Ni = (e) => `
+}, Ni = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"><path d=\"M2.83545 2.66675V6.00008H6.00078M3.38078 5.33341C3.99882 4.26305 4.96943 3.44057 6.1267 3.00656C7.28398 2.57255 8.55607 2.55396 9.72553 2.95397C10.895 3.35397 11.8892 4.14774 12.5383 5.19959C13.1873 6.25144 13.4509 7.49606 13.2839 8.72072C13.117 9.94537 12.5298 11.074 11.6229 11.9137C10.716 12.7535 9.54555 13.2521 8.31169 13.3245C7.07782 13.3968 5.85714 13.0384 4.85828 12.3104C3.85942 11.5824 3.1444 10.5302 2.83545 9.33341\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n", Pi = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"12\" viewBox=\"0 0 10 12\" fill=\"currentColor\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.991136 3.66807e-08C1.53861 1.64225e-08 1.98242 0.474849 1.98242 1.06061L1.98242 10.6061C1.98242 11.1918 1.53861 11.6667 0.991137 11.6667C0.443665 11.6667 -0.000148911 11.1918 -0.000148941 10.6061L-0.000149434 1.06061C-0.000149464 0.47485 0.443664 5.69389e-08 0.991136 3.66807e-08Z\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.92082 3.66807e-08C9.4683 1.64225e-08 9.91211 0.474849 9.91211 1.06061L9.91211 10.6061C9.91211 11.1918 9.4683 11.6667 8.92082 11.6667C8.37335 11.6667 7.92954 11.1918 7.92954 10.6061L7.92954 1.06061C7.92954 0.47485 8.37335 5.69389e-08 8.92082 3.66807e-08Z\"/></svg>\n", Fi = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.88141 14.9874C4.58039 14.9874 4.2919 14.9121 4.01596 14.774C3.38883 14.4475 3 13.8072 3 13.104V2.88322C3 2.18007 3.38883 1.5397 4.01596 1.21323C4.6431 0.886771 5.39567 0.936996 5.97263 1.35135L13.2098 6.46175C13.7115 6.81332 14 7.39091 14 8.00617C14 8.62142 13.699 9.18645 13.2098 9.55059L5.97263 14.6484C5.64652 14.8744 5.27024 15 4.89396 15L4.88141 14.9874ZM4.88141 2.2554C4.78107 2.2554 4.68073 2.28052 4.59293 2.33074C4.3797 2.44375 4.25428 2.64465 4.25428 2.88322V13.104C4.25428 13.3426 4.3797 13.556 4.59293 13.6565C4.80616 13.7695 5.04447 13.7444 5.24515 13.6063L12.4823 8.49586C12.5634 8.4368 12.6294 8.35937 12.6749 8.2699C12.7204 8.18043 12.7442 8.08145 12.7442 7.98105C12.7442 7.88065 12.7204 7.78168 12.6749 7.69221C12.6294 7.60274 12.5634 7.52531 12.4823 7.46625L5.24515 2.36841C5.1378 2.29542 5.01118 2.25608 4.88141 2.2554Z\"/></svg>\n", Ii = (e) => `
   <div class="video-slider-container">
     <div class="video-slider-line-wrapper">
       <div class="video-slider-line-left"></div>
@@ -5723,21 +5738,21 @@ var ki = class {
   </div>
   <div class="video-controls-row">
     <button class="video-button play">
-      <span class="video-icon play-icon">${Mi}</span>
-      <span class="video-icon pause-icon">${ji}</span>
+      <span class="video-icon play-icon">${Fi}</span>
+      <span class="video-icon pause-icon">${Pi}</span>
     </button>
     <button class="video-button restart">
-      ${Ai}
+      ${Ni}
     </button>
     <div class="video-time">
-      <span class="video-playhead">${_i(0)}</span> /
-      <span class="video-duration">${_i(e)}</span>
+      <span class="video-playhead">${bi(0)}</span> /
+      <span class="video-duration">${bi(e)}</span>
     </div>
     <button class="video-button fullscreen">
       ${_n}
     </button>
   </div>
-`, Pi = class {
+`, Li = class {
 	callbacks;
 	duration;
 	container;
@@ -5751,7 +5766,7 @@ var ki = class {
 	playhead = 0;
 	isPlaying = !1;
 	constructor(e, t, n) {
-		this.duration = t, this.callbacks = n, this.mapContainer = e.getContainer(), this.container = document.createElement("div"), this.container.className = "video-controls", this.container.innerHTML = Ni(t), this.playButton = this.container.querySelector(".video-button.play"), this.restartButton = this.container.querySelector(".video-button.restart"), this.fullscreenButton = this.container.querySelector(".video-button.fullscreen"), this.slider = this.container.querySelector(".video-slider"), this.sliderFill = this.container.querySelector(".video-slider-line-left"), this.playheadLabel = this.container.querySelector(".video-playhead"), this.playButton.addEventListener("click", () => this.callbacks.playPause()), this.restartButton.addEventListener("click", () => this.callbacks.restart()), this.fullscreenButton.addEventListener("click", () => Sn(this.mapContainer)), this.slider.addEventListener("input", () => {
+		this.duration = t, this.callbacks = n, this.mapContainer = e.getContainer(), this.container = document.createElement("div"), this.container.className = "video-controls", this.container.innerHTML = Ii(t), this.playButton = this.container.querySelector(".video-button.play"), this.restartButton = this.container.querySelector(".video-button.restart"), this.fullscreenButton = this.container.querySelector(".video-button.fullscreen"), this.slider = this.container.querySelector(".video-slider"), this.sliderFill = this.container.querySelector(".video-slider-line-left"), this.playheadLabel = this.container.querySelector(".video-playhead"), this.playButton.addEventListener("click", () => this.callbacks.playPause()), this.restartButton.addEventListener("click", () => this.callbacks.restart()), this.fullscreenButton.addEventListener("click", () => Sn(this.mapContainer)), this.slider.addEventListener("input", () => {
 			this.duration > 0 && this.callbacks.seek(Number(this.slider.value));
 		}), this.mapContainer.appendChild(this.container), this.update();
 	}
@@ -5763,39 +5778,39 @@ var ki = class {
 	}
 	update() {
 		let { duration: e, playhead: t } = this;
-		this.playButton.classList.toggle("playing", this.isPlaying), this.restartButton.classList.toggle("disabled", t === 0), this.slider.value = String(t), this.sliderFill.style.width = `${de(0, e, t) * 100}%`, this.playheadLabel.textContent = _i(t);
+		this.playButton.classList.toggle("playing", this.isPlaying), this.restartButton.classList.toggle("disabled", t === 0), this.slider.value = String(t), this.sliderFill.style.width = `${de(0, e, t) * 100}%`, this.playheadLabel.textContent = bi(t);
 	}
-}, Fi = class extends t {
+}, Ri = class extends t {
 	time;
 	constructor(e, t) {
 		super(e), this.time = t;
 	}
-}, Ii = {
-	linear: wi,
-	easeOutCubic: Ti,
-	easeOutBack: Di,
-	easeOutBounce: Oi,
-	easeOutElastic: Ei
+}, zi = {
+	linear: Di,
+	easeOutCubic: Oi,
+	easeOutBack: Ai,
+	easeOutBounce: ji,
+	easeOutElastic: ki
 };
-function Li(e) {
+function Bi(e) {
 	return e.entryType === "fade" || e.exitType === "fade" || e.entryType === "instant" || e.exitType === "instant";
 }
-function Ri(e) {
+function Vi(e) {
 	return e.entryType === "grow" || e.exitType === "grow";
 }
 function $(e, t, n) {
 	let { entry: r, entryDuration: i, exit: a, exitDuration: o } = e, { entryType: s, entryEasing: c, exitType: l, exitEasing: u } = e;
-	return n < r && (s === t || s === "instant" && t === "fade") || n > a && (l === t || l === "instant" && t === "fade") ? 0 : i > 0 && n < r + i && s === t ? Ii[c](n - r, 0, 1, i) : o > 0 && n > a - o && l === t ? Ii[u](n - (a - o), 1, -1, o) : 1;
+	return n < r && (s === t || s === "instant" && t === "fade") || n > a && (l === t || l === "instant" && t === "fade") ? 0 : i > 0 && n < r + i && s === t ? zi[c](n - r, 0, 1, i) : o > 0 && n > a - o && l === t ? zi[u](n - (a - o), 1, -1, o) : 1;
 }
-function zi(e) {
+function Hi(e) {
 	return e.target.type === "model";
 }
-function Bi(e) {
+function Ui(e) {
 	return e.target.type === "layer" || e.target.type === "overlay";
 }
 //#endregion
 //#region src/Video.ts
-var Vi = class {
+var Wi = class {
 	mcMap;
 	cameraCurve;
 	registryAnimations;
@@ -5826,11 +5841,11 @@ var Vi = class {
 				elevation: e.elevation ?? 0
 			};
 		}), u = t.video?.animations ?? [];
-		this.layerAnimations = u.filter(Bi);
-		let d = u.filter(zi);
-		this.registryAnimations = [...d.filter((e) => e.target.modelId === void 0), ...d.filter((e) => e.target.modelId !== void 0)], this.duration = gi(l), this.frameRate = vi(t.export?.frameRate ?? 60), this.cameraCurve = new ki(l), this.registry = new Wr(t), this.svgs = n, this.svgCache = r, this.mapstyle = i, this.overlays = o, this.layerInfo = s, this.backgroundColor = c;
+		this.layerAnimations = u.filter(Ui);
+		let d = u.filter(Hi);
+		this.registryAnimations = [...d.filter((e) => e.target.modelId === void 0), ...d.filter((e) => e.target.modelId !== void 0)], this.duration = yi(l), this.frameRate = xi(t.export?.frameRate ?? 60), this.cameraCurve = new Mi(l), this.registry = new qr(t), this.svgs = n, this.svgCache = r, this.mapstyle = i, this.overlays = o, this.layerInfo = s, this.backgroundColor = c;
 		let f = t.export?.format === "web_video";
-		this.loop = f && (t.web?.loop ?? !1), f && t.web?.controls && (this.controls = new Pi(e.map, this.duration, {
+		this.loop = f && (t.web?.loop ?? !1), f && t.web?.controls && (this.controls = new Li(e.map, this.duration, {
 			playPause: () => this.playbackContext === void 0 ? this.play() : this.pause(),
 			restart: () => {
 				this.seekTo(0), this.play();
@@ -5852,10 +5867,10 @@ var Vi = class {
 		this.playbackContext === void 0 && this.duration > 0 && (this.playhead >= this.duration && (this.playhead = 0), this.playbackContext = {
 			startTime: Date.now(),
 			startPlayhead: this.playhead
-		}, this.mcMap.fire(new Fi("playstart", this.playhead)), this.controls?.setPlaying(!0), this.playFrame());
+		}, this.mcMap.fire(new Ri("playstart", this.playhead)), this.controls?.setPlaying(!0), this.playFrame());
 	}
 	pause() {
-		this.playbackContext !== void 0 && (this.playbackContext = void 0, this.mcMap.fire(new Fi("playend", this.playhead)), this.controls?.setPlaying(!1));
+		this.playbackContext !== void 0 && (this.playbackContext = void 0, this.mcMap.fire(new Ri("playend", this.playhead)), this.controls?.setPlaying(!1));
 	}
 	seekTo(e) {
 		this.duration > 0 && (e = U(e, 0, this.duration), this.setFrame(e), this.playbackContext !== void 0 && (this.playbackContext = {
@@ -5875,46 +5890,50 @@ var Vi = class {
 	}
 	async preload() {
 		this.playbackContext !== void 0 && this.pause();
-		let e = this.mcMap.map, t = Math.ceil(this.duration * this.frameRate / 1e3);
-		this.preloadOverlay = new xi(this.mcMap.map), e._fadeDuration = 0;
+		let e = this.mcMap.map, t = Math.ceil(this.duration * this.frameRate / 1e3), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set();
+		for (let t of Object.values(e.style.tileManagers)) {
+			let e = t.getSource();
+			if (e.type === "vector" || e.type === "raster" || e.type === "raster-dem" || e.type === "geojson") {
+				let r = t.usedForTerrain ? t.tileSize : e.tileSize, i = !t.usedForTerrain && (e.roundZoom ?? !1);
+				n.set(`${r}/${i}`, {
+					tileSize: r,
+					roundZoom: i
+				});
+			}
+		}
+		this.preloadOverlay = new wi(this.mcMap.map), e._fadeDuration = 0;
 		try {
-			let n;
-			for (let r = 0; r < t; r++) {
-				this.preloadOverlay?.setProgress(r / t);
-				let i = this.cameraCurve.sample(r * 1e3 / this.frameRate);
-				yi(n, i) || (this.setCamera(i), await this.waitForRenderOrAbort() === "render" ? n = i : (n !== void 0 && this.setCamera(n), e.triggerRepaint(), await e.once("idle"), r--));
+			let i, a = /* @__PURE__ */ new Set();
+			for (let o = 0; o < t; o++) {
+				this.preloadOverlay?.setProgress(o / t);
+				let s = this.cameraCurve.sample(o * 1e3 / this.frameRate);
+				if (Si(i, s)) continue;
+				this.setCamera(s);
+				let c = new Set([...n].flatMap(([t, n]) => e.coveringTiles(n).map((e) => `${t}/${e.key}`)));
+				if (i !== void 0 && [...a].some((e) => !r.has(e) && !c.has(e))) {
+					this.setCamera(i), await e.once("idle");
+					for (let e of a) r.add(e);
+				}
+				i = s, a = c;
 			}
-			e.areTilesLoaded() || await e.once("idle");
+			i !== void 0 && (this.setCamera(i), await e.once("idle"));
 		} finally {
 			this.setFrame(this.playhead), e._fadeDuration = 300, this.preloadOverlay?.remove(), this.preloadOverlay = void 0;
 		}
 	}
-	waitForRenderOrAbort() {
-		let e = this.mcMap.map;
-		return new Promise((t) => {
-			let n = () => {
-				e.off("render", r), e.off("dataabort", i);
-			}, r = () => {
-				n(), t("render");
-			}, i = (e) => {
-				e.tile?.state === "loading" && (n(), t("abort"));
-			};
-			e.on("render", r), e.on("dataabort", i);
-		});
-	}
 	async captureFrame(e, t, n, r, i, a, o, s, c) {
 		return this.setFrame(e), await this.mcMap.map.once("idle"), i.fillStyle = this.backgroundColor, i.fillRect(0, 0, a, o), i.drawImage(n, 0, 0), await He(i, this.svgCache, s, c), t ? r.convertToBlob() : i.getImageData(0, 0, a, o);
 	}
 	playFrame() {
 		if (this.playbackContext !== void 0) {
 			let e = this.playbackContext.startPlayhead + (Date.now() - this.playbackContext.startTime);
-			e > this.duration ? this.loop ? (this.seekTo(0), requestAnimationFrame(() => this.playFrame())) : (this.setFrame(this.duration), this.playbackContext = void 0, this.mcMap.fire(new Fi("playend", this.playhead)), this.controls?.setPlaying(!1)) : (this.setFrame(e), requestAnimationFrame(() => this.playFrame()));
+			e > this.duration ? this.loop ? (this.seekTo(0), requestAnimationFrame(() => this.playFrame())) : (this.setFrame(this.duration), this.playbackContext = void 0, this.mcMap.fire(new Ri("playend", this.playhead)), this.controls?.setPlaying(!1)) : (this.setFrame(e), requestAnimationFrame(() => this.playFrame()));
 		}
 	}
 	setFrame(e) {
 		this.playhead = e;
 		let t = this.cameraCurve.sample(e);
-		this.setCamera(t), this.applyAnimations(e), this.mcMap.fire(new Fi("play", e)), this.controls?.setPlayhead(e);
+		this.setCamera(t), this.applyAnimations(e), this.mcMap.fire(new Ri("play", e)), this.controls?.setPlayhead(e);
 	}
 	setCamera(e) {
 		let t = this.mcMap.map, n = t.getCenter(), r = t.getZoom(), i = t.getBearing(), a = t.getPitch(), o = t.getCenterElevation(), s = t.getVerticalFieldOfView();
@@ -5924,7 +5943,7 @@ var Vi = class {
 		let t = this.mcMap.map, { svgs: n, svgCache: r, registryAnimations: i } = this;
 		for (let n of i) {
 			let { target: r } = n;
-			if (!Li(n)) continue;
+			if (!Bi(n)) continue;
 			let { modelType: i, groupId: a, modelId: o } = r, s = $(n, "fade", e);
 			if (i === "area") {
 				let e = this.registry.models.area[a] ?? {}, n = o === void 0 ? Object.values(e) : e[o] ? [e[o]] : [];
@@ -5947,7 +5966,7 @@ var Vi = class {
 				type: "FeatureCollection",
 				features: i.models.filter((e) => e.visible ?? !0).map((t) => {
 					let a = o.get(t.id);
-					return Sr(i, t, a === void 0 ? s : $(a, "grow", e), n, r);
+					return Tr(i, t, a === void 0 ? s : $(a, "grow", e), n, r);
 				})
 			});
 		}
@@ -5957,7 +5976,7 @@ var Vi = class {
 				type: "FeatureCollection",
 				features: n.models.filter((e) => e.visible ?? !0).map((i) => {
 					let s = a.get(i.id);
-					return Qr(t, n, i, s === void 0 ? o : $(s, "grow", e), r);
+					return ti(t, n, i, s === void 0 ? o : $(s, "grow", e), r);
 				})
 			});
 		}
@@ -5967,7 +5986,7 @@ var Vi = class {
 				type: "FeatureCollection",
 				features: i.models.filter((e) => e.visible ?? !0).map((a) => {
 					let c = o.get(a.id);
-					return Er(t, i, a, c === void 0 ? s : $(c, "grow", e), n, r);
+					return kr(t, i, a, c === void 0 ? s : $(c, "grow", e), n, r);
 				})
 			});
 		}
@@ -5985,7 +6004,7 @@ var Vi = class {
 		let r, i = /* @__PURE__ */ new Map();
 		for (let a of this.registryAnimations) {
 			let { target: o } = a;
-			o.modelType === e && o.groupId === t && (n === "opacity" && Li(a) || n === "scale" && Ri(a)) && (o.modelId === void 0 ? r = a : i.set(o.modelId, a));
+			o.modelType === e && o.groupId === t && (n === "opacity" && Bi(a) || n === "scale" && Vi(a)) && (o.modelId === void 0 ? r = a : i.set(o.modelId, a));
 		}
 		return {
 			groupAnimation: r,
@@ -5999,18 +6018,18 @@ var Vi = class {
 			let { target: n } = t;
 			n.type === "layer" && n.ids.includes(e.id) && n.ids.length < a && (i = t, a = n.ids.length);
 		}
-		let o = this.layerInfo[e.id]?.opacity ?? sr[e.type].defaultValue;
+		let o = this.layerInfo[e.id]?.opacity ?? ur[e.type].defaultValue;
 		return i === void 0 ? r === void 0 ? void 0 : $(r, "fade", t) * o : $(i, "fade", t) * o;
 	}
 	setLayerOpacity(e, t) {
-		let n = this.mcMap.map, r = sr[e.type];
+		let n = this.mcMap.map, r = ur[e.type];
 		for (let i of r.props) n.setPaintProperty(e.id, i, t);
 	}
 	resetLayerOpacity(e) {
-		let t = this.mcMap.map, n = sr[e.type], r = this.layerInfo[e.id]?.opacity;
+		let t = this.mcMap.map, n = ur[e.type], r = this.layerInfo[e.id]?.opacity;
 		for (let i of n.props) t.setPaintProperty(e.id, i, r ?? e.paint?.[i] ?? n.defaultValue);
 	}
-}, Hi = class extends n {
+}, Gi = class extends n {
 	map;
 	format;
 	mapstyle;
@@ -6021,7 +6040,7 @@ var Vi = class {
 	image;
 	video;
 	constructor(e, t, n, r, i, a, o, s, c, l, u, d) {
-		super(), this.map = e, this.format = t, this.mapstyle = o, this.svgCache = a, this.backgroundColor = l, this.vapiUrl = u, this.accessToken = d, this.image = new di(this, t, a, l), n === "video" && (r.video?.keyframes ?? []).length > 0 && (this.video = new Vi(this, r, i, a, o, s, c, l));
+		super(), this.map = e, this.format = t, this.mapstyle = o, this.svgCache = a, this.backgroundColor = l, this.vapiUrl = u, this.accessToken = d, this.image = new mi(this, t, a, l), n === "video" && (r.video?.keyframes ?? []).length > 0 && (this.video = new Wi(this, r, i, a, o, s, c, l));
 	}
 	play() {
 		this.video?.play();
@@ -6039,7 +6058,7 @@ var Vi = class {
 		return this.video?.preload() ?? Promise.resolve();
 	}
 	geoTiffMetadata(e) {
-		return li(this.map, e);
+		return fi(this.map, e);
 	}
 	svgExportOptions(e, t, n) {
 		return {
@@ -6057,7 +6076,7 @@ var Vi = class {
 		};
 	}
 	pdfExportOptions(e) {
-		return ii(this.mapstyle, this.svgCache.fonts, {
+		return si(this.mapstyle, this.svgCache.fonts, {
 			vapiUrl: this.vapiUrl,
 			accessToken: this.accessToken,
 			apiUrl: e.href,
@@ -6066,14 +6085,14 @@ var Vi = class {
 	}
 	remove() {
 		let e = this.map.getContainer();
-		pr(this.map), this.video?.remove(), this.map.remove(), e.innerHTML = "", e.style.backgroundColor = "", e.classList.remove("mc-map"), e.classList.remove("mc-mode-web");
+		gr(this.map), this.video?.remove(), this.map.remove(), e.innerHTML = "", e.style.backgroundColor = "", e.classList.remove("mc-map"), e.classList.remove("mc-mode-web");
 	}
 };
 //#endregion
 //#region src/initMap.ts
-async function Ui(t) {
-	let { accessToken: n, env: r = "production" } = t, a = r === "bleeding" ? "https://vapi.bleeding.mc-cdn.io" : r === "beta" ? "https://vapi.beta.mc-cdn.io" : "https://vapi.mc-cdn.io", o = r === "bleeding" ? "https://cdn.bleeding.mapcreator.io" : r === "beta" ? "https://cdn.beta.mapcreator.io" : "https://cdn.mapcreator.io", s = typeof t.job == "string" ? await Wi(t.job, o, n) : t.job, c = s.export?.format ?? "png", l = ur[c] ?? "static";
-	await Gi();
+async function Ki(t) {
+	let { accessToken: n, env: r = "production" } = t, a = r === "bleeding" ? "https://vapi.bleeding.mc-cdn.io" : r === "beta" ? "https://vapi.beta.mc-cdn.io" : "https://vapi.mc-cdn.io", o = r === "bleeding" ? "https://cdn.bleeding.mapcreator.io" : r === "beta" ? "https://cdn.beta.mapcreator.io" : "https://cdn.mapcreator.io", s = typeof t.job == "string" ? await qi(t.job, o, n) : t.job, c = s.export?.format ?? "png", l = pr[c] ?? "static";
+	await Ji();
 	let u = {
 		container: t.container,
 		attributionControl: !1,
@@ -6087,9 +6106,9 @@ async function Ui(t) {
 		maxPitch: 85,
 		maxZoom: 22,
 		locale: {
-			"CooperativeGesturesHandler.WindowsHelpText": jn("windowsHelpText"),
-			"CooperativeGesturesHandler.MacHelpText": jn("macHelpText"),
-			"CooperativeGesturesHandler.MobileHelpText": jn("mobileHelpText")
+			"CooperativeGesturesHandler.WindowsHelpText": Pn("windowsHelpText"),
+			"CooperativeGesturesHandler.MacHelpText": Pn("macHelpText"),
+			"CooperativeGesturesHandler.MobileHelpText": Pn("mobileHelpText")
 		},
 		maxCanvasSize: le(),
 		canvasContextAttributes: { preserveDrawingBuffer: t.preserveDrawingBuffer ?? !1 }
@@ -6097,7 +6116,7 @@ async function Ui(t) {
 	l === "video" && (u.maxTileCacheSize = Infinity, u.maxTileCacheZoomLevels = Infinity, u.refreshExpiredTiles = !1);
 	let d = new i(u), f = d.getContainer();
 	f.classList.add("mc-map"), l === "interactive" && f.classList.add("mc-mode-web");
-	let p = l === "interactive" ? new Kr(d, t.youTubePlaceholder ?? !1) : void 0, { map: { language: m, hideBasemap: h, detailLevel: g = 0, projection: _ = "mercator", terrain: v = !1, terrainExaggeration: y = 1 }, registry: b = {}, web: x, positionOffsets: S } = s, { models: C = {}, slots: w = {}, svgs: T = {} } = b, E = new et(d, await Oe(r, a, n), a, n);
+	let p = l === "interactive" ? new Yr(d, t.youTubePlaceholder ?? !1) : void 0, { map: { language: m, hideBasemap: h, detailLevel: g = 0, projection: _ = "mercator", terrain: v = !1, terrainExaggeration: y = 1 }, registry: b = {}, web: x, positionOffsets: S } = s, { models: C = {}, slots: w = {}, svgs: T = {} } = b, E = new et(d, await Oe(r, a, n), a, n);
 	d.resize();
 	let D = l === "video" ? s.video?.keyframes[0] : void 0, O = D?.pitch ?? s.map.pitch ?? 0, k = D?.bearing ?? s.map.rotation ?? 0, A = D?.zoom ?? s.map.zoom, j = D?.center === void 0 ? s.map.center : {
 		lng: D.center[0],
@@ -6108,7 +6127,7 @@ async function Ui(t) {
 	l === "interactive" ? (I = A - g + Math.log2(M), P = 1) : (I = A - g, P = M, d.on("resize", () => {
 		let e = me(s, f, l, c);
 		e !== d.getScale() && d.setScale(e);
-	})), d.setScale(P), d.setZoom(I), d.setCenter(j), d.setDetailLevel(g), d.setMinZoom(g), d.addControl(new e({ compact: !1 })), await mr(s, S ?? ar, d, E, {
+	})), d.setScale(P), d.setZoom(I), d.setCenter(j), d.setDetailLevel(g), d.setMinZoom(g), d.addControl(new e({ compact: !1 })), await _r(s, S ?? cr, d, E, {
 		center: j,
 		zoom: I,
 		pitch: O,
@@ -6121,22 +6140,22 @@ async function Ui(t) {
 		sources: {},
 		layers: []
 	} : await fetch(`${a}/styles/${R}.json?access_token=${n}`).then((e) => e.json());
-	vr(z), d.setStyle(null), d.setStyle(z), await d.once("style.load"), Se(d, l), d.on("moveend", () => Se(d, l)), d.on("resize", () => Se(d, l)), d.on("attributionchange", () => Se(d, l)), N(m, d);
+	xr(z), d.setStyle(null), d.setStyle(z), await d.once("style.load"), Se(d, l), d.on("moveend", () => Se(d, l)), d.on("resize", () => Se(d, l)), d.on("attributionchange", () => Se(d, l)), N(m, d);
 	let B = s.map.overlays ?? [], V = s.meta?.layers ?? [];
 	B.length !== V.length && (B = [], V = []);
-	let te = await Dr(B, V, d, a, n, z.metadata?.styleOverride), ne = B.reduce((e, t, n) => e.set(t, te[n]), /* @__PURE__ */ new Map());
-	Zi(d, E, C, w, T, a, n, l), N(m, d), p?.setPublication(z.metadata?.publication), p?.setpopupElements(), p?.setHighlightManager(), d.setProjection({ type: _ === "globe" ? "globe" : "mercator" });
-	let re = Ki(d, _);
-	qi(d, re), v && Ji(d, a, n, y);
-	let ie = Yi(s.map.layerInfo, z, te);
-	Xi(d, ie, !h);
-	let ae = new Hi(d, c, l, s, T, E, z, ne, ie, re, a, n);
+	let te = await Ar(B, V, d, a, n, z.metadata?.styleOverride), ne = B.reduce((e, t, n) => e.set(t, te[n]), /* @__PURE__ */ new Map());
+	ea(d, E, C, w, T, a, n, l), N(m, d), p?.setPublication(z.metadata?.publication), p?.setpopupElements(), p?.setHighlightManager(), d.setProjection({ type: _ === "globe" ? "globe" : "mercator" });
+	let re = Yi(d, _);
+	Xi(d, re), v && Zi(d, a, n, y);
+	let ie = Qi(s.map.layerInfo, z, te);
+	$i(d, ie, !h);
+	let ae = new Gi(d, c, l, s, T, E, z, ne, ie, re, a, n);
 	return await E.settledImages(), ae;
 }
-function Wi(e, t, n) {
+function qi(e, t, n) {
 	return fetch(`${t}/jobs/${e}.json?access_token=${n}`).then((e) => e.json());
 }
-function Gi() {
+function Ji() {
 	return new Promise((e) => {
 		let t = () => {
 			window.innerWidth > 0 && window.innerHeight > 0 && (window.removeEventListener("resize", t), e());
@@ -6144,18 +6163,18 @@ function Gi() {
 		window.addEventListener("resize", t), t();
 	});
 }
-function Ki(e, t) {
+function Yi(e, t) {
 	let n = e.getStyle().metadata ?? {}, r = n["mc:background-color"] ?? "#f8f8f8", i = n["mc:background-color-globe"] ?? "#000000";
 	return t === "globe" ? i : r;
 }
-function qi(e, t) {
-	e.getContainer().style.backgroundColor = t, e.setSky(e.getStyle().sky ?? ir), e.setLight({ position: [
+function Xi(e, t) {
+	e.getContainer().style.backgroundColor = t, e.setSky(e.getStyle().sky ?? sr), e.setLight({ position: [
 		1.15,
 		210,
 		45
 	] });
 }
-function Ji(e, t, n, r) {
+function Zi(e, t, n, r) {
 	e.addSource("mc-dem", {
 		type: "raster-dem",
 		tiles: [`${t}/dataset/jaxa_terrainrgb/{z}/{x}/{y}?access_token=${n}`],
@@ -6167,7 +6186,7 @@ function Ji(e, t, n, r) {
 		exaggeration: r
 	});
 }
-function Yi(e, t, n) {
+function Qi(e, t, n) {
 	let r = e?.reduce((e, t) => (e[t.id] = {
 		visibility: t.visibility,
 		...t.opacity !== void 0 && { opacity: t.opacity }
@@ -6176,53 +6195,53 @@ function Yi(e, t, n) {
 	for (let e of n) for (let t of e.layers) i[t.id] = r[t.id] ?? { visibility: !1 };
 	return i;
 }
-function Xi(e, t, n) {
+function $i(e, t, n) {
 	for (let r in t) {
 		let i = e.getLayer(r);
 		if (i !== void 0) {
 			let a = t[r];
 			if (e.setLayoutProperty(r, "visibility", a.visibility && n ? "visible" : "none"), a.opacity !== void 0) {
-				let t = sr[i.type];
+				let t = ur[i.type];
 				for (let n of t.props) e.setPaintProperty(r, n, a.opacity);
 			}
 		}
 	}
 }
-function Zi(e, t, n, r, i, a, o, s) {
+function ea(e, t, n, r, i, a, o, s) {
 	let { beforeNone: c = [], beforeNames: l = [], beforeBoundaries: u = [], beforeWaters: d = [] } = r;
 	c.forEach((r) => {
-		Qi(e, t, n, r, i, "mc-before-none", a, o, s);
+		ta(e, t, n, r, i, "mc-before-none", a, o, s);
 	}), l.forEach((r) => {
-		Qi(e, t, n, r, i, "mc-before-names", a, o, s);
+		ta(e, t, n, r, i, "mc-before-names", a, o, s);
 	}), u.forEach((r) => {
-		Qi(e, t, n, r, i, "mc-before-boundaries", a, o, s);
+		ta(e, t, n, r, i, "mc-before-boundaries", a, o, s);
 	}), d.forEach((r) => {
-		Qi(e, t, n, r, i, "mc-before-waters", a, o, s);
+		ta(e, t, n, r, i, "mc-before-waters", a, o, s);
 	});
 }
-function Qi(e, t, n, r, i, a, o, s, c) {
+function ta(e, t, n, r, i, a, o, s, c) {
 	if (r.type === "marker") {
 		let o = n.marker?.find((e) => e.id === r.groupId);
-		o && wr(e, o, a, i, t, c);
+		o && Dr(e, o, a, i, t, c);
 	} else if (r.type === "polygon") {
 		let o = n.polygon?.find((e) => e.id === r.groupId);
-		o && yr(e, o, a, i, t);
+		o && Sr(e, o, a, i, t);
 	} else if (r.type === "circle") {
 		let o = n.circle?.find((e) => e.id === r.groupId);
-		o && xr(e, o, a, i, t);
+		o && wr(e, o, a, i, t);
 	} else if (r.type === "line") {
 		let i = n.line?.find((e) => e.id === r.groupId);
-		i && Zr(e, i, a, t, c);
+		i && ei(e, i, a, t, c);
 	} else if (r.type === "dot") {
 		let t = n.dot?.find((e) => e.id === r.groupId);
-		t && ti(e, t, a);
+		t && ii(e, t, a);
 	} else if (r.type === "area") {
 		let c = n.area?.find((e) => e.id === r.groupId);
-		c && ei(e, c, a, i, t, o, s);
+		c && ri(e, c, a, i, t, o, s);
 	}
 }
 //#endregion
 //#region src/index.bundler.ts
 c() || l(new URL("./mapcreator-sdk-worker.mjs",import.meta.url).href);
 //#endregion
-export { Ui as initMap };
+export { Ki as initMap };