@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.4

package/esm/PanoTagPlugin/controller/index.js

@@ -0,0 +1,376 @@
+var A = Object.defineProperty, P = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var v = (l, a, e) => a in l ? A(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e, f = (l, a) => {
+  for (var e in a || (a = {}))
+    w.call(a, e) && v(l, e, a[e]);
+  if (T)
+    for (var e of T(a))
+      E.call(a, e) && v(l, e, a[e]);
+  return l;
+}, c = (l, a) => P(l, R(a));
+var h = (l, a, e) => (v(l, typeof a != "symbol" ? a + "" : a, e), e);
+var p = (l, a, e) => new Promise((t, s) => {
+  var i = (n) => {
+    try {
+      r(e.next(n));
+    } catch (d) {
+      s(d);
+    }
+  }, o = (n) => {
+    try {
+      r(e.throw(n));
+    } catch (d) {
+      s(d);
+    }
+  }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(i, o);
+  r((e = e.apply(l, a)).next());
+});
+import { Subscribe as U } from "@realsee/five";
+import { Quaternion as k } from "three";
+import m from "object-assign-deep";
+import { writable as F } from "svelte/store";
+import { T as L } from "../Components/TagContainer.js";
+import { T as B } from "../Components/Tag/index.js";
+import { b as g } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { a as O } from "../utils/addDebugPoints.js";
+import { p as I } from "../utils/planeNormal.js";
+import { a as z } from "../utils/actionAfterFiveModelLoad.js";
+import { n as M } from "../utils/normalPositionToPositions.js";
+import { d as C } from "../utils/debounce.js";
+import { t as N } from "../utils/throttle.js";
+import { r as D } from "../utils/resizeObserver.js";
+import { T as $ } from "./TagComputer.js";
+import { CSS3DRenderPlugin as j } from "../../CSS3DRenderPlugin/index.js";
+import { P as u, D as y } from "../typings/tag.js";
+const S = "1.2.6", b = `DnalogelPlugin-PanoTagPlugin@${S}`, V = !1, re = (l) => `${b}--${l}`;
+class ae extends $ {
+  constructor(e, t) {
+    super(e);
+    h(this, "version", S);
+    h(this, "state", { enabled: !0, visible: !0 });
+    h(this, "params");
+    h(this, "debug");
+    h(this, "css3DRenderPlugin");
+    h(this, "TagContainerSvelte");
+    h(this, "temporaryState", { visible: !0 });
+    h(this, "mediaStore", F({
+      currentMediaUrl: ""
+    }));
+    h(this, "store", {
+      disposers: [],
+      disposed: !1,
+      resizeObserverDisposerAdding: !1,
+      css3DRenderDisposer: /* @__PURE__ */ new Map()
+    });
+    h(this, "staticUrl");
+    h(this, "disposedErrorLog", () => {
+      console.error(`${b} is disposed`);
+    });
+    this.params = f({
+      debug: !1,
+      mergePluginDefaultConfigToLoadDataConfig: !1,
+      config: this.config,
+      staticConfig: {
+        host: "vrlab-static.ljcdn.com"
+      }
+    }, t), this.debug = this.params.debug, this.config = this.params.config, this.staticUrl = (() => {
+      var i;
+      const s = this.params.staticConfig;
+      if (typeof s == "string")
+        return s;
+      {
+        const o = s.protocol ? s.protocol + ":" : "", r = (i = s.host) != null ? i : "vrlab-static.ljcdn.com", n = s.port ? ":" + s.port : "";
+        return `${o}//${r}${n}`;
+      }
+    })(), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this });
+  }
+  load(e, t) {
+    var s, i;
+    this.clearTags(), console.log(b, "load:", { data: e }), this.params.mergePluginDefaultConfigToLoadDataConfig ? this.config = m({}, this.config, {
+      globalConfig: (s = e.globalConfig) != null ? s : {},
+      contentTypeConfig: (i = e.contentTypeConfig) != null ? i : {}
+    }) : (e.globalConfig && (this.config.globalConfig = e.globalConfig), e.contentTypeConfig && (this.config.contentTypeConfig = e.contentTypeConfig)), this.addTag(e.tagList, t), this.debug && O(this.five, this.tags);
+  }
+  addTag(e, t) {
+    const i = (Array.isArray(e) ? e : [e]).map((o) => {
+      const r = this.getTagConfig(o);
+      return c(f({}, o), {
+        state: f({ visible: void 0, unfolded: V }, r.initialState),
+        hooks: new U(),
+        clickable: r.clickable
+      });
+    }).filter((o) => o.position);
+    this.tags.push(...i), z(this.five, () => {
+      var o, r, n;
+      this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags();
+    });
+  }
+  clearTags() {
+    this.tags = [], this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
+  }
+  show(e) {
+    return p(this, null, function* () {
+      const { userAction: t = !0, withAnimation: s = !1 } = e != null ? e : {};
+      if (this.store.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !0 }, { userAction: t, visibleWithAnimation: s }), this.hooks.emit("show", { userAction: t, withAnimation: s });
+    });
+  }
+  hide(e) {
+    return p(this, null, function* () {
+      const { userAction: t = !0, withAnimation: s = !1 } = e != null ? e : {};
+      if (this.store.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !1 }, { userAction: t, visibleWithAnimation: s }), this.hooks.emit("hide", { userAction: t, withAnimation: s });
+    });
+  }
+  enable(e) {
+    const { userAction: t = !0 } = e != null ? e : {};
+    if (this.store.disposed)
+      return this.disposedErrorLog();
+    this.setState({ enabled: !0 }, { userAction: t }), this.hooks.emit("enable", { userAction: t });
+  }
+  disable(e) {
+    const { userAction: t = !0 } = e != null ? e : {};
+    if (this.store.disposed)
+      return this.disposedErrorLog();
+    this.setState({ enabled: !1 }, { userAction: t }), this.hooks.emit("disable", { userAction: t });
+  }
+  dispose() {
+    var e, t, s, i, o, r;
+    this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((n) => {
+      var d;
+      return (d = n.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
+    }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], this.store.disposed = !0, (i = (s = this.store).eventListenerDisposer) == null || i.call(s), this.store.eventListenerDisposer = void 0, (r = (o = this.store).resizeObserverDisposer) == null || r.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.clearCache(), this.hooks.emit("dispose");
+  }
+  setState(e, t) {
+    if (this.store.disposed)
+      return this.disposedErrorLog();
+    const { userAction: s = !0, visibleWithAnimation: i = !1 } = t, o = f({}, this.state);
+    this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = i, 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: s });
+  }
+  changeTagNormalById(e, t) {
+    const s = this.getTagById(e);
+    !s || !s.tag3DContentSvelte || (s.tag3DContentSvelte.currentNormal = g(t), this.updateRenderPlaneTag());
+  }
+  changeDataById(e, t, s = !0) {
+    const i = this.getTagById(e);
+    !i || (s ? i.data = m({}, i.data, t) : Object.assign(i.data, t), this.checkPanelTag(), this.updateRenderAllTags());
+  }
+  changeTagById(e, t, s = !0) {
+    const i = this.getTagById(e);
+    !t || (s ? m(i, t) : Object.assign(i, t), (i == null ? void 0 : i.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (i.tag3DContentSvelte.currentNormal = g(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+  }
+  destroyTagById(e) {
+    (Array.isArray(e) ? e : [e]).forEach((s) => {
+      const i = this.tags.findIndex((o) => o.id === s);
+      i !== -1 && this.tags.splice(i, 1);
+    }), this.updateRenderAllTags();
+  }
+  pauseCurrentMedia() {
+    this.mediaStore.set({ currentMediaUrl: "" });
+  }
+  setVisibleAndUnfolded() {
+    return p(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+      return this.setVisibleByPanoIndex(), e ? new Promise((t, s) => {
+        setTimeout(() => {
+          this.setUnfoldedByPanoIndex(), t();
+        }, 10);
+      }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
+    });
+  }
+  handleShow() {
+    this.state.visible = !0, this.updateTagContainerVisible();
+  }
+  handleHide() {
+    this.state.visible = !1, this.updateTagContainerVisible();
+  }
+  handleEnable() {
+    this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.updateRenderAllTags();
+  }
+  handleDisable() {
+    var e, t, s;
+    this.state.enabled = !1, (t = (e = this.store).eventListenerDisposer) == null || t.call(e), (s = this.TagContainerSvelte) == null || s.$set({ tags: [] }), this.filter3DTag().forEach((i) => {
+      var o;
+      (o = i.tag3DContentSvelte) == null || o.svelteApp.$destroy(), i.tag3DContentSvelte = void 0;
+    });
+  }
+  addEventListener() {
+    const { five: e, hooks: t } = this, s = this.handleFiveWantsMoveToPano.bind(this), i = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), r = this.handleFiveCameraUpdateDebounce(), n = this.handleFivePanoArrived.bind(this), d = this.clickhandler.bind(this);
+    return e.on("wantsMoveToPano", s), e.on("modeChange", i), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), t.on("click", d), () => {
+      e.off("wantsMoveToPano", s), e.off("modeChange", i), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), t.off("click", d), this.store.eventListenerDisposer = void 0;
+    };
+  }
+  addResizeListener() {
+    if (!this.store.resizeObserverDisposer && !this.store.resizeObserverDisposerAdding) {
+      const e = this.addResizeObserver();
+      this.store.resizeObserverDisposerAdding = !0, setTimeout(() => {
+        this.store.resizeObserverDisposer = e, this.store.resizeObserverDisposerAdding = !1;
+      }, 200);
+    }
+  }
+  addResizeObserver() {
+    if (!this.store.disposed)
+      return;
+    const e = this.five.getElement(), t = () => {
+      !this.state.enabled || (this.show(), this.updateRenderAllTags());
+    }, s = () => {
+      !this.state.enabled || this.hide();
+    }, { observe: i, unobserve: o } = D(
+      N(() => {
+        !this.store.resizeObserverDisposer || s();
+      }, 500),
+      e
+    ), { observe: r, unobserve: n } = D(
+      C(() => t(), 400),
+      e
+    );
+    return i(), r(), () => {
+      o(), n();
+    };
+  }
+  handleFiveModeChange(e) {
+    e === "Panorama" ? this.five.once("panoArrived", () => this.temporaryShow()) : this.temporaryHide();
+  }
+  handleFiveWantsMoveToPano() {
+    this.tags.forEach((e) => {
+      const t = this.getTagConfig(e);
+      typeof t.visibleConfig == "object" && t.visibleConfig.keep ? e.temporaryState = c(f({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : typeof t.visibleConfig == "object" && t.visibleConfig.alwaysShowWhenMovePano ? e.temporaryState = c(f({}, e.temporaryState), { visible: !0 }) : e.temporaryState = c(f({}, e.temporaryState), { visible: !1 });
+    }), this.updateRenderAllTags();
+  }
+  temporaryShow() {
+    this.temporaryState.visible = !0;
+  }
+  temporaryHide() {
+    this.temporaryState.visible = !1;
+  }
+  clickhandler(e) {
+    if (e.target !== "TagPoint")
+      return;
+    if (!e.tag.state)
+      return console.warn("Clickhandler: params.tag.state is undefined");
+    const t = this.canBe("fold", e.tag), s = this.canBe("unfold", e.tag);
+    t && s && (e.tag.state.unfolded = !e.tag.state.unfolded, e.tag.state.unfolded && this.tags.forEach((i) => {
+      i.id !== e.tag.id && i.state && this.canBe("fold", i) && (i.state.unfolded = !1);
+    }), this.updateRenderAllTags());
+  }
+  updateRenderAllTags() {
+    this.updateRenderPointTag(), this.updateRenderPlaneTag();
+  }
+  updateTagContainerVisible() {
+    var e;
+    (e = this.TagContainerSvelte) == null || e.$set({
+      state: this.state,
+      temporaryState: this.temporaryState,
+      withAnimation: this.store.visibleWithAnimation
+    }), this.filter3DTag().forEach((t) => {
+      var s;
+      (s = t.tag3DContentSvelte) == null || s.svelteApp.$set({
+        state: this.state,
+        temporaryState: this.temporaryState,
+        withAnimation: this.store.visibleWithAnimation
+      });
+    });
+  }
+  handleFiveCameraUpdateDebounce() {
+    return C(() => {
+      this.setUnfoldedByCamera(), this.updateRenderAllTags();
+    }, 100);
+  }
+  handleFiveCameraUpdate() {
+    this.updateRenderPointTag();
+  }
+  handleFivePanoArrived() {
+    return p(this, null, function* () {
+      yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
+        e.temporaryState = c(f({}, e.temporaryState), { visible: !0 });
+      }), this.updateRenderAllTags();
+    });
+  }
+  setUnfoldedByCamera() {
+    let e = !1;
+    this.tags.forEach((t) => {
+      const s = this.getUnfoldedByCamera(t);
+      !t.state || s !== void 0 && (s === !0 && (e = !0), t.state.unfolded = s);
+    }), e && this.tags.forEach((t) => {
+      const s = this.getTagConfig(t).unfoldedConfig;
+      typeof s == "object" && (s.autoUnfold || s.disableFold || s.keep) || t.state && (t.state.unfolded = !1);
+    });
+  }
+  updateRenderPointTag() {
+    var t;
+    const e = this.filterPointTag();
+    if (this.setPointTagPosition(), this.TagContainerSvelte)
+      this.TagContainerSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
+    else {
+      const s = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
+      if (!s)
+        return console.error("updateRenderPlaneTag: tag2DContainer not found");
+      this.TagContainerSvelte = new L({
+        target: s,
+        props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
+      });
+    }
+  }
+  updateRenderPlaneTag() {
+    [...this.filterPlaneTag(), ...this.filter3DPointTag()].forEach((t) => {
+      var s;
+      if (t.tag3DContentSvelte) {
+        const { svelteApp: i, domContainer: o, initialNormal: r, currentNormal: n } = t.tag3DContentSvelte;
+        if (i.$set({
+          tag: t,
+          hooks: this.hooks,
+          state: this.state,
+          temporaryState: this.temporaryState
+        }), !r.equals(n)) {
+          const d = new k().setFromUnitVectors(r, n);
+          o.css3DObject.setRotationFromQuaternion(d);
+        }
+      } else {
+        if (((s = t.state) == null ? void 0 : s.visible) === !1)
+          return;
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = j(this.five)), t.pointType === u.PointTag && !t.normal)
+          return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
+        const i = t.pointType === u.PlaneTag ? t.position : M(this.five.camera.position, g(t.position), g(t.normal)), o = t.pointType === u.PlaneTag ? I(t.position) : g(t.normal), r = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(i, r);
+        if (!n)
+          return;
+        this.store.css3DRenderDisposer.set(t.id, n.dispose), t.tag3DContentSvelte = {
+          svelteApp: new B({
+            target: n.container,
+            props: {
+              tag: t,
+              hooks: this.hooks,
+              state: this.state,
+              mediaStore: this.mediaStore,
+              temporaryState: this.temporaryState
+            }
+          }),
+          domContainer: n,
+          initialNormal: o,
+          currentNormal: o
+        };
+      }
+    }), this.checkPanelTag();
+  }
+  disposeAllCSS3DContainer() {
+    for (const [e, t] of this.store.css3DRenderDisposer)
+      t == null || t();
+    this.store.css3DRenderDisposer = /* @__PURE__ */ new Map();
+  }
+  checkPanelTag() {
+    this.tags.forEach((e) => {
+      var t;
+      e.dimensionType === y.Two && e.pointType === u.PointTag && ((t = e.tag3DContentSvelte) == null || t.domContainer.dispose(), e.tag3DContentSvelte = void 0);
+    });
+    for (const [e, t] of this.store.css3DRenderDisposer) {
+      const s = this.getTagById(e);
+      (!s || s.dimensionType !== y.Three) && (t == null || t(), this.store.css3DRenderDisposer.delete(e));
+    }
+  }
+}
+export {
+  ae as P,
+  re as p
+};

