@realsee/dnalogel 3.60.0-alpha.0 → 3.60.1-alpha.0

package/libs/PanoTagPlugin/controller/Tag/ModelTag.js

@@ -1,30 +1,30 @@
 var k = Object.defineProperty, O = Object.defineProperties;
 var F = Object.getOwnPropertyDescriptors;
-var P = Object.getOwnPropertySymbols;
+var C = Object.getOwnPropertySymbols;
 var w = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
 var f = (e, o, t) => o in e ? k(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, b = (e, o) => {
   for (var t in o || (o = {}))
     w.call(o, t) && f(e, t, o[t]);
-  if (P)
-    for (var t of P(o))
+  if (C)
+    for (var t of C(o))
       x.call(o, t) && f(e, t, o[t]);
   return e;
-}, v = (e, o) => O(e, F(o));
-var j = (e, o, t) => (f(e, typeof o != "symbol" ? o + "" : o, t), t);
-var y = (e, o, t) => new Promise((p, m) => {
+}, P = (e, o) => O(e, F(o));
+var v = (e, o, t) => (f(e, typeof o != "symbol" ? o + "" : o, t), t);
+var y = (e, o, t) => new Promise((m, p) => {
   var n = (r) => {
     try {
       a(t.next(r));
     } catch (i) {
-      m(i);
+      p(i);
     }
   }, d = (r) => {
     try {
       a(t.throw(r));
     } catch (i) {
-      m(i);
+      p(i);
     }
-  }, a = (r) => r.done ? p(r.value) : Promise.resolve(r.value).then(n, d);
+  }, a = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(n, d);
   a((t = t.apply(e, o)).next());
 });
 import { initialCSS3DRender as L } from "../../../shared-utils/CSS3DRender/index.js";
@@ -193,39 +193,39 @@ import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
 class Uo extends R {
-  constructor(t, p) {
-    super(t, p);
-    j(this, "loading", !1);
+  constructor(t, m) {
+    super(t, m);
+    v(this, "loading", !1);
     /** 加载外部模型 */
-    j(this, "loadModel", () => y(this, null, function* () {
+    v(this, "loadModel", () => y(this, null, function* () {
       var d, a;
       const t = this.data.modelUrl;
       if (!t || (this.loading = !0, yield H(this.five), !this.plugin.tags.includes(this)))
         return;
-      const p = A(t).then((r) => y(this, null, function* () {
+      const m = A(t).then((r) => y(this, null, function* () {
         var l;
         const i = Object.assign(r.scene, {
           customID: this.id,
           isTagModel: !0,
           removeEventListener: this.getConfig().clickable === !1 ? () => {
-          } : this.addObjectClickHandler(this, r.scene, (u) => {
-            this.plugin.hooks.emit("click", { target: "TagModel", tag: this, event: u });
+          } : this.addObjectClickHandler(this, r.scene, (g) => {
+            this.plugin.hooks.emit("click", { target: "TagModel", tag: this, event: g });
           })
         });
         return new T.Matrix4().fromArray(this.matrix).decompose(i.position, i.quaternion, i.scale), i.updateWorldMatrix(!0, !0), i.visible = this.visible, (l = this.getConfig().modelConfig) != null && l.autoLookAtEnabled && i.lookAt(this.five.camera.position.clone().setY(i.position.y)), i;
       }));
-      this.model = { promise: p };
-      const m = yield p;
-      if (this.loading = !1, ((d = this.model) == null ? void 0 : d.promise) !== p || !this.plugin.tags.includes(this))
+      this.model = { promise: m };
+      const p = yield m;
+      if (this.loading = !1, ((d = this.model) == null ? void 0 : d.promise) !== m || !this.plugin.tags.includes(this))
         return;
-      this.model.object = m;
+      this.model.object = p;
       const n = this.plugin.gltfObjectGroup.children.find((r) => r.customID === this.id);
       if (n && (this.plugin.gltfObjectGroup.remove(n), n.removeEventListener()), G(this)) {
         const r = this.data.mediaPosition.map(S);
         if (this.computeRenderType() === "Mesh" && !this.mediaPlane) {
           this.mediaPlane = new D(this.data.mediaData[0].url, r, { objectFit: this.data.objectFit });
           const i = new T.Vector3().addVectors(r[0], r[2]).divideScalar(2);
-          this.mediaPlane.position.copy(i), m.add(this.mediaPlane);
+          this.mediaPlane.position.copy(i), p.add(this.mediaPlane);
         }
         if (this.computeRenderType() !== "Mesh") {
           (a = this.tag3DContentSvelte) == null || a.dispose();
@@ -233,13 +233,13 @@ class Uo extends R {
           i.classList.add("tag-media-container");
           const c = "black";
           i.style.backgroundColor = c, i.style.border = `3px solid ${c}`;
-          const l = v(b({}, this.config.tag3DConfig), { mode: "behind", cornerPoints: r, container: i }), u = this.computeRenderType() === "BehindDom" || l.mode === "behind" ? "behind" : "front", s = new N(v(b({}, l), { mode: u })), g = this.computeNormal();
-          s.position.add(g.clone().setLength(V.Z_FIGHTING_OFFSET)), m.add(s);
+          const l = b({ mode: "behind", cornerPoints: r, container: i }, this.config.tag3DConfig), g = this.computeRenderType() === "BehindDom" || l.mode === "behind" ? "behind" : "front", s = new N(P(b({}, l), { mode: g })), u = this.computeNormal();
+          s.position.add(u.clone().setLength(V.Z_FIGHTING_OFFSET)), p.add(s);
           let h;
           s.mode === "behind" && this.config.clickable !== !1 && (h = this.addObjectClickHandler(this, s, (M) => {
             this.plugin.hooks.emit("click", { event: M, target: "TagContent", tag: this });
           }));
-          const C = new I({
+          const j = new I({
             target: i,
             props: {
               tag: this,
@@ -251,35 +251,35 @@ class Uo extends R {
             }
           });
           this.tag3DContentSvelte = {
-            svelteApp: C,
+            svelteApp: j,
             domContainer: {
               css3DObject: s
             },
             css3DInstance: s,
-            initialNormal: g,
-            currentNormal: g,
+            initialNormal: u,
+            currentNormal: u,
             dispose: () => {
-              C.$destroy(), s.dispose(), h == null || h();
+              j.$destroy(), s.dispose(), h == null || h();
             }
           };
         }
       }
-      return this.plugin.gltfObjectGroup.add(m), m;
+      return this.plugin.gltfObjectGroup.add(p), p;
     }));
     this.state.unfolded = !0, L(this.five), this.loadModel().then(() => this.updateVisible());
   }
   applyVisible() {
-    var t, p, m;
-    (t = this.model) != null && t.object && (this.model.object.visible = this.currentVisible), (p = this.tag3DContentSvelte) == null || p.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (m = this.model) != null && m.object && (this.model.object.visible = this.visible);
+    var t, m;
+    (t = this.tag3DContentSvelte) == null || t.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (m = this.model) != null && m.object && (this.model.object.visible = this.visible);
   }
   set(...t) {
     super.set(...t), this.loadModel();
   }
   setData(...t) {
-    var m;
+    var p;
     super.setData(...t);
-    const p = this.data.mediaPosition.map(S);
-    this.computeRenderType() === "Mesh" ? this.mediaPlane && this.mediaPlane.src !== this.data.mediaData[0].url && (this.mediaPlane.removeFromParent(), this.mediaPlane = new D(this.data.mediaData[0].url, p, { objectFit: this.data.objectFit })) : (m = this.tag3DContentSvelte) == null || m.svelteApp.$set({ tag: this });
+    const m = this.data.mediaPosition.map(S);
+    this.computeRenderType() === "Mesh" ? this.mediaPlane && this.mediaPlane.src !== this.data.mediaData[0].url && (this.mediaPlane.removeFromParent(), this.mediaPlane = new D(this.data.mediaData[0].url, m, { objectFit: this.data.objectFit })) : (p = this.tag3DContentSvelte) == null || p.svelteApp.$set({ tag: this });
   }
   computeNormal() {
     return E(this.data.mediaPosition);

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -1,38 +1,38 @@
-var I = Object.defineProperty, R = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
-var P = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var y = (n, i, t) => i in n ? I(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t, f = (n, i) => {
+var b = Object.defineProperty, I = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var v = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var P = (n, i, t) => i in n ? b(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t, f = (n, i) => {
   for (var t in i || (i = {}))
-    F.call(i, t) && y(n, t, i[t]);
-  if (P)
-    for (var t of P(i))
-      M.call(i, t) && y(n, t, i[t]);
+    V.call(i, t) && P(n, t, i[t]);
+  if (v)
+    for (var t of v(i))
+      F.call(i, t) && P(n, t, i[t]);
   return n;
-}, g = (n, i) => R(n, V(i));
-var D = (n, i, t) => new Promise((a, r) => {
+}, y = (n, i) => I(n, R(i));
+var D = (n, i, t) => new Promise((m, o) => {
   var p = (s) => {
     try {
       e(t.next(s));
-    } catch (m) {
-      r(m);
+    } catch (a) {
+      o(a);
     }
-  }, o = (s) => {
+  }, r = (s) => {
     try {
       e(t.throw(s));
-    } catch (m) {
-      r(m);
+    } catch (a) {
+      o(a);
     }
-  }, e = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(p, o);
+  }, e = (s) => s.done ? m(s.value) : Promise.resolve(s.value).then(p, r);
   e((t = t.apply(n, i)).next());
 });
-import { CONST as k } from "../../../shared-utils/constants.js";
-import { CSS3DObjectPlus as E } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
-import { anyPositionToVector3 as w, arrayPositionToVector3 as b } from "../../../shared-utils/positionToVector3.js";
+import { CONST as M } from "../../../shared-utils/constants.js";
+import { CSS3DObjectPlus as k } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
+import { anyPositionToVector3 as E, arrayPositionToVector3 as S } from "../../../shared-utils/positionToVector3.js";
 import "three";
-import { planeNormal as G } from "../../utils/planeNormal.js";
+import { planeNormal as w } from "../../utils/planeNormal.js";
 import { VideoPlane as j, ImagePlane as N } from "../../utils/model/mediaPlane.js";
-import _ from "../../Components/Tag/index.js";
+import G from "../../Components/Tag/index.js";
 import { BaseTag as A } from "./BaseTag.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
@@ -45,7 +45,7 @@ import "../../../vendor/animejs/lib/anime.es.js";
 import { waitFiveModelLoaded as C } from "../../../shared-utils/five/fiveModelLoad.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { initialCSS3DRender as x } from "../../../shared-utils/CSS3DRender/index.js";
+import { initialCSS3DRender as L } from "../../../shared-utils/CSS3DRender/index.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
@@ -191,14 +191,14 @@ import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
-const B = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
-class We extends A {
+const O = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
+class Ue extends A {
   constructor(i, t) {
     super(i, t), this.state.unfolded = !0, this.loadModel();
   }
   applyVisible() {
-    var t, a, r, p, o, e;
-    this.computeRenderType() === "Mesh" ? ((a = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : a.type) === "Video" ? this.renderVideoPlane() : ((p = (r = this.data.mediaData) == null ? void 0 : r[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane() : ((o = this.tag3DContentSvelte) == null || o.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (e = this.tag3DContentSvelte) != null && e.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
+    var t, m, o, p, r, e;
+    this.computeRenderType() === "Mesh" ? ((m = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane() : ((r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (e = this.tag3DContentSvelte) != null && e.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
   }
   set(i, t = !0) {
     super.set(i, t), C(this.five).then(() => {
@@ -206,32 +206,28 @@ class We extends A {
     });
   }
   setData(...i) {
-    var a, r, p, o, e;
-    super.setData(...i), this.computeRenderType() === "Mesh" ? ((r = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : r.type) === "Video" ? this.renderVideoPlane() : ((o = (p = this.data.mediaData) == null ? void 0 : p[0]) == null ? void 0 : o.type) === "Image" && this.renderImagePlane() : (e = this.tag3DContentSvelte) == null || e.svelteApp.$set({ tag: this });
+    var m, o, p, r, e;
+    super.setData(...i), this.computeRenderType() === "Mesh" ? ((o = (m = this.data.mediaData) == null ? void 0 : m[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((r = (p = this.data.mediaData) == null ? void 0 : p[0]) == null ? void 0 : r.type) === "Image" && this.renderImagePlane() : (e = this.tag3DContentSvelte) == null || e.svelteApp.$set({ tag: this });
   }
   loadModel() {
     return D(this, null, function* () {
-      var t, a, r, p, o, e;
+      var t, m, o, p, r, e;
       if (yield C(this.five), this.computeRenderType() === "Mesh")
-        ((a = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : a.type) === "Video" ? this.renderVideoPlane() : ((p = (r = this.data.mediaData) == null ? void 0 : r[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane();
+        ((m = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane();
       else {
-        x(this.five);
-        const s = this.position.map(w);
-        (e = (o = this.tag3DContentSvelte) == null ? void 0 : o.dispose) == null || e.call(o);
-        const m = document.createElement("div");
-        m.classList.add("tag-media-container");
-        const h = "black";
-        m.style.backgroundColor = h, m.style.border = `3px solid ${h}`;
-        const l = g(f({}, this.config.tag3DConfig), { mode: "behind", cornerPoints: s, container: m }), S = this.computeRenderType() === "BehindDom" || l.mode === "behind" ? "behind" : "front", d = new E(g(f({}, l), { mode: S }));
-        d.__DEBUG_TAG__ = this;
-        const u = this.computeNormal();
-        d.position.add(u.clone().setLength(k.Z_FIGHTING_OFFSET)), this.plugin.group.add(d);
+        L(this.five);
+        const s = this.position.map(E);
+        (e = (r = this.tag3DContentSvelte) == null ? void 0 : r.dispose) == null || e.call(r);
+        const a = document.createElement("div");
+        a.classList.add("tag-media-container");
+        const h = f({ mode: "front", cornerPoints: s, container: a }, this.config.tag3DConfig), l = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", d = new k(y(f({}, h), { mode: l })), u = this.computeNormal();
+        d.position.add(u.clone().setLength(M.Z_FIGHTING_OFFSET)), this.plugin.group.add(d);
         let c;
         d.mode === "behind" && this.config.clickable !== !1 && (c = this.addObjectClickHandler(this, d, (T) => {
           this.plugin.hooks.emit("click", { event: T, target: "TagContent", tag: this });
         }));
-        const v = new _({
-          target: m,
+        const g = new G({
+          target: a,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -242,7 +238,7 @@ class We extends A {
           }
         });
         this.tag3DContentSvelte = {
-          svelteApp: v,
+          svelteApp: g,
           domContainer: {
             css3DObject: d
           },
@@ -250,7 +246,7 @@ class We extends A {
           initialNormal: u,
           currentNormal: u,
           dispose: () => {
-            v.$destroy(), d.dispose(), c == null || c();
+            g.$destroy(), d.dispose(), c == null || c();
           }
         }, this.five.needsRender = !0;
       }
@@ -264,22 +260,22 @@ class We extends A {
     const { url: t } = i;
     if (!t)
       return;
-    const a = this.currentVisible, r = (() => !!(this.mediaPlane && !a))(), p = (() => !!(!this.mediaPlane && a))(), o = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
-    if ((r || o) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), p || o) {
-      const s = this.position.map(b), m = new j(t, s, {
+    const m = this.currentVisible, o = (() => !!(this.mediaPlane && !m))(), p = (() => !!(!this.mediaPlane && m))(), r = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
+    if ((o || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), p || r) {
+      const s = this.position.map(S), a = new j(t, s, {
         videoCoverSrc: i.videoCoverUrl,
         playButton: this.data.playIcon,
         paused: !((e = this.data.autoplayConfig) != null && e.autoplayVideo),
         objectFit: this.data.objectFit,
-        videoTextureMap: B,
-        ImageTextureMap: L,
+        videoTextureMap: O,
+        ImageTextureMap: x,
         domEvents: this.plugin.domEvents
       });
-      m.onVideoReady = (l) => {
-        l.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: m.videoInstance }));
+      a.onVideoReady = (l) => {
+        l.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }));
       };
       const h = (l) => (this.five.on("renderFrame", l), () => this.five.off("renderFrame", l));
-      m.initialRenderHooks(h), this.mediaPlane = m, this.play = () => m.play(), this.pause = () => m.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      a.initialRenderHooks(h), this.mediaPlane = a, this.play = () => a.play(), this.pause = () => a.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
     this.five.needsRender = !0;
   }
@@ -290,8 +286,8 @@ class We extends A {
     const { url: t } = i;
     if (!t)
       return;
-    const a = this.position.map(b), r = this.currentVisible, p = (() => !!(this.mediaPlane && !r))(), o = (() => !!(!this.mediaPlane && r))(), e = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
-    (p || e) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (o || e) && (this.mediaPlane = new N(t, a, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const m = this.position.map(S), o = this.currentVisible, p = (() => !!(this.mediaPlane && !o))(), r = (() => !!(!this.mediaPlane && o))(), e = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
+    (p || e) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || e) && (this.mediaPlane = new N(t, m, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
       (s) => {
@@ -301,9 +297,9 @@ class We extends A {
     ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), this.five.needsRender = !0;
   }
   computeNormal() {
-    return G(this.position);
+    return w(this.position);
   }
 }
 export {
-  We as PlaneTag
+  Ue as PlaneTag
 };

package/libs/base/BasePlugin.js

@@ -20,7 +20,7 @@ let S = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.60.0-alpha.0");
+    i(this, "VERSION", "3.60.1-alpha.0");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/components/PaintBrush/Controller.d.ts

@@ -1,6 +1,6 @@
 import { noop } from './utils';
 import { type PaintBrushAction, type PaintBrushConfigs, type PaintBrushEventMap, type PaintBrushState } from './typings';
-import { Subscribe } from './Subscribe';
+import { Subscribe } from '../../shared-utils/Subscribe';
 export declare class Controller extends Subscribe<PaintBrushEventMap> {
     configs: PaintBrushConfigs;
     private clientWidth;

package/libs/components/PaintBrush/Controller.js

@@ -4,17 +4,17 @@ var f = (v, p, t) => (T(v, typeof p != "symbol" ? p + "" : p, t), t);
 import { transformCoords as x, getQuadraticCurvePoint as w, nextFrame as D, execInterval as L, queue as S, noop as W, unTransformCoords as E } from "./utils.js";
 import { tween as _ } from "./tween.js";
 import { PaintBrushTypeEnum as g } from "./typings.js";
-import { Subscribe as k } from "./Subscribe.js";
-import { uuid as M } from "../../shared-utils/uuid.js";
-import { PaintBrushStyle as O } from "./style.js";
-class X extends k {
+import { uuid as k } from "../../shared-utils/uuid.js";
+import { PaintBrushStyle as M } from "./style.js";
+import { Subscribe as O } from "../../shared-utils/Subscribe.js";
+class X extends O {
   constructor(t) {
     super();
     f(this, "configs");
     f(this, "clientWidth");
     f(this, "clientHeight");
     f(this, "ready", !1);
-    f(this, "uuid", M());
+    f(this, "uuid", k());
     f(this, "tween");
     f(this, "tweening", !1);
     f(this, "container");
@@ -43,7 +43,7 @@ class X extends k {
       const t = document.createElement("div");
       t.id = "_gl_paintBrush", document.body.appendChild(t), this.container = t;
     }
-    return this.container.innerHTML = O, this.container;
+    return this.container.innerHTML = M, this.container;
   }
   /**
    *