@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.4

package/esm/PanoRulerPlugin/Plugin.js

@@ -0,0 +1,268 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,90 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1,128 @@
+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
+};