@realsee/dnalogel 2.6.7-dev.0 → 2.6.7-dev.1

package/dist/index.js

@@ -31,7 +31,7 @@ import * as li from "@tweenjs/tween.js";
 import mn, { Tween as zl, Easing as Bl } from "@tweenjs/tween.js";
 import { Camera as jl, Five as je, Subscribe as Ye } from "@realsee/five";
 import * as k from "three";
-import { Vector3 as Z, Group as pn, Raycaster as Vt, MeshBasicMaterial as gn, CanvasTexture as Vl, AnimationMixer as Ql, Color as wn, TextureLoader as na, Vector2 as Ge, PlaneGeometry as Rl, sRGBEncoding as Ol, Mesh as Wn, CurvePath as Hl, LineCurve3 as Fl, TubeGeometry as Gl, ShaderMaterial as Wl, SphereGeometry as Nl, DoubleSide as ia, RingGeometry as _l, Quaternion as oa, Euler as Lo, Matrix4 as Xt, Object3D as Xl } from "three";
+import { Vector3 as Z, Group as pn, Raycaster as Vt, MeshBasicMaterial as gn, CanvasTexture as Vl, AnimationMixer as Ql, Color as wn, TextureLoader as na, Vector2 as We, PlaneGeometry as Rl, sRGBEncoding as Ol, Mesh as Wn, CurvePath as Hl, LineCurve3 as Fl, TubeGeometry as Gl, ShaderMaterial as Wl, SphereGeometry as Nl, DoubleSide as ia, RingGeometry as _l, Quaternion as oa, Euler as Lo, Matrix4 as Xt, Object3D as Xl } from "three";
 import { CSS3DRenderer as Yl, CSS3DObject as Ri } from "three/examples/jsm/renderers/CSS3DRenderer";
 import { Line as sa } from "@realsee/five/line";
 import { FBXLoader as ra } from "three/examples/jsm/loaders/FBXLoader";
