@realsee/dnalogel 2.16.0-10 → 2.16.0-11

package/libs/PanoRulerPlugin/Plugin.js

@@ -1,7 +1,7 @@
 var ne = Object.defineProperty;
 var J = Object.getOwnPropertySymbols;
 var oe = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
-var Q = (t, n, e) => n in t ? ne(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, U = (t, n) => {
+var Q = (t, n, e) => n in t ? ne(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, B = (t, n) => {
   for (var e in n || (n = {}))
     oe.call(n, e) && Q(t, e, n[e]);
   if (J)
@@ -9,8 +9,8 @@ var Q = (t, n, e) => n in t ? ne(t, n, { enumerable: !0, configurable: !0, writa
       se.call(n, e) && Q(t, e, n[e]);
   return t;
 };
-var X = (t, n, e) => new Promise((F, h) => {
-  var I = (x) => {
+var X = (t, n, e) => new Promise(($, h) => {
+  var S = (x) => {
     try {
       u(e.next(x));
     } catch (v) {
@@ -22,30 +22,30 @@ var X = (t, n, e) => new Promise((F, h) => {
     } catch (v) {
       h(v);
     }
-  }, u = (x) => x.done ? F(x.value) : Promise.resolve(x.value).then(I, l);
+  }, u = (x) => x.done ? $(x.value) : Promise.resolve(x.value).then(S, l);
   u((e = e.apply(t, n)).next());
 });
 import { Five as re } from "@realsee/five";
-import { Vector3 as D, Raycaster as ie } from "three";
+import { Vector3 as L, Raycaster as ie } from "three";
 import { intersectionOfLine as le } from "../shared-utils/math/planimetry.js";
 import { nextFrame as ae } from "../shared-utils/nextFrame.js";
 import ce from "./style.js";
 const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)), de = (t, n) => {
-  const e = {}, F = new ie(), h = n.work;
+  const e = {}, $ = new ie(), h = n.work;
   if (!h)
     return e;
-  const I = t.observers;
+  const S = t.observers;
   h.observers.forEach((l, u) => {
-    const { standingPosition: x } = l, v = new D(x.x, x.y, x.z);
-    F.set(v, new D(0, 1, 0));
-    const [$] = n.model.intersectRaycaster(F), z = $ ? $.point.y : 2.7, L = I[u];
-    if (!L)
+    const { standingPosition: x } = l, v = new L(x.x, x.y, x.z);
+    $.set(v, new L(0, 1, 0));
+    const [I] = n.model.intersectRaycaster($), q = I ? I.point.y : 2.7, k = S[u];
+    if (!k)
       return e;
-    const O = t.rooms[L].name;
-    e[O] === void 0 ? e[O] = {
-      __roof: [z],
+    const A = t.rooms[k].name;
+    e[A] === void 0 ? e[A] = {
+      __roof: [q],
       __floor: [v.y]
-    } : (e[O].__roof.push(z), e[O].__floor.push(v.y));
+    } : (e[A].__roof.push(q), e[A].__floor.push(v.y));
   });
   for (const l in e) {
     const u = e[l];
@@ -59,7 +59,7 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
     options: n.options || {
       distanceText: (r) => `${r.toFixed(1)}m`
     }
-  }, F = (r, a) => {
+  }, $ = (r, a) => {
     const c = `
       <div class="PanoRulerPlugin-rule-line">
         <em></em>
@@ -74,11 +74,11 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
     "style",
     "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
   );
-  const I = document.createElement("div");
-  I.innerHTML = ce, h.appendChild(I);
+  const S = document.createElement("div");
+  S.innerHTML = ce, h.appendChild(S);
   const l = {}, u = (r, a) => {
     if (e.loaded)
-      throw new Error("\u6807\u5C3A\u88AB\u91CD\u590D\u521D\u59CB\u5316\uFF01");
+      throw new Error("标尺被重复初始化！");
     const c = de(r, t), o = t.work;
     if (!o)
       return !1;
@@ -91,21 +91,21 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
           y: p.y,
           z: p.z
         };
-        b.forEach((k) => {
-          if (!o.observers[k])
+        b.forEach((C) => {
+          if (!o.observers[C])
             return;
-          const { standingPosition: j } = o.observers[k], A = {
-            index: k,
-            x: j.x,
-            y: j.y,
-            z: j.z
-          }, R = ue({ x: d, z: f }, A);
-          P ? R < g && Math.abs(A.y - P) < 0.3 && (g = R, w = A) : R < g && (g = R, w = A);
+          const { standingPosition: Y } = o.observers[C], O = {
+            index: C,
+            x: Y.x,
+            y: Y.y,
+            z: Y.z
+          }, R = ue({ x: d, z: f }, O);
+          P ? R < g && Math.abs(O.y - P) < 0.3 && (g = R, w = O) : R < g && (g = R, w = O);
         });
-        const _ = new D(d, w.y, f);
+        const _ = new L(d, w.y, f);
         Object.assign(_, { observers: b });
-        const T = c[s] ? c[s].roof : null, q = T ? new D(d, T, f) : null;
-        return q && Object.assign(q, { observers: b }), { origin: _, vertical: q };
+        const T = c[s] ? c[s].roof : null, j = T ? new L(d, T, f) : null;
+        return j && Object.assign(j, { observers: b }), { origin: _, vertical: j };
       });
       l[i] = {
         origins: m.map((d) => d.origin),
@@ -114,13 +114,13 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
       for (const { origin: d, vertical: f } of m) {
         if (!f)
           continue;
-        const b = F(i, d.distanceTo(f));
+        const b = $(i, d.distanceTo(f));
         h.append(b), l[i].rules.push({ vertical: !0, rule: [d, f], $element: b });
       }
       for (let d = 0; d < m.length; d++) {
         let f = d + 1;
         f >= m.length && (f = 0);
-        const { origin: b } = m[d], { origin: s } = m[f], P = F(i, b.distanceTo(s));
+        const { origin: b } = m[d], { origin: s } = m[f], P = $(i, b.distanceTo(s));
         h.append(P), l[i].rules.push({ vertical: !1, rule: [b, s], $element: P });
       }
     }
@@ -128,8 +128,8 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
   }, x = (r, a, c) => X(void 0, null, function* () {
     const o = r || n.roomInfo, i = a || n.roomRules;
     if (!o || !i)
-      throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
-    return e.loaded = !1, e.options = U(U({}, e.options), c || {}), t.model.loaded ? u(o, i) : yield new Promise(
+      throw new Error("标尺数据依赖不齐全！");
+    return e.loaded = !1, e.options = B(B({}, e.options), c || {}), t.model.loaded ? u(o, i) : yield new Promise(
       (y) => t.once("modelLoaded", () => y(u(o, i)))
     );
   });
@@ -158,7 +158,7 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
       m && y.push(m);
     }
     return y.length === 0 ? !1 : y;
-  }, $ = () => {
+  }, I = () => {
     var b;
     const r = (b = t.getElement()) == null ? void 0 : b.parentElement;
     if (!r || !e.loaded || Object.keys(l).length <= 0)
@@ -175,7 +175,7 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
           P.style.display = "none";
       return;
     }
-    const y = c.position, p = c.getWorldDirection(new D()), m = r.clientWidth, d = r.clientHeight;
+    const y = c.position, p = c.getWorldDirection(new L()), m = r.clientWidth, d = r.clientHeight;
     if (o !== re.Mode.Panorama) {
       for (const s in l)
         for (const { $element: P } of l[s].rules)
@@ -218,46 +218,46 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
         continue;
       }
       const K = w.distanceTo(_);
-      if (_.clone().sub(_.clone().sub(w).divide(new D(2, 2, 2))).distanceTo(y) / K > 8) {
+      if (_.clone().sub(_.clone().sub(w).divide(new L(2, 2, 2))).distanceTo(y) / K > 8) {
         g.style.display = "none";
         continue;
       }
-      const A = w.clone().project(c), R = (A.x + 1) / 2 * m, S = (-A.y + 1) / 2 * d, V = _.clone().project(c), Y = (V.x + 1) / 2 * m, N = (-V.y + 1) / 2 * d, E = Math.sqrt(Math.pow(Y - R, 2) + Math.pow(N - S, 2));
-      let H = E, C = 50;
-      const M = v({ x: ~~R, y: ~~S }, {
-        x: ~~Y,
-        y: ~~N
+      const O = w.clone().project(c), R = (O.x + 1) / 2 * m, F = (-O.y + 1) / 2 * d, V = _.clone().project(c), N = (V.x + 1) / 2 * m, D = (-V.y + 1) / 2 * d, E = Math.sqrt(Math.pow(N - R, 2) + Math.pow(D - F, 2));
+      let H = E, z = 50;
+      const M = v({ x: ~~R, y: ~~F }, {
+        x: ~~N,
+        y: ~~D
       }, m, d);
-      if (M && M.length === 1 && (f === w ? (H = Math.sqrt(Math.pow(M[0].x - R, 2) + Math.pow(M[0].y - S, 2)), C = H / E * 50) : f === _ && (H = Math.sqrt(Math.pow(M[0].x - Y, 2) + Math.pow(M[0].y - N, 2)), C = 100 - H / E * 50)), M && M.length === 2) {
+      if (M && M.length === 1 && (f === w ? (H = Math.sqrt(Math.pow(M[0].x - R, 2) + Math.pow(M[0].y - F, 2)), z = H / E * 50) : f === _ && (H = Math.sqrt(Math.pow(M[0].x - N, 2) + Math.pow(M[0].y - D, 2)), z = 100 - H / E * 50)), M && M.length === 2) {
         const G = {
           x: (M[0].x + M[1].x) / 2,
           y: (M[0].y + M[1].y) / 2
         };
-        C = Math.sqrt(
-          Math.pow(G.x - R, 2) + Math.pow(G.y - S, 2)
+        z = Math.sqrt(
+          Math.pow(G.x - R, 2) + Math.pow(G.y - F, 2)
         ) / E * 100;
       }
-      const te = (Math.PI / 2 - Math.atan2(Y - R, S - N)) / Math.PI * 180, W = T.querySelector(".PanoRulerPlugin-rule-label"), B = W.children[0].clientWidth;
-      B >= E || B / 2 >= C / 100 * E || B / 2 >= (1 - C / 100) * E ? T.style.display = "none" : (T.style.display = "block", T.style.width = E + "px", T.style.left = R + "px", T.style.top = S + "px", T.style.transform = `rotate(${-te}deg)`, W.style.left = `${C}%`);
+      const te = (Math.PI / 2 - Math.atan2(N - R, F - D)) / Math.PI * 180, W = T.querySelector(".PanoRulerPlugin-rule-label"), U = W.children[0].clientWidth;
+      U >= E || U / 2 >= z / 100 * E || U / 2 >= (1 - z / 100) * E ? T.style.display = "none" : (T.style.display = "block", T.style.width = E + "px", T.style.left = R + "px", T.style.top = F + "px", T.style.transform = `rotate(${-te}deg)`, W.style.left = `${z}%`);
     }
-  }, z = () => ae($), L = () => {
+  }, q = () => ae(I), k = () => {
     var r, a;
-    return e.loaded ? (e.enable || (h.setAttribute("class", "PanoRulerPlugin" + (e.options.className ? " " + e.options.className : "")), (a = (r = t.getElement()) == null ? void 0 : r.parentElement) == null || a.append(h), $(), t.on("modeChange", $), t.on("cameraUpdate", z), e.enable = !0), !0) : !1;
-  }, O = () => (e.enable && (t.off("modeChange", $), t.off("cameraUpdate", z), h && h.remove(), e.enable = !1), !0);
+    return e.loaded ? (e.enable || (h.setAttribute("class", "PanoRulerPlugin" + (e.options.className ? " " + e.options.className : "")), (a = (r = t.getElement()) == null ? void 0 : r.parentElement) == null || a.append(h), I(), t.on("modeChange", I), t.on("cameraUpdate", q), e.enable = !0), !0) : !1;
+  }, A = () => (e.enable && (t.off("modeChange", I), t.off("cameraUpdate", q), h && h.remove(), e.enable = !1), !0);
   function Z(r) {
     if (r.distanceText && r.distanceText !== e.options.distanceText) {
       const a = r.distanceText;
       e.options.distanceText = a, Object.values(l).forEach((c) => {
         c.rules.forEach((o) => {
           const [i, y] = o.rule, p = i.distanceTo(y), m = o.$element.querySelector(".PanoRulerPlugin-rule-label-name");
-          !m || (m.innerText = a(p));
+          m && (m.innerText = a(p));
         });
       });
     }
   }
   return {
-    enable: L,
-    disable: O,
+    enable: k,
+    disable: A,
     load: x,
     state: e,
     changeConfigs: Z

package/libs/PanoRulerPlugin/index.js

@@ -1,11 +1,10 @@
-import "./Plugin.js";
-import { PanoRulerPlugin as P, PanoRulerPlugin as a } from "./Plugin.js";
+import { PanoRulerPlugin as r } from "./Plugin.js";
 import "@realsee/five";
 import "three";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/nextFrame.js";
 import "./style.js";
 export {
-  P as PanoRulerPlugin,
-  a as default
+  r as PanoRulerPlugin,
+  r as default
 };

package/libs/PanoRulerProPlugin/Controller.js

@@ -13,32 +13,31 @@ var r = (i, e, t) => (p(i, typeof e != "symbol" ? e + "" : e, t), t);
 var d = (i, e, t) => new Promise((a, o) => {
   var n = (s) => {
     try {
-      u(t.next(s));
-    } catch (h) {
-      o(h);
+      h(t.next(s));
+    } catch (u) {
+      o(u);
     }
   }, l = (s) => {
     try {
-      u(t.throw(s));
-    } catch (h) {
-      o(h);
+      h(t.throw(s));
+    } catch (u) {
+      o(u);
     }
-  }, u = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(n, l);
-  u((t = t.apply(i, e)).next());
+  }, h = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(n, l);
+  h((t = t.apply(i, e)).next());
 });
-import D from "./RulerItems.js";
+import I from "./RulerItems.js";
 import "../vendor/svelte/internal/index.js";
 import "@realsee/five";
 import "../shared-utils/animationFrame/index.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/throttle.js";
 import "three";
 import "./RulerItem.js";
-class C {
+class A {
   constructor(e, t) {
     r(this, "five");
     r(this, "container", document.createElement("div"));
@@ -67,7 +66,7 @@ class C {
         return;
       const t = e.data;
       if (!t)
-        throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
+        throw new Error("标尺数据依赖不齐全！");
       this.panoRulerProData = t, this.state.loaded = !0;
     });
   }
@@ -83,7 +82,7 @@ class C {
       if (this.state.enabled) {
         if (!this.panoRulerProData || !this.container)
           return;
-        this.rulerItems = new D({
+        this.rulerItems = new I({
           target: this.container,
           props: {
             five: this.five,
@@ -100,5 +99,5 @@ class C {
   }
 }
 export {
-  C as default
+  A as default
 };

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1,15 +1,18 @@
-import { SvelteComponent as R, init as W, safe_not_equal as H, append_styles as M, element as c, space as z, text as N, attr as d, add_render_callback as j, set_style as a, insert as P, append as g, add_resize_listener as B, set_data as S, noop as G, detach as w, destroy_each as V, null_to_empty as Z } from "../vendor/svelte/internal/index.js";
+import { SvelteComponent as R, init as W, safe_not_equal as H, append_styles as M, element as c, space as z, text as N, attr as d, add_render_callback as j, set_style as a, insert as _, append as k, add_resize_listener as B, set_data as S, noop as y, detach as P, destroy_each as V, null_to_empty as Z } from "../vendor/svelte/internal/index.js";
 function J(i) {
   M(i, "svelte-1h27ktp", ".PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-1h27ktp-viewport-rule-point 0.1s 1s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-1h27ktp-viewport-rule-point 0.1s 1.5s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-1h27ktp em.svelte-1h27ktp{display:block;height:0.0625rem;animation:svelte-1h27ktp-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-1h27ktp.svelte-1h27ktp{display:flex;height:0.0625rem;animation:svelte-1h27ktp-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;align-items:center}.em-solid.svelte-1h27ktp.svelte-1h27ktp{height:100%;background:#ffffff}.em-dotted.svelte-1h27ktp.svelte-1h27ktp{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-1h27ktp.svelte-1h27ktp{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-1h27ktp.svelte-1h27ktp{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;animation:svelte-1h27ktp-viewport-rule-label 0.25s ease 1s;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@keyframes svelte-1h27ktp-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-1h27ktp-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-1h27ktp-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
 }
-function y(i, e, n) {
+function G(i, e, s) {
   const l = i.slice();
-  return l[6] = e[n], l;
+  return l[6] = e[s], l;
 }
 function D(i) {
-  let e, n = i[0].children, l = [];
-  for (let t = 0; t < n.length; t += 1)
-    l[t] = X(y(i, n, t));
+  let e, s = (
+    /*rulerItemProp*/
+    i[0].children
+  ), l = [];
+  for (let t = 0; t < s.length; t += 1)
+    l[t] = X(G(i, s, t));
   return {
     c() {
       e = c("div");
@@ -18,95 +21,181 @@ function D(i) {
       d(e, "class", "rule-mixed-line svelte-1h27ktp");
     },
     m(t, o) {
-      P(t, e, o);
-      for (let s = 0; s < l.length; s += 1)
-        l[s].m(e, null);
+      _(t, e, o);
+      for (let n = 0; n < l.length; n += 1)
+        l[n] && l[n].m(e, null);
     },
     p(t, o) {
-      if (o & 9) {
-        n = t[0].children;
-        let s;
-        for (s = 0; s < n.length; s += 1) {
-          const p = y(t, n, s);
-          l[s] ? l[s].p(p, o) : (l[s] = X(p), l[s].c(), l[s].m(e, null));
+      if (o & /*rulerItemProp, vars*/
+      9) {
+        s = /*rulerItemProp*/
+        t[0].children;
+        let n;
+        for (n = 0; n < s.length; n += 1) {
+          const p = G(t, s, n);
+          l[n] ? l[n].p(p, o) : (l[n] = X(p), l[n].c(), l[n].m(e, null));
         }
-        for (; s < l.length; s += 1)
-          l[s].d(1);
-        l.length = n.length;
+        for (; n < l.length; n += 1)
+          l[n].d(1);
+        l.length = s.length;
       }
     },
     d(t) {
-      t && w(e), V(l, t);
+      t && P(e), V(l, t);
     }
   };
 }
 function A(i) {
-  let e, n;
+  let e, s;
   return {
     c() {
-      e = c("em"), d(e, "class", n = Z(i[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]);
+      e = c("em"), d(e, "class", s = Z(
+        /*rulerItemProp*/
+        i[0].state ? "em-solid" : "em-dotted"
+      ) + " svelte-1h27ktp"), d(
+        e,
+        "style",
+        /*vars*/
+        i[3]
+      );
     },
     m(l, t) {
-      P(l, e, t);
+      _(l, e, t);
     },
     p(l, t) {
-      t & 1 && n !== (n = Z(l[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", n), t & 8 && d(e, "style", l[3]);
+      t & /*rulerItemProp*/
+      1 && s !== (s = Z(
+        /*rulerItemProp*/
+        l[0].state ? "em-solid" : "em-dotted"
+      ) + " svelte-1h27ktp") && d(e, "class", s), t & /*vars*/
+      8 && d(
+        e,
+        "style",
+        /*vars*/
+        l[3]
+      );
     },
     d(l) {
-      l && w(e);
+      l && P(e);
     }
   };
 }
 function X(i) {
-  let e, n, l = `${i[6].width}px`;
+  let e, s, l = `${/*child*/
+  i[6].width}px`;
   return {
     c() {
-      e = c("div"), d(e, "class", n = Z(i[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]), a(e, "width", l);
+      e = c("div"), d(e, "class", s = Z(
+        /*child*/
+        i[6].state ? "em-solid" : "em-dotted"
+      ) + " svelte-1h27ktp"), d(
+        e,
+        "style",
+        /*vars*/
+        i[3]
+      ), a(e, "width", l);
     },
     m(t, o) {
-      P(t, e, o);
+      _(t, e, o);
     },
     p(t, o) {
-      o & 1 && n !== (n = Z(t[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", n), o & 8 && d(e, "style", t[3]), o & 1 && l !== (l = `${t[6].width}px`) && a(e, "width", l);
+      o & /*rulerItemProp*/
+      1 && s !== (s = Z(
+        /*child*/
+        t[6].state ? "em-solid" : "em-dotted"
+      ) + " svelte-1h27ktp") && d(e, "class", s), o & /*vars*/
+      8 && d(
+        e,
+        "style",
+        /*vars*/
+        t[3]
+      ), (o & /*vars*/
+      8 || o & /*rulerItemProp, vars*/
+      9 && l !== (l = `${/*child*/
+      t[6].width}px`)) && a(e, "width", l);
     },
     d(t) {
-      t && w(e);
+      t && P(e);
     }
   };
 }
 function C(i) {
-  let e, n, l, t, o = i[0].labelElement + "", s, p, f = `${i[0].labelOffset}%`, u = `${i[0].width}px`, v = `${i[0].left}px`, b = `${i[0].top}px`, I = `rotate(${i[0].rotateDeg}deg)`;
-  function _(r, m) {
-    return r[0].children.length === 0 ? A : D;
+  let e, s, l, t, o = (
+    /*rulerItemProp*/
+    i[0].labelElement + ""
+  ), n, p, f = `${/*rulerItemProp*/
+  i[0].labelOffset}%`, u = `${/*rulerItemProp*/
+  i[0].width}px`, v = `${/*rulerItemProp*/
+  i[0].left}px`, b = `${/*rulerItemProp*/
+  i[0].top}px`, I = `rotate(${/*rulerItemProp*/
+  i[0].rotateDeg}deg)`;
+  function w(r, m) {
+    return (
+      /*rulerItemProp*/
+      r[0].children.length === 0 ? A : D
+    );
   }
-  let k = _(i), h = k(i);
+  let g = w(i), h = g(i);
   return {
     c() {
-      e = c("div"), h.c(), n = z(), l = c("div"), t = c("div"), s = N(o), d(t, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), j(() => i[4].call(t)), d(l, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), a(l, "left", f), d(e, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), a(e, "width", u), a(e, "left", v), a(e, "top", b), a(e, "transform", I), a(e, "display", i[0].visible && i[2] ? "block" : "none");
+      e = c("div"), h.c(), s = z(), l = c("div"), t = c("div"), n = N(o), d(t, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), j(() => (
+        /*div0_elementresize_handler*/
+        i[4].call(t)
+      )), d(l, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), a(l, "left", f), d(e, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), a(e, "width", u), a(e, "left", v), a(e, "top", b), a(e, "transform", I), a(
+        e,
+        "display",
+        /*rulerItemProp*/
+        i[0].visible && /*_visible*/
+        i[2] ? "block" : "none"
+      );
     },
     m(r, m) {
-      P(r, e, m), h.m(e, null), g(e, n), g(e, l), g(l, t), g(t, s), p = B(t, i[4].bind(t));
+      _(r, e, m), h.m(e, null), k(e, s), k(e, l), k(l, t), k(t, n), p = B(
+        t,
+        /*div0_elementresize_handler*/
+        i[4].bind(t)
+      );
     },
     p(r, [m]) {
-      k === (k = _(r)) && h ? h.p(r, m) : (h.d(1), h = k(r), h && (h.c(), h.m(e, n))), m & 1 && o !== (o = r[0].labelElement + "") && S(s, o), m & 1 && f !== (f = `${r[0].labelOffset}%`) && a(l, "left", f), m & 1 && u !== (u = `${r[0].width}px`) && a(e, "width", u), m & 1 && v !== (v = `${r[0].left}px`) && a(e, "left", v), m & 1 && b !== (b = `${r[0].top}px`) && a(e, "top", b), m & 1 && I !== (I = `rotate(${r[0].rotateDeg}deg)`) && a(e, "transform", I), m & 5 && a(e, "display", r[0].visible && r[2] ? "block" : "none");
+      g === (g = w(r)) && h ? h.p(r, m) : (h.d(1), h = g(r), h && (h.c(), h.m(e, s))), m & /*rulerItemProp*/
+      1 && o !== (o = /*rulerItemProp*/
+      r[0].labelElement + "") && S(n, o), m & /*rulerItemProp*/
+      1 && f !== (f = `${/*rulerItemProp*/
+      r[0].labelOffset}%`) && a(l, "left", f), m & /*rulerItemProp*/
+      1 && u !== (u = `${/*rulerItemProp*/
+      r[0].width}px`) && a(e, "width", u), m & /*rulerItemProp*/
+      1 && v !== (v = `${/*rulerItemProp*/
+      r[0].left}px`) && a(e, "left", v), m & /*rulerItemProp*/
+      1 && b !== (b = `${/*rulerItemProp*/
+      r[0].top}px`) && a(e, "top", b), m & /*rulerItemProp*/
+      1 && I !== (I = `rotate(${/*rulerItemProp*/
+      r[0].rotateDeg}deg)`) && a(e, "transform", I), m & /*rulerItemProp, _visible*/
+      5 && a(
+        e,
+        "display",
+        /*rulerItemProp*/
+        r[0].visible && /*_visible*/
+        r[2] ? "block" : "none"
+      );
     },
-    i: G,
-    o: G,
+    i: y,
+    o: y,
     d(r) {
-      r && w(e), h.d(), p();
+      r && P(e), h.d(), p();
     }
   };
 }
-function Y(i, e, n) {
-  let l, { rulerItemProp: t } = e, o = !0, s, p = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
+function Y(i, e, s) {
+  let l, { rulerItemProp: t } = e, o = !0, n, p = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
   function f() {
-    s = this.offsetWidth, n(1, s);
+    n = this.offsetWidth, s(1, n);
   }
   return i.$$set = (u) => {
-    "rulerItemProp" in u && n(0, t = u.rulerItemProp);
+    "rulerItemProp" in u && s(0, t = u.rulerItemProp);
   }, i.$$.update = () => {
-    i.$$.dirty & 3 && (s >= t.width || s / 2 >= t.labelOffset / 100 * t.width || s / 2 >= (1 - t.labelOffset / 100) * t.width ? n(2, o = !1) : n(2, o = !0));
-  }, n(3, l = `--background-image: url(${p})`), [t, s, o, l, f];
+    i.$$.dirty & /*labelWidth, rulerItemProp*/
+    3 && (n >= t.width || n / 2 >= t.labelOffset / 100 * t.width || n / 2 >= (1 - t.labelOffset / 100) * t.width ? s(2, o = !1) : s(2, o = !0));
+  }, s(3, l = `--background-image: url(${p})`), [t, n, o, l, f];
 }
 class U extends R {
   constructor(e) {