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

package/esm/PanoRulerPlugin/Plugin.js

@@ -1,268 +0,0 @@
-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) => {
-  for (var e in n || (n = {}))
-    oe.call(n, e) && Q(t, e, n[e]);
-  if (J)
-    for (var e of J(n))
-      se.call(n, e) && Q(t, e, n[e]);
-  return t;
-};
-var X = (t, n, e) => new Promise((F, h) => {
-  var I = (x) => {
-    try {
-      u(e.next(x));
-    } catch (v) {
-      h(v);
-    }
-  }, l = (x) => {
-    try {
-      u(e.throw(x));
-    } catch (v) {
-      h(v);
-    }
-  }, u = (x) => x.done ? F(x.value) : Promise.resolve(x.value).then(I, l);
-  u((e = e.apply(t, n)).next());
-});
-import { Five as re } from "@realsee/five";
-import { Vector3 as S, Raycaster as ie } from "three";
-import { i as le } from "../shared-utils/math/planimetry.js";
-import { n as ae } from "../shared-utils/nextFrame.js";
-import { P as 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;
-  if (!h)
-    return e;
-  const I = t.observers;
-  h.observers.forEach((l, u) => {
-    const { standingPosition: x } = l, v = new S(x.x, x.y, x.z);
-    F.set(v, new S(0, 1, 0));
-    const [$] = n.model.intersectRaycaster(F), z = $ ? $.point.y : 2.7, L = I[u];
-    if (!L)
-      return e;
-    const O = t.rooms[L].name;
-    e[O] === void 0 ? e[O] = {
-      __roof: [z],
-      __floor: [v.y]
-    } : (e[O].__roof.push(z), e[O].__floor.push(v.y));
-  });
-  for (const l in e) {
-    const u = e[l];
-    u.__roof.sort(), u.__floor.sort(), u.floor = u.__floor[~~(u.__floor.length / 2)], u.roof = u.__roof[u.__roof.length - 1];
-  }
-  return e;
-}, Pe = (t, n) => {
-  const e = {
-    enable: !1,
-    loaded: !1,
-    options: n.options || {
-      distanceText: (r) => `${r.toFixed(1)}m`
-    }
-  }, F = (r, a) => {
-    const c = `
-      <div class="PanoRulerPlugin-rule-line">
-        <em></em>
-        <div class="PanoRulerPlugin-rule-label">
-          <div class="PanoRulerPlugin-rule-label-name">${e.options.distanceText(a)}</div>
-        </div>
-      </div>
-    `, o = document.createElement("div");
-    return o.setAttribute("class", "PanoRulerPlugin-rule"), o.setAttribute("data-name", r), o.setAttribute("style", "display: none"), o.innerHTML = c, o;
-  }, h = document.createElement("div");
-  h.setAttribute(
-    "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 l = {}, u = (r, a) => {
-    if (e.loaded)
-      throw new Error("\u6807\u5C3A\u88AB\u91CD\u590D\u521D\u59CB\u5316\uFF01");
-    const c = de(r, t), o = t.work;
-    if (!o)
-      return !1;
-    for (const i in a) {
-      const y = a[i], { standingPosition: p } = o.observers[0], m = y.map(({ x: d, z: f, observers: b }) => {
-        const s = b.length > 0 ? r.rooms[r.observers[b[0]]].name : "", P = c[s] ? c[s].floor : null;
-        let g = 1 / 0, w = {
-          index: 0,
-          x: p.x,
-          y: p.y,
-          z: p.z
-        };
-        b.forEach((k) => {
-          if (!o.observers[k])
-            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 _ = new S(d, w.y, f);
-        Object.assign(_, { observers: b });
-        const T = c[s] ? c[s].roof : null, q = T ? new S(d, T, f) : null;
-        return q && Object.assign(q, { observers: b }), { origin: _, vertical: q };
-      });
-      l[i] = {
-        origins: m.map((d) => d.origin),
-        rules: []
-      };
-      for (const { origin: d, vertical: f } of m) {
-        if (!f)
-          continue;
-        const b = F(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));
-        h.append(P), l[i].rules.push({ vertical: !1, rule: [b, s], $element: P });
-      }
-    }
-    return e.loaded = !0, !0;
-  }, 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(
-      (y) => t.once("modelLoaded", () => y(u(o, i)))
-    );
-  });
-  n.roomInfo && n.roomRules && x(n.roomInfo, n.roomRules);
-  const v = (r, a, c, o) => {
-    const i = [
-      [
-        { x: 0, y: 0 },
-        { x: c, y: 0 }
-      ],
-      [
-        { x: 0, y: 0 },
-        { x: 0, y: o }
-      ],
-      [
-        { x: c, y: 0 },
-        { x: c, y: o }
-      ],
-      [
-        { x: 0, y: o },
-        { x: c, y: o }
-      ]
-    ], y = [];
-    for (let p = 0; p < i.length; p++) {
-      const m = le([r, a], [i[p][0], i[p][1]], !0);
-      m && y.push(m);
-    }
-    return y.length === 0 ? !1 : y;
-  }, $ = () => {
-    var b;
-    const r = (b = t.getElement()) == null ? void 0 : b.parentElement;
-    if (!r || !e.loaded || Object.keys(l).length <= 0)
-      return;
-    const { panoIndex: a, camera: c, currentMode: o } = t;
-    if (a === void 0)
-      return;
-    let i;
-    for (const s in l)
-      s.split(",").indexOf(a.toString()) >= 0 && (i = s);
-    if (!i) {
-      for (const s in l)
-        for (const { $element: P } of l[s].rules)
-          P.style.display = "none";
-      return;
-    }
-    const y = c.position, p = c.getWorldDirection(new S()), m = r.clientWidth, d = r.clientHeight;
-    if (o !== re.Mode.Panorama) {
-      for (const s in l)
-        for (const { $element: P } of l[s].rules)
-          P.style.display = "none";
-      return;
-    }
-    for (const s in l)
-      for (const { $element: P } of l[s].rules)
-        P.style.display = s === i ? "block" : "none";
-    const [f] = l[i].origins.slice().filter((s) => s.observers.indexOf(a) >= 0).sort((s, P) => {
-      const g = s.clone().setY(0).sub(y).normalize().angleTo(p.clone().setY(0)), w = P.clone().setY(0).sub(y).normalize().angleTo(p.clone().setY(0));
-      return g - w;
-    });
-    for (const { rule: s, vertical: P, $element: g } of l[i].rules) {
-      const [w, _] = s, T = g.querySelector(".PanoRulerPlugin-rule-line");
-      if (!T)
-        return;
-      if (!f) {
-        g.style.display = "none";
-        continue;
-      }
-      if (w !== f && _ !== f) {
-        g.style.display = "none";
-        continue;
-      }
-      if (w.distanceTo(_) < 0.3) {
-        g.style.display = "none";
-        continue;
-      }
-      if (w.observers.indexOf(a) === -1 || _.observers.indexOf(a) === -1) {
-        g.style.display = "none";
-        continue;
-      }
-      if (w.clone().sub(y).normalize().angleTo(p) > Math.PI / 2) {
-        g.style.display = "none";
-        continue;
-      }
-      if (_.clone().sub(y).normalize().angleTo(p) > Math.PI / 2) {
-        g.style.display = "none";
-        continue;
-      }
-      const K = w.distanceTo(_);
-      if (_.clone().sub(_.clone().sub(w).divide(new S(2, 2, 2))).distanceTo(y) / K > 8) {
-        g.style.display = "none";
-        continue;
-      }
-      const A = w.clone().project(c), R = (A.x + 1) / 2 * m, C = (-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 - C, 2));
-      let H = E, D = 50;
-      const M = v({ x: ~~R, y: ~~C }, {
-        x: ~~Y,
-        y: ~~N
-      }, m, d);
-      if (M && M.length === 1 && (f === w ? (H = Math.sqrt(Math.pow(M[0].x - R, 2) + Math.pow(M[0].y - C, 2)), D = H / E * 50) : f === _ && (H = Math.sqrt(Math.pow(M[0].x - Y, 2) + Math.pow(M[0].y - N, 2)), D = 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
-        };
-        D = Math.sqrt(
-          Math.pow(G.x - R, 2) + Math.pow(G.y - C, 2)
-        ) / E * 100;
-      }
-      const te = (Math.PI / 2 - Math.atan2(Y - R, C - N)) / Math.PI * 180, W = T.querySelector(".PanoRulerPlugin-rule-label"), B = W.children[0].clientWidth;
-      B >= E || B / 2 >= D / 100 * E || B / 2 >= (1 - D / 100) * E ? T.style.display = "none" : (T.style.display = "block", T.style.width = E + "px", T.style.left = R + "px", T.style.top = C + "px", T.style.transform = `rotate(${-te}deg)`, W.style.left = `${D}%`);
-    }
-  }, z = () => ae($), L = () => {
-    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);
-  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));
-        });
-      });
-    }
-  }
-  return {
-    enable: L,
-    disable: O,
-    load: x,
-    state: e,
-    changeConfigs: Z
-  };
-};
-export {
-  Pe as P
-};

