@expofp/floorplan 3.17.0 → 3.18.1

package/dist/esm/store/MaplibreStore.d.ts

@@ -1,15 +1,62 @@
 import type RootStore from './RootStore';
 export type MaplibreViewMode = 'floorplan' | 'map2d' | 'map3d';
+/** The MapLibre camera framing, in the map's own terms. */
+export interface MaplibreCameraState {
+    lng: number;
+    lat: number;
+    zoom: number;
+    /** Degrees. */
+    bearing: number;
+    /** Degrees. */
+    pitch: number;
+}
+/**
+ * A framing to move the camera to. `bearing` and `pitch` are optional because a
+ * kiosk saved before those fields existed carries neither.
+ */
+export interface MaplibreCameraTarget {
+    lng: number;
+    lat: number;
+    zoom: number;
+    /** Degrees; omitted falls back to the venue bearing. */
+    bearing?: number;
+    /** Degrees; omitted falls back to the view mode's default pitch. */
+    pitch?: number;
+}
+/**
+ * Read/write access to the live MapLibre camera, registered by MaplibreAdapter
+ * once the map is up. In map mode the renderer runs in the renderer's external
+ * mode, where `renderer.controls` is a no-op stub that reports a zeroed camera —
+ * so anything that has to capture or restore the camera (the kiosk home framing)
+ * must go through the map itself.
+ */
+export interface MaplibreCameraPort {
+    getCameraState(): MaplibreCameraState;
+    applyCameraState(target: MaplibreCameraTarget): void;
+    /**
+     * Snaps pitch back to the view mode's default, leaving center/zoom/bearing
+     * alone — for the "fit the venue" fallback, which restores a framing through
+     * `moveToRect` (bearing only) and would otherwise leave a map3d kiosk tilted.
+     * Call it before starting that fit, not after: MapLibre runs one move at a
+     * time.
+     */
+    resetPitch(): void;
+}
 export default class MaplibreStore {
     rootStore: RootStore;
     mapViewMode: MaplibreViewMode;
     maplibreSelected: boolean;
     isOnline: boolean;
+    private readonly cameraPortBox;
     private readonly handleOnline;
     private readonly handleOffline;
     constructor(rootStore: RootStore);
     dispose(): void;
     setOnline(isOnline: boolean): void;
+    get cameraPort(): MaplibreCameraPort | null;
+    setCameraPort(port: MaplibreCameraPort): void;
+    /** Clears only if `port` is still the registered one — a remount may already have replaced it. */
+    clearCameraPortIfCurrent(port: MaplibreCameraPort): void;
     activateMaplibre(): void;
     deactivateMaplibre(): void;
     get hideModeSwitchButton(): boolean;

package/dist/esm/store/MaplibreStore.js

@@ -1 +1 @@
-import{__decorate as i}from"tslib";import{action as o,computed as n,observable as a}from"mobx";import l from"../data";import{fpGeo as p}from"../data/fpGeo";const d=import.meta.env?.VITE_EXPOFP_DISABLE_3D_TOGGLE!=="false";function s(){return typeof window>"u"||window.navigator.onLine}export default class e{constructor(t){this.mapViewMode="floorplan",this.maplibreSelected=!1,this.isOnline=s(),this.handleOnline=()=>this.setOnline(!0),this.handleOffline=()=>this.setOnline(!1),this.rootStore=t,this.mapViewMode=this.getInitialViewMode(),this.maplibreSelected=this.mapViewMode!=="floorplan",typeof window<"u"&&(window.addEventListener("online",this.handleOnline),window.addEventListener("offline",this.handleOffline))}dispose(){typeof window>"u"||(window.removeEventListener("online",this.handleOnline),window.removeEventListener("offline",this.handleOffline))}setOnline(t){this.isOnline=t}activateMaplibre(){this.maplibreEnabled&&(this.mapViewMode=l.allow3dView&&this.mapViewMode!=="map3d"?"map3d":"map2d",this.maplibreSelected=!0)}deactivateMaplibre(){this.mapViewMode="floorplan",this.maplibreSelected=!1}get hideModeSwitchButton(){return!this.maplibreEnabled||!l.allow3dView||d||l.hideModeSwitchButton}get maplibreEnabled(){const t=this.rootStore.fp?.maplibre??window.__efpMaplibre,r=!!t?.offline&&(!!t.style||!!t.styleUrl);return this.useMaplibreMap&&!!p?.properties?.config&&(this.isOnline||r)}get useMaplibreMap(){return l.enableExperimentalMaplibre??p?.properties?.config?.type==="maplibre"}get showMaplibre(){return this.maplibreEnabled&&(this.mapViewMode==="map2d"||this.mapViewMode==="map3d")}get isMap3d(){return this.maplibreEnabled&&this.mapViewMode==="map3d"}getInitialViewMode(){return this.maplibreEnabled?l.allow3dView&&!l.hide3dMapDefault?"map3d":"map2d":"floorplan"}}i([a],e.prototype,"mapViewMode",void 0),i([a],e.prototype,"maplibreSelected",void 0),i([a],e.prototype,"isOnline",void 0),i([o],e.prototype,"setOnline",null),i([o],e.prototype,"activateMaplibre",null),i([o],e.prototype,"deactivateMaplibre",null),i([n({keepAlive:!0})],e.prototype,"hideModeSwitchButton",null),i([n({keepAlive:!0})],e.prototype,"maplibreEnabled",null),i([n({keepAlive:!0})],e.prototype,"useMaplibreMap",null),i([n({keepAlive:!0})],e.prototype,"showMaplibre",null),i([n({keepAlive:!0})],e.prototype,"isMap3d",null);
+import{__decorate as t}from"tslib";import{action as o,computed as l,observable as a}from"mobx";import r from"../data";import{fpGeo as n}from"../data/fpGeo";const d=import.meta.env?.VITE_EXPOFP_DISABLE_3D_TOGGLE!=="false";function s(){return typeof window>"u"||window.navigator.onLine}export default class e{constructor(i){this.mapViewMode="floorplan",this.maplibreSelected=!1,this.isOnline=s(),this.cameraPortBox=a.box(null,{deep:!1}),this.handleOnline=()=>this.setOnline(!0),this.handleOffline=()=>this.setOnline(!1),this.rootStore=i,this.mapViewMode=this.getInitialViewMode(),this.maplibreSelected=this.mapViewMode!=="floorplan",typeof window<"u"&&(window.addEventListener("online",this.handleOnline),window.addEventListener("offline",this.handleOffline))}dispose(){typeof window>"u"||(window.removeEventListener("online",this.handleOnline),window.removeEventListener("offline",this.handleOffline))}setOnline(i){this.isOnline=i}get cameraPort(){return this.cameraPortBox.get()}setCameraPort(i){this.cameraPortBox.set(i)}clearCameraPortIfCurrent(i){this.cameraPortBox.get()===i&&this.cameraPortBox.set(null)}activateMaplibre(){this.maplibreEnabled&&(this.mapViewMode=r.allow3dView&&this.mapViewMode!=="map3d"?"map3d":"map2d",this.maplibreSelected=!0)}deactivateMaplibre(){this.mapViewMode="floorplan",this.maplibreSelected=!1}get hideModeSwitchButton(){return!this.maplibreEnabled||!r.allow3dView||d||r.hideModeSwitchButton}get maplibreEnabled(){const i=this.rootStore.fp?.maplibre??window.__efpMaplibre,p=!!i?.offline&&(!!i.style||!!i.styleUrl);return this.useMaplibreMap&&!!n?.properties?.config&&(this.isOnline||p)}get useMaplibreMap(){return r.enableExperimentalMaplibre??n?.properties?.config?.type==="maplibre"}get showMaplibre(){return this.maplibreEnabled&&(this.mapViewMode==="map2d"||this.mapViewMode==="map3d")}get isMap3d(){return this.maplibreEnabled&&this.mapViewMode==="map3d"}getInitialViewMode(){return this.maplibreEnabled?r.allow3dView&&!r.hide3dMapDefault?"map3d":"map2d":"floorplan"}}t([a],e.prototype,"mapViewMode",void 0),t([a],e.prototype,"maplibreSelected",void 0),t([a],e.prototype,"isOnline",void 0),t([o],e.prototype,"setOnline",null),t([o],e.prototype,"setCameraPort",null),t([o],e.prototype,"clearCameraPortIfCurrent",null),t([o],e.prototype,"activateMaplibre",null),t([o],e.prototype,"deactivateMaplibre",null),t([l({keepAlive:!0})],e.prototype,"hideModeSwitchButton",null),t([l({keepAlive:!0})],e.prototype,"maplibreEnabled",null),t([l({keepAlive:!0})],e.prototype,"useMaplibreMap",null),t([l({keepAlive:!0})],e.prototype,"showMaplibre",null),t([l({keepAlive:!0})],e.prototype,"isMap3d",null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expofp/floorplan",
-  "version": "3.17.0",
+  "version": "3.18.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/expofp/efp-app.git",
@@ -72,13 +72,13 @@
     "tslib": "^2.3.0",
     "uuid": "^9.0.1",
     "zod": "4.4.3",
-    "@expofp/debug": "3.17.0",
-    "@expofp/geometry": "3.17.0",
-    "@expofp/resolve": "3.17.0",
-    "@expofp/schema": "3.17.0",
-    "@expofp/config": "3.17.0",
-    "@expofp/wayfinding": "3.17.0",
-    "@expofp/utils": "3.17.0"
+    "@expofp/config": "3.18.1",
+    "@expofp/debug": "3.18.1",
+    "@expofp/geometry": "3.18.1",
+    "@expofp/resolve": "3.18.1",
+    "@expofp/schema": "3.18.1",
+    "@expofp/wayfinding": "3.18.1",
+    "@expofp/utils": "3.18.1"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^8.0.2",

package/dist/browser/KioskStore-BG94IdLy.js

@@ -1,241 +0,0 @@
-(function() {
-	try {
-		var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
-		e.SENTRY_RELEASE = { id: "3.17.0" };
-		var t = new e.Error().stack;
-		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "903557b3-0f34-4752-a7b6-97830c2c5f58", e._sentryDebugIdIdentifier = "sentry-dbid-903557b3-0f34-4752-a7b6-97830c2c5f58");
-	} catch {}
-})();
-import { _ as e, d as t, m as n, s as r, x as i } from "./i18n-BsYXLDK5.js";
-import { $ as a, Mt as o, Q as s, Xt as c, Z as l, rt as u, s as d } from "./store--s4Hqnvn.js";
-//#region src/components/Map/pointInConvexQuad.ts
-function f(e, t) {
-	let n = 0;
-	for (let r = 0; r < 4; r++) {
-		let i = t[r], a = t[(r + 1) % 4], o = (a.x - i.x) * (e.y - i.y) - (a.y - i.y) * (e.x - i.x);
-		if (!Number.isFinite(o)) return !1;
-		if (o === 0) continue;
-		let s = o > 0 ? 1 : -1;
-		if (n === 0) n = s;
-		else if (n !== s) return !1;
-	}
-	return n !== 0;
-}
-//#endregion
-//#region src/components/Map/visibleArea.ts
-function p(e) {
-	let t = o(e.viewport.canvasToSvg({
-		x: 0,
-		y: 0
-	})), n = o(e.viewport.canvasToSvg({
-		x: e.canvas.clientWidth,
-		y: 0
-	})), r = o(e.viewport.canvasToSvg({
-		x: 0,
-		y: e.canvas.clientHeight
-	})), i = o(e.viewport.canvasToSvg({
-		x: e.canvas.clientWidth,
-		y: e.canvas.clientHeight
-	})), a = Math.min(t.x, n.x, r.x, i.x), s = Math.max(t.x, n.x, r.x, i.x), c = Math.min(t.y, n.y, r.y, i.y), l = Math.max(t.y, n.y, r.y, i.y);
-	return {
-		x: a,
-		y: c,
-		width: s - a,
-		height: l - c,
-		left: a,
-		right: s,
-		top: l,
-		bottom: c,
-		center: {
-			x: (a + s) / 2,
-			y: (c + l) / 2
-		},
-		corners: [
-			t,
-			n,
-			i,
-			r
-		]
-	};
-}
-function m(e, t) {
-	return f(t, p(e).corners);
-}
-//#endregion
-//#region src/components/Kiosk/KioskStore.ts
-var h, g, _, v, y, b;
-function x(e, t, n, r) {
-	n && Object.defineProperty(e, t, {
-		enumerable: n.enumerable,
-		configurable: n.configurable,
-		writable: n.writable,
-		value: n.initializer ? n.initializer.call(r) : void 0
-	});
-}
-function S(e, t, n, r, i) {
-	var a = {};
-	return Object.keys(r).forEach(function(e) {
-		a[e] = r[e];
-	}), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = n.slice().reverse().reduce(function(n, r) {
-		return r(e, t, n) || n;
-	}, a), i && a.initializer !== void 0 && (a.value = a.initializer ? a.initializer.call(i) : void 0, a.initializer = void 0), a.initializer === void 0 ? (Object.defineProperty(e, t, a), null) : a;
-}
-var C = new (h = n({ keepAlive: !0 }), g = n({ keepAlive: !0 }), _ = n({ keepAlive: !0 }), v = class {
-	constructor() {
-		x(this, "savedKiosk", y, this), x(this, "statusMessages", b, this), this.statusMessageTimer = 0, this.isResettingCamera = !1, this.initialPtScale = void 0;
-	}
-	get kiosk() {
-		return d.uiState.kioskData;
-	}
-	setKiosk(e) {
-		d.uiState.setKioskData(e);
-	}
-	get renderer() {
-		return d.rendererService.renderer;
-	}
-	getCameraState() {
-		let e = d.rendererService.getCameraState();
-		return e ? {
-			mapInitialPtScale: this.initialPtScale,
-			mapPtScale: e.ptScale,
-			mapCenterX: e.center.x,
-			mapCenterY: e.center.y,
-			mapRollDegrees: e.roll,
-			mapPitch: e.pitch
-		} : {};
-	}
-	get hasUnsavedChanges() {
-		let e = this.savedKiosk, t = i(this.kiosk);
-		if (!t || !e) return !!t != !!e;
-		let n = Object.keys(e), r = Object.keys(t);
-		if (n.length !== r.length) return !0;
-		for (let r of n) if (!(r in t) || e[r] !== t[r]) return !0;
-		return !1;
-	}
-	addStatusMessage(e) {
-		this.statusMessages = [{
-			...e,
-			id: Date.now()
-		}], this.startCleanupMessages();
-	}
-	clearStatusMessages() {
-		this.statusMessages = [];
-	}
-	startCleanupMessages() {
-		clearTimeout(this.statusMessageTimer), this.statusMessageTimer = window.setTimeout(() => this.clearStatusMessages(), 1e3);
-	}
-	async resetCamera() {
-		let e = this.renderer;
-		if (!(!e || this.isResettingCamera)) {
-			this.isResettingCamera = !0;
-			try {
-				let { z: t, mapRollDegrees: n, mapInitialPtScale: r, mapPtScale: i, mapCenterX: a, mapCenterY: o } = this.kiosk || {};
-				await e.controls.resetCamera({
-					pan: !0,
-					zoom: !0,
-					roll: !0,
-					pitch: !0
-				}, !0), t && d.fp.activateFloor({ name: t }), Number.isFinite(r) && Number.isFinite(i) && i > 0 && await e.controls.zoomBy(r / i, !0), Number.isFinite(a) && Number.isFinite(o) && await e.controls.panTo(a, o, !0), Number.isFinite(n) && await e.controls.rollTo(n, !0);
-			} finally {
-				this.isResettingCamera = !1;
-			}
-		}
-	}
-	restoreData() {
-		let e = l();
-		e && (this.setKiosk(e), this.savedKiosk = e, d.uiState.kiosk = !0);
-	}
-	handleSetupReady() {
-		this.restoreData(), d.uiState.kiosk = !0, d.uiState.hideFreeOrDemo = !0, d.uiState.setForceDim(!0), d.searchStore.setSearchText(""), d.searchStore.setFocused(!1), this.resetCamera();
-	}
-	handleClose() {
-		this.setKiosk(null), d.uiState.setForceDim(!1), d.uiState.enableSetKioskMode(!1), d.searchStore.closeSearch();
-	}
-	handleDelete() {
-		s(), this.setKiosk(null), d.uiState.resetMapSettings(), d.uiState.resetUIScale(), this.addStatusMessage({
-			variant: "success",
-			title: r("Deleted")
-		});
-	}
-	handleSave() {
-		let e = this.renderer;
-		if (!e) return;
-		let t = i(this.kiosk), n = this.getCameraState(), o = {
-			...t,
-			...n
-		};
-		if (!m(e, o)) {
-			this.addStatusMessage({
-				variant: "error",
-				title: r("Kiosk not visible")
-			});
-			return;
-		}
-		this.setKiosk(o), a(o), u(o, "https://app.expofp.com/"), d.uiState.setUIScale(o.uiScale, !0), this.addStatusMessage({
-			variant: "success",
-			title: r("Saved")
-		}), this.savedKiosk = o;
-	}
-	delayChange(e) {
-		requestAnimationFrame(() => e == null ? void 0 : e());
-	}
-	handleChange(e) {
-		let t = i(this.kiosk);
-		t && (Number.isFinite(e.angle) && this.setKiosk({
-			...t,
-			heading: e.angle
-		}), Number.isFinite(e.scale) && (this.setKiosk({
-			...t,
-			uiScale: e.scale
-		}), this.delayChange(() => d.uiState.setUIScale(e.scale, !1))), Number.isFinite(e.percent) && this.setKiosk({
-			...t,
-			iconSizePercent: e.percent
-		}));
-	}
-	setInitialPtScale(e) {
-		if (this.initialPtScale) return;
-		this.initialPtScale = e;
-		let t = i(this.kiosk);
-		t && this.setKiosk({
-			...t,
-			mapInitialPtScale: e
-		});
-	}
-	handleClick(e) {
-		var t, n;
-		let r = i(this.kiosk), a = d.fp.getFloors(), o = c() ? (t = (n = a.find((e) => e.active)) == null ? void 0 : n.name) == null ? null : t : null, s = d.uiState.uiScale;
-		this.setKiosk({
-			...r,
-			x: e.x,
-			y: e.y,
-			z: o,
-			uiScale: (r == null ? void 0 : r.uiScale) || s,
-			heading: (r == null ? void 0 : r.heading) || 0,
-			iconSizePercent: (r == null ? void 0 : r.iconSizePercent) || 100,
-			...this.getCameraState()
-		});
-	}
-	handleNavigationChange() {
-		let e = i(this.kiosk);
-		e && this.setKiosk({
-			...e,
-			...this.getCameraState()
-		});
-	}
-}, S(v.prototype, "kiosk", [h], Object.getOwnPropertyDescriptor(v.prototype, "kiosk"), v.prototype), S(v.prototype, "setKiosk", [t], Object.getOwnPropertyDescriptor(v.prototype, "setKiosk"), v.prototype), S(v.prototype, "renderer", [g], Object.getOwnPropertyDescriptor(v.prototype, "renderer"), v.prototype), y = S(v.prototype, "savedKiosk", [e], {
-	configurable: !0,
-	enumerable: !0,
-	writable: !0,
-	initializer: function() {
-		return null;
-	}
-}), S(v.prototype, "hasUnsavedChanges", [_], Object.getOwnPropertyDescriptor(v.prototype, "hasUnsavedChanges"), v.prototype), b = S(v.prototype, "statusMessages", [e], {
-	configurable: !0,
-	enumerable: !0,
-	writable: !0,
-	initializer: function() {
-		return [];
-	}
-}), S(v.prototype, "addStatusMessage", [t], Object.getOwnPropertyDescriptor(v.prototype, "addStatusMessage"), v.prototype), S(v.prototype, "clearStatusMessages", [t], Object.getOwnPropertyDescriptor(v.prototype, "clearStatusMessages"), v.prototype), S(v.prototype, "startCleanupMessages", [t], Object.getOwnPropertyDescriptor(v.prototype, "startCleanupMessages"), v.prototype), S(v.prototype, "resetCamera", [t], Object.getOwnPropertyDescriptor(v.prototype, "resetCamera"), v.prototype), S(v.prototype, "restoreData", [t], Object.getOwnPropertyDescriptor(v.prototype, "restoreData"), v.prototype), S(v.prototype, "handleSetupReady", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleSetupReady"), v.prototype), S(v.prototype, "handleClose", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleClose"), v.prototype), S(v.prototype, "handleDelete", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleDelete"), v.prototype), S(v.prototype, "handleSave", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleSave"), v.prototype), S(v.prototype, "handleChange", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleChange"), v.prototype), S(v.prototype, "setInitialPtScale", [t], Object.getOwnPropertyDescriptor(v.prototype, "setInitialPtScale"), v.prototype), S(v.prototype, "handleClick", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleClick"), v.prototype), S(v.prototype, "handleNavigationChange", [t], Object.getOwnPropertyDescriptor(v.prototype, "handleNavigationChange"), v.prototype), v)();
-//#endregion
-export { C as t };

