@realsee/dnalogel 2.1.2-alpha.1 → 2.1.2-alpha.11

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -1 +1,219 @@
-"use strict";var T=Object.defineProperty,y=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var L=(m,l,e)=>l in m?T(m,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[l]=e,V=(m,l)=>{for(var e in l||(l={}))_.call(l,e)&&L(m,e,l[e]);if(w)for(var e of w(l))C.call(l,e)&&L(m,e,l[e]);return m},A=(m,l)=>y(m,O(l));var a=(m,l,e)=>(L(m,typeof l!="symbol"?l+"":l,e),e);const p=require("three"),S=require("./BaseController.js"),k=require("./DoorLabelItem.js"),D=require("./utils.js"),H={userAction:!0};class R extends S.BasePanoPluginController{constructor(e){super(e);a(this,"MinVisibledistance",1.8);a(this,"MaxVisibledistance",5);a(this,"OffsetHeight",-1.3);a(this,"rooms");a(this,"floorplanServerData");a(this,"doorLabelItems");a(this,"visibleLabelMap",new Map);a(this,"labelItems",[]);a(this,"doorLabels");a(this,"roomObservers");a(this,"loadData",(e,n)=>{n&&(this.MaxVisibledistance=n.MaxVisibledistance,this.MinVisibledistance=n.MinVisibledistance,this.OffsetHeight=n.OffsetHeight),this.doorLabelItems&&this.doorLabelItems.length>0&&this.doorLabelItems.forEach(f=>{f.$destroy()}),this.labelItems=[],this.doorLabels=[],this.doorLabelItems=[],this.floorplanServerData=e,this.five.once("panoArrived",()=>{console.log("doorplugin","panoArrived"),this.initData()})});a(this,"initRoomObservers",()=>{var c,h;const e=this.floorplanServerData.computed_data.floor_datas||[],f=(((h=(c=this.five)==null?void 0:c.work)==null?void 0:h.observers)||[]).map(s=>{const o=s.panoIndex,d=s.floorIndex,i=e==null?void 0:e.find(t=>t.floor_index===d);if(i){const t=i.rooms.find(r=>r.observer_indexs.includes(o));if(t)return{panoIndex:o,floorIndex:d,name:t.name}}}).filter(Boolean);this.roomObservers=f});a(this,"hideAllLabels",()=>{this.labelItems.forEach(e=>{e.visible=!1,e.inSight=!1}),this.render()});a(this,"fixDoorVisibleAndPosition",()=>{this.initRoomObservers();const{panoIndex:e}=this.five;if(!this.visible||this.five.model.empty||e===null||!this.roomObservers.find(s=>s.panoIndex===e))return;const n=this.roomObservers.find(s=>s.panoIndex===e),c=this.five.work.observers.find(s=>s.panoIndex===e).position.clone(),h=(()=>{if(this.visibleLabelMap.has(e))return this.visibleLabelMap.get(e);{const s=[];return this.doorLabels.forEach((o,d)=>{if(o.roomName===n.name)return;const i=o.position.clone(),t=i.distanceTo(c);if(t<this.MinVisibledistance||t>this.MaxVisibledistance)return;const r=new p.Raycaster,b=i.clone().sub(c).normalize();r.set(c,b);const[x]=this.five.model.intersectRaycaster(r);x&&x.distance+.1<t||s.push(d)}),this.visibleLabelMap.set(e,s),s}})();this.labelItems.forEach((s,o)=>{s.visible=h.includes(o)}),this.fixDoorPosition()});a(this,"fixDoorPosition",()=>{const{panoIndex:e,camera:n}=this.five;if(e===null)return;if(this.five.currentMode!=="Panorama")return this.hideAllLabels();const f=this.five.getElement(),c=f.clientWidth,h=f.clientHeight,s=n.getWorldDirection(new p.Vector3),o=[],d=[...this.labelItems];if(d.forEach((i,t)=>{if(i.visible){const r=n.position.distanceTo(i.position),b=i.position.clone().add(new p.Vector3(0,this.OffsetHeight,0)),P=b.clone().sub(n.position).normalize().angleTo(s),g=b.clone().project(n),u=(g.x+1)/2.2*100,v=(-g.y+1)/2.2*100,I=u>=0&&u<=100&&v>=0&&v<=100&&r>this.MinVisibledistance&&r<=this.MaxVisibledistance;i.left=u,i.top=v,i.inSight=I&&P<Math.PI/2,i.cameraToward=D.getCameraToward(this.five),I?o.push({disFromCameraToLabel:r,left:u,top:v,index:t}):i.transform="translate(-50%, -50%)"}else i.inSight=!1}),o.length>1){let i=0;o.sort((t,r)=>r.disFromCameraToLabel-t.disFromCameraToLabel);for(let t=1;t<o.length;t++){const{index:r,left:b,top:x}=o[t-1],{index:P,left:g,top:u}=o[t],v=this.container.children[r],I=this.container.children[P];if(!v||!I)return;const E={left:c*b/100,top:h*x/100,width:v.children[0].clientWidth,height:v.children[0].clientHeight},M={left:c*g/100,top:h*u/100,width:I.children[0].clientWidth,height:I.children[0].clientHeight};D.isTwoRectOverlaped(E,M)&&(i++,d[r].transform=`translate(-50%, ${(i-1)*100-50}%)`,d[P].transform=`translate(-50%, ${i*100-50}%)`)}}this.labelItems=d,this.render()});a(this,"onClick",(e,n)=>{if(!this.roomObservers)return;const{work:f}=this.five;let c,h,s=1/0;for(let o=0;o<f.observers.length;o++){if(this.roomObservers[o].name!==e)continue;const i=f.observers[o].standingPosition,t=n.distanceTo(i);t<s&&(c=o,h=i.clone().sub(n).normalize(),s=t)}if(h!==null&&c!==null){const o={};if(s>0){const i=new p.Vector3(0,0,-1),t=h.clone(),r=new p.Quaternion;r.setFromUnitVectors(i,t);const b=new p.Euler;b.setFromQuaternion(r,"YXZ"),o.longitude=b.y}this.five.emit("wantsToMoveToPano",c,{},!0)||this.five.moveToPano(c,{longitude:o.longitude})}});a(this,"initData",()=>{var c;this.doorLabels=[];const e=this.five.panoIndex,n=this.floorplanServerData.computed_data.observers[e].floor_index,f=n!==void 0&&((c=this.floorplanServerData.computed_data.floor_datas[n])==null?void 0:c.rooms);this.rooms=f,this.rooms&&this.rooms.length>0&&this.rooms.forEach(h=>{var d;const s=(d=this.floorplanServerData.computed_data.doors)==null?void 0:d.filter(i=>!!(i&&i.name===h.name)),o=this.five.work.observers.filter((i,t)=>!!h.observer_indexs.find(r=>r===t));s&&s.forEach(i=>{const t=i.position;let r=1/0,b;o.forEach(P=>{const g=P.standingPosition,u={x:g.x,y:g.y,z:g.z},v=D.getDistance(t,u);v<r&&(r=v,b=u)}),b&&(t.y=b.y+.01);const x=new p.Vector3(t.x,t.y,t.z);x.add(new p.Vector3(-.2,1.8,0).applyEuler(new p.Euler(0,i.rad,0))),this.doorLabels.push({roomName:h.name,name:i.name,position:x,toward:D.getToward(i.rad)})})}),this.labelItems=this.doorLabels.map(h=>A(V({},h),{left:0,top:0,visible:!1,inSight:!1,transform:"",cameraToward:""})),console.log("doorplugin","labelItems",this.labelItems),this.five.on("wantsToMoveToPano",this.hideAllLabels),this.five.on("modelLoaded",this.fixDoorVisibleAndPosition),this.five.on("panoArrived",this.fixDoorVisibleAndPosition),this.five.on("initAnimationEnded",this.fixDoorPosition),this.five.on("cameraUpdate",this.fixDoorPosition),this.five.on("mouseWheel",this.fixDoorPosition),this.five.on("pinchGesture",this.fixDoorPosition),this.fixDoorVisibleAndPosition()})}stateChangedCallback(e,n){if(this.hooks.hasListener("stateChange")){const f={state:this.state,prevState:e,userAction:n?n.userAction:H.userAction};this.hooks.emit("stateChange",f)}}render(){if(!this.enabled){this.doorLabelItems&&this.doorLabelItems.length>0&&this.doorLabelItems.forEach(e=>{e==null||e.$destroy()}),this.doorLabels=void 0;return}this.doorLabelItems&&this.doorLabelItems.forEach(e=>{e.$destroy()}),this.doorLabelItems=[],this.labelItems.forEach(e=>{this.doorLabelItems.push(new k.DoorLabelItem({target:this.container,props:{props:e,onClick:()=>{this.onClick(e.name,e.position)}}}))})}initState(){return{enabled:!0,visible:!0}}dispose(){this.five&&(this.five.off("wantsToMoveToPano",this.hideAllLabels),this.five.off("modelLoaded",this.fixDoorVisibleAndPosition),this.five.off("panoArrived",this.fixDoorVisibleAndPosition),this.five.off("initAnimationEnded",this.fixDoorPosition),this.five.off("cameraUpdate",this.fixDoorPosition),this.five.off("mouseWheel",this.fixDoorPosition),this.five.off("pinchGesture",this.fixDoorPosition),super.dispose())}}exports.PanoDoorLabelPluginController=R;
+var y = Object.defineProperty, E = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var D = (b, l, e) => l in b ? y(b, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : b[l] = e, L = (b, l) => {
+  for (var e in l || (l = {}))
+    _.call(l, e) && D(b, e, l[e]);
+  if (w)
+    for (var e of w(l))
+      S.call(l, e) && D(b, e, l[e]);
+  return b;
+}, V = (b, l) => E(b, O(l));
+var a = (b, l, e) => (D(b, typeof l != "symbol" ? l + "" : l, e), e);
+import { Raycaster as k, Vector3 as P, Quaternion as C, Euler as A } from "three";
+import { BasePanoPluginController as H } from "./BaseController.js";
+import W from "./DoorLabelItem.js";
+import { getCameraToward as z, isTwoRectOverlaped as R, getDistance as F, getToward as $ } from "./utils.js";
+const B = { userAction: !0 };
+class q extends H {
+  constructor(e) {
+    super(e);
+    a(this, "MinVisibledistance", 1.8);
+    a(this, "MaxVisibledistance", 5);
+    a(this, "OffsetHeight", -1.3);
+    a(this, "rooms");
+    a(this, "floorplanServerData");
+    a(this, "doorLabelItems");
+    a(this, "visibleLabelMap", /* @__PURE__ */ new Map());
+    a(this, "labelItems", []);
+    a(this, "doorLabels");
+    a(this, "roomObservers");
+    a(this, "loadData", (e, n) => {
+      n && (this.MaxVisibledistance = n.MaxVisibledistance, this.MinVisibledistance = n.MinVisibledistance, this.OffsetHeight = n.OffsetHeight), this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((f) => {
+        f.$destroy();
+      }), this.labelItems = [], this.doorLabels = [], this.doorLabelItems = [], this.floorplanServerData = e, this.five.once("panoArrived", () => {
+        console.log("doorplugin", "panoArrived"), this.initData();
+      });
+    });
+    a(this, "initRoomObservers", () => {
+      var h, c;
+      const e = this.floorplanServerData.computed_data.floor_datas || [], f = (((c = (h = this.five) == null ? void 0 : h.work) == null ? void 0 : c.observers) || []).map((s) => {
+        const o = s.panoIndex, d = s.floorIndex, i = e == null ? void 0 : e.find((t) => t.floor_index === d);
+        if (i) {
+          const t = i.rooms.find((r) => r.observer_indexs.includes(o));
+          if (t)
+            return { panoIndex: o, floorIndex: d, name: t.name };
+        }
+      }).filter(Boolean);
+      this.roomObservers = f;
+    });
+    a(this, "hideAllLabels", () => {
+      this.labelItems.forEach((e) => {
+        e.visible = !1, e.inSight = !1;
+      }), this.render();
+    });
+    a(this, "fixDoorVisibleAndPosition", () => {
+      this.initRoomObservers();
+      const { panoIndex: e } = this.five;
+      if (!this.visible || this.five.model.empty || e === null || !this.roomObservers.find((s) => s.panoIndex === e))
+        return;
+      const n = this.roomObservers.find((s) => s.panoIndex === e), h = this.five.work.observers.find((s) => s.panoIndex === e).position.clone(), c = (() => {
+        if (this.visibleLabelMap.has(e))
+          return this.visibleLabelMap.get(e);
+        {
+          const s = [];
+          return this.doorLabels.forEach((o, d) => {
+            if (o.roomName === n.name)
+              return;
+            const i = o.position.clone(), t = i.distanceTo(h);
+            if (t < this.MinVisibledistance || t > this.MaxVisibledistance)
+              return;
+            const r = new k(), m = i.clone().sub(h).normalize();
+            r.set(h, m);
+            const [u] = this.five.model.intersectRaycaster(r);
+            u && u.distance + 0.1 < t || s.push(d);
+          }), this.visibleLabelMap.set(e, s), s;
+        }
+      })();
+      this.labelItems.forEach((s, o) => {
+        s.visible = c.includes(o);
+      }), this.fixDoorPosition();
+    });
+    a(this, "fixDoorPosition", () => {
+      const { panoIndex: e, camera: n } = this.five;
+      if (e === null)
+        return;
+      if (this.five.currentMode !== "Panorama")
+        return this.hideAllLabels();
+      const f = this.five.getElement(), h = f.clientWidth, c = f.clientHeight, s = n.getWorldDirection(new P()), o = [], d = [...this.labelItems];
+      if (d.forEach((i, t) => {
+        if (i.visible) {
+          const r = n.position.distanceTo(i.position), m = i.position.clone().add(new P(0, this.OffsetHeight, 0)), g = m.clone().sub(n.position).normalize().angleTo(s), x = m.clone().project(n), p = (x.x + 1) / 2.2 * 100, v = (-x.y + 1) / 2.2 * 100, I = p >= 0 && p <= 100 && v >= 0 && v <= 100 && r > this.MinVisibledistance && r <= this.MaxVisibledistance;
+          i.left = p, i.top = v, i.inSight = I && g < Math.PI / 2, i.cameraToward = z(this.five), I ? o.push({ disFromCameraToLabel: r, left: p, top: v, index: t }) : i.transform = "translate(-50%, -50%)";
+        } else
+          i.inSight = !1;
+      }), o.length > 1) {
+        let i = 0;
+        o.sort((t, r) => r.disFromCameraToLabel - t.disFromCameraToLabel);
+        for (let t = 1; t < o.length; t++) {
+          const { index: r, left: m, top: u } = o[t - 1], { index: g, left: x, top: p } = o[t], v = this.container.children[r], I = this.container.children[g];
+          if (!v || !I)
+            return;
+          const M = {
+            left: h * m / 100,
+            top: c * u / 100,
+            width: v.children[0].clientWidth,
+            height: v.children[0].clientHeight
+          }, T = {
+            left: h * x / 100,
+            top: c * p / 100,
+            width: I.children[0].clientWidth,
+            height: I.children[0].clientHeight
+          };
+          R(M, T) && (i++, d[r].transform = `translate(-50%, ${(i - 1) * 100 - 50}%)`, d[g].transform = `translate(-50%, ${i * 100 - 50}%)`);
+        }
+      }
+      this.labelItems = d, this.render();
+    });
+    a(this, "onClick", (e, n) => {
+      if (!this.roomObservers)
+        return;
+      const { work: f } = this.five;
+      let h, c, s = 1 / 0;
+      for (let o = 0; o < f.observers.length; o++) {
+        if (this.roomObservers[o].name !== e)
+          continue;
+        const i = f.observers[o].standingPosition, t = n.distanceTo(i);
+        t < s && (h = o, c = i.clone().sub(n).normalize(), s = t);
+      }
+      if (c !== null && h !== null) {
+        const o = {};
+        if (s > 0) {
+          const i = new P(0, 0, -1), t = c.clone(), r = new C();
+          r.setFromUnitVectors(i, t);
+          const m = new A();
+          m.setFromQuaternion(r, "YXZ"), o.longitude = m.y;
+        }
+        this.five.emit("wantsToMoveToPano", h, {}, !0) || this.five.moveToPano(h, { longitude: o.longitude });
+      }
+    });
+    a(this, "initData", () => {
+      var h;
+      this.doorLabels = [];
+      const e = this.five.panoIndex, n = this.floorplanServerData.computed_data.observers[e].floor_index, f = n !== void 0 && ((h = this.floorplanServerData.computed_data.floor_datas[n]) == null ? void 0 : h.rooms);
+      this.rooms = f, this.rooms && this.rooms.length > 0 && this.rooms.forEach((c) => {
+        var d;
+        const s = (d = this.floorplanServerData.computed_data.doors) == null ? void 0 : d.filter((i) => !!(i && i.name === c.name)), o = this.five.work.observers.filter((i, t) => !!c.observer_indexs.find((r) => r === t));
+        s && s.forEach((i) => {
+          const t = i.position;
+          let r = 1 / 0, m;
+          o.forEach((g) => {
+            const x = g.standingPosition, p = {
+              x: x.x,
+              y: x.y,
+              z: x.z
+            }, v = F(t, p);
+            v < r && (r = v, m = p);
+          }), m && (t.y = m.y + 0.01);
+          const u = new P(t.x, t.y, t.z);
+          u.add(new P(-0.2, 1.8, 0).applyEuler(new A(0, i.rad, 0))), this.doorLabels.push({
+            roomName: c.name,
+            name: i.name,
+            position: u,
+            toward: $(i.rad)
+          });
+        });
+      }), this.labelItems = this.doorLabels.map((c) => V(L({}, c), {
+        left: 0,
+        top: 0,
+        visible: !1,
+        inSight: !1,
+        transform: "",
+        cameraToward: ""
+      })), console.log("doorplugin", "labelItems", this.labelItems), this.five.on("wantsToMoveToPano", this.hideAllLabels), this.five.on("modelLoaded", this.fixDoorVisibleAndPosition), this.five.on("panoArrived", this.fixDoorVisibleAndPosition), this.five.on("initAnimationEnded", this.fixDoorPosition), this.five.on("cameraUpdate", this.fixDoorPosition), this.five.on("mouseWheel", this.fixDoorPosition), this.five.on("pinchGesture", this.fixDoorPosition), this.fixDoorVisibleAndPosition();
+    });
+  }
+  stateChangedCallback(e, n) {
+    if (this.hooks.hasListener("stateChange")) {
+      const f = {
+        state: this.state,
+        prevState: e,
+        userAction: n ? n.userAction : B.userAction
+      };
+      this.hooks.emit("stateChange", f);
+    }
+  }
+  render() {
+    if (!this.enabled) {
+      this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((e) => {
+        e == null || e.$destroy();
+      }), this.doorLabels = void 0;
+      return;
+    }
+    this.doorLabelItems && this.doorLabelItems.forEach((e) => {
+      e.$destroy();
+    }), this.doorLabelItems = [], this.labelItems.forEach((e) => {
+      this.doorLabelItems.push(
+        new W({
+          target: this.container,
+          props: {
+            props: e,
+            onClick: () => {
+              this.onClick(e.name, e.position);
+            }
+          }
+        })
+      );
+    });
+  }
+  initState() {
+    return { enabled: !0, visible: !0 };
+  }
+  dispose() {
+    this.five && (this.five.off("wantsToMoveToPano", this.hideAllLabels), this.five.off("modelLoaded", this.fixDoorVisibleAndPosition), this.five.off("panoArrived", this.fixDoorVisibleAndPosition), this.five.off("initAnimationEnded", this.fixDoorPosition), this.five.off("cameraUpdate", this.fixDoorPosition), this.five.off("mouseWheel", this.fixDoorPosition), this.five.off("pinchGesture", this.fixDoorPosition), super.dispose());
+  }
+}
+export {
+  q as PanoDoorLabelPluginController
+};

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -1 +1,65 @@
-"use strict";const e=require("svelte/internal"),D=require("classnames"),L=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},m=L(D);function P(t){e.append_styles(t,"svelte-wpy7pz",'.plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:"";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}')}function h(t){let n,l,i,s,a,o,p,c;return{c(){n=e.element("div"),l=e.element("div"),i=e.element("span"),i.textContent=`${t[8]}`,s=e.space(),a=e.element("i"),e.attr(i,"class","plugin-DoorLabelPlugin-txt svelte-wpy7pz"),e.attr(a,"class","plugin-DoorLabelPlugin-icon svelte-wpy7pz"),e.attr(l,"class",o=e.null_to_empty(m.default("plugin-DoorLabelPlugin-cnt",t[0].toward))+" svelte-wpy7pz"),e.attr(l,"style",`transform: ${t[6]||"initial"};pointer-events: ${t[5]?"auto":"none"};opacity: ${t[5]?1:0}`),e.attr(l,"data-camera-toward",t[7]),e.attr(n,"style",`left: ${t[3]||0}%;top: ${t[4]||0}%;opacity: ${t[5]?1:0}`),e.attr(n,"class","plugin-DoorLabelPlugin-item svelte-wpy7pz")},m(g,u){e.insert(g,n,u),e.append(n,l),e.append(l,i),e.append(l,s),e.append(l,a),t[10](n),p||(c=e.listen(l,"click",t[9]),p=!0)},p(g,[u]){u&1&&o!==(o=e.null_to_empty(m.default("plugin-DoorLabelPlugin-cnt",g[0].toward))+" svelte-wpy7pz")&&e.attr(l,"class",o)},i:e.noop,o:e.noop,d(g){g&&e.detach(n),t[10](null),p=!1,c()}}}function k(t,n,l){let{props:i}=n,{onClick:s}=n,a,{left:o,top:p,inSight:c,transform:g,panoIndex:u,cameraToward:w,name:v}=i,d=0;const f=()=>{if(!o||!p||!c||!a)return;const r=a.current.clientWidth/window.innerWidth*100,b=a.current.clientHeight/window.innerHeight*100;if(o<=r/2||o>=100-r/2||p<=b/2||p>=100-b/2)return;u!==d&&(console.log("panoDoorLabelPlugin",u,"\u89E6\u53D1\u57CB\u70B9"),d=u)},y=r=>{s&&s()};function z(r){e.binding_callbacks[r?"unshift":"push"](()=>{a=r,l(2,a)})}return t.$$set=r=>{"props"in r&&l(0,i=r.props),"onClick"in r&&l(1,s=r.onClick)},f(),[i,s,a,o,p,c,g,w,v,y,z]}class _ extends e.SvelteComponent{constructor(n){super(),e.init(this,n,k,h,e.safe_not_equal,{props:0,onClick:1},P)}}exports.DoorLabelItem=_;
+import { SvelteComponent as k, init as _, safe_not_equal as C, append_styles as I, element as d, space as j, attr as p, null_to_empty as v, insert as B, append as b, listen as x, noop as f, detach as H, binding_callbacks as S } from "svelte/internal";
+import y from "classnames";
+function W(e) {
+  I(e, "svelte-wpy7pz", '.plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:"";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}');
+}
+function q(e) {
+  let l, t, a, s, o, n, i, c;
+  return {
+    c() {
+      l = d("div"), t = d("div"), a = d("span"), a.textContent = `${e[8]}`, s = j(), o = d("i"), p(a, "class", "plugin-DoorLabelPlugin-txt svelte-wpy7pz"), p(o, "class", "plugin-DoorLabelPlugin-icon svelte-wpy7pz"), p(t, "class", n = v(y("plugin-DoorLabelPlugin-cnt", e[0].toward)) + " svelte-wpy7pz"), p(t, "style", `transform: ${e[6] || "initial"};pointer-events: ${e[5] ? "auto" : "none"};opacity: ${e[5] ? 1 : 0}`), p(t, "data-camera-toward", e[7]), p(l, "style", `left: ${e[3] || 0}%;top: ${e[4] || 0}%;opacity: ${e[5] ? 1 : 0}`), p(l, "class", "plugin-DoorLabelPlugin-item svelte-wpy7pz");
+    },
+    m(g, u) {
+      B(g, l, u), b(l, t), b(t, a), b(t, s), b(t, o), e[10](l), i || (c = x(t, "click", e[9]), i = !0);
+    },
+    p(g, [u]) {
+      u & 1 && n !== (n = v(y("plugin-DoorLabelPlugin-cnt", g[0].toward)) + " svelte-wpy7pz") && p(t, "class", n);
+    },
+    i: f,
+    o: f,
+    d(g) {
+      g && H(l), e[10](null), i = !1, c();
+    }
+  };
+}
+function E(e, l, t) {
+  let { props: a } = l, { onClick: s } = l, o, { left: n, top: i, inSight: c, transform: g, panoIndex: u, cameraToward: z, name: P } = a, m = 0;
+  const D = () => {
+    if (!n || !i || !c || !o)
+      return;
+    const r = o.current.clientWidth / window.innerWidth * 100, w = o.current.clientHeight / window.innerHeight * 100;
+    if (n <= r / 2 || n >= 100 - r / 2 || i <= w / 2 || i >= 100 - w / 2)
+      return;
+    u !== m && (console.log("panoDoorLabelPlugin", u, "\u89E6\u53D1\u57CB\u70B9"), m = u);
+  }, L = (r) => {
+    s && s();
+  };
+  function h(r) {
+    S[r ? "unshift" : "push"](() => {
+      o = r, t(2, o);
+    });
+  }
+  return e.$$set = (r) => {
+    "props" in r && t(0, a = r.props), "onClick" in r && t(1, s = r.onClick);
+  }, D(), [
+    a,
+    s,
+    o,
+    n,
+    i,
+    c,
+    g,
+    z,
+    P,
+    L,
+    h
+  ];
+}
+class A extends k {
+  constructor(l) {
+    super(), _(this, l, E, q, C, { props: 0, onClick: 1 }, W);
+  }
+}
+export {
+  A as default
+};

package/libs/PanoDoorLabelPlugin/index.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./Controller.js");require("three");require("./BaseController.js");require("@realsee/five");require("../base/BasePlugin.js");require("../shared-utils/Subscribe.js");require("./DoorLabelItem.js");require("svelte/internal");require("classnames");require("./utils.js");const e=r=>new l.PanoDoorLabelPluginController(r);exports.PanoDoorLabelPlugin=e;exports.default=e;
+import { PanoDoorLabelPluginController as r } from "./Controller.js";
+const e = (o) => new r(o);
+export {
+  e as PanoDoorLabelPlugin
+};

package/libs/PanoDoorLabelPlugin/utils.js

@@ -1 +1,23 @@
-"use strict";const r=require("three");function h(t,e){const o=Math.abs(t.top+t.height/2-e.top-e.height/2),i=Math.abs(t.left+t.width/2-e.left-e.width/2),n=(t.height+e.height)/2,a=(t.width+e.width)/2;return!(o>n&&i>a)}function s(t){const{camera:e}=t,o=e.getWorldDirection(new r.Vector3);let i=Math.atan(o.z/o.x)*180/Math.PI,n="";return o.x<0&&(i+=180),i<0&&(i+=360),i>315||i<=45?n="right":i>45&&i<=135?n="back":i>135&&i<=225?n="left":i>225&&i<=315&&(n="forward"),n}function l(t,e){return Math.sqrt(Math.pow(t.z-e.z,2)+Math.pow(t.x-e.x,2))}function f(t){const e=Math.PI/4;return t>-e&&t<=e?"left":t>e*3||t<=-e*3?"right":t>-e*3&&t<=-e?"forward":t>e&&t<=e*3?"back":""}exports.getCameraToward=s;exports.getDistance=l;exports.getToward=f;exports.isTwoRectOverlaped=h;
+import { Vector3 as a } from "three";
+function f(t, e) {
+  const n = Math.abs(t.top + t.height / 2 - e.top - e.height / 2), i = Math.abs(t.left + t.width / 2 - e.left - e.width / 2), o = (t.height + e.height) / 2, r = (t.width + e.width) / 2;
+  return !(n > o && i > r);
+}
+function s(t) {
+  const { camera: e } = t, n = e.getWorldDirection(new a());
+  let i = Math.atan(n.z / n.x) * 180 / Math.PI, o = "";
+  return n.x < 0 && (i += 180), i < 0 && (i += 360), i > 315 || i <= 45 ? o = "right" : i > 45 && i <= 135 ? o = "back" : i > 135 && i <= 225 ? o = "left" : i > 225 && i <= 315 && (o = "forward"), o;
+}
+function l(t, e) {
+  return Math.sqrt(Math.pow(t.z - e.z, 2) + Math.pow(t.x - e.x, 2));
+}
+function c(t) {
+  const e = Math.PI / 4;
+  return t > -e && t <= e ? "left" : t > e * 3 || t <= -e * 3 ? "right" : t > -e * 3 && t <= -e ? "forward" : t > e && t <= e * 3 ? "back" : "";
+}
+export {
+  s as getCameraToward,
+  l as getDistance,
+  c as getToward,
+  f as isTwoRectOverlaped
+};

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1 +1,53 @@
-"use strict";var a=Object.defineProperty;var d=(i,e,o)=>e in i?a(i,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[e]=o;var t=(i,e,o)=>(d(i,typeof e!="symbol"?e+"":e,o),o);const c=require("../Model/line.js"),l=require("../Model/point.js"),r=require("../utils/ironbox.js");class f{constructor(e){t(this,"model");t(this,"five");t(this,"group");t(this,"config");t(this,"dashed");t(this,"disposed",!1);t(this,"isMobile");t(this,"mouseGroup");t(this,"container");t(this,"fiveHelper");t(this,"hook");t(this,"magnifier");t(this,"userDistanceItemCreator");t(this,"updateDistanceUI",()=>{this.dashed.distanceItem.update(this.five),this.model.lines.forEach(e=>e.distanceItem.update(this.five))});var s,n;this.five=e.five,this.hook=e.hook,this.model=e.model,this.config=e.config,this.magnifier=e.magnifier,this.container=e.container,this.fiveHelper=e.fiveHelper,this.isMobile=(n=(s=e.openParams)==null?void 0:s.isMobile)!=null?n:!1,this.userDistanceItemCreator=e.userDistanceItemCreator,this.group=e.group,this.mouseGroup=e.mouseGroup,this.dashed=new c.Line(new l.Point([0,0,0]),new l.Point([0,0,0]),this.model),this.dashed.mesh.setMaterial({dashed:!0,dashScale:100}),this.dashed.mesh.name="dashLine";const o=this.five.getElement();o&&(o.addEventListener("touchstart",r.preventDefault),o.addEventListener("contextmenu",r.preventDefault))}removeLine(e){this.group.remove(e.mesh,e.lightMesh),e.distanceItem.remove(),this.five.needsRender=!0}updateMouseGroup(e,o){if(!e)return this.mouseGroup;const s=this.fiveHelper.getAdsorbentPoint(e),n=s||e.point;if(this.mouseGroup.position.copy(n),o)this.mouseGroup.quaternion.copy(o.quaternion);else if(e.face){const u=e.face.normal.clone().multiplyScalar(.05),h=e.point.clone().add(u).clone().add(u);this.mouseGroup.lookAt(h)}return this.mouseGroup}dispose(){this.disposed=!0,this.magnifier.remove(),this.model.lines.forEach(o=>this.removeLine(o));const e=this.five.getElement();e&&(e.removeEventListener("touchstart",r.preventDefault),e.removeEventListener("contextmenu",r.preventDefault))}}exports.BaseController=f;
+var m = Object.defineProperty;
+var a = (i, e, o) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[e] = o;
+var t = (i, e, o) => (a(i, typeof e != "symbol" ? e + "" : e, o), o);
+import { Line as l } from "../Model/line.js";
+import { Point as d } from "../Model/point.js";
+import { preventDefault as r } from "../utils/ironbox.js";
+class G {
+  constructor(e) {
+    t(this, "model");
+    t(this, "five");
+    t(this, "group");
+    t(this, "config");
+    t(this, "dashed");
+    t(this, "disposed", !1);
+    t(this, "isMobile");
+    t(this, "mouseGroup");
+    t(this, "container");
+    t(this, "fiveHelper");
+    t(this, "hook");
+    t(this, "magnifier");
+    t(this, "userDistanceItemCreator");
+    t(this, "updateDistanceUI", () => {
+      this.dashed.distanceItem.update(this.five), this.model.lines.forEach((e) => e.distanceItem.update(this.five));
+    });
+    var s, n;
+    this.five = e.five, this.hook = e.hook, this.model = e.model, this.config = e.config, this.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.isMobile = (n = (s = e.openParams) == null ? void 0 : s.isMobile) != null ? n : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new l(new d([0, 0, 0]), new d([0, 0, 0]), this.model), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine";
+    const o = this.five.getElement();
+    o && (o.addEventListener("touchstart", r), o.addEventListener("contextmenu", r));
+  }
+  removeLine(e) {
+    this.group.remove(e.mesh, e.lightMesh), e.distanceItem.remove(), this.five.needsRender = !0;
+  }
+  updateMouseGroup(e, o) {
+    if (!e)
+      return this.mouseGroup;
+    const s = this.fiveHelper.getAdsorbentPoint(e), n = s || e.point;
+    if (this.mouseGroup.position.copy(n), o)
+      this.mouseGroup.quaternion.copy(o.quaternion);
+    else if (e.face) {
+      const h = e.face.normal.clone().multiplyScalar(0.05), u = e.point.clone().add(h).clone().add(h);
+      this.mouseGroup.lookAt(u);
+    }
+    return this.mouseGroup;
+  }
+  dispose() {
+    this.disposed = !0, this.magnifier.remove(), this.model.lines.forEach((o) => this.removeLine(o));
+    const e = this.five.getElement();
+    e && (e.removeEventListener("touchstart", r), e.removeEventListener("contextmenu", r));
+  }
+}
+export {
+  G as BaseController
+};

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -1 +1,102 @@
-"use strict";var p=Object.defineProperty;var u=(i,h,e)=>h in i?p(i,h,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[h]=e;var s=(i,h,e)=>(u(i,typeof h!="symbol"?h+"":h,e),e);const l=require("hammerjs"),m=require("../Model/index.js"),f=require("../Model/line.js"),d=require("../Model/point.js"),c=require("../../shared-utils/throttle.js"),v=require("./BaseController.js"),r=require("../utils/getIntersectionFromEvent.js"),P=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},g=P(l);class M extends v.BaseController{constructor(e){var o;super(e);s(this,"type","edit");s(this,"pressPoint");s(this,"hasAppendDashed",!1);s(this,"hasAppendMouseGroup",!1);s(this,"fiveElement");s(this,"lastPoint",null);s(this,"hammer");s(this,"onIntersectionUpdate",c.throttle((e,t)=>{var n;this.hasAppendMouseGroup===!1&&(this.group.add(this.mouseGroup),this.magnifier.appendTo(this.container),this.hasAppendMouseGroup=!0);const o=this.updateMouseGroup(e,t).position;(n=this.pressPoint)==null||n.position.copy(o),this.updateDashed(),requestAnimationFrame(()=>this.magnifier.renderWithPoint(this.mouseGroup.position)),this.five.needsRender=!0},20));s(this,"revoke",()=>{if(this.model.lines.length===0&&this.lastPoint){this.lastPoint=null,this.hasAppendDashed=!1,this.dashed.distanceItem.remove(),this.group.remove(this.dashed.mesh),this.hook.emit("anchorChange",null),this.five.needsRender=!0;return}if(this.model.lines.length===0&&!this.lastPoint||!this.lastPoint)return;const e=this.model.lines[this.model.lines.length-1],t=e.findAnotherPoint(this.lastPoint);!t||(this.lastPoint=t,this.hook.emit("anchorChange",t.position),this.group.remove(e.mesh),this.model.removeLine(e),this.hasAppendMouseGroup=!1,this.mouseGroup.position.copy(this.lastPoint.position),this.group.remove(this.mouseGroup),e.distanceItem.remove(),this.updateDashed(),this.magnifier.remove(),this.five.needsRender=!0)});s(this,"onMouseLeave",()=>{this.magnifier.remove(),this.group.remove(this.mouseGroup),this.hasAppendMouseGroup=!1,this.lastPoint&&(this.mouseGroup.position.copy(this.lastPoint.position),this.updateDashed())});s(this,"onLineChanged",()=>{this.hook.emit("editedLineChange",this.model.lines.map(e=>e.toCompletelyJson()))});s(this,"onPress",e=>{const[t]=r.getIntersectionFromEvent(this.five,e);if(!t||!t.face)return;const o=new d.Point(t.point);this.pressPoint=o,this.onIntersectionUpdate(t)});s(this,"onPan",e=>{if(!this.pressPoint)return;const[t]=r.getIntersectionFromEvent(this.five,e);!t||!t.face||this.onIntersectionUpdate(t)});s(this,"onPanEnd",e=>{!this.pressPoint||this.onTap(e)});s(this,"onTap",e=>{this.hasAppendDashed||(this.dashed.distanceItem.appendTo(this.container),this.group.add(this.dashed.mesh)),this.hasAppendDashed=!0;const[t]=r.getIntersectionFromEvent(this.five,e);this.updateMouseGroup(t);const o=new d.Point(this.mouseGroup.position),n=this.lastPoint;if(o&&(this.lastPoint=o),o&&n){const a=new f.Line(n,o,this.model);a.distanceItem.appendTo(this.container),this.model.addLine(a),this.group.add(a.mesh),a.distanceItem.update(this.five)}this.pressPoint=void 0,this.hasAppendMouseGroup=!1,this.magnifier.remove(),this.group.remove(this.mouseGroup),this.updateDashed(),this.five.needsRender=!0,this.hook.emit("anchorChange",o.position)});s(this,"onWantsTapGesture",()=>!1);s(this,"onWantsToMoveToPano",()=>!1);s(this,"onWantsPanGesture",()=>this.pressPoint?!1:void 0);s(this,"onCameraUpdate",()=>{this.updateDistanceUI(),this.dashed.distanceItem.update(this.five)});s(this,"updateDashed",()=>{!this.lastPoint||(this.dashed.points[0].position.copy(this.lastPoint.position),this.dashed.points[1].position.copy(this.mouseGroup.position),this.dashed.mesh.setPoints(this.lastPoint.position,this.mouseGroup.position),this.dashed.distanceItem.update(this.five))});this.model=new m.Model(this.config),this.five.on("cameraUpdate",this.onCameraUpdate),this.five.on("wantsPanGesture",this.onWantsPanGesture),this.five.on("wantsTapGesture",this.onWantsTapGesture),this.five.on("wantsToMoveToPano",this.onWantsToMoveToPano),this.five.on("intersectionOnModelUpdate",this.onIntersectionUpdate),this.model.hook.on("lineAdded",this.onLineChanged),this.model.hook.on("lineRemoved",this.onLineChanged);const t=this.five.getElement();if(t){this.fiveElement=t;const n=new g.default(t);this.hammer=n,n.on("tap",this.onTap),n.on("pan",this.onPan),n.on("press",this.onPress),n.on("panend",this.onPanEnd)}(o=this.fiveElement)==null||o.addEventListener("mouseleave",this.onMouseLeave),this.hook.emit("anchorChange",null),this.five.refresh()}dispose(){var e,t;super.dispose(),this.group.remove(this.mouseGroup,this.dashed.mesh),this.five.off("cameraUpdate",this.onCameraUpdate),this.five.off("wantsPanGesture",this.onWantsPanGesture),this.five.off("wantsTapGesture",this.onWantsTapGesture),this.five.off("wantsToMoveToPano",this.onWantsToMoveToPano),this.five.off("intersectionOnModelUpdate",this.onIntersectionUpdate),this.model.hook.off("lineAdded",this.onLineChanged),this.model.hook.off("lineRemoved",this.onLineChanged),(e=this.hammer)==null||e.destroy(),(t=this.fiveElement)==null||t.removeEventListener("mouseleave",this.onMouseLeave),this.magnifier.dispose(),this.dashed.distanceItem.remove(),this.five.needsRender=!0}getEditingLines(){return this.model.lines}}exports.EditController=M;
+var p = Object.defineProperty;
+var m = (h, n, e) => n in h ? p(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var s = (h, n, e) => (m(h, typeof n != "symbol" ? n + "" : n, e), e);
+import u from "hammerjs";
+import { Model as f } from "../Model/index.js";
+import { Line as l } from "../Model/line.js";
+import { Point as d } from "../Model/point.js";
+import { throttle as v } from "../../shared-utils/throttle.js";
+import { BaseController as c } from "./BaseController.js";
+import { getIntersectionFromEvent as r } from "../utils/getIntersectionFromEvent.js";
+class A extends c {
+  constructor(e) {
+    var i;
+    super(e);
+    s(this, "type", "edit");
+    s(this, "pressPoint");
+    s(this, "hasAppendDashed", !1);
+    s(this, "hasAppendMouseGroup", !1);
+    s(this, "fiveElement");
+    s(this, "lastPoint", null);
+    s(this, "hammer");
+    s(this, "onIntersectionUpdate", v((e, t) => {
+      var o;
+      this.hasAppendMouseGroup === !1 && (this.group.add(this.mouseGroup), this.magnifier.appendTo(this.container), this.hasAppendMouseGroup = !0);
+      const i = this.updateMouseGroup(e, t).position;
+      (o = this.pressPoint) == null || o.position.copy(i), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
+    }, 20));
+    s(this, "revoke", () => {
+      if (this.model.lines.length === 0 && this.lastPoint) {
+        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.distanceItem.remove(), this.group.remove(this.dashed.mesh), this.hook.emit("anchorChange", null), this.five.needsRender = !0;
+        return;
+      }
+      if (this.model.lines.length === 0 && !this.lastPoint || !this.lastPoint)
+        return;
+      const e = this.model.lines[this.model.lines.length - 1], t = e.findAnotherPoint(this.lastPoint);
+      !t || (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.model.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.remove(), this.five.needsRender = !0);
+    });
+    s(this, "onMouseLeave", () => {
+      this.magnifier.remove(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed());
+    });
+    s(this, "onLineChanged", () => {
+      this.hook.emit(
+        "editedLineChange",
+        this.model.lines.map((e) => e.toCompletelyJson())
+      );
+    });
+    s(this, "onPress", (e) => {
+      const [t] = r(this.five, e);
+      if (!t || !t.face)
+        return;
+      const i = new d(t.point);
+      this.pressPoint = i, this.onIntersectionUpdate(t);
+    });
+    s(this, "onPan", (e) => {
+      if (!this.pressPoint)
+        return;
+      const [t] = r(this.five, e);
+      !t || !t.face || this.onIntersectionUpdate(t);
+    });
+    s(this, "onPanEnd", (e) => {
+      !this.pressPoint || this.onTap(e);
+    });
+    s(this, "onTap", (e) => {
+      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh)), this.hasAppendDashed = !0;
+      const [t] = r(this.five, e);
+      this.updateMouseGroup(t);
+      const i = new d(this.mouseGroup.position), o = this.lastPoint;
+      if (i && (this.lastPoint = i), i && o) {
+        const a = new l(o, i, this.model);
+        a.distanceItem.appendTo(this.container), this.model.addLine(a), this.group.add(a.mesh), a.distanceItem.update(this.five);
+      }
+      this.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.remove(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", i.position);
+    });
+    s(this, "onWantsTapGesture", () => !1);
+    s(this, "onWantsToMoveToPano", () => !1);
+    s(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
+    s(this, "onCameraUpdate", () => {
+      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    });
+    s(this, "updateDashed", () => {
+      !this.lastPoint || (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five));
+    });
+    this.model = new f(this.config), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsPanGesture", this.onWantsPanGesture), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.on("intersectionOnModelUpdate", this.onIntersectionUpdate), this.model.hook.on("lineAdded", this.onLineChanged), this.model.hook.on("lineRemoved", this.onLineChanged);
+    const t = this.five.getElement();
+    if (t) {
+      this.fiveElement = t;
+      const o = new u(t);
+      this.hammer = o, o.on("tap", this.onTap), o.on("pan", this.onPan), o.on("press", this.onPress), o.on("panend", this.onPanEnd);
+    }
+    (i = this.fiveElement) == null || i.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.five.refresh();
+  }
+  dispose() {
+    var e, t;
+    super.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.onWantsPanGesture), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.off("intersectionOnModelUpdate", this.onIntersectionUpdate), this.model.hook.off("lineAdded", this.onLineChanged), this.model.hook.off("lineRemoved", this.onLineChanged), (e = this.hammer) == null || e.destroy(), (t = this.fiveElement) == null || t.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+  }
+  getEditingLines() {
+    return this.model.lines;
+  }
+}
+export {
+  A as EditController
+};