@expofp/floorplan 3.0.0-alpha.3

package/dist/browser/KioskStore-BFmurkVL.js

@@ -0,0 +1,216 @@
+import { s as o, ao as h, ap as b, aq as v, ar as f, as as O, at as C, au as g, av as c, aw as d } from "./floorplan.ready-DOAwMGub.js";
+import "./jsx-runtime-jIxVPx5o.js";
+import "./index-saYO21xq.js";
+import "./index-cGFPJUkc.js";
+function P(n) {
+  const e = n.viewport.canvasToSvg({
+    x: 0,
+    y: 0
+  }), s = n.viewport.canvasToSvg({
+    x: n.canvas.clientWidth,
+    y: 0
+  }), r = n.viewport.canvasToSvg({
+    x: 0,
+    y: n.canvas.clientHeight
+  }), p = n.viewport.canvasToSvg({
+    x: n.canvas.clientWidth,
+    y: n.canvas.clientHeight
+  }), i = Math.min(e.x, s.x, r.x, p.x), l = Math.max(e.x, s.x, r.x, p.x), u = Math.min(e.y, s.y, r.y, p.y), y = Math.max(e.y, s.y, r.y, p.y);
+  return {
+    x: i,
+    y: u,
+    width: l - i,
+    height: y - u,
+    left: i,
+    right: l,
+    top: y,
+    bottom: u,
+    center: {
+      x: (i + l) / 2,
+      y: (u + y) / 2
+    }
+  };
+}
+function D(n, e) {
+  const s = P(n);
+  return e.x >= s.left && e.x <= s.right && e.y >= s.bottom && e.y <= s.top;
+}
+var t, S, k;
+function m(n, e, s, r) {
+  s && Object.defineProperty(n, e, { enumerable: s.enumerable, configurable: s.configurable, writable: s.writable, value: s.initializer ? s.initializer.call(r) : void 0 });
+}
+function a(n, e, s, r, p) {
+  var i = {};
+  return Object.keys(r).forEach(function(l) {
+    i[l] = r[l];
+  }), i.enumerable = !!i.enumerable, i.configurable = !!i.configurable, ("value" in i || i.initializer) && (i.writable = !0), i = s.slice().reverse().reduce(function(l, u) {
+    return u(n, e, l) || l;
+  }, i), p && i.initializer !== void 0 && (i.value = i.initializer ? i.initializer.call(p) : void 0, i.initializer = void 0), i.initializer === void 0 ? (Object.defineProperty(n, e, i), null) : i;
+}
+let w = (t = class {
+  constructor() {
+    m(this, "savedKiosk", S, this), m(this, "statusMessages", k, this), this.statusMessageTimer = 0, this.initialPtScale = void 0;
+  }
+  get kiosk() {
+    return o.uiState.kioskData;
+  }
+  setKiosk(e) {
+    o.uiState.setKioskData(e);
+  }
+  get renderer() {
+    return o.renderer;
+  }
+  getCameraState() {
+    const e = this.renderer.controls.getCameraState();
+    return {
+      mapInitialPtScale: this.initialPtScale,
+      mapPtScale: e == null ? void 0 : e.ptScale,
+      mapCenterX: e == null ? void 0 : e.center.x,
+      mapCenterY: e == null ? void 0 : e.center.y,
+      mapRollDegrees: e == null ? void 0 : e.roll,
+      mapPitch: e == null ? void 0 : e.pitch
+    };
+  }
+  get hasUnsavedChanges() {
+    const e = this.savedKiosk, s = h(this.kiosk);
+    if (!s || !e)
+      return !!s != !!e;
+    const r = Object.keys(e), p = Object.keys(s);
+    if (r.length !== p.length)
+      return !0;
+    for (const i of r)
+      if (!(i in s) || e[i] !== s[i])
+        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() {
+    const {
+      z: e,
+      mapRollDegrees: s,
+      mapInitialPtScale: r,
+      mapPtScale: p,
+      mapCenterX: i,
+      mapCenterY: l
+    } = this.kiosk || {};
+    await this.renderer.controls.resetCamera({
+      pan: !0,
+      zoom: !0,
+      roll: !0,
+      pitch: !0
+    }, !0), b(() => {
+      Number.isFinite(r) && Number.isFinite(p) && p > 0 && this.renderer.controls.zoomBy(r / p, !0), Number.isFinite(i) && Number.isFinite(l) && this.renderer.controls.panTo(i, l, !0), Number.isFinite(s) && this.renderer.controls.rollTo(s, !0), e && o.fp.activateFloor({
+        name: e
+      });
+    });
+  }
+  restoreData() {
+    const e = v();
+    return e && (this.setKiosk(e), this.savedKiosk = e, o.uiState.kiosk = !0, this.resetCamera()), e;
+  }
+  handleSetupReady() {
+    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), o.uiState.setForceDimm(!1), o.uiState.enableSetKioskMode(!1), o.searchStore.closeSearch(), this.resetCamera();
+  }
+  handleDelete() {
+    f(), this.setKiosk(null), o.uiState.resetMapSettings(), o.uiState.resetUIScale(), this.resetCamera(), this.addStatusMessage({
+      variant: "success",
+      title: "Deleted"
+    });
+  }
+  handleSave() {
+    const e = h(this.kiosk), s = this.getCameraState(), r = {
+      ...e,
+      ...s
+    };
+    if (!D(this.renderer, r)) {
+      this.addStatusMessage({
+        variant: "error",
+        title: "Kiosk not visible"
+      });
+      return;
+    }
+    this.setKiosk(r), O(r), o.uiState.setUIScale(r.uiScale, !0), this.addStatusMessage({
+      variant: "success",
+      title: "Saved"
+    }), this.savedKiosk = r;
+  }
+  delayChange(e) {
+    requestAnimationFrame(() => e == null ? void 0 : e());
+  }
+  handleChange(e) {
+    const s = h(this.kiosk);
+    s && (Number.isFinite(e.angle) && this.setKiosk({
+      ...s,
+      heading: e.angle
+    }), Number.isFinite(e.scale) && (this.setKiosk({
+      ...s,
+      uiScale: e.scale
+    }), this.delayChange(() => o.uiState.setUIScale(e.scale, !1))), Number.isFinite(e.percent) && this.setKiosk({
+      ...s,
+      iconSizePercent: e.percent
+    }));
+  }
+  setInitialPtScale(e) {
+    if (this.initialPtScale)
+      return;
+    this.initialPtScale = e;
+    const s = h(this.kiosk);
+    s && this.setKiosk({
+      ...s,
+      mapInitialPtScale: e
+    });
+  }
+  handleClick({
+    point: e
+  }) {
+    var l;
+    const s = h(this.kiosk), r = o.fp.getFloors(), p = C() ? (l = r.find((u) => u.active)) == null ? void 0 : l.name : null, i = o.uiState.uiScale;
+    this.setKiosk({
+      ...s,
+      x: e.x,
+      y: e.y,
+      z: p,
+      uiScale: (s == null ? void 0 : s.uiScale) || i,
+      heading: (s == null ? void 0 : s.heading) || 0,
+      iconSizePercent: (s == null ? void 0 : s.iconSizePercent) || 100,
+      ...this.getCameraState()
+    });
+  }
+  handleNavigationChange() {
+    const e = h(this.kiosk);
+    e && this.setKiosk({
+      ...e,
+      ...this.getCameraState()
+    });
+  }
+}, a(t.prototype, "kiosk", [g], Object.getOwnPropertyDescriptor(t.prototype, "kiosk"), t.prototype), a(t.prototype, "setKiosk", [c], Object.getOwnPropertyDescriptor(t.prototype, "setKiosk"), t.prototype), a(t.prototype, "renderer", [g], Object.getOwnPropertyDescriptor(t.prototype, "renderer"), t.prototype), S = a(t.prototype, "savedKiosk", [d], {
+  configurable: !0,
+  enumerable: !0,
+  writable: !0,
+  initializer: null
+}), a(t.prototype, "hasUnsavedChanges", [g], Object.getOwnPropertyDescriptor(t.prototype, "hasUnsavedChanges"), t.prototype), k = a(t.prototype, "statusMessages", [d], {
+  configurable: !0,
+  enumerable: !0,
+  writable: !0,
+  initializer: function() {
+    return [];
+  }
+}), a(t.prototype, "addStatusMessage", [c], Object.getOwnPropertyDescriptor(t.prototype, "addStatusMessage"), t.prototype), a(t.prototype, "clearStatusMessages", [c], Object.getOwnPropertyDescriptor(t.prototype, "clearStatusMessages"), t.prototype), a(t.prototype, "startCleanupMessages", [c], Object.getOwnPropertyDescriptor(t.prototype, "startCleanupMessages"), t.prototype), a(t.prototype, "resetCamera", [c], Object.getOwnPropertyDescriptor(t.prototype, "resetCamera"), t.prototype), a(t.prototype, "restoreData", [c], Object.getOwnPropertyDescriptor(t.prototype, "restoreData"), t.prototype), a(t.prototype, "handleSetupReady", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleSetupReady"), t.prototype), a(t.prototype, "handleClose", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleClose"), t.prototype), a(t.prototype, "handleDelete", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleDelete"), t.prototype), a(t.prototype, "handleSave", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleSave"), t.prototype), a(t.prototype, "handleChange", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleChange"), t.prototype), a(t.prototype, "setInitialPtScale", [c], Object.getOwnPropertyDescriptor(t.prototype, "setInitialPtScale"), t.prototype), a(t.prototype, "handleClick", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleClick"), t.prototype), a(t.prototype, "handleNavigationChange", [c], Object.getOwnPropertyDescriptor(t.prototype, "handleNavigationChange"), t.prototype), t);
+const F = new w();
+export {
+  F as k
+};

