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

package/libs/PanoRulerPlugin/Plugin.js

@@ -1,8 +1,268 @@
-"use strict";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,$=(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,g)=>{var O=x=>{try{u(e.next(x))}catch(v){g(v)}},l=x=>{try{u(e.throw(x))}catch(v){g(v)}},u=x=>x.done?F(x.value):Promise.resolve(x.value).then(O,l);u((e=e.apply(t,n)).next())});const re=require("@realsee/five"),I=require("three"),ie=require("../shared-utils/math/planimetry.js"),le=require("../shared-utils/nextFrame.js"),ae=require("./style.js"),ce=(t,n)=>Math.sqrt(Math.pow(t.z-n.z,2)+Math.pow(t.x-n.x,2)),ue=(t,n)=>{const e={},F=new I.Raycaster,g=n.work;if(!g)return e;const O=t.observers;g.observers.forEach((l,u)=>{const{standingPosition:x}=l,v=new I.Vector3(x.x,x.y,x.z);F.set(v,new I.Vector3(0,1,0));const[q]=n.model.intersectRaycaster(F),j=q?q.point.y:2.7,z=O[u];if(!z)return e;const C=t.rooms[z].name;e[C]===void 0?e[C]={__roof:[j],__floor:[v.y]}:(e[C].__roof.push(j),e[C].__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},de=(t,n)=>{const e={enable:!1,loaded:!1,options:n.options||{distanceText:r=>`${r.toFixed(1)}m`}},F=(r,a)=>{const c=`
+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 { intersectionOfLine as le } from "../shared-utils/math/planimetry.js";
+import { nextFrame as ae } from "../shared-utils/nextFrame.js";
+import { PanoRulerStyle 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},g=document.createElement("div");g.setAttribute("style","position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;");const O=document.createElement("div");O.innerHTML=ae.PanoRulerStyle,g.appendChild(O);const l={},u=(r,a)=>{if(e.loaded)throw new Error("\u6807\u5C3A\u88AB\u91CD\u590D\u521D\u59CB\u5316\uFF01");const c=ue(r,t),o=t.work;if(!o)return!1;for(const i in a){const y=a[i],{standingPosition:h}=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 p=1/0,_={index:0,x:h.x,y:h.y,z:h.z};b.forEach(k=>{if(!o.observers[k])return;const{standingPosition:V}=o.observers[k],A={index:k,x:V.x,y:V.y,z:V.z},R=ce({x:d,z:f},A);P?R<p&&Math.abs(A.y-P)<.3&&(p=R,_=A):R<p&&(p=R,_=A)});const w=new I.Vector3(d,_.y,f);Object.assign(w,{observers:b});const T=c[s]?c[s].roof:null,L=T?new I.Vector3(d,T,f):null;return L&&Object.assign(L,{observers:b}),{origin:w,vertical:L}});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));g.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));g.append(P),l[i].rules.push({vertical:!1,rule:[b,s],$element:P})}}return e.loaded=!0,!0},x=(r,a,c)=>X(exports,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=$($({},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 h=0;h<i.length;h++){const m=ie.intersectionOfLine([r,a],[i[h][0],i[h][1]],!0);m&&y.push(m)}return y.length===0?!1:y},q=()=>{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,h=c.getWorldDirection(new I.Vector3),m=r.clientWidth,d=r.clientHeight;if(o!==re.Five.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 p=s.clone().setY(0).sub(y).normalize().angleTo(h.clone().setY(0)),_=P.clone().setY(0).sub(y).normalize().angleTo(h.clone().setY(0));return p-_});for(const{rule:s,vertical:P,$element:p}of l[i].rules){const[_,w]=s,T=p.querySelector(".PanoRulerPlugin-rule-line");if(!T)return;if(!f){p.style.display="none";continue}if(_!==f&&w!==f){p.style.display="none";continue}if(_.distanceTo(w)<.3){p.style.display="none";continue}if(_.observers.indexOf(a)===-1||w.observers.indexOf(a)===-1){p.style.display="none";continue}if(_.clone().sub(y).normalize().angleTo(h)>Math.PI/2){p.style.display="none";continue}if(w.clone().sub(y).normalize().angleTo(h)>Math.PI/2){p.style.display="none";continue}const B=_.distanceTo(w);if(w.clone().sub(w.clone().sub(_).divide(new I.Vector3(2,2,2))).distanceTo(y)/B>8){p.style.display="none";continue}const A=_.clone().project(c),R=(A.x+1)/2*m,D=(-A.y+1)/2*d,K=w.clone().project(c),Y=(K.x+1)/2*m,H=(-K.y+1)/2*d,E=Math.sqrt(Math.pow(Y-R,2)+Math.pow(H-D,2));let N=E,S=50;const M=v({x:~~R,y:~~D},{x:~~Y,y:~~H},m,d);if(M&&M.length===1&&(f===_?(N=Math.sqrt(Math.pow(M[0].x-R,2)+Math.pow(M[0].y-D,2)),S=N/E*50):f===w&&(N=Math.sqrt(Math.pow(M[0].x-Y,2)+Math.pow(M[0].y-H,2)),S=100-N/E*50)),M&&M.length===2){const G={x:(M[0].x+M[1].x)/2,y:(M[0].y+M[1].y)/2};S=Math.sqrt(Math.pow(G.x-R,2)+Math.pow(G.y-D,2))/E*100}const te=(Math.PI/2-Math.atan2(Y-R,D-H))/Math.PI*180,W=T.querySelector(".PanoRulerPlugin-rule-label"),U=W.children[0].clientWidth;U>=E||U/2>=S/100*E||U/2>=(1-S/100)*E?T.style.display="none":(T.style.display="block",T.style.width=E+"px",T.style.left=R+"px",T.style.top=D+"px",T.style.transform=`rotate(${-te}deg)`,W.style.left=`${S}%`)}},j=()=>le.nextFrame(q),z=()=>{var r,a;return e.loaded?(e.enable||(g.setAttribute("class","PanoRulerPlugin"+(e.options.className?" "+e.options.className:"")),(a=(r=t.getElement())==null?void 0:r.parentElement)==null||a.append(g),q(),t.on("modeChange",q),t.on("cameraUpdate",j),e.enable=!0),!0):!1},C=()=>(e.enable&&(t.off("modeChange",q),t.off("cameraUpdate",j),g&&g.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,h=i.distanceTo(y),m=o.$element.querySelector(".PanoRulerPlugin-rule-label-name");!m||(m.innerText=a(h))})})}}return{enable:z,disable:C,load:x,state:e,changeConfigs:Z}};exports.PanoRulerPlugin=de;
+    `, 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 PanoRulerPlugin
+};

package/libs/PanoRulerPlugin/index.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Plugin.js");require("@realsee/five");require("three");require("../shared-utils/math/planimetry.js");require("../shared-utils/nextFrame.js");require("./style.js");exports.PanoRulerPlugin=e.PanoRulerPlugin;exports.default=e.PanoRulerPlugin;
+import "@realsee/five";
+import "three";

package/libs/PanoRulerPlugin/style.js

@@ -1,4 +1,4 @@
-"use strict";const e=`<style type="text/css">
+const e = `<style type="text/css">
 .PanoRulerPlugin-rule-line {
   position: absolute;
   transform-origin: left center;
@@ -84,4 +84,7 @@
   100% { transform: scaleX(1); }
 }
 </style>
-`;exports.PanoRulerStyle=e;
+`;
+export {
+  e as PanoRulerStyle
+};

package/libs/PanoRulerProPlugin/Controller.js

@@ -1 +1,93 @@
-"use strict";var v=Object.defineProperty;var p=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var c=(s,t,e)=>t in s?v(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,f=(s,t)=>{for(var e in t||(t={}))m.call(t,e)&&c(s,e,t[e]);if(p)for(var e of p(t))b.call(t,e)&&c(s,e,t[e]);return s};var r=(s,t,e)=>(c(s,typeof t!="symbol"?t+"":t,e),e);var u=(s,t,e)=>new Promise((n,o)=>{var a=i=>{try{d(e.next(i))}catch(h){o(h)}},l=i=>{try{d(e.throw(i))}catch(h){o(h)}},d=i=>i.done?n(i.value):Promise.resolve(i.value).then(a,l);d((e=e.apply(s,t)).next())});const I=require("./RulerItems.js");class P{constructor(t,e){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:t=>`${t.toFixed(1)}m`}});var n,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=f(f({},this.state.options),e.options||{}),(n=e.options)!=null&&n.className&&this.container.classList.add((o=e.options)==null?void 0:o.className)),this.five.once("modelLoaded",()=>u(this,null,function*(){var a,l;(l=(a=this.five.getElement())==null?void 0:a.parentNode)==null||l.append(this.container)})),this.five.once("dispose",()=>this.dispose())}load(t){return u(this,null,function*(){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}render(){return u(this,null,function*(){var t;if(this.state.enabled){if(!this.panoRulerProData||!this.container)return;this.rulerItems=new I.RulerItems({target:this.container,props:{five:this.five,rulerDatas:this.panoRulerProData,options:this.state.options}})}else(t=this.rulerItems)==null||t.$destroy(),this.rulerItems=void 0})}dispose(){this.container&&(this.rulerItems.$destroy(),this.rulerItems=void 0),this.container.remove()}}exports.Controller=P;
+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((n, o) => {
+  var a = (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 ? n(i.value) : Promise.resolve(i.value).then(a, l);
+  h((t = t.apply(s, e)).next());
+});
+import D from "./RulerItems.js";
+class y {
+  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 n, 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 || {}), (n = t.options) != null && n.className && this.container.classList.add((o = t.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", () => d(this, null, function* () {
+      var a, l;
+      (l = (a = this.five.getElement()) == null ? void 0 : a.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 {
+  y as Controller
+};

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1 +1,128 @@
-"use strict";const e=require("svelte/internal");function Z(s){e.append_styles(s,"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 k(s,t,a){const i=s.slice();return i[6]=t[a],i}function _(s){let t,a=s[0].children,i=[];for(let l=0;l<a.length;l+=1)i[l]=g(k(s,a,l));return{c(){t=e.element("div");for(let l=0;l<i.length;l+=1)i[l].c();e.attr(t,"class","rule-mixed-line svelte-1h27ktp")},m(l,r){e.insert(l,t,r);for(let n=0;n<i.length;n+=1)i[n].m(t,null)},p(l,r){if(r&9){a=l[0].children;let n;for(n=0;n<a.length;n+=1){const p=k(l,a,n);i[n]?i[n].p(p,r):(i[n]=g(p),i[n].c(),i[n].m(t,null))}for(;n<i.length;n+=1)i[n].d(1);i.length=a.length}},d(l){l&&e.detach(t),e.destroy_each(i,l)}}}function y(s){let t,a;return{c(){t=e.element("em"),e.attr(t,"class",a=e.null_to_empty(s[0].state?"em-solid":"em-dotted")+" svelte-1h27ktp"),e.attr(t,"style",s[3])},m(i,l){e.insert(i,t,l)},p(i,l){l&1&&a!==(a=e.null_to_empty(i[0].state?"em-solid":"em-dotted")+" svelte-1h27ktp")&&e.attr(t,"class",a),l&8&&e.attr(t,"style",i[3])},d(i){i&&e.detach(t)}}}function g(s){let t,a,i=`${s[6].width}px`;return{c(){t=e.element("div"),e.attr(t,"class",a=e.null_to_empty(s[6].state?"em-solid":"em-dotted")+" svelte-1h27ktp"),e.attr(t,"style",s[3]),e.set_style(t,"width",i,!1)},m(l,r){e.insert(l,t,r)},p(l,r){r&1&&a!==(a=e.null_to_empty(l[6].state?"em-solid":"em-dotted")+" svelte-1h27ktp")&&e.attr(t,"class",a),r&8&&e.attr(t,"style",l[3]),r&1&&i!==(i=`${l[6].width}px`)&&e.set_style(t,"width",i,!1)},d(l){l&&e.detach(t)}}}function P(s){let t,a,i,l,r=s[0].labelElement+"",n,p,u=`${s[0].labelOffset}%`,h=`${s[0].width}px`,f=`${s[0].left}px`,c=`${s[0].top}px`,v=`rotate(${s[0].rotateDeg}deg)`;function I(o,d){return o[0].children.length===0?y:_}let b=I(s),m=b(s);return{c(){t=e.element("div"),m.c(),a=e.space(),i=e.element("div"),l=e.element("div"),n=e.text(r),e.attr(l,"class","PanoRulerPlugin-rule-label-name svelte-1h27ktp"),e.add_render_callback(()=>s[4].call(l)),e.attr(i,"class","PanoRulerPlugin-rule-label svelte-1h27ktp"),e.set_style(i,"left",u,!1),e.attr(t,"class","PanoRulerPlugin-rule-line svelte-1h27ktp"),e.set_style(t,"width",h,!1),e.set_style(t,"left",f,!1),e.set_style(t,"top",c,!1),e.set_style(t,"transform",v,!1),e.set_style(t,"display",s[0].visible&&s[2]?"block":"none",!1)},m(o,d){e.insert(o,t,d),m.m(t,null),e.append(t,a),e.append(t,i),e.append(i,l),e.append(l,n),p=e.add_resize_listener(l,s[4].bind(l))},p(o,[d]){b===(b=I(o))&&m?m.p(o,d):(m.d(1),m=b(o),m&&(m.c(),m.m(t,a))),d&1&&r!==(r=o[0].labelElement+"")&&e.set_data(n,r),d&1&&u!==(u=`${o[0].labelOffset}%`)&&e.set_style(i,"left",u,!1),d&1&&h!==(h=`${o[0].width}px`)&&e.set_style(t,"width",h,!1),d&1&&f!==(f=`${o[0].left}px`)&&e.set_style(t,"left",f,!1),d&1&&c!==(c=`${o[0].top}px`)&&e.set_style(t,"top",c,!1),d&1&&v!==(v=`rotate(${o[0].rotateDeg}deg)`)&&e.set_style(t,"transform",v,!1),d&5&&e.set_style(t,"display",o[0].visible&&o[2]?"block":"none",!1)},i:e.noop,o:e.noop,d(o){o&&e.detach(t),m.d(),p()}}}function w(s,t,a){let i,{rulerItemProp:l}=t,r=!0,n,p="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";function u(){n=this.offsetWidth,a(1,n)}return s.$$set=h=>{"rulerItemProp"in h&&a(0,l=h.rulerItemProp)},s.$$.update=()=>{s.$$.dirty&3&&(n>=l.width||n/2>=l.labelOffset/100*l.width||n/2>=(1-l.labelOffset/100)*l.width?a(2,r=!1):a(2,r=!0))},a(3,i=`--background-image: url(${p})`),[l,n,r,i,u]}class G extends e.SvelteComponent{constructor(t){super(),e.init(this,t,w,P,e.safe_not_equal,{rulerItemProp:0},Z)}}exports.RulerItem=G;
+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 default
+};