@realsee/dnalogel 2.6.7-dev.3 → 2.6.7-dev.5

package/libs/PanoTagPlugin/controller/index.js

@@ -2,40 +2,40 @@ var x = Object.defineProperty, G = Object.defineProperties;
 var V = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
 var N = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var A = (h, a, e) => a in h ? x(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
-  for (var e in a || (a = {}))
-    N.call(a, e) && A(h, e, a[e]);
+var A = (h, d, e) => d in h ? x(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, c = (h, d) => {
+  for (var e in d || (d = {}))
+    N.call(d, e) && A(h, e, d[e]);
   if (R)
-    for (var e of R(a))
-      W.call(a, e) && A(h, e, a[e]);
+    for (var e of R(d))
+      W.call(d, e) && A(h, e, d[e]);
   return h;
-}, m = (h, a) => G(h, V(a));
-var d = (h, a, e) => (A(h, typeof a != "symbol" ? a + "" : a, e), e);
-var c = (h, a, e) => new Promise((t, i) => {
+}, g = (h, d) => G(h, V(d));
+var l = (h, d, e) => (A(h, typeof d != "symbol" ? d + "" : d, e), e);
+var m = (h, d, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
-    } catch (l) {
-      i(l);
+    } catch (a) {
+      i(a);
     }
   }, o = (r) => {
     try {
       n(e.throw(r));
-    } catch (l) {
-      i(l);
+    } catch (a) {
+      i(a);
     }
   }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
-  n((e = e.apply(h, a)).next());
+  n((e = e.apply(h, d)).next());
 });
 import { Subscribe as z } from "@realsee/five";
-import { Group as E, Vector3 as T, Matrix4 as C, Quaternion as _ } from "three";
-import u from "object-assign-deep";
+import { Group as O, Vector3 as C, Matrix4 as D, Quaternion as _ } from "three";
+import v from "object-assign-deep";
 import { writable as $ } from "../../vendor/svelte/store/index.js";
 import q from "../Components/TagContainer.js";
 import H from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as v } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { arrayPositionToVector3 as b } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as J } from "../utils/addDebugPoints.js";
-import { planeNormal as O } from "../utils/planeNormal.js";
+import { planeNormal as E } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
 import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
@@ -46,7 +46,7 @@ import { resizeObserver as I } from "../utils/resizeObserver.js";
 import { TagComputer as Y } from "./TagComputer.js";
 import { CSS3DRenderPlugin as Z } from "../../CSS3DRenderPlugin/index.js";
 import ee from "../utils/tag/format.js";
-import { generateBlankAudio as L, AudioNamespace as U } from "../../shared-utils/audio.js";
+import { generateBlankAudio as j, AudioNamespace as U } from "../../shared-utils/audio.js";
 import { loadGLTF as te } from "../../shared-utils/three/GLTFLoader.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
@@ -76,15 +76,32 @@ import "../Components/Common/Text/MText.js";
 import "../Components/Tag/ImageTextTag.js";
 import "../Components/Common/Line/Polyline.js";
 import "../Components/Common/Media.js";
-import "../../vendor/swiper/svelte/swiper.js";
+import "../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../../vendor/svelte-carousel/src/direction.js";
+import "../../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../../vendor/svelte-carousel/src/utils/event.js";
+import "../../vendor/svelte-carousel/src/units.js";
+import "../../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../../vendor/svelte-carousel/src/utils/math.js";
+import "../../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../../vendor/svelte-carousel/src/utils/page.js";
+import "../../vendor/svelte-carousel/src/utils/clones.js";
+import "../../vendor/svelte-carousel/src/utils/object.js";
+import "../../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "simply-reactive";
+import "../../vendor/svelte-carousel/src/utils/lazy.js";
+import "../../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../../vendor/svelte-carousel/src/utils/interval.js";
 import "swiper";
-import "../../vendor/swiper/components-shared/get-params.js";
-import "../../vendor/swiper/components-shared/utils.js";
-import "../../vendor/swiper/components-shared/params-list.js";
-import "../../vendor/swiper/components-shared/mount-swiper.js";
-import "../../vendor/swiper/components-shared/get-changed-params.js";
-import "../../vendor/swiper/components-shared/update-swiper.js";
 import "../../vendor/swiper/svelte/swiper-slide.js";
