@realsee/dnalogel 2.0.2 → 2.0.4-dev.1

package/libs/PanoRulerPlugin/style.js

@@ -1,4 +1,4 @@
-const PanoRulerStyle = `<style type="text/css">
+const e = `<style type="text/css">
 .PanoRulerPlugin-rule-line {
   position: absolute;
   transform-origin: left center;
@@ -85,4 +85,6 @@ const PanoRulerStyle = `<style type="text/css">
 }
 </style>
 `;
-export default PanoRulerStyle;
+export {
+  e as default
+};

package/libs/PanoRulerPlugin/typings.js

@@ -1 +1 @@
-export {};
+

package/libs/PanoRulerProPlugin/Controller.js

@@ -1,110 +1,74 @@
-import RulerItems from './RulerItems';
-export default class Controller {
-    constructor(five, params) {
-        var _a, _b;
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document.createElement('div')
-        });
-        Object.defineProperty(this, "panoRulerProData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rulerItems", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                enabled: false,
-                loaded: false,
-                options: {
-                    className: '',
-                    distanceText: (distance) => `${distance.toFixed(1)}m`,
-                },
-            }
-        });
-        this.five = five;
-        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;`);
-        if (params) {
-            if (params.data) {
-                this.load(params.data);
-            }
-            this.state.options = Object.assign(Object.assign({}, this.state.options), (params.options || {}));
-            if ((_a = params.options) === null || _a === void 0 ? void 0 : _a.className)
-                this.container.classList.add((_b = params.options) === null || _b === void 0 ? void 0 : _b.className);
+var l = Object.defineProperty;
+var d = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => (d(i, typeof t != "symbol" ? t + "" : t, e), e);
+import u from "./RulerItems.js";
+import "../index.d6d7690a.js";
+import "@realsee/five";
+import "../shared-utils/animationFrame/index.js";
+import "@tweenjs/tween.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 R {
+  constructor(t, e) {
+    s(this, "five");
+    s(this, "container", document.createElement("div"));
+    s(this, "panoRulerProData");
+    s(this, "rulerItems");
+    s(this, "state", {
+      enabled: !1,
+      loaded: !1,
+      options: {
+        className: "",
+        distanceText: (t) => `${t.toFixed(1)}m`
+      }
+    });
+    var r, o;
+    this.five = t, 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;"
+    ), e && (e.data && this.load(e.data), this.state.options = { ...this.state.options, ...e.options || {} }, (r = e.options) != null && r.className && this.container.classList.add((o = e.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", async () => {
+      var a, n;
+      (n = (a = this.five.getElement()) == null ? void 0 : a.parentNode) == null || n.append(this.container);
+    }), this.five.once("dispose", () => this.dispose());
+  }
+  async load(t) {
+    if (!this.five.work)
+      return;
+    const e = t.data;
+    if (!e)
+      throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
+    this.panoRulerProData = e, 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;
+  }
+  async render() {
+    var t;
+    if (this.state.enabled) {
+      if (!this.panoRulerProData || !this.container)
+        return;
+      this.rulerItems = new u({
+        target: this.container,
+        props: {
+          five: this.five,
+          rulerDatas: this.panoRulerProData,
+          options: this.state.options
         }
-        this.five.once('modelLoaded', async () => {
-            var _a, _b;
-            (_b = (_a = this.five.getElement()) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.append(this.container);
-        });
-        this.five.once('dispose', () => this.dispose());
-    }
-    async load(serverData) {
-        if (!this.five.work)
-            return;
-        const data = serverData.data;
-        if (!data)
-            throw new Error('标尺数据依赖不齐全！');
-        this.panoRulerProData = data;
-        this.state.loaded = true;
-    }
-    enable() {
-        if (!this.state.loaded)
-            return false;
-        if (this.state.enabled)
-            return true;
-        this.state.enabled = true;
-        this.render();
-        return true;
-    }
-    disable() {
-        if (!this.state.enabled)
-            return true;
-        this.state.enabled = false;
-        this.render();
-        return true;
-    }
-    async render() {
-        var _a;
-        if (this.state.enabled) {
-            if (!this.panoRulerProData || !this.container)
-                return;
-            this.rulerItems = new RulerItems({
-                target: this.container,
-                props: {
-                    five: this.five,
-                    rulerDatas: this.panoRulerProData,
-                    options: this.state.options,
-                },
-            });
-        }
-        else {
-            (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
-            this.rulerItems = undefined;
-        }
-    }
-    dispose() {
-        if (this.container) {
-            this.rulerItems.$destroy();
-            this.rulerItems = undefined;
-        }
-        this.container.remove();
-    }
+      });
+    } else
+      (t = this.rulerItems) == null || t.$destroy(), this.rulerItems = void 0;
+  }
+  dispose() {
+    this.container && (this.rulerItems.$destroy(), this.rulerItems = void 0), this.container.remove();
+  }
 }
+export {
+  R as default
+};

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1,314 +1,118 @@
-/* generated by Svelte v3.50.1 */
-import {
-	SvelteComponent,
-	add_render_callback,
-	add_resize_listener,
-	append,
-	append_styles,
-	attr,
-	destroy_each,
-	detach,
-	element,
-	init,
-	insert,
-	noop,
-	null_to_empty,
-	safe_not_equal,
-	set_data,
-	set_style,
-	space,
-	text
-} from "svelte/internal";
-
-function add_css(target) {
-	append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{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;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
+import { S as R, i as W, s as H, a as M, e as c, o as z, u as N, b as d, z as S, q as r, c as P, p as g, A as j, v as B, n as G, g as w, D as V, x as Z } from "../index.d6d7690a.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 get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[6] = list[i];
-	return child_ctx;
+function y(i, e, s) {
+  const l = i.slice();
+  return l[6] = e[s], l;
 }
-
-// (28:2) {:else}
-function create_else_block(ctx) {
-	let div;
-	let each_value = /*rulerItemProp*/ ctx[0].children;
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-	}
-
-	return {
-		c() {
-			div = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			attr(div, "class", "rule-mixed-line svelte-qy4ud2");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp, vars*/ 9) {
-				each_value = /*rulerItemProp*/ ctx[0].children;
-				let i;
-
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context(ctx, each_value, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-					} else {
-						each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
-						each_blocks[i].m(div, null);
-					}
-				}
-
-				for (; i < each_blocks.length; i += 1) {
-					each_blocks[i].d(1);
-				}
-
-				each_blocks.length = each_value.length;
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_each(each_blocks, detaching);
-		}
-	};
+function D(i) {
+  let e, s = i[0].children, l = [];
+  for (let t = 0; t < s.length; t += 1)
+    l[t] = X(y(i, s, 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(t, n) {
+      P(t, e, n);
+      for (let a = 0; a < l.length; a += 1)
+        l[a].m(e, null);
+    },
+    p(t, n) {
+      if (n & 9) {
+        s = t[0].children;
+        let a;
+        for (a = 0; a < s.length; a += 1) {
+          const p = y(t, s, a);
+          l[a] ? l[a].p(p, n) : (l[a] = X(p), l[a].c(), l[a].m(e, null));
+        }
+        for (; a < l.length; a += 1)
+          l[a].d(1);
+        l.length = s.length;
+      }
+    },
+    d(t) {
+      t && w(e), V(l, t);
+    }
+  };
 }
-
-// (26:2) {#if rulerItemProp.children.length === 0}
-function create_if_block(ctx) {
-	let em;
-	let em_class_value;
-
-	return {
-		c() {
-			em = element("em");
-
-			attr(em, "class", em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
-			? 'em-solid'
-			: 'em-dotted') + " svelte-qy4ud2"));
-
-			attr(em, "style", /*vars*/ ctx[3]);
-		},
-		m(target, anchor) {
-			insert(target, em, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp*/ 1 && em_class_value !== (em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
-			? 'em-solid'
-			: 'em-dotted') + " svelte-qy4ud2"))) {
-				attr(em, "class", em_class_value);
-			}
-
-			if (dirty & /*vars*/ 8) {
-				attr(em, "style", /*vars*/ ctx[3]);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(em);
-		}
-	};
+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(l, t) {
+      P(l, e, t);
+    },
+    p(l, t) {
+      t & 1 && s !== (s = Z(l[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", s), t & 8 && d(e, "style", l[3]);
+    },
+    d(l) {
+      l && w(e);
+    }
+  };
 }
-
-// (30:6) {#each rulerItemProp.children as child}
-function create_each_block(ctx) {
-	let div;
-	let div_class_value;
-	let style_width = `${/*child*/ ctx[6].width}px`;
-
-	return {
-		c() {
-			div = element("div");
-			attr(div, "class", div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"));
-			attr(div, "style", /*vars*/ ctx[3]);
-			set_style(div, "width", style_width, false);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"))) {
-				attr(div, "class", div_class_value);
-			}
-
-			if (dirty & /*vars*/ 8) {
-				attr(div, "style", /*vars*/ ctx[3]);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*child*/ ctx[6].width}px`)) {
-				set_style(div, "width", style_width, false);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
+function X(i) {
+  let e, s, l = `${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", l);
+    },
+    m(t, n) {
+      P(t, e, n);
+    },
+    p(t, n) {
+      n & 1 && s !== (s = Z(t[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", s), n & 8 && d(e, "style", t[3]), n & 1 && l !== (l = `${t[6].width}px`) && r(e, "width", l);
+    },
+    d(t) {
+      t && w(e);
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let div2;
-	let t0;
-	let div1;
-	let div0;
-	let t1_value = /*rulerItemProp*/ ctx[0].labelElement + "";
-	let t1;
-	let div0_resize_listener;
-	let style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`;
-	let style_width = `${/*rulerItemProp*/ ctx[0].width}px`;
-	let style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`;
-	let style_top = `${/*rulerItemProp*/ ctx[0].top}px`;
-	let style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`;
-
-	function select_block_type(ctx, dirty) {
-		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block;
-		return create_else_block;
-	}
-
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block = current_block_type(ctx);
-
-	return {
-		c() {
-			div2 = element("div");
-			if_block.c();
-			t0 = space();
-			div1 = element("div");
-			div0 = element("div");
-			t1 = text(t1_value);
-			attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-qy4ud2");
-			add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
-			attr(div1, "class", "PanoRulerPlugin-rule-label svelte-qy4ud2");
-			set_style(div1, "left", style_left, false);
-			attr(div2, "class", "PanoRulerPlugin-rule-line svelte-qy4ud2");
-			set_style(div2, "width", style_width, false);
-			set_style(div2, "left", style_left_1, false);
-			set_style(div2, "top", style_top, false);
-			set_style(div2, "transform", style_transform, false);
-
-			set_style(
-				div2,
-				"display",
-				/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
-				? 'block'
-				: 'none',
-				false
-			);
-		},
-		m(target, anchor) {
-			insert(target, div2, anchor);
-			if_block.m(div2, null);
-			append(div2, t0);
-			append(div2, div1);
-			append(div1, div0);
-			append(div0, t1);
-			div0_resize_listener = add_resize_listener(div0, /*div0_elementresize_handler*/ ctx[4].bind(div0));
-		},
-		p(ctx, [dirty]) {
-			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if_block.d(1);
-				if_block = current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(div2, t0);
-				}
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && t1_value !== (t1_value = /*rulerItemProp*/ ctx[0].labelElement + "")) set_data(t1, t1_value);
-
-			if (dirty & /*rulerItemProp*/ 1 && style_left !== (style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`)) {
-				set_style(div1, "left", style_left, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*rulerItemProp*/ ctx[0].width}px`)) {
-				set_style(div2, "width", style_width, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_left_1 !== (style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`)) {
-				set_style(div2, "left", style_left_1, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_top !== (style_top = `${/*rulerItemProp*/ ctx[0].top}px`)) {
-				set_style(div2, "top", style_top, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_transform !== (style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`)) {
-				set_style(div2, "transform", style_transform, false);
-			}
-
-			if (dirty & /*rulerItemProp, _visible*/ 5) {
-				set_style(
-					div2,
-					"display",
-					/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
-					? 'block'
-					: 'none',
-					false
-				);
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div2);
-			if_block.d();
-			div0_resize_listener();
-		}
-	};
+function C(i) {
+  let e, s, l, t, n = i[0].labelElement + "", a, 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 _(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(), l = c("div"), t = c("div"), a = N(n), d(t, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), S(() => i[4].call(t)), d(l, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), r(l, "left", f), d(e, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), r(e, "width", u), r(e, "left", v), r(e, "top", b), r(e, "transform", I), r(e, "display", i[0].visible && i[2] ? "block" : "none");
+    },
+    m(o, m) {
+      P(o, e, m), h.m(e, null), g(e, s), g(e, l), g(l, t), g(t, a), p = j(t, i[4].bind(t));
+    },
+    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 + "") && B(a, n), m & 1 && f !== (f = `${o[0].labelOffset}%`) && r(l, "left", f), m & 1 && u !== (u = `${o[0].width}px`) && r(e, "width", u), m & 1 && v !== (v = `${o[0].left}px`) && r(e, "left", v), m & 1 && b !== (b = `${o[0].top}px`) && r(e, "top", b), m & 1 && I !== (I = `rotate(${o[0].rotateDeg}deg)`) && r(e, "transform", I), m & 5 && r(e, "display", o[0].visible && o[2] ? "block" : "none");
+    },
+    i: G,
+    o: G,
+    d(o) {
+      o && w(e), h.d(), p();
+    }
+  };
 }