package/esm/PanoRulerPlugin/index.d.ts

@@ -1,5 +0,0 @@
-import PanoRulerPlugin from './Plugin';
-export { PanoRulerPlugin };
-export default PanoRulerPlugin;
-export type { Room, Rooms, RoomInfo, RoomRules } from './typings';
-export type { PanoRulerPluginOptions, PanoRulerPluginParameterType, PanoRulerPluginExportType } from './Plugin';

package/esm/PanoRulerPlugin/index.js

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

package/esm/PanoRulerPlugin/style.d.ts

@@ -1,2 +0,0 @@
-declare const PanoRulerStyle = "<style type=\"text/css\">\n.PanoRulerPlugin-rule-line {\n  position: absolute;\n  transform-origin: left center;\n  width: 0;\n  height: 0.0625rem;\n}\n\n.PanoRulerPlugin-rule-line::after {\n  content: '';\n  position: absolute;\n  left: -0.125rem;\n  top: -0.1rem;\n  width: 0.25rem;\n  height: 0.25rem;\n  border-radius: 50%;\n  background: #FFFFFF;\n  z-index: 1;\n  animation: viewport-rule-point 0.1s 1s;\n  animation-fill-mode: both;\n}\n\n.PanoRulerPlugin-rule-line::before {\n  content: '';\n  position: absolute;\n  right: -0.125rem;\n  top: -0.1rem;\n  width: 0.25rem;\n  height: 0.25rem;\n  border-radius: 50%;\n  background: #FFFFFF;\n  animation: viewport-rule-point 0.1s 1.5s;\n  animation-fill-mode: both;\n}\n\n.PanoRulerPlugin-rule-line em {\n  background: #fff;\n  display: block;\n  height: 100%;\n  animation: viewport-rule-line 0.5s ease 1s;\n  animation-fill-mode: both;\n  box-shadow: 0 0 0.25rem rgb(0 0 0 / 40%);\n}\n\n.PanoRulerPlugin-rule-label {\n  position: absolute;\n  width: 0;\n  height: 0;\n  top: 0.0625rem;\n}\n\n.PanoRulerPlugin-rule-label-name {\n  position: absolute;\n  padding: 0.1875rem 0.375rem;\n  background: rgba(195,195,195,0.30);\n  backdrop-filter: blur(0.25rem);\n  -webkit-backdrop-filter: blur(0.25rem);\n  border-radius: 6.25rem;\n  border: 0.0625rem solid rgba(255,255,255,0.6);\n  white-space: nowrap;\n  overflow: hidden;\n  color: #FFFFFF;\n  font-weight: 500;\n  font-size: 0.75rem;\n  line-height: 1;\n  -webkit-animation: viewport-rule-label 0.25s ease 1s;\n  animation: viewport-rule-label 0.25s ease 1s;\n  animation-fill-mode: both;\n  box-shadow: inset 0 0 0.625rem 0 rgba(255,255,255,0.30);\n}\n\n@keyframes viewport-rule-line {\n  0% { width: 0% }\n  100% { width: 100% }\n}\n\n@keyframes viewport-rule-label {\n  0% { opacity: 0; transform: scaleX(0); }\n  100% { opacity: 1; transform: translate(-50%, -50%) scaleX(1); }\n}\n\n@keyframes viewport-rule-point {\n  0% { transform: scaleX(0); }\n  100% { transform: scaleX(1); }\n}\n</style>\n";
-export default PanoRulerStyle;

