@mapcreator/sdk 0.0.0-fonts.0 → 0.0.0-fonts.1

package/dist/MCMap.d.ts

@@ -13,7 +13,7 @@ type VideoEvent = {
 export declare class MCMap extends Evented {
     map: MapLibre;
     private video;
-    constructor(map: MapLibre, jobObject: JobObject, svgs: Svgs, svgCache: SvgCache, mapstyle: StyleSpecification, overlays: Map<number, StyleSpecification>, layerInfo: LayerInfo);
+    constructor(map: MapLibre, jobObject: JobObject, svgs: Svgs, svgCache: SvgCache, mapstyle: StyleSpecification, overlays: Map<number, StyleSpecification>, layerInfo: LayerInfo, backgroundColor: string);
     on<T extends keyof SdkEventType>(type: T, listener: (e: SdkEventType[T]) => void): import('@mapcreator/maplibre-gl').Subscription;
     once<T extends keyof SdkEventType>(type: T, listener: (e: SdkEventType[T]) => void): Promise<any> | this;
     off<T extends keyof SdkEventType>(type: T, listener: (e: SdkEventType[T]) => void): this;

package/dist/Video.d.ts

@@ -13,9 +13,10 @@ export declare class Video {
     private mapstyle;
     private overlays;
     private layerInfo;
+    private backgroundColor;
     private playhead;
     private playbackContext;
-    constructor(mcMap: MCMap, jobObject: JobObject, svgs: Svgs, svgCache: SvgCache, mapstyle: StyleSpecification, overlays: Map<number, StyleSpecification>, layerInfo: LayerInfo);
+    constructor(mcMap: MCMap, jobObject: JobObject, svgs: Svgs, svgCache: SvgCache, mapstyle: StyleSpecification, overlays: Map<number, StyleSpecification>, layerInfo: LayerInfo, backgroundColor: string);
     play(): void;
     pause(): void;
     seekTo(time: number): void;

package/dist/adornments/insetMap.d.ts

@@ -1,5 +1,5 @@
-import { Map } from '@mapcreator/maplibre-gl';
 import { JobObjectInsetMap } from '../types/jobObject';
+import { Map } from '@mapcreator/maplibre-gl';
 export declare function useInsetMap(insetMap: JobObjectInsetMap, map: Map, cdnUrl: string, mapScale: number): {
     element: HTMLElement;
     ready: Promise<void>;

package/dist/mapcreator-sdk.js

@@ -33086,7 +33086,7 @@ function zr(e, t) {
 		try {
 			i.forEach((e) => {
 				let r = window.getComputedStyle(e);
-				r.fontFamily.split(",").map((e) => M(e)).forEach((e) => {
+				r.fontFamily.split(",").map(M).forEach((e) => {
 					let i = t.get(Or(e, r.fontWeight, r.fontStyle));
 					i !== void 0 && n.set(i.name, i);
 				});
@@ -38099,30 +38099,36 @@ function $c(e, t, n, r) {
 		dotOutlineColor: e.dotOutlineColor ?? "#000000",
 		mapScale: r,
 		globeFallbackActive: !1,
-		globeGeoJsonRequested: !1,
 		globeGeoJson: void 0
-	}, c = fetch(`${n}/data/insetmaps/${e.fileName}`).then((e) => e.json()).then((e) => {
-		s.geoJson = ca(e, Object.keys(e.objects)[0]), el(s);
+	}, c = [fetch(`${n}/data/insetmaps/${e.fileName}`).then((e) => e.json()).then((e) => {
+		s.geoJson = ca(e, Object.keys(e.objects)[0]);
+	})];
+	if (!e.isGlobe) {
+		let e = fetch(`${n}/data/insetmaps/world-110m.json`).then((e) => e.json()).then((e) => {
+			s.globeGeoJson = ca(e, Object.keys(e.objects)[0]);
+		});
+		c.push(e);
+	}
+	let l = Promise.all(c).then(() => {
+		el(s);
 	});
 	return t.on("moveend", () => {
 		s.moveEndPosition = t.getCenter(), (s.isGlobe || s.globeFallbackActive) && el(s);
 	}), t.on("move", () => {
 		if (!s.isGlobe) {
-			let [e, r, i, a] = s.boundingBox, o = rl(t), c = uo(Rn([o, In([[
-				[e, r],
-				[e, a],
-				[i, a],
-				[i, r],
-				[e, r]
-			]])])), l = ea(o), u = (c ? ea(c) : 0) < l * .75;
-			s.globeFallbackActive !== u && (s.globeFallbackActive = u, s.moveEndPosition = t.getCenter(), el(s)), s.globeFallbackActive && !s.globeGeoJsonRequested && (s.globeGeoJsonRequested = !0, fetch(`${n}/data/insetmaps/world-110m.json`).then((e) => e.json()).then((e) => {
-				s.globeGeoJson = ca(e, Object.keys(e.objects)[0]), s.moveEndPosition = t.getCenter(), el(s);
-			}));
+			let [e, n, r, i] = s.boundingBox, a = rl(t), o = uo(Rn([a, In([[
+				[e, n],
+				[e, i],
+				[r, i],
+				[r, n],
+				[e, n]
+			]])])), c = ea(a), l = (o ? ea(o) : 0) < c * .75;
+			s.globeFallbackActive !== l && (s.globeFallbackActive = l, s.moveEndPosition = t.getCenter(), el(s));
 		}
 		nl(s);
 	}), {
 		element: i,
-		ready: c
+		ready: l
 	};
 }
 function el(e) {
@@ -40216,11 +40222,12 @@ var zu = class {
 	mapstyle;
 	overlays;
 	layerInfo;
+	backgroundColor;
 	playhead;
 	playbackContext;
-	constructor(e, t, n, r, i, a, o) {
+	constructor(e, t, n, r, i, a, o, s) {
 		this.mcMap = e, this.playhead = 0, this.playbackContext = void 0;
-		let s = (t.video?.keyframes ?? []).map((e) => {
+		let c = (t.video?.keyframes ?? []).map((e) => {
 			let { x: t, y: n } = l.MercatorCoordinate.fromLngLat(e.center);
 			return {
 				...e,
@@ -40230,7 +40237,7 @@ var zu = class {
 				elevation: e.elevation ?? 0
 			};
 		});
-		this.duration = gu(s), this.cameraCurve = new Iu(s), this.jobObject = t, this.svgs = n, this.svgCache = r, this.mapstyle = i, this.overlays = a, this.layerInfo = o;
+		this.duration = gu(c), this.cameraCurve = new Iu(c), this.jobObject = t, this.svgs = n, this.svgCache = r, this.mapstyle = i, this.overlays = a, this.layerInfo = o, this.backgroundColor = s;
 	}
 	play() {
 		this.playbackContext === void 0 && this.duration > 0 && (this.playhead >= this.duration && (this.playhead = 0), this.playbackContext = {
@@ -40261,13 +40268,13 @@ var zu = class {
 		e._fadeDuration = 300, e.style.stylesheet.transition = void 0, e.setCenterClampedToGround(!0);
 	}
 	async captureFrame(e, t, n, r, i, a, o) {
-		return this.setCamera(e), await this.mcMap.map.once("idle"), n.fillStyle = this.mcMap.map.getContainer().style.backgroundColor, n.fillRect(0, 0, r, i), n.drawImage(t, 0, 0), await this.drawAdornments(n, a, o), n.getImageData(0, 0, r, i);
+		return this.setCamera(e), await this.mcMap.map.once("idle"), n.fillStyle = this.backgroundColor, n.fillRect(0, 0, r, i), n.drawImage(t, 0, 0), await this.drawAdornments(n, a, o), n.getImageData(0, 0, r, i);
 	}
 	async drawAdornments(e, t, n) {
 		let r = t.querySelectorAll(".adornment-svg"), i = await Promise.all(Array.from(r).map(async (e) => {
-			let t = e.outerHTML, r = e.getBoundingClientRect(), i = r.left - n.left, a = r.top - n.top, o = r.width, s = r.height;
+			let t = e.outerHTML, r = e.getBoundingClientRect(), i = r.left - n.left, a = r.top - n.top, o = r.width, s = r.height, { fontMap: c, vapiUrl: l, accessToken: u } = this.svgCache;
 			return {
-				image: await jr(t, o, s, this.svgCache.fontMap, this.svgCache.vapiUrl, this.svgCache.accessToken),
+				image: await jr(t, o, s, c, l, u),
 				x: i,
 				y: a
 			};
@@ -40411,8 +40418,8 @@ var zu = class {
 }, Bu = class extends l.Evented {
 	map;
 	video;
-	constructor(e, t, n, r, i, a, o) {
-		super(), this.map = e, this.video = new zu(this, t, n, r, i, a, o);
+	constructor(e, t, n, r, i, a, o, s) {
+		super(), this.map = e, this.video = new zu(this, t, n, r, i, a, o, s);
 	}
 	on(e, t) {
 		return super.on(e, t);
@@ -40477,11 +40484,13 @@ async function Vu(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()), d.setParams(t, m(p, f.TWO), e, v);
 	}
 	let ee = await fetch(`${i}/styles/${o.meta.mapstyleSet}.json?access_token=${t}`).then((e) => e.json());
-	s.setStyle(null), s.setStyle(ee), await s.once("style.load"), n === "app" && Ku(s.getStyle().metadata?.customCssFilePath, t), u(p, s);
+	s.setStyle(null), s.setStyle(ee), await s.once("style.load"), n === "app" && qu(s.getStyle().metadata?.customCssFilePath, t), u(p, s);
 	let I = await Ol(o.map.overlays ?? [], o.meta.layers ?? [], s, i, t, ee.metadata?.styleOverride), te = (o.map.overlays ?? []).reduce((e, t, n) => e.set(t, I[n]), /* @__PURE__ */ new Map());
-	Yu(s, j, O, k, A, i, t), u(p, s), d.setPublication(ee.metadata?.publication), d.setpopupElements(), d.setHighlightManager(), s.setProjection({ type: x === "globe" ? "globe" : "mercator" }), Wu(s, x), S && Gu(s, i, t, C);
-	let ne = qu(o.map.layerInfo, ee, I);
-	return Ju(s, ne, !y), new Bu(s, o, A, j, ee, te, ne);
+	Xu(s, j, O, k, A, i, t), u(p, s), d.setPublication(ee.metadata?.publication), d.setpopupElements(), d.setHighlightManager(), s.setProjection({ type: x === "globe" ? "globe" : "mercator" });
+	let ne = Wu(s, x);
+	Gu(s, ne), S && Ku(s, i, t, C);
+	let re = Ju(o.map.layerInfo, ee, I);
+	return Yu(s, re, !y), new Bu(s, o, A, j, ee, te, re, ne);
 }
 function Hu(e, t, n) {
 	return fetch(`${t}/jobs/${e}.json?access_token=${n}`).then((e) => e.json());
@@ -40496,13 +40505,16 @@ function Uu() {
 }
 function Wu(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 ?? h), e.setLight({ position: [
+	return t === "globe" ? i : r;
+}
+function Gu(e, t) {
+	e.getContainer().style.backgroundColor = t, e.setSky(e.getStyle().sky ?? h), e.setLight({ position: [
 		1.15,
 		210,
 		45
 	] });
 }
-function Gu(e, t, n, r) {
+function Ku(e, t, n, r) {
 	e.addSource("mc-dem", {
 		type: "raster-dem",
 		tiles: [`${t}/dataset/jaxa_terrainrgb/{z}/{x}/{y}?access_token=${n}`],
@@ -40514,33 +40526,33 @@ function Gu(e, t, n, r) {
 		exaggeration: r
 	});
 }
-function Ku(e, t) {
+function qu(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 qu(e, t, n) {
+function Ju(e, t, n) {
 	let r = e?.reduce((e, t) => (e[t.id] = { visibility: t.visibility }, e), {}) ?? {}, i = {};
 	for (let e of t.layers) i[e.id] = r[e.id] ?? { visibility: (e.layout?.visibility ?? "visible") === "visible" };
 	for (let e of n) for (let t of e.layers) i[t.id] = r[t.id] ?? { visibility: !1 };
 	return i;
 }
-function Ju(e, t, n) {
+function Yu(e, t, n) {
 	for (let r in t) e.getLayer(r) !== void 0 && e.setLayoutProperty(r, "visibility", t[r].visibility && n ? "visible" : "none");
 }
-function Yu(e, t, n, r, i, a, o) {
+function Xu(e, t, n, r, i, a, o) {
 	let { beforeNone: s = [], beforeNames: c = [], beforeBoundaries: l = [], beforeWaters: u = [] } = r;
 	s.forEach((r) => {
-		Xu(e, t, n, r, i, "mc-before-none", a, o);
+		Zu(e, t, n, r, i, "mc-before-none", a, o);
 	}), c.forEach((r) => {
-		Xu(e, t, n, r, i, "mc-before-names", a, o);
+		Zu(e, t, n, r, i, "mc-before-names", a, o);
 	}), l.forEach((r) => {
-		Xu(e, t, n, r, i, "mc-before-boundaries", a, o);
+		Zu(e, t, n, r, i, "mc-before-boundaries", a, o);
 	}), u.forEach((r) => {
-		Xu(e, t, n, r, i, "mc-before-waters", a, o);
+		Zu(e, t, n, r, i, "mc-before-waters", a, o);
 	});
 }
-function Xu(e, t, n, r, i, a, o, s) {
+function Zu(e, t, n, r, i, a, o, s) {
 	if (r.type === "marker") {
 		let o = n.marker?.find((e) => e.id === r.groupId);
 		o && Tl(e, o, a, i, t);
@@ -40562,5 +40574,5 @@ function Xu(e, t, n, r, i, a, o, s) {
 	}
 }
 //#endregion
-var Zu = l.setRTLTextPlugin;
-export { Vu as initMap, Zu as setRTLTextPlugin };
+var Qu = l.setRTLTextPlugin;
+export { Vu as initMap, Qu as setRTLTextPlugin };