package/esm/PanoTagPlugin/index.d.ts

@@ -0,0 +1,8 @@
+import type { FivePlugin } from '@realsee/five';
+import PanoTagPluginController from './controller';
+export * from './controller';
+export * from './typings/tag';
+export declare type PanoTagPluginExportInterface = InstanceType<typeof PanoTagPluginController>;
+export declare type PanoTagPluginParamsInterface = ConstructorParameters<typeof PanoTagPluginController>[1];
+export declare const PanoTagPlugin: FivePlugin<PanoTagPluginParamsInterface, PanoTagPluginExportInterface>;
+export default PanoTagPlugin;

package/esm/PanoTagPlugin/index.js

@@ -0,0 +1,85 @@
+import { P as t } from "./controller/index.js";
+import { P as Fo, p as bo } from "./controller/index.js";
+import { C as jo, D as qo, L as vo, P as zo } from "./typings/tag.js";
+import "@realsee/five";
+import "three";
+import "object-assign-deep";
+import "svelte/store";
+import "./Components/TagContainer.js";
+import "svelte/internal";
+import "./Components/TagWrapper.js";
+import "./utils/noTypecheck.js";
+import "./Components/Tag/index.js";
+import "./Components/Tag/TextTag.js";
+import "./Components/Common/Line/Straight.js";
+import "svelte/transition";
+import "../shared-utils/uuid.js";
+import "./Components/Common/Shadow.js";
+import "./Components/Common/MultiLineText.js";
+import "./Components/Common/Text.js";
+import "animejs";
+import "svelte";
+import "../shared-utils/isNil.js";
+import "./utils/search.js";
+import "./utils/constants.js";
+import "./Components/Common/Arrow.js";
+import "./Assets/Icon.js";
+import "svelte/easing";
+import "./utils/doUtil.js";
+import "./Components/Tag/ImageTextTag.js";
+import "./Components/Common/Line/Polyline.js";
+import "./Components/Common/Media.js";
+import "../vendor/swiper/svelte/swiper.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 "swiper/css";
+import "swiper/css/autoplay";
+import "./Components/Common/MediaItem.js";
+import "./Components/Tag/MarketingTag.js";
+import "./Components/Tag/AudioTag.js";
+import "./Components/Common/Audio.js";
+import "./Components/Tag/MediaPlane.js";
+import "./Components/Tag/LinkTag.js";
+import "./Components/Tag/CustomTag.js";
+import "./Components/Common/Point/PointSwitch.js";
+import "./Components/Common/Point/CustomPoint.js";
+import "./Components/Common/Point/DefaultPoint.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "./utils/addDebugPoints.js";
+import "./utils/planeNormal.js";
+import "./utils/actionAfterFiveModelLoad.js";
+import "./utils/normalPositionToPositions.js";
+import "./utils/debounce.js";
+import "./utils/throttle.js";
+import "./utils/resizeObserver.js";
+import "./controller/TagComputer.js";
+import "./tag.config.js";
+import "./utils/tagPosition.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "./utils/checkRange.js";
+import "./controller/TagCacheController.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+const co = (o, r) => new t(o, r);
+export {
+  jo as ContentType,
+  qo as DimensionType,
+  vo as LinkType,
+  co as PanoTagPlugin,
+  Fo as PanoTagPluginController,
+  zo as PointType,
+  co as default,
+  bo as pluginFlag
+};

