@realsee/dnalogel 2.22.0-dev.8 → 2.23.0

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1,58 +1,71 @@
-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)}}");
+import { safe_not_equal as W, noop as y, null_to_empty as Z } from "../vendor/svelte/src/runtime/internal/utils.js";
+import { append_styles as H, element as c, space as M, text as z, attr as m, set_style as a, insert as _, append as g, add_iframe_resize_listener as N, set_data as j, detach as P, destroy_each as B } from "../vendor/svelte/src/runtime/internal/dom.js";
+import { add_render_callback as S } from "../vendor/svelte/src/runtime/internal/scheduler.js";
+import { ensure_array_like as G } from "../vendor/svelte/src/runtime/internal/each.js";
+import { SvelteComponent as V, init as J } from "../vendor/svelte/src/runtime/internal/Component.js";
+import "../vendor/svelte/src/runtime/internal/disclose-version/index.js";
+import "../vendor/svelte/src/runtime/internal/lifecycle.js";
+import "../vendor/svelte/src/runtime/internal/transitions.js";
+import "../vendor/svelte/src/runtime/internal/environment.js";
+import "../vendor/svelte/src/runtime/internal/loop.js";
+import "../vendor/svelte/src/runtime/internal/style_manager.js";
+import "../vendor/svelte/src/shared/version.js";
+function D(i) {
+  H(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 G(i, e, s) {
+function X(i, e, o) {
   const l = i.slice();
-  return l[6] = e[s], l;
+  return l[6] = e[o], l;
 }
-function D(i) {
-  let e, s = (
+function A(i) {
+  let e, o = G(
     /*rulerItemProp*/
     i[0].children
   ), l = [];
-  for (let t = 0; t < s.length; t += 1)
-    l[t] = X(G(i, s, t));
+  for (let t = 0; t < o.length; t += 1)
+    l[t] = R(X(i, o, t));
   return {
     c() {
       e = c("div");
       for (let t = 0; t < l.length; t += 1)
         l[t].c();
-      d(e, "class", "rule-mixed-line svelte-1h27ktp");
+      m(e, "class", "rule-mixed-line svelte-1h27ktp");
     },
-    m(t, o) {
-      _(t, e, o);
-      for (let n = 0; n < l.length; n += 1)
-        l[n] && l[n].m(e, null);
+    m(t, n) {
+      _(t, e, n);
+      for (let r = 0; r < l.length; r += 1)
+        l[r] && l[r].m(e, null);
     },
-    p(t, o) {
-      if (o & /*rulerItemProp, vars*/
+    p(t, n) {
+      if (n & /*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));
+        o = G(
+          /*rulerItemProp*/
+          t[0].children
+        );
+        let r;
+        for (r = 0; r < o.length; r += 1) {
+          const h = X(t, o, r);
+          l[r] ? l[r].p(h, n) : (l[r] = R(h), l[r].c(), l[r].m(e, null));
         }
-        for (; n < l.length; n += 1)
-          l[n].d(1);
-        l.length = s.length;
+        for (; r < l.length; r += 1)
+          l[r].d(1);
+        l.length = o.length;
       }
     },
     d(t) {
-      t && P(e), V(l, t);
+      t && P(e), B(l, t);
     }
   };
 }
-function A(i) {
-  let e, s;
+function C(i) {
+  let e, o;
   return {
     c() {
-      e = c("em"), d(e, "class", s = Z(
+      e = c("em"), m(e, "class", o = Z(
         /*rulerItemProp*/
         i[0].state ? "em-solid" : "em-dotted"
-      ) + " svelte-1h27ktp"), d(
+      ) + " svelte-1h27ktp"), m(
         e,
         "style",
         /*vars*/
@@ -64,11 +77,11 @@ function A(i) {
     },
     p(l, t) {
       t & /*rulerItemProp*/
-      1 && s !== (s = Z(
+      1 && o !== (o = Z(
         /*rulerItemProp*/
         l[0].state ? "em-solid" : "em-dotted"
-      ) + " svelte-1h27ktp") && d(e, "class", s), t & /*vars*/
-      8 && d(
+      ) + " svelte-1h27ktp") && m(e, "class", o), t & /*vars*/
+      8 && m(
         e,
         "style",
         /*vars*/
@@ -80,37 +93,37 @@ function A(i) {
     }
   };
 }
-function X(i) {
-  let e, s, l = `${/*child*/
+function R(i) {
+  let e, o, l = `${/*child*/
   i[6].width}px`;
   return {
     c() {
-      e = c("div"), d(e, "class", s = Z(
+      e = c("div"), m(e, "class", o = Z(
         /*child*/
         i[6].state ? "em-solid" : "em-dotted"
-      ) + " svelte-1h27ktp"), d(
+      ) + " svelte-1h27ktp"), m(
         e,
         "style",
         /*vars*/
         i[3]
       ), a(e, "width", l);
     },
-    m(t, o) {
-      _(t, e, o);
+    m(t, n) {
+      _(t, e, n);
     },
-    p(t, o) {
-      o & /*rulerItemProp*/
-      1 && s !== (s = Z(
+    p(t, n) {
+      n & /*rulerItemProp*/
+      1 && o !== (o = Z(
         /*child*/
         t[6].state ? "em-solid" : "em-dotted"
-      ) + " svelte-1h27ktp") && d(e, "class", s), o & /*vars*/
-      8 && d(
+      ) + " svelte-1h27ktp") && m(e, "class", o), n & /*vars*/
+      8 && m(
         e,
         "style",
         /*vars*/
         t[3]
-      ), (o & /*vars*/
-      8 || o & /*rulerItemProp, vars*/
+      ), (n & /*vars*/
+      8 || n & /*rulerItemProp, vars*/
       9 && l !== (l = `${/*child*/
       t[6].width}px`)) && a(e, "width", l);
     },
@@ -119,29 +132,29 @@ function X(i) {
     }
   };
 }
-function C(i) {
-  let e, s, l, t, o = (
+function Y(i) {
+  let e, o, l, t, n = (
     /*rulerItemProp*/
     i[0].labelElement + ""
-  ), n, p, f = `${/*rulerItemProp*/
+  ), r, h, 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) {
+  function w(s, d) {
     return (
       /*rulerItemProp*/
-      r[0].children.length === 0 ? A : D
+      s[0].children.length === 0 ? C : A
     );
   }
-  let g = w(i), h = g(i);
+  let k = w(i), p = k(i);
   return {
     c() {
-      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(() => (
+      e = c("div"), p.c(), o = M(), l = c("div"), t = c("div"), r = z(n), m(t, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), S(() => (
         /*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(
+      )), m(l, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), a(l, "left", f), m(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*/
@@ -149,59 +162,59 @@ function C(i) {
         i[2] ? "block" : "none"
       );
     },
-    m(r, m) {
-      _(r, e, m), h.m(e, null), k(e, s), k(e, l), k(l, t), k(t, n), p = B(
+    m(s, d) {
+      _(s, e, d), p.m(e, null), g(e, o), g(e, l), g(l, t), g(t, r), h = N(
         t,
         /*div0_elementresize_handler*/
         i[4].bind(t)
       );
     },
-    p(r, [m]) {
-      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*/
+    p(s, [d]) {
+      k === (k = w(s)) && p ? p.p(s, d) : (p.d(1), p = k(s), p && (p.c(), p.m(e, o))), d & /*rulerItemProp*/
+      1 && n !== (n = /*rulerItemProp*/
+      s[0].labelElement + "") && j(r, n), d & /*rulerItemProp*/
       1 && f !== (f = `${/*rulerItemProp*/
-      r[0].labelOffset}%`) && a(l, "left", f), m & /*rulerItemProp*/
+      s[0].labelOffset}%`) && a(l, "left", f), d & /*rulerItemProp*/
       1 && u !== (u = `${/*rulerItemProp*/
-      r[0].width}px`) && a(e, "width", u), m & /*rulerItemProp*/
+      s[0].width}px`) && a(e, "width", u), d & /*rulerItemProp*/
       1 && v !== (v = `${/*rulerItemProp*/
-      r[0].left}px`) && a(e, "left", v), m & /*rulerItemProp*/
+      s[0].left}px`) && a(e, "left", v), d & /*rulerItemProp*/
       1 && b !== (b = `${/*rulerItemProp*/
-      r[0].top}px`) && a(e, "top", b), m & /*rulerItemProp*/
+      s[0].top}px`) && a(e, "top", b), d & /*rulerItemProp*/
       1 && I !== (I = `rotate(${/*rulerItemProp*/
-      r[0].rotateDeg}deg)`) && a(e, "transform", I), m & /*rulerItemProp, _visible*/
+      s[0].rotateDeg}deg)`) && a(e, "transform", I), d & /*rulerItemProp, _visible*/
       5 && a(
         e,
         "display",
         /*rulerItemProp*/
-        r[0].visible && /*_visible*/
-        r[2] ? "block" : "none"
+        s[0].visible && /*_visible*/
+        s[2] ? "block" : "none"
       );
     },
     i: y,
     o: y,
-    d(r) {
-      r && P(e), h.d(), p();
+    d(s) {
+      s && P(e), p.d(), h();
     }
   };
 }
-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 x(i, e, o) {
+  let l, { rulerItemProp: t } = e, n = !0, r, h = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
   function f() {
-    n = this.offsetWidth, s(1, n);
+    r = this.offsetWidth, o(1, r);
   }
   return i.$$set = (u) => {
-    "rulerItemProp" in u && s(0, t = u.rulerItemProp);
+    "rulerItemProp" in u && o(0, t = u.rulerItemProp);
   }, i.$$.update = () => {
     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];
+    3 && (r >= t.width || r / 2 >= t.labelOffset / 100 * t.width || r / 2 >= (1 - t.labelOffset / 100) * t.width ? o(2, n = !1) : o(2, n = !0));
+  }, o(3, l = `--background-image: url(${h})`), [t, r, n, l, f];
 }
-class U extends R {
+class le extends V {
   constructor(e) {
-    super(), W(this, e, Y, C, H, { rulerItemProp: 0 }, J);
+    super(), J(this, e, x, Y, W, { rulerItemProp: 0 }, D);
   }
 }
 export {
-  U as default
+  le as default
 };

package/libs/PanoRulerProPlugin/RulerItems.js

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

package/libs/PanoRulerProPlugin/index.js

@@ -1,6 +1,17 @@
 import t from "./Controller.js";
 import "./RulerItems.js";
-import "../vendor/svelte/internal/index.js";
+import "../vendor/svelte/src/runtime/internal/utils.js";
+import "../vendor/svelte/src/runtime/internal/dom.js";
+import "../vendor/svelte/src/runtime/internal/transitions.js";
+import "../vendor/svelte/src/runtime/internal/environment.js";
+import "../vendor/svelte/src/runtime/internal/loop.js";
+import "../vendor/svelte/src/runtime/internal/style_manager.js";
+import "../vendor/svelte/src/runtime/internal/scheduler.js";
+import "../vendor/svelte/src/runtime/internal/lifecycle.js";
+import "../vendor/svelte/src/runtime/internal/each.js";
+import "../vendor/svelte/src/runtime/internal/Component.js";
+import "../vendor/svelte/src/runtime/internal/disclose-version/index.js";
+import "../vendor/svelte/src/shared/version.js";
 import "@realsee/five";
 import "../shared-utils/animationFrame/index.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -10,8 +21,8 @@ import "../shared-utils/math/planimetry.js";
 import "../shared-utils/throttle.js";
 import "three";
 import "./RulerItem.js";
-const d = (r, o) => new t(r, o);
+const v = (r, o) => new t(r, o);
 export {
-  d as PanoRulerProPlugin,
-  d as default
+  v as PanoRulerProPlugin,
+  v as default
 };