package/esm/PanoRulerPlugin/style.js

@@ -1,90 +0,0 @@
-const e = `<style type="text/css">
-.PanoRulerPlugin-rule-line {
-  position: absolute;
-  transform-origin: left center;
-  width: 0;
-  height: 0.0625rem;
-}
-
-.PanoRulerPlugin-rule-line::after {
-  content: '';
-  position: absolute;
-  left: -0.125rem;
-  top: -0.1rem;
-  width: 0.25rem;
-  height: 0.25rem;
-  border-radius: 50%;
-  background: #FFFFFF;
-  z-index: 1;
-  animation: viewport-rule-point 0.1s 1s;
-  animation-fill-mode: both;
-}
-
-.PanoRulerPlugin-rule-line::before {
-  content: '';
-  position: absolute;
-  right: -0.125rem;
-  top: -0.1rem;
-  width: 0.25rem;
-  height: 0.25rem;
-  border-radius: 50%;
-  background: #FFFFFF;
-  animation: viewport-rule-point 0.1s 1.5s;
-  animation-fill-mode: both;
-}
-
-.PanoRulerPlugin-rule-line em {
-  background: #fff;
-  display: block;
-  height: 100%;
-  animation: viewport-rule-line 0.5s ease 1s;
-  animation-fill-mode: both;
-  box-shadow: 0 0 0.25rem rgb(0 0 0 / 40%);
-}
-
-.PanoRulerPlugin-rule-label {
-  position: absolute;
-  width: 0;
-  height: 0;
-  top: 0.0625rem;
-}
-
-.PanoRulerPlugin-rule-label-name {
-  position: absolute;
-  padding: 0.1875rem 0.375rem;
-  background: rgba(195,195,195,0.30);
-  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;
-  -webkit-animation: viewport-rule-label 0.25s ease 1s;
-  animation: viewport-rule-label 0.25s ease 1s;
-  animation-fill-mode: both;
-  box-shadow: inset 0 0 0.625rem 0 rgba(255,255,255,0.30);
-}
-
-@keyframes viewport-rule-line {
-  0% { width: 0% }
-  100% { width: 100% }
-}
-
-@keyframes viewport-rule-label {
-  0% { opacity: 0; transform: scaleX(0); }
-  100% { opacity: 1; transform: translate(-50%, -50%) scaleX(1); }
-}
-
-@keyframes viewport-rule-point {
-  0% { transform: scaleX(0); }
-  100% { transform: scaleX(1); }
-}
-</style>
-`;
-export {
-  e as P
-};

