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

package/dist/index.js

@@ -48,7 +48,7 @@ import Um from "earcut";
 import { GLTFLoader as Ym } from "@realsee/five/gltf-loader";
 function Xm() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.33.1-dev.1",
+    "%c %c@realsee/dnalogel %cv3.34.0-dev.2",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",
@@ -1208,13 +1208,13 @@ class gc extends Gm {
   constructor() {
     super();
     d(this, "wrapper");
+    d(this, "domElementWrapper", document.createElement("div"));
     d(this, "requestAnimationFrameId");
     d(this, "resizeDisoper");
-    d(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 o = 0; o < e.children.length; o++)
@@ -1519,10 +1519,7 @@ const Ip = 3, _a = "CSS3DRenderer", xs = `${_a}@${Ip}`, vn = () => {
 }, Ke = {
   css3DObjects: [],
   frontModeStore: {
-    css3DRenderer: (() => {
-      const n = new gc();
-      return n.domElement.style.zIndex = "1", n;
-    })()
+    css3DRenderer: new gc()
   },
   behindModeStore: {
     css3DRenderer: new gc()
@@ -2555,7 +2552,7 @@ let qp = class extends Ns {
       const a = () => {
         var h, u;
         const c = r.css3DObject.mode === "front" ? (u = this.frontFiveContainer) != null ? u : (h = this.five.getElement()) == null ? void 0 : h.parentElement : this.getBehindFiveElement();
-        if (console.log({ wrapper: c }), !c)
+        if (!c)
           return console.error(`${Ac}: wrapper is ${c}; mode is ${r.css3DObject.mode}`);
         r.appendToElement(c), r.render(), this.created3DElementResults.push(r);
       }, l = () => {
@@ -7437,7 +7434,7 @@ let rn = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    d(this, "VERSION", "3.33.1-dev.1");
+    d(this, "VERSION", "3.34.0-dev.2");
     d(this, "five");
     /**
      * @description: 插件事件钩子
@@ -18059,6 +18056,8 @@ class Yw extends Qw {
     d(this, "config", Nw);
     d(this, "tagsLengthWillUpdate", !0);
     d(this, "workUtil", new Gl(this.five));
+    /** 插件参数 */
+    d(this, "params");
     d(this, "mediaStore", Sl({
       currentMediaElement: null
     }));
@@ -18109,7 +18108,12 @@ class Yw extends Qw {
   }
   /** css3DRenderPlugin */
   get css3DRenderPlugin() {
-    return this._css3DRenderPlugin || (this._css3DRenderPlugin = yf(this.five)), this._css3DRenderPlugin;
+    var e, i;
+    if (!this._css3DRenderPlugin) {
+      const s = yf(this.five);
+      this._css3DRenderPlugin = s, s.frontModeCSS3DRenderer.domElementWrapper.style.zIndex = (i = (e = this.params.containerZIndex) == null ? void 0 : e.toString()) != null ? i : "";
+    }
+    return this._css3DRenderPlugin;
   }
   getTagById(e) {
     const i = this.tags.find((s) => s.id === e);
@@ -28247,11 +28251,11 @@ class W2 extends ce {
   }
 }
 function U2(n) {
-  ge(n, "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}");
+  ge(n, "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 bu(n, t, e) {
   const i = n.slice();
-  return i[8] = t[e], i;
+  return i[9] = t[e], i;
 }
 function yu(n) {
   let t, e = [], i = /* @__PURE__ */ new Map(), s, o = (
@@ -28260,7 +28264,7 @@ function yu(n) {
   );
   const r = (a) => (
     /*tag*/
-    a[8].id
+    a[9].id
   );
   for (let a = 0; a < o.length; a += 1) {
     let l = bu(n, o, a), c = r(l);
@@ -28268,16 +28272,22 @@ function yu(n) {
   }
   return {
     c() {
+      var a;
       t = S("div");
-      for (let a = 0; a < e.length; a += 1)
-        e[a].c();
-      C(t, "class", "tag--container svelte-38qb2t"), K(t, "hide", !/*state*/
+      for (let l = 0; l < e.length; l += 1)
+        e[l].c();
+      C(t, "class", "tag--container svelte-p0nosq"), K(t, "hide", !/*state*/
       n[5].visible || !/*temporaryState*/
       n[6].visible), K(
         t,
         "withAnimation",
         /*withAnimation*/
         n[0]
+      ), T(
+        t,
+        "z-index",
+        /*zIndex*/
+        (a = n[7]) != null ? a : ""
       );
     },
     m(a, l) {
@@ -28287,6 +28297,7 @@ function yu(n) {
       s = !0;
     },
     p(a, l) {
+      var c;
       l & /*state, temporaryState, withAnimation, tags, mediaStore, rendererMap, contentTypeMap*/
       127 && (o = /*tags*/
       a[1], ue(), e = Ut(e, l, r, 1, a, o, i, t, ji, wu, null, bu), fe()), (!s || l & /*state, temporaryState*/
@@ -28298,6 +28309,12 @@ function yu(n) {
         "withAnimation",
         /*withAnimation*/
         a[0]
+      ), l & /*zIndex*/
+      128 && T(
+        t,
+        "z-index",
+        /*zIndex*/
+        (c = a[7]) != null ? c : ""
       );
     },
     i(a) {
@@ -28337,7 +28354,7 @@ function wu(n, t) {
       ),
       tag: (
         /*tag*/
-        t[8]
+        t[9]
       ),
       mediaStore: (
         /*mediaStore*/
@@ -28372,7 +28389,7 @@ function wu(n, t) {
       1 && (a.withAnimation = /*withAnimation*/
       t[0]), r & /*tags*/
       2 && (a.tag = /*tag*/
-      t[8]), r & /*mediaStore*/
+      t[9]), r & /*mediaStore*/
       4 && (a.mediaStore = /*mediaStore*/
       t[2]), r & /*rendererMap*/
       8 && (a.rendererMap = /*rendererMap*/
@@ -28422,9 +28439,9 @@ function Y2(n) {
   };
 }
 function X2(n, t, e) {
-  let { withAnimation: i = !1 } = t, { tags: s = [] } = t, { hooks: o } = t, { mediaStore: r } = t, { rendererMap: a } = t, { contentTypeMap: l } = t, { state: c } = t, { temporaryState: h } = t;
-  return Ua("hooks", o), n.$$set = (u) => {
-    "withAnimation" in u && e(0, i = u.withAnimation), "tags" in u && e(1, s = u.tags), "hooks" in u && e(7, o = u.hooks), "mediaStore" in u && e(2, r = u.mediaStore), "rendererMap" in u && e(3, a = u.rendererMap), "contentTypeMap" in u && e(4, l = u.contentTypeMap), "state" in u && e(5, c = u.state), "temporaryState" in u && e(6, h = u.temporaryState);
+  let { withAnimation: i = !1 } = t, { tags: s = [] } = t, { hooks: o } = t, { mediaStore: r } = t, { rendererMap: a } = t, { contentTypeMap: l } = t, { state: c } = t, { temporaryState: h } = t, { zIndex: u = void 0 } = t;
+  return Ua("hooks", o), n.$$set = (f) => {
+    "withAnimation" in f && e(0, i = f.withAnimation), "tags" in f && e(1, s = f.tags), "hooks" in f && e(8, o = f.hooks), "mediaStore" in f && e(2, r = f.mediaStore), "rendererMap" in f && e(3, a = f.rendererMap), "contentTypeMap" in f && e(4, l = f.contentTypeMap), "state" in f && e(5, c = f.state), "temporaryState" in f && e(6, h = f.temporaryState), "zIndex" in f && e(7, u = f.zIndex);
   }, [
     i,
     s,
@@ -28433,6 +28450,7 @@ function X2(n, t, e) {
     l,
     c,
     h,
+    u,
     o
   ];
 }
@@ -28447,12 +28465,13 @@ class Z2 extends ce {
       {
         withAnimation: 0,
         tags: 1,
-        hooks: 7,
+        hooks: 8,
         mediaStore: 2,
         rendererMap: 3,
         contentTypeMap: 4,
         state: 5,
-        temporaryState: 6
+        temporaryState: 6,
+        zIndex: 7
       },
       U2
     );
@@ -28806,7 +28825,8 @@ class eM extends Zw {
           mediaStore: this.mediaStore,
           rendererMap: this.rendererMap,
           contentTypeMap: this.contentTypeMap,
-          withAnimation: (s = e == null ? void 0 : e.withAnimation) != null ? s : this.store.visibleWithAnimation
+          withAnimation: (s = e == null ? void 0 : e.withAnimation) != null ? s : this.store.visibleWithAnimation,
+          zIndex: this.params.containerZIndex
         }
       });
     }
@@ -28843,8 +28863,6 @@ class ol extends eM {
     super(e);
     /** state */
     d(this, "state", { enabled: !0, visible: !0 });
-    /** 插件参数 */
-    d(this, "params");
     /** debug */
     d(this, "debug");
     d(this, "debugUtil", new tM(this));
@@ -29651,7 +29669,7 @@ class rl {
     d(this, "logWarning", (t) => ew("GuideLineModeItem: ", t));
     d(this, "logError", (t) => bg("GuideLineModeItem: ", t));
     var o, r;
-    this.five = t, this.mode = e.mode, this.plugin = e.plugin, this.parent = e.parent, this.startTagContainer = { tag: null, plugin: new ol(this.five) }, this.endTagContainer = { tag: null, plugin: new ol(this.five) };
+    this.five = t, this.mode = e.mode, this.plugin = e.plugin, this.parent = e.parent, this.startTagContainer = { tag: null, plugin: new ol(this.five, { containerZIndex: 1 }) }, this.endTagContainer = { tag: null, plugin: new ol(this.five, { containerZIndex: 1 }) };
     const i = new w.BufferGeometry(), s = new w.ShaderMaterial({
       vertexShader: aM,
       fragmentShader: lM,