@realsee/dnalogel 2.2.3 → 2.2.5-alpha.0

package/libs/CruisePlugin/Controller.js

@@ -2,7 +2,7 @@ var G = Object.defineProperty, K = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var E = Object.getOwnPropertySymbols;
 var T = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var x = (g, c, e) => c in g ? G(g, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[c] = e, S = (g, c) => {
+var x = (g, c, e) => c in g ? G(g, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[c] = e, P = (g, c) => {
   for (var e in c || (c = {}))
     T.call(c, e) && x(g, e, c[e]);
   if (E)
@@ -10,7 +10,7 @@ var x = (g, c, e) => c in g ? G(g, c, { enumerable: !0, configurable: !0, writab
       A.call(c, e) && x(g, e, c[e]);
   return g;
 }, L = (g, c) => K(g, U(c));
-var P = (g, c, e) => (x(g, typeof c != "symbol" ? c + "" : c, e), e);
+var S = (g, c, e) => (x(g, typeof c != "symbol" ? c + "" : c, e), e);
 var y = (g, c, e) => new Promise((t, i) => {
   var a = (s) => {
     try {
@@ -47,7 +47,7 @@ const M = "v1.0.6", D = "CruisePlugin", w = `${D}@${M}`, F = () => {
 class B extends O {
   constructor(e, t) {
     super(e, t);
-    P(this, "state", {
+    S(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -62,9 +62,9 @@ class B extends O {
         }
       }
     });
-    P(this, "data");
-    P(this, "config");
-    P(this, "privateState", {
+    S(this, "data");
+    S(this, "config");
+    S(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
@@ -72,7 +72,7 @@ class B extends O {
       disposers: [],
       modeChanging: !1
     });
-    P(this, "GuideLine");
+    S(this, "GuideLine");
     this.config = t, Object.assign(window, { [`__${D}_DEBUG__`]: this });
     const i = this.setFiveLinearUpdateCamera.bind(this), a = this.setFiveOriginUpdateCamera.bind(this);
     this.hooks.on("play", i), this.hooks.on("broke", a), this.hooks.on("end", a), this.hooks.on("pause", a), this.privateState.disposers.push(() => {
@@ -115,7 +115,7 @@ class B extends O {
     this.state.playing && this.setState({ playing: !1 }, { userAction: a }), this.setState({ playing: !0 }, { userAction: a, playFromIndex: t, playFromId: i });
   }
   playFromStart(e) {
-    return this.playFrom(L(S({}, e), { index: 0 }));
+    return this.playFrom(L(P({}, e), { index: 0 }));
   }
   pause(e) {
     this.setState({ playing: !1 }, e);
@@ -145,8 +145,8 @@ class B extends O {
       return F();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
       return q();
-    const i = S({}, this.state);
-    this.state = S(S({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), $(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 });
+    const i = P({}, this.state);
+    this.state = P(P({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), $(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 });
   }
   formatData(e) {
     return y(this, null, function* () {
@@ -161,7 +161,7 @@ class B extends O {
           keyframes: i.keyframes.map((a, o) => {
             var r;
             const n = i.keyframes[o + 1], s = (() => !n || n.start === void 0 || a.end === void 0 ? 0 : n.start - a.end)();
-            return S({ id: (r = a.uuid) != null ? r : k(), moveIndex: o, stay: s, index: o }, a);
+            return P({ id: (r = a.uuid) != null ? r : k(), moveIndex: o, stay: s, index: o }, a);
           })
         };
       if (i.panoIndexList) {
@@ -182,9 +182,9 @@ class B extends O {
           i.moveType === void 0 || i.moveType === "justMove" ? a.push({
             moveIndex: r,
             stay: i.stay,
-            data: S({ effect: "Move", panoIndex: s, moveEffect: o }, d != null ? d : {})
-          }) : i.moveType === "moveAndRotate" && (a.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: s, moveEffect: o } }), d && a.push({ moveIndex: r, stay: i.stay, data: S({ effect: "Rotate", panoIndex: s }, d) }));
-        }), { keyframesId: k(), keyframes: a.map((s, r) => S({ id: k(), index: r }, s)) };
+            data: P({ effect: "Move", panoIndex: s, moveEffect: o }, d != null ? d : {})
+          }) : i.moveType === "moveAndRotate" && (a.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: s, moveEffect: o } }), d && a.push({ moveIndex: r, stay: i.stay, data: P({ effect: "Rotate", panoIndex: s }, d) }));
+        }), { keyframesId: k(), keyframes: a.map((s, r) => P({ id: k(), index: r }, s)) };
       } else
         throw new Error("format error: data no keyframes or no panoIndexList");
     });
@@ -417,7 +417,7 @@ class B extends O {
   }
   changeMode(e, t) {
     return y(this, null, function* () {
-      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, console.log("this.privateState.modeChanging", this.privateState.modeChanging), yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
+      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
     });
   }
   forceInteruptUpdateCamera() {
@@ -478,7 +478,7 @@ class B extends O {
     !this.privateState.fiveOriginGetProgress || (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
   }
 }
-P(B, "PluginVersion", M);
+S(B, "PluginVersion", M);
 export {
   B as CruisePluginController
 };

package/libs/ItemLabelPlugin/ItemLabelComponent.js

@@ -10,9 +10,8 @@ var H = (i, t, e) => t in i ? ae(i, t, { enumerable: !0, configurable: !0, writa
       me.call(t, e) && H(i, e, t[e]);
   return i;
 }, y = (i, t) => ce(i, le(t));
-import { SvelteComponent as fe, init as ue, safe_not_equal as pe, append_styles as he, element as _e, attr as be, add_render_callback as Ie, set_style as W, insert as v, add_resize_listener as ge, group_outros as Z, update_keyed_each as ke, outro_and_destroy_block as ye, check_outros as G, transition_in as w, transition_out as z, detach as T, empty as A, create_component as Pe, mount_component as we, destroy_component as Le } from "svelte/internal";
+import { SvelteComponent as fe, init as ue, safe_not_equal as pe, append_styles as he, element as _e, attr as be, add_render_callback as Ie, set_style as W, insert as v, add_resize_listener as ge, update_keyed_each as ke, check_outros as Z, transition_in as w, transition_out as z, detach as T, beforeUpdate as ye, onMount as Pe, onDestroy as we, empty as A, group_outros as G, outro_and_destroy_block as Le, create_component as Me, mount_component as ze, destroy_component as Ce } from "../vendor/svelte/internal/index.js";
 import { Five as P } from "@realsee/five";
-import { beforeUpdate as Me, onMount as ze, onDestroy as Ce } from "svelte";
 import * as Ee from "three";
 import Fe from "./ItemLabelItem.js";
 import { debounce as Oe } from "../shared-utils/debounce.js";
@@ -40,10 +39,10 @@ function X(i) {
     }
   }), {
     c() {
-      Pe(t.$$.fragment);
+      Me(t.$$.fragment);
     },
     m(r, f) {
-      we(t, r, f), e = !0;
+      ze(t, r, f), e = !0;
     },
     p(r, f) {
       const o = {};
@@ -56,7 +55,7 @@ function X(i) {
       z(t.$$.fragment, r), e = !1;
     },
     d(r) {
-      Le(t, r);
+      Ce(t, r);
     }
   };
 }
@@ -72,9 +71,9 @@ function Y(i, t) {
       v(d, e, h), o && o.m(d, h), v(d, r, h), f = !0;
     },
     p(d, h) {
-      t = d, t[30].visible ? o ? (o.p(t, h), h[0] & 2 && w(o, 1)) : (o = X(t), o.c(), w(o, 1), o.m(r.parentNode, r)) : o && (Z(), z(o, 1, 1, () => {
+      t = d, t[30].visible ? o ? (o.p(t, h), h[0] & 2 && w(o, 1)) : (o = X(t), o.c(), w(o, 1), o.m(r.parentNode, r)) : o && (G(), z(o, 1, 1, () => {
         o = null;
-      }), G());
+      }), Z());
     },
     i(d) {
       f || (w(o), f = !0);
@@ -99,7 +98,7 @@ function Te(i) {
       t = _e("div");
       for (let c = 0; c < e.length; c += 1)
         e[c].c();
-      be(t, "class", "item-labels-container svelte-gk8s47"), Ie(() => i[12].call(t)), W(t, "opacity", i[5] ? 1 : 0, !1);
+      be(t, "class", "item-labels-container svelte-gk8s47"), Ie(() => i[12].call(t)), W(t, "opacity", i[5] ? 1 : 0);
     },
     m(c, a) {
       v(c, t, a);
@@ -108,7 +107,7 @@ function Te(i) {
       f = ge(t, i[12].bind(t)), o = !0;
     },
     p(c, a) {
-      a[0] & 71 && (d = c[1], Z(), e = ke(e, a, h, 1, c, d, r, t, ye, Y, null, q), G()), a[0] & 32 && W(t, "opacity", c[5] ? 1 : 0, !1);
+      a[0] & 71 && (d = c[1], G(), e = ke(e, a, h, 1, c, d, r, t, Le, Y, null, q), Z()), a[0] & 32 && W(t, "opacity", c[5] ? 1 : 0);
     },
     i(c) {
       if (!o) {
@@ -219,11 +218,11 @@ function Ue(i, t, e) {
       });
     }
   };
-  Me(() => {
+  ye(() => {
     ne();
-  }), ze(() => {
+  }), Pe(() => {
     e(1, g = N(h)), C = h, L(), oe(), o.on("cameraUpdate", U);
-  }), Ce(() => {
+  }), we(() => {
     o.off("cameraUpdate", U), window.removeEventListener("resize", R, !1);
   });
   function re() {
@@ -247,7 +246,7 @@ function Ue(i, t, e) {
     re
   ];
 }
-class Ge extends fe {
+class Ze extends fe {
   constructor(t) {
     super(), ue(
       this,
@@ -269,5 +268,5 @@ class Ge extends fe {
   }
 }
 export {
-  Ge as default
+  Ze as default
 };

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as B, init as x, safe_not_equal as F, append_styles as N, element as w, space as z, attr as c, null_to_empty as p, set_style as _, insert as q, append as v, listen as j, noop as I, detach as y, binding_callbacks as S, text as L, set_data as C } from "svelte/internal";
+import { SvelteComponent as B, init as x, safe_not_equal as F, append_styles as N, element as w, space as z, attr as c, null_to_empty as p, set_style as _, insert as q, append as v, listen as j, noop as I, detach as y, binding_callbacks as S, text as L, set_data as C } from "../vendor/svelte/internal/index.js";
 import k from "classnames";
 function A(l) {
   N(l, "svelte-gduhqw", `.item-label-item.svelte-gduhqw.svelte-gduhqw{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:svelte-gduhqw-fadeIn .3s ease-in}.item-label-item.fold.svelte-gduhqw>.item-label-item__text-wrap.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw:after{visibility:visible}.item-label-item__text-wrap.svelte-gduhqw.svelte-gduhqw{height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-gduhqw.svelte-gduhqw{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-gduhqw.svelte-gduhqw{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-gduhqw.svelte-gduhqw{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-gduhqw.svelte-gduhqw{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-gduhqw.svelte-gduhqw{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-gduhqw.svelte-gduhqw:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url("//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png ");background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@keyframes svelte-gduhqw-fadeIn{from{opacity:0
@@ -11,11 +11,11 @@ function D(l) {
     c() {
       a && a.c(), e = z(), t = w("div"), n = w("span"), h = L(s), o = z(), m = w("span"), g = L(r), c(n, "class", "item-model svelte-gduhqw"), c(m, "class", "item-name svelte-gduhqw"), c(t, "class", "item-label-text svelte-gduhqw");
     },
-    m(i, f) {
-      a && a.m(i, f), q(i, e, f), q(i, t, f), v(t, n), v(n, h), v(t, o), v(t, m), v(m, g);
+    m(i, b) {
+      a && a.m(i, b), q(i, e, b), q(i, t, b), v(t, n), v(n, h), v(t, o), v(t, m), v(m, g);
     },
-    p(i, f) {
-      i[0].icon ? a ? a.p(i, f) : (a = E(i), a.c(), a.m(e.parentNode, e)) : a && (a.d(1), a = null), f & 1 && s !== (s = (i[0].code || i[0].id) + "") && C(h, s), f & 1 && r !== (r = i[0].name + "") && C(g, r);
+    p(i, b) {
+      i[0].icon ? a ? a.p(i, b) : (a = E(i), a.c(), a.m(e.parentNode, e)) : a && (a.d(1), a = null), b & 1 && s !== (s = (i[0].code || i[0].id) + "") && C(h, s), b & 1 && r !== (r = i[0].name + "") && C(g, r);
     },
     d(i) {
       a && a.d(i), i && y(e), i && y(t);
@@ -59,25 +59,25 @@ function H(l) {
   function i(d, u) {
     return u & 1 && (n = null), n == null && (n = !!Boolean(typeof d[0].render == "function")), n ? G : D;
   }
-  let f = i(l, -1), b = f(l);
+  let b = i(l, -1), f = b(l);
   return {
     c() {
-      e = w("div"), t = w("div"), b.c(), h = z(), o = w("div"), c(t, "class", s = p(k("item-label-item__text-wrap", {
+      e = w("div"), t = w("div"), f.c(), h = z(), o = w("div"), c(t, "class", s = p(k("item-label-item__text-wrap", {
         "item-label-item__custom": Boolean(typeof l[0].render == "function")
-      })) + " svelte-gduhqw"), _(t, "bottom", `${l[0].strokeLength}px`), c(o, "class", m = p(k("item-label-item__bar", { anchor: l[1] })) + " svelte-gduhqw"), _(o, "height", `${l[0].strokeLength}px`), c(e, "class", r = p(k("item-label-item", { fold: l[0].isFold })) + " svelte-gduhqw"), _(e, "z-index", l[0].zIndex, !1), _(e, "transform", l[0].transform, !1);
+      })) + " svelte-gduhqw"), _(t, "bottom", `${l[0].strokeLength}px`), c(o, "class", m = p(k("item-label-item__bar", { anchor: l[1] })) + " svelte-gduhqw"), _(o, "height", `${l[0].strokeLength}px`), c(e, "class", r = p(k("item-label-item", { fold: l[0].isFold })) + " svelte-gduhqw"), _(e, "z-index", l[0].zIndex), _(e, "transform", l[0].transform);
     },
     m(d, u) {
-      q(d, e, u), v(e, t), b.m(t, null), v(e, h), v(e, o), g || (a = j(t, "click", l[4]), g = !0);
+      q(d, e, u), v(e, t), f.m(t, null), v(e, h), v(e, o), g || (a = j(t, "click", l[4]), g = !0);
     },
     p(d, [u]) {
-      f === (f = i(d, u)) && b ? b.p(d, u) : (b.d(1), b = f(d), b && (b.c(), b.m(t, null))), u & 1 && s !== (s = p(k("item-label-item__text-wrap", {
+      b === (b = i(d, u)) && f ? f.p(d, u) : (f.d(1), f = b(d), f && (f.c(), f.m(t, null))), u & 1 && s !== (s = p(k("item-label-item__text-wrap", {
         "item-label-item__custom": Boolean(typeof d[0].render == "function")
-      })) + " svelte-gduhqw") && c(t, "class", s), u & 1 && _(t, "bottom", `${d[0].strokeLength}px`), u & 2 && m !== (m = p(k("item-label-item__bar", { anchor: d[1] })) + " svelte-gduhqw") && c(o, "class", m), u & 1 && _(o, "height", `${d[0].strokeLength}px`), u & 1 && r !== (r = p(k("item-label-item", { fold: d[0].isFold })) + " svelte-gduhqw") && c(e, "class", r), u & 1 && _(e, "z-index", d[0].zIndex, !1), u & 1 && _(e, "transform", d[0].transform, !1);
+      })) + " svelte-gduhqw") && c(t, "class", s), u & 1 && _(t, "bottom", `${d[0].strokeLength}px`), u & 2 && m !== (m = p(k("item-label-item__bar", { anchor: d[1] })) + " svelte-gduhqw") && c(o, "class", m), u & 1 && _(o, "height", `${d[0].strokeLength}px`), u & 1 && r !== (r = p(k("item-label-item", { fold: d[0].isFold })) + " svelte-gduhqw") && c(e, "class", r), u & 1 && _(e, "z-index", d[0].zIndex), u & 1 && _(e, "transform", d[0].transform);
     },
     i: I,
     o: I,
     d(d) {
-      d && y(e), b.d(), g = !1, a();
+      d && y(e), f.d(), g = !1, a();
     }
   };
 }

package/libs/ItemLabelPlugin/index.js

@@ -1,12 +1,11 @@
 import "@realsee/five";
-import "svelte/internal";
-import "svelte";
+import "../vendor/svelte/internal/index.js";
 import "three";
 import "classnames";
-const o = {
+const t = {
   name: "ItemLabelPlugin",
   version: 0
 };
 export {
-  o as itemLabelPluginServerParams
+  t as itemLabelPluginServerParams
 };

package/libs/ModelItemLabelPlugin/ItemLabelComponent.js

@@ -10,9 +10,8 @@ var O = (o, t, e) => t in o ? Z(o, t, { enumerable: !0, configurable: !0, writab
       ne.call(t, e) && O(o, e, t[e]);
   return o;
 }, I = (o, t) => $(o, ee(t));
-import { SvelteComponent as oe, init as se, safe_not_equal as ie, append_styles as re, element as le, attr as ae, add_render_callback as ce, set_style as U, insert as V, add_resize_listener as me, group_outros as de, update_keyed_each as ue, outro_and_destroy_block as fe, check_outros as he, transition_in as W, transition_out as G, detach as Y, empty as _e, create_component as Le, mount_component as be, destroy_component as ge } from "svelte/internal";
+import { SvelteComponent as oe, init as se, safe_not_equal as ie, append_styles as re, element as le, attr as ae, add_render_callback as ce, set_style as U, insert as V, add_resize_listener as me, update_keyed_each as de, check_outros as ue, transition_in as W, transition_out as G, detach as Y, beforeUpdate as fe, onMount as he, onDestroy as _e, empty as Le, create_component as be, mount_component as ge, destroy_component as ye, group_outros as pe, outro_and_destroy_block as ke } from "../vendor/svelte/internal/index.js";
 import { DISPLAY_STRATEGY_TYPE as E } from "./typings.js";
-import { beforeUpdate as ye, onMount as pe, onDestroy as ke } from "svelte";
 import * as Ie from "three";
 import Ee from "./ItemLabelItem.js";
 import { debounce as we } from "../shared-utils/debounce.js";
@@ -35,10 +34,10 @@ function S(o, t) {
     key: o,
     first: null,
     c() {
-      e = _e(), Le(c.$$.fragment), this.first = e;
+      e = Le(), be(c.$$.fragment), this.first = e;
     },
     m(r, m) {
-      V(r, e, m), be(c, r, m), h = !0;
+      V(r, e, m), ge(c, r, m), h = !0;
     },
     p(r, m) {
       t = r;
@@ -52,7 +51,7 @@ function S(o, t) {
       G(c.$$.fragment, r), h = !1;
     },
     d(r) {
-      r && Y(e), ge(c, r);
+      r && Y(e), ye(c, r);
     }
   };
 }
@@ -68,7 +67,7 @@ function Te(o) {
       t = le("div");
       for (let l = 0; l < e.length; l += 1)
         e[l].c();
-      ae(t, "class", "item-labels-container svelte-gk8s47"), ce(() => o[9].call(t)), U(t, "opacity", o[4] ? 1 : 0, !1);
+      ae(t, "class", "item-labels-container svelte-gk8s47"), ce(() => o[9].call(t)), U(t, "opacity", o[4] ? 1 : 0);
     },
     m(l, s) {
       V(l, t, s);
@@ -77,7 +76,7 @@ function Te(o) {
       h = me(t, o[9].bind(t)), r = !0;
     },
     p(l, [s]) {
-      s & 3 && (m = l[1], de(), e = ue(e, s, d, 1, l, m, c, t, fe, S, null, C), he()), s & 16 && U(t, "opacity", l[4] ? 1 : 0, !1);
+      s & 3 && (m = l[1], pe(), e = de(e, s, d, 1, l, m, c, t, ke, S, null, C), ue()), s & 16 && U(t, "opacity", l[4] ? 1 : 0);
     },
     i(l) {
       if (!r) {
@@ -147,13 +146,13 @@ function Re(o, t, e) {
   }, p = () => {
     y = [], e(1, g = X(r, g));
   };
-  ye(() => {
+  fe(() => {
     K();
   });
   const R = () => {
     e(4, T = !1), B();
   };
-  pe(() => {
+  he(() => {
     e(1, g = d), _ = d, p(), J(), r.on("cameraUpdate", R);
   });
   const B = we(
@@ -168,7 +167,7 @@ function Re(o, t, e) {
   }, v = () => {
     r.once("renderFrame", p);
   };
-  ke(() => {
+  _e(() => {
     r.off("cameraUpdate", R), window.removeEventListener("resize", v, !1);
   });
   function N() {
@@ -189,7 +188,7 @@ function Re(o, t, e) {
     N
   ];
 }
-class Ve extends oe {
+class De extends oe {
   constructor(t) {
     super(), se(
       this,
@@ -209,5 +208,5 @@ class Ve extends oe {
   }
 }
 export {
-  Ve as default
+  De as default
 };

package/libs/ModelItemLabelPlugin/ItemLabelItem.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as y, init as k, safe_not_equal as L, append_styles as w, element as g, text as z, space as I, attr as b, set_style as r, null_to_empty as v, insert as x, append as c, listen as C, set_data as F, noop as h, detach as j } from "svelte/internal";
+import { SvelteComponent as y, init as k, safe_not_equal as L, append_styles as w, element as f, text as z, space as I, attr as b, set_style as r, null_to_empty as v, insert as x, append as c, listen as C, set_data as F, noop as h, detach as j } from "../vendor/svelte/internal/index.js";
 import u from "classnames";
 function q(t) {
   w(t, "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
@@ -6,16 +6,16 @@ function q(t) {
         }}`);
 }
 function A(t) {
-  let e, a, l, o = (t[0].name.length > 6 ? `${t[0].name.slice(0, 6)}...` : t[0].name) + "", m, s, d, f, p, _;
+  let e, o, l, n = (t[0].name.length > 6 ? `${t[0].name.slice(0, 6)}...` : t[0].name) + "", m, s, d, g, p, _;
   return {
     c() {
-      e = g("div"), a = g("div"), l = g("span"), m = z(o), s = I(), d = g("div"), b(l, "class", "item-label-item__text svelte-1ir3cyd"), b(a, "class", "item-label-item__text-wrap svelte-1ir3cyd"), r(a, "top", `-${t[0].strokeLength + 26}px`), b(d, "class", "item-label-item__bar svelte-1ir3cyd"), r(d, "height", `${t[0].strokeLength}px`), b(e, "class", f = v(u("item-label-item", { visible: t[0].visible })) + " svelte-1ir3cyd"), r(e, "z-index", t[0].zIndex, !1), r(e, "transform", t[0].transform, !1);
+      e = f("div"), o = f("div"), l = f("span"), m = z(n), s = I(), d = f("div"), b(l, "class", "item-label-item__text svelte-1ir3cyd"), b(o, "class", "item-label-item__text-wrap svelte-1ir3cyd"), r(o, "top", `-${t[0].strokeLength + 26}px`), b(d, "class", "item-label-item__bar svelte-1ir3cyd"), r(d, "height", `${t[0].strokeLength}px`), b(e, "class", g = v(u("item-label-item", { visible: t[0].visible })) + " svelte-1ir3cyd"), r(e, "z-index", t[0].zIndex), r(e, "transform", t[0].transform);
     },
-    m(i, n) {
-      x(i, e, n), c(e, a), c(a, l), c(l, m), c(e, s), c(e, d), p || (_ = C(l, "click", t[1]), p = !0);
+    m(i, a) {
+      x(i, e, a), c(e, o), c(o, l), c(l, m), c(e, s), c(e, d), p || (_ = C(l, "click", t[1]), p = !0);
     },
-    p(i, [n]) {
-      n & 1 && o !== (o = (i[0].name.length > 6 ? `${i[0].name.slice(0, 6)}...` : i[0].name) + "") && F(m, o), n & 1 && r(a, "top", `-${i[0].strokeLength + 26}px`), n & 1 && r(d, "height", `${i[0].strokeLength}px`), n & 1 && f !== (f = v(u("item-label-item", { visible: i[0].visible })) + " svelte-1ir3cyd") && b(e, "class", f), n & 1 && r(e, "z-index", i[0].zIndex, !1), n & 1 && r(e, "transform", i[0].transform, !1);
+    p(i, [a]) {
+      a & 1 && n !== (n = (i[0].name.length > 6 ? `${i[0].name.slice(0, 6)}...` : i[0].name) + "") && F(m, n), a & 1 && r(o, "top", `-${i[0].strokeLength + 26}px`), a & 1 && r(d, "height", `${i[0].strokeLength}px`), a & 1 && g !== (g = v(u("item-label-item", { visible: i[0].visible })) + " svelte-1ir3cyd") && b(e, "class", g), a & 1 && r(e, "z-index", i[0].zIndex), a & 1 && r(e, "transform", i[0].transform);
     },
     i: h,
     o: h,
@@ -24,14 +24,14 @@ function A(t) {
     }
   };
 }
-function E(t, e, a) {
-  let { itemLabel: l } = e, { hooks: o } = e;
+function E(t, e, o) {
+  let { itemLabel: l } = e, { hooks: n } = e;
   function m() {
-    console.log("__onclick___: ", l), o.emit("onLabelClick", l);
+    console.log("__onclick___: ", l), n.emit("onLabelClick", l);
   }
   return t.$$set = (s) => {
-    "itemLabel" in s && a(0, l = s.itemLabel), "hooks" in s && a(2, o = s.hooks);
-  }, [l, m, o];
+    "itemLabel" in s && o(0, l = s.itemLabel), "hooks" in s && o(2, n = s.hooks);
+  }, [l, m, n];
 }
 class B extends y {
   constructor(e) {

package/libs/ModelItemLabelPlugin/index.js

@@ -1,12 +1,11 @@
 import "@realsee/five";
-import "svelte/internal";
-import "svelte";
+import "../vendor/svelte/internal/index.js";
 import "three";
 import "classnames";
-const i = {
+const t = {
   name: "ModelItemLabelPlugin",
   version: 0
 };
 export {
-  i as modelItemLabelPluginServerParams
+  t as modelItemLabelPluginServerParams
 };

package/libs/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -1,39 +1,39 @@
-import { SvelteComponent as g, init as h, safe_not_equal as _, append_styles as z, element as u, text as w, space as k, attr as b, set_style as r, toggle_class as p, insert as L, append as d, listen as I, set_data as x, noop as v, detach as y } from "svelte/internal";
+import { SvelteComponent as g, init as h, safe_not_equal as _, append_styles as z, element as f, text as w, space as k, attr as b, set_style as r, toggle_class as p, insert as L, append as d, listen as I, set_data as x, noop as v, detach as y } from "../vendor/svelte/internal/index.js";
 import { ROOM_LABEL_BG as B } from "./Assets/roomLabelBg.js";
 function C(t) {
   z(t, "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 O(t) {
-  let e, n, a = t[0].name + "", l, m, i, f, c;
+  let e, n, i = t[0].name + "", a, m, l, u, c;
   return {
     c() {
-      e = u("div"), n = u("span"), l = w(a), m = k(), i = u("div"), b(n, "class", "room-label-item__text svelte-1d7uzh5"), r(n, "background-image", "url(" + B + ")"), p(n, "wide", t[0].name.length > 3), b(i, "class", "room-label-item__bar svelte-1d7uzh5"), b(e, "class", "room-label-item svelte-1d7uzh5"), r(e, "z-index", t[0].zIndex, !1), r(e, "transform", t[0].transform, !1), r(e, "opacity", t[0].visible ? 1 : 0, !1);
+      e = f("div"), n = f("span"), a = w(i), m = k(), l = f("div"), b(n, "class", "room-label-item__text svelte-1d7uzh5"), r(n, "background-image", "url(" + B + ")"), p(n, "wide", t[0].name.length > 3), b(l, "class", "room-label-item__bar svelte-1d7uzh5"), b(e, "class", "room-label-item svelte-1d7uzh5"), r(e, "z-index", t[0].zIndex), r(e, "transform", t[0].transform), r(e, "opacity", t[0].visible ? 1 : 0);
     },
     m(o, s) {
-      L(o, e, s), d(e, n), d(n, l), d(e, m), d(e, i), f || (c = I(n, "click", t[1]), f = !0);
+      L(o, e, s), d(e, n), d(n, a), d(e, m), d(e, l), u || (c = I(n, "click", t[1]), u = !0);
     },
     p(o, [s]) {
-      s & 1 && a !== (a = o[0].name + "") && x(l, a), s & 1 && p(n, "wide", o[0].name.length > 3), s & 1 && r(e, "z-index", o[0].zIndex, !1), s & 1 && r(e, "transform", o[0].transform, !1), s & 1 && r(e, "opacity", o[0].visible ? 1 : 0, !1);
+      s & 1 && i !== (i = o[0].name + "") && x(a, i), s & 1 && p(n, "wide", o[0].name.length > 3), s & 1 && r(e, "z-index", o[0].zIndex), s & 1 && r(e, "transform", o[0].transform), s & 1 && r(e, "opacity", o[0].visible ? 1 : 0);
     },
     i: v,
     o: v,
     d(o) {
-      o && y(e), f = !1, c();
+      o && y(e), u = !1, c();
     }
   };
 }
 function R(t, e, n) {
-  let { five: a } = e, { roomLabel: l } = e;
+  let { five: i } = e, { roomLabel: a } = e;
   function m() {
-    a.setState({
-      panoIndex: l.panoIndex,
+    i.setState({
+      panoIndex: a.panoIndex,
       mode: "Panorama",
-      longitude: l.longitude
+      longitude: a.longitude
     });
   }
-  return t.$$set = (i) => {
-    "five" in i && n(2, a = i.five), "roomLabel" in i && n(0, l = i.roomLabel);
-  }, [l, m, a];
+  return t.$$set = (l) => {
+    "five" in l && n(2, i = l.five), "roomLabel" in l && n(0, a = l.roomLabel);
+  }, [a, m, i];
 }
 class q extends g {
   constructor(e) {

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -10,12 +10,11 @@ var D = (o, t, e) => t in o ? q(o, t, { enumerable: !0, configurable: !0, writab
       E.call(t, e) && D(o, e, t[e]);
   return o;
 }, S = (o, t) => P(o, A(t));
-import { SvelteComponent as G, init as J, safe_not_equal as K, append_styles as N, element as Q, attr as X, add_render_callback as Y, insert as H, add_resize_listener as Z, group_outros as $, update_keyed_each as ee, outro_and_destroy_block as te, check_outros as oe, transition_in as O, transition_out as V, detach as W, globals as ne, empty as re, create_component as ie, mount_component as se, destroy_component as le } from "svelte/internal";
-import { onDestroy as ce } from "svelte";
+import { SvelteComponent as G, init as J, safe_not_equal as K, append_styles as N, element as Q, attr as X, add_render_callback as Y, insert as H, add_resize_listener as Z, update_keyed_each as $, check_outros as ee, transition_in as O, transition_out as V, detach as W, onDestroy as te, globals as oe, empty as ne, create_component as re, mount_component as ie, destroy_component as se, group_outros as le, outro_and_destroy_block as ce } from "../vendor/svelte/internal/index.js";
 import { Raycaster as ae, Vector3 as w } from "three";
 import fe from "./RoomLabelItem.js";
 import "./Assets/roomLabelBg.js";
-const { Map: me } = ne;
+const { Map: me } = oe;
 function ue(o) {
   N(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
@@ -34,10 +33,10 @@ function U(o, t) {
     key: o,
     first: null,
     c() {
-      e = re(), ie(l.$$.fragment), this.first = e;
+      e = ne(), re(l.$$.fragment), this.first = e;
     },
     m(r, a) {
-      H(r, e, a), se(l, r, a), s = !0;
+      H(r, e, a), ie(l, r, a), s = !0;
     },
     p(r, a) {
       t = r;
@@ -51,7 +50,7 @@ function U(o, t) {
       V(l.$$.fragment, r), s = !1;
     },
     d(r) {
-      r && W(e), le(l, r);
+      r && W(e), se(l, r);
     }
   };
 }
@@ -76,7 +75,7 @@ function de(o) {
       s = Z(t, o[6].bind(t)), r = !0;
     },
     p(n, [i]) {
-      i & 3 && (a = n[0], $(), e = ee(e, i, m, 1, n, a, l, t, te, U, null, T), oe());
+      i & 3 && (a = n[0], le(), e = $(e, i, m, 1, n, a, l, t, ce, U, null, T), ee());
     },
     i(n) {
       if (!r) {
@@ -109,22 +108,22 @@ function he(o, t, e) {
     const [f] = s.model.intersectRaycaster(g);
     return !(f && f.distance + 1 < b);
   }
-  function d(c, p) {
-    const u = new w(c.position.x, c.position.y, c.position.z).clone().project(s.camera), h = Math.ceil((u.x + 1) / 2 * p.x), b = Math.ceil((-u.y + 1) / 2 * p.y);
+  function d(c, _) {
+    const u = new w(c.position.x, c.position.y, c.position.z).clone().project(s.camera), h = Math.ceil((u.x + 1) / 2 * _.x), b = Math.ceil((-u.y + 1) / 2 * _.y);
     return `translate(${h}px, ${b}px)`;
   }
   function z(c) {
-    const { rendererSize: p, shownFloor: g } = c, u = /* @__PURE__ */ new Map();
+    const { rendererSize: _, shownFloor: g } = c, u = /* @__PURE__ */ new Map();
     function h(f) {
-      const _ = u.get(f.id);
-      if (_)
-        return _;
+      const p = u.get(f.id);
+      if (p)
+        return p;
       const { x: L, y: v, z: x } = f.position, y = new w(L, v, x).clone().distanceTo(s.camera.position);
       return u.set(f.id, y), y;
     }
     return r.map((f) => {
-      const _ = i(f), L = _ ? d(f, p) : f.transform, v = h(f), y = r.filter((M) => M.visible && h(M) < v).length * 10;
-      return S(R({}, f), { visible: _, transform: L, zIndex: y });
+      const p = i(f), L = p ? d(f, _) : f.transform, v = h(f), y = r.filter((M) => M.visible && h(M) < v).length * 10;
+      return S(R({}, f), { visible: p, transform: L, zIndex: y });
     });
   }
   function F() {
@@ -133,7 +132,7 @@ function he(o, t, e) {
   function I(c) {
     e(4, n = c);
   }
-  s.on("cameraUpdate", F), s.on("modelShownFloorChange", I), ce(() => {
+  s.on("cameraUpdate", F), s.on("modelShownFloorChange", I), te(() => {
     s.off("cameraUpdate", F), s.off("modelShownFloorChange", I);
   });
   function j() {
@@ -153,11 +152,11 @@ function he(o, t, e) {
     j
   ];
 }
-class ve extends G {
+class Le extends G {
   constructor(t) {
     super(), J(this, t, he, de, K, { five: 1, roomLabels: 0 }, ue);
   }
 }
 export {
-  ve as default
+  Le as default
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,2 +1,3 @@
 import "three";
-import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";

package/libs/Object3DHelperPlugin/Controller.d.ts

@@ -11,6 +11,8 @@ export declare class Object3DHelperController extends BasePlugin.Controller<Obje
     name: string;
     state: Object3DHelperState;
     objectHelperMap: Map<THREE.Object3D, Object3DHelper>;
+    private css3DObjectParentMap;
+    private css3DRender;
     constructor(five: Five);
     /**
      * @description Show guide line