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

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -1 +1,183 @@
-"use strict";const c=require("svelte/internal"),Q=require("@realsee/five"),X=require("../shared-utils/animationFrame/index.js"),U=require("../shared-utils/equal.js"),Z=require("../shared-utils/math/planimetry.js"),$=require("../shared-utils/throttle.js"),G=require("svelte"),y=require("three"),ee=require("./RulerItem.js");function J(p,r,l){const e=p.slice();return e[12]=r[l],e}function K(p){let r,l;return r=new ee.RulerItem({props:{rulerItemProp:p[12]}}),{c(){c.create_component(r.$$.fragment)},m(e,t){c.mount_component(r,e,t),l=!0},p(e,t){const M={};t&1&&(M.rulerItemProp=e[12]),r.$set(M)},i(e){l||(c.transition_in(r.$$.fragment,e),l=!0)},o(e){c.transition_out(r.$$.fragment,e),l=!1},d(e){c.destroy_component(r,e)}}}function te(p){let r,l,e=p[0],t=[];for(let n=0;n<e.length;n+=1)t[n]=K(J(p,e,n));const M=n=>c.transition_out(t[n],1,1,()=>{t[n]=null});return{c(){r=c.element("div");for(let n=0;n<t.length;n+=1)t[n].c()},m(n,a){c.insert(n,r,a);for(let o=0;o<t.length;o+=1)t[o].m(r,null);l=!0},p(n,[a]){if(a&1){e=n[0];let o;for(o=0;o<e.length;o+=1){const V=J(n,e,o);t[o]?(t[o].p(V,a),c.transition_in(t[o],1)):(t[o]=K(V),t[o].c(),c.transition_in(t[o],1),t[o].m(r,null))}for(c.group_outros(),o=e.length;o<t.length;o+=1)M(o);c.check_outros()}},i(n){if(!l){for(let a=0;a<e.length;a+=1)c.transition_in(t[a]);l=!0}},o(n){t=t.filter(Boolean);for(let a=0;a<t.length;a+=1)c.transition_out(t[a]);l=!1},d(n){n&&c.detach(r),c.destroy_each(t,n)}}}function ne(p,r,l){var S,Y,k,H;let{five:e}=r,{rulerDatas:t}=r,{options:M}=r,n=[];const a=((Y=(S=e.getElement())==null?void 0:S.parentElement)==null?void 0:Y.clientWidth)||0,o=((H=(k=e.getElement())==null?void 0:k.parentElement)==null?void 0:H.clientHeight)||0,V=(i,u)=>{const f=[[{x:0,y:0},{x:a,y:0}],[{x:0,y:0},{x:0,y:o}],[{x:a,y:0},{x:a,y:o}],[{x:0,y:o},{x:a,y:o}]],m=[];for(let d=0;d<f.length;d++){const _=Z.intersectionOfLine([i,u],[f[d][0],f[d][1]],!0);_&&m.push(_)}return m.length===0?!1:m},C=(i,u)=>{const f=i.clone().project(e.camera),m=(f.x+1)/2*a,d=(-f.y+1)/2*o,_=u.clone().project(e.camera),b=(_.x+1)/2*a,q=(-_.y+1)/2*o,s=Math.sqrt(Math.pow(b-m,2)+Math.pow(q-d,2));return{startLeft:m,startTop:d,endLeft:b,endTop:q,distance:s}},N=(i,u,f)=>{const m=e.camera.position,d=e.camera.getWorldDirection(new y.Vector3),_=i.clone().sub(m).normalize().angleTo(d),b=u.clone().sub(m).normalize().angleTo(d),q=i.distanceTo(u),I=u.clone().sub(u.clone().sub(i).divide(new y.Vector3(2,2,2))).distanceTo(m),{startLeft:g,startTop:x,endLeft:F,endTop:L,distance:T}=C(i,u),W=-((Math.PI/2-Math.atan2(F-g,x-L))/Math.PI)*180;let P=!0;f||(P=!1),!U.equal(i,f)&&!U.equal(u,f)&&(P=!1),q<.3&&(P=!1),_>Math.PI/2&&(P=!1),b>Math.PI/2&&(P=!1),I/q>8&&(P=!1);let D=50,v=T;const h=V({x:~~g,y:~~x},{x:~~F,y:~~L});if(h&&h.length===1&&(U.equal(i,f)?(v=Math.sqrt(Math.pow(h[0].x-g,2)+Math.pow(h[0].y-x,2)),D=v/T*50):U.equal(u,f)&&(v=Math.sqrt(Math.pow(h[0].x-F,2)+Math.pow(h[0].y-L,2)),D=100-v/T*50)),h&&h.length===2){const R={x:(h[0].x+h[1].x)/2,y:(h[0].y+h[1].y)/2};D=Math.sqrt(Math.pow(R.x-g,2)+Math.pow(R.y-x,2))/T*100}return{startLeft:g,startTop:x,distance:T,deg:W,visible:P,labelOffset:D,ruleLength:q}},w=()=>{const i=e.panoIndex,u=t.find(s=>s.panoIndex===i);if(!u)return l(0,n=[]);if(e.currentMode!==Q.Five.Mode.Panorama)return l(0,n=[]);const f=e.camera.position,m=e.camera.getWorldDirection(new y.Vector3),d=u.lines.map(s=>new y.Vector3(s.start[0],-s.start[1],-s.start[2])),_=u.lines.map(s=>new y.Vector3(s.end[0],-s.end[1],-s.end[2])),[b]=d.concat(_).sort((s,I)=>{const g=s.clone().setY(0).sub(f).normalize().angleTo(m.clone().setY(0)),x=I.clone().setY(0).sub(f).normalize().angleTo(m.clone().setY(0));return g-x}),q=u.lines.map(s=>{var v,h;const I=s.start,g=s.end,{startLeft:x,startTop:F,distance:L,deg:T,visible:B,labelOffset:W,ruleLength:P}=N(new y.Vector3(I[0],-I[1],-I[2]),new y.Vector3(g[0],-g[1],-g[2]),b),D=[];return s.children&&((v=s.children)==null?void 0:v.length)>0&&((h=s.children)==null||h.forEach(R=>{const A=R.start,z=R.end,{distance:O}=C(new y.Vector3(A[0],-A[1],-A[2]),new y.Vector3(z[0],-z[1],-z[2]));D.push({width:O,state:R.state})})),{width:L,left:x,top:F,rotateDeg:T,state:s.state,children:D,labelOffset:W,visible:B,labelElement:M.distanceText(P)}});l(0,n=q)},E=()=>X.nextFrame(w),j=$.throttle(w,80);return G.onMount(()=>{w(),e.on("panoArrived",w),e.on("modeChange",w),e.on("cameraDirectionUpdate",E),e.on("movingToPano",E),e.on("mouseWheel",()=>j()),e.on("pinchGesture",()=>j())}),G.onDestroy(()=>{e.off("panoArrived",w),e.off("modeChange",w),e.off("cameraDirectionUpdate",E),e.off("movingToPano",E),e.off("mouseWheel",()=>j()),e.off("pinchGesture",()=>j())}),p.$$set=i=>{"five"in i&&l(1,e=i.five),"rulerDatas"in i&&l(2,t=i.rulerDatas),"options"in i&&l(3,M=i.options)},[n,e,t,M]}class oe extends c.SvelteComponent{constructor(r){super(),c.init(this,r,ne,te,c.safe_not_equal,{five:1,rulerDatas:2,options:3})}}exports.RulerItems=oe;
+import { SvelteComponent as Q, init as X, safe_not_equal as Z, element as $, insert as tt, transition_in as C, group_outros as et, check_outros as nt, transition_out as k, detach as ot, destroy_each as rt, create_component as st, mount_component as at, destroy_component as ct } from "svelte/internal";
+import { Five as it } from "@realsee/five";
+import { nextFrame as lt } from "../shared-utils/animationFrame/index.js";
+import { equal as z } from "../shared-utils/equal.js";
+import { intersectionOfLine as ft } from "../shared-utils/math/planimetry.js";
+import { throttle as mt } from "../shared-utils/throttle.js";
+import { onMount as ut, onDestroy as ht } from "svelte";
+import { Vector3 as M } from "three";
+import dt from "./RulerItem.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "@tweenjs/tween.js";
+import "../shared-utils/isTruelyObject.js";
+function J(p, r, i) {
+  const t = p.slice();
+  return t[12] = r[i], t;
+}
+function K(p) {
+  let r, i;
+  return r = new dt({
+    props: { rulerItemProp: p[12] }
+  }), {
+    c() {
+      st(r.$$.fragment);
+    },
+    m(t, e) {
+      at(r, t, e), i = !0;
+    },
+    p(t, e) {
+      const w = {};
+      e & 1 && (w.rulerItemProp = t[12]), r.$set(w);
+    },
+    i(t) {
+      i || (C(r.$$.fragment, t), i = !0);
+    },
+    o(t) {
+      k(r.$$.fragment, t), i = !1;
+    },
+    d(t) {
+      ct(r, t);
+    }
+  };
+}
+function pt(p) {
+  let r, i, t = p[0], e = [];
+  for (let n = 0; n < t.length; n += 1)
+    e[n] = K(J(p, t, n));
+  const w = (n) => k(e[n], 1, 1, () => {
+    e[n] = null;
+  });
+  return {
+    c() {
+      r = $("div");
+      for (let n = 0; n < e.length; n += 1)
+        e[n].c();
+    },
+    m(n, a) {
+      tt(n, r, a);
+      for (let o = 0; o < e.length; o += 1)
+        e[o].m(r, null);
+      i = !0;
+    },
+    p(n, [a]) {
+      if (a & 1) {
+        t = n[0];
+        let o;
+        for (o = 0; o < t.length; o += 1) {
+          const A = J(n, t, o);
+          e[o] ? (e[o].p(A, a), C(e[o], 1)) : (e[o] = K(A), e[o].c(), C(e[o], 1), e[o].m(r, null));
+        }
+        for (et(), o = t.length; o < e.length; o += 1)
+          w(o);
+        nt();
+      }
+    },
+    i(n) {
+      if (!i) {
+        for (let a = 0; a < t.length; a += 1)
+          C(e[a]);
+        i = !0;
+      }
+    },
+    o(n) {
+      e = e.filter(Boolean);
+      for (let a = 0; a < e.length; a += 1)
+        k(e[a]);
+      i = !1;
+    },
+    d(n) {
+      n && ot(r), rt(e, n);
+    }
+  };
+}
+function gt(p, r, i) {
+  var B, G, H, U;
+  let { five: t } = r, { rulerDatas: e } = r, { options: w } = r, n = [];
+  const a = ((G = (B = t.getElement()) == null ? void 0 : B.parentElement) == null ? void 0 : G.clientWidth) || 0, o = ((U = (H = t.getElement()) == null ? void 0 : H.parentElement) == null ? void 0 : U.clientHeight) || 0, A = (c, l) => {
+    const f = [
+      [{ x: 0, y: 0 }, { x: a, y: 0 }],
+      [{ x: 0, y: 0 }, { x: 0, y: o }],
+      [{ x: a, y: 0 }, { x: a, y: o }],
+      [{ x: 0, y: o }, { x: a, y: o }]
+    ], u = [];
+    for (let h = 0; h < f.length; h++) {
+      const g = ft([c, l], [f[h][0], f[h][1]], !0);
+      g && u.push(g);
+    }
+    return u.length === 0 ? !1 : u;
+  }, j = (c, l) => {
+    const f = c.clone().project(t.camera), u = (f.x + 1) / 2 * a, h = (-f.y + 1) / 2 * o, g = l.clone().project(t.camera), L = (g.x + 1) / 2 * a, y = (-g.y + 1) / 2 * o, s = Math.sqrt(Math.pow(L - u, 2) + Math.pow(y - h, 2));
+    return {
+      startLeft: u,
+      startTop: h,
+      endLeft: L,
+      endTop: y,
+      distance: s
+    };
+  }, N = (c, l, f) => {
+    const u = t.camera.position, h = t.camera.getWorldDirection(new M()), g = c.clone().sub(u).normalize().angleTo(h), L = l.clone().sub(u).normalize().angleTo(h), y = c.distanceTo(l), T = l.clone().sub(l.clone().sub(c).divide(new M(2, 2, 2))).distanceTo(u), { startLeft: d, startTop: x, endLeft: v, endTop: q, distance: D } = j(c, l), S = -((Math.PI / 2 - Math.atan2(v - d, x - q)) / Math.PI) * 180;
+    let P = !0;
+    f || (P = !1), !z(c, f) && !z(l, f) && (P = !1), y < 0.3 && (P = !1), g > Math.PI / 2 && (P = !1), L > Math.PI / 2 && (P = !1), T / y > 8 && (P = !1);
+    let I = 50, b = D;
+    const m = A({ x: ~~d, y: ~~x }, { x: ~~v, y: ~~q });
+    if (m && m.length === 1 && (z(c, f) ? (b = Math.sqrt(Math.pow(m[0].x - d, 2) + Math.pow(m[0].y - x, 2)), I = b / D * 50) : z(l, f) && (b = Math.sqrt(Math.pow(m[0].x - v, 2) + Math.pow(m[0].y - q, 2)), I = 100 - b / D * 50)), m && m.length === 2) {
+      const F = {
+        x: (m[0].x + m[1].x) / 2,
+        y: (m[0].y + m[1].y) / 2
+      };
+      I = Math.sqrt(Math.pow(F.x - d, 2) + Math.pow(F.y - x, 2)) / D * 100;
+    }
+    return {
+      startLeft: d,
+      startTop: x,
+      distance: D,
+      deg: S,
+      visible: P,
+      labelOffset: I,
+      ruleLength: y
+    };
+  }, _ = () => {
+    const c = t.panoIndex, l = e.find((s) => s.panoIndex === c);
+    if (!l)
+      return i(0, n = []);
+    if (t.currentMode !== it.Mode.Panorama)
+      return i(0, n = []);
+    const f = t.camera.position, u = t.camera.getWorldDirection(new M()), h = l.lines.map((s) => new M(s.start[0], -s.start[1], -s.start[2])), g = l.lines.map((s) => new M(s.end[0], -s.end[1], -s.end[2])), [L] = h.concat(g).sort((s, T) => {
+      const d = s.clone().setY(0).sub(f).normalize().angleTo(u.clone().setY(0)), x = T.clone().setY(0).sub(f).normalize().angleTo(u.clone().setY(0));
+      return d - x;
+    }), y = l.lines.map((s) => {
+      var b, m;
+      const T = s.start, d = s.end, { startLeft: x, startTop: v, distance: q, deg: D, visible: V, labelOffset: S, ruleLength: P } = N(new M(T[0], -T[1], -T[2]), new M(d[0], -d[1], -d[2]), L), I = [];
+      return s.children && ((b = s.children) == null ? void 0 : b.length) > 0 && ((m = s.children) == null || m.forEach((F) => {
+        const W = F.start, Y = F.end, { distance: O } = j(new M(W[0], -W[1], -W[2]), new M(Y[0], -Y[1], -Y[2]));
+        I.push({ width: O, state: F.state });
+      })), {
+        width: q,
+        left: x,
+        top: v,
+        rotateDeg: D,
+        state: s.state,
+        children: I,
+        labelOffset: S,
+        visible: V,
+        labelElement: w.distanceText(P)
+      };
+    });
+    i(0, n = y);
+  }, E = () => lt(_), R = mt(_, 80);
+  return ut(() => {
+    _(), t.on("panoArrived", _), t.on("modeChange", _), t.on("cameraDirectionUpdate", E), t.on("movingToPano", E), t.on("mouseWheel", () => R()), t.on("pinchGesture", () => R());
+  }), ht(() => {
+    t.off("panoArrived", _), t.off("modeChange", _), t.off("cameraDirectionUpdate", E), t.off("movingToPano", E), t.off("mouseWheel", () => R()), t.off("pinchGesture", () => R());
+  }), p.$$set = (c) => {
+    "five" in c && i(1, t = c.five), "rulerDatas" in c && i(2, e = c.rulerDatas), "options" in c && i(3, w = c.options);
+  }, [n, t, e, w];
+}
+class vt extends Q {
+  constructor(r) {
+    super(), X(this, r, gt, pt, Z, { five: 1, rulerDatas: 2, options: 3 });
+  }
+}
+export {
+  vt as default
+};

