@realsee/dnalogel 3.33.1-dev.1 → 3.34.0-dev.2

package/libs/CSS3DRenderPlugin/Controller.js

@@ -82,28 +82,28 @@ class Z extends S {
     o(this, "create3DDomContainer", (e, t) => {
       if (this.state.disposed)
         return;
-      const d = (() => {
+      const s = (() => {
         var a;
         (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${b}: please use "config.devicePixelRatio" replace "config.dpr"`);
-        const s = {
+        const d = {
           ratio: 216e-5,
           devicePixelRatio: (a = t == null ? void 0 : t.dpr) != null ? a : 1,
           mode: "front",
           autoRender: !0,
           wrapperStyle: {}
         };
-        return Object.assign(s, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
-      })(), { autoRender: l } = d;
-      d.mode === "behind" && d.behindFiveContainer && (this.behindFiveContainer = d.behindFiveContainer);
-      const n = this.create3DElement(this.five.camera, e, h(p({}, d), { autoRender: !1 }));
+        return Object.assign(d, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
+      })(), { autoRender: l } = s;
+      s.mode === "behind" && s.behindFiveContainer && (this.behindFiveContainer = s.behindFiveContainer);
+      const n = this.create3DElement(this.five.camera, e, h(p({}, s), { autoRender: !1 }));
       if (!n)
         return;
       const v = () => {
         var a, u;
-        const s = n.css3DObject.mode === "front" ? (u = this.frontFiveContainer) != null ? u : (a = this.five.getElement()) == null ? void 0 : a.parentElement : this.getBehindFiveElement();
-        if (console.log({ wrapper: s }), !s)
-          return console.error(`${b}: wrapper is ${s}; mode is ${n.css3DObject.mode}`);
-        n.appendToElement(s), n.render(), this.created3DElementResults.push(n);
+        const d = n.css3DObject.mode === "front" ? (u = this.frontFiveContainer) != null ? u : (a = this.five.getElement()) == null ? void 0 : a.parentElement : this.getBehindFiveElement();
+        if (!d)
+          return console.error(`${b}: wrapper is ${d}; mode is ${n.css3DObject.mode}`);
+        n.appendToElement(d), n.render(), this.created3DElementResults.push(n);
       }, c = () => {
         n.css3DObject.mode === "front" && v(), n.css3DObject.mode === "behind" && P(this.five).then(() => v());
       };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DRender.js

@@ -14,18 +14,18 @@ var i = (n, e, t) => (C(n, typeof e != "symbol" ? e + "" : e, t), t);
 var p = (n, e, t) => new Promise((s, r) => {
   var d = (c) => {
     try {
-      f(t.next(c));
+      l(t.next(c));
     } catch (S) {
       r(S);
     }
-  }, l = (c) => {
+  }, f = (c) => {
     try {
-      f(t.throw(c));
+      l(t.throw(c));
     } catch (S) {
       r(S);
     }
-  }, f = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(d, l);
-  f((t = t.apply(n, e)).next());
+  }, l = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(d, f);
+  l((t = t.apply(n, e)).next());
 });
 import { anyPositionToVector3 as q } from "../../../shared-utils/positionToVector3.js";
 import B from "./CSS3DRenderer.js";
@@ -48,10 +48,7 @@ const J = 3, G = "CSS3DRenderer", b = `${G}@${J}`, u = () => {
 }, o = {
   css3DObjects: [],
   frontModeStore: {
-    css3DRenderer: (() => {
-      const n = new B();
-      return n.domElement.style.zIndex = "1", n;
-    })()
+    css3DRenderer: new B()
   },
   behindModeStore: {
     css3DRenderer: new B()
@@ -130,18 +127,18 @@ class y {
       })(), d = t.map(q);
       if ((d == null ? void 0 : d.length) < 4)
         return console.error(`${b}: requires 4 point but params may have fewer`);
-      const { ratio: l, devicePixelRatio: f, mode: c, autoRender: S, container: O, pointerEvents: I, wrapperStyle: F } = r;
+      const { ratio: f, devicePixelRatio: l, mode: c, autoRender: S, container: O, pointerEvents: F, wrapperStyle: I } = r;
       let D = !1;
-      const a = this.createObject(d, { ratio: l, dpr: f, container: O, mode: c, pointerEvents: I, wrapperStyle: F });
+      const a = this.createObject(d, { ratio: f, dpr: l, container: O, mode: c, pointerEvents: F, wrapperStyle: I });
       o.css3DObjects.push(a), r.scene && this.setScene(r.scene);
-      const x = () => {
+      const N = () => {
         if (D)
           return;
         const h = a.mode === "front" ? this.getFrontCSS3DObjectGroup() : this.getBehindCSS3DObjectGroup();
         h && h.add(a);
       }, E = () => {
-        D || (x(), this.render(e), this.hooks.emit("render"));
-      }, m = (h) => this.setVisibleById(a.id, h), M = (h) => this.setEnabledById(a.id, h), N = () => (D = !0, a.removeFromParent(), !0), V = c === "front" ? o.frontModeStore.css3DRenderer : o.behindModeStore.css3DRenderer;
+        D || (N(), this.render(e), this.hooks.emit("render"));
+      }, m = (h) => this.setVisibleById(a.id, h), M = (h) => this.setEnabledById(a.id, h), x = () => (D = !0, a.removeFromParent(), !0), V = c === "front" ? o.frontModeStore.css3DRenderer : o.behindModeStore.css3DRenderer;
       return S && E(), {
         id: a.uuid,
         container: O,
@@ -153,7 +150,7 @@ class y {
         enable: () => M(!0),
         disable: () => M(!1),
         setEnabled: M,
-        dispose: N,
+        dispose: x,
         appendToElement: (h) => V.setWrapper(h)
       };
     });
@@ -250,8 +247,8 @@ class y {
         console.error(`${b}: scene is required when mode is behind`);
         return;
       }
-      const l = new T(d);
-      o.behindModeStore.css3DScene = l, o.behindModeStore.scene = d;
+      const f = new T(d);
+      o.behindModeStore.css3DScene = f, o.behindModeStore.scene = d;
     }
     return o.behindModeStore.css3DScene;
   }

package/libs/CSS3DRenderPlugin/utils/three/CSS3DRenderer.d.ts

@@ -2,9 +2,9 @@ import { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import type * as THREE from 'three';
 export default class ICSS3DRenderer extends CSS3DRenderer {
     wrapper?: Element;
+    domElementWrapper: HTMLDivElement;
     private requestAnimationFrameId?;
     private resizeDisoper?;
-    private domElementWrapper;
     constructor();
     setWrapper(wrapper: Element): this;
     appendToElement(wrapper: Element): void;

package/libs/CSS3DRenderPlugin/utils/three/CSS3DRenderer.js

@@ -10,13 +10,13 @@ class v extends d {
   constructor() {
     super();
     n(this, "wrapper");
+    n(this, "domElementWrapper", document.createElement("div"));
     n(this, "requestAnimationFrameId");
     n(this, "resizeDisoper");
-    n(this, "domElementWrapper", document.createElement("div"));
     this.domElementWrapper.classList.add("ICSS3DRendererWrapper"), this.domElementWrapper.style.position = "absolute", this.domElementWrapper.style.top = "0", this.domElementWrapper.style.left = "0", this.domElementWrapper.style.width = "100%", this.domElementWrapper.style.height = "100%", this.domElementWrapper.style.userSelect = "none", this.domElementWrapper.style.pointerEvents = "none", this.domElement.classList.add("ICSS3DRenderer"), this.domElement.style.position = "absolute", this.domElement.style.top = "0", this.domElement.style.left = "0", this.domElement.style.userSelect = "none", this.domElement.style.pointerEvents = "none", this.domElementWrapper.appendChild(this.domElement);
   }
   setWrapper(e) {
-    if (console.log("setWrapper", e, this.wrapper), !e)
+    if (!e)
       throw new Error("CSS3DRenderer: wrapper is required");
     if ((() => {
       for (let s = 0; s < e.children.length; s++)

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -26,8 +26,8 @@ import { BetterTween as E, tweenProgress as A } from "../../shared-utils/animati
 import { loadTexture as G } from "../../shared-utils/three/loadTexture.js";
 import P from "../../PanoTagPlugin/controller/index.js";
 import B from "../Components/Tag.js";
-import { filterAdjacentDistinct as W } from "../utils/index.js";
-import { objectAssignDeepExports as I } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { filterAdjacentDistinct as I } from "../utils/index.js";
+import { objectAssignDeepExports as W } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 const R = (
   /* glsl */
   `
@@ -221,7 +221,7 @@ class H {
     i(this, "logWarning", (e) => L("GuideLineModeItem: ", e));
     i(this, "logError", (e) => S("GuideLineModeItem: ", e));
     var o, a;
-    this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.startTagContainer = { tag: null, plugin: new P(this.five) }, this.endTagContainer = { tag: null, plugin: new P(this.five) };
+    this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.startTagContainer = { tag: null, plugin: new P(this.five, { containerZIndex: 1 }) }, this.endTagContainer = { tag: null, plugin: new P(this.five, { containerZIndex: 1 }) };
     const s = new n.BufferGeometry(), r = new n.ShaderMaterial({
       vertexShader: R,
       fragmentShader: N,
@@ -290,7 +290,7 @@ class H {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = W(e);
+    const s = I(e);
     if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
       const o = t.skipPanoGroup ? s.map((a) => this.plugin.workUtils.getObserverStandingPosition(a)).filter(w) : null;
       this.skippedPositions = o;
@@ -454,7 +454,7 @@ class H {
     const s = this.curvePath, r = e === "start" ? this.startTagContainer : this.endTagContainer;
     if (!(t != null && t.data))
       return r.plugin.clearTags();
-    const a = I({}, {
+    const a = W({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -1,5 +1,5 @@
-import { SvelteComponent as S, init as v, safe_not_equal as A, append_styles as T, empty as w, insert as h, transition_in as s, transition_out as u, check_outros as y, detach as _, setContext as q, element as z, attr as C, toggle_class as c, group_outros as M, update_keyed_each as I, outro_and_destroy_block as N, create_component as j, mount_component as B, destroy_component as D } from "../../vendor/svelte/internal/index.js";
-import E from "./TagItem.js";
+import { SvelteComponent as A, init as z, safe_not_equal as T, append_styles as q, empty as M, insert as h, transition_in as f, transition_out as c, check_outros as S, detach as _, setContext as I, element as C, attr as N, toggle_class as u, set_style as k, group_outros as v, update_keyed_each as j, outro_and_destroy_block as B, create_component as D, mount_component as E, destroy_component as F } from "../../vendor/svelte/internal/index.js";
+import G from "./TagItem.js";
 import "./Tag/index.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
@@ -93,82 +93,95 @@ import "./Tag/PanoramaTag.js";
 import "./Tag/CustomTag.js";
 import "../../vendor/classnames/index.js";
 import "./Common/TagPoint.js";
-function F(p) {
-  T(p, "svelte-38qb2t", ".tag--container.svelte-38qb2t{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0);z-index:1}.withAnimation.svelte-38qb2t{transition:opacity 0.2s linear}.tag--container.hide.svelte-38qb2t{opacity:0;pointer-events:none}.tag--container.hide.svelte-38qb2t *{pointer-events:none !important}");
+function H(p) {
+  q(p, "svelte-p0nosq", ".tag--container.svelte-p0nosq{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0)}.withAnimation.svelte-p0nosq{transition:opacity 0.2s linear}.tag--container.hide.svelte-p0nosq{opacity:0;pointer-events:none}.tag--container.hide.svelte-p0nosq *{pointer-events:none !important}");
 }
-function d(p, t, i) {
-  const e = p.slice();
-  return e[8] = t[i], e;
+function b(p, t, e) {
+  const i = p.slice();
+  return i[9] = t[e], i;
 }
-function b(p) {
-  let t, i = [], e = /* @__PURE__ */ new Map(), n, r = (
+function w(p) {
+  let t, e = [], i = /* @__PURE__ */ new Map(), m, n = (
     /*tags*/
     p[1]
   );
-  const a = (o) => (
+  const l = (o) => (
     /*tag*/
-    o[8].id
+    o[9].id
   );
-  for (let o = 0; o < r.length; o += 1) {
-    let m = d(p, r, o), f = a(m);
-    e.set(f, i[o] = k(f, m));
+  for (let o = 0; o < n.length; o += 1) {
+    let r = b(p, n, o), s = l(r);
+    i.set(s, e[o] = y(s, r));
   }
   return {
     c() {
-      t = z("div");
-      for (let o = 0; o < i.length; o += 1)
-        i[o].c();
-      C(t, "class", "tag--container svelte-38qb2t"), c(t, "hide", !/*state*/
+      var o;
+      t = C("div");
+      for (let r = 0; r < e.length; r += 1)
+        e[r].c();
+      N(t, "class", "tag--container svelte-p0nosq"), u(t, "hide", !/*state*/
       p[5].visible || !/*temporaryState*/
-      p[6].visible), c(
+      p[6].visible), u(
         t,
         "withAnimation",
         /*withAnimation*/
         p[0]
+      ), k(
+        t,
+        "z-index",
+        /*zIndex*/
+        (o = p[7]) != null ? o : ""
       );
     },
-    m(o, m) {
-      h(o, t, m);
-      for (let f = 0; f < i.length; f += 1)
-        i[f] && i[f].m(t, null);
-      n = !0;
+    m(o, r) {
+      h(o, t, r);
+      for (let s = 0; s < e.length; s += 1)
+        e[s] && e[s].m(t, null);
+      m = !0;
     },
-    p(o, m) {
-      m & /*state, temporaryState, withAnimation, tags, mediaStore, rendererMap, contentTypeMap*/
-      127 && (r = /*tags*/
-      o[1], M(), i = I(i, m, a, 1, o, r, e, t, N, k, null, d), y()), (!n || m & /*state, temporaryState*/
-      96) && c(t, "hide", !/*state*/
+    p(o, r) {
+      var s;
+      r & /*state, temporaryState, withAnimation, tags, mediaStore, rendererMap, contentTypeMap*/
+      127 && (n = /*tags*/
+      o[1], v(), e = j(e, r, l, 1, o, n, i, t, B, y, null, b), S()), (!m || r & /*state, temporaryState*/
+      96) && u(t, "hide", !/*state*/
       o[5].visible || !/*temporaryState*/
-      o[6].visible), (!n || m & /*withAnimation*/
-      1) && c(
+      o[6].visible), (!m || r & /*withAnimation*/
+      1) && u(
         t,
         "withAnimation",
         /*withAnimation*/
         o[0]
+      ), r & /*zIndex*/
+      128 && k(
+        t,
+        "z-index",
+        /*zIndex*/
+        (s = o[7]) != null ? s : ""
       );
     },
     i(o) {
-      if (!n) {
-        for (let m = 0; m < r.length; m += 1)
-          s(i[m]);
-        n = !0;
+      if (!m) {
+        for (let r = 0; r < n.length; r += 1)
+          f(e[r]);
+        m = !0;
       }
     },
     o(o) {
-      for (let m = 0; m < i.length; m += 1)
-        u(i[m]);
-      n = !1;
+      for (let r = 0; r < e.length; r += 1)
+        c(e[r]);
+      m = !1;
     },
     d(o) {
       o && _(t);
-      for (let m = 0; m < i.length; m += 1)
-        i[m].d();
+      for (let r = 0; r < e.length; r += 1)
+        e[r].d();
     }
   };
 }
-function k(p, t) {
-  let i, e, n;
-  return e = new E({
+function y(p, t) {
+  let e, i, m;
+  return i = new G({
     props: {
       state: (
         /*state*/
@@ -184,7 +197,7 @@ function k(p, t) {
       ),
       tag: (
         /*tag*/
-        t[8]
+        t[9]
       ),
       mediaStore: (
         /*mediaStore*/
@@ -203,108 +216,110 @@ function k(p, t) {
     key: p,
     first: null,
     c() {
-      i = w(), j(e.$$.fragment), this.first = i;
+      e = M(), D(i.$$.fragment), this.first = e;
     },
-    m(r, a) {
-      h(r, i, a), B(e, r, a), n = !0;
+    m(n, l) {
+      h(n, e, l), E(i, n, l), m = !0;
     },
-    p(r, a) {
-      t = r;
+    p(n, l) {
+      t = n;
       const o = {};
-      a & /*state*/
+      l & /*state*/
       32 && (o.state = /*state*/
-      t[5]), a & /*temporaryState*/
+      t[5]), l & /*temporaryState*/
       64 && (o.temporaryState = /*temporaryState*/
-      t[6]), a & /*withAnimation*/
+      t[6]), l & /*withAnimation*/
       1 && (o.withAnimation = /*withAnimation*/
-      t[0]), a & /*tags*/
+      t[0]), l & /*tags*/
       2 && (o.tag = /*tag*/
-      t[8]), a & /*mediaStore*/
+      t[9]), l & /*mediaStore*/
       4 && (o.mediaStore = /*mediaStore*/
-      t[2]), a & /*rendererMap*/
+      t[2]), l & /*rendererMap*/
       8 && (o.rendererMap = /*rendererMap*/
-      t[3]), a & /*contentTypeMap*/
+      t[3]), l & /*contentTypeMap*/
       16 && (o.contentTypeMap = /*contentTypeMap*/
-      t[4]), e.$set(o);
+      t[4]), i.$set(o);
     },
-    i(r) {
-      n || (s(e.$$.fragment, r), n = !0);
+    i(n) {
+      m || (f(i.$$.fragment, n), m = !0);
     },
-    o(r) {
-      u(e.$$.fragment, r), n = !1;
+    o(n) {
+      c(i.$$.fragment, n), m = !1;
     },
-    d(r) {
-      r && _(i), D(e, r);
+    d(n) {
+      n && _(e), F(i, n);
     }
   };
 }
-function G(p) {
-  let t, i, e = (
+function J(p) {
+  let t, e, i = (
     /*state*/
-    p[5].enabled && b(p)
+    p[5].enabled && w(p)
   );
   return {
     c() {
-      e && e.c(), t = w();
+      i && i.c(), t = M();
     },
-    m(n, r) {
-      e && e.m(n, r), h(n, t, r), i = !0;
+    m(m, n) {
+      i && i.m(m, n), h(m, t, n), e = !0;
     },
-    p(n, [r]) {
+    p(m, [n]) {
       /*state*/
-      n[5].enabled ? e ? (e.p(n, r), r & /*state*/
-      32 && s(e, 1)) : (e = b(n), e.c(), s(e, 1), e.m(t.parentNode, t)) : e && (M(), u(e, 1, 1, () => {
-        e = null;
-      }), y());
+      m[5].enabled ? i ? (i.p(m, n), n & /*state*/
+      32 && f(i, 1)) : (i = w(m), i.c(), f(i, 1), i.m(t.parentNode, t)) : i && (v(), c(i, 1, 1, () => {
+        i = null;
+      }), S());
     },
-    i(n) {
-      i || (s(e), i = !0);
+    i(m) {
+      e || (f(i), e = !0);
     },
-    o(n) {
-      u(e), i = !1;
+    o(m) {
+      c(i), e = !1;
     },
-    d(n) {
-      e && e.d(n), n && _(t);
+    d(m) {
+      i && i.d(m), m && _(t);
     }
   };
 }
-function H(p, t, i) {
-  let { withAnimation: e = !1 } = t, { tags: n = [] } = t, { hooks: r } = t, { mediaStore: a } = t, { rendererMap: o } = t, { contentTypeMap: m } = t, { state: f } = t, { temporaryState: g } = t;
-  return q("hooks", r), p.$$set = (l) => {
-    "withAnimation" in l && i(0, e = l.withAnimation), "tags" in l && i(1, n = l.tags), "hooks" in l && i(7, r = l.hooks), "mediaStore" in l && i(2, a = l.mediaStore), "rendererMap" in l && i(3, o = l.rendererMap), "contentTypeMap" in l && i(4, m = l.contentTypeMap), "state" in l && i(5, f = l.state), "temporaryState" in l && i(6, g = l.temporaryState);
+function K(p, t, e) {
+  let { withAnimation: i = !1 } = t, { tags: m = [] } = t, { hooks: n } = t, { mediaStore: l } = t, { rendererMap: o } = t, { contentTypeMap: r } = t, { state: s } = t, { temporaryState: d } = t, { zIndex: g = void 0 } = t;
+  return I("hooks", n), p.$$set = (a) => {
+    "withAnimation" in a && e(0, i = a.withAnimation), "tags" in a && e(1, m = a.tags), "hooks" in a && e(8, n = a.hooks), "mediaStore" in a && e(2, l = a.mediaStore), "rendererMap" in a && e(3, o = a.rendererMap), "contentTypeMap" in a && e(4, r = a.contentTypeMap), "state" in a && e(5, s = a.state), "temporaryState" in a && e(6, d = a.temporaryState), "zIndex" in a && e(7, g = a.zIndex);
   }, [
-    e,
-    n,
-    a,
-    o,
+    i,
     m,
-    f,
+    l,
+    o,
+    r,
+    s,
+    d,
     g,
-    r
+    n
   ];
 }
-class Te extends S {
+class qe extends A {
   constructor(t) {
-    super(), v(
+    super(), z(
       this,
       t,
-      H,
-      G,
-      A,
+      K,
+      J,
+      T,
       {
         withAnimation: 0,
         tags: 1,
-        hooks: 7,
+        hooks: 8,
         mediaStore: 2,
         rendererMap: 3,
         contentTypeMap: 4,
         state: 5,
-        temporaryState: 6
+        temporaryState: 6,
+        zIndex: 7
       },
-      F
+      H
     );
   }
 }
 export {
-  Te as default
+  qe as default
 };

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -27,9 +27,9 @@ var S = (d, m, t) => new Promise((e, o) => {
   a((t = t.apply(d, m)).next());
 });
 import { TagComputer as V } from "./TagComputer.js";
-import { Group as y, Quaternion as O, Vector3 as b, Matrix4 as v } from "three";
-import E from "../Components/TagContainer.js";
-import x from "../Components/Tag/index.js";
+import { Group as y, Quaternion as x, Vector3 as b, Matrix4 as v } from "three";
+import O from "../Components/TagContainer.js";
+import E from "../Components/Tag/index.js";
 import { loadGLTF as G } from "../../shared-utils/three/GLTFLoader.js";
 import { isMediaModelTag as D, isStickModelTag as F } from "../utils/tag/tagCheck.js";
 import { VideoPlane as _, ImagePlane as w } from "../utils/model/mediaPlane.js";
@@ -307,7 +307,7 @@ class Pi extends V {
       if (e.tag3DContentSvelte) {
         const { svelteApp: a, css3DInstance: s, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
         if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
-          const p = new O().setFromUnitVectors(n, l);
+          const p = new x().setFromUnitVectors(n, l);
           s.css3DObject.setRotationFromQuaternion(p);
         }
         return;
@@ -340,7 +340,7 @@ class Pi extends V {
         if (!p)
           return;
         this.store.css3DRenderDisposer.set(e.id, [p.dispose]);
-        const h = new x({
+        const h = new E({
           target: p.container,
           props: {
             tag: e,
@@ -487,7 +487,7 @@ class Pi extends V {
       const i = this.container;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new E({
+      this.TagContainerSvelte = new O({
         target: i,
         props: {
           hooks: this.hooks,
@@ -497,7 +497,8 @@ class Pi extends V {
           mediaStore: this.mediaStore,
           rendererMap: this.rendererMap,
           contentTypeMap: this.contentTypeMap,
-          withAnimation: (o = t == null ? void 0 : t.withAnimation) != null ? o : this.store.visibleWithAnimation
+          withAnimation: (o = t == null ? void 0 : t.withAnimation) != null ? o : this.store.visibleWithAnimation,
+          zIndex: this.params.containerZIndex
         }
       });
     }

package/libs/PanoTagPlugin/controller/TagUtil.d.ts

@@ -16,6 +16,12 @@ export declare abstract class TagUtil extends TagCache {
     workUtil: WorkUtil;
     set workCode(workCode: string);
     get workCode(): string;
+    /** 插件参数 */
+    protected params: {
+        config: Pick<Tags, 'contentTypeConfig' | 'globalConfig'>;
+        debug: boolean;
+        containerZIndex?: number;
+    };
     protected mediaStore: MediaStore;
     /** css3DRenderPlugin */
     protected get css3DRenderPlugin(): import("../../CSS3DRenderPlugin/Controller").default;