@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.10

package/dist/floorplan/PanoFloorplanRadarPlugin/index..js

@@ -0,0 +1,613 @@
+var oe = Object.defineProperty, ae = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var V = Object.getOwnPropertySymbols;
+var se = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
+var N = (r, i, e) => i in r ? oe(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e, x = (r, i) => {
+  for (var e in i || (i = {}))
+    se.call(i, e) && N(r, e, i[e]);
+  if (V)
+    for (var e of V(i))
+      fe.call(i, e) && N(r, e, i[e]);
+  return r;
+}, X = (r, i) => ae(r, le(i));
+var b = (r, i, e) => (N(r, typeof i != "symbol" ? i + "" : i, e), e);
+var q = (r, i, e) => new Promise((t, n) => {
+  var o = (c) => {
+    try {
+      f(e.next(c));
+    } catch (s) {
+      n(s);
+    }
+  }, a = (c) => {
+    try {
+      f(e.throw(c));
+    } catch (s) {
+      n(s);
+    }
+  }, f = (c) => c.done ? t(c.value) : Promise.resolve(c.value).then(o, a);
+  f((e = e.apply(r, i)).next());
+});
+import { SvelteComponent as R, init as T, safe_not_equal as B, append_styles as G, element as k, attr as D, set_style as p, insert as w, append as S, noop as M, detach as I, update_keyed_each as ue, destroy_block as ce, space as P, assign as H, create_component as E, empty as ne, mount_component as C, get_spread_update as W, transition_in as _, group_outros as L, transition_out as v, check_outros as K, destroy_component as z, add_render_callback as he, add_resize_listener as de } from "svelte/internal";
+import { onMount as re } from "svelte";
+import { CAMERA_IMAGE as J, BaseImage as me, RoomHighlight as pe, formatData as Y, formatExtraObjects as ge } from "../../chunks/es/formatData.a2b39ef9.es.js";
+import { throttle as _e } from "../../chunks/es/throttle.db66bac3.es.js";
+import { equal as be } from "../../chunks/es/equal.7db4a6f7.es.js";
+import { Controller as ve } from "../../chunks/es/BasePluginWithData.4bf4e649.es.js";
+import "../../chunks/es/BasePlugin.813e25f7.es.js";
+import "../../chunks/es/Subscribe.c73e0f91.es.js";
+function we(r) {
+  G(r, "svelte-1nqrlxd", ".plugin-radar__camera-wrapper.svelte-1nqrlxd{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1nqrlxd{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1nqrlxd{position:absolute;left:-0.9375rem;top:-0.9375rem;width:1.0625rem;height:1.0625rem;transform-origin:0.9375rem 0.9375rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
+}
+function Ie(r) {
+  let i, e, t;
+  return {
+    c() {
+      i = k("div"), e = k("div"), t = k("div"), D(t, "class", "plugin-radar__camera-rotate svelte-1nqrlxd"), p(t, "background-image", "url(" + (r[0] || J) + ")"), p(t, "transform", r[1], !1), D(e, "class", "plugin-radar__camera-position svelte-1nqrlxd"), p(e, "transform", r[2], !1), D(i, "class", "plugin-radar__camera-wrapper svelte-1nqrlxd");
+    },
+    m(n, o) {
+      w(n, i, o), S(i, e), S(e, t);
+    },
+    p(n, [o]) {
+      o & 1 && p(t, "background-image", "url(" + (n[0] || J) + ")"), o & 2 && p(t, "transform", n[1], !1), o & 4 && p(e, "transform", n[2], !1);
+    },
+    i: M,
+    o: M,
+    d(n) {
+      n && I(i);
+    }
+  };
+}
+function ke(r) {
+  return `rotate(${Math.floor(r / Math.PI * 180) * -1 + 45}deg)`;
+}
+function De(r, i, e) {
+  let t, n, { five: o } = i, { pxmm: a } = i, { floorplanData: f } = i, { cameraImageUrl: c } = i, s = o.getCurrentState().panoIndex, l = o.getCurrentState().longitude;
+  function h(m, j) {
+    const y = m.bounding, d = m.observers[j];
+    if (!d)
+      return "";
+    const F = (y.max.x - y.min.x) * a, U = (y.max.y - y.min.y) * a, A = Math.floor(d.positionInImage.x * F), O = Math.floor(d.positionInImage.y * U);
+    return `translate(${A}px, ${O}px)`;
+  }
+  function u(m) {
+    e(6, s = m);
+  }
+  const g = _e(
+    (m) => {
+      e(7, l = m.longitude);
+    },
+    1e3 / 60
+  );
+  return re(() => (o.on("panoWillArrive", u), o.on("cameraDirectionUpdate", g), function() {
+    o.off("panoWillArrive", u), o.off("cameraDirectionUpdate", g);
+  })), r.$$set = (m) => {
+    "five" in m && e(3, o = m.five), "pxmm" in m && e(4, a = m.pxmm), "floorplanData" in m && e(5, f = m.floorplanData), "cameraImageUrl" in m && e(0, c = m.cameraImageUrl);
+  }, r.$$.update = () => {
+    r.$$.dirty & 96 && e(2, t = h(f, s)), r.$$.dirty & 128 && e(1, n = ke(l));
+  }, [
+    c,
+    n,
+    t,
+    o,
+    a,
+    f,
+    s,
+    l
+  ];
+}
+class je extends R {
+  constructor(i) {
+    super(), T(
+      this,
+      i,
+      De,
+      Ie,
+      B,
+      {
+        five: 3,
+        pxmm: 4,
+        floorplanData: 5,
+        cameraImageUrl: 0
+      },
+      we
+    );
+  }
+}
+function ye(r) {
+  G(r, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
+}
+function Z(r, i, e) {
+  const t = r.slice();
+  return t[1] = i[e], t;
+}
+function $(r, i) {
+  let e, t, n = `${i[1].icon.width / 16}rem`, o = `${i[1].icon.height / 16}rem`, a, f = `${i[1].positionInImage.y * 100}%`, c = `${i[1].positionInImage.x * 100}%`;
+  return {
+    key: r,
+    first: null,
+    c() {
+      e = k("div"), t = k("div"), a = P(), D(t, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7"), p(t, "background-image", `url(${i[1].icon.url})`), p(t, "width", n, !1), p(t, "height", o, !1), D(e, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7"), p(e, "top", f, !1), p(e, "left", c, !1), this.first = e;
+    },
+    m(s, l) {
+      w(s, e, l), S(e, t), S(e, a);
+    },
+    p(s, l) {
+      i = s, l & 1 && p(t, "background-image", `url(${i[1].icon.url})`), l & 1 && n !== (n = `${i[1].icon.width / 16}rem`) && p(t, "width", n, !1), l & 1 && o !== (o = `${i[1].icon.height / 16}rem`) && p(t, "height", o, !1), l & 1 && f !== (f = `${i[1].positionInImage.y * 100}%`) && p(e, "top", f, !1), l & 1 && c !== (c = `${i[1].positionInImage.x * 100}%`) && p(e, "left", c, !1);
+    },
+    d(s) {
+      s && I(e);
+    }
+  };
+}
+function Ae(r) {
+  let i, e = [], t = /* @__PURE__ */ new Map(), n = r[0];
+  const o = (a) => a[1].id;
+  for (let a = 0; a < n.length; a += 1) {
+    let f = Z(r, n, a), c = o(f);
+    t.set(c, e[a] = $(c, f));
+  }
+  return {
+    c() {
+      i = k("div");
+      for (let a = 0; a < e.length; a += 1)
+        e[a].c();
+      D(i, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
+    },
+    m(a, f) {
+      w(a, i, f);
+      for (let c = 0; c < e.length; c += 1)
+        e[c].m(i, null);
+    },
+    p(a, [f]) {
+      f & 1 && (n = a[0], e = ue(e, f, o, 1, a, n, t, i, ce, $, null, Z));
+    },
+    i: M,
+    o: M,
+    d(a) {
+      a && I(i);
+      for (let f = 0; f < e.length; f += 1)
+        e[f].d();
+    }
+  };
+}
+function xe(r, i, e) {
+  let { extraObjects: t = [] } = i;
+  return r.$$set = (n) => {
+    "extraObjects" in n && e(0, t = n.extraObjects);
+  }, [t];
+}
+class Oe extends R {
+  constructor(i) {
+    super(), T(this, i, xe, Ae, B, { extraObjects: 0 }, ye);
+  }
+}
+function ee(r) {
+  let i, e;
+  const t = [
+    {
+      five: r[0],
+      pxmm: r[1],
+      floorIndex: r[2],
+      floorplanData: r[4],
+      onRoomHeightClick: r[6]
+    }
+  ];
+  let n = {};
+  for (let o = 0; o < t.length; o += 1)
+    n = H(n, t[o]);
+  return i = new pe({ props: n }), {
+    c() {
+      E(i.$$.fragment);
+    },
+    m(o, a) {
+      C(i, o, a), e = !0;
+    },
+    p(o, a) {
+      const f = a & 87 ? W(t, [
+        {
+          five: o[0],
+          pxmm: o[1],
+          floorIndex: o[2],
+          floorplanData: o[4],
+          onRoomHeightClick: o[6]
+        }
+      ]) : {};
+      i.$set(f);
+    },
+    i(o) {
+      e || (_(i.$$.fragment, o), e = !0);
+    },
+    o(o) {
+      v(i.$$.fragment, o), e = !1;
+    },
+    d(o) {
+      z(i, o);
+    }
+  };
+}
+function qe(r) {
+  let i, e, t, n, o, a;
+  const f = [
+    {
+      floorIndex: r[2],
+      floorplanData: r[4]
+    }
+  ];
+  let c = {};
+  for (let l = 0; l < f.length; l += 1)
+    c = H(c, f[l]);
+  i = new me({ props: c }), t = new Oe({
+    props: {
+      extraObjects: r[5]
+    }
+  });
+  let s = r[3] && ee(r);
+  return {
+    c() {
+      E(i.$$.fragment), e = P(), E(t.$$.fragment), n = P(), s && s.c(), o = ne();
+    },
+    m(l, h) {
+      C(i, l, h), w(l, e, h), C(t, l, h), w(l, n, h), s && s.m(l, h), w(l, o, h), a = !0;
+    },
+    p(l, [h]) {
+      const u = h & 20 ? W(f, [
+        {
+          floorIndex: l[2],
+          floorplanData: l[4]
+        }
+      ]) : {};
+      i.$set(u);
+      const g = {};
+      h & 32 && (g.extraObjects = l[5]), t.$set(g), l[3] ? s ? (s.p(l, h), h & 8 && _(s, 1)) : (s = ee(l), s.c(), _(s, 1), s.m(o.parentNode, o)) : s && (L(), v(s, 1, 1, () => {
+        s = null;
+      }), K());
+    },
+    i(l) {
+      a || (_(i.$$.fragment, l), _(t.$$.fragment, l), _(s), a = !0);
+    },
+    o(l) {
+      v(i.$$.fragment, l), v(t.$$.fragment, l), v(s), a = !1;
+    },
+    d(l) {
+      z(i, l), l && I(e), z(t, l), l && I(n), s && s.d(l), l && I(o);
+    }
+  };
+}
+function Se(r, i, e) {
+  let t, { five: n } = i, { pxmm: o } = i, { floorIndex: a } = i, { hoverEnable: f } = i, { floorplanData: c } = i, { extraObjects: s = [] } = i;
+  const l = void 0;
+  return r.$$set = (h) => {
+    "five" in h && e(0, n = h.five), "pxmm" in h && e(1, o = h.pxmm), "floorIndex" in h && e(2, a = h.floorIndex), "hoverEnable" in h && e(3, f = h.hoverEnable), "floorplanData" in h && e(4, c = h.floorplanData), "extraObjects" in h && e(7, s = h.extraObjects);
+  }, r.$$.update = () => {
+    r.$$.dirty & 132 && e(5, t = s == null ? void 0 : s.filter((h) => h.floorIndex === a));
+  }, [
+    n,
+    o,
+    a,
+    f,
+    c,
+    t,
+    l,
+    s
+  ];
+}
+class Ee extends R {
+  constructor(i) {
+    super(), T(this, i, Se, qe, B, {
+      five: 0,
+      pxmm: 1,
+      floorIndex: 2,
+      hoverEnable: 3,
+      floorplanData: 4,
+      extraObjects: 7
+    });
+  }
+}
+function Ce(r) {
+  G(r, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
+}
+function te(r) {
+  let i, e, t, n = r[6] !== 0 && ie(r);
+  return {
+    c() {
+      i = k("div"), n && n.c(), D(i, "class", "plugin-floorplan-radar svelte-1mvqyqq"), he(() => r[12].call(i));
+    },
+    m(o, a) {
+      w(o, i, a), n && n.m(i, null), e = de(i, r[12].bind(i)), t = !0;
+    },
+    p(o, a) {
+      o[6] !== 0 ? n ? (n.p(o, a), a & 64 && _(n, 1)) : (n = ie(o), n.c(), _(n, 1), n.m(i, null)) : n && (L(), v(n, 1, 1, () => {
+        n = null;
+      }), K());
+    },
+    i(o) {
+      t || (_(n), t = !0);
+    },
+    o(o) {
+      v(n), t = !1;
+    },
+    d(o) {
+      o && I(i), n && n.d(), e();
+    }
+  };
+}
+function ie(r) {
+  let i, e, t, n, o = `${r[8]}px`, a = `${r[11]}px`, f;
+  const c = [
+    {
+      five: r[0],
+      pxmm: r[9],
+      floorIndex: r[10],
+      floorplanData: r[3],
+      hoverEnable: r[2],
+      extraObjects: r[5]
+    }
+  ];
+  let s = {};
+  for (let u = 0; u < c.length; u += 1)
+    s = H(s, c[u]);
+  e = new Ee({ props: s });
+  const l = [
+    {
+      pxmm: r[9],
+      five: r[0],
+      floorplanData: r[3],
+      cameraImageUrl: r[4]
+    }
+  ];
+  let h = {};
+  for (let u = 0; u < l.length; u += 1)
+    h = H(h, l[u]);
+  return n = new je({ props: h }), {
+    c() {
+      i = k("div"), E(e.$$.fragment), t = P(), E(n.$$.fragment), D(i, "class", "plugin-floorplan-radar-container svelte-1mvqyqq"), p(i, "width", o, !1), p(i, "height", a, !1);
+    },
+    m(u, g) {
+      w(u, i, g), C(e, i, null), S(i, t), C(n, i, null), f = !0;
+    },
+    p(u, g) {
+      const m = g & 1581 ? W(c, [
+        {
+          five: u[0],
+          pxmm: u[9],
+          floorIndex: u[10],
+          floorplanData: u[3],
+          hoverEnable: u[2],
+          extraObjects: u[5]
+        }
+      ]) : {};
+      e.$set(m);
+      const j = g & 537 ? W(l, [
+        {
+          pxmm: u[9],
+          five: u[0],
+          floorplanData: u[3],
+          cameraImageUrl: u[4]
+        }
+      ]) : {};
+      n.$set(j), g & 256 && o !== (o = `${u[8]}px`) && p(i, "width", o, !1), g & 2048 && a !== (a = `${u[11]}px`) && p(i, "height", a, !1);
+    },
+    i(u) {
+      f || (_(e.$$.fragment, u), _(n.$$.fragment, u), f = !0);
+    },
+    o(u) {
+      v(e.$$.fragment, u), v(n.$$.fragment, u), f = !1;
+    },
+    d(u) {
+      u && I(i), z(e), z(n);
+    }
+  };
+}
+function ze(r) {
+  let i, e, t = r[1] && te(r);
+  return {
+    c() {
+      t && t.c(), i = ne();
+    },
+    m(n, o) {
+      t && t.m(n, o), w(n, i, o), e = !0;
+    },
+    p(n, [o]) {
+      n[1] ? t ? (t.p(n, o), o & 2 && _(t, 1)) : (t = te(n), t.c(), _(t, 1), t.m(i.parentNode, i)) : t && (L(), v(t, 1, 1, () => {
+        t = null;
+      }), K());
+    },
+    i(n) {
+      e || (_(t), e = !0);
+    },
+    o(n) {
+      v(t), e = !1;
+    },
+    d(n) {
+      t && t.d(n), n && I(i);
+    }
+  };
+}
+function Fe(r, i, e) {
+  let { five: t } = i, { visible: n } = i, { hoverEnable: o } = i, { floorplanData: a } = i, { cameraImageUrl: f } = i, { extraObjects: c = [] } = i, s = 0, l = 0, h = 0, u = 0, g = 0, m = 0;
+  function j(d) {
+    e(10, l = t.work.observers[d].floorIndex);
+  }
+  re(() => (t.on("panoArrived", j), () => {
+    t.off("panoArrived", j);
+  }));
+  function y() {
+    h = this.clientWidth, u = this.clientHeight, e(6, h), e(7, u);
+  }
+  return r.$$set = (d) => {
+    "five" in d && e(0, t = d.five), "visible" in d && e(1, n = d.visible), "hoverEnable" in d && e(2, o = d.hoverEnable), "floorplanData" in d && e(3, a = d.floorplanData), "cameraImageUrl" in d && e(4, f = d.cameraImageUrl), "extraObjects" in d && e(5, c = d.extraObjects);
+  }, r.$$.update = () => {
+    if (r.$$.dirty & 456) {
+      const d = Math.min(h, u), { max: F, min: U } = a.bounding, A = F.x - U.x, O = F.y - U.y, Q = function() {
+        return A > O ? [d, d / A * O] : [d / O * A, d];
+      }();
+      e(8, g = Q[0]), e(11, m = Q[1]), e(9, s = g / A);
+    }
+  }, [
+    t,
+    n,
+    o,
+    a,
+    f,
+    c,
+    h,
+    u,
+    g,
+    s,
+    l,
+    m,
+    y
+  ];
+}
+class Ue extends R {
+  constructor(i) {
+    super(), T(
+      this,
+      i,
+      Fe,
+      ze,
+      B,
+      {
+        five: 0,
+        visible: 1,
+        hoverEnable: 2,
+        floorplanData: 3,
+        cameraImageUrl: 4,
+        extraObjects: 5
+      },
+      Ce
+    );
+  }
+}
+class Me extends ve {
+  constructor(e, t) {
+    super(e);
+    b(this, "name", "panoFloorplanRadarPlugin");
+    b(this, "state");
+    b(this, "data");
+    b(this, "app");
+    b(this, "wrapperSelector", "");
+    b(this, "wrapper", null);
+    b(this, "disposed", !1);
+    b(this, "extraObjects", []);
+    b(this, "dispose", () => {
+      var e;
+      this.disposed = !0, (e = this.app) == null || e.$destroy(), this.wrapper = null, this.wrapperSelector = "", this.hooks.emit("dispose");
+    });
+    b(this, "_disable", (e) => {
+      var n;
+      const { userAction: t } = e;
+      (n = this.app) == null || n.$destroy(), this.app = void 0, this.hooks.emit("disable", { userAction: t });
+    });
+    this.five = e;
+    const n = {
+      hoverEnable: !1,
+      cameraImageUrl: J
+    }, o = t != null && t.configs ? t.configs : {}, a = x(x({}, n), o);
+    this.state = { enabled: !0, visible: !0, config: a }, t != null && t.wrapper && console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5"), typeof (t == null ? void 0 : t.wrapper) == "string" ? this.wrapperSelector = t.wrapper : (t == null ? void 0 : t.wrapper) instanceof Element && (this.wrapper = t.wrapper), e.once("dispose", this.dispose);
+  }
+  load(e, t, n = !0) {
+    return q(this, null, function* () {
+      function o(s) {
+        return Object.prototype.hasOwnProperty.apply(s, ["version"]);
+      }
+      const a = JSON.parse(JSON.stringify(e)), f = o(a) ? a.data : a, c = this.data;
+      this.data = yield Y(f), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, c), t && this.updateState(t, n), this.render();
+    });
+  }
+  show() {
+    return q(this, arguments, function* (e = {}) {
+      if (this.state.visible)
+        return;
+      const t = e.userAction !== void 0 ? e.userAction : !0;
+      this.updateState({ visible: !0 }, t), this._show({ userAction: t });
+    });
+  }
+  hide() {
+    return q(this, arguments, function* (e = {}) {
+      if (!this.state.visible)
+        return;
+      const t = e.userAction !== void 0 ? e.userAction : !0;
+      this.updateState({ visible: !1 }, t), this._hide({ userAction: t });
+    });
+  }
+  enable(e = {}) {
+    if (this.state.enabled)
+      return;
+    const t = e.userAction !== void 0 ? e.userAction : !0;
+    this.updateState({ enabled: !0 }, e.userAction || t), this._enable({ userAction: t });
+  }
+  disable(e = {}) {
+    if (!this.state.enabled)
+      return;
+    const t = e.userAction !== void 0 ? e.userAction : !0;
+    this.updateState({ enabled: !1 }, e.userAction || t), this._disable({ userAction: t });
+  }
+  setState(e, t = {}) {
+    const n = this.state, o = t.userAction !== void 0 ? t.userAction : !0;
+    if (this.updateState(e, o), e.enabled !== void 0 && n.enabled !== e.enabled) {
+      const a = { userAction: o };
+      e.enabled ? this._enable(a) : this._disable(a);
+    }
+    if (e.visible !== void 0 && n.visible !== e.visible) {
+      const a = { userAction: o };
+      e.visible ? this._show(a) : this._hide(a);
+    }
+  }
+  appendTo(e) {
+    this.wrapper = e, this.render();
+  }
+  changeConfigs(e, t = !0) {
+    this.setState({ config: e }, { userAction: t }), this.render();
+  }
+  setExtraObjectsWith3DPositions(e) {
+    !this.data || (this.extraObjects = ge(e, this.five, this.data), this.render());
+  }
+  formatData(e) {
+    return q(this, null, function* () {
+      return yield Y(e.data);
+    });
+  }
+  _enable(e) {
+    const { userAction: t } = e;
+    this.hooks.emit("enable", { userAction: t }), this.state.visible && this._show({ userAction: t });
+  }
+  _show(e) {
+    if (this.disposed || !this.state.enabled)
+      return;
+    const { userAction: t } = e;
+    this.hooks.emit("show", { userAction: t }), this.render();
+  }
+  _hide(e) {
+    if (this.disposed || !this.state.enabled)
+      return;
+    const { userAction: t } = e;
+    this.hooks.emit("hide", { userAction: t }), this.render();
+  }
+  updateState(e, t) {
+    const n = this.state;
+    this.state = x(x({}, this.state), e), !be(this.state, n, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: n, userAction: t });
+  }
+  render() {
+    if (this.disposed || !this.state.enabled)
+      return;
+    if (!this.wrapper && this.wrapperSelector) {
+      const t = document.querySelector(this.wrapperSelector);
+      this.wrapper = t;
+    }
+    if (!this.data || !this.wrapper)
+      return;
+    const e = X(x({}, this.state.config), {
+      five: this.five,
+      floorplanData: this.data,
+      visible: this.state.visible,
+      extraObjects: this.extraObjects
+    });
+    this.app ? this.app.$set(e) : this.app = new Ue({ target: this.wrapper, props: e });
+  }
+}
+const Ke = (r, i) => new Me(r, i);
+export {
+  Ke as PanoFloorplanRadarPlugin,
+  Ke as default
+};

package/dist/floorplan/PanoFloorplanRadarPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var R=Object.defineProperty,W=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var A=(o,i,e)=>i in o?R(o,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[i]=e,j=(o,i)=>{for(var e in i||(i={}))B.call(i,e)&&A(o,e,i[e]);if(x)for(var e of x(i))T.call(i,e)&&A(o,e,i[e]);return o},E=(o,i)=>W(o,H(i));var g=(o,i,e)=>(A(o,typeof i!="symbol"?i+"":i,e),e);var I=(o,i,e)=>new Promise((n,r)=>{var s=h=>{try{c(e.next(h))}catch(f){r(f)}},a=h=>{try{c(e.throw(h))}catch(f){r(f)}},c=h=>h.done?n(h.value):Promise.resolve(h.value).then(s,a);c((e=e.apply(o,i)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("svelte/internal"),z=require("svelte"),b=require("../../chunks/cjs/formatData.81e95011.cjs.js"),N=require("../../chunks/cjs/throttle.86c209eb.cjs.js"),G=require("../../chunks/cjs/equal.e9fcbd4e.cjs.js"),J=require("../../chunks/cjs/BasePluginWithData.0a28882d.cjs.js");require("../../chunks/cjs/BasePlugin.57e5204f.cjs.js");require("../../chunks/cjs/Subscribe.5398d5c6.cjs.js");function L(o){t.append_styles(o,"svelte-1nqrlxd",".plugin-radar__camera-wrapper.svelte-1nqrlxd{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1nqrlxd{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1nqrlxd{position:absolute;left:-0.9375rem;top:-0.9375rem;width:1.0625rem;height:1.0625rem;transform-origin:0.9375rem 0.9375rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}")}function K(o){let i,e,n;return{c(){i=t.element("div"),e=t.element("div"),n=t.element("div"),t.attr(n,"class","plugin-radar__camera-rotate svelte-1nqrlxd"),t.set_style(n,"background-image","url("+(o[0]||b.CAMERA_IMAGE)+")"),t.set_style(n,"transform",o[1],!1),t.attr(e,"class","plugin-radar__camera-position svelte-1nqrlxd"),t.set_style(e,"transform",o[2],!1),t.attr(i,"class","plugin-radar__camera-wrapper svelte-1nqrlxd")},m(r,s){t.insert(r,i,s),t.append(i,e),t.append(e,n)},p(r,[s]){s&1&&t.set_style(n,"background-image","url("+(r[0]||b.CAMERA_IMAGE)+")"),s&2&&t.set_style(n,"transform",r[1],!1),s&4&&t.set_style(e,"transform",r[2],!1)},i:t.noop,o:t.noop,d(r){r&&t.detach(i)}}}function Q(o){return`rotate(${Math.floor(o/Math.PI*180)*-1+45}deg)`}function V(o,i,e){let n,r,{five:s}=i,{pxmm:a}=i,{floorplanData:c}=i,{cameraImageUrl:h}=i,f=s.getCurrentState().panoIndex,l=s.getCurrentState().longitude;function d(_,v){const y=_.bounding,p=_.observers[v];if(!p)return"";const D=(y.max.x-y.min.x)*a,q=(y.max.y-y.min.y)*a,w=Math.floor(p.positionInImage.x*D),k=Math.floor(p.positionInImage.y*q);return`translate(${w}px, ${k}px)`}function u(_){e(6,f=_)}const m=N.throttle(_=>{e(7,l=_.longitude)},1e3/60);return z.onMount(()=>(s.on("panoWillArrive",u),s.on("cameraDirectionUpdate",m),function(){s.off("panoWillArrive",u),s.off("cameraDirectionUpdate",m)})),o.$$set=_=>{"five"in _&&e(3,s=_.five),"pxmm"in _&&e(4,a=_.pxmm),"floorplanData"in _&&e(5,c=_.floorplanData),"cameraImageUrl"in _&&e(0,h=_.cameraImageUrl)},o.$$.update=()=>{o.$$.dirty&96&&e(2,n=d(c,f)),o.$$.dirty&128&&e(1,r=Q(l))},[h,r,n,s,a,c,f,l]}class X extends t.SvelteComponent{constructor(i){super(),t.init(this,i,V,K,t.safe_not_equal,{five:3,pxmm:4,floorplanData:5,cameraImageUrl:0},L)}}function Y(o){t.append_styles(o,"svelte-1i87fz7",".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}")}function O(o,i,e){const n=o.slice();return n[1]=i[e],n}function C(o,i){let e,n,r=`${i[1].icon.width/16}rem`,s=`${i[1].icon.height/16}rem`,a,c=`${i[1].positionInImage.y*100}%`,h=`${i[1].positionInImage.x*100}%`;return{key:o,first:null,c(){e=t.element("div"),n=t.element("div"),a=t.space(),t.attr(n,"class","plugin-pano-floorplan__extra-object-item svelte-1i87fz7"),t.set_style(n,"background-image",`url(${i[1].icon.url})`),t.set_style(n,"width",r,!1),t.set_style(n,"height",s,!1),t.attr(e,"class","plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7"),t.set_style(e,"top",c,!1),t.set_style(e,"left",h,!1),this.first=e},m(f,l){t.insert(f,e,l),t.append(e,n),t.append(e,a)},p(f,l){i=f,l&1&&t.set_style(n,"background-image",`url(${i[1].icon.url})`),l&1&&r!==(r=`${i[1].icon.width/16}rem`)&&t.set_style(n,"width",r,!1),l&1&&s!==(s=`${i[1].icon.height/16}rem`)&&t.set_style(n,"height",s,!1),l&1&&c!==(c=`${i[1].positionInImage.y*100}%`)&&t.set_style(e,"top",c,!1),l&1&&h!==(h=`${i[1].positionInImage.x*100}%`)&&t.set_style(e,"left",h,!1)},d(f){f&&t.detach(e)}}}function Z(o){let i,e=[],n=new Map,r=o[0];const s=a=>a[1].id;for(let a=0;a<r.length;a+=1){let c=O(o,r,a),h=s(c);n.set(h,e[a]=C(h,c))}return{c(){i=t.element("div");for(let a=0;a<e.length;a+=1)e[a].c();t.attr(i,"class","plugin-pano-floorplan__extra-objects svelte-1i87fz7")},m(a,c){t.insert(a,i,c);for(let h=0;h<e.length;h+=1)e[h].m(i,null)},p(a,[c]){c&1&&(r=a[0],e=t.update_keyed_each(e,c,s,1,a,r,n,i,t.destroy_block,C,null,O))},i:t.noop,o:t.noop,d(a){a&&t.detach(i);for(let c=0;c<e.length;c+=1)e[c].d()}}}function $(o,i,e){let{extraObjects:n=[]}=i;return o.$$set=r=>{"extraObjects"in r&&e(0,n=r.extraObjects)},[n]}class ee extends t.SvelteComponent{constructor(i){super(),t.init(this,i,$,Z,t.safe_not_equal,{extraObjects:0},Y)}}function M(o){let i,e;const n=[{five:o[0],pxmm:o[1],floorIndex:o[2],floorplanData:o[4],onRoomHeightClick:o[6]}];let r={};for(let s=0;s<n.length;s+=1)r=t.assign(r,n[s]);return i=new b.RoomHighlight({props:r}),{c(){t.create_component(i.$$.fragment)},m(s,a){t.mount_component(i,s,a),e=!0},p(s,a){const c=a&87?t.get_spread_update(n,[{five:s[0],pxmm:s[1],floorIndex:s[2],floorplanData:s[4],onRoomHeightClick:s[6]}]):{};i.$set(c)},i(s){e||(t.transition_in(i.$$.fragment,s),e=!0)},o(s){t.transition_out(i.$$.fragment,s),e=!1},d(s){t.destroy_component(i,s)}}}function te(o){let i,e,n,r,s,a;const c=[{floorIndex:o[2],floorplanData:o[4]}];let h={};for(let l=0;l<c.length;l+=1)h=t.assign(h,c[l]);i=new b.BaseImage({props:h}),n=new ee({props:{extraObjects:o[5]}});let f=o[3]&&M(o);return{c(){t.create_component(i.$$.fragment),e=t.space(),t.create_component(n.$$.fragment),r=t.space(),f&&f.c(),s=t.empty()},m(l,d){t.mount_component(i,l,d),t.insert(l,e,d),t.mount_component(n,l,d),t.insert(l,r,d),f&&f.m(l,d),t.insert(l,s,d),a=!0},p(l,[d]){const u=d&20?t.get_spread_update(c,[{floorIndex:l[2],floorplanData:l[4]}]):{};i.$set(u);const m={};d&32&&(m.extraObjects=l[5]),n.$set(m),l[3]?f?(f.p(l,d),d&8&&t.transition_in(f,1)):(f=M(l),f.c(),t.transition_in(f,1),f.m(s.parentNode,s)):f&&(t.group_outros(),t.transition_out(f,1,1,()=>{f=null}),t.check_outros())},i(l){a||(t.transition_in(i.$$.fragment,l),t.transition_in(n.$$.fragment,l),t.transition_in(f),a=!0)},o(l){t.transition_out(i.$$.fragment,l),t.transition_out(n.$$.fragment,l),t.transition_out(f),a=!1},d(l){t.destroy_component(i,l),l&&t.detach(e),t.destroy_component(n,l),l&&t.detach(r),f&&f.d(l),l&&t.detach(s)}}}function ne(o,i,e){let n,{five:r}=i,{pxmm:s}=i,{floorIndex:a}=i,{hoverEnable:c}=i,{floorplanData:h}=i,{extraObjects:f=[]}=i;const l=void 0;return o.$$set=d=>{"five"in d&&e(0,r=d.five),"pxmm"in d&&e(1,s=d.pxmm),"floorIndex"in d&&e(2,a=d.floorIndex),"hoverEnable"in d&&e(3,c=d.hoverEnable),"floorplanData"in d&&e(4,h=d.floorplanData),"extraObjects"in d&&e(7,f=d.extraObjects)},o.$$.update=()=>{o.$$.dirty&132&&e(5,n=f==null?void 0:f.filter(d=>d.floorIndex===a))},[r,s,a,c,h,n,l,f]}class ie extends t.SvelteComponent{constructor(i){super(),t.init(this,i,ne,te,t.safe_not_equal,{five:0,pxmm:1,floorIndex:2,hoverEnable:3,floorplanData:4,extraObjects:7})}}function re(o){t.append_styles(o,"svelte-1mvqyqq",".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}")}function P(o){let i,e,n,r=o[6]!==0&&F(o);return{c(){i=t.element("div"),r&&r.c(),t.attr(i,"class","plugin-floorplan-radar svelte-1mvqyqq"),t.add_render_callback(()=>o[12].call(i))},m(s,a){t.insert(s,i,a),r&&r.m(i,null),e=t.add_resize_listener(i,o[12].bind(i)),n=!0},p(s,a){s[6]!==0?r?(r.p(s,a),a&64&&t.transition_in(r,1)):(r=F(s),r.c(),t.transition_in(r,1),r.m(i,null)):r&&(t.group_outros(),t.transition_out(r,1,1,()=>{r=null}),t.check_outros())},i(s){n||(t.transition_in(r),n=!0)},o(s){t.transition_out(r),n=!1},d(s){s&&t.detach(i),r&&r.d(),e()}}}function F(o){let i,e,n,r,s=`${o[8]}px`,a=`${o[11]}px`,c;const h=[{five:o[0],pxmm:o[9],floorIndex:o[10],floorplanData:o[3],hoverEnable:o[2],extraObjects:o[5]}];let f={};for(let u=0;u<h.length;u+=1)f=t.assign(f,h[u]);e=new ie({props:f});const l=[{pxmm:o[9],five:o[0],floorplanData:o[3],cameraImageUrl:o[4]}];let d={};for(let u=0;u<l.length;u+=1)d=t.assign(d,l[u]);return r=new X({props:d}),{c(){i=t.element("div"),t.create_component(e.$$.fragment),n=t.space(),t.create_component(r.$$.fragment),t.attr(i,"class","plugin-floorplan-radar-container svelte-1mvqyqq"),t.set_style(i,"width",s,!1),t.set_style(i,"height",a,!1)},m(u,m){t.insert(u,i,m),t.mount_component(e,i,null),t.append(i,n),t.mount_component(r,i,null),c=!0},p(u,m){const _=m&1581?t.get_spread_update(h,[{five:u[0],pxmm:u[9],floorIndex:u[10],floorplanData:u[3],hoverEnable:u[2],extraObjects:u[5]}]):{};e.$set(_);const v=m&537?t.get_spread_update(l,[{pxmm:u[9],five:u[0],floorplanData:u[3],cameraImageUrl:u[4]}]):{};r.$set(v),m&256&&s!==(s=`${u[8]}px`)&&t.set_style(i,"width",s,!1),m&2048&&a!==(a=`${u[11]}px`)&&t.set_style(i,"height",a,!1)},i(u){c||(t.transition_in(e.$$.fragment,u),t.transition_in(r.$$.fragment,u),c=!0)},o(u){t.transition_out(e.$$.fragment,u),t.transition_out(r.$$.fragment,u),c=!1},d(u){u&&t.detach(i),t.destroy_component(e),t.destroy_component(r)}}}function oe(o){let i,e,n=o[1]&&P(o);return{c(){n&&n.c(),i=t.empty()},m(r,s){n&&n.m(r,s),t.insert(r,i,s),e=!0},p(r,[s]){r[1]?n?(n.p(r,s),s&2&&t.transition_in(n,1)):(n=P(r),n.c(),t.transition_in(n,1),n.m(i.parentNode,i)):n&&(t.group_outros(),t.transition_out(n,1,1,()=>{n=null}),t.check_outros())},i(r){e||(t.transition_in(n),e=!0)},o(r){t.transition_out(n),e=!1},d(r){n&&n.d(r),r&&t.detach(i)}}}function se(o,i,e){let{five:n}=i,{visible:r}=i,{hoverEnable:s}=i,{floorplanData:a}=i,{cameraImageUrl:c}=i,{extraObjects:h=[]}=i,f=0,l=0,d=0,u=0,m=0,_=0;function v(p){e(10,l=n.work.observers[p].floorIndex)}z.onMount(()=>(n.on("panoArrived",v),()=>{n.off("panoArrived",v)}));function y(){d=this.clientWidth,u=this.clientHeight,e(6,d),e(7,u)}return o.$$set=p=>{"five"in p&&e(0,n=p.five),"visible"in p&&e(1,r=p.visible),"hoverEnable"in p&&e(2,s=p.hoverEnable),"floorplanData"in p&&e(3,a=p.floorplanData),"cameraImageUrl"in p&&e(4,c=p.cameraImageUrl),"extraObjects"in p&&e(5,h=p.extraObjects)},o.$$.update=()=>{if(o.$$.dirty&456){const p=Math.min(d,u),{max:D,min:q}=a.bounding,w=D.x-q.x,k=D.y-q.y,S=function(){return w>k?[p,p/w*k]:[p/k*w,p]}();e(8,m=S[0]),e(11,_=S[1]),e(9,f=m/w)}},[n,r,s,a,c,h,d,u,m,f,l,_,y]}class ae extends t.SvelteComponent{constructor(i){super(),t.init(this,i,se,oe,t.safe_not_equal,{five:0,visible:1,hoverEnable:2,floorplanData:3,cameraImageUrl:4,extraObjects:5},re)}}class le extends J.Controller{constructor(e,n){super(e);g(this,"name","panoFloorplanRadarPlugin");g(this,"state");g(this,"data");g(this,"app");g(this,"wrapperSelector","");g(this,"wrapper",null);g(this,"disposed",!1);g(this,"extraObjects",[]);g(this,"dispose",()=>{var e;this.disposed=!0,(e=this.app)==null||e.$destroy(),this.wrapper=null,this.wrapperSelector="",this.hooks.emit("dispose")});g(this,"_disable",e=>{var r;const{userAction:n}=e;(r=this.app)==null||r.$destroy(),this.app=void 0,this.hooks.emit("disable",{userAction:n})});this.five=e;const r={hoverEnable:!1,cameraImageUrl:b.CAMERA_IMAGE},s=n!=null&&n.configs?n.configs:{},a=j(j({},r),s);this.state={enabled:!0,visible:!0,config:a},n!=null&&n.wrapper&&console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5"),typeof(n==null?void 0:n.wrapper)=="string"?this.wrapperSelector=n.wrapper:(n==null?void 0:n.wrapper)instanceof Element&&(this.wrapper=n.wrapper),e.once("dispose",this.dispose)}load(e,n,r=!0){return I(this,null,function*(){function s(f){return Object.prototype.hasOwnProperty.apply(f,["version"])}const a=JSON.parse(JSON.stringify(e)),c=s(a)?a.data:a,h=this.data;this.data=yield b.formatData(c),this.hooks.emit("dataLoaded",this.data),this.hooks.emit("dataChange",this.data,h),n&&this.updateState(n,r),this.render()})}show(){return I(this,arguments,function*(e={}){if(this.state.visible)return;const n=e.userAction!==void 0?e.userAction:!0;this.updateState({visible:!0},n),this._show({userAction:n})})}hide(){return I(this,arguments,function*(e={}){if(!this.state.visible)return;const n=e.userAction!==void 0?e.userAction:!0;this.updateState({visible:!1},n),this._hide({userAction:n})})}enable(e={}){if(this.state.enabled)return;const n=e.userAction!==void 0?e.userAction:!0;this.updateState({enabled:!0},e.userAction||n),this._enable({userAction:n})}disable(e={}){if(!this.state.enabled)return;const n=e.userAction!==void 0?e.userAction:!0;this.updateState({enabled:!1},e.userAction||n),this._disable({userAction:n})}setState(e,n={}){const r=this.state,s=n.userAction!==void 0?n.userAction:!0;if(this.updateState(e,s),e.enabled!==void 0&&r.enabled!==e.enabled){const a={userAction:s};e.enabled?this._enable(a):this._disable(a)}if(e.visible!==void 0&&r.visible!==e.visible){const a={userAction:s};e.visible?this._show(a):this._hide(a)}}appendTo(e){this.wrapper=e,this.render()}changeConfigs(e,n=!0){this.setState({config:e},{userAction:n}),this.render()}setExtraObjectsWith3DPositions(e){!this.data||(this.extraObjects=b.formatExtraObjects(e,this.five,this.data),this.render())}formatData(e){return I(this,null,function*(){return yield b.formatData(e.data)})}_enable(e){const{userAction:n}=e;this.hooks.emit("enable",{userAction:n}),this.state.visible&&this._show({userAction:n})}_show(e){if(this.disposed||!this.state.enabled)return;const{userAction:n}=e;this.hooks.emit("show",{userAction:n}),this.render()}_hide(e){if(this.disposed||!this.state.enabled)return;const{userAction:n}=e;this.hooks.emit("hide",{userAction:n}),this.render()}updateState(e,n){const r=this.state;this.state=j(j({},this.state),e),!G.equal(this.state,r,{deep:!0})&&this.hooks.emit("stateChange",{state:this.state,prevState:r,userAction:n})}render(){if(this.disposed||!this.state.enabled)return;if(!this.wrapper&&this.wrapperSelector){const n=document.querySelector(this.wrapperSelector);this.wrapper=n}if(!this.data||!this.wrapper)return;const e=E(j({},this.state.config),{five:this.five,floorplanData:this.data,visible:this.state.visible,extraObjects:this.extraObjects});this.app?this.app.$set(e):this.app=new ae({target:this.wrapper,props:e})}}const U=(o,i)=>new le(o,i);exports.PanoFloorplanRadarPlugin=U;exports.default=U;