@realsee/dnalogel 2.12.0 → 2.13.0

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -0,0 +1,314 @@
+var R = Object.defineProperty;
+var O = (p, m, e) => m in p ? R(p, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[m] = e;
+var l = (p, m, e) => (O(p, typeof m != "symbol" ? m + "" : m, e), e);
+var C = (p, m, e) => new Promise((t, i) => {
+  var o = (a) => {
+    try {
+      r(e.next(a));
+    } catch (n) {
+      i(n);
+    }
+  }, s = (a) => {
+    try {
+      r(e.throw(a));
+    } catch (n) {
+      i(n);
+    }
+  }, r = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(o, s);
+  r((e = e.apply(p, m)).next());
+});
+import { TagComputer as w } from "./TagComputer.js";
+import { Group as S, Quaternion as G, Vector3 as T, Matrix4 as b } from "three";
+import x from "../Components/TagContainer.js";
+import A from "../Components/Tag/index.js";
+import { arrayPositionToVector3 as D } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { planeNormal as j } from "../utils/planeNormal.js";
+import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
+import { normalPositionToPositions as E } from "../utils/normalPositionToPositions.js";
+import { CSS3DRenderPlugin as V } from "../../CSS3DRenderPlugin/index.js";
+import { loadGLTF as k } from "../../shared-utils/three/GLTFLoader.js";
+import I from "../utils/model/imageModel.js";
+import "../utils/tagPosition.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../utils/checkRange.js";
+import "hammerjs";
+import "@realsee/five";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/isNil.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "./TagUtil.js";
+import "object-assign-deep";
+import "../tag.config.js";
+import "./TagCache.js";
+import "../../base/BasePlugin.js";
+import "../../vendor/svelte/store/index.js";
+import "../../vendor/svelte/internal/index.js";
+import "../utils/device.js";
+import "../Components/TagItem.js";
+import "../utils/noTypecheck.js";
+import "../Components/Common/TagPoint.js";
+import "../Components/Common/Shadow.js";
+import "../../vendor/svelte/transition/index.js";
+import "../../vendor/svelte/easing/index.js";
+import "../Components/Common/Icon/Icon.js";
+import "../utils/getImageInfo.js";
+import "../utils/px2rem.js";
+import "../Assets/Icon.js";
+import "../Components/Tag/TextTag/index.js";
+import "../Components/Tag/TextTag/TextTag.js";
+import "../Components/Common/Line/Straight.js";
+import "../../shared-utils/uuid.js";
+import "../Components/Common/Text/FlyMText.js";
+import "../Components/Common/Text/FlyText.js";
+import "animejs";
+import "../utils/search.js";
+import "../utils/constants.js";
+import "../Components/Common/Arrow.js";
+import "../utils/doUtil.js";
+import "../Components/Tag/TextTag/TextPlaneTag.js";
+import "../Components/Common/Text/MText.js";
+import "../Components/Tag/ImageTextTag.js";
+import "../Components/Common/Line/Polyline.js";
+import "../Components/Common/Media.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 "../../vendor/simply-reactive/src/simply-reactive.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "../../vendor/simply-reactive/src/utils/subscription.js";
+import "../../vendor/simply-reactive/src/utils/object.js";
+import "lodash.isequal";
+import "../../vendor/simply-reactive/src/utils/watcher.js";
+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 "../Components/Common/MediaItem.js";
+import "../Components/Tag/MarketingTag.js";
+import "../Components/Tag/AudioTag/index.js";
+import "../Components/Tag/AudioTag/AudioTag.js";
+import "../Components/Common/Audio.js";
+import "../utils/audio/SharedAudio.js";
+import "../../shared-utils/audio.js";
+import "../Components/Common/Icon/audioIcon.js";
+import "../Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../Components/Tag/MediaPlane.js";
+import "../Components/Tag/LinkTag.js";
+import "../Components/Tag/CustomTag.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "@realsee/five/gltf-loader";
+import "../../shared-utils/three/loadTexture.js";
+class We extends w {
+  constructor(e) {
+    super(e);
+    l(this, "group", new S());
+    l(this, "imagePlaneGroup", new S());
+    l(this, "gltfObjectGroup", new S());
+    l(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    l(this, "temporaryState", { visible: !0 });
+    l(this, "TagContainerSvelte");
+    l(this, "loadModel", (e) => C(this, null, function* () {
+      var a;
+      const t = e.data.modelUrl;
+      if (!t)
+        return;
+      const i = k(t).then((n) => Object.assign(n.scene, { customID: e.id, isTagModel: !0 }));
+      e.model = { promise: i };
+      const o = yield i;
+      if (((a = e.model) == null ? void 0 : a.promise) !== i || (e.model.object = o, !this.tags.includes(e)))
+        return;
+      o.visible = e.state.visible, new b().fromArray(e.matrix).decompose(o.position, o.quaternion, o.scale), o.updateWorldMatrix(!0, !0), this.getVisibleByFloorIndex(e) || (o.visible = !1);
+      const r = this.gltfObjectGroup.children.find((n) => n.customID === e.id);
+      return r && this.gltfObjectGroup.remove(r), this.gltfObjectGroup.add(o), this.updateTagCss3DObjectMatrix(e, o), o;
+    }));
+    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
+  }
+  clearTags() {
+    this.tags.forEach((e) => {
+      var t, i;
+      (i = (t = e.imageModel) == null ? void 0 : t.parent) == null || i.remove(e.imageModel);
+    }), this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
+  }
+  updateRenderAllTags() {
+    this.enabledModelTagSet.clear(), this.tags.forEach((e) => e.stickType === "Model" && this.enabledModelTagSet.add(e.id)), this.updateRenderPointTag(), this.updateRenderPlaneTag(), this.updateRenderModelTag(), this.updateRenderImageModel();
+  }
+  updateRenderImageModel() {
+    this.sort([...this.filterImageModel]).forEach((t) => {
+      var o, s, r, a;
+      const i = (o = t.data.mediaData[0]) == null ? void 0 : o.url;
+      !i || (t.imageModel && (t.imageModel.visible = (r = (s = t.state) == null ? void 0 : s.visible) != null ? r : !0), ((a = t.imageModel) == null ? void 0 : a.imageSrc) !== i && (t.imageModel = new I(i, t.position.map(D)), t.imageModel.name = "PanoTagPluginImageModel", this.imagePlaneGroup.add(t.imageModel)));
+    });
+  }
+  updateRenderPlaneTag() {
+    this.sort([...this.filter3DTag]).forEach((t) => {
+      var a, n, u;
+      if (f(t) && ((a = t.model) == null ? void 0 : a.object) && this.updateTagCss3DObjectMatrix(t, (n = t.model) == null ? void 0 : n.object), t.tag3DContentSvelte) {
+        const { svelteApp: d, domContainer: M, initialNormal: h, currentNormal: c } = t.tag3DContentSvelte;
+        if (this.updateTagCss3DObjectVisible(t), d.$set({ tag: t, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !h.equals(c)) {
+          const g = new G().setFromUnitVectors(h, c);
+          M.css3DObject.setRotationFromQuaternion(g);
+        }
+        return;
+      }
+      if (((u = t.state) == null ? void 0 : u.visible) === !1)
+        return;
+      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = V(this.five)), t.stickType === "3DPoint" && !t.normal)
+        return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
+      const i = (() => {
+        if (t.stickType === "Plane")
+          return t.position;
+        if (f(t))
+          return t.data.mediaPosition;
+        const d = t;
+        return E(
+          this.five.camera.position,
+          D(d.position),
+          D(d.normal)
+        );
+      })();
+      if (!i)
+        return;
+      const o = function() {
+        if (t.normal)
+          return D(t.normal);
+        if (t.stickType === "Plane")
+          return j(t.position);
+        if (t.contentType === "MediaModel")
+          return j(i);
+      }();
+      if (!o)
+        return;
+      const s = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(i, s);
+      !r || (this.updateTagCss3DObjectVisible(t), this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
+        svelteApp: new A({
+          target: r.container,
+          props: {
+            tag: t,
+            hooks: this.hooks,
+            state: this.state,
+            mediaStore: this.mediaStore,
+            temporaryState: this.temporaryState
+          }
+        }),
+        domContainer: r,
+        initialNormal: o,
+        currentNormal: o
+      });
+    }), this.clearUnusedPanelTag();
+  }
+  updateRenderModelTag() {
+    const e = (i) => !this.enabledModelTagSet.has(i.customID);
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(f).forEach((i) => {
+      var o;
+      (o = i.model) == null || o.promise.then((s) => {
+        s.visible = i.state.visible;
+      });
+    });
+  }
+  updateTagModelVisible() {
+    this.tags.forEach((e) => {
+      var t, i, o;
+      e.imageModel && (e.imageModel.visible = (o = ((t = e.state) == null ? void 0 : t.visible) && ((i = this.state) == null ? void 0 : i.visible)) != null ? o : !0);
+    });
+  }
+  updateTagCss3DObjectMatrix(e, t) {
+    var g, v, P, y;
+    const i = (P = (v = (g = e.mergedConfig) == null ? void 0 : g.tag3DConfig) == null ? void 0 : v.ratio) != null ? P : 216e-5, o = (y = e.tag3DContentSvelte) == null ? void 0 : y.domContainer.css3DObject;
+    if (!o)
+      return;
+    const s = f(e) ? e.data.mediaPosition : e.position;
+    t.updateWorldMatrix(!1, !1);
+    const r = t.matrixWorld, a = new T().fromArray(s[0]), n = new T().fromArray(s[2]), u = new T().lerpVectors(a, n, 0.5).add(new T(0, 0, 5e-4)), d = new b().setPosition(u), M = new b().makeScale(i, i, i), h = new b().multiply(r).multiply(d).multiply(M);
+    h.decompose(o.position, o.quaternion, o.scale);
+    const c = o.opacityMesh;
+    !c || h.decompose(c.position, c.quaternion, c.scale);
+  }
+  addMediaModelTag(e) {
+    return C(this, null, function* () {
+      const t = e.filter(f).map(this.loadModel);
+      yield Promise.all(t), this.setModelMedialVisible(), this.updateRenderAllTags();
+    });
+  }
+  updateRenderPointTag() {
+    var t;
+    const e = this.sort(this.filterPointTag);
+    if (this.setPointTagPosition(), this.TagContainerSvelte)
+      this.TagContainerSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
+    else {
+      const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
+      if (!i)
+        return console.error("updateRenderPlaneTag: tag2DContainer not found");
+      this.TagContainerSvelte = new x({
+        target: i,
+        props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
+      });
+    }
+  }
+  updateTagContainerVisible() {
+    var e;
+    (e = this.TagContainerSvelte) == null || e.$set({
+      state: this.state,
+      temporaryState: this.temporaryState,
+      withAnimation: this.store.visibleWithAnimation
+    }), this.filter3DTag.forEach((t) => {
+      var i, o, s, r;
+      (s = (o = (i = t.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : o.css3DObject) == null || s.setVisible(this.state.visible), (r = t.tag3DContentSvelte) == null || r.svelteApp.$set({
+        state: this.state,
+        temporaryState: this.temporaryState,
+        withAnimation: this.store.visibleWithAnimation
+      });
+    });
+  }
+  disposeAllCSS3DContainer() {
+    for (const [e, t] of this.store.css3DRenderDisposer)
+      t == null || t();
+    this.store.css3DRenderDisposer = /* @__PURE__ */ new Map();
+  }
+  clearUnusedPanelTag() {
+    this.filter2DPointTag.forEach((e) => {
+      var t;
+      (t = e.tag3DContentSvelte) == null || t.domContainer.dispose(), e.tag3DContentSvelte = void 0;
+    });
+    for (const [e, t] of this.store.css3DRenderDisposer) {
+      const i = this.getTagById(e);
+      (!i || i.stickType === "2DPoint") && (t == null || t(), this.store.css3DRenderDisposer.delete(e));
+    }
+  }
+  updateTagCss3DObjectVisible(e) {
+    var t, i, o, s, r;
+    (r = (i = (t = e.tag3DContentSvelte) == null ? void 0 : t.domContainer) == null ? void 0 : i.css3DObject) == null || r.setVisible((s = this.state.visible && ((o = e.state) == null ? void 0 : o.visible)) != null ? s : !0), this.five.needsRender = !0;
+  }
+}
+export {
+  We as TagRender
+};

package/libs/PanoTagPlugin/controller/TagUtil.d.ts

@@ -0,0 +1,56 @@
+import type { TagElement, TagContentType, StickType, TagId, TagConfig, PlaneTag, MediaStore } from '../typings';
+import type { Tag, Tags, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, ModelElement } from '../typings';
+import { TagCache } from './TagCache';
+import { CSS3DRenderPluginExportType } from '../../CSS3DRenderPlugin';
+import { Five } from '@realsee/five';
+export declare abstract class TagUtil extends TagCache {
+    config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>;
+    tags: TagElement[];
+    protected mediaStore: MediaStore;
+    /** css3DRenderPlugin */
+    protected css3DRenderPlugin?: CSS3DRenderPluginExportType;
+    protected store: {
+        /** 清理函数数组 */
+        disposers: (() => any)[];
+        visibleWithAnimation?: boolean;
+        css3DRenderDisposer: Map<TagId, () => void>;
+        eventListenerDisposer?: () => void;
+        resizeObserverDisposer?: () => void;
+        resizeObserverDisposerAdding: boolean;
+        disposed: boolean;
+    };
+    protected get isPanorama(): boolean;
+    protected constructor(five: Five);
+    getTagById<C extends TagContentType = any, S extends StickType = any>(id: TagId): TagElement<C, S> | undefined;
+    /** 暂停当前标签内进行的所有多媒体 */
+    pauseCurrentMedia(): void;
+    /**
+     * @description: 获取merge后的配置
+     * TODO: 缓存
+     */
+    getTagConfig(tag: Tag<any, any>): TagConfig<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown", StickType>;
+    protected loadVideoFirstFrame(): void;
+    protected updateTagConfig(params?: {
+        force?: boolean;
+    }): void;
+    protected can<T extends TagElement<any, any>>(action: 'show' | 'hide' | 'fold' | 'unfold' | 'renderByMesh', paramsTag: T): boolean;
+    /**
+     * @description: 获取角度
+     */
+    protected getAngle(tag: Point3DTag | PlaneTag, panoIndex?: number): number;
+    /**
+     * @description: 获取距离
+     */
+    protected getDistance(tag: Tag<any, any>, panoIndex?: number): number;
+    protected get filterPointTag(): PointTagElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filter2DPointTag(): Point2DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filter3DPointTag(): Point3DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filterImageModel(): PlaneTagElement<"MediaPlane">[];
+    protected get filterModelTag(): ModelElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filter3DTag(): (TagElement<any, "Plane"> | TagElement<any, "Model"> | TagElement<any, "3DPoint">)[];
+    /**
+     * @description 检查是否已经销毁
+     * @returns isDisposed; 已经销毁返回 true，否则返回 false
+     */
+    protected checkDisposed(): boolean;
+}

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -0,0 +1,172 @@
+var h = Object.defineProperty;
+var y = (c, d, e) => d in c ? h(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
+var a = (c, d, e) => (y(c, typeof d != "symbol" ? d + "" : d, e), e);
+import T from "object-assign-deep";
+import * as C from "three";
+import { DefaultConfig as v } from "../tag.config.js";
+import { anyPositionToVector3 as m } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { planeNormal as b } from "../utils/planeNormal.js";
+import { tagPosition as k, getTagPosition as P } from "../utils/tagPosition.js";
+import { TagCache as D } from "./TagCache.js";
+import { writable as w } from "../../vendor/svelte/store/index.js";
+import { isIOSWX as M } from "../utils/device.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../utils/tag/tagCheck.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+import "../../vendor/svelte/internal/index.js";
+class z extends D {
+  constructor(e) {
+    super(e);
+    a(this, "config", v);
+    a(this, "tags", []);
+    a(this, "mediaStore", w({
+      currentMediaElement: null
+    }));
+    a(this, "css3DRenderPlugin");
+    a(this, "store", {
+      disposers: [],
+      disposed: !1,
+      resizeObserverDisposerAdding: !1,
+      css3DRenderDisposer: /* @__PURE__ */ new Map()
+    });
+  }
+  get isPanorama() {
+    return this.five.currentMode === "Panorama";
+  }
+  getTagById(e) {
+    const o = this.tags.find((i) => i.id === e);
+    if (!o) {
+      console.warn(`error: can not find tag id ${e} by getTagById()`);
+      return;
+    }
+    return o;
+  }
+  pauseCurrentMedia() {
+    this.mediaStore.set({ currentMediaElement: null });
+  }
+  getTagConfig(e) {
+    var t, f;
+    if (!e)
+      return (t = this.config.globalConfig) != null ? t : {};
+    const o = {};
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((g) => {
+      const n = g;
+      if (o[n])
+        return;
+      const r = n.split("-");
+      if (r.length === 1) {
+        const [s] = r;
+        e.contentType === s && (o[n] = this.config.contentTypeConfig[n]);
+      }
+      if (r.length === 2) {
+        const [s = "Any", l = "Any"] = r;
+        (e.stickType === s || s === "Any") && (e.contentType === l || l === "Any") && (o[n] = this.config.contentTypeConfig[n]);
+      }
+      if (r.length === 3) {
+        const [s = "Any", l, p] = r;
+        if (l === "Audio" && e.contentType === "Audio") {
+          const u = e;
+          (u.stickType === s || s === "Any") && u.data.appearance === p && (o[n] = this.config.contentTypeConfig[n]);
+        }
+      }
+    });
+    const i = T({}, this.config.globalConfig, ...Object.values(o), e.config);
+    return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep, visibleFiveMode: (f = i.visibleConfig) == null ? void 0 : f.visibleFiveMode }), i;
+  }
+  loadVideoFirstFrame() {
+    M && this.hooks.emit("loadVideoFirstFrame");
+  }
+  updateTagConfig(e) {
+    e != null && e.force && this.clearCache(), this.tags.forEach((o) => {
+      const i = this.getTagConfig(o);
+      o.mergedConfig = i;
+    });
+  }
+  can(e, o) {
+    const i = o, t = this.getTagConfig(i);
+    if (!t || typeof t != "object")
+      return !0;
+    if (e === "show" || e === "hide") {
+      if (!t.visibleConfig || typeof t.visibleConfig != "object")
+        return !0;
+      if (e === "show" && t.visibleConfig.keep === "hidden" || e === "hide" && (t.visibleConfig.keep === "visible" || t.visibleConfig.alwaysShowWhenMovePano))
+        return !1;
+    }
+    if (e === "fold" || e === "unfold") {
+      if (!t.unfoldedConfig || typeof t.unfoldedConfig != "object")
+        return !0;
+      if (e === "fold" && t.unfoldedConfig.keep === "unfolded" || e === "unfold" && t.unfoldedConfig.keep === "folded")
+        return !1;
+    }
+    if (e === "renderByMesh")
+      if (i.contentType === "MediaPlane" && i.stickType === "Plane") {
+        const f = i.data.mediaData;
+        return f.length === 1 && f[0].type === "Image" && t.renderType === "Mesh";
+      } else
+        return !1;
+    return !0;
+  }
+  getAngle(e, o) {
+    var f, g, n;
+    const i = (f = this.five.panoIndex) != null ? f : o;
+    if (i === void 0)
+      throw new Error(`getDistance(): fivePanoIndex is ${i}`);
+    const t = this.getCache({ panoIndex: o, id: e.id });
+    if (t.angle !== void 0)
+      return t.angle;
+    {
+      const r = (n = (g = this.five.work) == null ? void 0 : g.observers[i]) == null ? void 0 : n.position;
+      if (r === void 0)
+        throw new Error(`getAngleRange(): observerPosition is ${r}`);
+      const s = (() => e.stickType === "3DPoint" ? m(e.normal) : b(e.position))();
+      if (!s)
+        return;
+      const l = new C.Vector3().copy(r).sub(k(e.position)), p = s.angleTo(l) * 180 / Math.PI;
+      return t.angle = p, t.angle;
+    }
+  }
+  getDistance(e, o) {
+    var f, g, n;
+    const i = (f = this.five.panoIndex) != null ? f : o;
+    if (i === void 0)
+      throw new Error(`getDistance(): fivePanoIndex is ${i}`);
+    const t = this.getCache({ panoIndex: o, id: e.id });
+    if (t.distance !== void 0)
+      return t.distance;
+    {
+      const r = (n = (g = this.five.work) == null ? void 0 : g.observers[i]) == null ? void 0 : n.position;
+      if (r === void 0)
+        throw new Error(`getDistance(): observerPosition is ${r}`);
+      const s = P(e);
+      if (!s)
+        return -1;
+      const l = r.distanceTo(s);
+      return t.distance = l, l;
+    }
+  }
+  get filterPointTag() {
+    return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint").filter((e) => e.position);
+  }
+  get filter2DPointTag() {
+    return this.tags.filter((e) => e.stickType === "2DPoint").filter((e) => e.position);
+  }
+  get filter3DPointTag() {
+    return this.tags.filter((e) => e.stickType === "3DPoint").filter((e) => e.position);
+  }
+  get filterImageModel() {
+    return this.tags.filter((e) => this.can("renderByMesh", e));
+  }
+  get filterModelTag() {
+    return this.tags.filter((e) => e.stickType === "Model");
+  }
+  get filter3DTag() {
+    return this.tags.filter((e) => e.stickType === "3DPoint" || e.stickType === "Plane" || e.stickType === "Model").filter((e) => !this.can("renderByMesh", e));
+  }
+  checkDisposed() {
+    return this.store.disposed ? (console.error("PanoTagPluginController has been disposed"), !0) : !1;
+  }
+}
+export {
+  z as TagUtil
+};