@realsee/dnalogel 2.6.7-dev.4 → 2.6.7-dev.6

package/libs/PanoTagPlugin/controller/index.js

@@ -11,7 +11,7 @@ var A = (h, d, e) => d in h ? x(h, d, { enumerable: !0, configurable: !0, writab
   return h;
 }, g = (h, d) => G(h, V(d));
 var l = (h, d, e) => (A(h, typeof d != "symbol" ? d + "" : d, e), e);
-var f = (h, d, e) => new Promise((t, i) => {
+var m = (h, d, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
@@ -37,7 +37,7 @@ import { arrayPositionToVector3 as b } from "../../CSS3DRenderPlugin/utils/posit
 import { addDebugPoints as J } from "../utils/addDebugPoints.js";
 import { planeNormal as E } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
-import { isMediaModelTag as m } from "../utils/tag/tagCheck.js";
+import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
 import { normalPositionToPositions as X } from "../utils/normalPositionToPositions.js";
 import { debounce as k } from "../utils/debounce.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 j, AudioNamespace as L } 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,11 +140,11 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const U = "2.0.10", S = `DnalogelPlugin-PanoTagPlugin@${U}`, 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);
-    l(this, "version", U);
+    l(this, "version", L);
     l(this, "state", { enabled: !0, visible: !0 });
     l(this, "params");
     l(this, "debug");
@@ -147,7 +164,7 @@ class Ht extends Y {
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
     l(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
-    l(this, "changeTagModel", (e, t) => f(this, null, function* () {
+    l(this, "changeTagModel", (e, t) => m(this, null, function* () {
       e.data = v({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     l(this, "disposedErrorLog", () => {
@@ -156,18 +173,18 @@ class Ht extends Y {
     l(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        t.state.visible = this.getVisible(t), m(t) && e === "Panorama" && this.changeTagMode(t, "front");
+        t.state.visible = this.getVisible(t), f(t) && e === "Panorama" && this.changeTagMode(t, "front");
       }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     l(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !m(e) || (e.state.visible = this.checkFloorIndex(e));
+        !f(e) || (e.state.visible = this.checkFloorIndex(e));
       }), this.updateRenderAllTags();
     });
-    l(this, "loadModel", (e) => f(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((a) => Object.assign(a.scene, { customID: e.id, isTagModel: !0 }));
       e.model = { promise: i };
@@ -178,12 +195,12 @@ class Ht extends Y {
       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 = c({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, j(1, { namespace: L.GetAudioDuration }), j(1, { namespace: L.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 f(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 = v({}, 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,7 +215,7 @@ class Ht extends Y {
     });
   }
   addTag(e, t) {
-    return f(this, null, function* () {
+    return m(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
         const n = this.getTagConfig(o), r = g(c({}, o), {
           state: c({ visible: void 0, unfolded: ie }, n.initialState),
@@ -206,11 +223,11 @@ class Ht extends Y {
           clickable: n.clickable,
           mergedConfig: n
         });
-        return m(o) && (r.temporaryState = { visible: !1 }), r;
+        return f(o) && (r.temporaryState = { visible: !1 }), r;
       }).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);
       });
     });
   }
@@ -224,7 +241,7 @@ class Ht extends Y {
     this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
-    return f(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 f(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();
@@ -302,7 +319,7 @@ class Ht extends Y {
     const i = (w = (M = (P = e.mergedConfig) == null ? void 0 : P.tag3DConfig) == null ? void 0 : M.ratio) != null ? w : 216e-5, s = (F = e.tag3DContentSvelte) == null ? void 0 : F.domContainer.css3DObject;
     if (!s)
       return;
-    const o = m(e) ? e.data.mediaPosition : e.position;
+    const o = f(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
     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);
@@ -310,7 +327,7 @@ class Ht extends Y {
     !T || y.decompose(T.position, T.quaternion, T.scale);
   }
   setVisibleAndUnfolded() {
-    return f(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(() => {
@@ -374,7 +391,7 @@ class Ht extends Y {
   }
   handleFiveModeChange(e) {
     this.tags.forEach((t) => {
-      t.state.visible = this.getVisible(t), m(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+      t.state.visible = this.getVisible(t), f(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
     }), this.updateRenderAllTags(), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
@@ -426,7 +443,7 @@ class Ht extends Y {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return f(this, null, function* () {
+    return m(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.setModelMedialVisibleByPanoIndex(), this.tags.forEach((e) => {
         e.temporaryState = g(c({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
@@ -476,7 +493,7 @@ class Ht extends Y {
           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 n = (() => t.stickType === "Plane" ? t.position : m(t) ? t.data.mediaPosition : X(
+        const n = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
           this.five.camera.position,
           b(t.position),
           b(t.normal)
@@ -510,13 +527,13 @@ class Ht extends Y {
           domContainer: p,
           initialNormal: r,
           currentNormal: r
-        }, m(t) && ((s = t.model) == null ? void 0 : s.object) && this.updateTagCss3DObjectMatrix(t, (o = t.model) == null ? void 0 : o.object);
+        }, f(t) && ((s = t.model) == null ? void 0 : s.object) && this.updateTagCss3DObjectMatrix(t, (o = t.model) == null ? void 0 : o.object);
       }
     }), this.checkPanelTag();
   }
   updateRenderModelTag() {
     const e = (i) => !this.enabledModelTagSet.has(i.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(m).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(f).forEach((i) => {
       var s;
       (s = i.model) == null || s.promise.then((o) => {
         o.visible = i.state.visible;
@@ -539,8 +556,8 @@ class Ht extends Y {
     }
   }
   addMediaModelTag(e) {
-    return f(this, null, function* () {
-      const t = e.filter(m).map(this.loadModel);
+    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;