package/esm/PanoTagPlugin/tag.config.d.ts

@@ -0,0 +1,7 @@
+import type { Tags } from './typings';
+declare const DefaultConfig: {
+    globalConfig?: Tags['globalConfig'];
+    contentTypeConfig?: Tags['contentTypeConfig'];
+};
+export { DefaultConfig };
+export default DefaultConfig;

package/esm/PanoTagPlugin/tag.config.js

@@ -0,0 +1,43 @@
+const n = {
+  globalConfig: {
+    initialState: {},
+    visibleConfig: {
+      visibleDistance: { max: 5 },
+      angleRange: { min: -45, max: 45 }
+    },
+    unfoldedConfig: {
+      autoUnfold: {
+        strategy: "MinimumDistance"
+      }
+    },
+    tag3DConfig: {
+      ratio: 35e-4
+    }
+  },
+  contentTypeConfig: {
+    "Any-Link-Any": {
+      unfoldedConfig: {
+        keep: "unfolded"
+      },
+      initialState: {
+        unfolded: !0
+      }
+    },
+    "Any-Marketing-Any": {
+      unfoldedConfig: void 0
+    },
+    "3D-MediaPlane-PlaneTag": {
+      unfoldedConfig: {
+        keep: "unfolded"
+      },
+      visibleConfig: {
+        alwaysShowWhenMovePano: !0,
+        angleRange: void 0,
+        visibleDistance: void 0
+      }
+    }
+  }
+};
+export {
+  n as D
+};

