@realsee/dnalogel 2.2.4 → 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

@@ -98,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);
@@ -107,7 +107,7 @@ function Te(i) {
       f = ge(t, i[12].bind(t)), o = !0;
     },
     p(c, a) {
-      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, !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) {

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -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/ModelItemLabelPlugin/ItemLabelComponent.js

@@ -67,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);
@@ -76,7 +76,7 @@ function Te(o) {
       h = me(t, o[9].bind(t)), r = !0;
     },
     p(l, [s]) {
-      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, !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) {

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 "../vendor/svelte/internal/index.js";
+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/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 "../vendor/svelte/internal/index.js";
+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/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

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,61 +1,66 @@
-var E = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var b = (i, s, e) => s in i ? E(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, f = (i, s) => {
+var O = Object.defineProperty;
+var w = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var m = (i, s, e) => s in i ? O(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, b = (i, s) => {
   for (var e in s || (s = {}))
-    M.call(s, e) && b(i, e, s[e]);
-  if (S)
-    for (var e of S(s))
-      O.call(s, e) && b(i, e, s[e]);
+    M.call(s, e) && m(i, e, s[e]);
+  if (w)
+    for (var e of w(s))
+      E.call(s, e) && m(i, e, s[e]);
   return i;
 };
-var h = (i, s, e) => (b(i, typeof s != "symbol" ? s + "" : s, e), e);
-var u = (i, s, e) => new Promise((t, r) => {
-  var l = (o) => {
+var d = (i, s, e) => (m(i, typeof s != "symbol" ? s + "" : s, e), e);
+var u = (i, s, e) => new Promise((r, t) => {
+  var l = (n) => {
     try {
-      a(e.next(o));
-    } catch (p) {
-      r(p);
+      p(e.next(n));
+    } catch (h) {
+      t(h);
     }
-  }, c = (o) => {
+  }, c = (n) => {
     try {
-      a(e.throw(o));
-    } catch (p) {
-      r(p);
+      p(e.throw(n));
+    } catch (h) {
+      t(h);
     }
-  }, a = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(l, c);
-  a((e = e.apply(i, s)).next());
+  }, p = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(l, c);
+  p((e = e.apply(i, s)).next());
 });
-import { Controller as D } from "../base/BasePlugin.js";
+import { Controller as R } from "../base/BasePlugin.js";
 import "three";
-import { MoveHelper as y } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
-import { RotateHelper as I } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
-import { RectangleScaleHelper as k } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
+import { MoveHelper as j } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { RotateHelper as P } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import { RectangleScaleHelper as y } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import { MoveController as F } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
-import { ControllerWrapper as m } from "./FiveControllerWrapper.js";
-import { Object3DHelper as P } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as $ } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
-import { CSS3DScaleController as j } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
-const g = "v1.0.0", v = "Object3DHelperPlugin", H = `${v}@${g}`, L = () => {
-  console.error(`${H} is disposed`);
-}, _ = () => {
-  console.warn(`${H} is disabled`);
-}, B = () => {
-  console.error(`${H} is disabled`);
+import { ControllerWrapper as v } from "./FiveControllerWrapper.js";
+import { Object3DHelper as I } from "../shared-utils/Object3DHelper/index.js";
+import { RotateController as k } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { CSS3DScaleController as B } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import { CSS3DRender as L } from "../CSS3DRenderPlugin/CSS3DRender.js";
+import { fiveModelLoaded as $ } from "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import { generateBehindFiveElement as W } from "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+const g = "v1.0.0", H = "Object3DHelperPlugin", C = `${H}@${g}`, _ = () => {
+  console.error(`${C} is disposed`);
+}, G = () => {
+  console.warn(`${C} is disabled`);
+}, N = () => {
+  console.error(`${C} is disabled`);
 };
-class K extends D {
+class re extends R {
   constructor(e) {
     super(e);
-    h(this, "version", g);
-    h(this, "name", v);
-    h(this, "state", {
+    d(this, "version", g);
+    d(this, "name", H);
+    d(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1
     });
-    h(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${v.toUpperCase()}_DEBUG__`]: this });
+    d(this, "objectHelperMap", /* @__PURE__ */ new Map());
+    d(this, "css3DObjectParentMap", /* @__PURE__ */ new Map());
+    d(this, "css3DRender");
+    this.five = e, this.css3DRender = new L(this.five.scene), console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${H.toUpperCase()}_DEBUG__`]: this });
   }
   show(e) {
     return u(this, null, function* () {
@@ -76,70 +81,80 @@ class K extends D {
   dispose() {
     this.setState({ disposed: !0 });
   }
-  setState(e, t) {
+  setState(e, r) {
     if (this.state.disposed)
-      return L();
+      return _();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return B();
-    const r = f({}, this.state);
-    this.state = f(f({}, this.state), e), e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: r });
+      return N();
+    const t = b({}, this.state);
+    this.state = b(b({}, this.state), e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== t.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== t.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: t });
   }
   getObject3DHelper(e) {
     return this.objectHelperMap.get(e);
   }
-  addObject3DHelper(e, t = {}) {
-    var C;
+  addObject3DHelper(e, r = {}) {
+    var S;
     if (!e)
       return console.error("Object3D is undefined");
     if (this.objectHelperMap.has(e)) {
       console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new P();
-    this.objectHelperMap.set(e, r);
-    const l = (C = this.five.getElement()) == null ? void 0 : C.parentElement, c = this.five.camera, { moveHelper: a = !0, rotateHelper: o = !0, scaleHelper: p = !0 } = t;
-    if (a) {
-      const n = new y(e), d = new m(this.five, F, e, n);
-      r.addControllers({ moveController: d.helperController });
+    const t = new I();
+    this.objectHelperMap.set(e, t);
+    const l = (S = this.five.getElement()) == null ? void 0 : S.parentElement, c = this.five.camera, { moveHelper: p = !0, rotateHelper: n = !0, scaleHelper: h = !0 } = r;
+    if (p) {
+      const o = new j(e), a = new v(this.five, F, e, o);
+      t.addControllers({ moveController: a.helperController });
     }
-    if (o) {
-      let n;
-      l && c && (n = { container: l });
-      const d = new I(e, n), w = new m(this.five, $, e, d);
-      r.addControllers({ rotateController: w.helperController });
+    if (n) {
+      let o;
+      l && c && (o = { container: l });
+      const a = new P(e, o), f = new v(this.five, k, e, a);
+      t.addControllers({ rotateController: f.helperController });
     }
-    if (p && l) {
-      const n = new k(e, l, c, this.five.scene), d = new m(this.five, j, e, n);
-      r.addControllers({ scaleController: d.helperController });
+    if (h && l) {
+      const o = new y(e, l, c, this.five.scene), a = new v(this.five, B, e, o);
+      t.addControllers({ scaleController: a.helperController });
     }
-    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
+    e.isCSS3DObjectPlus && $(this.five).then(() => {
+      var f, D;
+      const o = e, a = (f = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? f : W(this.five);
+      a && (this.css3DObjectParentMap.set(o, o.parent), o.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(a), (D = this.css3DRender.getBehindCSS3DObjectGroup()) == null || D.add(o), this.css3DRender.render(this.five.camera));
+    });
   }
   removeObject3DHelper(e) {
-    const t = this.objectHelperMap.get(e);
-    !t || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), t.dispose());
+    const r = this.objectHelperMap.get(e);
+    if (!!r) {
+      if (e.isCSS3DObjectPlus) {
+        const t = e, l = this.css3DObjectParentMap.get(t);
+        l == null || l.add(t), this.css3DRender.render(this.five.camera);
+      }
+      this.objectHelperMap.delete(e), r.dispose();
+    }
   }
-  handleEnable(e, t = !0) {
-    e ? (this.everyHelperDo((r) => r.enable()), this.hooks.emit("enable", { userAction: t })) : (this.everyHelperDo((r) => r.disable()), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+  handleEnable(e, r = !0) {
+    e ? (this.everyHelperDo((t) => t.enable()), this.hooks.emit("enable", { userAction: r })) : (this.everyHelperDo((t) => t.disable()), this.hooks.emit("disable", { userAction: r })), this.state.enabled = e;
   }
-  handleVisible(e, t = !0) {
-    e ? (this.everyHelperDo((r) => r.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : (this.everyHelperDo((r) => r.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+  handleVisible(e, r = !0) {
+    e ? (this.everyHelperDo((t) => t.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: r }))) : (this.everyHelperDo((t) => t.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: r }))), this.state.visible = e;
   }
   handleDispose() {
     this.everyHelperDo((e) => e.dispose());
   }
   everyHelperDo(e) {
-    this.objectHelperMap.forEach((t) => {
-      t && e(t);
+    this.objectHelperMap.forEach((r) => {
+      r && e(r);
     });
   }
-  actionIfStateIsEnabled(e, t) {
+  actionIfStateIsEnabled(e, r) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && _();
+    r != null && r.warnLog && G();
   }
 }
 export {
-  K as Object3DHelperController,
-  H as PLUGIN,
+  re as Object3DHelperController,
+  C as PLUGIN,
   g as VERSION
 };