package/dist/browser/Mapbox-C51a0xP2.js

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

package/dist/browser/SetKioskMode-COh431a3.js

@@ -0,0 +1,240 @@
+import { j as e } from "./jsx-runtime-jIxVPx5o.js";
+import { r as y, x as b } from "./index-saYO21xq.js";
+import { aj as _, ak as L, al as C, b as D, s as N } from "./floorplan.ready-DOAwMGub.js";
+import { k as a } from "./KioskStore-BFmurkVL.js";
+import { y as E } from "./index-cGFPJUkc.js";
+function S({
+  value: s,
+  name: r,
+  min: n,
+  max: i,
+  step: t,
+  onChange: l,
+  isDisabled: o,
+  symbol: c
+}) {
+  const x = () => l(Math.min(s + t, i)), j = () => l(Math.max(s - t, n));
+  let d = 0;
+  i !== n && (d = (s - n) / (i - 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,
+        " ",
+        /* @__PURE__ */ e.jsxs("strong", { children: [
+          s,
+          c != null ? c : ""
+        ] })
+      ] }),
+      /* @__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.jsxs("span", { className: "efp-range-input__custom-input", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "efp-range-input__progress", style: {
+          width: `${d}%`
+        } }),
+        /* @__PURE__ */ e.jsx("span", { className: "efp-range-input__thumb", style: {
+          insetInlineStart: `${d}%`,
+          transform: `translateX(${u}) translateY(-50%)`
+        } })
+      ] })
+    ] })
+  ] });
+}
+function w({
+  onSave: s,
+  onDelete: r,
+  isSaveDisabled: n,
+  isDeleteDisabled: i,
+  areControlsDisabled: t,
+  angle: l,
+  onRotateIcon: o,
+  uiScale: c,
+  minUiScale: x,
+  maxUiScale: j,
+  uiScaleStep: d,
+  onUiScaleChange: u,
+  iconSizePercent: f,
+  onChangeIconSizePercent: k
+}) {
+  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.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: "primary", text: "Save", onClick: s, disabled: n })
+    ] })
+  ] }) });
+}
+function U({
+  list: s
+}) {
+  return s != null && s.length ? /* @__PURE__ */ e.jsx("div", { className: "efp-info-message", children: s.map(({
+    id: r,
+    image: n,
+    content: i
+  }) => /* @__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;
+}
+function z({
+  isDisabled: s,
+  content: r,
+  confirmLabel: n,
+  cancelLabel: i,
+  onConfirm: t,
+  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 }),
+    /* @__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 })
+    ] })
+  ] });
+}
+function M({
+  messages: s
+}) {
+  return s != null && s.length ? /* @__PURE__ */ e.jsx("div", { className: "efp-status-messages", children: s.map(({
+    id: r,
+    variant: n,
+    title: i
+  }) => {
+    const t = n === "success", l = n === "error";
+    return /* @__PURE__ */ e.jsxs("div", { className: E("efp-status-messages__message", {
+      "efp-status-messages__message--success": t,
+      "efp-status-messages__message--error": l
+    }), children: [
+      t ? /* @__PURE__ */ e.jsx("i", { className: "icon-checkmark" }) : null,
+      l ? /* @__PURE__ */ e.jsx("i", { className: "icon-warning-solid" }) : null,
+      i
+    ] }, r);
+  }) }) : null;
+}
+function K({
+  isSaveDisabled: s,
+  isDeleteDisabled: r,
+  areControlsDisabled: n,
+  confirmOnClose: i,
+  angle: t,
+  uiScale: l,
+  minUiScale: o,
+  maxUiScale: c,
+  uiScaleStep: x,
+  iconSizePercent: j,
+  isInfoVisible: d,
+  statusMessages: u,
+  onClose: f,
+  onDelete: k,
+  onSave: v,
+  onChange: m
+}) {
+  const [h, g] = y.useState(null);
+  return /* @__PURE__ */ e.jsxs(L, { className: "efp-set-kiosk-mode", translate: {
+    x: window.innerWidth / 2,
+    y: 0
+  }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "efp-set-kiosk-mode__header", children: [
+      /* @__PURE__ */ e.jsx("img", { src: `${b}icons/dragdrop-solid.svg`, alt: "Drag and Drop Icon", width: "24", height: "24" }),
+      /* @__PURE__ */ e.jsx("span", { className: "efp-no-select", children: h ? h.title : "Set Kiosk" }),
+      /* @__PURE__ */ e.jsx("button", { type: "button", draggable: "false", className: "efp-set-kiosk-mode__close", "aria-label": "Close", onClick: () => {
+        const p = () => {
+          g(null);
+        }, I = () => {
+          f == null || f(), g(null);
+        };
+        h ? p() : i ? g({
+          title: "Leave without saving?",
+          content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            "You have changes that ",
+            /* @__PURE__ */ e.jsx("strong", { children: "haven't been saved." })
+          ] }),
+          confirmLabel: "Keep editing",
+          cancelLabel: "Leave",
+          onCancel: I,
+          onConfirm: p,
+          confirmVariant: "primary",
+          cancelVariant: "danger"
+        }) : I();
+      }, children: /* @__PURE__ */ e.jsx("i", { className: "icon-close" }) })
+    ] }),
+    !h && /* @__PURE__ */ e.jsx(M, { messages: u }),
+    d ? /* @__PURE__ */ e.jsx(U, { list: [{
+      id: "1",
+      image: {
+        src: `${b}icons/tap.svg`,
+        alt: "Tap to set or move kiosk."
+      },
+      content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        "Tap to ",
+        /* @__PURE__ */ e.jsx("strong", { children: "set or move" }),
+        " kiosk."
+      ] })
+    }, {
+      id: "2",
+      image: {
+        src: `${b}icons/rotate.svg`,
+        alt: "Zoom and rotate the map before saving."
+      },
+      content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__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: () => {
+      v == null || v(), g(null);
+    }, onDelete: () => {
+      g({
+        title: "Delete kiosk?",
+        content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          "Are you sure you want to ",
+          /* @__PURE__ */ e.jsx("strong", { children: "delete this kiosk" }),
+          "?"
+        ] }),
+        confirmLabel: "Cancel",
+        cancelLabel: "Delete",
+        onConfirm: () => {
+          g(null);
+        },
+        onCancel: () => {
+          k == null || k(), g(null);
+        },
+        confirmVariant: "gray",
+        cancelVariant: "danger"
+      });
+    }, angle: t, 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
+    }), iconSizePercent: j, onChangeIconSizePercent: (p) => m == null ? void 0 : m({
+      percent: p
+    }) }) })
+  ] });
+}
+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 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]);
+  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) });
+});
+export {
+  B as default
+};

