@realsee/dnalogel 3.45.0 → 3.46.0

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

@@ -1,21 +1,21 @@
 var f = Object.defineProperty;
-var b = (a, r, i) => r in a ? f(a, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[r] = i;
-var l = (a, r, i) => (b(a, typeof r != "symbol" ? r + "" : r, i), i);
-var d = (a, r, i) => new Promise((s, e) => {
-  var m = (t) => {
+var b = (e, m, i) => m in e ? f(e, m, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[m] = i;
+var l = (e, m, i) => (b(e, typeof m != "symbol" ? m + "" : m, i), i);
+var d = (e, m, i) => new Promise((p, o) => {
+  var s = (t) => {
     try {
-      o(i.next(t));
+      r(i.next(t));
     } catch (n) {
-      e(n);
+      o(n);
     }
-  }, p = (t) => {
+  }, a = (t) => {
     try {
-      o(i.throw(t));
+      r(i.throw(t));
     } catch (n) {
-      e(n);
+      o(n);
     }
-  }, o = (t) => t.done ? s(t.value) : Promise.resolve(t.value).then(m, p);
-  o((i = i.apply(a, r)).next());
+  }, r = (t) => t.done ? p(t.value) : Promise.resolve(t.value).then(s, a);
+  r((i = i.apply(e, m)).next());
 });
 import { arrayPositionToVector3 as h } from "../../../shared-utils/positionToVector3.js";
 import { loadGLTF as j } from "../../../shared-utils/three/GLTFLoader.js";
@@ -46,21 +46,91 @@ import "../../../shared-utils/five/mode.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../../../Sculpt/utils/Modules/Global.js";
+import "../../../Sculpt/utils/Modules/Cursor.js";
+import "../../../Object3DHelperPlugin/Controller.js";
+import "../../../base/BasePlugin.js";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
+import "../../../shared-utils/Utils/FiveUtil.js";
+import "../../../shared-utils/Utils/BaseUtil.js";
+import "../../../shared-utils/Utils/WorkUtil.js";
+import "../../../shared-utils/five/transformPosition.js";
+import "../../../shared-utils/five/getFiveModel.js";
+import "../../../shared-utils/url/absoluteUrl.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../../../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../../shared-utils/three/boundingBox.js";
+import "../../../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../../../shared-utils/Object3DHelper/utils/direction.js";
+import "../../../shared-utils/Object3DHelper/Constants/color.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/isNil.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
+import "../../../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/MoveController.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../../../shared-utils/threex/domevents/index.js";
+import "../../../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
+import "../../../Object3DHelperPlugin/FiveControllerWrapper.js";
+import "../../../shared-utils/Object3DHelper/index.js";
+import "../../../shared-utils/Object3DHelper/Controller/RotateController.js";
+import "../../../shared-utils/math/rad2Deg.js";
+import "../../../shared-utils/math/deg2Rad.js";
+import "../../../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import "../../../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
+import "../../../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import "../../../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/ScaleController.js";
+import "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../shared-utils/five/FiveDomEvents.js";
+import "../../../shared-utils/five/calculateThreeMouse.js";
+import "../../../shared-utils/three/THREERaycaster.js";
+import "../../../shared-utils/three/PointSelector/index.js";
+import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/five/initialCSS3DRender.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../Sculpt/Meshes/Line.js";
+import "../../../Sculpt/typings/style.js";
+import "../../../shared-utils/five/FiveLine.js";
+import "../../../shared-utils/tag.js";
+import "../../../shared-utils/five/vector3ToScreen.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../utils/tag/format.js";
 import "../../../shared-utils/three/blink.js";
-import "../../../shared-utils/util.js";
 import "../../../shared-utils/vectorToCoordinate.js";
 import "../../../shared-utils/formatRad.js";
-import "../../../shared-utils/five/transformPosition.js";
-import "../../../shared-utils/isNil.js";
 import "../../../shared-utils/five/lookPoint.js";
-import "../../../shared-utils/Utils/FiveUtil.js";
-import "../../../shared-utils/Utils/BaseUtil.js";
-import "../../../shared-utils/Utils/WorkUtil.js";
-import "../../../shared-utils/five/getFiveModel.js";
 import "../../../shared-utils/uuid.js";
 import "../../utils/tagPosition.js";
 import "../../utils/checkRange.js";
@@ -69,58 +139,58 @@ import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../CruisePlugin/utils/sleep.js";
-class Mt extends D {
-  constructor(i, s) {
-    super(i, s);
+class Fi extends D {
+  constructor(i, p) {
+    super(i, p);
     l(this, "loading", !1);
     /** 加载外部模型 */
     l(this, "loadModel", () => d(this, null, function* () {
-      var p;
+      var a;
       const i = this.data.modelUrl;
       if (!i)
         return;
       this.loading = !0;
-      const s = j(i).then((o) => d(this, null, function* () {
+      const p = j(i).then((r) => d(this, null, function* () {
         var c;
-        const t = Object.assign(o.scene, {
+        const t = Object.assign(r.scene, {
           customID: this.id,
           isTagModel: !0,
           removeEventListener: this.getConfig().clickable === !1 ? () => {
-          } : this.addObjectClickHandler(this, o.scene, (g) => {
+          } : this.addObjectClickHandler(this, r.scene, (g) => {
             this.plugin.hooks.emit("click", { target: "TagModel", tag: this, event: g });
           })
         });
         return t.visible = this.currentVisible, new u.Matrix4().fromArray(this.matrix).decompose(t.position, t.quaternion, t.scale), t.updateWorldMatrix(!0, !0), t.visible = yield this.getVisible(), (c = this.getConfig().modelConfig) != null && c.autoLookAtEnabled && t.lookAt(this.five.camera.position.clone().setY(t.position.y)), t;
       }));
-      this.model = { promise: s };
-      const e = yield s;
-      if (this.loading = !1, ((p = this.model) == null ? void 0 : p.promise) !== s || !this.plugin.tags.includes(this))
+      this.model = { promise: p };
+      const o = yield p;
+      if (this.loading = !1, ((a = this.model) == null ? void 0 : a.promise) !== p || !this.plugin.tags.includes(this))
         return;
-      this.model.object = e;
-      const m = this.plugin.gltfObjectGroup.children.find((o) => o.customID === this.id);
-      if (m && (this.plugin.gltfObjectGroup.remove(m), m.removeEventListener()), this.plugin.updateRender3DDomTag(), T(this)) {
+      this.model.object = o;
+      const s = this.plugin.gltfObjectGroup.children.find((r) => r.customID === this.id);
+      if (s && (this.plugin.gltfObjectGroup.remove(s), s.removeEventListener()), this.plugin.updateRender3DDomTag(), T(this)) {
         if (this.computeRenderType() === "Mesh" && !this.mediaPlane) {
-          const o = this.data.mediaPosition.map(h);
+          const r = this.data.mediaPosition.map(h);
           this.mediaPlane = new M(this.data.mediaData[0].url, this.data.mediaPosition.map(h), {
             objectFit: this.data.objectFit
           });
-          const t = new u.Vector3().addVectors(o[0], o[2]).divideScalar(2);
-          this.mediaPlane.position.copy(t), e.add(this.mediaPlane);
+          const t = new u.Vector3().addVectors(r[0], r[2]).divideScalar(2);
+          this.mediaPlane.position.copy(t), o.add(this.mediaPlane);
         }
-        this.computeRenderType() !== "Mesh" && (e.updateTagCss3DObjectMatrix = () => this.plugin.updateTagCss3DObjectMatrix(this, e), e.updateTagCss3DObjectMatrix());
+        this.computeRenderType() !== "Mesh" && (o.updateTagCss3DObjectMatrix = () => this.plugin.updateTagCss3DObjectMatrix(this, o), o.updateTagCss3DObjectMatrix());
       }
-      return this.plugin.gltfObjectGroup.add(e), e;
+      return this.plugin.gltfObjectGroup.add(o), o;
     }));
     this.state.unfolded = !0;
   }
   applyVisible() {
-    var i, s, e;
-    (i = this.model) != null && i.object && (this.model.object.visible = this.currentVisible), (s = this.tag3DContentSvelte) == null || s.svelteApp.$set({ tag: this, state: this.plugin.state }), (e = this.tag3DContentSvelte) == null || e.css3DInstance.setVisible(this.currentVisible);
+    var i, p, o;
+    (i = this.model) != null && i.object && (this.model.object.visible = this.currentVisible), (p = this.tag3DContentSvelte) == null || p.svelteApp.$set({ tag: this, state: this.plugin.state }), (o = this.tag3DContentSvelte) == null || o.css3DInstance.setVisible(this.currentVisible);
   }
   computeNormal() {
     return v(this.data.mediaPosition);
   }
 }
 export {
-  Mt as ModelTag
+  Fi as ModelTag
 };

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

@@ -24,21 +24,91 @@ import "../../../shared-utils/five/mode.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../../../Sculpt/utils/Modules/Global.js";
+import "../../../Sculpt/utils/Modules/Cursor.js";
+import "../../../Object3DHelperPlugin/Controller.js";
+import "../../../base/BasePlugin.js";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
+import "../../../shared-utils/Utils/FiveUtil.js";
+import "../../../shared-utils/Utils/BaseUtil.js";
+import "../../../shared-utils/Utils/WorkUtil.js";
+import "../../../shared-utils/five/transformPosition.js";
+import "../../../shared-utils/five/getFiveModel.js";
+import "../../../shared-utils/url/absoluteUrl.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../../../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../../shared-utils/three/boundingBox.js";
+import "../../../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../../../shared-utils/Object3DHelper/utils/direction.js";
+import "../../../shared-utils/Object3DHelper/Constants/color.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/isNil.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
+import "../../../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/MoveController.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../../../shared-utils/threex/domevents/index.js";
+import "../../../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
+import "../../../Object3DHelperPlugin/FiveControllerWrapper.js";
+import "../../../shared-utils/Object3DHelper/index.js";
+import "../../../shared-utils/Object3DHelper/Controller/RotateController.js";
+import "../../../shared-utils/math/rad2Deg.js";
+import "../../../shared-utils/math/deg2Rad.js";
+import "../../../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import "../../../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
+import "../../../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import "../../../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/ScaleController.js";
+import "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../shared-utils/five/FiveDomEvents.js";
+import "../../../shared-utils/five/calculateThreeMouse.js";
+import "../../../shared-utils/three/THREERaycaster.js";
+import "../../../shared-utils/three/PointSelector/index.js";
+import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/five/initialCSS3DRender.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../Sculpt/Meshes/Line.js";
+import "../../../Sculpt/typings/style.js";
+import "../../../shared-utils/five/FiveLine.js";
+import "../../../shared-utils/tag.js";
+import "../../../shared-utils/five/vector3ToScreen.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../utils/tag/format.js";
 import "../../../shared-utils/three/blink.js";
-import "../../../shared-utils/util.js";
 import "../../../shared-utils/vectorToCoordinate.js";
 import "../../../shared-utils/formatRad.js";
-import "../../../shared-utils/five/transformPosition.js";
-import "../../../shared-utils/isNil.js";
 import "../../../shared-utils/five/lookPoint.js";
-import "../../../shared-utils/Utils/FiveUtil.js";
-import "../../../shared-utils/Utils/BaseUtil.js";
-import "../../../shared-utils/Utils/WorkUtil.js";
-import "../../../shared-utils/five/getFiveModel.js";
 import "../../../shared-utils/uuid.js";
 import "../../utils/tagPosition.js";
 import "../../utils/tag/tagCheck.js";
@@ -49,54 +119,54 @@ import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../CruisePlugin/utils/sleep.js";
 const P = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
-class fe extends f {
-  constructor(t, e) {
-    super(t, e), this.state.unfolded = !0;
+class ji extends f {
+  constructor(i, t) {
+    super(i, t), this.state.unfolded = !0;
   }
   applyVisible() {
-    var e, r, a, o, n, i;
-    this.computeRenderType() === "Mesh" ? ((r = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : r.type) === "Video" ? this.renderVideoPlane() : ((o = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : o.type) === "Image" && this.renderImagePlane() : ((n = this.tag3DContentSvelte) == null || n.svelteApp.$set({ tag: this, state: this.plugin.state }), (i = this.tag3DContentSvelte) == null || i.css3DInstance.setVisible(this.currentVisible));
+    var t, r, o, p, m, e;
+    this.computeRenderType() === "Mesh" ? ((r = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : r.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane() : ((m = this.tag3DContentSvelte) == null || m.svelteApp.$set({ tag: this, state: this.plugin.state }), (e = this.tag3DContentSvelte) == null || e.css3DInstance.setVisible(this.currentVisible));
   }
   renderVideoPlane() {
-    var i;
-    const t = this.data.mediaData[0];
-    if (!t)
+    var e;
+    const i = this.data.mediaData[0];
+    if (!i)
       return;
-    const { url: e } = t;
-    if (!e)
+    const { url: t } = i;
+    if (!t)
       return;
-    const r = this.currentVisible, a = (() => !!(this.mediaPlane && !r))(), o = (() => !!(!this.mediaPlane && r))(), n = (() => !!(this.mediaPlane && this.mediaPlane.src !== e))();
-    if ((a || n) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), o || n) {
-      const p = this.position.map(d), s = new u(e, p, {
-        videoCoverSrc: t.videoCoverUrl,
+    const r = this.currentVisible, o = (() => !!(this.mediaPlane && !r))(), p = (() => !!(!this.mediaPlane && r))(), m = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
+    if ((o || m) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), p || m) {
+      const s = this.position.map(d), a = new u(t, s, {
+        videoCoverSrc: i.videoCoverUrl,
         playButton: this.data.playIcon,
-        paused: !((i = this.data.autoplayConfig) != null && i.autoplayVideo),
+        paused: !((e = this.data.autoplayConfig) != null && e.autoplayVideo),
         objectFit: this.data.objectFit,
         videoTextureMap: P,
         ImageTextureMap: v,
         domEvents: this.plugin.domEvents
       });
-      s.onVideoReady = (m) => {
-        m.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: s.videoInstance }));
+      a.onVideoReady = (n) => {
+        n.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }));
       };
-      const l = (m) => (this.five.on("renderFrame", m), () => this.five.off("renderFrame", m));
-      s.initialRenderHooks(l), this.mediaPlane = s, this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const l = (n) => (this.five.on("renderFrame", n), () => this.five.off("renderFrame", n));
+      a.initialRenderHooks(l), this.mediaPlane = a, this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
     this.five.needsRender = !0;
   }
   renderImagePlane() {
-    const t = this.data.mediaData[0];
-    if (!t)
+    const i = this.data.mediaData[0];
+    if (!i)
       return;
-    const { url: e } = t;
-    if (!e)
+    const { url: t } = i;
+    if (!t)
       return;
-    const r = this.position.map(d), a = this.currentVisible, o = (() => !!(this.mediaPlane && !a))(), n = (() => !!(!this.mediaPlane && a))(), i = (() => !!(this.mediaPlane && this.mediaPlane.src !== e))();
-    (o || i) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (n || i) && (this.mediaPlane = new c(e, r, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const r = this.position.map(d), o = this.currentVisible, p = (() => !!(this.mediaPlane && !o))(), m = (() => !!(!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), (m || e) && (this.mediaPlane = new c(t, r, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
-      (p) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: p.origDomEvent });
+      (s) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: s.origDomEvent });
       },
       { noEmitWhenHide: !0 }
     ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), this.five.needsRender = !0;
@@ -106,5 +176,5 @@ class fe extends f {
   }
 }
 export {
-  fe as PlaneTag
+  ji as PlaneTag
 };