-
-function instance($$self, $$props, $$invalidate) {
-	let vars;
-	let { rulerItemProp } = $$props;
-	let _visible = true;
-	let labelWidth;
-	let EM_DOTTED_BG = `data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=`;
-
-	function div0_elementresize_handler() {
-		labelWidth = this.offsetWidth;
-		$$invalidate(1, labelWidth);
-	}
-
-	$$self.$$set = $$props => {
-		if ('rulerItemProp' in $$props) $$invalidate(0, rulerItemProp = $$props.rulerItemProp);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*labelWidth, rulerItemProp*/ 3) {
-			$: {
-				if (labelWidth >= rulerItemProp.width || labelWidth / 2 >= rulerItemProp.labelOffset / 100 * rulerItemProp.width || labelWidth / 2 >= (1 - rulerItemProp.labelOffset / 100) * rulerItemProp.width) {
-					$$invalidate(2, _visible = false);
-				} else {
-					$$invalidate(2, _visible = true);
-				}
-			}
-		}
-	};
-
-	$: $$invalidate(3, vars = `--background-image: url(${EM_DOTTED_BG})`);
-	return [rulerItemProp, labelWidth, _visible, vars, div0_elementresize_handler];
+function Y(i, e, s) {
+  let l, { rulerItemProp: t } = e, n = !0, a, p = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
+  function f() {
+    a = this.offsetWidth, s(1, a);
+  }
+  return i.$$set = (u) => {
+    "rulerItemProp" in u && s(0, t = u.rulerItemProp);
+  }, i.$$.update = () => {
+    i.$$.dirty & 3 && (a >= t.width || a / 2 >= t.labelOffset / 100 * t.width || a / 2 >= (1 - t.labelOffset / 100) * t.width ? s(2, n = !1) : s(2, n = !0));
+  }, s(3, l = `--background-image: url(${p})`), [t, a, n, l, f];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { rulerItemProp: 0 }, add_css);
-	}
+class U extends R {
+  constructor(e) {
+    super(), W(this, e, Y, C, H, { rulerItemProp: 0 }, J);
+  }
 }
-
-export default Component;
+export {
+  U as default
+};