package/esm/PanoTagPlugin/typings/controller.d.ts

@@ -0,0 +1,103 @@
+import type { PanoTagPluginController } from '../index';
+import type { ContentType, DimensionType, TagId, PointType, Tag } from '../typings';
+import type * as BasePlugin from '../../base/BasePlugin';
+import type TagContentSvelte from '../Components/Tag/index.svelte';
+import type { Vector3 } from 'three';
+import type { Create3DDomContainerReturnType } from '../../CSS3DRenderPlugin';
+import type { Writable } from 'svelte/store';
+import type { Subscribe } from '@realsee/five';
+export declare type PanoIndex = number;
+export declare type WorkCode = string;
+export declare type Hooks = InstanceType<typeof PanoTagPluginController>['hooks'];
+declare type NonNullable<T> = T extends null | undefined | void ? never : T;
+export interface State extends BasePlugin.State {
+}
+export interface AddTagConfig {
+    withAnimation?: boolean;
+}
+export interface TemporaryState {
+    visible?: boolean;
+}
+export interface EventMap extends BasePlugin.EventMap<State> {
+    click: (params: {
+        event: MouseEvent & {
+            currentTarget: EventTarget;
+        };
+    } & ({
+        target: 'TagPoint';
+        tag: PointTagElement;
+    } | {
+        target: 'TagContent';
+        tag: TagElement;
+    } | {
+        target: 'AudioTagPlayIcon';
+        tag: TagElement;
+        audioInstance: HTMLAudioElement;
+    })) => void;
+    playStateChange: (params: {
+        event: Event;
+        state: 'playing' | 'paused';
+        tag: TagElement;
+        mediaInstance: HTMLMediaElement;
+    }) => void;
+    exposure: (params: {
+        id: TagId;
+        type: 'start' | 'end';
+    }) => void;
+    show: (options: {
+        userAction: boolean;
+        withAnimation: boolean;
+    }) => void;
+    hide: (options: {
+        userAction: boolean;
+        withAnimation: boolean;
+    }) => void;
+    enable: (options: {
+        userAction: boolean;
+    }) => void;
+    disable: (options: {
+        userAction: boolean;
+    }) => void;
+}
+export declare type TagEvents = {
+    unfolded: () => void;
+    folded: () => void;
+    show: () => void;
+    hide: () => void;
+};
+export interface TagCache {
+    visible?: boolean;
+    unfolded?: boolean;
+    minimumDistanceResult?: boolean;
+    distance?: number;
+    angle?: number;
+}
+export declare type TagElement<C extends ContentType = ContentType, P extends PointType = PointType, D extends DimensionType = DimensionType, CustomDataType extends Object = {}> = Tag<C, P, D, CustomDataType> & Partial<{
+    pointTagStyle: {
+        leftPercent: number;
+        topPercent: number;
+    };
+    clickable: boolean;
+    state: {
+        visible?: boolean;
+        unfolded: boolean;
+    };
+    temporaryState: {
+        visible: boolean;
+    };
+    tag3DContentSvelte: {
+        svelteApp: TagContentSvelte;
+        domContainer: NonNullable<Create3DDomContainerReturnType>;
+        initialNormal: Vector3;
+        currentNormal: Vector3;
+    };
+    hooks: Subscribe<TagEvents>;
+}>;
+export declare type MediaStore = Writable<{
+    currentMediaUrl: string;
+}>;
+export declare type PointTagElement<C extends ContentType = ContentType> = TagElement<C, PointType.PointTag, DimensionType>;
+export declare type PlaneTagElement<C extends ContentType = ContentType> = TagElement<C, PointType.PlaneTag, DimensionType.Three>;
+export declare type Tag2DElement<C extends ContentType = ContentType> = TagElement<C, PointType.PointTag, DimensionType.Two>;
+export declare type Tag3DElement<C extends ContentType = ContentType> = TagElement<C, PointType.PointTag, DimensionType.Three>;
+export {};

package/esm/PanoTagPlugin/typings/controller.js

@@ -0,0 +1 @@
+

package/esm/PanoTagPlugin/typings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tag';
+export * from './controller';

package/esm/PanoTagPlugin/typings/index.js

@@ -0,0 +1 @@
+