package/libs/PanoRulerProPlugin/index.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Controller.js");require("./RulerItems.js");require("svelte/internal");require("@realsee/five");require("../shared-utils/animationFrame/index.js");require("../shared-utils/animationFrame/BetterTween.js");require("@tweenjs/tween.js");require("../shared-utils/equal.js");require("../shared-utils/isTruelyObject.js");require("../shared-utils/math/planimetry.js");require("../shared-utils/throttle.js");require("svelte");require("three");require("./RulerItem.js");const e=(r,t)=>new u.Controller(r,t);exports.PanoRulerProPlugin=e;exports.default=e;
+import { Controller as n } from "./Controller.js";
+const t = (r, o) => new n(r, o);
+export {
+  t as PanoRulerProPlugin
+};

package/libs/PanoSpatialTagPlugin/Components/origins.js

@@ -1 +1,82 @@
-"use strict";const n=require("svelte/internal"),_=require("../store.js");function u(s){n.append_styles(s,"svelte-19zi46m",".PanoSpatialTagPlugin__tag-origin.svelte-19zi46m{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-19zi46m:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-19zi46m{transform:translate(-50%, -50%) scale(0.6);animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}")}function f(s,e,l){const t=s.slice();return t[3]=e[l],t}function c(s){let e,l=`${s[3].top}%`,t=`${s[3].left}%`,i,o;function a(){return s[2](s[3])}return{c(){e=n.element("i"),n.attr(e,"class","svelte-19zi46m"),n.toggle_class(e,"PanoSpatialTagPlugin__tag-origin",!0),n.toggle_class(e,"PanoSpatialTagPlugin__tag-origin-destroy",s[3].destroying),n.set_style(e,"top",l,!1),n.set_style(e,"left",t,!1),n.set_style(e,"visibility",s[3].front?"visible":"hidden",!1)},m(r,g){n.insert(r,e,g),i||(o=n.listen(e,"click",a),i=!0)},p(r,g){s=r,g&1&&n.toggle_class(e,"PanoSpatialTagPlugin__tag-origin-destroy",s[3].destroying),g&1&&l!==(l=`${s[3].top}%`)&&n.set_style(e,"top",l,!1),g&1&&t!==(t=`${s[3].left}%`)&&n.set_style(e,"left",t,!1),g&1&&n.set_style(e,"visibility",s[3].front?"visible":"hidden",!1)},d(r){r&&n.detach(e),i=!1,o()}}}function p(s){let e,l=s[0],t=[];for(let i=0;i<l.length;i+=1)t[i]=c(f(s,l,i));return{c(){for(let i=0;i<t.length;i+=1)t[i].c();e=n.empty()},m(i,o){for(let a=0;a<t.length;a+=1)t[a].m(i,o);n.insert(i,e,o)},p(i,[o]){if(o&3){l=i[0];let a;for(a=0;a<l.length;a+=1){const r=f(i,l,a);t[a]?t[a].p(r,o):(t[a]=c(r),t[a].c(),t[a].m(e.parentNode,e))}for(;a<t.length;a+=1)t[a].d(1);t.length=l.length}},i:n.noop,o:n.noop,d(i){n.destroy_each(t,i),i&&n.detach(e)}}}function m(s,e,l){let{origins:t}=e;const i=a=>{_.currentTarget.update(()=>`${a}-PanoSpatialTagPlugin-${Date.now()}`)},o=a=>i(a.id);return s.$$set=a=>{"origins"in a&&l(0,t=a.origins)},[t,i,o]}class d extends n.SvelteComponent{constructor(e){super(),n.init(this,e,m,p,n.safe_not_equal,{origins:0},u)}}exports.Origins=d;
+import { SvelteComponent as d, init as h, safe_not_equal as P, append_styles as y, empty as v, insert as p, noop as c, destroy_each as S, detach as u, element as T, attr as b, toggle_class as f, set_style as g, listen as k } from "svelte/internal";
+import { currentTarget as z } from "../store.js";
+import "svelte/store";
+function w(n) {
+  y(n, "svelte-19zi46m", ".PanoSpatialTagPlugin__tag-origin.svelte-19zi46m{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-19zi46m:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-19zi46m{transform:translate(-50%, -50%) scale(0.6);animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
+}
+function _(n, t, l) {
+  const e = n.slice();
+  return e[3] = t[l], e;
+}
+function m(n) {
+  let t, l = `${n[3].top}%`, e = `${n[3].left}%`, i, o;
+  function a() {
+    return n[2](n[3]);
+  }
+  return {
+    c() {
+      t = T("i"), b(t, "class", "svelte-19zi46m"), f(t, "PanoSpatialTagPlugin__tag-origin", !0), f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), g(t, "top", l, !1), g(t, "left", e, !1), g(t, "visibility", n[3].front ? "visible" : "hidden", !1);
+    },
+    m(s, r) {
+      p(s, t, r), i || (o = k(t, "click", a), i = !0);
+    },
+    p(s, r) {
+      n = s, r & 1 && f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), r & 1 && l !== (l = `${n[3].top}%`) && g(t, "top", l, !1), r & 1 && e !== (e = `${n[3].left}%`) && g(t, "left", e, !1), r & 1 && g(t, "visibility", n[3].front ? "visible" : "hidden", !1);
+    },
+    d(s) {
+      s && u(t), i = !1, o();
+    }
+  };
+}
+function $(n) {
+  let t, l = n[0], e = [];
+  for (let i = 0; i < l.length; i += 1)
+    e[i] = m(_(n, l, i));
+  return {
+    c() {
+      for (let i = 0; i < e.length; i += 1)
+        e[i].c();
+      t = v();
+    },
+    m(i, o) {
+      for (let a = 0; a < e.length; a += 1)
+        e[a].m(i, o);
+      p(i, t, o);
+    },
+    p(i, [o]) {
+      if (o & 3) {
+        l = i[0];
+        let a;
+        for (a = 0; a < l.length; a += 1) {
+          const s = _(i, l, a);
+          e[a] ? e[a].p(s, o) : (e[a] = m(s), e[a].c(), e[a].m(t.parentNode, t));
+        }
+        for (; a < e.length; a += 1)
+          e[a].d(1);
+        e.length = l.length;
+      }
+    },
+    i: c,
+    o: c,
+    d(i) {
+      S(e, i), i && u(t);
+    }
+  };
+}
+function C(n, t, l) {
+  let { origins: e } = t;
+  const i = (a) => {
+    z.update(() => `${a}-PanoSpatialTagPlugin-${Date.now()}`);
+  }, o = (a) => i(a.id);
+  return n.$$set = (a) => {
+    "origins" in a && l(0, e = a.origins);
+  }, [e, i, o];
+}
+class O extends d {
+  constructor(t) {
+    super(), h(this, t, C, $, P, { origins: 0 }, w);
+  }
+}
+export {
+  O as default
+};

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -1 +1,125 @@
-"use strict";const a=require("svelte/internal"),w=require("svelte"),H=require("../store.js");function D(l){a.append_styles(l,"svelte-1i5h9zh",".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}")}function W(l){let t,n,r,g,P,m,c,T,p,h,_,o,u,d,v;return{c(){t=a.element("div"),n=a.element("div"),r=a.space(),g=a.element("div"),P=a.element("i"),m=a.space(),c=a.element("i"),T=a.space(),p=a.element("i"),h=a.space(),_=a.element("div"),o=a.element("div"),a.attr(n,"class","PanoSpatialTagPlugin__tag-shadow svelte-1i5h9zh"),a.set_style(n,"transform","translate("+l[7]/2*l[3]*3+"px, "+l[8]/2*(l[1]?-1:1)*l[3]*3+"px) scale("+1/l[3]+")"),a.attr(P,"class","PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"),a.set_style(P,"width",l[4]+"rem"),a.attr(c,"class","PanoSpatialTagPlugin__tag-line1 svelte-1i5h9zh"),a.attr(p,"class","PanoSpatialTagPlugin__tag-line2 svelte-1i5h9zh"),a.attr(g,"class","PanoSpatialTagPlugin__tag-line svelte-1i5h9zh"),a.attr(o,"class","PanoSpatialTagPlugin__tag-content svelte-1i5h9zh"),a.attr(_,"class","PanoSpatialTagPlugin__tag-animate svelte-1i5h9zh"),a.set_style(_,"transform","scale("+l[3]*3+")"),a.attr(t,"id",u="PanoSpatialTagPlugin__"+l[0]),a.set_style(t,"height",20*l[5]+"rem"),a.attr(t,"class","svelte-1i5h9zh"),a.toggle_class(t,"PanoSpatialTagPlugin__tag-x",!0),a.toggle_class(t,"PanoSpatialTagPlugin__tag-upside-down",l[1]),a.toggle_class(t,"PanoSpatialTagPlugin__tag-show",l[10]),a.toggle_class(t,"PanoSpatialTagPlugin__tag-hide",l[10]===!1||l[6])},m(i,s){a.insert(i,t,s),a.append(t,n),a.append(t,r),a.append(t,g),a.append(g,P),a.append(g,m),a.append(g,c),a.append(g,T),a.append(g,p),a.append(t,h),a.append(t,_),a.append(_,o),o.innerHTML=l[2],l[16](o),d||(v=a.listen(o,"click",l[11]),d=!0)},p(i,[s]){s&394&&a.set_style(n,"transform","translate("+i[7]/2*i[3]*3+"px, "+i[8]/2*(i[1]?-1:1)*i[3]*3+"px) scale("+1/i[3]+")"),s&16&&a.set_style(P,"width",i[4]+"rem"),s&4&&(o.innerHTML=i[2]),s&8&&a.set_style(_,"transform","scale("+i[3]*3+")"),s&1&&u!==(u="PanoSpatialTagPlugin__"+i[0])&&a.attr(t,"id",u),s&32&&a.set_style(t,"height",20*i[5]+"rem"),s&2&&a.toggle_class(t,"PanoSpatialTagPlugin__tag-upside-down",i[1]),s&1024&&a.toggle_class(t,"PanoSpatialTagPlugin__tag-show",i[10]),s&1088&&a.toggle_class(t,"PanoSpatialTagPlugin__tag-hide",i[10]===!1||i[6])},i:a.noop,o:a.noop,d(i){i&&a.detach(t),l[16](null),d=!1,v()}}}function q(l,t,n){let{id:r}=t,{upsideDown:g}=t,{content:P}=t,{contentZoom:m}=t,{lineWidthZoom:c}=t,{lineHeightZoom:T}=t,{destroying:p=!1}=t,{folded:h}=t,{dispose:_}=t,{events:o}=t,{hooks:u}=t,d=0,v=0,i,s,z=setTimeout(()=>{h||n(10,s=!0),z=void 0},100);const k=e=>{const S=Object.keys(o);let f=e.target;for(;f;){const b=f.getAttribute("class");if(!b){f=f.parentNode;continue}if(b.includes("PanoSpatialTagPlugin__tag-content")){f=null;break}S.forEach(y=>{b.includes(y)&&o[y](r)}),f=f.parentNode}};w.onMount(()=>{u.emit("initTag",{id:r})});const Y=H.currentTarget.subscribe(e=>{if(e===null)return;const[S,f]=e.split("-PanoSpatialTagPlugin-");r===S&&(u.emit("clickOrigin",{id:r,show:s}),z||(n(10,s=h),n(12,h=!h),z=setTimeout(()=>{z=void 0},1500)))});w.afterUpdate(()=>{n(7,d=i.offsetWidth),n(8,v=i.offsetHeight),!z&&n(10,s=!h)}),w.onDestroy(()=>{u.emit("destroyTag",{id:r}),Y(),_()});function Z(e){a.binding_callbacks[e?"unshift":"push"](()=>{i=e,n(9,i)})}return l.$$set=e=>{"id"in e&&n(0,r=e.id),"upsideDown"in e&&n(1,g=e.upsideDown),"content"in e&&n(2,P=e.content),"contentZoom"in e&&n(3,m=e.contentZoom),"lineWidthZoom"in e&&n(4,c=e.lineWidthZoom),"lineHeightZoom"in e&&n(5,T=e.lineHeightZoom),"destroying"in e&&n(6,p=e.destroying),"folded"in e&&n(12,h=e.folded),"dispose"in e&&n(13,_=e.dispose),"events"in e&&n(14,o=e.events),"hooks"in e&&n(15,u=e.hooks)},[r,g,P,m,c,T,p,d,v,i,s,k,h,_,o,u,Z]}class N extends a.SvelteComponent{constructor(t){super(),a.init(this,t,q,W,a.safe_not_equal,{id:0,upsideDown:1,content:2,contentZoom:3,lineWidthZoom:4,lineHeightZoom:5,destroying:6,folded:12,dispose:13,events:14,hooks:15},D)}}exports.Tag=N;
+import { SvelteComponent as F, init as M, safe_not_equal as j, append_styles as I, element as d, space as k, attr as u, set_style as c, toggle_class as p, insert as L, append as g, listen as O, noop as D, detach as q, binding_callbacks as A } from "svelte/internal";
+import { onMount as E, afterUpdate as U, onDestroy as B } from "svelte";
+import { currentTarget as G } from "../store.js";
+import "svelte/store";
+function J(n) {
+  I(n, "svelte-1i5h9zh", ".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
+}
+function K(n) {
+  let a, i, h, s, f, S, T, b, z, r, _, o, P, v, w;
+  return {
+    c() {
+      a = d("div"), i = d("div"), h = k(), s = d("div"), f = d("i"), S = k(), T = d("i"), b = k(), z = d("i"), r = k(), _ = d("div"), o = d("div"), u(i, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1i5h9zh"), c(i, "transform", "translate(" + n[7] / 2 * n[3] * 3 + "px, " + n[8] / 2 * (n[1] ? -1 : 1) * n[3] * 3 + "px) scale(" + 1 / n[3] + ")"), u(f, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"), c(f, "width", n[4] + "rem"), u(T, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1i5h9zh"), u(z, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1i5h9zh"), u(s, "class", "PanoSpatialTagPlugin__tag-line svelte-1i5h9zh"), u(o, "class", "PanoSpatialTagPlugin__tag-content svelte-1i5h9zh"), u(_, "class", "PanoSpatialTagPlugin__tag-animate svelte-1i5h9zh"), c(_, "transform", "scale(" + n[3] * 3 + ")"), u(a, "id", P = "PanoSpatialTagPlugin__" + n[0]), c(a, "height", 20 * n[5] + "rem"), u(a, "class", "svelte-1i5h9zh"), p(a, "PanoSpatialTagPlugin__tag-x", !0), p(a, "PanoSpatialTagPlugin__tag-upside-down", n[1]), p(a, "PanoSpatialTagPlugin__tag-show", n[10]), p(a, "PanoSpatialTagPlugin__tag-hide", n[10] === !1 || n[6]);
+    },
+    m(e, l) {
+      L(e, a, l), g(a, i), g(a, h), g(a, s), g(s, f), g(s, S), g(s, T), g(s, b), g(s, z), g(a, r), g(a, _), g(_, o), o.innerHTML = n[2], n[16](o), v || (w = O(o, "click", n[11]), v = !0);
+    },
+    p(e, [l]) {
+      l & 394 && c(i, "transform", "translate(" + e[7] / 2 * e[3] * 3 + "px, " + e[8] / 2 * (e[1] ? -1 : 1) * e[3] * 3 + "px) scale(" + 1 / e[3] + ")"), l & 16 && c(f, "width", e[4] + "rem"), l & 4 && (o.innerHTML = e[2]), l & 8 && c(_, "transform", "scale(" + e[3] * 3 + ")"), l & 1 && P !== (P = "PanoSpatialTagPlugin__" + e[0]) && u(a, "id", P), l & 32 && c(a, "height", 20 * e[5] + "rem"), l & 2 && p(a, "PanoSpatialTagPlugin__tag-upside-down", e[1]), l & 1024 && p(a, "PanoSpatialTagPlugin__tag-show", e[10]), l & 1088 && p(a, "PanoSpatialTagPlugin__tag-hide", e[10] === !1 || e[6]);
+    },
+    i: D,
+    o: D,
+    d(e) {
+      e && q(a), n[16](null), v = !1, w();
+    }
+  };
+}
+function Q(n, a, i) {
+  let { id: h } = a, { upsideDown: s } = a, { content: f } = a, { contentZoom: S } = a, { lineWidthZoom: T } = a, { lineHeightZoom: b } = a, { destroying: z = !1 } = a, { folded: r } = a, { dispose: _ } = a, { events: o } = a, { hooks: P } = a, v = 0, w = 0, e, l, y = setTimeout(
+    () => {
+      r || i(10, l = !0), y = void 0;
+    },
+    100
+  );
+  const W = (t) => {
+    const Y = Object.keys(o);
+    let m = t.target;
+    for (; m; ) {
+      const Z = m.getAttribute("class");
+      if (!Z) {
+        m = m.parentNode;
+        continue;
+      }
+      if (Z.includes("PanoSpatialTagPlugin__tag-content")) {
+        m = null;
+        break;
+      }
+      Y.forEach((H) => {
+        Z.includes(H) && o[H](h);
+      }), m = m.parentNode;
+    }
+  };
+  E(() => {
+    P.emit("initTag", { id: h });
+  });
+  const N = G.subscribe((t) => {
+    if (t === null)
+      return;
+    const [Y, m] = t.split("-PanoSpatialTagPlugin-");
+    h === Y && (P.emit("clickOrigin", { id: h, show: l }), y || (i(10, l = r), i(12, r = !r), y = setTimeout(
+      () => {
+        y = void 0;
+      },
+      1500
+    )));
+  });
+  U(() => {
+    i(7, v = e.offsetWidth), i(8, w = e.offsetHeight), !y && i(10, l = !r);
+  }), B(() => {
+    P.emit("destroyTag", { id: h }), N(), _();
+  });
+  function C(t) {
+    A[t ? "unshift" : "push"](() => {
+      e = t, i(9, e);
+    });
+  }
+  return n.$$set = (t) => {
+    "id" in t && i(0, h = t.id), "upsideDown" in t && i(1, s = t.upsideDown), "content" in t && i(2, f = t.content), "contentZoom" in t && i(3, S = t.contentZoom), "lineWidthZoom" in t && i(4, T = t.lineWidthZoom), "lineHeightZoom" in t && i(5, b = t.lineHeightZoom), "destroying" in t && i(6, z = t.destroying), "folded" in t && i(12, r = t.folded), "dispose" in t && i(13, _ = t.dispose), "events" in t && i(14, o = t.events), "hooks" in t && i(15, P = t.hooks);
+  }, [
+    h,
+    s,
+    f,
+    S,
+    T,
+    b,
+    z,
+    v,
+    w,
+    e,
+    l,
+    W,
+    r,
+    _,
+    o,
+    P,
+    C
+  ];
+}
+class $ extends F {
+  constructor(a) {
+    super(), M(
+      this,
+      a,
+      Q,
+      K,
+      j,
+      {
+        id: 0,
+        upsideDown: 1,
+        content: 2,
+        contentZoom: 3,
+        lineWidthZoom: 4,
+        lineHeightZoom: 5,
+        destroying: 6,
+        folded: 12,
+        dispose: 13,
+        events: 14,
+        hooks: 15
+      },
+      J
+    );
+  }
+}
+export {
+  $ as default
+};