package/dist/browser/integrateKiosk-BEXKHkvI.js

@@ -1,28 +0,0 @@
-(function() {
-	try {
-		var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
-		e.SENTRY_RELEASE = { id: "3.17.0" };
-		var t = new e.Error().stack;
-		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "d799903c-385a-4e0c-9a0b-1eaa51911590", e._sentryDebugIdIdentifier = "sentry-dbid-d799903c-385a-4e0c-9a0b-1eaa51911590");
-	} catch {}
-})();
-import { C as e, y as t } from "./i18n-BsYXLDK5.js";
-import { s as n } from "./store--s4Hqnvn.js";
-//#region src/components/Kiosk/integrateKiosk.ts
-function r(e, r) {
-	e && t(() => {
-		n.uiState.setKioskData(e), n.uiState.kiosk = r, n.uiState.setMapSettings({
-			centerxy: `${e.mapCenterX},${e.mapCenterY}`,
-			z: e.z,
-			bearing: e.mapRollDegrees
-		}), e.mapPtScale && n.uiState.changeZoom(e.mapInitialPtScale / e.mapPtScale);
-	});
-}
-function i(t) {
-	t && (t.z != null && n.fp.activateFloor({ name: t.z.toString() }), e(() => !!n.uiState.selectedRoute, () => {
-		let e = n.uiState.selectedRoute;
-		e.to && !e.from && n.routeStore.selectRoute(e, !1, !0);
-	}));
-}
-//#endregion
-export { i as n, r as t };