@realsee/dnalogel 2.1.2-alpha.7 → 2.1.2-alpha.9

package/libs/PanoTagPlugin/controller/index.js

@@ -1 +1,376 @@
-"use strict";var y=Object.defineProperty,S=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var v=(a,l,e)=>l in a?y(a,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[l]=e,c=(a,l)=>{for(var e in l||(l={}))R.call(l,e)&&v(a,e,l[e]);if(C)for(var e of C(l))_.call(l,e)&&v(a,e,l[e]);return a},g=(a,l)=>S(a,A(l));var d=(a,l,e)=>(v(a,typeof l!="symbol"?l+"":l,e),e);var f=(a,l,e)=>new Promise((t,s)=>{var i=n=>{try{r(e.next(n))}catch(h){s(h)}},o=n=>{try{r(e.throw(n))}catch(h){s(h)}},r=n=>n.done?t(n.value):Promise.resolve(n.value).then(i,o);r((e=e.apply(a,l)).next())});const E=require("@realsee/five"),w=require("three"),F=require("object-assign-deep"),U=require("svelte/store"),L=require("../Components/TagContainer.js"),k=require("../Components/Tag/index.js"),p=require("../../CSS3DRenderPlugin/utils/positionToVector3.js"),j=require("../utils/addDebugPoints.js"),O=require("../utils/planeNormal.js"),B=require("../utils/actionAfterFiveModelLoad.js"),q=require("../utils/normalPositionToPositions.js"),m=require("../utils/debounce.js"),z=require("../utils/throttle.js"),P=require("../utils/resizeObserver.js"),I=require("./TagComputer.js"),M=require("../../CSS3DRenderPlugin/index.js"),u=require("../typings/tag.js"),N=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},T=N(F),D="1.2.6",b=`DnalogelPlugin-PanoTagPlugin@${D}`,V=!1,$=a=>`${b}--${a}`;class x extends I.TagComputer{constructor(e,t){super(e);d(this,"version",D);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",U.writable({currentMediaUrl:""}));d(this,"store",{disposers:[],disposed:!1,resizeObserverDisposerAdding:!1,css3DRenderDisposer:new Map});d(this,"staticUrl");d(this,"disposedErrorLog",()=>{console.error(`${b} is disposed`)});this.params=c({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=T.default({},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&&j.addDebugPoints(this.five,this.tags)}addTag(e,t){const i=(Array.isArray(e)?e:[e]).map(o=>{const r=this.getTagConfig(o);return g(c({},o),{state:c({visible:void 0,unfolded:V},r.initialState),hooks:new E.Subscribe,clickable:r.clickable})}).filter(o=>o.position);this.tags.push(...i),B.actionAfterFiveModelLoad(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 f(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 f(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 h;return(h=n.tag3DContentSvelte)==null?void 0:h.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=c({},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=p.arrayPositionToVector3(t),this.updateRenderPlaneTag())}changeDataById(e,t,s=!0){const i=this.getTagById(e);!i||(s?i.data=T.default({},i.data,t):Object.assign(i.data,t),this.checkPanelTag(),this.updateRenderAllTags())}changeTagById(e,t,s=!0){const i=this.getTagById(e);!t||(s?T.default(i,t):Object.assign(i,t),(i==null?void 0:i.tag3DContentSvelte)&&(t==null?void 0:t.normal)&&(i.tag3DContentSvelte.currentNormal=p.arrayPositionToVector3(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 f(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),h=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",h),()=>{e.off("wantsMoveToPano",s),e.off("modeChange",i),e.off("cameraUpdate",o),e.off("cameraUpdate",r),e.off("panoArrived",n),t.off("click",h),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}=P.resizeObserver(z.throttle(()=>{!this.store.resizeObserverDisposer||s()},500),e),{observe:r,unobserve:n}=P.resizeObserver(m.debounce(()=>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=g(c({},e.temporaryState),{visible:t.visibleConfig.keep==="visible"}):typeof t.visibleConfig=="object"&&t.visibleConfig.alwaysShowWhenMovePano?e.temporaryState=g(c({},e.temporaryState),{visible:!0}):e.temporaryState=g(c({},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 m.debounce(()=>{this.setUnfoldedByCamera(),this.updateRenderAllTags()},100)}handleFiveCameraUpdate(){this.updateRenderPointTag()}handleFivePanoArrived(){return f(this,null,function*(){yield this.setVisibleAndUnfolded(),this.tags.forEach(e=>{e.temporaryState=g(c({},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.TagContainer({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 h=new w.Quaternion().setFromUnitVectors(r,n);o.css3DObject.setRotationFromQuaternion(h)}}else{if(((s=t.state)==null?void 0:s.visible)===!1)return;if(this.css3DRenderPlugin||(this.css3DRenderPlugin=M.CSS3DRenderPlugin(this.five)),t.pointType===u.PointType.PointTag&&!t.normal)return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");const i=t.pointType===u.PointType.PlaneTag?t.position:q.normalPositionToPositions(this.five.camera.position,p.arrayPositionToVector3(t.position),p.arrayPositionToVector3(t.normal)),o=t.pointType===u.PointType.PlaneTag?O.planeNormal(t.position):p.arrayPositionToVector3(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 k.Tag({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=new Map}checkPanelTag(){this.tags.forEach(e=>{var t;e.dimensionType===u.DimensionType.Two&&e.pointType===u.PointType.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!==u.DimensionType.Three)&&(t==null||t(),this.store.css3DRenderDisposer.delete(e))}}}exports.PanoTagPluginController=x;exports.pluginFlag=$;
+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 L from "../Components/TagContainer.js";
+import B from "../Components/Tag/index.js";
+import { arrayPositionToVector3 as g } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { addDebugPoints as O } from "../utils/addDebugPoints.js";
+import { planeNormal as I } from "../utils/planeNormal.js";
+import { actionAfterFiveModelLoad as z } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as M } from "../utils/normalPositionToPositions.js";
+import { debounce as C } from "../utils/debounce.js";
+import { throttle as N } from "../utils/throttle.js";
+import { resizeObserver as D } from "../utils/resizeObserver.js";
+import { TagComputer as $ } from "./TagComputer.js";
+import { CSS3DRenderPlugin as j } from "../../CSS3DRenderPlugin/index.js";
+import { PointType as u, DimensionType 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 PanoTagPluginController,
+  re as pluginFlag
+};

package/libs/PanoTagPlugin/index.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./controller/index.js"),e=require("./typings/tag.js");require("@realsee/five");require("three");require("object-assign-deep");require("svelte/store");require("./Components/TagContainer.js");require("svelte/internal");require("./Components/TagWrapper.js");require("./utils/noTypecheck.js");require("./Components/Tag/index.js");require("./Components/Tag/TextTag.js");require("./Components/Common/Line/Straight.js");require("svelte/transition");require("../shared-utils/uuid.js");require("./Components/Common/Shadow.js");require("./Components/Common/MultiLineText.js");require("./Components/Common/Text.js");require("animejs");require("svelte");require("../shared-utils/isNil.js");require("./utils/search.js");require("./utils/constants.js");require("./Components/Common/Arrow.js");require("./Assets/Icon.js");require("svelte/easing");require("./utils/doUtil.js");require("./Components/Tag/ImageTextTag.js");require("./Components/Common/Line/Polyline.js");require("./Components/Common/Media.js");require("../vendor/swiper/svelte/swiper.js");require("swiper");require("../vendor/swiper/components-shared/get-params.js");require("../vendor/swiper/components-shared/utils.js");require("../vendor/swiper/components-shared/params-list.js");require("../vendor/swiper/components-shared/mount-swiper.js");require("../vendor/swiper/components-shared/get-changed-params.js");require("../vendor/swiper/components-shared/update-swiper.js");require("../vendor/swiper/svelte/swiper-slide.js");require("swiper/css");require("swiper/css/autoplay");require("./Components/Common/MediaItem.js");require("./Components/Tag/MarketingTag.js");require("./Components/Tag/AudioTag.js");require("./Components/Common/Audio.js");require("./Components/Tag/MediaPlane.js");require("./Components/Tag/LinkTag.js");require("./Components/Tag/CustomTag.js");require("./Components/Common/Point/PointSwitch.js");require("./Components/Common/Point/CustomPoint.js");require("./Components/Common/Point/DefaultPoint.js");require("../CSS3DRenderPlugin/utils/positionToVector3.js");require("./utils/addDebugPoints.js");require("./utils/planeNormal.js");require("./utils/actionAfterFiveModelLoad.js");require("./utils/normalPositionToPositions.js");require("./utils/debounce.js");require("./utils/throttle.js");require("./utils/resizeObserver.js");require("./controller/TagComputer.js");require("./tag.config.js");require("./utils/tagPosition.js");require("../CSS3DRenderPlugin/utils/centerPoint.js");require("./utils/checkRange.js");require("./controller/TagCacheController.js");require("../base/BasePlugin.js");require("../shared-utils/Subscribe.js");require("../CSS3DRenderPlugin/index.js");require("../CSS3DRenderPlugin/Controller.js");require("../CSS3DRenderPlugin/CSS3DRender.js");require("three/examples/jsm/renderers/CSS3DRenderer");require("../CSS3DRenderPlugin/utils/evenNumber.js");require("../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js");const i=(s,n)=>new r.PanoTagPluginController(s,n);exports.PanoTagPluginController=r.PanoTagPluginController;exports.pluginFlag=r.pluginFlag;exports.ContentType=e.ContentType;exports.DimensionType=e.DimensionType;exports.LinkType=e.LinkType;exports.PointType=e.PointType;exports.PanoTagPlugin=i;exports.default=i;
+import { PanoTagPluginController as r } from "./controller/index.js";
+const g = (o, n) => new r(o, n);
+export {
+  g as PanoTagPlugin
+};

package/libs/PanoTagPlugin/tag.config.js

@@ -1 +1,43 @@
-"use strict";const n={globalConfig:{initialState:{},visibleConfig:{visibleDistance:{max:5},angleRange:{min:-45,max:45}},unfoldedConfig:{autoUnfold:{strategy:"MinimumDistance"}},tag3DConfig:{ratio:.0035}},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}}}};exports.DefaultConfig=n;
+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 DefaultConfig
+};

package/libs/PanoTagPlugin/typings/controller.js

@@ -1 +1 @@
-"use strict";
+

package/libs/PanoTagPlugin/typings/index.js

@@ -1 +1 @@
-"use strict";
+

package/libs/PanoTagPlugin/typings/tag.js

@@ -1 +1,7 @@
-"use strict";var r=(a=>(a.Two="2D",a.Three="3D",a))(r||{}),i=(a=>(a.PointTag="PointTag",a.PlaneTag="PlaneTag",a))(i||{}),e=(a=>(a.Audio="Audio",a.Text="Text",a.ImageText="ImageText",a.Link="Link",a.Marketing="Marketing",a.MediaPlane="MediaPlane",a.Custom="Custom",a))(e||{}),u=(a=>(a.VrLink="vr",a.NormalLink="normal",a))(u||{});exports.ContentType=e;exports.DimensionType=r;exports.LinkType=u;exports.PointType=i;
+var r = /* @__PURE__ */ ((a) => (a.Two = "2D", a.Three = "3D", a))(r || {}), g = /* @__PURE__ */ ((a) => (a.PointTag = "PointTag", a.PlaneTag = "PlaneTag", a))(g || {}), i = /* @__PURE__ */ ((a) => (a.Audio = "Audio", a.Text = "Text", a.ImageText = "ImageText", a.Link = "Link", a.Marketing = "Marketing", a.MediaPlane = "MediaPlane", a.Custom = "Custom", a))(i || {}), u = /* @__PURE__ */ ((a) => (a.VrLink = "vr", a.NormalLink = "normal", a))(u || {});
+export {
+  i as ContentType,
+  r as DimensionType,
+  u as LinkType,
+  g as PointType
+};

package/libs/PanoTagPlugin/utils/actionAfterFiveModelLoad.js

@@ -1 +1,6 @@
-"use strict";function d(e,o){e.model.loaded?o():e.once("modelLoaded",()=>o())}exports.actionAfterFiveModelLoad=d;
+function d(e, o) {
+  e.model.loaded ? o() : e.once("modelLoaded", () => o());
+}
+export {
+  d as actionAfterFiveModelLoad
+};

package/libs/PanoTagPlugin/utils/addDebugPoints.js

@@ -1 +1,27 @@
-"use strict";const h=require("three"),u=require("../../CSS3DRenderPlugin/utils/positionToVector3.js");function d(e){if(e&&e.__esModule)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const t=d(h);function f(e,s){s.forEach(o=>{const n=new t.SphereGeometry(.02,16,16),c=[],a=[new t.MeshBasicMaterial({color:16776960}),new t.MeshBasicMaterial({color:16711935}),new t.MeshBasicMaterial({color:16711680}),new t.MeshBasicMaterial({color:65535})];if(o.position.length===4)o.position.forEach((r,i)=>{const p=a[i],l=new t.Mesh(n,p);l.position.copy(u.arrayPositionToVector3(r)),c.push(l)});else{const r=a[0],i=new t.Mesh(n,r);i.position.copy(u.arrayPositionToVector3(o.position)),c.push(i)}c.forEach(r=>{r.material.depthTest=!1,e.scene.add(r)})})}exports.addDebugPoints=f;
+import * as o from "three";
+import { arrayPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+function M(h, p) {
+  p.forEach((t) => {
+    const r = new o.SphereGeometry(0.02, 16, 16), i = [], a = [
+      new o.MeshBasicMaterial({ color: 16776960 }),
+      new o.MeshBasicMaterial({ color: 16711935 }),
+      new o.MeshBasicMaterial({ color: 16711680 }),
+      new o.MeshBasicMaterial({ color: 65535 })
+    ];
+    if (t.position.length === 4)
+      t.position.forEach((e, s) => {
+        const l = a[s], n = new o.Mesh(r, l);
+        n.position.copy(c(e)), i.push(n);
+      });
+    else {
+      const e = a[0], s = new o.Mesh(r, e);
+      s.position.copy(c(t.position)), i.push(s);
+    }
+    i.forEach((e) => {
+      e.material.depthTest = !1, h.scene.add(e);
+    });
+  });
+}
+export {
+  M as addDebugPoints
+};

package/libs/PanoTagPlugin/utils/checkRange.js

@@ -1 +1,10 @@
-"use strict";function f(t,e){if(t===void 0)return;const{min:i,max:r}=e!=null?e:{};if(!(i===void 0&&r===void 0))return!(typeof r=="number"&&r<t||typeof i=="number"&&i>t)}exports.checkRange=f;
+function i(t, r) {
+  if (t === void 0)
+    return;
+  const { min: e, max: f } = r != null ? r : {};
+  if (!(e === void 0 && f === void 0))
+    return !(typeof f == "number" && f < t || typeof e == "number" && e > t);
+}
+export {
+  i as checkRange
+};

package/libs/PanoTagPlugin/utils/constants.js

@@ -1 +1,7 @@
-"use strict";function t(){return Math.random().toString(36).slice(-6)}const n=t();exports.RANDON_STRING=n;
+function n() {
+  return Math.random().toString(36).slice(-6);
+}
+const t = n();
+export {
+  t as RANDON_STRING
+};

package/libs/PanoTagPlugin/utils/debounce.js

@@ -1 +1,12 @@
-"use strict";const c=(n,o=16.666666666666668)=>{let e=null;const t=n;return(...u)=>{e&&clearTimeout(e),e=setTimeout(()=>{t==null||t(...u),e&&clearTimeout(e),e=null},o)}};exports.debounce=c;
+const r = (n, o = 16.666666666666668) => {
+  let e = null;
+  const t = n;
+  return (...l) => {
+    e && clearTimeout(e), e = setTimeout(() => {
+      t == null || t(...l), e && clearTimeout(e), e = null;
+    }, o);
+  };
+};
+export {
+  r as debounce
+};

package/libs/PanoTagPlugin/utils/doUtil.js

@@ -1 +1,12 @@
-"use strict";function a(n,r,i=20,c=5){return new Promise((o,s)=>{let t=0;const l=setInterval(()=>{const e=n();r(e)?(clearInterval(l),o(e)):t>=c&&(clearInterval(l),s(e)),t++},i)})}exports.doUtil=a;
+function s(r, l, o = 20, a = 5) {
+  return new Promise((c, i) => {
+    let t = 0;
+    const n = setInterval(() => {
+      const e = r();
+      l(e) ? (clearInterval(n), c(e)) : t >= a && (clearInterval(n), i(e)), t++;
+    }, o);
+  });
+}
+export {
+  s as doUtil
+};

package/libs/PanoTagPlugin/utils/index.js

@@ -1 +1 @@
-"use strict";require("three");
+import "three";

package/libs/PanoTagPlugin/utils/noTypecheck.js

@@ -1 +1,4 @@
-"use strict";const e=c=>c;exports.noTypecheck=e;
+const e = (c) => c;
+export {
+  e as noTypecheck
+};

package/libs/PanoTagPlugin/utils/normalPositionToPositions.js

@@ -1 +1,13 @@
-"use strict";const u=require("three");function i(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=i(u);function d(e,t,n){const a=new s.Plane().setFromNormalAndCoplanarPoint(n,t),o=t.clone().sub(e).cross(new s.Vector3(0,1,0)).setLength(.01),r=new s.Vector3(0,.01,0);return[t.clone().sub(o).sub(r),t.clone().add(o).sub(r),t.clone().add(o).add(r),t.clone().sub(o).add(r)].map(l=>a.projectPoint(l,new s.Vector3))}exports.normalPositionToPositions=d;
+import * as s from "three";
+function d(t, e, a) {
+  const r = new s.Plane().setFromNormalAndCoplanarPoint(a, e), o = e.clone().sub(t).cross(new s.Vector3(0, 1, 0)).setLength(0.01), n = new s.Vector3(0, 0.01, 0);
+  return [
+    e.clone().sub(o).sub(n),
+    e.clone().add(o).sub(n),
+    e.clone().add(o).add(n),
+    e.clone().sub(o).add(n)
+  ].map((c) => r.projectPoint(c, new s.Vector3()));
+}
+export {
+  d as normalPositionToPositions
+};

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -1 +1,11 @@
-"use strict";require("three");const r=require("../../CSS3DRenderPlugin/utils/positionToVector3.js");function s(e){if(e.length<3)return;const o=e.map(r.anyPositionToVector3),t=o[1].clone().sub(o[0]),n=o[2].clone().sub(o[1]);return t.cross(n)}exports.planeNormal=s;
+import "three";
+import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+function i(t) {
+  if (t.length < 3)
+    return;
+  const o = t.map(c), r = o[1].clone().sub(o[0]), n = o[2].clone().sub(o[1]);
+  return r.cross(n);
+}
+export {
+  i as planeNormal
+};

package/libs/PanoTagPlugin/utils/resizeObserver.js

@@ -1 +1,17 @@
-"use strict";function i(e,r){if(!r||typeof ResizeObserver=="undefined"||!ResizeObserver)return{observe:()=>window.addEventListener("resize",e),unobserve:()=>window.removeEventListener("resize",e)};{const s=new ResizeObserver(e);return{observe:()=>s.observe(r),unobserve:()=>s.unobserve(r)}}}exports.resizeObserver=i;
+function o(e, r) {
+  if (!r || typeof ResizeObserver == "undefined" || !ResizeObserver)
+    return {
+      observe: () => window.addEventListener("resize", e),
+      unobserve: () => window.removeEventListener("resize", e)
+    };
+  {
+    const s = new ResizeObserver(e);
+    return {
+      observe: () => s.observe(r),
+      unobserve: () => s.unobserve(r)
+    };
+  }
+}
+export {
+  o as resizeObserver
+};