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

package/dist/ModelItemLabelPlugin/index..js

@@ -0,0 +1,334 @@
+var ce = Object.defineProperty, de = Object.defineProperties;
+var me = Object.getOwnPropertyDescriptors;
+var U = Object.getOwnPropertySymbols;
+var ue = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
+var V = (n, t, e) => t in n ? ce(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, M = (n, t) => {
+  for (var e in t || (t = {}))
+    ue.call(t, e) && V(n, e, t[e]);
+  if (U)
+    for (var e of U(t))
+      be.call(t, e) && V(n, e, t[e]);
+  return n;
+}, O = (n, t) => de(n, me(t));
+import { Subscribe as fe, Five as W } from "@realsee/five";
+import { SvelteComponent as N, init as B, safe_not_equal as J, append_styles as K, element as z, text as pe, space as he, attr as w, set_style as y, null_to_empty as D, insert as x, append as I, listen as ge, set_data as _e, noop as j, detach as R, add_render_callback as ye, add_resize_listener as Le, group_outros as ve, update_keyed_each as ke, outro_and_destroy_block as we, check_outros as Ee, transition_in as Q, transition_out as Z, empty as Me, create_component as Ie, mount_component as ze, destroy_component as Ce } from "svelte/internal";
+import { beforeUpdate as Oe, onMount as Fe, onDestroy as Pe } from "svelte";
+import * as xe from "three";
+import X from "classnames";
+import { debounce as Re } from "../chunks/es/debounce.ef83f417.es.js";
+var E = /* @__PURE__ */ ((n) => (n.SMALL = "small", n.MIDLLE = "middle", n.LARGE = "large", n.EXTRA_LARGE = "x-large", n))(E || {});
+function Ae(n) {
+  K(n, "svelte-1ir3cyd", `.item-label-item.svelte-1ir3cyd{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1ir3cyd{opacity:1;animation:svelte-1ir3cyd-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1ir3cyd::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(1rem);z-index:-1}.item-label-item__text-wrap.svelte-1ir3cyd{padding:0.375rem 0.375rem 0;position:absolute;height:1.25rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.625rem;font-size:0.6875rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-1ir3cyd{padding-bottom:0.25rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:0.0625rem solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-1ir3cyd{position:absolute;bottom:0;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@keyframes svelte-1ir3cyd-fadeIn{from{opacity:0
+        }to{opacity:1
+        }}`);
+}
+function Se(n) {
+  let t, e, s, m = (n[0].name.length > 6 ? `${n[0].name.slice(0, 6)}...` : n[0].name) + "", l, a, d, o, r, f;
+  return {
+    c() {
+      t = z("div"), e = z("div"), s = z("span"), l = pe(m), a = he(), d = z("div"), w(s, "class", "item-label-item__text svelte-1ir3cyd"), w(e, "class", "item-label-item__text-wrap svelte-1ir3cyd"), y(e, "top", `-${n[0].strokeLength + 26}px`), w(d, "class", "item-label-item__bar svelte-1ir3cyd"), y(d, "height", `${n[0].strokeLength}px`), w(t, "class", o = D(X("item-label-item", { visible: n[0].visible })) + " svelte-1ir3cyd"), y(t, "z-index", n[0].zIndex, !1), y(t, "transform", n[0].transform, !1);
+    },
+    m(u, p) {
+      x(u, t, p), I(t, e), I(e, s), I(s, l), I(t, a), I(t, d), r || (f = ge(s, "click", n[1]), r = !0);
+    },
+    p(u, [p]) {
+      p & 1 && m !== (m = (u[0].name.length > 6 ? `${u[0].name.slice(0, 6)}...` : u[0].name) + "") && _e(l, m), p & 1 && y(e, "top", `-${u[0].strokeLength + 26}px`), p & 1 && y(d, "height", `${u[0].strokeLength}px`), p & 1 && o !== (o = D(X("item-label-item", { visible: u[0].visible })) + " svelte-1ir3cyd") && w(t, "class", o), p & 1 && y(t, "z-index", u[0].zIndex, !1), p & 1 && y(t, "transform", u[0].transform, !1);
+    },
+    i: j,
+    o: j,
+    d(u) {
+      u && R(t), r = !1, f();
+    }
+  };
+}
+function Te(n, t, e) {
+  let { itemLabel: s } = t, { hooks: m } = t;
+  function l() {
+    console.log("__onclick___: ", s), m.emit("onLabelClick", s);
+  }
+  return n.$$set = (a) => {
+    "itemLabel" in a && e(0, s = a.itemLabel), "hooks" in a && e(2, m = a.hooks);
+  }, [s, l, m];
+}
+class Ue extends N {
+  constructor(t) {
+    super(), B(this, t, Te, Se, J, { itemLabel: 0, hooks: 2 }, Ae);
+  }
+}
+function Ve(n) {
+  K(n, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
+}
+function q(n, t, e) {
+  const s = n.slice();
+  return s[26] = t[e], s;
+}
+function G(n, t) {
+  let e, s, m;
+  return s = new Ue({
+    props: {
+      itemLabel: t[26],
+      hooks: t[0]
+    }
+  }), {
+    key: n,
+    first: null,
+    c() {
+      e = Me(), Ie(s.$$.fragment), this.first = e;
+    },
+    m(l, a) {
+      x(l, e, a), ze(s, l, a), m = !0;
+    },
+    p(l, a) {
+      t = l;
+      const d = {};
+      a & 2 && (d.itemLabel = t[26]), a & 1 && (d.hooks = t[0]), s.$set(d);
+    },
+    i(l) {
+      m || (Q(s.$$.fragment, l), m = !0);
+    },
+    o(l) {
+      Z(s.$$.fragment, l), m = !1;
+    },
+    d(l) {
+      l && R(e), Ce(s, l);
+    }
+  };
+}
+function We(n) {
+  let t, e = [], s = /* @__PURE__ */ new Map(), m, l, a = n[1];
+  const d = (o) => o[26].id;
+  for (let o = 0; o < a.length; o += 1) {
+    let r = q(n, a, o), f = d(r);
+    s.set(f, e[o] = G(f, r));
+  }
+  return {
+    c() {
+      t = z("div");
+      for (let o = 0; o < e.length; o += 1)
+        e[o].c();
+      w(t, "class", "item-labels-container svelte-gk8s47"), ye(() => n[9].call(t)), y(t, "opacity", n[4] ? 1 : 0, !1);
+    },
+    m(o, r) {
+      x(o, t, r);
+      for (let f = 0; f < e.length; f += 1)
+        e[f].m(t, null);
+      m = Le(t, n[9].bind(t)), l = !0;
+    },
+    p(o, [r]) {
+      r & 3 && (a = o[1], ve(), e = ke(e, r, d, 1, o, a, s, t, we, G, null, q), Ee()), r & 16 && y(t, "opacity", o[4] ? 1 : 0, !1);
+    },
+    i(o) {
+      if (!l) {
+        for (let r = 0; r < a.length; r += 1)
+          Q(e[r]);
+        l = !0;
+      }
+    },
+    o(o) {
+      for (let r = 0; r < e.length; r += 1)
+        Z(e[r]);
+      l = !1;
+    },
+    d(o) {
+      o && R(t);
+      for (let r = 0; r < e.length; r += 1)
+        e[r].d();
+      m();
+    }
+  };
+}
+let H = 26, De = 11;
+function je(n, t, e) {
+  const { Raycaster: s, Vector3: m } = xe;
+  let { five: l } = t, { modelOcclusionEnable: a } = t, { itemLabels: d } = t, { hooks: o } = t, { displayStrategyType: r } = t, f = null, u = null, p, v, h = [], F = !0;
+  const Y = (i, _) => {
+    const L = new s(), b = i.camera.position.clone(), c = new m().fromArray(_.modelPosition), g = c.distanceTo(b);
+    L.set(b.clone(), c.clone().sub(b).normalize());
+    const [k] = i.model.intersectRaycaster(L);
+    return !(k && k.distance + 1 < g);
+  }, $ = (i, _) => {
+    const L = new m(_.modelPosition[0], _.modelPosition[1], _.modelPosition[2]), b = i.project2d(L), c = b == null ? void 0 : b.x, g = b == null ? void 0 : b.y;
+    return [c, g];
+  }, ee = (i) => `translate(${i[0]}px, ${i[1]}px)`, te = (i, _) => h.length === 0 ? !1 : !!h.find((b) => i[0] >= b[0] - _ && i[0] <= b[0] + _ || i[1] >= b[1] - H && i[1] <= b[1] + H);
+  function ne(i, _) {
+    switch (_) {
+      case E.SMALL:
+        return Math.ceil(-27.78 * i + 85);
+      case E.MIDLLE:
+        return Math.ceil(-38.9 * i + 130);
+      case E.LARGE:
+        return Math.ceil(-44.44 * i + 140);
+      case E.EXTRA_LARGE:
+        return Math.ceil(-92.59 * i + 300);
+    }
+  }
+  const oe = (i, _) => {
+    const L = _.map((c) => {
+      const g = $(i, c), k = c.name.length * De, T = ne(c.modelPosition[1], r), P = (a ? Y(i, c) : !0) && !te([g[0], g[1] + T], k);
+      if (!P)
+        return O(M({}, c), { visible: P });
+      h.push(g);
+      const ae = ee(g);
+      return O(M({}, c), {
+        visible: P,
+        transform: ae,
+        strokeLength: T
+      });
+    }), b = L.filter(({ visible: c }) => c).map((c) => ({
+      itemLabelItem: c,
+      distance: new m(c.modelPosition[0], c.modelPosition[1], c.modelPosition[2]).clone().distanceTo(i.camera.position)
+    })).sort((c, g) => c.distance - g.distance);
+    return L.map((c) => {
+      const g = b.findIndex((k) => k.itemLabelItem.id === c.id);
+      return g !== void 0 ? O(M({}, c), { zIndex: g * 10 }) : c;
+    });
+  }, C = () => {
+    h = [], e(1, u = oe(l, u));
+  };
+  Oe(() => {
+    re();
+  });
+  const A = () => {
+    e(4, F = !1), ie();
+  };
+  Fe(() => {
+    e(1, u = d), f = d, C(), le(), l.on("cameraUpdate", A);
+  });
+  const ie = Re(
+    () => {
+      e(4, F = !0), C();
+    },
+    300
+  ), le = () => {
+    window.addEventListener("resize", S, !1);
+  }, re = () => {
+    f !== d && (e(1, u = d), f = d, C());
+  }, S = () => {
+    l.once("renderFrame", C);
+  };
+  Pe(() => {
+    l.off("cameraUpdate", A), window.removeEventListener("resize", S, !1);
+  });
+  function se() {
+    p = this.clientWidth, v = this.clientHeight, e(2, p), e(3, v);
+  }
+  return n.$$set = (i) => {
+    "five" in i && e(5, l = i.five), "modelOcclusionEnable" in i && e(6, a = i.modelOcclusionEnable), "itemLabels" in i && e(7, d = i.itemLabels), "hooks" in i && e(0, o = i.hooks), "displayStrategyType" in i && e(8, r = i.displayStrategyType);
+  }, [
+    o,
+    u,
+    p,
+    v,
+    F,
+    l,
+    a,
+    d,
+    r,
+    se
+  ];
+}
+class Xe extends N {
+  constructor(t) {
+    super(), B(
+      this,
+      t,
+      je,
+      We,
+      J,
+      {
+        five: 5,
+        modelOcclusionEnable: 6,
+        itemLabels: 7,
+        hooks: 0,
+        displayStrategyType: 8
+      },
+      Ve
+    );
+  }
+}
+function qe(n) {
+  return n.model_item_labels.map((t) => M({
+    modelPosition: [t.position[0], t.position[1] + t.size[1], t.position[2]]
+  }, t));
+}
+const Ze = (n, t) => {
+  var p, v;
+  const e = {
+    container: document.createElement("div"),
+    data: null,
+    enabled: !0,
+    fiveModeEnabled: void 0,
+    itemLabels: [],
+    wrapper: null,
+    app: void 0,
+    hooks: new fe(),
+    modelOcclusionEnable: (p = t == null ? void 0 : t.modelOcclusionEnable) != null ? p : !0,
+    displayStrategyType: (v = t == null ? void 0 : t.displayStrategyType) != null ? v : E.SMALL
+  };
+  e.container.setAttribute("class", "model-item-label-plugin-container"), e.container.style.cssText = `
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 5;
+    `, e.container.style.pointerEvents = "none";
+  const s = (h) => (e.wrapper = h, h.appendChild(e.container), o(), !0), m = (h) => {
+    e.itemLabels = qe(h), o();
+  }, l = () => (e.enabled || (e.enabled = !0, o()), !0), a = () => (e.enabled && (e.enabled = !1, o()), !0), d = () => {
+    f(), e.container.remove();
+  }, o = () => {
+    var h;
+    if (!!e.wrapper) {
+      if (!e.enabled || !e.fiveModeEnabled) {
+        (h = e.app) == null || h.$destroy(), e.app = void 0;
+        return;
+      }
+      e.app ? e.app.$set({
+        five: n,
+        itemLabels: e.itemLabels
+      }) : e.app = new Xe({
+        target: e.container,
+        props: {
+          five: n,
+          modelOcclusionEnable: e.modelOcclusionEnable,
+          itemLabels: e.itemLabels,
+          wrapper: e.wrapper,
+          hooks: e.hooks,
+          displayStrategyType: e.displayStrategyType
+        }
+      });
+    }
+  }, r = () => {
+    n.on("modeChange", u), n.once("dispose", d);
+  }, f = () => {
+    n.off("modeChange", u);
+  }, u = (h) => {
+    if (!!e.enabled) {
+      if (h !== W.Mode.Floorplan) {
+        e.fiveModeEnabled = !1, o();
+        return;
+      }
+      n.once("initAnimationEnded", () => {
+        e.fiveModeEnabled = n.currentMode === W.Mode.Floorplan, o();
+      });
+    }
+  };
+  return r(), {
+    appendTo: s,
+    load: m,
+    enable: l,
+    disable: a,
+    dispose: d,
+    hooks: e.hooks
+  };
+}, Ye = {
+  name: "ModelItemLabelPlugin",
+  version: 0
+};
+export {
+  E as DISPLAY_STRATEGY_TYPE,
+  Ze as ModelItemLabelPlugin,
+  Ze as default,
+  Ye as modelItemLabelPluginServerParams
+};

package/dist/ModelItemLabelPlugin/index.cjs.js

@@ -0,0 +1,10 @@
+"use strict";var Y=Object.defineProperty,$=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var R=(n,t,e)=>t in n?Y(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,M=(n,t)=>{for(var e in t||(t={}))te.call(t,e)&&R(n,e,t[e]);if(F)for(var e of F(t))ne.call(t,e)&&R(n,e,t[e]);return n},I=(n,t)=>$(n,ee(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("@realsee/five"),o=require("svelte/internal"),S=require("svelte"),oe=require("three"),ie=require("classnames"),le=require("../chunks/cjs/debounce.93dfb637.cjs.js"),se=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function re(n){if(n&&n.__esModule)return n;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const ae=re(oe),A=se(ie);var L=(n=>(n.SMALL="small",n.MIDLLE="middle",n.LARGE="large",n.EXTRA_LARGE="x-large",n))(L||{});function ce(n){o.append_styles(n,"svelte-1ir3cyd",`.item-label-item.svelte-1ir3cyd{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1ir3cyd{opacity:1;animation:svelte-1ir3cyd-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1ir3cyd::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(1rem);z-index:-1}.item-label-item__text-wrap.svelte-1ir3cyd{padding:0.375rem 0.375rem 0;position:absolute;height:1.25rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.625rem;font-size:0.6875rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-1ir3cyd{padding-bottom:0.25rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:0.0625rem solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-1ir3cyd{position:absolute;bottom:0;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@keyframes svelte-1ir3cyd-fadeIn{from{opacity:0
+        }to{opacity:1
+        }}`)}function de(n){let t,e,s,u=(n[0].name.length>6?`${n[0].name.slice(0,6)}...`:n[0].name)+"",r,c,m,i,a,p;return{c(){t=o.element("div"),e=o.element("div"),s=o.element("span"),r=o.text(u),c=o.space(),m=o.element("div"),o.attr(s,"class","item-label-item__text svelte-1ir3cyd"),o.attr(e,"class","item-label-item__text-wrap svelte-1ir3cyd"),o.set_style(e,"top",`-${n[0].strokeLength+26}px`),o.attr(m,"class","item-label-item__bar svelte-1ir3cyd"),o.set_style(m,"height",`${n[0].strokeLength}px`),o.attr(t,"class",i=o.null_to_empty(A.default("item-label-item",{visible:n[0].visible}))+" svelte-1ir3cyd"),o.set_style(t,"z-index",n[0].zIndex,!1),o.set_style(t,"transform",n[0].transform,!1)},m(f,g){o.insert(f,t,g),o.append(t,e),o.append(e,s),o.append(s,r),o.append(t,c),o.append(t,m),a||(p=o.listen(s,"click",n[1]),a=!0)},p(f,[g]){g&1&&u!==(u=(f[0].name.length>6?`${f[0].name.slice(0,6)}...`:f[0].name)+"")&&o.set_data(r,u),g&1&&o.set_style(e,"top",`-${f[0].strokeLength+26}px`),g&1&&o.set_style(m,"height",`${f[0].strokeLength}px`),g&1&&i!==(i=o.null_to_empty(A.default("item-label-item",{visible:f[0].visible}))+" svelte-1ir3cyd")&&o.attr(t,"class",i),g&1&&o.set_style(t,"z-index",f[0].zIndex,!1),g&1&&o.set_style(t,"transform",f[0].transform,!1)},i:o.noop,o:o.noop,d(f){f&&o.detach(t),a=!1,p()}}}function me(n,t,e){let{itemLabel:s}=t,{hooks:u}=t;function r(){console.log("__onclick___: ",s),u.emit("onLabelClick",s)}return n.$$set=c=>{"itemLabel"in c&&e(0,s=c.itemLabel),"hooks"in c&&e(2,u=c.hooks)},[s,r,u]}class ue extends o.SvelteComponent{constructor(t){super(),o.init(this,t,me,de,o.safe_not_equal,{itemLabel:0,hooks:2},ce)}}function fe(n){o.append_styles(n,"svelte-gk8s47",".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}")}function q(n,t,e){const s=n.slice();return s[26]=t[e],s}function x(n,t){let e,s,u;return s=new ue({props:{itemLabel:t[26],hooks:t[0]}}),{key:n,first:null,c(){e=o.empty(),o.create_component(s.$$.fragment),this.first=e},m(r,c){o.insert(r,e,c),o.mount_component(s,r,c),u=!0},p(r,c){t=r;const m={};c&2&&(m.itemLabel=t[26]),c&1&&(m.hooks=t[0]),s.$set(m)},i(r){u||(o.transition_in(s.$$.fragment,r),u=!0)},o(r){o.transition_out(s.$$.fragment,r),u=!1},d(r){r&&o.detach(e),o.destroy_component(s,r)}}}function be(n){let t,e=[],s=new Map,u,r,c=n[1];const m=i=>i[26].id;for(let i=0;i<c.length;i+=1){let a=q(n,c,i),p=m(a);s.set(p,e[i]=x(p,a))}return{c(){t=o.element("div");for(let i=0;i<e.length;i+=1)e[i].c();o.attr(t,"class","item-labels-container svelte-gk8s47"),o.add_render_callback(()=>n[9].call(t)),o.set_style(t,"opacity",n[4]?1:0,!1)},m(i,a){o.insert(i,t,a);for(let p=0;p<e.length;p+=1)e[p].m(t,null);u=o.add_resize_listener(t,n[9].bind(t)),r=!0},p(i,[a]){a&3&&(c=i[1],o.group_outros(),e=o.update_keyed_each(e,a,m,1,i,c,s,t,o.outro_and_destroy_block,x,null,q),o.check_outros()),a&16&&o.set_style(t,"opacity",i[4]?1:0,!1)},i(i){if(!r){for(let a=0;a<c.length;a+=1)o.transition_in(e[a]);r=!0}},o(i){for(let a=0;a<e.length;a+=1)o.transition_out(e[a]);r=!1},d(i){i&&o.detach(t);for(let a=0;a<e.length;a+=1)e[a].d();u()}}}let U=26,pe=11;function ge(n,t,e){const{Raycaster:s,Vector3:u}=ae;let{five:r}=t,{modelOcclusionEnable:c}=t,{itemLabels:m}=t,{hooks:i}=t,{displayStrategyType:a}=t,p=null,f=null,g,k,_=[],z=!0;const V=(l,y)=>{const v=new s,b=l.camera.position.clone(),d=new u().fromArray(y.modelPosition),h=d.distanceTo(b);v.set(b.clone(),d.clone().sub(b).normalize());const[w]=l.model.intersectRaycaster(v);return!(w&&w.distance+1<h)},W=(l,y)=>{const v=new u(y.modelPosition[0],y.modelPosition[1],y.modelPosition[2]),b=l.project2d(v),d=b==null?void 0:b.x,h=b==null?void 0:b.y;return[d,h]},N=l=>`translate(${l[0]}px, ${l[1]}px)`,G=(l,y)=>_.length===0?!1:!!_.find(b=>l[0]>=b[0]-y&&l[0]<=b[0]+y||l[1]>=b[1]-U&&l[1]<=b[1]+U);function H(l,y){switch(y){case L.SMALL:return Math.ceil(-27.78*l+85);case L.MIDLLE:return Math.ceil(-38.9*l+130);case L.LARGE:return Math.ceil(-44.44*l+140);case L.EXTRA_LARGE:return Math.ceil(-92.59*l+300)}}const X=(l,y)=>{const v=y.map(d=>{const h=W(l,d),w=d.name.length*pe,j=H(d.modelPosition[1],a),P=(c?V(l,d):!0)&&!G([h[0],h[1]+j],w);if(!P)return I(M({},d),{visible:P});_.push(h);const Z=N(h);return I(M({},d),{visible:P,transform:Z,strokeLength:j})}),b=v.filter(({visible:d})=>d).map(d=>({itemLabelItem:d,distance:new u(d.modelPosition[0],d.modelPosition[1],d.modelPosition[2]).clone().distanceTo(l.camera.position)})).sort((d,h)=>d.distance-h.distance);return v.map(d=>{const h=b.findIndex(w=>w.itemLabelItem.id===d.id);return h!==void 0?I(M({},d),{zIndex:h*10}):d})},E=()=>{_=[],e(1,f=X(r,f))};S.beforeUpdate(()=>{K()});const C=()=>{e(4,z=!1),B()};S.onMount(()=>{e(1,f=m),p=m,E(),J(),r.on("cameraUpdate",C)});const B=le.debounce(()=>{e(4,z=!0),E()},300),J=()=>{window.addEventListener("resize",T,!1)},K=()=>{p!==m&&(e(1,f=m),p=m,E())},T=()=>{r.once("renderFrame",E)};S.onDestroy(()=>{r.off("cameraUpdate",C),window.removeEventListener("resize",T,!1)});function Q(){g=this.clientWidth,k=this.clientHeight,e(2,g),e(3,k)}return n.$$set=l=>{"five"in l&&e(5,r=l.five),"modelOcclusionEnable"in l&&e(6,c=l.modelOcclusionEnable),"itemLabels"in l&&e(7,m=l.itemLabels),"hooks"in l&&e(0,i=l.hooks),"displayStrategyType"in l&&e(8,a=l.displayStrategyType)},[i,f,g,k,z,r,c,m,a,Q]}class _e extends o.SvelteComponent{constructor(t){super(),o.init(this,t,ge,be,o.safe_not_equal,{five:5,modelOcclusionEnable:6,itemLabels:7,hooks:0,displayStrategyType:8},fe)}}function he(n){return n.model_item_labels.map(t=>M({modelPosition:[t.position[0],t.position[1]+t.size[1],t.position[2]]},t))}const D=(n,t)=>{var g,k;const e={container:document.createElement("div"),data:null,enabled:!0,fiveModeEnabled:void 0,itemLabels:[],wrapper:null,app:void 0,hooks:new O.Subscribe,modelOcclusionEnable:(g=t==null?void 0:t.modelOcclusionEnable)!=null?g:!0,displayStrategyType:(k=t==null?void 0:t.displayStrategyType)!=null?k:L.SMALL};e.container.setAttribute("class","model-item-label-plugin-container"),e.container.style.cssText=`
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 5;
+    `,e.container.style.pointerEvents="none";const s=_=>(e.wrapper=_,_.appendChild(e.container),i(),!0),u=_=>{e.itemLabels=he(_),i()},r=()=>(e.enabled||(e.enabled=!0,i()),!0),c=()=>(e.enabled&&(e.enabled=!1,i()),!0),m=()=>{p(),e.container.remove()},i=()=>{var _;if(!!e.wrapper){if(!e.enabled||!e.fiveModeEnabled){(_=e.app)==null||_.$destroy(),e.app=void 0;return}e.app?e.app.$set({five:n,itemLabels:e.itemLabels}):e.app=new _e({target:e.container,props:{five:n,modelOcclusionEnable:e.modelOcclusionEnable,itemLabels:e.itemLabels,wrapper:e.wrapper,hooks:e.hooks,displayStrategyType:e.displayStrategyType}})}},a=()=>{n.on("modeChange",f),n.once("dispose",m)},p=()=>{n.off("modeChange",f)},f=_=>{if(!!e.enabled){if(_!==O.Five.Mode.Floorplan){e.fiveModeEnabled=!1,i();return}n.once("initAnimationEnded",()=>{e.fiveModeEnabled=n.currentMode===O.Five.Mode.Floorplan,i()})}};return a(),{appendTo:s,load:u,enable:r,disable:c,dispose:m,hooks:e.hooks}},ye={name:"ModelItemLabelPlugin",version:0};exports.DISPLAY_STRATEGY_TYPE=L;exports.ModelItemLabelPlugin=D;exports.default=D;exports.modelItemLabelPluginServerParams=ye;

package/dist/ModelRoomLabelPlugin/index..js

@@ -0,0 +1,274 @@
+var q = Object.defineProperty, _ = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var O = Object.getOwnPropertySymbols;
+var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
+var C = (o, e, t) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, N = (o, e) => {
+  for (var t in e || (e = {}))
+    ee.call(e, t) && C(o, t, e[t]);
+  if (O)
+    for (var t of O(e))
+      te.call(e, t) && C(o, t, e[t]);
+  return o;
+}, B = (o, e) => _(o, $(e));
+var h = (o, e, t) => (C(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { SvelteComponent as T, init as Y, safe_not_equal as S, append_styles as V, element as F, text as oe, space as ne, attr as I, set_style as b, toggle_class as G, insert as k, append as x, listen as ie, set_data as se, noop as R, detach as y, add_render_callback as re, add_resize_listener as ae, group_outros as le, update_keyed_each as fe, outro_and_destroy_block as ce, check_outros as de, transition_in as Z, transition_out as W, globals as ue, empty as me, create_component as he, mount_component as ve, destroy_component as be } from "svelte/internal";
+import { onDestroy as Ae } from "svelte";
+import { Raycaster as ge, Vector3 as P } from "three";
+const pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAYAAACZ1L+0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAYKADAAQAAAABAAAAPAAAAABU0H2EAAARRElEQVR4Ad2czY9cRZbFq1yFoQGDNCzwuAENohl54dkgdrNh34tZ8GciFi31nwEsmAEhhAWD1GMJCZgx5sMfUHN+J+NE3XfrZWWVcVVLHVLmuXG/74148V5m2bm/N8bR0dH+Bx988Po333zzbz///PONg4ODa+I9I9y/cuXKgV77h4eH+1KH3hP/yv7+vuBAsG+5UCIpCkMzDQ962Eu80Q1P/KmHT82v8IocZFL4pslDvL3fNARHoPI2wtbrV1jBIf9N8SEZ0UUP2wFHv2ocSc/2ouEz8PVooJXQ0/j10aNHoH2Idj4PHz4k1n29/k+5/u3ll1/+r7fffvtLzfGzd8ibjK6+9957f5ajf1XzH9y7d+8Xjf9FRs1SdvNBBg2SDQ1xh9ALH4yN0M2BNZrKwtFc9Fmkquuma5HJBzvLiIONBnx40B7QIzTdxCcNwj3dYlEoUmabAU+UFZDpxah22Ng2NjQXH0LrwccGwyEzXfWhWQwSYQHYuFevXj14/vnn37h79+7Nr7766gup/FX5PnAj33///f/46aef3vj444/vfPbZZz9IYGMcnDbkhEYQL001Hfsu775i+7j6LID6cDQWYo8mabGMxOr+e/ye3y7989p3/9jfvHnz2q1bt25oMb549913/3Lwzjvv/Mu3337775988smdzz///AcVQ+IecsAOp8OOHRpkiJniWQnrBJmwc7EF8atxBA2ihx/obf7Qqa+un+aDI0f7k08nU+PLj3PBR+qpcvFdd3BNP7YgI7mnHqHzBRndv1hH33///QNtlAcvvfTSq999992dQzFu/vjjj/c//fTTu1z+unT2wDFoHN13QbVg5CQS3tBfQGwHoo+chltPto4FMsR3nKCZ7a3KyDM+UOOyHzV4xxAHOTjGqfVcVv23b9++++abb/4TvT+8f//+dS3ALzqj3MxgMq6IjAUC4as4CrbdmLtA8S2vttA0D5vSxNBnOvLwK1vO4K3+FSY+Z/Ol71RiC8JI7iBzcrus+nWfvf/iiy/+86Eux2u6JO6RQBoTFCvFOGEKkcyFRZ+kt+kP/pRHF9xiD3uOrs8OFW9eoaFBxorcsfGDvOdTeJCRTxQruT/x+rXxH6nvzx1qRx+I4FHJQZxJeat8CqCY0vCarG+AnK86++whdDlzeQrZKieWhmCTC3GgEy+x01DiKHfuK6vxYhfcYj/zKWVPMrnAwE98RCG+mZPHafVVOX71hPRUHkOpnMe9+SSBQ5wpgJF5mlGTgp+R5oHwhj/7Za7kzQMZ8RPsBaZYEH3k6KbotfySQ/Tjg7lsXQ/IQFc5Chb5zgUR/8LqJyi99QJA0CySFc4znUTFm3d2Cq8FuYryFhk42HLh3bz1zI4N+qGLvXkJMXKcDer6yE+7IuInuObvMusn/iHNz4DBqoMM0W4gyJxmsgijqSfkyNALdv3YRl51oXfFP4u+fCjd43xTQ/wLtx5Zu+L3euI78VJXsOvX+hXrijbL3qEIP1lEObuKhENnR+IgvDU5vD7wGx4Fyn4ucHzFfy8I2/Dio2JkIPyu3+XEp2iQ0ePvqm+X3E7b27b64ZPHYRrCE0R/jq68kfB80mBOQhWhTxu9YHTTfOi+QGLZf7Dbd/3UAjK6PDwL9dafmi6zfm0Ob8xDVkIJs7O5ErxDQQaFhMdctHVB5o8xfLXJzo0dC1wfKxefK1b8L+xHHuGhHjobgzzDO+Fu1Dw/V6RWkHGR9avv5LW5CRNs7Aaf8Qq82mAZUNh8CkEPXvRDDz3cLob4zB0YAjvF3Wrf/fcdK3nyxt2k0WNoR/MlopG54i820Iq/RT3Y1DHqemL1cxX4JkxiXAkECBK4N6Ams0ZjCz+Y8xZkcCSEx3xXPOTJAf3kFv/dfkWOja9i7ImvMW/ChXbe3V9igxjuGskrmFrX6lcsP+FwBPn40WJAsihGgvWEkIe3JpetiwUZTz31lBsOMihE9NzxZpY3GoTtaNSk40/ooyXY84UfHm57fHjKH/DoDYotiEJqBZnDD29NTp74Bxk9fq8f3XwOIHM7z6rbw+bNwcc8tDG6YNGvpNxu/xwwZPOKobj4xEnobf536cvOVwDI6PrJLXl0uY3U94FA6CdSvxbKR5C3DcFJJFiCTrLvmJ4w9hr2g5Fo72aQgX7Fy9ZX7Bw/Z9rh5FrHk6yfJnGlH1+PilQbVOkkUXnQNDAIjV4wNhUjA3nFFqx05B2zuGClo9fj4xNe/IcG18Yu/S6vNUDjM7jmPzJwvPb5HCB6NoTLnoRjn0e41UuOhKTvRsagouSLpw49lXAu8ue6qjbpWuBkniScC2zyrPn253hkqs06Q3+Rb3IH1/yJd6H1c0XxFDSPIAVMM50QSdXRG4St5EmSQk2D1S70sE8MGriwj942PK//7mclXnJPvsntwuvX8cPfyTdfRSRRGqQifckO3lkSig4moV1Ab3iX94aOZ/bFB7ORk/2tPLfPZ/+R7wJoeGIg6PmkVjDy8Mxo9QzehO5PgvPUzx/19w71xqOhX3jm0akOjqfM04wR2OxKR28bsuLckEGGbH1EgAwVf64PZvgh/23+5JIdjuvVI7Q/JqJ4WfVrM/km7A9iKtw3tVHQbBDNogCQwWJoLjheFAvGW2QgrNGYc/09IDGwD5143f9afuJJfZNfaDD5YJMFgy9acCxnVxb5hdVPUNWz+RxAQF7sQKFvVKMBvoGpIKa+hNFJg80sb5GBg51mbBwUXUj8xIZ56GLvRUDGGDnOBj2G/vSxzd8l1/+P9/cAdn92dF8gFrAeWdLzgoBZkPCY46f6g85VuCbPxgx2/diCel1Rfnv+KgLFKCdpAoQG1wJikySRrw10wt+1g+MLxGaX/136tWD8Sf/EkRIfyNFPzcxDX0T9o9/H34YmYMXxVMKNEbaPIyVpNGPc3ESvHjFDZ0IvCEGKg+4LJFb8Grt915d8+tjiD/YcXT+5BC+yfi28Nyb/LKV+DpjJQZBgbbjoxWMdH6hGkrYLnQVbONtM+nP3QgX/YkRnIRuTyLwgK/qnynu+sl/s+B7wIuvXFeAa+JOkdw1NY+WTVE+GueQuEGQuGy8IyBxbaJB5H6MgirZIeosFHXbTXnqLfEaO9XPCqZ8DkmdwJd+5yUiox1vJ/4nXf66/B+xqAOcaSQfzSAcy1OBFwbsajjxNwT40OPwt5OJl8SxHpw42m8b83FDo6Y/cR14n4j3J+hWDmJvvglTQiS+3yJREakKhwTU5x5ps5ueG0CADu3Hi2R59mgIyQo9GmR8ecvKpuCsfdOsgTnKq/NA9P+IlBjqhQeZd3v0nFsjATkOw+YM8vMXfAyIEEVK8du/8ICVWjhZj35HY1NH9VRl0CglSUHwiDw0y7+NJ6/d8L7p+5X/y7wFJgmI5OrjscoTsagCNrPaiafLc4bI/1wLSYGIG1/yfdoX0BcxCBvsCdv8XWb9iubbN8+XoLAkRNAWLnfMwRwZ2bjIm0OiCw8Xc1ZlXjG30Y5t48MOrdqGzuCC87q/L9b2O6wHR7wsi/XnsISf2ZdVP7nrtLz6IKUHvWDAJJWnmocE1Obw6uj4yAkeH3SsdN2Hw3CjUorOCUxZbkBHfQfiiHQM5DRYvm+pEPefV7/6IUUdigeEnt8z974LE5PFqPmKJtgEJ5c6PAToN0bMdfOlPH8z76AmPONO+P6cTOzx8df/JDVyTm1neejyJEjt1LR6LL7h+paMv47QL544Sgx0yG60Es1vmCpZ6TjSEAtOkoXeiwFL0CXv95wg3HGTI1+I/TKw0fLFBbFTeej7UJ3Fqwn+uCltdZv3qu8Jrg+vMIyG/uFxF+7JNHfWSGQnOAtDVoMlWt8PNBzrPdzVsRX6uvwcQRDHn5uj+JE5u3mTopgZsyZuck/9l1q+4zm3+PYDEuCmRDJgEw2POYqBXF8WK4y0yMPxK54kFHCMfihyw2/d4XR4nwa6v3J0riE6P3+WpFWQonnsBMrp/M8vbWn7wolLji08vl1/GESBJxagizrKLKj90ZCC8+AKjU7H76/boklNsKEA686b9GPq2xcfa+DvU73uAk6I4VoTkQIZon+Egc/FphnnMV+TRCy7uCV0fHywCyOhHyC79jdXxO75kM4/I0GD866a+9dtd6pbupdSvWJu/BygxN1Tz2SwlcaYGVpvjNiwpdJac41m3J254aIU+xUc2w8xXZuHhIrTlaS7I6P53xd8lt9P2ti13jhrJlkdQlINJMj7rGTZ4+Zpi7uLoriF+dZmnKVapsXb5J2nsQYy7Puzw1uQOWN66fnIJolrp+AbHeOz645cHaBdFYfG6DTHKLkCHT40kAzJCJ8EuT/O2xdrlv9uzEOERP3T8n9cfPk4bu/ydp/7kmK+js3MWBfVk0nwQmQJ6QUDm8MNjzpnOIoCMQfvjPvNe0C7/StpPJSCDHRwec9m7DnDMrYhf5skt+ca2+Lv0+t0ZdhJDiczHIBKuvFGAi1YBTCctPc9pKEQQvmjrDb5peAzioQsOuenYd3nPB3l4a/bw6hh559GXDWEaRK/7i28QOfaQT6J+Umdj5LsgYs9iErDySIDGYJQGhc4OQ+e0sWK/2LEUJl+zwNAgg3wqkmdyDD885n3gBxfFn+nhluae6m8lf/dC/pxXj9fn1Z5aefFJ2I2twjjk6NBjm/+bz3BGQMgEzCPf5hJoEfETv03kKTKIgviNT0Shz+Q/seIPB3X0fLp+l190/Sw494Bc9v57LkkosAvmi7B8P1MLCS3bxXP3SkE+guQzJosFFN8NBqNQEf/Mg12fBuEbHONU/+Q3/AUXC07d8ncp9XPlkotvwiN5ijEz2BOCnyaXQsyLjxSZecXYFp3YptE0JrxqGjqyVf2V/KIX7Efo/PBHgNQdvMj66YGOoH3+WYqLKk1JsTtvkr1gzjSONJCBT1a6+q40eoo/9WWyeK6OL5Ax/Edn2uKDEd9BM8tbzxe98IraJJM7CBP98JjHFmR+3vqxOXzmmWceaKU337CxGhqCTUVolIGMabAnhGgUb71iahI7fFf7FIFCb3j/18voiuemdd/Mu/+uE1sQWfeX3MBuyzx5B39P/fRcr4dcAT9p5bxl4zhIgNqgnlRkILKuf1654tIUCk2oLJYbQpr0ZqRrGt30C1tk4FnyQYccray31B3s9UQviG104IUGmZ8mH5v+3qF2w51nn332TzHCsI7KJzEVm6akEVuPhLWGhUeM0CAjvkHmxCM+uCYPD2R0f2Ilt7lB4tMGZ3i7qPqfe+65P6j3X1y5du3aZ3rSefrGjRsvkNxpI80AeTGC0NgGoakvuFYrtvDjD11okBF6m3yjdfze9eM7sbPQIC8sg8detlPdP7XCy8ASOh6IC534Qf126Au6Aq7S+0P9jOJ/f/jhh7dfeeWVN1C4c+cOv5zoxsQgKD7O/OgIT3OLgrrkLAMR9EuQYsXLlWO5ePNMJ25s7Fhv8EIraduDDOJI7kfh6FT98M6Ka/GrLbE0/131X79+/YVXX331+tNPP32b3nt1tGhXP/rooz/ruf9N/YzWQ/2e2c8Cfg7Wz8RC9WkeE8pj/rQltMRH/jXdsdreAEp04mg8u22zYhvZ9IPueLE4puMLfnjRKzKCbD4ZHv9oK/mwaPOlm/ukkbFwjKLj428j8t8DEEvN9xJoJuhsDI9lxOeHXr3zE8cGm7fpQMfNgR54ntXmYXzx1ltvbX64VUl4SH//66+/fl2/5ndLC/BHMV/Q6ypN06Bm3lgFaKMcEbj+bDHN88/curvewF4hjhNWasrwhy/0waIPjylyYjp49Ag++NhFhi7F+jeEFcc/H6w5TYbnxo2OoufXmNPcX+XWv4QLMo+taJkfeY4gvtRs/n8vzY/cssxB5CyKxi96/aB+/Y9+KfE/X3vttS8lI7e9/wfu514OAjYP0QAAAABJRU5ErkJggg==";
+function we(o) {
+  V(o, "svelte-1d7uzh5", ".room-label-item.svelte-1d7uzh5{position:absolute;font-size:0.5rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-1d7uzh5{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1d7uzh5{position:absolute;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1d7uzh5{font-size:0.625rem}");
+}
+function ze(o) {
+  let e, t, r = o[0].name + "", i, s, l, d, a;
+  return {
+    c() {
+      e = F("div"), t = F("span"), i = oe(r), s = ne(), l = F("div"), I(t, "class", "room-label-item__text svelte-1d7uzh5"), b(t, "background-image", "url(" + pe + ")"), G(t, "wide", o[0].name.length > 3), I(l, "class", "room-label-item__bar svelte-1d7uzh5"), I(e, "class", "room-label-item svelte-1d7uzh5"), b(e, "z-index", o[0].zIndex, !1), b(e, "transform", o[0].transform, !1), b(e, "opacity", o[0].visible ? 1 : 0, !1);
+    },
+    m(n, c) {
+      k(n, e, c), x(e, t), x(t, i), x(e, s), x(e, l), d || (a = ie(t, "click", o[1]), d = !0);
+    },
+    p(n, [c]) {
+      c & 1 && r !== (r = n[0].name + "") && se(i, r), c & 1 && G(t, "wide", n[0].name.length > 3), c & 1 && b(e, "z-index", n[0].zIndex, !1), c & 1 && b(e, "transform", n[0].transform, !1), c & 1 && b(e, "opacity", n[0].visible ? 1 : 0, !1);
+    },
+    i: R,
+    o: R,
+    d(n) {
+      n && y(e), d = !1, a();
+    }
+  };
+}
+function xe(o, e, t) {
+  let { five: r } = e, { roomLabel: i } = e;
+  function s() {
+    r.setState({
+      panoIndex: i.panoIndex,
+      mode: "Panorama",
+      longitude: i.longitude
+    });
+  }
+  return o.$$set = (l) => {
+    "five" in l && t(2, r = l.five), "roomLabel" in l && t(0, i = l.roomLabel);
+  }, [i, s, r];
+}
+class Fe extends T {
+  constructor(e) {
+    super(), Y(this, e, xe, ze, S, { five: 2, roomLabel: 0 }, we);
+  }
+}
+const { Map: Ie } = ue;
+function Le(o) {
+  V(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
+}
+function X(o, e, t) {
+  const r = o.slice();
+  return r[12] = e[t], r;
+}
+function K(o, e) {
+  let t, r, i;
+  return r = new Fe({
+    props: {
+      roomLabel: e[12],
+      five: e[1]
+    }
+  }), {
+    key: o,
+    first: null,
+    c() {
+      t = me(), he(r.$$.fragment), this.first = t;
+    },
+    m(s, l) {
+      k(s, t, l), ve(r, s, l), i = !0;
+    },
+    p(s, l) {
+      e = s;
+      const d = {};
+      l & 1 && (d.roomLabel = e[12]), l & 2 && (d.five = e[1]), r.$set(d);
+    },
+    i(s) {
+      i || (Z(r.$$.fragment, s), i = !0);
+    },
+    o(s) {
+      W(r.$$.fragment, s), i = !1;
+    },
+    d(s) {
+      s && y(t), be(r, s);
+    }
+  };
+}
+function je(o) {
+  let e, t = [], r = new Ie(), i, s, l = o[0];
+  const d = (a) => a[12].id;
+  for (let a = 0; a < l.length; a += 1) {
+    let n = X(o, l, a), c = d(n);
+    r.set(c, t[a] = K(c, n));
+  }
+  return {
+    c() {
+      e = F("div");
+      for (let a = 0; a < t.length; a += 1)
+        t[a].c();
+      I(e, "class", "room-labels-container svelte-9eg4zi"), re(() => o[6].call(e));
+    },
+    m(a, n) {
+      k(a, e, n);
+      for (let c = 0; c < t.length; c += 1)
+        t[c].m(e, null);
+      i = ae(e, o[6].bind(e)), s = !0;
+    },
+    p(a, [n]) {
+      n & 3 && (l = a[0], le(), t = fe(t, n, d, 1, a, l, r, e, ce, K, null, X), de());
+    },
+    i(a) {
+      if (!s) {
+        for (let n = 0; n < l.length; n += 1)
+          Z(t[n]);
+        s = !0;
+      }
+    },
+    o(a) {
+      for (let n = 0; n < t.length; n += 1)
+        W(t[n]);
+      s = !1;
+    },
+    d(a) {
+      a && y(e);
+      for (let n = 0; n < t.length; n += 1)
+        t[n].d();
+      i();
+    }
+  };
+}
+function Ce(o, e, t) {
+  var M;
+  let r, { five: i } = e, { roomLabels: s } = e, l, d, a = (M = i.model.shownFloor) != null ? M : null;
+  function n(f) {
+    if (!(a === null || f.floorIndex === a))
+      return !1;
+    const p = new ge(), m = i.camera.position.clone(), v = new P(f.position.x, f.position.y, f.position.z), w = v.distanceTo(m);
+    p.set(m.clone(), v.clone().sub(m).normalize());
+    const [u] = i.model.intersectRaycaster(p);
+    return !(u && u.distance + 1 < w);
+  }
+  function c(f, A) {
+    const m = new P(f.position.x, f.position.y, f.position.z).clone().project(i.camera), v = Math.ceil((m.x + 1) / 2 * A.x), w = Math.ceil((-m.y + 1) / 2 * A.y);
+    return `translate(${v}px, ${w}px)`;
+  }
+  function E(f) {
+    const { rendererSize: A, shownFloor: p } = f, m = /* @__PURE__ */ new Map();
+    function v(u) {
+      const g = m.get(u.id);
+      if (g)
+        return g;
+      const { x: L, y: j, z: J } = u.position, z = new P(L, j, J).clone().distanceTo(i.camera.position);
+      return m.set(u.id, z), z;
+    }
+    return s.map((u) => {
+      const g = n(u), L = g ? c(u, A) : u.transform, j = v(u), z = s.filter((D) => D.visible && v(D) < j).length * 10;
+      return B(N({}, u), { visible: g, transform: L, zIndex: z });
+    });
+  }
+  function Q() {
+    t(0, s = E({ rendererSize: r, shownFloor: a }));
+  }
+  function H(f) {
+    t(4, a = f);
+  }
+  i.on("cameraUpdate", Q), i.on("modelShownFloorChange", H), Ae(() => {
+    i.off("cameraUpdate", Q), i.off("modelShownFloorChange", H);
+  });
+  function U() {
+    l = this.clientWidth, d = this.clientHeight, t(2, l), t(3, d);
+  }
+  return o.$$set = (f) => {
+    "five" in f && t(1, i = f.five), "roomLabels" in f && t(0, s = f.roomLabels);
+  }, o.$$.update = () => {
+    o.$$.dirty & 12 && t(5, r = { x: l, y: d }), o.$$.dirty & 48 && t(0, s = E({ rendererSize: r, shownFloor: a }));
+  }, [
+    s,
+    i,
+    l,
+    d,
+    a,
+    r,
+    U
+  ];
+}
+class Pe extends T {
+  constructor(e) {
+    super(), Y(this, e, Ce, je, S, { five: 1, roomLabels: 0 }, Le);
+  }
+}
+function ke(o) {
+  return o.model_room_labels.map(({ id: e, pano_index: t, floor_index: r, name: i, position: s, longitude: l }) => ({
+    id: e,
+    name: i,
+    position: s,
+    longitude: l,
+    panoIndex: t,
+    floorIndex: r,
+    zIndex: 0,
+    visible: !1,
+    transform: ""
+  }));
+}
+class ye {
+  constructor(e) {
+    h(this, "five");
+    h(this, "enabled", !0);
+    h(this, "fiveModeEnabled");
+    h(this, "app");
+    h(this, "wrapper");
+    h(this, "roomLabels", []);
+    h(this, "container", document.createElement("div"));
+    h(this, "onFiveModeChange", (e) => {
+      if (e !== "Floorplan") {
+        this.fiveModeEnabled = !1, this.render();
+        return;
+      }
+      this.five.once("initAnimationEnded", () => {
+        this.fiveModeEnabled = this.five.currentMode === "Floorplan", this.render();
+      });
+    });
+    this.five = e, this.fiveModeEnabled = this.five.currentMode === "Floorplan", this.container.classList.add("model-room-label-plugin-container"), this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.position = "absolute", this.container.style.pointerEvents = "none", this.container.style.left = "0", this.container.style.top = "0", this.container.style.zIndex = "5", this.five.once("dispose", () => this.dispose()), this.five.on("modeChange", this.onFiveModeChange), this.render();
+  }
+  dispose() {
+    this.five.off("modeChange", this.onFiveModeChange), this.container.remove();
+  }
+  load(e) {
+    this.roomLabels = ke(e), this.render();
+  }
+  appendTo(e) {
+    return this.wrapper = e, e.appendChild(this.container), this.render(), this;
+  }
+  disable() {
+    return this.enabled = !1, this.render(), this;
+  }
+  enable() {
+    return this.enabled = !0, this.render(), this;
+  }
+  render() {
+    var e;
+    if (!!this.wrapper) {
+      if (!this.enabled || !this.fiveModeEnabled) {
+        (e = this.app) == null || e.$destroy(), this.app = void 0;
+        return;
+      }
+      this.app ? this.app.$set({ five: this.five, roomLabels: this.roomLabels }) : this.app = new Pe({
+        target: this.container,
+        props: {
+          five: this.five,
+          roomLabels: this.roomLabels
+        }
+      });
+    }
+  }
+}
+const Je = (o) => new ye(o), De = {
+  name: "ModelRoomLabelPlugin",
+  version: 0
+};
+export {
+  Je as ModelRoomLabelPlugin,
+  Je as default,
+  De as modelRoomLabelPluginServerParams
+};