+import "../../vendor/swiper/components-shared/utils.js";
 import "swiper/css";
 import "swiper/css/autoplay";
 import "../Components/Common/MediaItem.js";
@@ -123,67 +140,67 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const j = "2.0.10", S = `DnalogelPlugin-PanoTagPlugin@${j}`, ie = !1, qt = (h) => `${S}--${h}`;
-class Ht extends Y {
+const L = "2.0.10", S = `DnalogelPlugin-PanoTagPlugin@${L}`, ie = !1, li = (h) => `${S}--${h}`;
+class hi extends Y {
   constructor(e, t) {
     super(e);
-    d(this, "version", j);
-    d(this, "state", { enabled: !0, visible: !0 });
-    d(this, "params");
-    d(this, "debug");
-    d(this, "css3DRenderPlugin");
-    d(this, "TagContainerSvelte");
-    d(this, "temporaryState", { visible: !0 });
-    d(this, "mediaStore", $({
+    l(this, "version", L);
+    l(this, "state", { enabled: !0, visible: !0 });
+    l(this, "params");
+    l(this, "debug");
+    l(this, "css3DRenderPlugin");
+    l(this, "TagContainerSvelte");
+    l(this, "temporaryState", { visible: !0 });
+    l(this, "mediaStore", $({
       currentMediaElement: null
     }));
-    d(this, "group", new E());
-    d(this, "gltfObjectGroup", new E());
-    d(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
-    d(this, "store", {
+    l(this, "group", new O());
+    l(this, "gltfObjectGroup", new O());
+    l(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
+    l(this, "store", {
       disposers: [],
       disposed: !1,
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    d(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
-    d(this, "changeTagModel", (e, t) => c(this, null, function* () {
-      e.data = u({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+    l(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    l(this, "changeTagModel", (e, t) => m(this, null, function* () {
+      e.data = v({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
-    d(this, "disposedErrorLog", () => {
+    l(this, "disposedErrorLog", () => {
       console.error(`${S} is disposed`);
     });
-    d(this, "handleFiveInitAnimationEnded", () => {
+    l(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
         t.state.visible = this.getVisible(t), f(t) && e === "Panorama" && this.changeTagMode(t, "front");
       }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
-    d(this, "handleFiveModelShownFloorChange", () => {
+    l(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
         !f(e) || (e.state.visible = this.checkFloorIndex(e));
       }), this.updateRenderAllTags();
     });
-    d(this, "loadModel", (e) => c(this, null, function* () {
+    l(this, "loadModel", (e) => m(this, null, function* () {
       var r;
       const t = e.data.modelUrl;
-      if (console.log("\u{1F436} ==> url:", t), !t)
+      if (!t)
         return;
-      const i = te(t).then((l) => Object.assign(l.scene, { customID: e.id, isTagModel: !0 }));
+      const i = te(t).then((a) => Object.assign(a.scene, { customID: e.id, isTagModel: !0 }));
       e.model = { promise: i };
       const s = yield i;
       if (((r = e.model) == null ? void 0 : r.promise) !== i || (e.model.object = s, !this.tags.includes(e)))
         return;
-      s.visible = e.state.visible, new C().fromArray(e.matrix).decompose(s.position, s.quaternion, s.scale), this.checkFloorIndex(e) || (s.visible = !1);
-      const n = this.gltfObjectGroup.children.find((l) => l.customID === e.id);
+      s.visible = e.state.visible, new D().fromArray(e.matrix).decompose(s.position, s.quaternion, s.scale), this.checkFloorIndex(e) || (s.visible = !1);
+      const n = this.gltfObjectGroup.children.find((a) => a.customID === e.id);
       return n && this.gltfObjectGroup.remove(n), this.gltfObjectGroup.add(s), this.updateTagCss3DObjectMatrix(e, s), s;
     }));
-    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, L(1, { namespace: U.GetAudioDuration }), L(1, { namespace: U.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
+    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = c({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, j(1, { namespace: U.GetAudioDuration }), j(1, { namespace: U.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
   }
   load(e, t) {
-    return c(this, null, function* () {
+    return m(this, null, function* () {
       var s, o;
-      this.clearTags(), console.log(S, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = u({}, this.config, {
+      this.clearTags(), console.info(S, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = v({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
@@ -198,10 +215,10 @@ class Ht extends Y {
     });
   }
   addTag(e, t) {
-    return c(this, null, function* () {
+    return m(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        const n = this.getTagConfig(o), r = m(p({}, o), {
-          state: p({ visible: void 0, unfolded: ie }, n.initialState),
+        const n = this.getTagConfig(o), r = g(c({}, o), {
+          state: c({ visible: void 0, unfolded: ie }, n.initialState),
           hooks: new z(),
           clickable: n.clickable,
           mergedConfig: n
@@ -210,21 +227,21 @@ class Ht extends Y {
       }).filter((o) => o.position);
       return s.forEach(ee), this.tags.push(...s), Q(this.five).then(() => {
         var o, n, r;
-        return this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), console.log("\u{1F436} ==> waitFiveModelLoaded:"), this.addMediaModelTag(s);
+        return this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), this.addMediaModelTag(s);
       });
     });
   }
   changeConfig(e, t = !0) {
-    t ? this.config = u({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config = v({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = u({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config.globalConfig = v({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   clearTags() {
     this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
-    return c(this, null, function* () {
+    return m(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -232,7 +249,7 @@ class Ht extends Y {
     });
   }
   hide(e) {
-    return c(this, null, function* () {
+    return m(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -254,14 +271,14 @@ class Ht extends Y {
   dispose() {
     var e, t, i, s, o, n;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((r) => {
-      var l;
-      return (l = r.tag3DContentSvelte) == null ? void 0 : l.svelteApp.$destroy();
+      var a;
+      return (a = r.tag3DContentSvelte) == null ? void 0 : a.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (n = (o = this.store).resizeObserverDisposer) == null || n.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.clearCache(), this.five.needsRender = !0, this.hooks.emit("dispose");
   }
   setState(e, t) {
     if (this.store.disposed)
       return this.disposedErrorLog();
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = p({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = c({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
   changeUnfoldedById(e, t) {
@@ -275,18 +292,18 @@ class Ht extends Y {
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = v(t), this.updateRenderPlaneTag());
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = b(t), this.updateRenderPlaneTag());
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = u({}, s.data, t) : s.data = p(p({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = v({}, s.data, t) : s.data = c(c({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
   }
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? u(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = v(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = b(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -304,13 +321,13 @@ class Ht extends Y {
       return;
     const o = f(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
-    const n = t.matrixWorld, r = new T().fromArray(o[0]), l = new T().fromArray(o[2]), g = new T().lerpVectors(r, l, 0.5).add(new T(0, 0, 5e-4)), D = new C().setPosition(g), B = new C().makeScale(i, i, i), y = new C().multiply(n).multiply(D).multiply(B);
+    const n = t.matrixWorld, r = new C().fromArray(o[0]), a = new C().fromArray(o[2]), p = new C().lerpVectors(r, a, 0.5).add(new C(0, 0, 5e-4)), u = new D().setPosition(p), B = new D().makeScale(i, i, i), y = new D().multiply(n).multiply(u).multiply(B);
     y.decompose(s.position, s.quaternion, s.scale);
-    const b = s.opacityMesh;
-    !b || y.decompose(b.position, b.quaternion, b.scale);
+    const T = s.opacityMesh;
+    !T || y.decompose(T.position, T.quaternion, T.scale);
   }
   setVisibleAndUnfolded() {
-    return c(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+    return m(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
       if (!!this.isPanorama)
         return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
           setTimeout(() => {
@@ -336,9 +353,9 @@ class Ht extends Y {
     });
   }
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), l = this.loadVideoFirstFrame.bind(this), g = this.clickhandler.bind(this), D = this.five.currentMode;
-    return this.handleFiveModeChange(D), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", l), t.on("click", g), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", l), t.off("click", g), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), a = this.loadVideoFirstFrame.bind(this), p = this.clickhandler.bind(this), u = this.five.currentMode;
+    return this.handleFiveModeChange(u), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", a), t.on("click", p), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", a), t.off("click", p), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -380,7 +397,7 @@ class Ht extends Y {
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = m(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = m(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = g(c({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = g(c({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
     }), this.updateTagContainerVisible();
   }
   temporaryShow({ withAnimation: e } = { withAnimation: !1 }) {
@@ -426,9 +443,9 @@ class Ht extends Y {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return c(this, null, function* () {
+    return m(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.setModelMedialVisibleByPanoIndex(), this.tags.forEach((e) => {
-        e.temporaryState = m(p({}, e.temporaryState), { visible: !0 });
+        e.temporaryState = g(c({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
     });
   }
@@ -459,58 +476,58 @@ class Ht extends Y {
   }
   updateRenderPlaneTag() {
     this.sort([...this.filterPlaneTag(), ...this.filter3DPointTag(), ...this.filterModelTag()]).forEach((t) => {
-      var i;
+      var i, s, o;
       if (t.tag3DContentSvelte) {
-        const { svelteApp: s, domContainer: o, initialNormal: n, currentNormal: r } = t.tag3DContentSvelte;
-        if (s.$set({
+        const { svelteApp: n, domContainer: r, initialNormal: a, currentNormal: p } = t.tag3DContentSvelte;
+        if (n.$set({
           tag: t,
           hooks: this.hooks,
           state: this.state,
           temporaryState: this.temporaryState
-        }), !n.equals(r)) {
-          const l = new _().setFromUnitVectors(n, r);
-          o.css3DObject.setRotationFromQuaternion(l);
+        }), !a.equals(p)) {
+          const u = new _().setFromUnitVectors(a, p);
+          r.css3DObject.setRotationFromQuaternion(u);
         }
       } else {
         if (((i = t.state) == null ? void 0 : i.visible) === !1)
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
+        const n = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
           this.five.camera.position,
-          v(t.position),
-          v(t.normal)
+          b(t.position),
+          b(t.normal)
         ))();
-        if (!s)
+        if (!n)
           return;
-        const o = function() {
+        const r = function() {
           if (t.normal)
-            return v(t.normal);
+            return b(t.normal);
           if (t.stickType === "Plane")
-            return O(t.position);
+            return E(t.position);
           if (t.contentType === "MediaModel")
-            return O(s);
+            return E(n);
         }();
-        if (!o)
-          return;
-        const n = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(s, n);
         if (!r)
           return;
-        this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
+        const a = this.getTagConfig(t).tag3DConfig, p = this.css3DRenderPlugin.create3DDomContainer(n, a);
+        if (!p)
+          return;
+        this.store.css3DRenderDisposer.set(t.id, p.dispose), t.tag3DContentSvelte = {
           svelteApp: new H({
-            target: r.container,
+            target: p.container,
             props: {
               tag: t,
               hooks: this.hooks,
-              state: t.contentType === "MediaModel" ? m(p({}, this.state), { visible: !1 }) : this.state,
+              state: t.contentType === "MediaModel" ? g(c({}, this.state), { visible: !1 }) : this.state,
               mediaStore: this.mediaStore,
               temporaryState: this.temporaryState
             }
           }),
-          domContainer: r,
-          initialNormal: o,
-          currentNormal: o
-        };
+          domContainer: p,
+          initialNormal: r,
+          currentNormal: r
+        }, f(t) && ((s = t.model) == null ? void 0 : s.object) && this.updateTagCss3DObjectMatrix(t, (o = t.model) == null ? void 0 : o.object);
       }
     }), this.checkPanelTag();
   }
@@ -539,7 +556,7 @@ class Ht extends Y {
     }
   }
   addMediaModelTag(e) {
-    return c(this, null, function* () {
+    return m(this, null, function* () {
       const t = e.filter(f).map(this.loadModel);
       yield Promise.all(t), this.five.getCurrentState().mode === "Panorama" && this.setModelMedialVisibleByPanoIndex(), this.updateRenderAllTags();
     });
@@ -550,7 +567,7 @@ class Ht extends Y {
   }
 }
 export {
-  Ht as PanoTagPluginController,
-  Ht as default,
-  qt as pluginFlag
+  hi as PanoTagPluginController,
+  hi as default,
+  li as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,8 +1,8 @@
 import t from "./controller/index.js";
-import { default as Yo, pluginFlag as Zo } from "./controller/index.js";
+import { default as ur, pluginFlag as Tr } from "./controller/index.js";
 import "@realsee/five/gltf-loader";
-import { ContentType as $o } from "./typings/tag/TagData.js";
-import { DimensionType as rr, PointType as tr } from "./typings/tag/Utils.js";
+import { ContentType as xr } from "./typings/tag/TagData.js";
+import { DimensionType as Cr, PointType as dr } from "./typings/tag/Utils.js";
 import "@realsee/five";
 import "three";
 import "object-assign-deep";
@@ -33,15 +33,32 @@ import "./utils/px2rem.js";
 import "./Components/Tag/ImageTextTag.js";
 import "./Components/Common/Line/Polyline.js";
 import "./Components/Common/Media.js";
-import "../vendor/swiper/svelte/swiper.js";
+import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../vendor/svelte-carousel/src/direction.js";
+import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../vendor/svelte-carousel/src/utils/event.js";
+import "../vendor/svelte-carousel/src/units.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../vendor/svelte-carousel/src/utils/math.js";
+import "../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../vendor/svelte-carousel/src/utils/page.js";
+import "../vendor/svelte-carousel/src/utils/clones.js";
+import "../vendor/svelte-carousel/src/utils/object.js";
+import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "simply-reactive";
+import "../vendor/svelte-carousel/src/utils/lazy.js";
+import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../vendor/svelte-carousel/src/utils/interval.js";
 import "swiper";
-import "../vendor/swiper/components-shared/get-params.js";
-import "../vendor/swiper/components-shared/utils.js";
-import "../vendor/swiper/components-shared/params-list.js";
-import "../vendor/swiper/components-shared/mount-swiper.js";
-import "../vendor/swiper/components-shared/get-changed-params.js";
-import "../vendor/swiper/components-shared/update-swiper.js";
 import "../vendor/swiper/svelte/swiper-slide.js";
+import "../vendor/swiper/components-shared/utils.js";
 import "swiper/css";
 import "swiper/css/autoplay";
 import "./utils/noTypecheck.js";
@@ -98,13 +115,13 @@ import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "./utils/tag/format.js";
 import "../shared-utils/three/GLTFLoader.js";
-const Vo = (o, r) => new t(o, r);
+const gr = (o, r) => new t(o, r);
 export {
-  $o as ContentType,
-  rr as DimensionType,
-  Vo as PanoTagPlugin,
-  Yo as PanoTagPluginController,
-  tr as PointType,
-  Vo as default,
-  Zo as pluginFlag
+  xr as ContentType,
+  Cr as DimensionType,
+  gr as PanoTagPlugin,
+  ur as PanoTagPluginController,
+  dr as PointType,
+  gr as default,
+  Tr as pluginFlag
 };

package/libs/PanoTagPlugin/mocks/v1/mock-80P6A03eQRQKY3oqLj.d.ts

@@ -0,0 +1,4 @@
+declare const data: {
+    tagList: any[];
+};
+export default data;

package/libs/PanoTagPlugin/mocks/v1/mock-80P6A03eQRQKY3oqLj.js

@@ -0,0 +1,6 @@
+const t = {
+  tagList: []
+};
+export {
+  t as default
+};

package/libs/PanoTagPlugin/mocks/v1/mock-80QG2vMPboNv5DWrom.d.ts

@@ -0,0 +1,93 @@
+declare const _default: ({
+    id: number;
+    pointType: string;
+    dimensionType: string;
+    position: number[];
+    normal: number[];
+    style: {
+        point: {
+            iconUrl: string;
+            style: string;
+        };
+        style: string;
+    };
+    contentType: string;
+    data: {
+        text: string;
+        extraData: {
+            baseNormal: number[];
+            fiveState: {
+                distance: number;
+                fov: number;
+                latitude: number;
+                longitude: number;
+                mode: string;
+                offset: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                panoIndex: number;
+            };
+            style: {
+                point: {
+                    iconUrl: string;
+                    style: string;
+                };
+                style: string;
+            };
+            tagClosedStyle: string;
+            tagIconUrl: string;
+        };
+        mediaData?: undefined;
+    };
+} | {
+    id: number;
+    pointType: string;
+    dimensionType: string;
+    position: number[];
+    normal: number[];
+    style: {
+        point: {
+            iconUrl: string;
+            style: string;
+        };
+        style?: undefined;
+    };
+    contentType: string;
+    data: {
+        text: string;
+        mediaData: {
+            type: string;
+            url: string;
+            videoCoverUrl: string;
+            name: string;
+        }[];
+        extraData: {
+            baseNormal: number[];
+            fiveState: {
+                distance: number;
+                fov: number;
+                latitude: number;
+                longitude: number;
+                mode: string;
+                offset: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                panoIndex: number;
+            };
+            style: {
+                point: {
+                    iconUrl: string;
+                    style: string;
+                };
+                style?: undefined;
+            };
+            tagClosedStyle: string;
+            tagIconUrl: string;
+        };
+    };
+})[];
+export default _default;