@expofp/floorplan 3.0.0-alpha.14 → 3.0.0-alpha.15

package/dist/browser/{KioskStore-Bvvm0aNQ.js → KioskStore-_Zcv0Bc0.js}

@@ -1,21 +1,30 @@
-import { s as i, ao as h, ap as b, aq as v, ar as f, as as O, at as C, au as g, av as l, aw as d } from "./floorplan.ready-D-VQ-QvS.js";
-import "./jsx-runtime-jIxVPx5o.js";
-import "./index-Zz9lJz5_.js";
-import "./index-D0SjrKD-.js";
-function P(n) {
-  const e = n.viewport.canvasToSvg({
+import { s as o, ao as h, ap as b, aq as f, ar as v, as as D, at as O, au as d, av as l, aw as g } from "./floorplan.ready-CZn5dvsU.js";
+import "./jsx-runtime-BHfPvO9I.js";
+import "./index-DnV82MKb.js";
+import "./index-C1Rwmp91.js";
+(function() {
+  try {
+    var a = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
+    a.SENTRY_RELEASE = { id: "3.0.0-alpha.15" };
+    var e = new a.Error().stack;
+    e && (a._sentryDebugIds = a._sentryDebugIds || {}, a._sentryDebugIds[e] = "5dd7851e-d709-4d1a-97a9-d6c99cbd7942", a._sentryDebugIdIdentifier = "sentry-dbid-5dd7851e-d709-4d1a-97a9-d6c99cbd7942");
+  } catch {
+  }
+})();
+function w(a) {
+  const e = a.viewport.canvasToSvg({
     x: 0,
     y: 0
-  }), r = n.viewport.canvasToSvg({
-    x: n.canvas.clientWidth,
+  }), r = a.viewport.canvasToSvg({
+    x: a.canvas.clientWidth,
     y: 0
-  }), a = n.viewport.canvasToSvg({
+  }), i = a.viewport.canvasToSvg({
     x: 0,
-    y: n.canvas.clientHeight
-  }), p = n.viewport.canvasToSvg({
-    x: n.canvas.clientWidth,
-    y: n.canvas.clientHeight
-  }), s = Math.min(e.x, r.x, a.x, p.x), c = Math.max(e.x, r.x, a.x, p.x), u = Math.min(e.y, r.y, a.y, p.y), y = Math.max(e.y, r.y, a.y, p.y);
+    y: a.canvas.clientHeight
+  }), p = a.viewport.canvasToSvg({
+    x: a.canvas.clientWidth,
+    y: a.canvas.clientHeight
+  }), s = Math.min(e.x, r.x, i.x, p.x), c = Math.max(e.x, r.x, i.x, p.x), u = Math.min(e.y, r.y, i.y, p.y), y = Math.max(e.y, r.y, i.y, p.y);
   return {
     x: s,
     y: u,
@@ -31,37 +40,37 @@ function P(n) {
     }
   };
 }
-function D(n, e) {
-  const r = P(n);
+function C(a, e) {
+  const r = w(a);
   return e.x >= r.left && e.x <= r.right && e.y >= r.bottom && e.y <= r.top;
 }
 var t, S, m;
-function k(n, e, r, a) {
-  r && Object.defineProperty(n, e, { enumerable: r.enumerable, configurable: r.configurable, writable: r.writable, value: r.initializer ? r.initializer.call(a) : void 0 });
+function k(a, e, r, i) {
+  r && Object.defineProperty(a, e, { enumerable: r.enumerable, configurable: r.configurable, writable: r.writable, value: r.initializer ? r.initializer.call(i) : void 0 });
 }
-function o(n, e, r, a, p) {
+function n(a, e, r, i, p) {
   var s = {};
-  return Object.keys(a).forEach(function(c) {
-    s[c] = a[c];
+  return Object.keys(i).forEach(function(c) {
+    s[c] = i[c];
   }), s.enumerable = !!s.enumerable, s.configurable = !!s.configurable, ("value" in s || s.initializer) && (s.writable = !0), s = r.slice().reverse().reduce(function(c, u) {
-    return u(n, e, c) || c;
-  }, s), p && s.initializer !== void 0 && (s.value = s.initializer ? s.initializer.call(p) : void 0, s.initializer = void 0), s.initializer === void 0 ? (Object.defineProperty(n, e, s), null) : s;
+    return u(a, e, c) || c;
+  }, s), p && s.initializer !== void 0 && (s.value = s.initializer ? s.initializer.call(p) : void 0, s.initializer = void 0), s.initializer === void 0 ? (Object.defineProperty(a, e, s), null) : s;
 }
-let w = (t = class {
+let P = (t = class {
   constructor() {
     k(this, "savedKiosk", S, this), k(this, "statusMessages", m, this), this.statusMessageTimer = 0, this.initialPtScale = void 0;
   }
   get kiosk() {
-    return i.uiState.kioskData;
+    return o.uiState.kioskData;
   }
   setKiosk(e) {
-    i.uiState.setKioskData(e);
+    o.uiState.setKioskData(e);
   }
   get renderer() {
-    return i.rendererService.renderer;
+    return o.rendererService.renderer;
   }
   getCameraState() {
-    const e = i.rendererService.getCameraState();
+    const e = o.rendererService.getCameraState();
     return e ? {
       mapInitialPtScale: this.initialPtScale,
       mapPtScale: e.ptScale,
@@ -75,10 +84,10 @@ let w = (t = class {
     const e = this.savedKiosk, r = h(this.kiosk);
     if (!r || !e)
       return !!r != !!e;
-    const a = Object.keys(e), p = Object.keys(r);
-    if (a.length !== p.length)
+    const i = Object.keys(e), p = Object.keys(r);
+    if (i.length !== p.length)
       return !0;
-    for (const s of a)
+    for (const s of i)
       if (!(s in r) || e[s] !== r[s])
         return !0;
     return !1;
@@ -99,7 +108,7 @@ let w = (t = class {
     const {
       z: e,
       mapRollDegrees: r,
-      mapInitialPtScale: a,
+      mapInitialPtScale: i,
       mapPtScale: p,
       mapCenterX: s,
       mapCenterY: c
@@ -110,43 +119,43 @@ let w = (t = class {
       roll: !0,
       pitch: !0
     }, !0), b(() => {
-      Number.isFinite(a) && Number.isFinite(p) && p > 0 && this.renderer.controls.zoomBy(a / p, !0), Number.isFinite(s) && Number.isFinite(c) && this.renderer.controls.panTo(s, c, !0), Number.isFinite(r) && this.renderer.controls.rollTo(r, !0), e && i.fp.activateFloor({
+      Number.isFinite(i) && Number.isFinite(p) && p > 0 && this.renderer.controls.zoomBy(i / p, !0), Number.isFinite(s) && Number.isFinite(c) && this.renderer.controls.panTo(s, c, !0), Number.isFinite(r) && this.renderer.controls.rollTo(r, !0), e && o.fp.activateFloor({
         name: e
       });
     });
   }
   restoreData() {
-    const e = v();
-    return e && (this.setKiosk(e), this.savedKiosk = e, i.uiState.kiosk = !0, this.resetCamera()), e;
+    const e = f();
+    return e && (this.setKiosk(e), this.savedKiosk = e, o.uiState.kiosk = !0, this.resetCamera()), e;
   }
   handleSetupReady() {
-    this.restoreData(), i.uiState.kiosk = !0, i.uiState.hideFreeOrDemo = !0, i.uiState.setForceDimm(!0), i.searchStore.setSearchText(""), i.searchStore.setFocused(!1);
+    this.restoreData(), o.uiState.kiosk = !0, o.uiState.hideFreeOrDemo = !0, o.uiState.setForceDimm(!0), o.searchStore.setSearchText(""), o.searchStore.setFocused(!1);
   }
   handleClose() {
-    this.setKiosk(null), i.uiState.setForceDimm(!1), i.uiState.enableSetKioskMode(!1), i.searchStore.closeSearch(), this.resetCamera();
+    this.setKiosk(null), o.uiState.setForceDimm(!1), o.uiState.enableSetKioskMode(!1), o.searchStore.closeSearch(), this.resetCamera();
   }
   handleDelete() {
-    f(), this.setKiosk(null), i.uiState.resetMapSettings(), i.uiState.resetUIScale(), this.resetCamera(), this.addStatusMessage({
+    v(), this.setKiosk(null), o.uiState.resetMapSettings(), o.uiState.resetUIScale(), this.resetCamera(), this.addStatusMessage({
       variant: "success",
       title: "Deleted"
     });
   }
   handleSave() {
-    const e = h(this.kiosk), r = this.getCameraState(), a = {
+    const e = h(this.kiosk), r = this.getCameraState(), i = {
       ...e,
       ...r
     };
-    if (!D(this.renderer, a)) {
+    if (!C(this.renderer, i)) {
       this.addStatusMessage({
         variant: "error",
         title: "Kiosk not visible"
       });
       return;
     }
-    this.setKiosk(a), O(a), i.uiState.setUIScale(a.uiScale, !0), this.addStatusMessage({
+    this.setKiosk(i), D(i), o.uiState.setUIScale(i.uiScale, !0), this.addStatusMessage({
       variant: "success",
       title: "Saved"
-    }), this.savedKiosk = a;
+    }), this.savedKiosk = i;
   }
   delayChange(e) {
     requestAnimationFrame(() => e == null ? void 0 : e());
@@ -159,7 +168,7 @@ let w = (t = class {
     }), Number.isFinite(e.scale) && (this.setKiosk({
       ...r,
       uiScale: e.scale
-    }), this.delayChange(() => i.uiState.setUIScale(e.scale, !1))), Number.isFinite(e.percent) && this.setKiosk({
+    }), this.delayChange(() => o.uiState.setUIScale(e.scale, !1))), Number.isFinite(e.percent) && this.setKiosk({
       ...r,
       iconSizePercent: e.percent
     }));
@@ -178,7 +187,7 @@ let w = (t = class {
     point: e
   }) {
     var c;
-    const r = h(this.kiosk), a = i.fp.getFloors(), p = C() ? (c = a.find((u) => u.active)) == null ? void 0 : c.name : null, s = i.uiState.uiScale;
+    const r = h(this.kiosk), i = o.fp.getFloors(), p = O() ? (c = i.find((u) => u.active)) == null ? void 0 : c.name : null, s = o.uiState.uiScale;
     this.setKiosk({
       ...r,
       x: e.x,
@@ -197,20 +206,20 @@ let w = (t = class {
       ...this.getCameraState()
     });
   }
-}, o(t.prototype, "kiosk", [g], Object.getOwnPropertyDescriptor(t.prototype, "kiosk"), t.prototype), o(t.prototype, "setKiosk", [l], Object.getOwnPropertyDescriptor(t.prototype, "setKiosk"), t.prototype), o(t.prototype, "renderer", [g], Object.getOwnPropertyDescriptor(t.prototype, "renderer"), t.prototype), S = o(t.prototype, "savedKiosk", [d], {
+}, n(t.prototype, "kiosk", [d], Object.getOwnPropertyDescriptor(t.prototype, "kiosk"), t.prototype), n(t.prototype, "setKiosk", [l], Object.getOwnPropertyDescriptor(t.prototype, "setKiosk"), t.prototype), n(t.prototype, "renderer", [d], Object.getOwnPropertyDescriptor(t.prototype, "renderer"), t.prototype), S = n(t.prototype, "savedKiosk", [g], {
   configurable: !0,
   enumerable: !0,
   writable: !0,
   initializer: null
-}), o(t.prototype, "hasUnsavedChanges", [g], Object.getOwnPropertyDescriptor(t.prototype, "hasUnsavedChanges"), t.prototype), m = o(t.prototype, "statusMessages", [d], {
+}), n(t.prototype, "hasUnsavedChanges", [d], Object.getOwnPropertyDescriptor(t.prototype, "hasUnsavedChanges"), t.prototype), m = n(t.prototype, "statusMessages", [g], {
   configurable: !0,
   enumerable: !0,
   writable: !0,
   initializer: function() {
     return [];
   }
-}), o(t.prototype, "addStatusMessage", [l], Object.getOwnPropertyDescriptor(t.prototype, "addStatusMessage"), t.prototype), o(t.prototype, "clearStatusMessages", [l], Object.getOwnPropertyDescriptor(t.prototype, "clearStatusMessages"), t.prototype), o(t.prototype, "startCleanupMessages", [l], Object.getOwnPropertyDescriptor(t.prototype, "startCleanupMessages"), t.prototype), o(t.prototype, "resetCamera", [l], Object.getOwnPropertyDescriptor(t.prototype, "resetCamera"), t.prototype), o(t.prototype, "restoreData", [l], Object.getOwnPropertyDescriptor(t.prototype, "restoreData"), t.prototype), o(t.prototype, "handleSetupReady", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleSetupReady"), t.prototype), o(t.prototype, "handleClose", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleClose"), t.prototype), o(t.prototype, "handleDelete", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleDelete"), t.prototype), o(t.prototype, "handleSave", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleSave"), t.prototype), o(t.prototype, "handleChange", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleChange"), t.prototype), o(t.prototype, "setInitialPtScale", [l], Object.getOwnPropertyDescriptor(t.prototype, "setInitialPtScale"), t.prototype), o(t.prototype, "handleClick", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleClick"), t.prototype), o(t.prototype, "handleNavigationChange", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleNavigationChange"), t.prototype), t);
-const F = new w();
+}), n(t.prototype, "addStatusMessage", [l], Object.getOwnPropertyDescriptor(t.prototype, "addStatusMessage"), t.prototype), n(t.prototype, "clearStatusMessages", [l], Object.getOwnPropertyDescriptor(t.prototype, "clearStatusMessages"), t.prototype), n(t.prototype, "startCleanupMessages", [l], Object.getOwnPropertyDescriptor(t.prototype, "startCleanupMessages"), t.prototype), n(t.prototype, "resetCamera", [l], Object.getOwnPropertyDescriptor(t.prototype, "resetCamera"), t.prototype), n(t.prototype, "restoreData", [l], Object.getOwnPropertyDescriptor(t.prototype, "restoreData"), t.prototype), n(t.prototype, "handleSetupReady", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleSetupReady"), t.prototype), n(t.prototype, "handleClose", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleClose"), t.prototype), n(t.prototype, "handleDelete", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleDelete"), t.prototype), n(t.prototype, "handleSave", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleSave"), t.prototype), n(t.prototype, "handleChange", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleChange"), t.prototype), n(t.prototype, "setInitialPtScale", [l], Object.getOwnPropertyDescriptor(t.prototype, "setInitialPtScale"), t.prototype), n(t.prototype, "handleClick", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleClick"), t.prototype), n(t.prototype, "handleNavigationChange", [l], Object.getOwnPropertyDescriptor(t.prototype, "handleNavigationChange"), t.prototype), t);
+const F = new P();
 export {
   F as k
 };

package/dist/browser/Mapbox-Cl59-8BN.js

@@ -0,0 +1,118 @@
+import { j as B } from "./jsx-runtime-BHfPvO9I.js";
+import { y as w } from "./index-C1Rwmp91.js";
+import { p, m as z, s as P, a as y, l as E, b as k, c as b, d as C, u as T, e as D, f as M, g as F, h as I, i as _ } from "./data-eO9H1gMa.js";
+import { u as j, s as e, a as t, R as x, d as N, e as n, f as O, c as A } from "./floorplan.ready-CZn5dvsU.js";
+import { r as S } from "./index-DnV82MKb.js";
+(function() {
+  try {
+    var i = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
+    i.SENTRY_RELEASE = { id: "3.0.0-alpha.15" };
+    var r = new i.Error().stack;
+    r && (i._sentryDebugIds = i._sentryDebugIds || {}, i._sentryDebugIds[r] = "e036be8a-c898-44d0-b384-49c8ddf8108a", i._sentryDebugIdIdentifier = "sentry-dbid-e036be8a-c898-44d0-b384-49c8ddf8108a");
+  } catch {
+  }
+})();
+function $() {
+  const i = S.useRef(null), r = S.useRef(null);
+  let c = null, d = [];
+  const u = j(() => ({
+    get initselected() {
+      return ![...t.selectedBooths].filter((o) => o.rect);
+    },
+    get actualCurrentPosition() {
+      const o = e.routeStore.currentPosition;
+      return !(o != null && o.z) || e.layerStore.visible.indexOf(e.layerStore.findLayer(o.z)) > -1 ? o : null;
+    },
+    get style() {
+      return {
+        left: 0
+      };
+    }
+  }));
+  return S.useEffect(() => {
+    if (!r.current) {
+      var {
+        cx: o,
+        cy: l
+      } = p.viewbox;
+      r.current = new z.Map({
+        container: i.current,
+        style: `mapbox://styles/mapbox/${p.style}`,
+        center: [o, l],
+        zoom: 15.5,
+        bearing: p.initBearing - 30,
+        pitch: p.initPitch + 30,
+        maxPitch: 70,
+        bearingSnap: 0,
+        accessToken: p.token
+      }), P(r.current), r.current.on("load", async () => {
+        var f;
+        setTimeout(() => y(u.initselected ? x.fromMultiple([...t.selectedBooths].filter((s) => s.rect).map((s) => s.rect)) : N, 15, 4e3), 1500), r.current.setLight({
+          anchor: "viewport",
+          color: "white",
+          intensity: 0
+        });
+        const a = await E(e.boothStore.booths);
+        k(e.boothStore.booths, a), b("yah", (f = e.routeStore.defaultFrom) != null && f.rect ? {
+          x: e.routeStore.defaultFrom.rect.cx,
+          y: e.routeStore.defaultFrom.rect.cy
+        } : null), b("cp", u.actualCurrentPosition), d = C(e.layerStore.layers);
+        const m = d.filter((s) => s.indexOf("--") === -1);
+        T(e.routeStore), D(), r.current.on("mouseenter", m, () => r.current.getCanvas().style.cursor = "pointer"), r.current.on("mouseleave", m, () => r.current.getCanvas().style.cursor = ""), r.current.on("click", (s) => {
+          const h = [[s.point.x - 5, s.point.y - 5], [s.point.x + 5, s.point.y + 5]], v = r.current.queryRenderedFeatures(h, {
+            layers: d
+          })[0], L = e.boothStore.booths.find((R) => {
+            var g;
+            return R.name === ((g = v == null ? void 0 : v.properties) == null ? void 0 : g.id);
+          });
+          e.clickBooth(L);
+        });
+      });
+    }
+  }), n(() => t.zoomBy, () => {
+    if (!t.zoomBy || !e.mapboxStore.showMapbox) return;
+    const o = t.zoomBy;
+    t.zoomBy = null, r.current.flyTo({
+      zoom: r.current.getZoom() + (o > 1 ? 0.5 : -0.5),
+      animate: !0,
+      duration: 500,
+      essential: !0
+    });
+  }), n(() => [e.layerStore.loaded, e.layerStore.visible, t.selectedRoute], () => {
+    var o, l, a;
+    d.forEach((m) => {
+      const f = m.split("--")[0], s = e.layerStore.layers.find((h) => h.name === f);
+      (s.visible || r.current.getLayoutProperty(m, "visibility") !== "none") && r.current.setLayoutProperty(m, "visibility", s.visible ? "visible" : "none");
+    }), M([...t.selectedBooths], e.boothStore.booths), b("yah", (o = e.routeStore.defaultFrom) != null && o.rect && ((a = (l = e.routeStore.defaultFrom) == null ? void 0 : l.layer) != null && a.visible) ? {
+      x: e.routeStore.defaultFrom.rect.cx,
+      y: e.routeStore.defaultFrom.rect.cy
+    } : null), b("cp", u.actualCurrentPosition);
+  }), n(() => t.hoveredBooths, () => {
+    c && (clearTimeout(c), c = null), c = setTimeout(() => {
+      c = null, F([...t.hoveredBooths].filter((o) => {
+        var l, a;
+        return (a = (l = o.layer) == null ? void 0 : l.visible) != null ? a : !0;
+      }), e.boothStore.booths);
+    }, 50);
+  }), n(() => [t.selectedBooths, t.listBooths], () => {
+    var o = [];
+    t.selectedBooths.size ? o = [...t.selectedBooths] : t.listBooths.size && (t.activeListIndex === 0 || t.list.type === "bookmarks" || t.list.type === "category") && (o = [...t.listBooths]), M(o, e.boothStore.booths);
+  }), n(() => e.mapboxStore.showMapbox, () => {
+    I(e.mapboxStore.showMapbox);
+  }), n(() => t.moveToBooths, () => {
+    if (!t.moveToBooths || !e.mapboxStore.showMapbox) return;
+    const o = t.moveToBooths.filter((a) => a.rect).map((a) => a.rect), l = x.fromMultiple(o);
+    o.length && y(l), t.moveToBooths = null;
+  }), n(() => t.moveToRect, () => {
+    !t.moveToRect || !e.mapboxStore.showMapbox || (y(t.moveToRect, 15), t.moveToRect = null);
+  }), n(() => t.moveToLocation, () => {
+    !t.moveToLocation || !e.mapboxStore.showMapbox || _();
+  }), n(() => t.centerMap, () => {
+    !t.centerMap || !e.mapboxStore.showMapbox || (y(x.fromMultiple(O.booths.map((o) => o.rect)), 15), t.centerMap = !1);
+  }), n(() => e.routeStore.routeLines, () => T(e.routeStore)), n(() => u.actualCurrentPosition, () => b("cp", u.actualCurrentPosition)), A(() => /* @__PURE__ */ B.jsx("div", { style: u.style, className: w("map-container", {
+    hidden: !e.mapboxStore.showMapbox
+  }), children: /* @__PURE__ */ B.jsx("div", { ref: i, className: w("map-wrapper", "mapboxgl-map") }) }));
+}
+export {
+  $ as default
+};

package/dist/browser/{SetKioskMode-BecTBVRp.js → SetKioskMode-CjjAW8SI.js}

@@ -1,27 +1,36 @@
-import { j as e } from "./jsx-runtime-jIxVPx5o.js";
-import { r as y, x as b } from "./index-Zz9lJz5_.js";
-import { aj as _, ak as L, al as C, b as D, s as N } from "./floorplan.ready-D-VQ-QvS.js";
-import { k as a } from "./KioskStore-Bvvm0aNQ.js";
-import { y as E } from "./index-D0SjrKD-.js";
+import { j as e } from "./jsx-runtime-BHfPvO9I.js";
+import { r as I, x as b } from "./index-DnV82MKb.js";
+import { aj as _, ak as E, al as w, b as D, s as N } from "./floorplan.ready-CZn5dvsU.js";
+import { k as a } from "./KioskStore-_Zcv0Bc0.js";
+import { y as L } from "./index-C1Rwmp91.js";
+(function() {
+  try {
+    var s = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
+    s.SENTRY_RELEASE = { id: "3.0.0-alpha.15" };
+    var t = new s.Error().stack;
+    t && (s._sentryDebugIds = s._sentryDebugIds || {}, s._sentryDebugIds[t] = "87059c36-5c82-4090-86d7-770869e796de", s._sentryDebugIdIdentifier = "sentry-dbid-87059c36-5c82-4090-86d7-770869e796de");
+  } catch {
+  }
+})();
 function S({
   value: s,
-  name: r,
+  name: t,
   min: n,
-  max: i,
-  step: t,
+  max: r,
+  step: i,
   onChange: l,
   isDisabled: o,
   symbol: c
 }) {
-  const x = () => l(Math.min(s + t, i)), j = () => l(Math.max(s - t, n));
+  const x = () => l(Math.min(s + i, r)), j = () => l(Math.max(s - i, n));
   let d = 0;
-  i !== n && (d = (s - n) / (i - n) * 100);
+  r !== n && (d = (s - n) / (r - n) * 100);
   let u = "-50%";
   return d === 0 ? u = "0" : d === 100 && (u = "-100%"), /* @__PURE__ */ e.jsxs("div", { className: "efp-range-input", children: [
     /* @__PURE__ */ e.jsxs("span", { className: "efp-range-input__header", children: [
       /* @__PURE__ */ e.jsx("button", { type: "button", className: "efp-range-input__control", draggable: "false", onClick: j, disabled: o, "aria-label": "Decrease", children: /* @__PURE__ */ e.jsx("i", { className: "icon-minus" }) }),
       /* @__PURE__ */ e.jsxs("span", { className: "efp-no-select", children: [
-        r,
+        t,
         " ",
         /* @__PURE__ */ e.jsxs("strong", { children: [
           s,
@@ -31,7 +40,7 @@ function S({
       /* @__PURE__ */ e.jsx("button", { type: "button", className: "efp-range-input__control", draggable: "false", onClick: x, disabled: o, "aria-label": "Increase", children: /* @__PURE__ */ e.jsx("i", { className: "icon-plus" }) })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { className: "efp-range-input__input-block", children: [
-      /* @__PURE__ */ e.jsx("input", { className: "efp-range-input__input", name: r, type: "range", min: n, max: i, step: t, value: s, disabled: o, onChange: (f) => l(Number(f.target.value)) }),
+      /* @__PURE__ */ e.jsx("input", { className: "efp-range-input__input", name: t, type: "range", min: n, max: r, step: i, value: s, disabled: o, onChange: (f) => l(Number(f.target.value)) }),
       /* @__PURE__ */ e.jsxs("span", { className: "efp-range-input__custom-input", children: [
         /* @__PURE__ */ e.jsx("span", { className: "efp-range-input__progress", style: {
           width: `${d}%`
@@ -44,12 +53,12 @@ function S({
     ] })
   ] });
 }
-function w({
+function C({
   onSave: s,
-  onDelete: r,
+  onDelete: t,
   isSaveDisabled: n,
-  isDeleteDisabled: i,
-  areControlsDisabled: t,
+  isDeleteDisabled: r,
+  areControlsDisabled: i,
   angle: l,
   onRotateIcon: o,
   uiScale: c,
@@ -62,12 +71,12 @@ function w({
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "efp-set-kiosk-form", children: /* @__PURE__ */ e.jsxs("div", { className: "efp-set-kiosk-form__content", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "efp-set-kiosk-form__inputs", children: [
-      /* @__PURE__ */ e.jsx(S, { value: l, name: "Icon rotation", min: 0, max: 360, step: 1, symbol: "°", isDisabled: t, onChange: o }),
-      /* @__PURE__ */ e.jsx(S, { value: f, name: "Icon size", min: 100, max: 300, step: 1, symbol: "%", isDisabled: t, onChange: k }),
-      /* @__PURE__ */ e.jsx(S, { value: Math.round(c * 100), name: "UI scale", min: x * 100, max: j * 100, step: d * 100, symbol: "%", isDisabled: t, onChange: (v) => u(v / 100) })
+      /* @__PURE__ */ e.jsx(S, { value: l, name: "Icon rotation", min: 0, max: 360, step: 1, symbol: "°", isDisabled: i, onChange: o }),
+      /* @__PURE__ */ e.jsx(S, { value: f, name: "Icon size", min: 100, max: 300, step: 1, symbol: "%", isDisabled: i, onChange: k }),
+      /* @__PURE__ */ e.jsx(S, { value: Math.round(c * 100), name: "UI scale", min: x * 100, max: j * 100, step: d * 100, symbol: "%", isDisabled: i, onChange: (v) => u(v / 100) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "efp-set-kiosk-form__controls", children: [
-      /* @__PURE__ */ e.jsx(_, { size: "md", variant: "gray", text: "Delete kiosk", onClick: r, disabled: i }),
+      /* @__PURE__ */ e.jsx(_, { size: "md", variant: "gray", text: "Delete kiosk", onClick: t, disabled: r }),
       /* @__PURE__ */ e.jsx(_, { size: "md", variant: "primary", text: "Save", onClick: s, disabled: n })
     ] })
   ] }) });
@@ -76,29 +85,29 @@ function U({
   list: s
 }) {
   return s != null && s.length ? /* @__PURE__ */ e.jsx("div", { className: "efp-info-message", children: s.map(({
-    id: r,
+    id: t,
     image: n,
-    content: i
+    content: r
   }) => /* @__PURE__ */ e.jsxs("div", { className: "efp-info-message__item", children: [
     /* @__PURE__ */ e.jsx("img", { className: "efp-info-message__img", src: n.src, alt: n.alt, width: "30", height: "30" }),
-    /* @__PURE__ */ e.jsx("span", { children: i })
-  ] }, r)) }) : null;
+    /* @__PURE__ */ e.jsx("span", { children: r })
+  ] }, t)) }) : null;
 }
 function z({
   isDisabled: s,
-  content: r,
+  content: t,
   confirmLabel: n,
-  cancelLabel: i,
-  onConfirm: t,
+  cancelLabel: r,
+  onConfirm: i,
   onCancel: l,
   confirmVariant: o,
   cancelVariant: c
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "efp-confirm-dialog", children: [
-    r && /* @__PURE__ */ e.jsx("div", { className: "efp-confirm-dialog__content", children: r }),
+    t && /* @__PURE__ */ e.jsx("div", { className: "efp-confirm-dialog__content", children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "efp-confirm-dialog__controls", children: [
-      /* @__PURE__ */ e.jsx(_, { size: "md", text: n, onClick: t, disabled: s, variant: o }),
-      l && /* @__PURE__ */ e.jsx(_, { size: "md", text: i, variant: c, onClick: l, disabled: s })
+      /* @__PURE__ */ e.jsx(_, { size: "md", text: n, onClick: i, disabled: s, variant: o }),
+      l && /* @__PURE__ */ e.jsx(_, { size: "md", text: r, variant: c, onClick: l, disabled: s })
     ] })
   ] });
 }
@@ -106,27 +115,27 @@ function M({
   messages: s
 }) {
   return s != null && s.length ? /* @__PURE__ */ e.jsx("div", { className: "efp-status-messages", children: s.map(({
-    id: r,
+    id: t,
     variant: n,
-    title: i
+    title: r
   }) => {
-    const t = n === "success", l = n === "error";
-    return /* @__PURE__ */ e.jsxs("div", { className: E("efp-status-messages__message", {
-      "efp-status-messages__message--success": t,
+    const i = n === "success", l = n === "error";
+    return /* @__PURE__ */ e.jsxs("div", { className: L("efp-status-messages__message", {
+      "efp-status-messages__message--success": i,
       "efp-status-messages__message--error": l
     }), children: [
-      t ? /* @__PURE__ */ e.jsx("i", { className: "icon-checkmark" }) : null,
+      i ? /* @__PURE__ */ e.jsx("i", { className: "icon-checkmark" }) : null,
       l ? /* @__PURE__ */ e.jsx("i", { className: "icon-warning-solid" }) : null,
-      i
-    ] }, r);
+      r
+    ] }, t);
   }) }) : null;
 }
 function K({
   isSaveDisabled: s,
-  isDeleteDisabled: r,
+  isDeleteDisabled: t,
   areControlsDisabled: n,
-  confirmOnClose: i,
-  angle: t,
+  confirmOnClose: r,
+  angle: i,
   uiScale: l,
   minUiScale: o,
   maxUiScale: c,
@@ -139,8 +148,8 @@ function K({
   onSave: v,
   onChange: m
 }) {
-  const [h, g] = y.useState(null);
-  return /* @__PURE__ */ e.jsxs(L, { className: "efp-set-kiosk-mode", translate: {
+  const [h, g] = I.useState(null);
+  return /* @__PURE__ */ e.jsxs(E, { className: "efp-set-kiosk-mode", translate: {
     x: window.innerWidth / 2,
     y: 0
   }, children: [
@@ -150,10 +159,10 @@ function K({
       /* @__PURE__ */ e.jsx("button", { type: "button", draggable: "false", className: "efp-set-kiosk-mode__close", "aria-label": "Close", onClick: () => {
         const p = () => {
           g(null);
-        }, I = () => {
+        }, y = () => {
           f == null || f(), g(null);
         };
-        h ? p() : i ? g({
+        h ? p() : r ? g({
           title: "Leave without saving?",
           content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             "You have changes that ",
@@ -161,11 +170,11 @@ function K({
           ] }),
           confirmLabel: "Keep editing",
           cancelLabel: "Leave",
-          onCancel: I,
+          onCancel: y,
           onConfirm: p,
           confirmVariant: "primary",
           cancelVariant: "danger"
-        }) : I();
+        }) : y();
       }, children: /* @__PURE__ */ e.jsx("i", { className: "icon-close" }) })
     ] }),
     !h && /* @__PURE__ */ e.jsx(M, { messages: u }),
@@ -190,7 +199,7 @@ function K({
         /* @__PURE__ */ e.jsx("strong", { children: "Zoom and rotate" }),
         " the map before saving."
       ] })
-    }] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: h ? /* @__PURE__ */ e.jsx(z, { ...h }) : /* @__PURE__ */ e.jsx(w, { isSaveDisabled: s, isDeleteDisabled: r, areControlsDisabled: n, onSave: () => {
+    }] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: h ? /* @__PURE__ */ e.jsx(z, { ...h }) : /* @__PURE__ */ e.jsx(C, { isSaveDisabled: s, isDeleteDisabled: t, areControlsDisabled: n, onSave: () => {
       v == null || v(), g(null);
     }, onDelete: () => {
       g({
@@ -211,7 +220,7 @@ function K({
         confirmVariant: "gray",
         cancelVariant: "danger"
       });
-    }, angle: t, onRotateIcon: (p) => m == null ? void 0 : m({
+    }, angle: i, onRotateIcon: (p) => m == null ? void 0 : m({
       angle: p
     }), uiScale: l, minUiScale: o, maxUiScale: c, uiScaleStep: x, onUiScaleChange: (p) => m == null ? void 0 : m({
       scale: p
@@ -220,21 +229,21 @@ function K({
     }) }) })
   ] });
 }
-const B = C(() => {
-  var r, n, i;
-  D(() => a.handleSetupReady()), y.useEffect(() => {
-    const t = (c) => a.setInitialPtScale(c);
-    a.renderer.events.addEventListener("viewport:ptscale", t);
+const P = w(() => {
+  var t, n, r;
+  D(() => a.handleSetupReady()), I.useEffect(() => {
+    const i = (c) => a.setInitialPtScale(c);
+    a.renderer.events.addEventListener("viewport:ptscale", i);
     const l = (c) => a.handleClick(c);
     a.renderer.events.addEventListener("pointer:click", l);
     const o = () => a.handleNavigationChange();
     return a.renderer.events.addEventListener("navigation:change", o), () => {
-      a.renderer.events.removeEventListener("viewport:ptscale", t), a.renderer.events.removeEventListener("pointer:click", l), a.renderer.events.removeEventListener("navigation:change", o);
+      a.renderer.events.removeEventListener("viewport:ptscale", i), a.renderer.events.removeEventListener("pointer:click", l), a.renderer.events.removeEventListener("navigation:change", o);
     };
   }, [a.renderer]);
   const s = !!a.kiosk;
-  return /* @__PURE__ */ e.jsx(K, { isSaveDisabled: s ? !a.hasUnsavedChanges : !0, isDeleteDisabled: !s, areControlsDisabled: !s, confirmOnClose: s ? a.hasUnsavedChanges : !1, angle: ((r = a.kiosk) == null ? void 0 : r.heading) || 0, uiScale: ((n = a.kiosk) == null ? void 0 : n.uiScale) || N.uiState.uiScale, minUiScale: N.uiState.minUIScale, maxUiScale: N.uiState.maxUIScale, uiScaleStep: 0.01, iconSizePercent: ((i = a.kiosk) == null ? void 0 : i.iconSizePercent) || 100, isInfoVisible: !s, statusMessages: a.statusMessages, onClose: () => a.handleClose(), onDelete: () => a.handleDelete(), onSave: () => a.handleSave(), onChange: (t) => a.handleChange(t) });
+  return /* @__PURE__ */ e.jsx(K, { isSaveDisabled: s ? !a.hasUnsavedChanges : !0, isDeleteDisabled: !s, areControlsDisabled: !s, confirmOnClose: s ? a.hasUnsavedChanges : !1, angle: ((t = a.kiosk) == null ? void 0 : t.heading) || 0, uiScale: ((n = a.kiosk) == null ? void 0 : n.uiScale) || N.uiState.uiScale, minUiScale: N.uiState.minUIScale, maxUiScale: N.uiState.maxUIScale, uiScaleStep: 0.01, iconSizePercent: ((r = a.kiosk) == null ? void 0 : r.iconSizePercent) || 100, isInfoVisible: !s, statusMessages: a.statusMessages, onClose: () => a.handleClose(), onDelete: () => a.handleDelete(), onSave: () => a.handleSave(), onChange: (i) => a.handleChange(i) });
 });
 export {
-  B as default
+  P as default
 };