package/dist/browser/ShowKiosk-K-z2FMYd.js

@@ -0,0 +1,26 @@
+import { j as s } from "./jsx-runtime-jIxVPx5o.js";
+import { al as o, b as r, am as n, an as c, s as t } from "./floorplan.ready-DOAwMGub.js";
+import { M as i } from "./index-saYO21xq.js";
+import { k as a } from "./KioskStore-BFmurkVL.js";
+const C = () => /* @__PURE__ */ s.jsx("div", { className: "touch-hand", children: /* @__PURE__ */ s.jsx("svg", { width: "640", height: "640", viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "touch-hand-icon", children: /* @__PURE__ */ s.jsxs("g", { className: "touchon", children: [
+  /* @__PURE__ */ s.jsxs("g", { id: "touchon-body", children: [
+    /* @__PURE__ */ s.jsx("circle", { className: "hand-touch-1", cx: "299", cy: "201", r: "50" }),
+    /* @__PURE__ */ s.jsx("circle", { className: "hand-touch-2", cx: "299", cy: "201", r: "110" }),
+    /* @__PURE__ */ s.jsx("circle", { className: "hand-touch-3", cx: "299", cy: "201", r: "160" })
+  ] }),
+  /* @__PURE__ */ s.jsxs("g", { id: "touchon-hand-body", children: [
+    /* @__PURE__ */ s.jsx("path", { className: "touchon-hand-fill", d: "M413.525 275.538C400.76 242.513 351.811 260.648 363.064 293.905L330.572 204.634C316.987 171.694 269.344 189.034 280.111 223L311.098 308.137L353.234 423.907C363.94 453.319 361.648 447.023 310.673 433.864C269.832 423.402 247.978 454.874 254.082 468.721C260.187 482.569 368.361 525.989 368.361 525.989C501.073 600.279 573.714 496.368 572.578 437.401C571.407 378.339 533.075 288.002 533.075 288.002C527.073 274.436 512.056 267.025 498.149 272.087C484.241 277.149 477.189 293.444 481.977 306.6L473.153 282.356C460.405 249.962 411.865 266.884 422.521 300.252L413.525 275.538Z" }),
+    /* @__PURE__ */ s.jsx("path", { className: "touchon-hand-stroke", d: "M363.064 293.905C351.811 260.648 400.76 242.513 413.525 275.538L422.521 300.252M363.064 293.905L330.572 204.634C316.987 171.694 269.344 189.034 280.111 223L311.098 308.137L353.234 423.907C363.94 453.319 361.648 447.023 310.673 433.864C269.832 423.402 247.978 454.874 254.082 468.721C260.187 482.569 368.361 525.989 368.361 525.989C501.073 600.279 573.714 496.368 572.578 437.401C571.407 378.339 533.075 288.002 533.075 288.002C527.073 274.436 512.056 267.025 498.149 272.087C484.241 277.149 477.189 293.444 481.977 306.6M363.064 293.905L390.46 369.174M422.521 300.252C411.865 266.884 460.405 249.962 473.153 282.356L481.977 306.6M422.521 300.252L440.921 350.807M481.977 306.6L494.974 342.308M363.064 293.905C351.811 260.648 400.76 242.513 413.525 275.538L422.521 300.252M363.064 293.905L330.572 204.634C316.987 171.694 269.344 189.034 280.111 223L311.098 308.137L353.234 423.907C363.94 453.319 361.648 447.023 310.673 433.864C269.832 423.402 247.978 454.874 254.082 468.721C260.187 482.569 368.361 525.989 368.361 525.989C501.073 600.279 573.714 496.368 572.578 437.401C571.407 378.339 533.075 288.002 533.075 288.002C527.073 274.436 512.056 267.025 498.149 272.087C484.241 277.149 477.189 293.444 481.977 306.6M363.064 293.905L390.46 369.174M422.521 300.252C411.865 266.884 460.405 249.962 473.153 282.356L481.977 306.6M422.521 300.252L440.921 350.807M481.977 306.6L494.974 342.308" })
+  ] })
+] }) }) }), u = o(() => (r(() => {
+  if (localStorage.getItem(i) === "0")
+    return;
+  const e = a.restoreData();
+  if (e)
+    return n(e, !0), c(e), t.setResetCameraFn(() => a.resetCamera()), () => {
+      t.uiState.setKioskData(null), t.uiState.resetMapSettings(), a.resetCamera();
+    };
+}), t.uiState.inIdle ? /* @__PURE__ */ s.jsx(C, {}) : null));
+export {
+  u as default
+};