package/esm/PanoRulerPlugin/typings.d.ts

@@ -1,21 +0,0 @@
-export interface Room {
-    id: string;
-    name: string;
-    localName: string;
-    area: number;
-}
-export interface Rooms {
-    [key: string]: Room;
-}
-export declare type RoomObservers = string[];
-export interface RoomInfo {
-    rooms: Rooms;
-    observers: RoomObservers;
-}
-export interface RoomRules {
-    [key: string]: {
-        x: number;
-        z: number;
-        observers: number[];
-    }[];
-}

package/esm/PanoRulerProPlugin/Controller.d.ts

@@ -1,15 +0,0 @@
-import type { Five } from '@realsee/five';
-import type { PanoRulerProPluginDatas, PanoRulerProPluginParameterType, PanoRulerProPluginState } from './typings';
-export default class Controller {
-    private five;
-    private container;
-    private panoRulerProData;
-    private rulerItems;
-    state: PanoRulerProPluginState;
-    constructor(five: Five, params: PanoRulerProPluginParameterType);
-    load(serverData: PanoRulerProPluginDatas): Promise<void>;
-    enable(): boolean;
-    disable(): boolean;
-    private render;
-    private dispose;
-}

package/esm/PanoRulerProPlugin/Controller.js

@@ -1,93 +0,0 @@
-var v = Object.defineProperty;
-var p = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var c = (s, e, t) => e in s ? v(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, f = (s, e) => {
-  for (var t in e || (e = {}))
-    m.call(e, t) && c(s, t, e[t]);
-  if (p)
-    for (var t of p(e))
-      b.call(e, t) && c(s, t, e[t]);
-  return s;
-};
-var r = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
-var d = (s, e, t) => new Promise((a, o) => {
-  var n = (i) => {
-    try {
-      h(t.next(i));
-    } catch (u) {
-      o(u);
-    }
-  }, l = (i) => {
-    try {
-      h(t.throw(i));
-    } catch (u) {
-      o(u);
-    }
-  }, h = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(n, l);
-  h((t = t.apply(s, e)).next());
-});
-import { R as D } from "./RulerItems.js";
-class w {
-  constructor(e, t) {
-    r(this, "five");
-    r(this, "container", document.createElement("div"));
-    r(this, "panoRulerProData");
-    r(this, "rulerItems");
-    r(this, "state", {
-      enabled: !1,
-      loaded: !1,
-      options: {
-        className: "",
-        distanceText: (e) => `${e.toFixed(1)}m`
-      }
-    });
-    var a, o;
-    this.five = e, this.container.classList.add("panoRulerProPlugin-container"), this.container.setAttribute(
-      "style",
-      "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
-    ), t && (t.data && this.load(t.data), this.state.options = f(f({}, this.state.options), t.options || {}), (a = t.options) != null && a.className && this.container.classList.add((o = t.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", () => d(this, null, function* () {
-      var n, l;
-      (l = (n = this.five.getElement()) == null ? void 0 : n.parentNode) == null || l.append(this.container);
-    })), this.five.once("dispose", () => this.dispose());
-  }
-  load(e) {
-    return d(this, null, function* () {
-      if (!this.five.work)
-        return;
-      const t = e.data;
-      if (!t)
-        throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
-      this.panoRulerProData = t, this.state.loaded = !0;
-    });
-  }
-  enable() {
-    return this.state.loaded ? (this.state.enabled || (this.state.enabled = !0, this.render()), !0) : !1;
-  }
-  disable() {
-    return this.state.enabled && (this.state.enabled = !1, this.render()), !0;
-  }
-  render() {
-    return d(this, null, function* () {
-      var e;
-      if (this.state.enabled) {
-        if (!this.panoRulerProData || !this.container)
-          return;
-        this.rulerItems = new D({
-          target: this.container,
-          props: {
-            five: this.five,
-            rulerDatas: this.panoRulerProData,
-            options: this.state.options
-          }
-        });
-      } else
-        (e = this.rulerItems) == null || e.$destroy(), this.rulerItems = void 0;
-    });
-  }
-  dispose() {
-    this.container && (this.rulerItems.$destroy(), this.rulerItems = void 0), this.container.remove();
-  }
-}
-export {
-  w as C
-};

package/esm/PanoRulerProPlugin/RulerItem.js

@@ -1,128 +0,0 @@
-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 r, 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 "svelte/internal";
-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, s) {
-  const t = i.slice();
-  return t[6] = e[s], t;
-}
-function D(i) {
-  let e, s = i[0].children, t = [];
-  for (let l = 0; l < s.length; l += 1)
-    t[l] = X(y(i, s, l));
-  return {
-    c() {
-      e = c("div");
-      for (let l = 0; l < t.length; l += 1)
-        t[l].c();
-      d(e, "class", "rule-mixed-line svelte-1h27ktp");
-    },
-    m(l, n) {
-      P(l, e, n);
-      for (let a = 0; a < t.length; a += 1)
-        t[a].m(e, null);
-    },
-    p(l, n) {
-      if (n & 9) {
-        s = l[0].children;
-        let a;
-        for (a = 0; a < s.length; a += 1) {
-          const p = y(l, s, a);
-          t[a] ? t[a].p(p, n) : (t[a] = X(p), t[a].c(), t[a].m(e, null));
-        }
-        for (; a < t.length; a += 1)
-          t[a].d(1);
-        t.length = s.length;
-      }
-    },
-    d(l) {
-      l && w(e), V(t, l);
-    }
-  };
-}
-function A(i) {
-  let e, s;
-  return {
-    c() {
-      e = c("em"), d(e, "class", s = Z(i[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]);
-    },
-    m(t, l) {
-      P(t, e, l);
-    },
-    p(t, l) {
-      l & 1 && s !== (s = Z(t[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", s), l & 8 && d(e, "style", t[3]);
-    },
-    d(t) {
-      t && w(e);
-    }
-  };
-}
-function X(i) {
-  let e, s, t = `${i[6].width}px`;
-  return {
-    c() {
-      e = c("div"), d(e, "class", s = Z(i[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]), r(e, "width", t, !1);
-    },
-    m(l, n) {
-      P(l, e, n);
-    },
-    p(l, n) {
-      n & 1 && s !== (s = Z(l[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", s), n & 8 && d(e, "style", l[3]), n & 1 && t !== (t = `${l[6].width}px`) && r(e, "width", t, !1);
-    },
-    d(l) {
-      l && w(e);
-    }
-  };
-}
-function C(i) {
-  let e, s, t, l, n = i[0].labelElement + "", a, p, u = `${i[0].labelOffset}%`, f = `${i[0].width}px`, v = `${i[0].left}px`, b = `${i[0].top}px`, I = `rotate(${i[0].rotateDeg}deg)`;
-  function _(o, m) {
-    return o[0].children.length === 0 ? A : D;
-  }
-  let k = _(i), h = k(i);
-  return {
-    c() {
-      e = c("div"), h.c(), s = z(), t = c("div"), l = c("div"), a = N(n), d(l, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), j(() => i[4].call(l)), d(t, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), r(t, "left", u, !1), d(e, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), r(e, "width", f, !1), r(e, "left", v, !1), r(e, "top", b, !1), r(e, "transform", I, !1), r(
-        e,
-        "display",
-        i[0].visible && i[2] ? "block" : "none",
-        !1
-      );
-    },
-    m(o, m) {
-      P(o, e, m), h.m(e, null), g(e, s), g(e, t), g(t, l), g(l, a), p = B(l, i[4].bind(l));
-    },
-    p(o, [m]) {
-      k === (k = _(o)) && h ? h.p(o, m) : (h.d(1), h = k(o), h && (h.c(), h.m(e, s))), m & 1 && n !== (n = o[0].labelElement + "") && S(a, n), m & 1 && u !== (u = `${o[0].labelOffset}%`) && r(t, "left", u, !1), m & 1 && f !== (f = `${o[0].width}px`) && r(e, "width", f, !1), m & 1 && v !== (v = `${o[0].left}px`) && r(e, "left", v, !1), m & 1 && b !== (b = `${o[0].top}px`) && r(e, "top", b, !1), m & 1 && I !== (I = `rotate(${o[0].rotateDeg}deg)`) && r(e, "transform", I, !1), m & 5 && r(
-        e,
-        "display",
-        o[0].visible && o[2] ? "block" : "none",
-        !1
-      );
-    },
-    i: G,
-    o: G,
-    d(o) {
-      o && w(e), h.d(), p();
-    }
-  };
-}
-function Y(i, e, s) {
-  let t, { rulerItemProp: l } = e, n = !0, a, p = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
-  function u() {
-    a = this.offsetWidth, s(1, a);
-  }
-  return i.$$set = (f) => {
-    "rulerItemProp" in f && s(0, l = f.rulerItemProp);
-  }, i.$$.update = () => {
-    i.$$.dirty & 3 && (a >= l.width || a / 2 >= l.labelOffset / 100 * l.width || a / 2 >= (1 - l.labelOffset / 100) * l.width ? s(2, n = !1) : s(2, n = !0));
-  }, s(3, t = `--background-image: url(${p})`), [l, a, n, t, u];
-}
-class U extends R {
-  constructor(e) {
-    super(), W(this, e, Y, C, H, { rulerItemProp: 0 }, J);
-  }
-}
-export {
-  U as R
-};