@@ -135,7 +135,7 @@ class nc {
 function pt() {
   return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
 }
-function He() {
+function Fe() {
   return (pt() + pt() + "-" + pt() + "-4" + pt().substr(0, 3) + "-" + pt() + "-" + pt() + pt() + pt()).toLowerCase();
 }
 const ic = `
@@ -246,7 +246,7 @@ class oc extends nc {
     m(this, "clientWidth");
     m(this, "clientHeight");
     m(this, "ready", !1);
-    m(this, "uuid", He());
+    m(this, "uuid", Fe());
     m(this, "tween");
     m(this, "tweening", !1);
     m(this, "container");
@@ -1014,7 +1014,7 @@ class vn {
       if (this.state.disposed)
         return Gt();
       const o = (() => {
-        const y = {
+        const C = {
           ratio: 216e-5,
           devicePixelRatio: 1,
           mode: "front",
@@ -1022,31 +1022,35 @@ class vn {
           container: document.createElement("div"),
           pointerEvents: "none"
         };
-        return Object.assign(y, n);
+        return Object.assign(C, n);
       })(), s = e.map(An);
       if ((s == null ? void 0 : s.length) < 4)
         return console.error(`${ln}: requires 4 point but params may have fewer`);
-      const { ratio: r, devicePixelRatio: a, mode: l, autoRender: c, container: d, pointerEvents: u } = o, f = this.createObject(s, { ratio: r, dpr: a, container: d, mode: l, pointerEvents: u });
-      Ie.css3DObjects.push(f), o.scene && this.setScene(o.scene);
-      const h = () => {
-        const y = f.mode === "front" ? this.getFrontCSS3DObjectGroup() : this.getBehindCSS3DObjectGroup();
-        !y || y.add(f);
-      }, p = () => {
-        h(), this.render(t);
-      }, A = (y) => this.setVisibleById(f.id, y), g = (y) => this.setEnabledById(f.id, y), v = () => (f.removeFromParent(), !0), w = l === "front" ? Ie.frontModeStore.css3DRenderer : Ie.behindModeStore.css3DRenderer;
-      return c && p(), {
-        id: f.uuid,
+      const { ratio: r, devicePixelRatio: a, mode: l, autoRender: c, container: d, pointerEvents: u } = o;
+      let f = !1;
+      const h = this.createObject(s, { ratio: r, dpr: a, container: d, mode: l, pointerEvents: u });
+      Ie.css3DObjects.push(h), o.scene && this.setScene(o.scene);
+      const p = () => {
+        if (f)
+          return;
+        const C = h.mode === "front" ? this.getFrontCSS3DObjectGroup() : this.getBehindCSS3DObjectGroup();
+        !C || C.add(h);
+      }, A = () => {
+        f || (p(), this.render(t));
+      }, g = (C) => this.setVisibleById(h.id, C), v = (C) => this.setEnabledById(h.id, C), w = () => (f = !0, h.removeFromParent(), !0), y = l === "front" ? Ie.frontModeStore.css3DRenderer : Ie.behindModeStore.css3DRenderer;
+      return c && A(), {
+        id: h.uuid,
         container: d,
-        css3DObject: f,
-        render: c ? void 0 : p,
-        show: () => A(!0),
-        hide: () => A(!1),
-        setVisible: A,
-        enable: () => g(!0),
-        disable: () => g(!1),
-        setEnabled: g,
-        dispose: v,
-        appendToElement: (y) => w.setWrapper(y)
+        css3DObject: h,
+        render: c ? void 0 : A,
+        show: () => g(!0),
+        hide: () => g(!1),
+        setVisible: g,
+        enable: () => v(!0),
+        disable: () => v(!1),
+        setEnabled: v,
+        dispose: w,
+        appendToElement: (C) => y.setWrapper(C)
       };
     });
     m(this, "setVisibleById", (t, e) => {
@@ -4312,7 +4316,7 @@ class mi {
 }
 class Ht extends mi {
 }
-var Fe = /* @__PURE__ */ ((i) => (i.UnknownError = "UnknownError", i.DataNotLoaded = "DataNotLoaded", i.BreakOffByHide = "BreakOffByHide", i.BreakOffByDisable = "BreakOffByDisable", i.ModelNotLoaded = "ModelNotLoaded", i.ChangeModeError = "ChangeModeError", i.UpdateCameraError = "UpdateCameraError", i))(Fe || {});
+var Ge = /* @__PURE__ */ ((i) => (i.UnknownError = "UnknownError", i.DataNotLoaded = "DataNotLoaded", i.BreakOffByHide = "BreakOffByHide", i.BreakOffByDisable = "BreakOffByDisable", i.ModelNotLoaded = "ModelNotLoaded", i.ChangeModeError = "ChangeModeError", i.UpdateCameraError = "UpdateCameraError", i))(Ge || {});
 const Ta = 500, Su = 80;
 function Wi(i, t, e = 4) {
   return Math.floor(i * Math.pow(10, e)) === Math.floor(t * Math.pow(10, e));
@@ -4350,7 +4354,7 @@ function Ba(i, t, e = !0) {
     if (o.mode !== t.mode) {
       const [d] = yield ni(za(i, [t.mode, t, void 0, e]));
       if (d)
-        throw new Error(Fe.ChangeModeError);
+        throw new Error(Ge.ChangeModeError);
       return;
     }
     const { latitude: s, longitude: r, fov: a } = o, l = Math.min(
@@ -4363,7 +4367,7 @@ function Ba(i, t, e = !0) {
       )
     ), [c] = yield ni(i.updateCamera(t, l, e));
     if (c)
-      throw new Error(Fe.UpdateCameraError);
+      throw new Error(Ge.UpdateCameraError);
   });
 }
 function qt(i, t, e = 300) {
@@ -4425,7 +4429,7 @@ class zu extends Ht {
     m(this, "_disable", (e) => {
       var o, s, r;
       const { userAction: n } = e;
-      this.hooks.emit("disable", { userAction: n }), (o = this.showRejection) == null || o.call(this, Fe.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (r = this.container) == null || r.remove(), this.removeEventListener();
+      this.hooks.emit("disable", { userAction: n }), (o = this.showRejection) == null || o.call(this, Ge.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (r = this.container) == null || r.remove(), this.removeEventListener();
     });
     m(this, "_enable", (e) => {
       const { userAction: n } = e;
@@ -4436,9 +4440,9 @@ class zu extends Ht {
       if (!this.state.enabled)
         return;
       if (!((r = this.five.model) != null && r.loaded))
-        throw new Error(Fe.ModelNotLoaded);
+        throw new Error(Ge.ModelNotLoaded);
       if (!this.data)
-        throw new Error(Fe.DataNotLoaded);
+        throw new Error(Ge.DataNotLoaded);
       this.isHiddenByHideFunc = !1;
       const n = {
         floorIndex: this.floorIndex,
@@ -4456,7 +4460,7 @@ class zu extends Ht {
         if (c)
           throw c;
         if (a)
-          throw l ? new Error(l) : new Error(Fe.UnknownError);
+          throw l ? new Error(l) : new Error(Ge.UnknownError);
         this.updateSize(), this.floorIndex = o.floorIndex, this.five.model.show(this.floorIndex);
         const d = o.modelOpacity, u = o.immediately ? 0 : Ta;
         qt(this.five, d, u), this.render(u);
@@ -4475,7 +4479,7 @@ class zu extends Ht {
     }));
     m(this, "_hide", (e) => {
       var s;
-      (s = this.showRejection) == null || s.call(this, Fe.BreakOffByHide), this.showPromise = void 0;
+      (s = this.showRejection) == null || s.call(this, Ge.BreakOffByHide), this.showPromise = void 0;
       const o = F(F({}, {
         userAction: !0,
         isAutoHide: !1
@@ -4697,7 +4701,7 @@ class Vu extends Ht {
     m(this, "_disable", (e) => {
       var o, s, r;
       const { userAction: n } = e;
-      this.hooks.emit("disable", { userAction: n }), (o = this.showRejection) == null || o.call(this, Fe.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (r = this.container) == null || r.remove(), this.removeEventListener();
+      this.hooks.emit("disable", { userAction: n }), (o = this.showRejection) == null || o.call(this, Ge.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (r = this.container) == null || r.remove(), this.removeEventListener();
     });
     m(this, "_enable", (e) => {
       const { userAction: n } = e;
@@ -4708,9 +4712,9 @@ class Vu extends Ht {
       if (!this.state.enabled)
         return;
       if (!((r = this.five.model) != null && r.loaded))
-        throw new Error(Fe.ModelNotLoaded);
+        throw new Error(Ge.ModelNotLoaded);
       if (!this.data)
-        throw new Error(Fe.DataNotLoaded);
+        throw new Error(Ge.DataNotLoaded);
       this.isHiddenByHideFunc = !1;
       const n = {
         floorIndex: this.floorIndex,
@@ -4728,7 +4732,7 @@ class Vu extends Ht {
         if (c)
           throw c;
         if (a)
-          throw l ? new Error(l) : new Error(Fe.UnknownError);
+          throw l ? new Error(l) : new Error(Ge.UnknownError);
         this.updateSize(), this.updatePosition(), this.floorIndex = o.floorIndex, this.five.model.show(this.floorIndex);
         const d = o.modelOpacity, u = o.immediately ? 0 : Ta;
         qt(this.five, d, u), this.render(u);
@@ -4747,7 +4751,7 @@ class Vu extends Ht {
     }));
     m(this, "_hide", (e) => {
       var s;
-      (s = this.showRejection) == null || s.call(this, Fe.BreakOffByHide), this.showPromise = void 0;
+      (s = this.showRejection) == null || s.call(this, Ge.BreakOffByHide), this.showPromise = void 0;
       const o = F(F({}, {
         userAction: !0,
         isAutoHide: !1
@@ -7191,7 +7195,7 @@ class qe {
     m(this, "lines");
     m(this, "position");
     m(this, "type", "point");
-    this.id = He(), this.lines = [], this.position = new Z(), t instanceof Z ? this.position.copy(t) : this.position.fromArray(t);
+    this.id = Fe(), this.lines = [], this.position = new Z(), t instanceof Z ? this.position.copy(t) : this.position.fromArray(t);
   }
   toJson() {
     return { id: this.id, position: this.position.toArray() };
@@ -7208,7 +7212,7 @@ class qe {
 }
 class bo {
   constructor(t) {
-    m(this, "id", He());
+    m(this, "id", Fe());
     m(this, "lines", []);
     m(this, "points", []);
     m(this, "visiblePanoIndexes");
@@ -7380,7 +7384,7 @@ function Xf(i) {
     const y = w.clientWidth, C = w.clientHeight, I = y / 2, E = C / 2;
     if (e.points.length < 2)
       return;
-    const [L, D] = e.points, B = L.position.clone().project(v.camera), G = D.position.clone().project(v.camera), H = B.clone().lerp(G, 0.5), X = new Ge(B.x * I, B.y * E), V = new Ge(G.x * I, G.y * E), P = X.distanceTo(V);
+    const [L, D] = e.points, B = L.position.clone().project(v.camera), G = D.position.clone().project(v.camera), H = B.clone().lerp(G, 0.5), X = new We(B.x * I, B.y * E), V = new We(G.x * I, G.y * E), P = X.distanceTo(V);
     if ((() => !(Math.abs(B.z) > 1 || Math.abs(G.z) > 1 || !wt(B) && !wt(G) || !wt(H) || P === 0))() === !1) {
       s.style.opacity = "0", s.style.pointerEvents = "none";
       return;
@@ -7422,7 +7426,7 @@ class tn {
     m(this, "distanceItem");
     m(this, "polyline");
     var o;
-    if (this.id = He(), this.model = n, t.id === e.id)
+    if (this.id = Fe(), this.model = n, t.id === e.id)
       throw new Error("\u65E0\u6548\u7684\u7EBF\u6BB5, \u4E00\u4E2A\u70B9\u65E0\u6CD5\u6784\u6210\u7EBF\u6BB5");
     typeof n.config.defaultText == "string" && (this.text = n.config.defaultText), this.hook = new Ye(), this.points = [t, e], this.mesh = Ps(this, "normal"), this.lightMesh = Ps(this, "light"), this.distanceItem = Xf({
       line: this,
@@ -7561,7 +7565,7 @@ class Ai {
   }
 }
 function _i(i) {
-  const { x: t, y: e } = i.center, { clientWidth: n, clientHeight: o } = i.target, s = i.target.getBoundingClientRect(), r = new Ge(t, e).sub(new Ge(s.left, s.top)), a = new Ge(r.x / n * 2 - 1, -(r.y / o) * 2 + 1);
+  const { x: t, y: e } = i.center, { clientWidth: n, clientHeight: o } = i.target, s = i.target.getBoundingClientRect(), r = new We(t, e).sub(new We(s.left, s.top)), a = new We(r.x / n * 2 - 1, -(r.y / o) * 2 + 1);
   return { point: r, ndcPoint: a };
 }
 function Li(i, t) {
@@ -7777,14 +7781,14 @@ class Ga {
 function Wa(i, t) {
   const e = i.x - t[0].x, n = i.y - t[0].y, o = t[1].x - t[0].x, s = t[1].y - t[0].y, r = e * o + n * s, a = o * o + s * s, l = r / a;
   let c, d;
-  return l < 0 || Jf(t[0], t[1]) ? (c = t[0].x, d = t[0].y) : l > 1 ? (c = t[1].x, d = t[1].y) : (c = t[0].x + l * o, d = t[0].y + l * s), new Ge(c, d);
+  return l < 0 || Jf(t[0], t[1]) ? (c = t[0].x, d = t[0].y) : l > 1 ? (c = t[1].x, d = t[1].y) : (c = t[0].x + l * o, d = t[0].y + l * s), new We(c, d);
 }
 function Jf(i, t) {
   return i.x === t.x && i.y === t.y;
 }
 function Zf(i, t) {
   const e = (i.x + 1) / 2 * t.width, n = -(i.y - 1) / 2 * t.height;
-  return new Ge(e, n);
+  return new We(e, n);
 }
 function qf(i, t, e, n) {
   const o = i.getElement();
@@ -7868,11 +7872,11 @@ class xs extends Ai {
       const [n] = this.five.model.intersectRaycaster(e);
       if (!n)
         return;
-      const o = this.five.camera, s = n.point.clone().project(o), r = this.container.clientWidth, a = this.container.clientHeight, l = new Ge(s.x * r, s.y * a), c = this.model.getAllLines().map((h) => {
+      const o = this.five.camera, s = n.point.clone().project(o), r = this.container.clientWidth, a = this.container.clientHeight, l = new We(s.x * r, s.y * a), c = this.model.getAllLines().map((h) => {
         const [p, A] = h.points, g = p.position.clone().project(o), v = A.position.clone().project(o);
         if (!wt(g) && !wt(v))
           return null;
-        const w = new Ge(g.x * r, g.y * a), y = new Ge(v.x * r, v.y * a);
+        const w = new We(g.x * r, g.y * a), y = new We(v.x * r, v.y * a);
         return { id: h.id, points: [w, y] };
       }).filter((h) => !!h);
       if (c.length === 0)
@@ -8182,11 +8186,11 @@ class sn extends Ai {
       const [n] = this.five.model.intersectRaycaster(e);
       if (!n)
         return;
-      const o = this.five.camera, s = n.point.clone().project(o), r = this.container.clientWidth, a = this.container.clientHeight, l = new Ge(s.x * r, s.y * a), c = this.polyline.lines.map((h) => {
+      const o = this.five.camera, s = n.point.clone().project(o), r = this.container.clientWidth, a = this.container.clientHeight, l = new We(s.x * r, s.y * a), c = this.polyline.lines.map((h) => {
         const [p, A] = h.points, g = p.position.clone().project(o), v = A.position.clone().project(o);
         if (!wt(g) && !wt(v))
           return null;
-        const w = new Ge(g.x * r, g.y * a), y = new Ge(v.x * r, v.y * a);
+        const w = new We(g.x * r, g.y * a), y = new We(v.x * r, v.y * a);
         return { id: h.id, points: [w, y] };
       }).filter((h) => !!h);
       if (c.length === 0)
@@ -11124,11 +11128,11 @@ class il extends Ht {
       })();
       if (o.keyframes)
         return {
-          keyframesId: He(),
+          keyframesId: Fe(),
           keyframes: o.keyframes.map((s, r) => {
             var c;
             const a = o.keyframes[r + 1], l = (() => !a || a.start === void 0 || s.end === void 0 ? 0 : a.start - s.end)();
-            return he(F({ id: (c = s.uuid) != null ? c : He(), moveIndex: r, stay: l, index: r }, s), { guildPluginOptions: o.guildPluginOptions });
+            return he(F({ id: (c = s.uuid) != null ? c : Fe(), moveIndex: r, stay: l, index: r }, s), { guildPluginOptions: o.guildPluginOptions });
           })
         };
       if (o.panoIndexList) {
@@ -11152,8 +11156,8 @@ class il extends Ht {
             data: F({ effect: "Move", panoIndex: c, moveEffect: r }, u != null ? u : {})
           }) : o.moveType === "moveAndRotate" && (s.push({ moveIndex: d, stay: o.stay, data: { effect: "Move", panoIndex: c, moveEffect: r } }), u && s.push({ moveIndex: d, stay: o.stay, data: F({ effect: "Rotate", panoIndex: c }, u) }));
         }), {
-          keyframesId: He(),
-          keyframes: s.map((c, d) => F({ id: He(), index: d }, c)),
+          keyframesId: Fe(),
+          keyframes: s.map((c, d) => F({ id: Fe(), index: d }, c)),
           guildPluginOptions: o.guildPluginOptions
         };
       } else
@@ -11182,7 +11186,7 @@ class il extends Ht {
       const { data: n, state: o, privateState: s, hooks: r } = this;
       if (s.playing || !(n != null && n.keyframes) || (n == null ? void 0 : n.keyframes.length) === 0)
         return;
-      const a = He();
+      const a = Fe();
       s.playId = a, s.playing = !0, s.broke = !1;
       const l = n.keyframes, c = this.getPauseData();
       (e == null ? void 0 : e.notEmitEvent) !== !0 && r.emit("play", { userAction: (h = e == null ? void 0 : e.userAction) != null ? h : !0 });
@@ -11531,7 +11535,7 @@ function Hm(i) {
 }
 function Fm(i, t, e) {
   let n, o, s, r, { inDelay: a = 0 } = t, { outDelay: l = 0 } = t, { duration: c = 1e3 } = t, { unfolded: d } = t, { length: u } = t, { direction: f = "horizontal" } = t, { useLinearColor: h = !1 } = t, { color: p = "white" } = t;
-  const A = He();
+  const A = Fe();
   return i.$$set = (g) => {
     "inDelay" in g && e(0, a = g.inDelay), "outDelay" in g && e(1, l = g.outDelay), "duration" in g && e(2, c = g.duration), "unfolded" in g && e(3, d = g.unfolded), "length" in g && e(11, u = g.length), "direction" in g && e(12, f = g.direction), "useLinearColor" in g && e(4, h = g.useLinearColor), "color" in g && e(5, p = g.color);
   }, i.$$.update = () => {
@@ -11582,26 +11586,26 @@ function Ks(i) {
   return {
     c() {
       t = j("div"), b(t, "class", "shadow svelte-faoauy"), b(t, "style", e = `
-      left:${We(i[5])};
-      bottom:${We(i[6])};
-      box-shadow: 0 0 ${We(i[10])} ${We(i[11])} rgba(0, 0, 0, ${i[12]});
+      left:${Ne(i[5])};
+      bottom:${Ne(i[6])};
+      box-shadow: 0 0 ${Ne(i[10])} ${Ne(i[11])} rgba(0, 0, 0, ${i[12]});
       ${i[8] ? "transform: translateX(-50%); left: 50%" : ""}
       ${i[9] ? "transform: translateX(-50%); top: 50%" : ""}
       ${i[7] ? "transform: translate(-50%, -50%); left: 50%; top: 50%;" : ""}
-    `), M(t, "width", We(i[3])), M(t, "height", We(i[4])), M(t, "z-index", i[13]);
+    `), M(t, "width", Ne(i[3])), M(t, "height", Ne(i[4])), M(t, "z-index", i[13]);
     },
     m(r, a) {
       z(r, t, a), s = !0;
     },
     p(r, a) {
       i = r, (!s || a & 8160 && e !== (e = `
-      left:${We(i[5])};
-      bottom:${We(i[6])};
-      box-shadow: 0 0 ${We(i[10])} ${We(i[11])} rgba(0, 0, 0, ${i[12]});
+      left:${Ne(i[5])};
+      bottom:${Ne(i[6])};
+      box-shadow: 0 0 ${Ne(i[10])} ${Ne(i[11])} rgba(0, 0, 0, ${i[12]});
       ${i[8] ? "transform: translateX(-50%); left: 50%" : ""}
       ${i[9] ? "transform: translateX(-50%); top: 50%" : ""}
       ${i[7] ? "transform: translate(-50%, -50%); left: 50%; top: 50%;" : ""}
-    `)) && b(t, "style", e), a & 8 && M(t, "width", We(i[3])), a & 16 && M(t, "height", We(i[4])), a & 8192 && M(t, "z-index", i[13]);
+    `)) && b(t, "style", e), a & 8 && M(t, "width", Ne(i[3])), a & 16 && M(t, "height", Ne(i[4])), a & 8192 && M(t, "z-index", i[13]);
     },
     i(r) {
       s || (r && xe(() => {
@@ -11641,7 +11645,7 @@ function Wm(i) {
     }
   };
 }
-function We(i) {
+function Ne(i) {
   return typeof i == "number" ? i / 16 + "rem" : i;
 }
 function Nm(i, t, e) {
@@ -11729,7 +11733,7 @@ function Jm(i) {
 function Zm(i) {
   return i.stickType === "3DPoint" || i.stickType === "Plane";
 }
-function Ne(i) {
+function He(i) {
   return i.stickType === "Model" && i.contentType === "MediaModel";
 }
 function Ji(i) {
@@ -11742,7 +11746,7 @@ function Ji(i) {
 function $s(i) {
   if (Jm(i))
     return ot(i == null ? void 0 : i.position);
-  if (Ne(i) && i.matrix) {
+  if (He(i) && i.matrix) {
     const t = new Xt().fromArray(i.matrix), e = i.data.mediaPosition.map((n) => new Z().fromArray(n).applyMatrix4(t));
     return no(e[0], e[2]);
   } else
@@ -11919,9 +11923,9 @@ function rp(i, t, e) {
   function A(I) {
     const E = [], L = new RegExp(new RegExp("\\p{Regional_Indicator}\\p{Regional_Indicator}|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?(\\u200D\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?)+|\\p{Emoji_Presentation}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)", "gu"));
     return I.slice().replace(L, (D) => `${c}${d}${D}${c}`).split(c).forEach((D) => D.startsWith(d) ? E.push({
-      id: He(),
+      id: Fe(),
       content: D.slice(d.length)
-    }) : E.push(...D.split("").map((B) => B === " " ? u : B).map((B) => ({ id: He(), content: B })))), E;
+    }) : E.push(...D.split("").map((B) => B === " " ? u : B).map((B) => ({ id: Fe(), content: B })))), E;
   }
   function g() {
     if (!h)
@@ -12788,7 +12792,7 @@ function Op(i) {
 }
 function Hp(i, t, e) {
   let { inDelay: n = 0 } = t, { duration: o = 1e3 } = t, { outDelay: s = 0 } = t, { unfolded: r } = t;
-  const a = He();
+  const a = Fe();
   return i.$$set = (l) => {
     "inDelay" in l && e(0, n = l.inDelay), "duration" in l && e(1, o = l.duration), "outDelay" in l && e(2, s = l.outDelay), "unfolded" in l && e(3, r = l.unfolded);
   }, [n, o, s, r, a];
@@ -16287,7 +16291,7 @@ function X0(i, t, e) {
   }
   function w(C, I, E) {
     var L, D;
-    return !(!I.visible || !I.enabled || !E.visible || !((L = C.state) != null && L.visible) || ((D = C.temporaryState) == null ? void 0 : D.visible) === !1 || Ne(C) && C.mediaVisible === !1);
+    return !(!I.visible || !I.enabled || !E.visible || !((L = C.state) != null && L.visible) || ((D = C.temporaryState) == null ? void 0 : D.visible) === !1 || He(C) && C.mediaVisible === !1);
   }
   const y = (C) => u.emit("click", { event: C, target: "TagContent", tag: d });
   return i.$$set = (C) => {
@@ -16829,7 +16833,7 @@ class uA extends dA {
   getVisibleByPanoIndex(e, n) {
     var r;
     const o = this.getCache({ panoIndex: n, id: e.id }), s = (r = this.five.panoIndex) != null ? r : n;
-    if (Ne(e))
+    if (He(e))
       return !0;
     if (o.visible !== void 0)
       return o.visible;
@@ -16883,6 +16887,14 @@ class uA extends dA {
       return o.visible = a.value, o.__debug_visible_reason__ = a, o.visible;
     }
   }
+  getVisibelByFiveMode(e, n) {
+    var r;
+    const o = (r = this.getTagConfig(e).visibleConfig) != null ? r : {};
+    if (typeof o == "function")
+      return n === "Panorama";
+    const s = o == null ? void 0 : o.visibleFiveMode;
+    return s ? s.includes(n) : n === "Panorama";
+  }
   getModelMedialVisibleByPanoIndex(e) {
     const n = this.five.getCurrentState().panoIndex, o = this.getCache({ panoIndex: n, id: e.id });
     if (o.modelMedialVisible !== void 0)
@@ -16991,33 +17003,33 @@ class uA extends dA {
     }
   }
   getTagConfig(e) {
-    var s;
+    var s, r;
     if (!e)
       return (s = this.config.globalConfig) != null ? s : {};
     const n = {};
-    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((r) => {
-      const a = r;
-      if (n[a])
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((a) => {
+      const l = a;
+      if (n[l])
         return;
-      const l = a.split("-");
-      if (l.length === 1) {
-        const [c] = l;
-        e.contentType === c && (n[a] = this.config.contentTypeConfig[a]);
+      const c = l.split("-");
+      if (c.length === 1) {
+        const [d] = c;
+        e.contentType === d && (n[l] = this.config.contentTypeConfig[l]);
       }
-      if (l.length === 2) {
-        const [c = "Any", d = "Any"] = l;
-        (e.stickType === c || c === "Any") && (e.contentType === d || d === "Any") && (n[a] = this.config.contentTypeConfig[a]);
+      if (c.length === 2) {
+        const [d = "Any", u = "Any"] = c;
+        (e.stickType === d || d === "Any") && (e.contentType === u || u === "Any") && (n[l] = this.config.contentTypeConfig[l]);
       }
-      if (l.length === 3) {
-        const [c = "Any", d, u] = l;
-        if (d === "Audio" && e.contentType === "Audio") {
-          const f = e;
-          (f.stickType === c || c === "Any") && f.data.appearance === u && (n[a] = this.config.contentTypeConfig[a]);
+      if (c.length === 3) {
+        const [d = "Any", u, f] = c;
+        if (u === "Audio" && e.contentType === "Audio") {
+          const h = e;
+          (h.stickType === d || d === "Any") && h.data.appearance === f && (n[l] = this.config.contentTypeConfig[l]);
         }
       }
     });
     const o = vt({}, this.config.globalConfig, ...Object.values(n), e.config);
-    return typeof o.unfoldedConfig == "object" && (o.unfoldedConfig.disableFold && (o.unfoldedConfig = { keep: "unfolded" }), o.unfoldedConfig.disableUnfold && (o.unfoldedConfig = { keep: "folded" }), o.unfoldedConfig.keep && (o.unfoldedConfig = { keep: o.unfoldedConfig.keep })), typeof o.visibleConfig == "object" && o.visibleConfig.keep && (o.visibleConfig = { keep: o.visibleConfig.keep }), o;
+    return typeof o.unfoldedConfig == "object" && (o.unfoldedConfig.disableFold && (o.unfoldedConfig = { keep: "unfolded" }), o.unfoldedConfig.disableUnfold && (o.unfoldedConfig = { keep: "folded" }), o.unfoldedConfig.keep && (o.unfoldedConfig = { keep: o.unfoldedConfig.keep })), typeof o.visibleConfig == "object" && o.visibleConfig.keep && (o.visibleConfig = { keep: o.visibleConfig.keep, visibleFiveMode: (r = o.visibleConfig) == null ? void 0 : r.visibleFiveMode }), o;
   }
   can(e, n) {
     const o = this.getTagConfig(n);
@@ -17067,7 +17079,7 @@ class uA extends dA {
   }
   setModelMedialVisibleByPanoIndex() {
     this.tags.forEach((e) => {
-      if (!Ne(e))
+      if (!He(e))
         return;
       const n = this.getModelMedialVisibleByPanoIndex(e);
       e.mediaVisible = n;
@@ -17116,9 +17128,9 @@ class uA extends dA {
   getTagEnableByIntersect(e, n) {
     var d, u, f;
     const o = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, s = this.getDistance(e), [r] = this.five.model.intersectRaycaster(n), a = (() => {
-      if (!Ne(e))
+      if (!He(e))
         return;
-      const h = this.tags.filter(Ne).map((A) => {
+      const h = this.tags.filter(He).map((A) => {
         var g;
         return (g = A.model) == null ? void 0 : g.object;
       }).filter(_e);
@@ -17148,10 +17160,6 @@ class uA extends dA {
     const o = n.panoIndex, s = (a = this.five.work.observers[o]) == null ? void 0 : a.floorIndex, r = this.five.model.shownFloor;
     return r === null || r === s;
   }
-  changeTagMode(e, n) {
-    var o, s, r, a, l;
-    (o = e.config) != null && o.tag3DConfig ? e.config.tag3DConfig.mode = n : e.config ? e.config.tag3DConfig = { mode: n } : e.config = { tag3DConfig: { mode: n } }, (r = (s = e.tag3DContentSvelte) == null ? void 0 : s.domContainer) == null || r.dispose(), (l = (a = e.tag3DContentSvelte) == null ? void 0 : a.svelteApp) == null || l.$destroy(), e.tag3DContentSvelte = void 0;
-  }
 }
 function fA(i) {
   var t, e, n, o;
@@ -17217,13 +17225,14 @@ class AA extends uA {
       console.error(`${eo} is disposed`);
     });
     m(this, "handleFiveInitAnimationEnded", () => {
-      this.five.getCurrentState().mode === "Panorama" && this.tags.forEach((e) => {
-        e.temporaryState = he(F({}, e.temporaryState), { visible: !0 });
-      });
+      const e = this.five.getCurrentState().mode;
+      this.tags.forEach((n) => {
+        n.temporaryState = he(F({}, n.temporaryState), { visible: this.getVisibelByFiveMode(n, e) }), He(n) && e === "Panorama" && this.changeTagMode(n, "front");
+      }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     m(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !Ne(e) || (e.state.visible = this.checkFloorIndex(e));
+        !He(e) || (e.state.visible = this.checkFloorIndex(e));
       }), this.updateRenderAllTags();
     });
     m(this, "loadModel", (e) => _(this, null, function* () {
@@ -17245,7 +17254,7 @@ class AA extends uA {
   load(e, n) {
     return _(this, null, function* () {
       var s, r;
-      this.clearTags(), console.log(eo, " load:", { data: e }), this.config = vt({}, this.config, {
+      this.clearTags(), console.log(eo, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = vt({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (r = e.contentTypeConfig) != null ? r : {}
       });
@@ -17268,7 +17277,7 @@ class AA extends uA {
           clickable: a.clickable,
           mergedConfig: a
         });
-        return Ne(r) && (l.temporaryState = { visible: !1 }), l;
+        return He(r) && (l.temporaryState = { visible: !1 }), l;
       }).filter((r) => r.position);
       return s.forEach(fA), this.tags.push(...s), qm(this.five).then(() => {
         var r, a, l;
@@ -17283,7 +17292,7 @@ class AA extends uA {
     n ? this.config.globalConfig = vt({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   clearTags() {
-    this.tags = [], this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
+    this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
     return _(this, null, function* () {
@@ -17364,7 +17373,7 @@ class AA extends uA {
     const o = (v = (g = (A = e.mergedConfig) == null ? void 0 : A.tag3DConfig) == null ? void 0 : g.ratio) != null ? v : 216e-5, s = (w = e.tag3DContentSvelte) == null ? void 0 : w.domContainer.css3DObject;
     if (!s)
       return;
-    const r = Ne(e) ? e.data.mediaPosition : e.position;
+    const r = He(e) ? e.data.mediaPosition : e.position;
     n.updateWorldMatrix(!1, !1);
     const a = n.matrixWorld, l = new Z().fromArray(r[0]), c = new Z().fromArray(r[2]), d = new Z().lerpVectors(l, c, 0.5).add(new Z(0, 0, 5e-4)), u = new Xt().setPosition(d), f = new Xt().makeScale(o, o, o), h = new Xt().multiply(a).multiply(u).multiply(f);
     h.decompose(s.position, s.quaternion, s.scale);
@@ -17436,12 +17445,8 @@ class AA extends uA {
   }
   handleFiveModeChange(e) {
     this.tags.forEach((n) => {
-      if (Ne(n)) {
-        e !== "Panorama" && (n.mediaVisible = this.checkFloorIndex(n)), this.changeTagMode(n, e === "Panorama" ? "front" : "behind"), this.updateRenderAllTags();
-        return;
-      }
-      e !== "Panorama" && (n.temporaryState = he(F({}, n.temporaryState), { visible: !1 }));
-    }), this.updateRenderAllTags();
+      n.temporaryState = he(F({}, n.temporaryState), { visible: this.getVisibelByFiveMode(n, e) }), He(n) && e !== "Panorama" && this.changeTagMode(n, "behind");
+    }), this.updateRenderAllTags(), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
@@ -17582,7 +17587,7 @@ class AA extends uA {
   }
   updateRenderModelTag() {
     const e = (o) => !this.enabledModelTagSet.has(o.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(Ne).forEach((o) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(He).forEach((o) => {
       var s;
       (s = o.model) == null || s.promise.then((r) => {
         r.visible = o.state.visible;
@@ -17606,10 +17611,14 @@ class AA extends uA {
   }
   addMediaModelTag(e) {
     return _(this, null, function* () {
-      const n = e.filter(Ne).map(this.loadModel);
+      const n = e.filter(He).map(this.loadModel);
       yield Promise.all(n), this.five.getCurrentState().mode === "Panorama" && this.setModelMedialVisibleByPanoIndex(), this.updateRenderAllTags();
     });
   }
+  changeTagMode(e, n) {
+    var o, s, r, a, l;
+    ((r = (s = (o = e.tag3DContentSvelte) == null ? void 0 : o.domContainer) == null ? void 0 : s.css3DObject) == null ? void 0 : r.mode) !== n && ((a = e.config) != null && a.tag3DConfig ? e.config.tag3DConfig.mode = n : e.config ? e.config.tag3DConfig = { mode: n } : e.config = { tag3DConfig: { mode: n } }, (l = this.store.css3DRenderDisposer.get(e.id)) == null || l(), e.tag3DContentSvelte = void 0);
+  }
 }
 const Gv = (i, t) => new AA(i, t);
 function pe(i, t) {