@realsee/dnalogel 2.14.1 → 2.14.2-alpha.0

package/dist/index.js

@@ -355,8 +355,8 @@ class Rc extends Oc {
     n.strokeStyle = o;
     let s = null, r = [], a, l = [], c = 0;
     const u = (d, h, f) => {
-      const v = this.color || "#ff0000";
-      n.strokeStyle = v, n.beginPath(), n.moveTo(d.x, d.y), n.quadraticCurveTo(h.x, h.y, f.x, f.y), n.stroke();
+      const A = this.color || "#ff0000";
+      n.strokeStyle = A, n.beginPath(), n.moveTo(d.x, d.y), n.quadraticCurveTo(h.x, h.y, f.x, f.y), n.stroke();
     };
     e.onmousedown = (d) => {
       d.preventDefault(), c = Date.now();
@@ -368,8 +368,8 @@ class Rc extends Oc {
       const h = Number(d.clientX), f = Number(d.clientY);
       if (Math.abs(h - s.x) < 5 && Math.abs(f - s.y) < 5 || (r.push({ x: h, y: f }), l.push(Qn({ x: h, y: f }, this.clientWidth, this.clientHeight)), r.length < 3))
         return;
-      const { control: v, end: g } = Rn(r);
-      !v || !g || (u(s, v, g), s = g);
+      const { control: A, end: g } = Rn(r);
+      !A || !g || (u(s, A, g), s = g);
     }, e.onmouseup = (d) => {
       if (d.preventDefault(), s = null, r.length < 3)
         return;
@@ -400,8 +400,8 @@ class Rc extends Oc {
       const h = Number(d.touches[0].clientX), f = Number(d.touches[0].clientY);
       if (Math.abs(h - s.x) < 5 && Math.abs(f - s.y) < 5 || (r.push({ x: h, y: f }), l.push(Qn({ x: h, y: f }, this.clientWidth, this.clientHeight)), r.length < 3))
         return;
-      const { control: v, end: g } = Rn(r);
-      !v || !g || (u(s, v, g), s = g);
+      const { control: A, end: g } = Rn(r);
+      !A || !g || (u(s, A, g), s = g);
     }, e.ontouchend = e.ontouchcancel = (d) => {
       if (d.preventDefault(), s = null, r.length < 3)
         return;
@@ -487,15 +487,15 @@ class Rc extends Oc {
       const { line: l = [], color: c = "black", duration: u = 0, uuid: d } = n, h = Si(n.move || {}, this.clientWidth, this.clientHeight);
       let f = [h];
       if (a.strokeStyle = c, a.beginPath(), a.moveTo(h.x, h.y), u && !o) {
-        let v = [];
+        let A = [];
         const g = this;
         g.tween = jc({ step: 0 }, { step: l.length - 1 }, u).onUpdate(({ step: p }) => {
           var b;
           if (g.tweening = !0, !g.ready)
             return a.clearRect(0, 0, g.canvas[d].width, g.canvas[d].height), (b = g.tween) == null ? void 0 : b.stop();
-          const A = Math.floor(p);
-          if (!v.find((w) => w === A)) {
-            if (v.push(A), f.push(Si(l[A], g.clientWidth, g.clientHeight)), f.length < 3)
+          const v = Math.floor(p);
+          if (!A.find((w) => w === v)) {
+            if (A.push(v), f.push(Si(l[v], g.clientWidth, g.clientHeight)), f.length < 3)
               return;
             const { control: w, end: E } = Rn(f);
             if (!w || !E)
@@ -503,11 +503,11 @@ class Rc extends Oc {
             a.quadraticCurveTo(w.x, w.y, E.x, E.y), a.stroke();
           }
         }).onComplete((p) => {
-          g.tween = void 0, g.tweening = !1, v = [], f = [], s && s(), r();
+          g.tween = void 0, g.tweening = !1, A = [], f = [], s && s(), r();
         });
       } else {
-        for (let v = 0; v < l.length; v++) {
-          if (f.push(Si(l[v], this.clientWidth, this.clientHeight)), f.length < 3)
+        for (let A = 0; A < l.length; A++) {
+          if (f.push(Si(l[A], this.clientWidth, this.clientHeight)), f.length < 3)
             continue;
           const { control: g, end: p } = Rn(f);
           !g || !p || a.quadraticCurveTo(g.x, g.y, p.x, p.y);
@@ -616,7 +616,7 @@ const gb = (i, t) => {
         return X.children.forEach((ee) => G.add(W(ee))), G;
       }
     }
-  }, v = () => {
+  }, A = () => {
     if (!!i.renderer)
       return s || (s = new C.WebGLRenderer({ antialias: !1, alpha: !0 }), s.setPixelRatio(i.renderer.getPixelRatio()), s.outputEncoding = C.sRGBEncoding, s.setClearColor(1579548, 0), s.autoClear = !0), s;
   }, g = () => {
@@ -625,12 +625,12 @@ const gb = (i, t) => {
     }), l.remove(u), u = new C.Object3D(), l.add(u), n = !1, D();
   }, p = () => {
     !e || n || f();
-  }, A = () => {
+  }, v = () => {
     e || (e = !0, l.add(u), !n && i.model.loaded && f(), D());
   }, b = () => {
     !e || (l.remove(u), o = !0, k(), e = !1);
   }, w = (R, W = {}) => {
-    const X = v();
+    const X = A();
     if (!X)
       return;
     R.appendChild(X.domElement), E(W);
@@ -671,7 +671,7 @@ const gb = (i, t) => {
   }, O = () => ({
     enabled: e
   });
-  return Object.assign(window, { camera: c }), i.on("modelLoaded", p), i.on("modelWillLoad", g), i.on("cameraDirectionUpdate", D), i.on("dispose", V), i.on("renderFrame", k), i.on("cameraPositionUpdate", D), { appendTo: w, refresh: E, changeConfigs: _, enable: A, disable: b, getCurrentState: O };
+  return Object.assign(window, { camera: c }), i.on("modelLoaded", p), i.on("modelWillLoad", g), i.on("cameraDirectionUpdate", D), i.on("dispose", V), i.on("renderFrame", k), i.on("cameraPositionUpdate", D), { appendTo: w, refresh: E, changeConfigs: _, enable: v, disable: b, getCurrentState: O };
 };
 function gt(...i) {
   const t = [];
@@ -808,16 +808,16 @@ class Uc extends Zi {
   constructor(e) {
     var L, I, D;
     const n = e.container, o = e.cornerPoints, s = (L = e.ratio) != null ? L : Yc, r = (I = e.dpr) != null ? I : 1, a = (D = e.pointerEvents) != null ? D : "auto", l = Math.max(Xc, s), c = o[0].distanceTo(o[1]), u = o[1].distanceTo(o[2]), d = si(c / s * r), h = si(u / s * r), f = Mn(...o);
-    let v;
+    let A;
     if (l === s)
-      n.style.width = `${d}px`, n.style.height = `${h}px`, v = n;
+      n.style.width = `${d}px`, n.style.height = `${h}px`, A = n;
     else {
       const k = document.createElement("div");
       k.style.width = `${d}px`, k.style.height = `${h}px`, k.style.pointerEvents = "none";
       const V = s / l;
-      n.style.position = "absolute", n.style.left = "0", n.style.top = "0", n.style.width = `${V * d}px`, n.style.height = `${V * h}px`, k.appendChild(n), v = k;
+      n.style.position = "absolute", n.style.left = "0", n.style.top = "0", n.style.width = `${V * d}px`, n.style.height = `${V * h}px`, k.appendChild(n), A = k;
     }
-    super(v);
+    super(A);
     m(this, "version", Da);
     m(this, "isCSS3DObjectPlus", !0);
     m(this, "container");
@@ -857,8 +857,8 @@ class Uc extends Zi {
       this.width = k * c, this.height = k * u, this.domWidthPx = k * d, this.domHeightPx = k * h, this.centerPosition = new U().subVectors(f, o[0]).multiplyScalar(k).add(o[0]);
     }
     n.classList.add(`${Nc}__container`);
-    const g = new U().subVectors(o[1], o[0]), p = new U().subVectors(o[3], o[0]), A = new U().crossVectors(g, p).normalize();
-    this.lookAt(A);
+    const g = new U().subVectors(o[1], o[0]), p = new U().subVectors(o[3], o[0]), v = new U().crossVectors(g, p).normalize();
+    this.lookAt(v);
     const b = this.up.clone().applyQuaternion(this.quaternion), w = p.clone(), E = new U().crossVectors(b, w).normalize();
     this.rotateOnWorldAxis(E, b.angleTo(w)), this.position.copy(f), this.addEventListener("added", () => {
       var k;
@@ -1030,14 +1030,14 @@ class In {
       let h = !1;
       const f = this.createObject(s, { ratio: r, dpr: a, container: u, mode: l, pointerEvents: d });
       De.css3DObjects.push(f), o.scene && this.setScene(o.scene);
-      const v = () => {
+      const A = () => {
         if (h)
           return;
         const E = f.mode === "front" ? this.getFrontCSS3DObjectGroup() : this.getBehindCSS3DObjectGroup();
         !E || E.add(f);
       }, g = () => {
-        h || (v(), this.render(t), this.hooks.emit("render"));
-      }, p = (E) => this.setVisibleById(f.id, E), A = (E) => this.setEnabledById(f.id, E), b = () => (h = !0, f.removeFromParent(), !0), w = l === "front" ? De.frontModeStore.css3DRenderer : De.behindModeStore.css3DRenderer;
+        h || (A(), this.render(t), this.hooks.emit("render"));
+      }, p = (E) => this.setVisibleById(f.id, E), v = (E) => this.setEnabledById(f.id, E), b = () => (h = !0, f.removeFromParent(), !0), w = l === "front" ? De.frontModeStore.css3DRenderer : De.behindModeStore.css3DRenderer;
       return c && g(), {
         id: f.uuid,
         container: u,
@@ -1046,9 +1046,9 @@ class In {
         show: () => p(!0),
         hide: () => p(!1),
         setVisible: p,
-        enable: () => A(!0),
-        disable: () => A(!1),
-        setEnabled: A,
+        enable: () => v(!0),
+        disable: () => v(!1),
+        setEnabled: v,
         dispose: b,
         appendToElement: (E) => w.setWrapper(E)
       };
@@ -1340,16 +1340,16 @@ const Ab = (i) => {
         new U(0, 0, 1)
       )
     ), i.scene.add(p), i.needsRender = !0;
-    const A = () => {
+    const v = () => {
       i.scene.remove(p);
     };
-    return t.disposers.push(A), { clear: A, pointAxesHelperMesh: p };
+    return t.disposers.push(v), { clear: v, pointAxesHelperMesh: p };
   }, s = (u, d = 0) => {
-    var A, b;
-    const h = (A = i == null ? void 0 : i.camera) == null ? void 0 : A.position;
+    var v, b;
+    const h = (v = i == null ? void 0 : i.camera) == null ? void 0 : v.position;
     if (!h)
       return !1;
-    const f = u.distanceTo(h), v = u.sub(h).normalize(), g = new Mt(h, v), p = (b = i.model.intersectRaycaster(g)) == null ? void 0 : b[0];
+    const f = u.distanceTo(h), A = u.sub(h).normalize(), g = new Mt(h, A), p = (b = i.model.intersectRaycaster(g)) == null ? void 0 : b[0];
     return !(p && p.distance + d < f);
   }, r = () => t.intersection, a = () => {
     var u, d;
@@ -1599,13 +1599,13 @@ function Ga(i, t, e, n, o, s, r, a = 0) {
   let c = `{
 `;
   for (let p = 0; p <= 1; p += l) {
-    const A = t + (e - t) * s(p);
-    c += p * 100 + `%{${r(A, 1 - A)}}
+    const v = t + (e - t) * s(p);
+    c += p * 100 + `%{${r(v, 1 - v)}}
 `;
   }
   const u = c + `100% {${r(e, 1 - e)}}
-}`, d = `__svelte_${lu(u)}_${a}`, h = go(i), { stylesheet: f, rules: v } = ai.get(h) || cu(h, i);
-  v[d] || (v[d] = !0, f.insertRule(`@keyframes ${d} ${u}`, f.cssRules.length));
+}`, d = `__svelte_${lu(u)}_${a}`, h = go(i), { stylesheet: f, rules: A } = ai.get(h) || cu(h, i);
+  A[d] || (A[d] = !0, f.insertRule(`@keyframes ${d} ${u}`, f.cssRules.length));
   const g = i.style.animation || "";
   return i.style.animation = `${g ? `${g}, ` : ""}${d} ${n}ms linear ${o}ms 1 both`, li += 1, d;
 }
@@ -1750,16 +1750,16 @@ function Tt(i, t, e) {
     s && $i(i, s);
   }
   function c() {
-    const { delay: d = 0, duration: h = 300, easing: f = At, tick: v = N, css: g } = n || Ua;
-    g && (s = Ga(i, 0, 1, h, d, f, g, a++)), v(0, 1);
-    const p = Va() + d, A = p + h;
+    const { delay: d = 0, duration: h = 300, easing: f = At, tick: A = N, css: g } = n || Ua;
+    g && (s = Ga(i, 0, 1, h, d, f, g, a++)), A(0, 1);
+    const p = Va() + d, v = p + h;
     r && r.abort(), o = !0, Qe(() => ci(i, !0, "start")), r = Qa((b) => {
       if (o) {
-        if (b >= A)
-          return v(1, 0), ci(i, !0, "end"), l(), o = !1;
+        if (b >= v)
+          return A(1, 0), ci(i, !0, "end"), l(), o = !1;
         if (b >= p) {
           const w = f((b - p) / h);
-          v(w, 1 - w);
+          A(w, 1 - w);
         }
       }
       return o;
@@ -1785,10 +1785,10 @@ function sn(i, t, e) {
   function a() {
     const { delay: l = 0, duration: c = 300, easing: u = At, tick: d = N, css: h } = n || Ua;
     h && (s = Ga(i, 1, 0, c, l, u, h));
-    const f = Va() + l, v = f + c;
+    const f = Va() + l, A = f + c;
     Qe(() => ci(i, !1, "start")), Qa((g) => {
       if (o) {
-        if (g >= v)
+        if (g >= A)
           return d(0, 1), ci(i, !1, "end"), --r.r || He(r.c), !1;
         if (g >= f) {
           const p = u((g - f) / c);
@@ -1851,15 +1851,15 @@ function It(i, t) {
   });
 }
 function Ke(i, t, e, n, o, s, r, a, l, c, u, d) {
-  let h = i.length, f = s.length, v = h;
+  let h = i.length, f = s.length, A = h;
   const g = {};
-  for (; v--; )
-    g[i[v].key] = v;
-  const p = [], A = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
-  for (v = f; v--; ) {
-    const I = d(o, s, v), D = e(I);
+  for (; A--; )
+    g[i[A].key] = A;
+  const p = [], v = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+  for (A = f; A--; ) {
+    const I = d(o, s, A), D = e(I);
     let k = r.get(D);
-    k ? n && k.p(I, t) : (k = c(D, I), k.c()), A.set(D, p[v] = k), D in g && b.set(D, Math.abs(v - g[D]));
+    k ? n && k.p(I, t) : (k = c(D, I), k.c()), v.set(D, p[A] = k), D in g && b.set(D, Math.abs(A - g[D]));
   }
   const w = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set();
   function L(I) {
@@ -1867,11 +1867,11 @@ function Ke(i, t, e, n, o, s, r, a, l, c, u, d) {
   }
   for (; h && f; ) {
     const I = p[f - 1], D = i[h - 1], k = I.key, V = D.key;
-    I === D ? (u = I.first, h--, f--) : A.has(V) ? !r.has(k) || w.has(k) ? L(I) : E.has(V) ? h-- : b.get(k) > b.get(V) ? (E.add(k), L(I)) : (w.add(V), h--) : (l(D, r), h--);
+    I === D ? (u = I.first, h--, f--) : v.has(V) ? !r.has(k) || w.has(k) ? L(I) : E.has(V) ? h-- : b.get(k) > b.get(V) ? (E.add(k), L(I)) : (w.add(V), h--) : (l(D, r), h--);
   }
   for (; h--; ) {
     const I = i[h];
-    A.has(I.key) || l(I, r);
+    v.has(I.key) || l(I, r);
   }
   for (; f; )
     L(p[f - 1]);
@@ -1944,8 +1944,8 @@ function ie(i, t, e, n, o, s, r, a = [-1]) {
   r && r(c.root);
   let u = !1;
   if (c.ctx = e ? e(i, t.props || {}, (d, h, ...f) => {
-    const v = f.length ? f[0] : h;
-    return c.ctx && o(c.ctx[d], c.ctx[d] = v) && (!c.skip_bound && c.bound[d] && c.bound[d](v), u && pu(i, d)), h;
+    const A = f.length ? f[0] : h;
+    return c.ctx && o(c.ctx[d], c.ctx[d] = A) && (!c.skip_bound && c.bound[d] && c.bound[d](A), u && pu(i, d)), h;
   }) : [], c.update(), u = !0, He(c.before_update), c.fragment = n ? n(c.ctx) : !1, t.target) {
     if (t.hydrate) {
       const d = ru(t.target);
@@ -2284,8 +2284,8 @@ function rn(i) {
   new Qu((e, n) => {
     var o, s, r, a, l, c;
     for (const u of e) {
-      const { borderBoxSize: d, contentRect: h } = u, f = (r = (s = (o = d == null ? void 0 : d[0]) == null ? void 0 : o.inlineSize) != null ? s : h.width) != null ? r : i.clientWidth, v = (c = (l = (a = d == null ? void 0 : d[0]) == null ? void 0 : a.blockSize) != null ? l : h.height) != null ? c : i.clientHeight;
-      i.dispatchEvent(new CustomEvent("clientWidth", { detail: f })), i.dispatchEvent(new CustomEvent("clientHeight", { detail: v }));
+      const { borderBoxSize: d, contentRect: h } = u, f = (r = (s = (o = d == null ? void 0 : d[0]) == null ? void 0 : o.inlineSize) != null ? s : h.width) != null ? r : i.clientWidth, A = (c = (l = (a = d == null ? void 0 : d[0]) == null ? void 0 : a.blockSize) != null ? l : h.height) != null ? c : i.clientHeight;
+      i.dispatchEvent(new CustomEvent("clientWidth", { detail: f })), i.dispatchEvent(new CustomEvent("clientHeight", { detail: A }));
     }
   }).observe(i);
 }
@@ -2379,20 +2379,20 @@ function Hu(i) {
 function Gu(i, t, e) {
   var p;
   let n, { five: o } = t, { roomLabels: s } = t, r, a, l = (p = o.model.shownFloor) != null ? p : null;
-  function c(A) {
-    if (!(l === null || A.floorIndex === l))
+  function c(v) {
+    if (!(l === null || v.floorIndex === l))
       return !1;
-    const w = new Mt(), E = o.camera.position.clone(), L = new U(A.position.x, A.position.y, A.position.z), I = L.distanceTo(E);
+    const w = new Mt(), E = o.camera.position.clone(), L = new U(v.position.x, v.position.y, v.position.z), I = L.distanceTo(E);
     w.set(E.clone(), L.clone().sub(E).normalize());
     const [D] = o.model.intersectRaycaster(w);
     return !(D && D.distance + 1 < I);
   }
-  function u(A, b) {
-    const E = new U(A.position.x, A.position.y, A.position.z).clone().project(o.camera), L = Math.ceil((E.x + 1) / 2 * b.x), I = Math.ceil((-E.y + 1) / 2 * b.y);
+  function u(v, b) {
+    const E = new U(v.position.x, v.position.y, v.position.z).clone().project(o.camera), L = Math.ceil((E.x + 1) / 2 * b.x), I = Math.ceil((-E.y + 1) / 2 * b.y);
     return `translate(${L}px, ${I}px)`;
   }
-  function d(A) {
-    const { rendererSize: b, shownFloor: w } = A, E = /* @__PURE__ */ new Map();
+  function d(v) {
+    const { rendererSize: b, shownFloor: w } = v, E = /* @__PURE__ */ new Map();
     function L(D) {
       const k = E.get(D.id);
       if (k)
@@ -2408,21 +2408,21 @@ function Gu(i, t, e) {
   function h() {
     e(0, s = d({ rendererSize: n, shownFloor: l }));
   }
-  function f(A) {
-    e(4, l = A);
+  function f(v) {
+    e(4, l = v);
   }
   o.on("cameraUpdate", h), o.on("modelShownFloorChange", f), _a(() => {
     e(0, s = d({ rendererSize: n, shownFloor: l }));
   }), Pt(() => {
     o.off("cameraUpdate", h), o.off("modelShownFloorChange", f);
   });
-  const v = (A) => {
-    e(2, r = A.detail);
-  }, g = (A) => {
-    e(3, a = A.detail);
+  const A = (v) => {
+    e(2, r = v.detail);
+  }, g = (v) => {
+    e(3, a = v.detail);
   };
-  return i.$$set = (A) => {
-    "five" in A && e(1, o = A.five), "roomLabels" in A && e(0, s = A.roomLabels);
+  return i.$$set = (v) => {
+    "five" in v && e(1, o = v.five), "roomLabels" in v && e(0, s = v.roomLabels);
   }, i.$$.update = () => {
     i.$$.dirty & 12 && e(5, n = { x: r, y: a }), i.$$.dirty & 48 && e(0, s = d({ rendererSize: n, shownFloor: l }));
   }, [
@@ -2432,7 +2432,7 @@ function Gu(i, t, e) {
     a,
     l,
     n,
-    v,
+    A,
     g
   ];
 }
@@ -2641,7 +2641,7 @@ function Ku(i) {
 }
 function $u(i, t, e) {
   let { panoIndex: n } = t, { floorplanData: o } = t, { lastPanoramaLongitude: s } = t, { cameraImageUrl: r } = t;
-  const { observers: a } = o, l = a[n], c = l.positionInImage.x, u = l.positionInImage.y, d = c * 100 + "%", h = u * 100 + "%", f = -il(s) + 45, v = document.body.clientWidth, g = document.body.clientHeight, A = `${(v < 500 || g < 500 ? 17 : 37) / 16}rem`;
+  const { observers: a } = o, l = a[n], c = l.positionInImage.x, u = l.positionInImage.y, d = c * 100 + "%", h = u * 100 + "%", f = -il(s) + 45, A = document.body.clientWidth, g = document.body.clientHeight, v = `${(A < 500 || g < 500 ? 17 : 37) / 16}rem`;
   return i.$$set = (b) => {
     "panoIndex" in b && e(5, n = b.panoIndex), "floorplanData" in b && e(6, o = b.floorplanData), "lastPanoramaLongitude" in b && e(7, s = b.lastPanoramaLongitude), "cameraImageUrl" in b && e(0, r = b.cameraImageUrl);
   }, [
@@ -2649,7 +2649,7 @@ function $u(i, t, e) {
     d,
     h,
     f,
-    A,
+    v,
     n,
     o,
     s
@@ -3040,7 +3040,7 @@ function Id(i, t) {
   return o;
 }
 function kd(i, t, e) {
-  let n, o, s, r, a, { pxmm: l } = t, { roomAreaEnable: c } = t, { roomNameEnable: u } = t, { room: d } = t, { hoveredRoom: h } = t, { getRoomAreaText: f } = t, { getLabelElement: v } = t, { adaptiveRoomLabelVisibleEnable: g } = t;
+  let n, o, s, r, a, { pxmm: l } = t, { roomAreaEnable: c } = t, { roomNameEnable: u } = t, { room: d } = t, { hoveredRoom: h } = t, { getRoomAreaText: f } = t, { getLabelElement: A } = t, { adaptiveRoomLabelVisibleEnable: g } = t;
   function p(F, B) {
     if (B.width === 0 || B.height === 0)
       return () => !1;
@@ -3055,7 +3055,7 @@ function kd(i, t, e) {
       ].every((Ae) => Id(Ae, Se));
     };
   }
-  const A = document.body.clientWidth, b = document.body.clientHeight, w = d.roomLabel, E = w.positionInImage.x * 100 + "%", L = w.positionInImage.y * 100 + "%", I = (A < 500 || b < 500 ? 10 : 14) + "px";
+  const v = document.body.clientWidth, b = document.body.clientHeight, w = d.roomLabel, E = w.positionInImage.x * 100 + "%", L = w.positionInImage.y * 100 + "%", I = (v < 500 || b < 500 ? 10 : 14) + "px";
   let D = 0, k = 0, V = !1;
   h.subscribe(function(B) {
     e(16, V = !!B && B.id === d.id);
@@ -3066,14 +3066,14 @@ function kd(i, t, e) {
     e(5, k = F.detail);
   };
   return i.$$set = (F) => {
-    "pxmm" in F && e(12, l = F.pxmm), "roomAreaEnable" in F && e(0, c = F.roomAreaEnable), "roomNameEnable" in F && e(1, u = F.roomNameEnable), "room" in F && e(2, d = F.room), "hoveredRoom" in F && e(13, h = F.hoveredRoom), "getRoomAreaText" in F && e(14, f = F.getRoomAreaText), "getLabelElement" in F && e(3, v = F.getLabelElement), "adaptiveRoomLabelVisibleEnable" in F && e(15, g = F.adaptiveRoomLabelVisibleEnable);
+    "pxmm" in F && e(12, l = F.pxmm), "roomAreaEnable" in F && e(0, c = F.roomAreaEnable), "roomNameEnable" in F && e(1, u = F.roomNameEnable), "room" in F && e(2, d = F.room), "hoveredRoom" in F && e(13, h = F.hoveredRoom), "getRoomAreaText" in F && e(14, f = F.getRoomAreaText), "getLabelElement" in F && e(3, A = F.getLabelElement), "adaptiveRoomLabelVisibleEnable" in F && e(15, g = F.adaptiveRoomLabelVisibleEnable);
   }, i.$$.update = () => {
-    i.$$.dirty & 12 && e(8, n = v == null ? void 0 : v(d)), i.$$.dirty & 16388 && e(7, o = d.size ? f(d.size) : ""), i.$$.dirty & 48 && e(18, s = { width: D, height: k }), i.$$.dirty & 262148 && e(17, r = s ? p(d, s) : void 0), i.$$.dirty & 233472 && e(6, a = g ? V ? !0 : !!(r != null && r(l)) : !0);
+    i.$$.dirty & 12 && e(8, n = A == null ? void 0 : A(d)), i.$$.dirty & 16388 && e(7, o = d.size ? f(d.size) : ""), i.$$.dirty & 48 && e(18, s = { width: D, height: k }), i.$$.dirty & 262148 && e(17, r = s ? p(d, s) : void 0), i.$$.dirty & 233472 && e(6, a = g ? V ? !0 : !!(r != null && r(l)) : !0);
   }, [
     c,
     u,
     d,
-    v,
+    A,
     D,
     k,
     a,
@@ -3248,15 +3248,15 @@ function Ld(i) {
 }
 function Sd(i, t, e) {
   let n, { floorIndex: o } = t, { roomAreaEnable: s } = t, { roomNameEnable: r } = t, { floorplanData: a } = t, { hoveredRoom: l } = t, { getRoomAreaText: c } = t, { getLabelElement: u } = t, { adaptiveRoomLabelVisibleEnable: d } = t, h = 0, f = 0;
-  const v = (g) => {
+  const A = (g) => {
     e(6, h = g.detail);
   };
   return i.$$set = (g) => {
     "floorIndex" in g && e(9, o = g.floorIndex), "roomAreaEnable" in g && e(0, s = g.roomAreaEnable), "roomNameEnable" in g && e(1, r = g.roomNameEnable), "floorplanData" in g && e(10, a = g.floorplanData), "hoveredRoom" in g && e(2, l = g.hoveredRoom), "getRoomAreaText" in g && e(3, c = g.getRoomAreaText), "getLabelElement" in g && e(4, u = g.getLabelElement), "adaptiveRoomLabelVisibleEnable" in g && e(5, d = g.adaptiveRoomLabelVisibleEnable);
   }, i.$$.update = () => {
     if (i.$$.dirty & 1536 && e(8, n = a.floorDatas[o].rooms), i.$$.dirty & 1088) {
-      const { max: g, min: p } = a.bounding, A = g.x - p.x;
-      e(7, f = h / A);
+      const { max: g, min: p } = a.bounding, v = g.x - p.x;
+      e(7, f = h / v);
     }
   }, [
     s,
@@ -3270,7 +3270,7 @@ function Sd(i, t, e) {
     n,
     o,
     a,
-    v
+    A
   ];
 }
 class Md extends oe {
@@ -3342,50 +3342,50 @@ function rs(i, t) {
 }
 function zd(i) {
   let t, e, n, o, s, r, a = [], l = /* @__PURE__ */ new Map(), c, u = i[3], d = [];
-  for (let v = 0; v < u.length; v += 1)
-    d[v] = ss(os(i, u, v));
+  for (let A = 0; A < u.length; A += 1)
+    d[A] = ss(os(i, u, A));
   let h = i[4];
-  const f = (v) => v[13];
-  for (let v = 0; v < h.length; v += 1) {
-    let g = is(i, h, v), p = f(g);
-    l.set(p, a[v] = rs(p, g));
+  const f = (A) => A[13];
+  for (let A = 0; A < h.length; A += 1) {
+    let g = is(i, h, A), p = f(g);
+    l.set(p, a[A] = rs(p, g));
   }
   return {
     c() {
       t = z("div"), e = z("div"), n = $(), o = z("div");
-      for (let v = 0; v < d.length; v += 1)
-        d[v].c();
+      for (let A = 0; A < d.length; A += 1)
+        d[A].c();
       s = $(), r = z("div");
-      for (let v = 0; v < a.length; v += 1)
-        a[v].c();
+      for (let A = 0; A < a.length; A += 1)
+        a[A].c();
       y(e, "class", "floorplan-plugin__rule-line svelte-djlmk4"), y(o, "class", "floorplan-plugin__rule-scale-wrapper svelte-djlmk4"), q(o, "is-row", i[2]), y(r, "class", "floorplan-plugin__rule-text-wrapper svelte-djlmk4"), y(t, "class", c = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + i[0] + " svelte-djlmk4"), q(t, "is-row", i[2]), T(t, "width", i[2] ? "100%" : 1 / 16 + "rem"), T(t, "height", i[2] ? 1 / 16 + "rem" : "100%");
     },
-    m(v, g) {
-      M(v, t, g), j(t, e), j(t, n), j(t, o);
+    m(A, g) {
+      M(A, t, g), j(t, e), j(t, n), j(t, o);
       for (let p = 0; p < d.length; p += 1)
         d[p].m(o, null);
       j(t, s), j(t, r);
       for (let p = 0; p < a.length; p += 1)
         a[p].m(r, null);
     },
-    p(v, [g]) {
+    p(A, [g]) {
       if (g & 8) {
-        u = v[3];
+        u = A[3];
         let p;
         for (p = 0; p < u.length; p += 1) {
-          const A = os(v, u, p);
-          d[p] ? d[p].p(A, g) : (d[p] = ss(A), d[p].c(), d[p].m(o, null));
+          const v = os(A, u, p);
+          d[p] ? d[p].p(v, g) : (d[p] = ss(v), d[p].c(), d[p].m(o, null));
         }
         for (; p < d.length; p += 1)
           d[p].d(1);
         d.length = u.length;
       }
-      g & 22 && (h = v[4], a = Ke(a, g, f, 1, v, h, l, r, vo, rs, null, is)), g & 1 && c !== (c = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + v[0] + " svelte-djlmk4") && y(t, "class", c), g & 5 && q(t, "is-row", v[2]);
+      g & 22 && (h = A[4], a = Ke(a, g, f, 1, A, h, l, r, vo, rs, null, is)), g & 1 && c !== (c = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + A[0] + " svelte-djlmk4") && y(t, "class", c), g & 5 && q(t, "is-row", A[2]);
     },
     i: N,
     o: N,
-    d(v) {
-      v && S(t), ut(d, v);
+    d(A) {
+      A && S(t), ut(d, A);
       for (let g = 0; g < a.length; g += 1)
         a[g].d();
     }
@@ -3394,17 +3394,17 @@ function zd(i) {
 const Ot = 1e3, Qt = 180;
 function Bd(i, t, e) {
   let { type: n } = t, { data: o } = t, { bounding: s } = t, { getRuleDistanceText: r } = t;
-  const a = n === "top" || n === "bottom", l = s.max.x - s.min.x - (Ot - Qt) * 2, c = s.max.y - s.min.y - (Ot - Qt) * 2, u = o.map(([v, g]) => a ? [v.x, g.x] : [v.y, g.y]).flat().sort().filter((v, g, p) => g === 0 ? !0 : v !== p[g - 1]), d = u.map((v) => {
-    const g = a ? (v - s.min.x - Ot + Qt) / l : 0, p = a ? 0 : (v - s.min.y - Ot + Qt) / c;
+  const a = n === "top" || n === "bottom", l = s.max.x - s.min.x - (Ot - Qt) * 2, c = s.max.y - s.min.y - (Ot - Qt) * 2, u = o.map(([A, g]) => a ? [A.x, g.x] : [A.y, g.y]).flat().sort().filter((A, g, p) => g === 0 ? !0 : A !== p[g - 1]), d = u.map((A) => {
+    const g = a ? (A - s.min.x - Ot + Qt) / l : 0, p = a ? 0 : (A - s.min.y - Ot + Qt) / c;
     return { left: g, bottom: p };
   });
   d.unshift({ left: 0, bottom: 0 }), d.push(a ? { left: 1, bottom: 0 } : { left: 0, bottom: 1 });
-  const h = u[u.length - 1] - u[0], f = u.map((v, g, p) => {
-    const A = g === 0 ? 0 : v - p[g - 1], b = g === 0 ? 0 : (v + p[g - 1]) / 2, w = a ? (b - s.min.x - Ot + Qt) / l : 0, E = a ? 0 : (b - s.min.y - Ot + Qt) / c;
-    return { left: w, bottom: E, distance: A };
-  }).filter(({ distance: v }) => v / h > 0.1);
-  return i.$$set = (v) => {
-    "type" in v && e(0, n = v.type), "data" in v && e(5, o = v.data), "bounding" in v && e(6, s = v.bounding), "getRuleDistanceText" in v && e(1, r = v.getRuleDistanceText);
+  const h = u[u.length - 1] - u[0], f = u.map((A, g, p) => {
+    const v = g === 0 ? 0 : A - p[g - 1], b = g === 0 ? 0 : (A + p[g - 1]) / 2, w = a ? (b - s.min.x - Ot + Qt) / l : 0, E = a ? 0 : (b - s.min.y - Ot + Qt) / c;
+    return { left: w, bottom: E, distance: v };
+  }).filter(({ distance: A }) => A / h > 0.1);
+  return i.$$set = (A) => {
+    "type" in A && e(0, n = A.type), "data" in A && e(5, o = A.data), "bounding" in A && e(6, s = A.bounding), "getRuleDistanceText" in A && e(1, r = A.getRuleDistanceText);
   }, [n, r, a, d, f, o, s];
 }
 class jd extends oe {
@@ -3521,11 +3521,11 @@ function Od(i) {
 }
 const cs = 1e3, us = 180;
 function Qd(i, t, e) {
-  let n, o, s, r, a, l, c, u, d, h, { floorIndex: f } = t, { floorplanData: v } = t, { getRuleDistanceText: g } = t;
+  let n, o, s, r, a, l, c, u, d, h, { floorIndex: f } = t, { floorplanData: A } = t, { getRuleDistanceText: g } = t;
   return i.$$set = (p) => {
-    "floorIndex" in p && e(5, f = p.floorIndex), "floorplanData" in p && e(6, v = p.floorplanData), "getRuleDistanceText" in p && e(0, g = p.getRuleDistanceText);
+    "floorIndex" in p && e(5, f = p.floorIndex), "floorplanData" in p && e(6, A = p.floorplanData), "getRuleDistanceText" in p && e(0, g = p.getRuleDistanceText);
   }, i.$$.update = () => {
-    i.$$.dirty & 64 && e(1, n = v.bounding), i.$$.dirty & 96 && e(11, o = v.floorDatas[f].rules), i.$$.dirty & 2048 && e(12, s = Object.keys(o)), i.$$.dirty & 6144 && e(4, r = s.map((p) => [p, o[p]])), i.$$.dirty & 2 && e(9, a = n.max.x - n.min.x), i.$$.dirty & 2 && e(7, l = n.max.y - n.min.y), i.$$.dirty & 2 && e(10, c = n.max.x - n.min.x - (cs - us) * 2), i.$$.dirty & 2 && e(8, u = n.max.y - n.min.y - (cs - us) * 2), i.$$.dirty & 1536 && e(3, d = c / a * 100 + "%"), i.$$.dirty & 384 && e(2, h = u / l * 100 + "%");
+    i.$$.dirty & 64 && e(1, n = A.bounding), i.$$.dirty & 96 && e(11, o = A.floorDatas[f].rules), i.$$.dirty & 2048 && e(12, s = Object.keys(o)), i.$$.dirty & 6144 && e(4, r = s.map((p) => [p, o[p]])), i.$$.dirty & 2 && e(9, a = n.max.x - n.min.x), i.$$.dirty & 2 && e(7, l = n.max.y - n.min.y), i.$$.dirty & 2 && e(10, c = n.max.x - n.min.x - (cs - us) * 2), i.$$.dirty & 2 && e(8, u = n.max.y - n.min.y - (cs - us) * 2), i.$$.dirty & 1536 && e(3, d = c / a * 100 + "%"), i.$$.dirty & 384 && e(2, h = u / l * 100 + "%");
   }, [
     g,
     n,
@@ -3533,7 +3533,7 @@ function Qd(i, t, e) {
     d,
     r,
     f,
-    v,
+    A,
     l,
     u,
     a,
@@ -3896,10 +3896,10 @@ function ah(i, t, e) {
   }
   const { bounding: h } = a, f = Ci(s.path, {
     needZ: !0,
-    format: (v) => sl(v, h)
+    format: (A) => sl(A, h)
   });
-  return i.$$set = (v) => {
-    "room" in v && e(0, s = v.room), "floorIndex" in v && e(1, r = v.floorIndex), "floorplanData" in v && e(6, a = v.floorplanData), "hoveredRoom" in v && e(7, l = v.hoveredRoom), "highlightData" in v && e(8, c = v.highlightData);
+  return i.$$set = (A) => {
+    "room" in A && e(0, s = A.room), "floorIndex" in A && e(1, r = A.floorIndex), "floorplanData" in A && e(6, a = A.floorplanData), "hoveredRoom" in A && e(7, l = A.hoveredRoom), "highlightData" in A && e(8, c = A.highlightData);
   }, i.$$.update = () => {
     i.$$.dirty & 259 && e(9, n = c[`${r}_${s.id}`]), i.$$.dirty & 512 && e(2, o = n ? `fill: ${n.color}; --opacity: ${n.opacity}; pointer-events: ${n.disabled ? "none" : "auto"}` : null);
   }, [
@@ -4206,8 +4206,8 @@ function fh(i) {
     }
   ];
   let d = {};
-  for (let A = 0; A < u.length; A += 1)
-    d = ze(d, u[A]);
+  for (let v = 0; v < u.length; v += 1)
+    d = ze(d, u[v]);
   e = new oh({ props: d });
   let h = (i[2] || i[3]) && ps(i);
   const f = [
@@ -4216,56 +4216,56 @@ function fh(i) {
       floorIndex: i[1]
     }
   ];
-  let v = {};
-  for (let A = 0; A < f.length; A += 1)
-    v = ze(v, f[A]);
-  s = new ol({ props: v });
+  let A = {};
+  for (let v = 0; v < f.length; v += 1)
+    A = ze(A, f[v]);
+  s = new ol({ props: A });
   let g = i[4] && gs(i), p = i[7] && As(i);
   return {
     c() {
       t = z("div"), K(e.$$.fragment), n = $(), h && h.c(), o = $(), K(s.$$.fragment), r = $(), g && g.c(), a = $(), p && p.c(), y(t, "class", l = Me(`floorplan-plugin__floor${i[0] ? " floorplan-plugin__floor--is-current" : ""}`) + " svelte-bl8zrz");
     },
-    m(A, b) {
-      M(A, t, b), J(e, t, null), j(t, n), h && h.m(t, null), j(t, o), J(s, t, null), j(t, r), g && g.m(t, null), j(t, a), p && p.m(t, null), c = !0;
+    m(v, b) {
+      M(v, t, b), J(e, t, null), j(t, n), h && h.m(t, null), j(t, o), J(s, t, null), j(t, r), g && g.m(t, null), j(t, a), p && p.m(t, null), c = !0;
     },
-    p(A, [b]) {
+    p(v, [b]) {
       const w = b & 258 ? Re(u, [
         {
-          floorIndex: A[1],
-          floorplanData: A[8]
+          floorIndex: v[1],
+          floorplanData: v[8]
         }
       ]) : {};
-      e.$set(w), A[2] || A[3] ? h ? (h.p(A, b), b & 12 && P(h, 1)) : (h = ps(A), h.c(), P(h, 1), h.m(t, o)) : h && (se(), x(h, 1, 1, () => {
+      e.$set(w), v[2] || v[3] ? h ? (h.p(v, b), b & 12 && P(h, 1)) : (h = ps(v), h.c(), P(h, 1), h.m(t, o)) : h && (se(), x(h, 1, 1, () => {
         h = null;
       }), re());
       const E = b & 258 ? Re(f, [
         {
-          floorplanData: A[8],
-          floorIndex: A[1]
+          floorplanData: v[8],
+          floorIndex: v[1]
         }
       ]) : {};
-      s.$set(E), A[4] ? g ? (g.p(A, b), b & 16 && P(g, 1)) : (g = gs(A), g.c(), P(g, 1), g.m(t, a)) : g && (se(), x(g, 1, 1, () => {
+      s.$set(E), v[4] ? g ? (g.p(v, b), b & 16 && P(g, 1)) : (g = gs(v), g.c(), P(g, 1), g.m(t, a)) : g && (se(), x(g, 1, 1, () => {
         g = null;
-      }), re()), A[7] ? p ? (p.p(A, b), b & 128 && P(p, 1)) : (p = As(A), p.c(), P(p, 1), p.m(t, null)) : p && (se(), x(p, 1, 1, () => {
+      }), re()), v[7] ? p ? (p.p(v, b), b & 128 && P(p, 1)) : (p = As(v), p.c(), P(p, 1), p.m(t, null)) : p && (se(), x(p, 1, 1, () => {
         p = null;
-      }), re()), (!c || b & 1 && l !== (l = Me(`floorplan-plugin__floor${A[0] ? " floorplan-plugin__floor--is-current" : ""}`) + " svelte-bl8zrz")) && y(t, "class", l);
+      }), re()), (!c || b & 1 && l !== (l = Me(`floorplan-plugin__floor${v[0] ? " floorplan-plugin__floor--is-current" : ""}`) + " svelte-bl8zrz")) && y(t, "class", l);
     },
-    i(A) {
-      c || (P(e.$$.fragment, A), P(h), P(s.$$.fragment, A), P(g), P(p), c = !0);
+    i(v) {
+      c || (P(e.$$.fragment, v), P(h), P(s.$$.fragment, v), P(g), P(p), c = !0);
     },
-    o(A) {
-      x(e.$$.fragment, A), x(h), x(s.$$.fragment, A), x(g), x(p), c = !1;
+    o(v) {
+      x(e.$$.fragment, v), x(h), x(s.$$.fragment, v), x(g), x(p), c = !1;
     },
-    d(A) {
-      A && S(t), Z(e), h && h.d(), Z(s), g && g.d(), p && p.d();
+    d(v) {
+      v && S(t), Z(e), h && h.d(), Z(s), g && g.d(), p && p.d();
     }
   };
 }
 function mh(i, t, e) {
-  let { isCurrent: n } = t, { floorIndex: o } = t, { highlightEnable: s } = t, { hoverEnable: r } = t, { roomLabelsEnable: a } = t, { roomAreaEnable: l } = t, { roomNameEnable: c } = t, { ruleLabelsEnable: u } = t, { floorplanData: d } = t, { getRoomAreaText: h } = t, { getLabelElement: f } = t, { getRuleDistanceText: v } = t, { adaptiveRoomLabelVisibleEnable: g } = t, { highlightData: p } = t;
-  const A = yo(void 0);
+  let { isCurrent: n } = t, { floorIndex: o } = t, { highlightEnable: s } = t, { hoverEnable: r } = t, { roomLabelsEnable: a } = t, { roomAreaEnable: l } = t, { roomNameEnable: c } = t, { ruleLabelsEnable: u } = t, { floorplanData: d } = t, { getRoomAreaText: h } = t, { getLabelElement: f } = t, { getRuleDistanceText: A } = t, { adaptiveRoomLabelVisibleEnable: g } = t, { highlightData: p } = t;
+  const v = yo(void 0);
   return i.$$set = (b) => {
-    "isCurrent" in b && e(0, n = b.isCurrent), "floorIndex" in b && e(1, o = b.floorIndex), "highlightEnable" in b && e(2, s = b.highlightEnable), "hoverEnable" in b && e(3, r = b.hoverEnable), "roomLabelsEnable" in b && e(4, a = b.roomLabelsEnable), "roomAreaEnable" in b && e(5, l = b.roomAreaEnable), "roomNameEnable" in b && e(6, c = b.roomNameEnable), "ruleLabelsEnable" in b && e(7, u = b.ruleLabelsEnable), "floorplanData" in b && e(8, d = b.floorplanData), "getRoomAreaText" in b && e(9, h = b.getRoomAreaText), "getLabelElement" in b && e(10, f = b.getLabelElement), "getRuleDistanceText" in b && e(11, v = b.getRuleDistanceText), "adaptiveRoomLabelVisibleEnable" in b && e(12, g = b.adaptiveRoomLabelVisibleEnable), "highlightData" in b && e(13, p = b.highlightData);
+    "isCurrent" in b && e(0, n = b.isCurrent), "floorIndex" in b && e(1, o = b.floorIndex), "highlightEnable" in b && e(2, s = b.highlightEnable), "hoverEnable" in b && e(3, r = b.hoverEnable), "roomLabelsEnable" in b && e(4, a = b.roomLabelsEnable), "roomAreaEnable" in b && e(5, l = b.roomAreaEnable), "roomNameEnable" in b && e(6, c = b.roomNameEnable), "ruleLabelsEnable" in b && e(7, u = b.ruleLabelsEnable), "floorplanData" in b && e(8, d = b.floorplanData), "getRoomAreaText" in b && e(9, h = b.getRoomAreaText), "getLabelElement" in b && e(10, f = b.getLabelElement), "getRuleDistanceText" in b && e(11, A = b.getRuleDistanceText), "adaptiveRoomLabelVisibleEnable" in b && e(12, g = b.adaptiveRoomLabelVisibleEnable), "highlightData" in b && e(13, p = b.highlightData);
   }, [
     n,
     o,
@@ -4278,10 +4278,10 @@ function mh(i, t, e) {
     d,
     h,
     f,
-    v,
+    A,
     g,
     p,
-    A
+    v
   ];
 }
 class ph extends oe {
@@ -4345,8 +4345,8 @@ function bs(i) {
         r = i[13].floorDatas;
         let f;
         for (f = 0; f < r.length; f += 1) {
-          const v = vs(i, r, f);
-          a[f] ? (a[f].p(v, h), P(a[f], 1)) : (a[f] = ys(v), a[f].c(), P(a[f], 1), a[f].m(t, e));
+          const A = vs(i, r, f);
+          a[f] ? (a[f].p(A, h), P(a[f], 1)) : (a[f] = ys(A), a[f].c(), P(a[f], 1), a[f].m(t, e));
         }
         for (se(), f = r.length; f < a.length; f += 1)
           l(f);
@@ -4548,9 +4548,9 @@ function Ah(i) {
   };
 }
 function vh(i, t, e) {
-  let { duration: n = 0 } = t, { visible: o } = t, { northDesc: s } = t, { panoIndex: r } = t, { floorIndex: a } = t, { cameraEnable: l } = t, { hoverEnable: c } = t, { highlightEnable: u } = t, { compassEnable: d } = t, { roomLabelsEnable: h } = t, { roomAreaEnable: f } = t, { roomNameEnable: v } = t, { ruleLabelsEnable: g } = t, { floorplanData: p } = t, { lastPanoramaLongitude: A } = t, { cameraImageUrl: b } = t, { getRoomAreaText: w } = t, { getLabelElement: E } = t, { getRuleDistanceText: L } = t, { adaptiveRoomLabelVisibleEnable: I } = t, { highlightData: D } = t;
+  let { duration: n = 0 } = t, { visible: o } = t, { northDesc: s } = t, { panoIndex: r } = t, { floorIndex: a } = t, { cameraEnable: l } = t, { hoverEnable: c } = t, { highlightEnable: u } = t, { compassEnable: d } = t, { roomLabelsEnable: h } = t, { roomAreaEnable: f } = t, { roomNameEnable: A } = t, { ruleLabelsEnable: g } = t, { floorplanData: p } = t, { lastPanoramaLongitude: v } = t, { cameraImageUrl: b } = t, { getRoomAreaText: w } = t, { getLabelElement: E } = t, { getRuleDistanceText: L } = t, { adaptiveRoomLabelVisibleEnable: I } = t, { highlightData: D } = t;
   return i.$$set = (k) => {
-    "duration" in k && e(0, n = k.duration), "visible" in k && e(1, o = k.visible), "northDesc" in k && e(2, s = k.northDesc), "panoIndex" in k && e(3, r = k.panoIndex), "floorIndex" in k && e(4, a = k.floorIndex), "cameraEnable" in k && e(5, l = k.cameraEnable), "hoverEnable" in k && e(6, c = k.hoverEnable), "highlightEnable" in k && e(7, u = k.highlightEnable), "compassEnable" in k && e(8, d = k.compassEnable), "roomLabelsEnable" in k && e(9, h = k.roomLabelsEnable), "roomAreaEnable" in k && e(10, f = k.roomAreaEnable), "roomNameEnable" in k && e(11, v = k.roomNameEnable), "ruleLabelsEnable" in k && e(12, g = k.ruleLabelsEnable), "floorplanData" in k && e(13, p = k.floorplanData), "lastPanoramaLongitude" in k && e(14, A = k.lastPanoramaLongitude), "cameraImageUrl" in k && e(15, b = k.cameraImageUrl), "getRoomAreaText" in k && e(16, w = k.getRoomAreaText), "getLabelElement" in k && e(17, E = k.getLabelElement), "getRuleDistanceText" in k && e(18, L = k.getRuleDistanceText), "adaptiveRoomLabelVisibleEnable" in k && e(19, I = k.adaptiveRoomLabelVisibleEnable), "highlightData" in k && e(20, D = k.highlightData);
+    "duration" in k && e(0, n = k.duration), "visible" in k && e(1, o = k.visible), "northDesc" in k && e(2, s = k.northDesc), "panoIndex" in k && e(3, r = k.panoIndex), "floorIndex" in k && e(4, a = k.floorIndex), "cameraEnable" in k && e(5, l = k.cameraEnable), "hoverEnable" in k && e(6, c = k.hoverEnable), "highlightEnable" in k && e(7, u = k.highlightEnable), "compassEnable" in k && e(8, d = k.compassEnable), "roomLabelsEnable" in k && e(9, h = k.roomLabelsEnable), "roomAreaEnable" in k && e(10, f = k.roomAreaEnable), "roomNameEnable" in k && e(11, A = k.roomNameEnable), "ruleLabelsEnable" in k && e(12, g = k.ruleLabelsEnable), "floorplanData" in k && e(13, p = k.floorplanData), "lastPanoramaLongitude" in k && e(14, v = k.lastPanoramaLongitude), "cameraImageUrl" in k && e(15, b = k.cameraImageUrl), "getRoomAreaText" in k && e(16, w = k.getRoomAreaText), "getLabelElement" in k && e(17, E = k.getLabelElement), "getRuleDistanceText" in k && e(18, L = k.getRuleDistanceText), "adaptiveRoomLabelVisibleEnable" in k && e(19, I = k.adaptiveRoomLabelVisibleEnable), "highlightData" in k && e(20, D = k.highlightData);
   }, [
     n,
     o,
@@ -4563,10 +4563,10 @@ function vh(i, t, e) {
     d,
     h,
     f,
-    v,
+    A,
     g,
     p,
-    A,
+    v,
     b,
     w,
     E,
@@ -4718,7 +4718,7 @@ function Co(i, t, e, n) {
 }
 class zn {
   constructor(t, e) {
-    m(this, "VERSION", "2.14.1");
+    m(this, "VERSION", "2.14.2-alpha.0");
     m(this, "five");
     m(this, "hooks", new Zt());
     m(this, "staticPrefix", "//vrlab-static.ljcdn.com");
@@ -5645,26 +5645,26 @@ function Oh(i) {
 }
 function Qh(i, t, e) {
   let n, o, { five: s } = t, { pxmm: r } = t, { floorplanData: a } = t, { cameraImageUrl: l } = t, c = s.getCurrentState().panoIndex, u = s.getCurrentState().longitude;
-  function d(v, g) {
-    const p = v.bounding, A = v.observers[g];
-    if (!A)
+  function d(A, g) {
+    const p = A.bounding, v = A.observers[g];
+    if (!v)
       return "";
-    const b = (p.max.x - p.min.x) * r, w = (p.max.y - p.min.y) * r, E = Math.floor(A.positionInImage.x * b), L = Math.floor(A.positionInImage.y * w);
+    const b = (p.max.x - p.min.x) * r, w = (p.max.y - p.min.y) * r, E = Math.floor(v.positionInImage.x * b), L = Math.floor(v.positionInImage.y * w);
     return `translate(${E}px, ${L}px)`;
   }
-  function h(v) {
-    e(6, c = v);
+  function h(A) {
+    e(6, c = A);
   }
   const f = Io(
-    (v) => {
-      e(7, u = v.longitude);
+    (A) => {
+      e(7, u = A.longitude);
     },
     1e3 / 60
   );
   return Ze(() => (s.on("panoWillArrive", h), s.on("cameraDirectionUpdate", f), function() {
     s.off("panoWillArrive", h), s.off("cameraDirectionUpdate", f);
-  })), i.$$set = (v) => {
-    "five" in v && e(3, s = v.five), "pxmm" in v && e(4, r = v.pxmm), "floorplanData" in v && e(5, a = v.floorplanData), "cameraImageUrl" in v && e(0, l = v.cameraImageUrl);
+  })), i.$$set = (A) => {
+    "five" in A && e(3, s = A.five), "pxmm" in A && e(4, r = A.pxmm), "floorplanData" in A && e(5, a = A.floorplanData), "cameraImageUrl" in A && e(0, l = A.cameraImageUrl);
   }, i.$$.update = () => {
     i.$$.dirty & 96 && e(2, n = d(a, c)), i.$$.dirty & 128 && e(1, o = Oh(u));
   }, [
@@ -5953,7 +5953,7 @@ function Ds(i) {
       M(h, t, f), J(e, t, null), j(t, n), J(o, t, null), a = !0;
     },
     p(h, f) {
-      const v = f & 1581 ? Re(l, [
+      const A = f & 1581 ? Re(l, [
         {
           five: h[0],
           pxmm: h[9],
@@ -5963,7 +5963,7 @@ function Ds(i) {
           extraObjects: h[5]
         }
       ]) : {};
-      e.$set(v);
+      e.$set(A);
       const g = f & 537 ? Re(u, [
         {
           pxmm: h[9],
@@ -6012,7 +6012,7 @@ function Uh(i) {
 }
 function qh(i, t, e) {
   var b, w;
-  let { five: n } = t, { visible: o } = t, { hoverEnable: s } = t, { floorplanData: r } = t, { cameraImageUrl: a } = t, { extraObjects: l = [] } = t, c = 0, u = (w = (b = n.work.observers[n.getCurrentState().panoIndex]) == null ? void 0 : b.floorIndex) != null ? w : 0, d = 0, h = 0, f = 0, v = 0;
+  let { five: n } = t, { visible: o } = t, { hoverEnable: s } = t, { floorplanData: r } = t, { cameraImageUrl: a } = t, { extraObjects: l = [] } = t, c = 0, u = (w = (b = n.work.observers[n.getCurrentState().panoIndex]) == null ? void 0 : b.floorIndex) != null ? w : 0, d = 0, h = 0, f = 0, A = 0;
   function g(E) {
     e(10, u = n.work.observers[E].floorIndex);
   }
@@ -6021,7 +6021,7 @@ function qh(i, t, e) {
   }));
   const p = (E) => {
     e(6, d = E.detail);
-  }, A = (E) => {
+  }, v = (E) => {
     e(7, h = E.detail);
   };
   return i.$$set = (E) => {
@@ -6031,7 +6031,7 @@ function qh(i, t, e) {
       const E = Math.min(d, h), { max: L, min: I } = r.bounding, D = L.x - I.x, k = L.y - I.y, V = function() {
         return D > k ? [E, E / D * k] : [E / k * D, E];
       }();
-      e(8, f = V[0]), e(11, v = V[1]), e(9, c = f / D);
+      e(8, f = V[0]), e(11, A = V[1]), e(9, c = f / D);
     }
   }, [
     n,
@@ -6045,9 +6045,9 @@ function qh(i, t, e) {
     f,
     c,
     u,
-    v,
+    A,
     p,
-    A
+    v
   ];
 }
 class Jh extends oe {
@@ -6322,7 +6322,7 @@ const xb = (i, t) => {
     const h = (d == null ? void 0 : d.fbx_url) || e, f = (F = d == null ? void 0 : d.north_rad) != null ? F : n;
     if (typeof f != "number")
       throw new Error('"northRad"\u914D\u7F6E\u53C2\u6570\u7F3A\u5931\uFF1A\u672A\u914D\u7F6E\u6307\u5357\u9488\u6307\u5411\uFF01');
-    const v = i.model.bounding, g = v.max.x - v.min.x, p = v.max.z - v.min.z, A = Math.max(g, p), w = yield new ka().loadAsync(h);
+    const A = i.model.bounding, g = A.max.x - A.min.x, p = A.max.z - A.min.z, v = Math.max(g, p), w = yield new ka().loadAsync(h);
     ul(w, {
       transparent: !0,
       side: C.DoubleSide,
@@ -6337,7 +6337,7 @@ const xb = (i, t) => {
       }
     } = i;
     o.yBase = k;
-    const _ = { x: (L + D) / 2, y: k - 1.6, z: (I + V) / 2 }, O = 45e-4 * A;
+    const _ = { x: (L + D) / 2, y: k - 1.6, z: (I + V) / 2 }, O = 45e-4 * v;
     return Kh(w, { position: _, rotation: E, scale: O }), o.object = w, !0;
   }), r = ({ latitude: d }) => {
     if (!o.object)
@@ -6370,8 +6370,8 @@ function $h(i, t) {
   return l.fillStyle = o, l.fillRect(0, 0, e, e), l.font = `${n}px "\u5FAE\u8F6F\u96C5\u9ED1"`, l.textAlign = r, l.fillStyle = s, l.fillText(i, e / 2, e * 0.7), new mc(a);
 }
 const ef = ({ x: i, y: t, z: e }) => new U(i, t, e), Db = (i, t) => {
-  var g, p, A;
-  const e = {}, n = (g = t.animationEnabled) != null ? g : !0, o = (p = t.position) != null ? p : void 0, s = (A = t.rad) != null ? A : void 0, r = t.fbx_url || "//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx", a = [], l = (b) => H(void 0, null, function* () {
+  var g, p, v;
+  const e = {}, n = (g = t.animationEnabled) != null ? g : !0, o = (p = t.position) != null ? p : void 0, s = (v = t.rad) != null ? v : void 0, r = t.fbx_url || "//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx", a = [], l = (b) => H(void 0, null, function* () {
     var _, O, F, B, R, W, X, G;
     const w = (_ = b == null ? void 0 : b.position) != null ? _ : o;
     if (!w)
@@ -6530,26 +6530,26 @@ const so = (i, t, e) => {
   return {
     move: e,
     rotate: (l, c, ...u) => H(void 0, [l, c, ...u], function* (s, r, a = {}) {
-      t.interruptCallback && t.interruptCallback(!1), a.asyncStartCallback && (yield a.asyncStartCallback()), i.currentMode !== je.Mode.Panorama && (yield i.changeMode(je.Mode.Panorama)), s.panoIndex !== void 0 && s.panoIndex !== i.panoIndex && (a.preload && (yield i.preloadPano(s.panoIndex)), yield new Promise((f, v) => {
+      t.interruptCallback && t.interruptCallback(!1), a.asyncStartCallback && (yield a.asyncStartCallback()), i.currentMode !== je.Mode.Panorama && (yield i.changeMode(je.Mode.Panorama)), s.panoIndex !== void 0 && s.panoIndex !== i.panoIndex && (a.preload && (yield i.preloadPano(s.panoIndex)), yield new Promise((f, A) => {
         if (!s.panoIndex) {
           f(!0);
           return;
         }
         i.moveToPano(s.panoIndex, {
           moveEndCallback: () => f(!0),
-          moveCancelCallback: () => v(!1)
+          moveCancelCallback: () => A(!1)
         });
       })), a.asyncEndCallback && (yield a.asyncEndCallback());
       const { from: d, to: h } = n(s);
       return yield new Promise((f) => {
-        const v = ({ progress: w }) => {
+        const A = ({ progress: w }) => {
           const E = {};
           E.longitude = Oi(d.longitude, h.longitude, w), E.latitude = Oi(d.latitude, h.latitude, w), E.fov = Oi(d.fov, h.fov, w), i.setState(E, !0);
         }, g = () => {
           f(!0);
         }, p = () => {
           f(!1);
-        }, A = s.rotateSpeed ? Math.ceil(Math.abs(h.longitude - d.longitude) / s.rotateSpeed * 1e3) : r, b = rf(A, vi.Easing.Linear.None).onUpdate(v).onComplete(g).onDestroy(p);
+        }, v = s.rotateSpeed ? Math.ceil(Math.abs(h.longitude - d.longitude) / s.rotateSpeed * 1e3) : r, b = rf(v, vi.Easing.Linear.None).onUpdate(A).onComplete(g).onDestroy(p);
         s.rotation === at.Loop && b.repeat(1 / 0).yoyo(!0), t.interruptCallback = (w = !0) => {
           b.destroy(), t.interruptCallback = void 0, t.timeoutId && (clearTimeout(t.timeoutId), t.timeoutId = void 0), f(w);
         }, t.timeoutId = setTimeout(() => {
@@ -6718,7 +6718,7 @@ const cf = `<style type="text/css">
       distanceText: (g) => `${g.toFixed(1)}m`
     }
   }, n = (g, p) => {
-    const A = `
+    const v = `
       <div class="PanoRulerPlugin-rule-line">
         <em></em>
         <div class="PanoRulerPlugin-rule-label">
@@ -6726,7 +6726,7 @@ const cf = `<style type="text/css">
         </div>
       </div>
     `, b = document.createElement("div");
-    return b.setAttribute("class", "PanoRulerPlugin-rule"), b.setAttribute("data-name", g), b.setAttribute("style", "display: none"), b.innerHTML = A, b;
+    return b.setAttribute("class", "PanoRulerPlugin-rule"), b.setAttribute("data-name", g), b.setAttribute("style", "display: none"), b.innerHTML = v, b;
   }, o = document.createElement("div");
   o.setAttribute(
     "style",
@@ -6737,12 +6737,12 @@ const cf = `<style type="text/css">
   const r = {}, a = (g, p) => {
     if (e.loaded)
       throw new Error("\u6807\u5C3A\u88AB\u91CD\u590D\u521D\u59CB\u5316\uFF01");
-    const A = df(g, i), b = i.work;
+    const v = df(g, i), b = i.work;
     if (!b)
       return !1;
     for (const w in p) {
       const E = p[w], { standingPosition: L } = b.observers[0], I = E.map(({ x: D, z: k, observers: V }) => {
-        const _ = V.length > 0 ? g.rooms[g.observers[V[0]]].name : "", O = A[_] ? A[_].floor : null;
+        const _ = V.length > 0 ? g.rooms[g.observers[V[0]]].name : "", O = v[_] ? v[_].floor : null;
         let F = 1 / 0, B = {
           index: 0,
           x: L.x,
@@ -6762,7 +6762,7 @@ const cf = `<style type="text/css">
         });
         const R = new U(D, B.y, k);
         Object.assign(R, { observers: V });
-        const W = A[_] ? A[_].roof : null, X = W ? new U(D, W, k) : null;
+        const W = v[_] ? v[_].roof : null, X = W ? new U(D, W, k) : null;
         return X && Object.assign(X, { observers: V }), { origin: R, vertical: X };
       });
       r[w] = {
@@ -6783,32 +6783,32 @@ const cf = `<style type="text/css">
       }
     }
     return e.loaded = !0, !0;
-  }, l = (g, p, A) => H(void 0, null, function* () {
+  }, l = (g, p, v) => H(void 0, null, function* () {
     const b = g || t.roomInfo, w = p || t.roomRules;
     if (!b || !w)
       throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
-    return e.loaded = !1, e.options = Q(Q({}, e.options), A || {}), i.model.loaded ? a(b, w) : yield new Promise(
+    return e.loaded = !1, e.options = Q(Q({}, e.options), v || {}), i.model.loaded ? a(b, w) : yield new Promise(
       (E) => i.once("modelLoaded", () => E(a(b, w)))
     );
   });
   t.roomInfo && t.roomRules && l(t.roomInfo, t.roomRules);
-  const c = (g, p, A, b) => {
+  const c = (g, p, v, b) => {
     const w = [
       [
         { x: 0, y: 0 },
-        { x: A, y: 0 }
+        { x: v, y: 0 }
       ],
       [
         { x: 0, y: 0 },
         { x: 0, y: b }
       ],
       [
-        { x: A, y: 0 },
-        { x: A, y: b }
+        { x: v, y: 0 },
+        { x: v, y: b }
       ],
       [
         { x: 0, y: b },
-        { x: A, y: b }
+        { x: v, y: b }
       ]
     ], E = [];
     for (let L = 0; L < w.length; L++) {
@@ -6821,7 +6821,7 @@ const cf = `<style type="text/css">
     const g = (V = i.getElement()) == null ? void 0 : V.parentElement;
     if (!g || !e.loaded || Object.keys(r).length <= 0)
       return;
-    const { panoIndex: p, camera: A, currentMode: b } = i;
+    const { panoIndex: p, camera: v, currentMode: b } = i;
     if (p === void 0)
       return;
     let w;
@@ -6833,7 +6833,7 @@ const cf = `<style type="text/css">
           O.style.display = "none";
       return;
     }
-    const E = A.position, L = A.getWorldDirection(new U()), I = g.clientWidth, D = g.clientHeight;
+    const E = v.position, L = v.getWorldDirection(new U()), I = g.clientWidth, D = g.clientHeight;
     if (b !== je.Mode.Panorama) {
       for (const _ in r)
         for (const { $element: O } of r[_].rules)
@@ -6880,7 +6880,7 @@ const cf = `<style type="text/css">
         F.style.display = "none";
         continue;
       }
-      const he = B.clone().project(A), de = (he.x + 1) / 2 * I, pe = (-he.y + 1) / 2 * D, Ce = R.clone().project(A), Pe = (Ce.x + 1) / 2 * I, Se = (-Ce.y + 1) / 2 * D, ce = Math.sqrt(Math.pow(Pe - de, 2) + Math.pow(Se - pe, 2));
+      const he = B.clone().project(v), de = (he.x + 1) / 2 * I, pe = (-he.y + 1) / 2 * D, Ce = R.clone().project(v), Pe = (Ce.x + 1) / 2 * I, Se = (-Ce.y + 1) / 2 * D, ce = Math.sqrt(Math.pow(Pe - de, 2) + Math.pow(Se - pe, 2));
       let Ae = ce, Ee = 50;
       const ue = c({ x: ~~de, y: ~~pe }, {
         x: ~~Pe,
@@ -6902,11 +6902,11 @@ const cf = `<style type="text/css">
     var g, p;
     return e.loaded ? (e.enable || (o.setAttribute("class", "PanoRulerPlugin" + (e.options.className ? " " + e.options.className : "")), (p = (g = i.getElement()) == null ? void 0 : g.parentElement) == null || p.append(o), u(), i.on("modeChange", u), i.on("cameraUpdate", d), e.enable = !0), !0) : !1;
   }, f = () => (e.enable && (i.off("modeChange", u), i.off("cameraUpdate", d), o && o.remove(), e.enable = !1), !0);
-  function v(g) {
+  function A(g) {
     if (g.distanceText && g.distanceText !== e.options.distanceText) {
       const p = g.distanceText;
-      e.options.distanceText = p, Object.values(r).forEach((A) => {
-        A.rules.forEach((b) => {
+      e.options.distanceText = p, Object.values(r).forEach((v) => {
+        v.rules.forEach((b) => {
           const [w, E] = b.rule, L = w.distanceTo(E), I = b.$element.querySelector(".PanoRulerPlugin-rule-label-name");
           !I || (I.innerText = p(L));
         });
@@ -6918,7 +6918,7 @@ const cf = `<style type="text/css">
     disable: f,
     load: l,
     state: e,
-    changeConfigs: v
+    changeConfigs: A
   };
 };
 function hf(i) {
@@ -6998,19 +6998,19 @@ function zs(i) {
 }
 function pf(i) {
   let t, e, n, o, s = i[0].labelElement + "", r, a, l = `${i[0].labelOffset}%`, c = `${i[0].width}px`, u = `${i[0].left}px`, d = `${i[0].top}px`, h = `rotate(${i[0].rotateDeg}deg)`;
-  function f(p, A) {
+  function f(p, v) {
     return p[0].children.length === 0 ? mf : ff;
   }
-  let v = f(i), g = v(i);
+  let A = f(i), g = A(i);
   return {
     c() {
       t = z("div"), g.c(), e = $(), n = z("div"), o = z("div"), r = Ie(s), y(o, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), Qe(() => i[4].call(o)), y(n, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), T(n, "left", l), y(t, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), T(t, "width", c), T(t, "left", u), T(t, "top", d), T(t, "transform", h), T(t, "display", i[0].visible && i[2] ? "block" : "none");
     },
-    m(p, A) {
-      M(p, t, A), g.m(t, null), j(t, e), j(t, n), j(n, o), j(o, r), a = bi(o, i[4].bind(o));
+    m(p, v) {
+      M(p, t, v), g.m(t, null), j(t, e), j(t, n), j(n, o), j(o, r), a = bi(o, i[4].bind(o));
     },
-    p(p, [A]) {
-      v === (v = f(p)) && g ? g.p(p, A) : (g.d(1), g = v(p), g && (g.c(), g.m(t, e))), A & 1 && s !== (s = p[0].labelElement + "") && Le(r, s), A & 1 && l !== (l = `${p[0].labelOffset}%`) && T(n, "left", l), A & 1 && c !== (c = `${p[0].width}px`) && T(t, "width", c), A & 1 && u !== (u = `${p[0].left}px`) && T(t, "left", u), A & 1 && d !== (d = `${p[0].top}px`) && T(t, "top", d), A & 1 && h !== (h = `rotate(${p[0].rotateDeg}deg)`) && T(t, "transform", h), A & 5 && T(t, "display", p[0].visible && p[2] ? "block" : "none");
+    p(p, [v]) {
+      A === (A = f(p)) && g ? g.p(p, v) : (g.d(1), g = A(p), g && (g.c(), g.m(t, e))), v & 1 && s !== (s = p[0].labelElement + "") && Le(r, s), v & 1 && l !== (l = `${p[0].labelOffset}%`) && T(n, "left", l), v & 1 && c !== (c = `${p[0].width}px`) && T(t, "width", c), v & 1 && u !== (u = `${p[0].left}px`) && T(t, "left", u), v & 1 && d !== (d = `${p[0].top}px`) && T(t, "top", d), v & 1 && h !== (h = `rotate(${p[0].rotateDeg}deg)`) && T(t, "transform", h), v & 5 && T(t, "display", p[0].visible && p[2] ? "block" : "none");
     },
     i: N,
     o: N,
@@ -7116,9 +7116,9 @@ function vf(i) {
   };
 }
 function bf(i, t, e) {
-  var g, p, A, b;
+  var g, p, v, b;
   let { five: n } = t, { rulerDatas: o } = t, { options: s } = t, r = [];
-  const a = ((p = (g = n.getElement()) == null ? void 0 : g.parentElement) == null ? void 0 : p.clientWidth) || 0, l = ((b = (A = n.getElement()) == null ? void 0 : A.parentElement) == null ? void 0 : b.clientHeight) || 0, c = (w, E) => {
+  const a = ((p = (g = n.getElement()) == null ? void 0 : g.parentElement) == null ? void 0 : p.clientWidth) || 0, l = ((b = (v = n.getElement()) == null ? void 0 : v.parentElement) == null ? void 0 : b.clientHeight) || 0, c = (w, E) => {
     const L = [
       [{ x: 0, y: 0 }, { x: a, y: 0 }],
       [{ x: 0, y: 0 }, { x: 0, y: l }],
@@ -7189,11 +7189,11 @@ function bf(i, t, e) {
       };
     });
     e(0, r = _);
-  }, f = () => Ii(h), v = Io(h, 80);
+  }, f = () => Ii(h), A = Io(h, 80);
   return Ze(() => {
-    h(), n.on("panoArrived", h), n.on("modeChange", h), n.on("cameraDirectionUpdate", f), n.on("movingToPano", f), n.on("mouseWheel", () => v()), n.on("pinchGesture", () => v());
+    h(), n.on("panoArrived", h), n.on("modeChange", h), n.on("cameraDirectionUpdate", f), n.on("movingToPano", f), n.on("mouseWheel", () => A()), n.on("pinchGesture", () => A());
   }), Pt(() => {
-    n.off("panoArrived", h), n.off("modeChange", h), n.off("cameraDirectionUpdate", f), n.off("movingToPano", f), n.off("mouseWheel", () => v()), n.off("pinchGesture", () => v());
+    n.off("panoArrived", h), n.off("modeChange", h), n.off("cameraDirectionUpdate", f), n.off("movingToPano", f), n.off("mouseWheel", () => A()), n.off("pinchGesture", () => A());
   }), i.$$set = (w) => {
     "five" in w && e(1, n = w.five), "rulerDatas" in w && e(2, o = w.rulerDatas), "options" in w && e(3, s = w.options);
   }, [r, n, o, s];
@@ -7603,9 +7603,9 @@ class xf {
         return [(p.x + 1) / 2 * s.x, (p.y + 1) / 2 * s.y];
       } else
         return [this.renderCenter.x, s.y - this.renderCenter.y];
-    })(), l = 1, c = n / t, u = o / t, d = l * t, h = this.five.getPixels(r - c / 2, a - c / 2, c, u, d), f = Math.floor(n * l), v = Math.floor(o * l);
-    kf(h, f, v);
-    const g = new ImageData(f, v);
+    })(), l = 1, c = n / t, u = o / t, d = l * t, h = this.five.getPixels(r - c / 2, a - c / 2, c, u, d), f = Math.floor(n * l), A = Math.floor(o * l);
+    kf(h, f, A);
+    const g = new ImageData(f, A);
     g.data.set(h), e.putImageData(g, 0, 0);
   }
   initStyle() {
@@ -7779,8 +7779,8 @@ const Rf = {
   pointsRenderOrder: 10
 };
 function Ff(i, t, e) {
-  var u, d, h, f, v;
-  const n = (u = e == null ? void 0 : e.lineWidth) != null ? u : 2, o = (d = e == null ? void 0 : e.lineColor) != null ? d : new Ln(16777215), s = (h = e == null ? void 0 : e.pointSize) != null ? h : 5, r = (f = e == null ? void 0 : e.lineRenderOrder) != null ? f : 10, a = (v = e == null ? void 0 : e.lineRenderOrder) != null ? v : 20, l = new Ia(i, t);
+  var u, d, h, f, A;
+  const n = (u = e == null ? void 0 : e.lineWidth) != null ? u : 2, o = (d = e == null ? void 0 : e.lineColor) != null ? d : new Ln(16777215), s = (h = e == null ? void 0 : e.pointSize) != null ? h : 5, r = (f = e == null ? void 0 : e.lineRenderOrder) != null ? f : 10, a = (A = e == null ? void 0 : e.lineRenderOrder) != null ? A : 20, l = new Ia(i, t);
   l.setMaterial({ linewidth: n, color: o }), l.line.material.depthTest = !1, l.line.material.transparent = !0, l.line.renderOrder = r, l.points.renderOrder = a;
   const c = l.points.material;
   return c.depthTest = !1, c.size = s, e != null && e.pointColor && c.color.set(e.pointColor).convertSRGBToLinear(), e != null && e.pointTexture && (c.map = e.pointTexture), l;
@@ -7815,7 +7815,7 @@ function Wf(i) {
     ndcPosition: a,
     update: h,
     appendTo: f,
-    remove: v,
+    remove: A,
     highlight: u,
     unHighlight: d,
     getCurrentContent: g,
@@ -7823,8 +7823,8 @@ function Wf(i) {
   };
   s.style.pointerEvents = t ? "all" : "none", r != null && r.element ? s.appendChild(r.element) : s.appendChild(o);
   function c() {
-    var A;
-    (A = i.clickCallback) == null || A.call(i, l);
+    var v;
+    (v = i.clickCallback) == null || v.call(i, l);
   }
   function u() {
     if (r)
@@ -7836,18 +7836,18 @@ function Wf(i) {
       return r.unHighlight();
     o.style.border = "0.5px solid rgba(255,255,255,0.6)", o.style.background = "rgba(195,195,195,0.70)";
   }
-  function h(A) {
+  function h(v) {
     if (e.mesh.visible === !1) {
       s.style.opacity = "0", s.style.pointerEvents = "none";
       return;
     }
-    const b = A.getElement();
+    const b = v.getElement();
     if (!b)
       return;
     const w = b.clientWidth, E = b.clientHeight, L = w / 2, I = E / 2;
     if (e.points.length < 2)
       return;
-    const [D, k] = e.points, V = D.position.clone().project(A.camera), _ = k.position.clone().project(A.camera), O = V.clone().lerp(_, 0.5), F = new _e(V.x * L, V.y * I), B = new _e(_.x * L, _.y * I), R = F.distanceTo(B);
+    const [D, k] = e.points, V = D.position.clone().project(v.camera), _ = k.position.clone().project(v.camera), O = V.clone().lerp(_, 0.5), F = new _e(V.x * L, V.y * I), B = new _e(_.x * L, _.y * I), R = F.distanceTo(B);
     if ((() => !(Math.abs(V.z) > 1 || Math.abs(_.z) > 1 || !Qi(V) && !Qi(_) || !Qi(O) || R === 0))() === !1) {
       s.style.opacity = "0", s.style.pointerEvents = "none";
       return;
@@ -7857,21 +7857,21 @@ function Wf(i) {
     const he = g();
     o.innerText = he;
   }
-  function f(A) {
-    A.appendChild(s), s.addEventListener("click", c);
+  function f(v) {
+    v.appendChild(s), s.addEventListener("click", c);
   }
-  function v() {
+  function A() {
     o.removeEventListener("click", c), s.remove();
   }
   function g() {
     var D, k, V;
     if (e.points.length < 2)
       return "";
-    const [A, b] = e.points, w = A.position.clone().distanceTo(b.position), E = (D = i.line.text) != null ? D : i.line.model.config.defaultText, L = (V = (k = i.line.model.config) == null ? void 0 : k.getDistanceText) == null ? void 0 : V.call(k, w), I = E != null ? E : L;
+    const [v, b] = e.points, w = v.position.clone().distanceTo(b.position), E = (D = i.line.text) != null ? D : i.line.model.config.defaultText, L = (V = (k = i.line.model.config) == null ? void 0 : k.getDistanceText) == null ? void 0 : V.call(k, w), I = E != null ? E : L;
     return I != null ? I : w.toFixed(2) + "m";
   }
-  function p(A) {
-    t = A;
+  function p(v) {
+    t = v;
   }
   return l;
 }
@@ -8230,8 +8230,8 @@ class Al {
     const l = (s + 1) / 2 * a.clientWidth, c = -(r - 1) / 2 * a.clientHeight;
     let u = l, d = c - 34;
     if (this.lines.length === 1 && t.length === 2) {
-      const h = (o[1] - o[0]) / (n[1] - n[0]), v = -((o[1] + o[0]) / 2 - 1) / 2 * a.clientHeight;
-      Math.abs(h) > 0.4 && (u = l + 57, d = v);
+      const h = (o[1] - o[0]) / (n[1] - n[0]), A = -((o[1] + o[0]) / 2 - 1) / 2 * a.clientHeight;
+      Math.abs(h) > 0.4 && (u = l + 57, d = A);
     }
     return this.container.style.transform = `translate3d(${u}px, ${d}px, 10px)`, this.show();
   }
@@ -8337,18 +8337,18 @@ class Rs extends ki {
       if (!n)
         return;
       const o = this.five.camera, s = n.point.clone().project(o), r = this.container.clientWidth, a = this.container.clientHeight, l = new _e(s.x * r, s.y * a), c = this.model.getAllLines().map((f) => {
-        const [v, g] = f.points, p = v.position.clone().project(o), A = g.position.clone().project(o);
-        if (!Dn(p) && !Dn(A))
+        const [A, g] = f.points, p = A.position.clone().project(o), v = g.position.clone().project(o);
+        if (!Dn(p) && !Dn(v))
           return null;
-        const b = new _e(p.x * r, p.y * a), w = new _e(A.x * r, A.y * a);
+        const b = new _e(p.x * r, p.y * a), w = new _e(v.x * r, v.y * a);
         return { id: f.id, points: [b, w] };
       }).filter((f) => !!f);
       if (c.length === 0)
         return;
       const d = c.map((f) => {
-        const v = vl(l, f.points);
-        return { id: f.id, distance: v.distanceTo(l) };
-      }).sort((f, v) => f.distance - v.distance)[0];
+        const A = vl(l, f.points);
+        return { id: f.id, distance: A.distanceTo(l) };
+      }).sort((f, A) => f.distance - A.distance)[0];
       if (d.distance > 20)
         return;
       const h = this.model.getAllLines().find(({ id: f }) => f === d.id);
@@ -8498,8 +8498,8 @@ void main() {
 }
 `;
 function yl(i) {
-  var A, b;
-  const t = (A = i.isMobile) != null ? A : !0, e = (b = i.useNormalVector) != null ? b : !0;
+  var v, b;
+  const t = (v = i.isMobile) != null ? v : !0, e = (b = i.useNormalVector) != null ? b : !0;
   let n = 10349931;
   e && i.ballColor >= 0 && (n = i.ballColor);
   const o = new Gt(), s = new gc(0.3, 0.3), r = t ? em : tm, a = new Ea().load(r);
@@ -8515,12 +8515,12 @@ function yl(i) {
     fragmentShader: im,
     depthTest: !1,
     transparent: !0
-  }), f = new An(d, h), v = new wc(0.01, 20, 20), g = new Cn({
+  }), f = new An(d, h), A = new wc(0.01, 20, 20), g = new Cn({
     color: n,
     depthTest: !1,
     transparent: !0,
     side: Pa
-  }), p = new An(v, g);
+  }), p = new An(A, g);
   return p.position.set(0, 0, 0.1), o.name = "mouse-current", o.add(c), e && o.add(f, p), o;
 }
 class om {
@@ -8652,18 +8652,18 @@ class un extends ki {
       if (!n)
         return;
       const o = this.five.camera, s = n.point.clone().project(o), r = this.container.clientWidth, a = this.container.clientHeight, l = new _e(s.x * r, s.y * a), c = this.polyline.lines.map((f) => {
-        const [v, g] = f.points, p = v.position.clone().project(o), A = g.position.clone().project(o);
-        if (!Dn(p) && !Dn(A))
+        const [A, g] = f.points, p = A.position.clone().project(o), v = g.position.clone().project(o);
+        if (!Dn(p) && !Dn(v))
           return null;
-        const b = new _e(p.x * r, p.y * a), w = new _e(A.x * r, A.y * a);
+        const b = new _e(p.x * r, p.y * a), w = new _e(v.x * r, v.y * a);
         return { id: f.id, points: [b, w] };
       }).filter((f) => !!f);
       if (c.length === 0)
         return;
       const d = c.map((f) => {
-        const v = vl(l, f.points);
-        return { id: f.id, distance: v.distanceTo(l) };
-      }).sort((f, v) => f.distance - v.distance)[0];
+        const A = vl(l, f.points);
+        return { id: f.id, distance: A.distanceTo(l) };
+      }).sort((f, A) => f.distance - A.distance)[0];
       if (d.distance > 20)
         return;
       const h = this.polyline.lines.find(({ id: f }) => f === d.id);
@@ -9484,28 +9484,28 @@ function km(i) {
   le(i, "svelte-1i5h9zh", ".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
 function xm(i) {
-  let t, e, n, o, s, r, a, l, c, u, d, h, f, v, g;
+  let t, e, n, o, s, r, a, l, c, u, d, h, f, A, g;
   return {
     c() {
       t = z("div"), e = z("div"), n = $(), o = z("div"), s = z("i"), r = $(), a = z("i"), l = $(), c = z("i"), u = $(), d = z("div"), h = z("div"), y(e, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1i5h9zh"), T(e, "transform", "translate(" + i[7] / 2 * i[3] * 3 + "px, " + i[8] / 2 * (i[1] ? -1 : 1) * i[3] * 3 + "px) scale(" + 1 / i[3] + ")"), y(s, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"), T(s, "width", i[4] + "rem"), y(a, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1i5h9zh"), y(c, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1i5h9zh"), y(o, "class", "PanoSpatialTagPlugin__tag-line svelte-1i5h9zh"), y(h, "class", "PanoSpatialTagPlugin__tag-content svelte-1i5h9zh"), y(d, "class", "PanoSpatialTagPlugin__tag-animate svelte-1i5h9zh"), T(d, "transform", "scale(" + i[3] * 3 + ")"), y(t, "id", f = "PanoSpatialTagPlugin__" + i[0]), T(t, "height", 20 * i[5] + "rem"), y(t, "class", "svelte-1i5h9zh"), q(t, "PanoSpatialTagPlugin__tag-x", !0), q(t, "PanoSpatialTagPlugin__tag-upside-down", i[1]), q(t, "PanoSpatialTagPlugin__tag-show", i[10]), q(t, "PanoSpatialTagPlugin__tag-hide", i[10] === !1 || i[6]);
     },
-    m(p, A) {
-      M(p, t, A), j(t, e), j(t, n), j(t, o), j(o, s), j(o, r), j(o, a), j(o, l), j(o, c), j(t, u), j(t, d), j(d, h), h.innerHTML = i[2], i[16](h), v || (g = ge(h, "click", i[11]), v = !0);
+    m(p, v) {
+      M(p, t, v), j(t, e), j(t, n), j(t, o), j(o, s), j(o, r), j(o, a), j(o, l), j(o, c), j(t, u), j(t, d), j(d, h), h.innerHTML = i[2], i[16](h), A || (g = ge(h, "click", i[11]), A = !0);
     },
-    p(p, [A]) {
-      A & 394 && T(e, "transform", "translate(" + p[7] / 2 * p[3] * 3 + "px, " + p[8] / 2 * (p[1] ? -1 : 1) * p[3] * 3 + "px) scale(" + 1 / p[3] + ")"), A & 16 && T(s, "width", p[4] + "rem"), A & 4 && (h.innerHTML = p[2]), A & 8 && T(d, "transform", "scale(" + p[3] * 3 + ")"), A & 1 && f !== (f = "PanoSpatialTagPlugin__" + p[0]) && y(t, "id", f), A & 32 && T(t, "height", 20 * p[5] + "rem"), A & 2 && q(t, "PanoSpatialTagPlugin__tag-upside-down", p[1]), A & 1024 && q(t, "PanoSpatialTagPlugin__tag-show", p[10]), A & 1088 && q(t, "PanoSpatialTagPlugin__tag-hide", p[10] === !1 || p[6]);
+    p(p, [v]) {
+      v & 394 && T(e, "transform", "translate(" + p[7] / 2 * p[3] * 3 + "px, " + p[8] / 2 * (p[1] ? -1 : 1) * p[3] * 3 + "px) scale(" + 1 / p[3] + ")"), v & 16 && T(s, "width", p[4] + "rem"), v & 4 && (h.innerHTML = p[2]), v & 8 && T(d, "transform", "scale(" + p[3] * 3 + ")"), v & 1 && f !== (f = "PanoSpatialTagPlugin__" + p[0]) && y(t, "id", f), v & 32 && T(t, "height", 20 * p[5] + "rem"), v & 2 && q(t, "PanoSpatialTagPlugin__tag-upside-down", p[1]), v & 1024 && q(t, "PanoSpatialTagPlugin__tag-show", p[10]), v & 1088 && q(t, "PanoSpatialTagPlugin__tag-hide", p[10] === !1 || p[6]);
     },
     i: N,
     o: N,
     d(p) {
-      p && S(t), i[16](null), v = !1, g();
+      p && S(t), i[16](null), A = !1, g();
     }
   };
 }
 function Dm(i, t, e) {
-  let { id: n } = t, { upsideDown: o } = t, { content: s } = t, { contentZoom: r } = t, { lineWidthZoom: a } = t, { lineHeightZoom: l } = t, { destroying: c = !1 } = t, { folded: u } = t, { dispose: d } = t, { events: h } = t, { hooks: f } = t, v = 0, g = 0, p, A, b = setTimeout(
+  let { id: n } = t, { upsideDown: o } = t, { content: s } = t, { contentZoom: r } = t, { lineWidthZoom: a } = t, { lineHeightZoom: l } = t, { destroying: c = !1 } = t, { folded: u } = t, { dispose: d } = t, { events: h } = t, { hooks: f } = t, A = 0, g = 0, p, v, b = setTimeout(
     () => {
-      u || e(10, A = !0), b = void 0;
+      u || e(10, v = !0), b = void 0;
     },
     100
   );
@@ -9534,7 +9534,7 @@ function Dm(i, t, e) {
     if (I === null)
       return;
     const [D, k] = I.split("-PanoSpatialTagPlugin-");
-    n === D && (f.emit("clickOrigin", { id: n, show: A }), b || (e(10, A = u), e(12, u = !u), b = setTimeout(
+    n === D && (f.emit("clickOrigin", { id: n, show: v }), b || (e(10, v = u), e(12, u = !u), b = setTimeout(
       () => {
         b = void 0;
       },
@@ -9542,7 +9542,7 @@ function Dm(i, t, e) {
     )));
   });
   _a(() => {
-    e(7, v = p.offsetWidth), e(8, g = p.offsetHeight), !b && e(10, A = !u);
+    e(7, A = p.offsetWidth), e(8, g = p.offsetHeight), !b && e(10, v = !u);
   }), Pt(() => {
     f.emit("destroyTag", { id: n }), E(), d();
   });
@@ -9561,10 +9561,10 @@ function Dm(i, t, e) {
     a,
     l,
     c,
-    v,
+    A,
     g,
     p,
-    A,
+    v,
     w,
     u,
     d,
@@ -9745,8 +9745,8 @@ const Fi = 1e-3, Us = 0.01, jm = "https://vrlab-image4.ljcdn.com/release/web/Pan
   const o = (Y = t == null ? void 0 : t.wait) != null ? Y : 200, s = (ae = t == null ? void 0 : t.maxNumberOnScreen) != null ? ae : 3, r = (he = t == null ? void 0 : t.minRad) != null ? he : Math.PI / 4, a = (de = t == null ? void 0 : t.nearTolerance) != null ? de : 100, l = (pe = t == null ? void 0 : t.upsideHeight) != null ? pe : 1.6, c = (Ce = t == null ? void 0 : t.minDistance) != null ? Ce : 1.2, u = (Pe = t == null ? void 0 : t.maxDistance) != null ? Pe : 3.5, d = Tn(i), h = document.createElement("div");
   h.classList.add("PanoSpatialTagPlugin"), Object.assign(h.style, Sm);
   const f = new Ye();
-  let v = new Image();
-  v.src = jm;
+  let A = new Image();
+  A.src = jm;
   const g = {
     points: [],
     origins: [],
@@ -9760,7 +9760,7 @@ const Fi = 1e-3, Us = 0.01, jm = "https://vrlab-image4.ljcdn.com/release/web/Pan
   }, p = new Im({
     target: h,
     props: { origins: g.origins }
-  }), A = (ce, Ae) => {
+  }), v = (ce, Ae) => {
     L(), Ae && I();
   }, b = () => {
     g.forbidden && (g.forbidden = !1, I());
@@ -9956,11 +9956,11 @@ const Fi = 1e-3, Us = 0.01, jm = "https://vrlab-image4.ljcdn.com/release/web/Pan
   }, X = () => {
     i.once("renderFrame", L);
   }, G = () => {
-    e || (e = i.getElement().parentElement), e && e.appendChild(h), g.forbidden = !1, n = i.model.bounding.getCenter(new C.Vector3()).y, I(), i.on("panoWillArrive", w), i.on("panoArrived", b), i.on("modeChange", E), i.on("cameraUpdate", A);
+    e || (e = i.getElement().parentElement), e && e.appendChild(h), g.forbidden = !1, n = i.model.bounding.getCenter(new C.Vector3()).y, I(), i.on("panoWillArrive", w), i.on("panoArrived", b), i.on("modeChange", E), i.on("cameraUpdate", v);
   }, ee = () => {
-    v = null, d.disposeAll(), p.$destroy(), g.tags.forEach((ce) => {
+    A = null, d.disposeAll(), p.$destroy(), g.tags.forEach((ce) => {
       ce.app.$destroy(), ce = null;
-    }), g.origins = [], g.tags = [], i.off("modelLoaded", G), i.off("renderFrame", L), i.off("panoWillArrive", w), i.off("panoArrived", b), i.off("modeChange", E), i.off("cameraUpdate", A), i.off("dispose", ee), window.removeEventListener("resize", X, !1);
+    }), g.origins = [], g.tags = [], i.off("modelLoaded", G), i.off("renderFrame", L), i.off("panoWillArrive", w), i.off("panoArrived", b), i.off("modeChange", E), i.off("cameraUpdate", v), i.off("dispose", ee), window.removeEventListener("resize", X, !1);
   };
   return window.addEventListener("resize", X, !1), (Se = i == null ? void 0 : i.model) != null && Se.loaded ? G() : i.once("modelLoaded", G), i.on("dispose", ee), {
     load: k,
@@ -10107,16 +10107,16 @@ function Hm(i) {
 let Zs = 26, Gm = 11;
 function Wm(i, t, e) {
   const { Raycaster: n, Vector3: o } = C;
-  let { five: s } = t, { modelOcclusionEnable: r } = t, { itemLabels: a } = t, { hooks: l } = t, { displayStrategyType: c } = t, u = null, d = null, h, f, v = [], g = !0;
+  let { five: s } = t, { modelOcclusionEnable: r } = t, { itemLabels: a } = t, { hooks: l } = t, { displayStrategyType: c } = t, u = null, d = null, h, f, A = [], g = !0;
   const p = (B, R) => {
     const W = new n(), X = B.camera.position.clone(), G = new o().fromArray(R.modelPosition), ee = G.distanceTo(X);
     W.set(X.clone(), G.clone().sub(X).normalize());
     const [Y] = B.model.intersectRaycaster(W);
     return !(Y && Y.distance + 1 < ee);
-  }, A = (B, R) => {
+  }, v = (B, R) => {
     const W = new o(R.modelPosition[0], R.modelPosition[1], R.modelPosition[2]), X = B.project2d(W), G = X == null ? void 0 : X.x, ee = X == null ? void 0 : X.y;
     return [G, ee];
-  }, b = (B) => `translate(${B[0]}px, ${B[1]}px)`, w = (B, R) => v.length === 0 ? !1 : !!v.find((X) => B[0] >= X[0] - R && B[0] <= X[0] + R || B[1] >= X[1] - Zs && B[1] <= X[1] + Zs);
+  }, b = (B) => `translate(${B[0]}px, ${B[1]}px)`, w = (B, R) => A.length === 0 ? !1 : !!A.find((X) => B[0] >= X[0] - R && B[0] <= X[0] + R || B[1] >= X[1] - Zs && B[1] <= X[1] + Zs);
   function E(B, R) {
     switch (R) {
       case Rt.SMALL:
@@ -10131,10 +10131,10 @@ function Wm(i, t, e) {
   }
   const L = (B, R) => {
     const W = R.map((G) => {
-      const ee = A(B, G), Y = G.name.length * Gm, ae = E(G.modelPosition[1], c), de = (r ? p(B, G) : !0) && !w([ee[0], ee[1] + ae], Y);
+      const ee = v(B, G), Y = G.name.length * Gm, ae = E(G.modelPosition[1], c), de = (r ? p(B, G) : !0) && !w([ee[0], ee[1] + ae], Y);
       if (!de)
         return fe(Q({}, G), { visible: de });
-      v.push(ee);
+      A.push(ee);
       const pe = b(ee);
       return fe(Q({}, G), {
         visible: de,
@@ -10150,7 +10150,7 @@ function Wm(i, t, e) {
       return ee !== void 0 ? fe(Q({}, G), { zIndex: ee * 10 }) : G;
     });
   }, I = () => {
-    v = [], e(1, d = L(s, d));
+    A = [], e(1, d = L(s, d));
   };
   Wa(() => {
     _();
@@ -10240,15 +10240,15 @@ const jb = (i, t) => {
         height: 100%;
         z-index: 5;
     `, e.container.style.pointerEvents = "none";
-  const n = (v) => (e.wrapper = v, v.appendChild(e.container), l(), !0), o = (v) => {
-    e.itemLabels = Nm(v), l();
+  const n = (A) => (e.wrapper = A, A.appendChild(e.container), l(), !0), o = (A) => {
+    e.itemLabels = Nm(A), l();
   }, s = () => (e.enabled || (e.enabled = !0, l()), !0), r = () => (e.enabled && (e.enabled = !1, l()), !0), a = () => {
     u(), e.container.remove();
   }, l = () => {
-    var v;
+    var A;
     if (!!e.wrapper) {
       if (!e.enabled || !e.fiveModeEnabled) {
-        (v = e.app) == null || v.$destroy(), e.app = void 0;
+        (A = e.app) == null || A.$destroy(), e.app = void 0;
         return;
       }
       e.app ? e.app.$set({
@@ -10270,9 +10270,9 @@ const jb = (i, t) => {
     i.on("modeChange", d), i.once("dispose", a);
   }, u = () => {
     i.off("modeChange", d);
-  }, d = (v) => {
+  }, d = (A) => {
     if (!!e.enabled) {
-      if (v !== je.Mode.Floorplan) {
+      if (A !== je.Mode.Floorplan) {
         e.fiveModeEnabled = !1, l();
         return;
       }
@@ -10318,13 +10318,13 @@ const Ob = (i, { videoElement: t }) => {
     rectPoints: [],
     enabled: !1,
     videoElement: t
-  }, n = Tn(i), o = /* @__PURE__ */ new Map(), s = (A) => {
-    e.videoTexture && (e.videoTexture.image.muted = A);
+  }, n = Tn(i), o = /* @__PURE__ */ new Map(), s = (v) => {
+    e.videoTexture && (e.videoTexture.image.muted = v);
   }, r = () => e.videoTexture ? e.videoTexture.image.muted : !0, a = () => {
     if (e.enabled || !e.videoTexture)
       return;
     e.enabled = !0, e.videoMeshes = c(), e.videoMeshes.forEach((b) => i.scene.add(b));
-    const A = () => {
+    const v = () => {
       if (!e.videoTexture)
         return;
       const b = () => {
@@ -10342,30 +10342,30 @@ const Ob = (i, { videoElement: t }) => {
       });
     };
     if (i.model.loaded)
-      A();
+      v();
     else
-      return i.once("modelLoaded", () => A());
+      return i.once("modelLoaded", () => v());
   }, l = () => {
-    !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((A) => {
-      A.geometry.dispose(), A.material.dispose(), i.scene.remove(A), e.videoTexture && e.videoTexture.image.pause();
+    !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((v) => {
+      v.geometry.dispose(), v.material.dispose(), i.scene.remove(v), e.videoTexture && e.videoTexture.image.pause();
     }), e.videoMeshes = [], i.needsRender = !0);
-  }, c = () => e.rectPoints.map((A, b) => {
+  }, c = () => e.rectPoints.map((v, b) => {
     const w = new C.BufferGeometry(), E = 128, L = [];
-    L.push(...A[0].toArray());
+    L.push(...v[0].toArray());
     for (let B = 1; B < E; B++)
       L.push(
-        A[0].x + (A[1].x - A[0].x) * B / E,
-        A[0].y + (A[1].y - A[0].y) * B / E,
-        A[0].z + (A[1].z - A[0].z) * B / E
+        v[0].x + (v[1].x - v[0].x) * B / E,
+        v[0].y + (v[1].y - v[0].y) * B / E,
+        v[0].z + (v[1].z - v[0].z) * B / E
       );
-    L.push(...A[1].toArray()), L.push(...A[2].toArray());
+    L.push(...v[1].toArray()), L.push(...v[2].toArray());
     for (let B = 1; B < E; B++)
       L.push(
-        A[2].x + (A[3].x - A[2].x) * B / E,
-        A[2].y + (A[3].y - A[2].y) * B / E,
-        A[2].z + (A[3].z - A[2].z) * B / E
+        v[2].x + (v[3].x - v[2].x) * B / E,
+        v[2].y + (v[3].y - v[2].y) * B / E,
+        v[2].z + (v[3].z - v[2].z) * B / E
       );
-    L.push(...A[3].toArray());
+    L.push(...v[3].toArray());
     const I = [];
     I.push(0, 1);
     for (let B = 1; B < E; B++)
@@ -10385,7 +10385,7 @@ const Ob = (i, { videoElement: t }) => {
       side: C.DoubleSide
     }), _ = new C.Mesh(w, V);
     _.renderOrder = 1, _.name = `ModelTVVideoPlugin-${b}-${performance.now()}`;
-    const O = [A[1], A[2], A[3], A[0]], F = n.create3DDomContainer(O);
+    const O = [v[1], v[2], v[3], v[0]], F = n.create3DDomContainer(O);
     if (F != null && F.container) {
       const B = document.createElement("div");
       B.classList.add("play-icon"), B.style.width = "100%", B.style.height = "100%", B.style.display = "flex", B.style.justifyContent = "center", B.style.alignItems = "center", B.style.pointerEvents = "none", F.container.appendChild(B);
@@ -10395,10 +10395,10 @@ const Ob = (i, { videoElement: t }) => {
       }, B.appendChild(R), o.set(_, F);
     }
     return _;
-  }), u = (A) => {
-    const b = new C.TextureLoader().load(A);
+  }), u = (v) => {
+    const b = new C.TextureLoader().load(v);
     return b.minFilter = C.LinearFilter, b.magFilter = C.LinearFilter, b.format = C.RGBFormat, b;
-  }, d = (A, b) => new Promise((w, E) => {
+  }, d = (v, b) => new Promise((w, E) => {
     const L = new XMLHttpRequest();
     L.onreadystatechange = () => {
       if (L.readyState == 4)
@@ -10406,48 +10406,48 @@ const Ob = (i, { videoElement: t }) => {
           const I = window.URL || window.webkitURL;
           b = b || document.createElement("video"), b.crossOrigin = "anonymous", b.muted = !0, b.loop = !0, b.playsInline = !0, b.src = I.createObjectURL(L.response);
           const D = new C.VideoTexture(b);
-          D.minFilter = C.LinearFilter, D.magFilter = C.LinearFilter, D.format = C.RGBFormat, w(Object.assign(D, { videoSource: A }));
+          D.minFilter = C.LinearFilter, D.magFilter = C.LinearFilter, D.format = C.RGBFormat, w(Object.assign(D, { videoSource: v }));
         } else
           E(new Error("Video download Error: " + L.status));
-    }, L.onerror = (I) => E(I), L.open("GET", A), L.responseType = "blob", L.send();
-  }), h = (A, b) => H(void 0, null, function* () {
-    const { video_src: w, video_poster_src: E, points: L } = A;
-    e.videoSource = w, e.rectPoints = Xm(L).map((I) => I.map(({ x: D, y: k, z: V }) => new C.Vector3(D, k, V))), e.imageTexture = u(E), b && (e.videoElement = b), e.videoTexture = yield d(e.videoSource, e.videoElement), e.enabled = !!A.enable, e.enabled && a();
-  }), f = (A) => {
+    }, L.onerror = (I) => E(I), L.open("GET", v), L.responseType = "blob", L.send();
+  }), h = (v, b) => H(void 0, null, function* () {
+    const { video_src: w, video_poster_src: E, points: L } = v;
+    e.videoSource = w, e.rectPoints = Xm(L).map((I) => I.map(({ x: D, y: k, z: V }) => new C.Vector3(D, k, V))), e.imageTexture = u(E), b && (e.videoElement = b), e.videoTexture = yield d(e.videoSource, e.videoElement), e.enabled = !!v.enable, e.enabled && a();
+  }), f = (v) => {
     if (!e.enabled)
       return;
     const b = e.videoMeshes;
-    if (!(!b || A.intersectObjects(b).length === 0))
+    if (!(!b || v.intersectObjects(b).length === 0))
       return e.videoTexture && (e.videoTexture.image.paused || e.videoTexture.image.pause()), !1;
-  }, v = (A) => {
-    A === "Floorplan" ? n.hide() : n.show();
+  }, A = (v) => {
+    v === "Floorplan" ? n.hide() : n.show();
   }, g = () => {
     if (!e.enabled)
       return;
-    const A = i.camera.position;
+    const v = i.camera.position;
     if (o.forEach((b, w) => {
-      const E = b.css3DObject.position.clone(), L = E.clone().sub(A).normalize(), I = new C.Raycaster(A, L), D = i.model.intersectRaycaster(I)[0], k = E.distanceTo(A), V = 0.01;
+      const E = b.css3DObject.position.clone(), L = E.clone().sub(v).normalize(), I = new C.Raycaster(v, L), D = i.model.intersectRaycaster(I)[0], k = E.distanceTo(v), V = 0.01;
       D && D.distance + V < k ? b.hide() : b.show();
     }), !r()) {
       const b = e.rectPoints.find((w) => {
         const E = w[0].clone().add(w[1]).add(w[2]).add(w[3]).divideScalar(4);
         return w.map((L) => L.clone().add(E).divideScalar(2)).filter((L) => {
-          const I = L.distanceTo(A), D = new C.Raycaster(A, L.clone().sub(A).normalize()), k = i.model.intersectRaycaster(D)[0], V = 0.01;
+          const I = L.distanceTo(v), D = new C.Raycaster(v, L.clone().sub(v).normalize()), k = i.model.intersectRaycaster(D)[0], V = 0.01;
           return !(k && k.distance + V < I);
         }).length >= 2;
       });
       (!b || b.length === 0) && s(!0);
     }
   }, p = () => {
-    l(), e.videoTexture = void 0, i.off("modeChange", v), i.off("wantsTapGesture", f), i.off("panoArrived", g), i.off("renderFrame", () => {
-      e.videoMeshes.forEach((A) => {
-        A && (A.needsRender = !0);
+    l(), e.videoTexture = void 0, i.off("modeChange", A), i.off("wantsTapGesture", f), i.off("panoArrived", g), i.off("renderFrame", () => {
+      e.videoMeshes.forEach((v) => {
+        v && (v.needsRender = !0);
       });
     });
   };
-  return i.on("modeChange", v), i.on("wantsTapGesture", f), i.on("panoArrived", g), i.on("renderFrame", () => {
-    e.videoMeshes.forEach((A) => {
-      A && (A.needsRender = !0);
+  return i.on("modeChange", A), i.on("wantsTapGesture", f), i.on("panoArrived", g), i.on("renderFrame", () => {
+    e.videoMeshes.forEach((v) => {
+      v && (v.needsRender = !0);
     });
   }), { enable: a, disable: l, load: h, dispose: p, state: e, css3DRenderPlugin: n };
 };
@@ -10507,8 +10507,8 @@ function Ks(i) {
 }
 function Jm(i) {
   let t, e, n, o, s, r, a, l, c, u;
-  function d(v, g) {
-    return g & 1 && (n = null), n == null && (n = !!Boolean(typeof v[0].render == "function")), n ? qm : Um;
+  function d(A, g) {
+    return g & 1 && (n = null), n == null && (n = !!Boolean(typeof A[0].render == "function")), n ? qm : Um;
   }
   let h = d(i, -1), f = h(i);
   return {
@@ -10517,18 +10517,18 @@ function Jm(i) {
         "item-label-item__custom": Boolean(typeof i[0].render == "function")
       })) + " svelte-gduhqw"), T(e, "bottom", `${i[0].strokeLength}px`), y(r, "class", a = Me(tt("item-label-item__bar", { anchor: i[1] })) + " svelte-gduhqw"), T(r, "height", `${i[0].strokeLength}px`), y(t, "class", l = Me(tt("item-label-item", { fold: i[0].isFold })) + " svelte-gduhqw"), T(t, "z-index", i[0].zIndex), T(t, "transform", i[0].transform);
     },
-    m(v, g) {
-      M(v, t, g), j(t, e), f.m(e, null), j(t, s), j(t, r), c || (u = ge(e, "click", i[4]), c = !0);
+    m(A, g) {
+      M(A, t, g), j(t, e), f.m(e, null), j(t, s), j(t, r), c || (u = ge(e, "click", i[4]), c = !0);
     },
-    p(v, [g]) {
-      h === (h = d(v, g)) && f ? f.p(v, g) : (f.d(1), f = h(v), f && (f.c(), f.m(e, null))), g & 1 && o !== (o = Me(tt("item-label-item__text-wrap", {
-        "item-label-item__custom": Boolean(typeof v[0].render == "function")
-      })) + " svelte-gduhqw") && y(e, "class", o), g & 1 && T(e, "bottom", `${v[0].strokeLength}px`), g & 2 && a !== (a = Me(tt("item-label-item__bar", { anchor: v[1] })) + " svelte-gduhqw") && y(r, "class", a), g & 1 && T(r, "height", `${v[0].strokeLength}px`), g & 1 && l !== (l = Me(tt("item-label-item", { fold: v[0].isFold })) + " svelte-gduhqw") && y(t, "class", l), g & 1 && T(t, "z-index", v[0].zIndex), g & 1 && T(t, "transform", v[0].transform);
+    p(A, [g]) {
+      h === (h = d(A, g)) && f ? f.p(A, g) : (f.d(1), f = h(A), f && (f.c(), f.m(e, null))), g & 1 && o !== (o = Me(tt("item-label-item__text-wrap", {
+        "item-label-item__custom": Boolean(typeof A[0].render == "function")
+      })) + " svelte-gduhqw") && y(e, "class", o), g & 1 && T(e, "bottom", `${A[0].strokeLength}px`), g & 2 && a !== (a = Me(tt("item-label-item__bar", { anchor: A[1] })) + " svelte-gduhqw") && y(r, "class", a), g & 1 && T(r, "height", `${A[0].strokeLength}px`), g & 1 && l !== (l = Me(tt("item-label-item", { fold: A[0].isFold })) + " svelte-gduhqw") && y(t, "class", l), g & 1 && T(t, "z-index", A[0].zIndex), g & 1 && T(t, "transform", A[0].transform);
     },
     i: N,
     o: N,
-    d(v) {
-      v && S(t), f.d(), c = !1, u();
+    d(A) {
+      A && S(t), f.d(), c = !1, u();
     }
   };
 }
@@ -10717,7 +10717,7 @@ function ip(i) {
 let op = 11;
 function sp(i, t, e) {
   const { Raycaster: n, Vector3: o } = C;
-  let { five: s } = t, { modelOcclusionEnable: r } = t, { itemLabels: a } = t, { hooks: l } = t, { displayStrategyType: c } = t, { maxVisibleDistance: u } = t, d = null, h = null, f = (s == null ? void 0 : s.currentMode) === je.Mode.Panorama, v, g, p = [], A = !0;
+  let { five: s } = t, { modelOcclusionEnable: r } = t, { itemLabels: a } = t, { hooks: l } = t, { displayStrategyType: c } = t, { maxVisibleDistance: u } = t, d = null, h = null, f = (s == null ? void 0 : s.currentMode) === je.Mode.Panorama, A, g, p = [], v = !0;
   const b = (W, X) => {
     const G = W.camera.position.clone(), ee = new o(X.modelPosition[0], X.modelPosition[1], X.modelPosition[2]), Y = ee.distanceTo(G);
     return u !== void 0 && W.state.mode === je.Mode.Panorama && Y > u ? !1 : $s(W, ee.clone().sub(G).normalize(), G, Y);
@@ -10754,10 +10754,10 @@ function sp(i, t, e) {
   }, I = () => {
     p = [], e(1, h = L(s, h));
   }, D = () => {
-    e(5, A = !1), k();
+    e(5, v = !1), k();
   }, k = kl(
     () => {
-      e(5, A = !0), I();
+      e(5, v = !0), I();
     },
     300
   ), V = () => {
@@ -10811,7 +10811,7 @@ function sp(i, t, e) {
     s.off("cameraUpdate", D), window.removeEventListener("resize", V, !1);
   });
   function R() {
-    v = this.clientWidth, g = this.clientHeight, e(3, v), e(4, g);
+    A = this.clientWidth, g = this.clientHeight, e(3, A), e(4, g);
   }
   return i.$$set = (W) => {
     "five" in W && e(7, s = W.five), "modelOcclusionEnable" in W && e(8, r = W.modelOcclusionEnable), "itemLabels" in W && e(9, a = W.itemLabels), "hooks" in W && e(0, l = W.hooks), "displayStrategyType" in W && e(10, c = W.displayStrategyType), "maxVisibleDistance" in W && e(11, u = W.maxVisibleDistance);
@@ -10819,9 +10819,9 @@ function sp(i, t, e) {
     l,
     h,
     f,
-    v,
-    g,
     A,
+    g,
+    v,
     B,
     s,
     r,
@@ -10859,7 +10859,7 @@ function ap(i) {
   }));
 }
 const lp = void 0, Rb = (i, t) => {
-  var h, f, v, g;
+  var h, f, A, g;
   const e = {
     container: document.createElement("div"),
     data: null,
@@ -10871,7 +10871,7 @@ const lp = void 0, Rb = (i, t) => {
     hooks: new Ye(),
     modelOcclusionEnable: (h = t == null ? void 0 : t.modelOcclusionEnable) != null ? h : !0,
     onlyVisibleInPanorama: (f = t == null ? void 0 : t.onlyVisibleInPanorama) != null ? f : !0,
-    displayStrategyType: (v = t == null ? void 0 : t.displayStrategyType) != null ? v : Ft.SMALL,
+    displayStrategyType: (A = t == null ? void 0 : t.displayStrategyType) != null ? A : Ft.SMALL,
     maxVisibleDistance: (g = t == null ? void 0 : t.maxVisibleDistance) != null ? g : lp
   };
   e.container.setAttribute("class", "item-label-plugin-container"), e.container.style.cssText = `
@@ -11003,9 +11003,9 @@ function hp(i, t, e) {
   const f = () => {
     if (!r || !a || !l || !s)
       return;
-    const p = s.current.clientWidth / window.innerWidth * 100, A = s.current.clientHeight / window.innerHeight * 100;
-    r <= p / 2 || r >= 100 - p / 2 || a <= A / 2 || a >= 100 - A / 2;
-  }, v = (p) => {
+    const p = s.current.clientWidth / window.innerWidth * 100, v = s.current.clientHeight / window.innerHeight * 100;
+    r <= p / 2 || r >= 100 - p / 2 || a <= v / 2 || a >= 100 - v / 2;
+  }, A = (p) => {
     o && o();
   };
   function g(p) {
@@ -11025,7 +11025,7 @@ function hp(i, t, e) {
     c,
     d,
     h,
-    v,
+    A,
     g
   ];
 }
@@ -11106,8 +11106,8 @@ class bp extends cp {
               return;
             const h = new Mt(), f = u.clone().sub(s).normalize();
             h.set(s, f);
-            const [v] = this.five.model.intersectRaycaster(h);
-            v && v.distance + 0.1 < d || a.push(c);
+            const [A] = this.five.model.intersectRaycaster(h);
+            A && A.distance + 0.1 < d || a.push(c);
           }), this.visibleLabelMap.set(e, a), a;
         }
       })();
@@ -11116,7 +11116,7 @@ class bp extends cp {
       }), this.fixDoorPosition();
     });
     m(this, "fixDoorPosition", () => {
-      var u, d, h, f, v, g, p, A, b, w, E, L;
+      var u, d, h, f, A, g, p, v, b, w, E, L;
       const { panoIndex: e, camera: n } = this.five;
       if (e === null)
         return;
@@ -11140,11 +11140,11 @@ class bp extends cp {
             left: s * V / 100,
             top: r * _ / 100,
             width: (h = (d = (u = R.children) == null ? void 0 : u[0]) == null ? void 0 : d.clientWidth) != null ? h : 0,
-            height: (g = (v = (f = R.children) == null ? void 0 : f[0]) == null ? void 0 : v.clientHeight) != null ? g : 0
+            height: (g = (A = (f = R.children) == null ? void 0 : f[0]) == null ? void 0 : A.clientHeight) != null ? g : 0
           }, G = {
             left: s * F / 100,
             top: r * B / 100,
-            width: (b = (A = (p = W.children) == null ? void 0 : p[0]) == null ? void 0 : A.clientWidth) != null ? b : 0,
+            width: (b = (v = (p = W.children) == null ? void 0 : p[0]) == null ? void 0 : v.clientWidth) != null ? b : 0,
             height: (L = (E = (w = W.children) == null ? void 0 : w[0]) == null ? void 0 : E.clientHeight) != null ? L : 0
           };
           mp(X, G) && (I++, c[k].transform = `translate(-50%, ${(I - 1) * 100 - 50}%)`, c[O].transform = `translate(-50%, ${I * 100 - 50}%)`);
@@ -11184,18 +11184,18 @@ class bp extends cp {
           const d = u.position;
           let h = 1 / 0, f;
           l.forEach((g) => {
-            const p = g.standingPosition, A = {
+            const p = g.standingPosition, v = {
               x: p.x,
               y: p.y,
               z: p.z
-            }, b = gp(d, A);
-            b < h && (h = b, f = A);
+            }, b = gp(d, v);
+            b < h && (h = b, f = v);
           }), f && (d.y = f.y + 0.01);
-          const v = new U(d.x, d.y, d.z);
-          v.add(new U(-0.2, 1.8, 0).applyEuler(new Ro(0, u.rad, 0))), this.doorLabels.push({
+          const A = new U(d.x, d.y, d.z);
+          A.add(new U(-0.2, 1.8, 0).applyEuler(new Ro(0, u.rad, 0))), this.doorLabels.push({
             roomName: r.name,
             name: u.name,
-            position: v,
+            position: A,
             toward: Ap(u.rad)
           });
         });
@@ -11259,18 +11259,18 @@ function Pp(i, t) {
     const c = Math.ceil(s.getLength() / n * 1.5), u = s.getPoints(c), d = [];
     let h = 0;
     const f = i;
-    return f.forEach((v, g) => {
-      let p = 0, A = 99999999;
+    return f.forEach((A, g) => {
+      let p = 0, v = 99999999;
       u.forEach((I, D) => {
-        const k = I.distanceTo(v);
-        k < A && (p = D, A = k);
+        const k = I.distanceTo(A);
+        k < v && (p = D, v = k);
       });
-      const b = u[p + 1], w = b == null ? void 0 : b.distanceTo(v), E = u[p - 1], L = E == null ? void 0 : E.distanceTo(v);
+      const b = u[p + 1], w = b == null ? void 0 : b.distanceTo(A), E = u[p - 1], L = E == null ? void 0 : E.distanceTo(A);
       if (p > h && p - h > 1) {
         let I = p;
-        E !== void 0 && L > 0.8 && (I = p + 1), E !== void 0 && L > 0.2 && L < 0.3 ? I = p : A > 0.2 && A < 0.3 && (I = p + 1);
+        E !== void 0 && L > 0.8 && (I = p + 1), E !== void 0 && L > 0.2 && L < 0.3 ? I = p : v > 0.2 && v < 0.3 && (I = p + 1);
         let D = h;
-        if (b !== void 0 && w > 0.2 && w < 0.3 ? D = h + 1 : A > 0.2 && A < 0.3 && (D = h), u[D] && u[D + 1]) {
+        if (b !== void 0 && w > 0.2 && w < 0.3 ? D = h + 1 : v > 0.2 && v < 0.3 && (D = h), u[D] && u[D + 1]) {
           const _ = f[g - 1];
           if (_)
             if (_.equals(u[D]))
@@ -11292,20 +11292,20 @@ function Pp(i, t) {
   }
 }
 function or(i, t, e) {
-  const n = t / 2, o = e / t, s = i.length, r = Dc(i.map((A) => [A.x, A.z])), l = (i.length - 1) * yp * wp, c = 2 * s, u = c * Ep, d = c * Cp, h = new Uint32Array(l), f = new Float32Array(u), v = new Float32Array(d);
-  i.forEach((A, b) => {
+  const n = t / 2, o = e / t, s = i.length, r = Dc(i.map((v) => [v.x, v.z])), l = (i.length - 1) * yp * wp, c = 2 * s, u = c * Ep, d = c * Cp, h = new Uint32Array(l), f = new Float32Array(u), A = new Float32Array(d);
+  i.forEach((v, b) => {
   });
   let g = 0;
-  for (let A = 0; A < i.length; A++) {
-    const [b, w] = r[A][0], E = i[A], { x: L, y: I, z: D } = E, k = new U(L + b * n, I + 0.05, D + w * n);
-    f[A * 6 + 0] = k.x, f[A * 6 + 1] = k.y, f[A * 6 + 2] = k.z;
+  for (let v = 0; v < i.length; v++) {
+    const [b, w] = r[v][0], E = i[v], { x: L, y: I, z: D } = E, k = new U(L + b * n, I + 0.05, D + w * n);
+    f[v * 6 + 0] = k.x, f[v * 6 + 1] = k.y, f[v * 6 + 2] = k.z;
     const V = new U(L - b * n, I + 0.05, D - w * n);
-    f[A * 6 + 3] = V.x, f[A * 6 + 4] = V.y, f[A * 6 + 5] = V.z, g += A > 0 ? i[A - 1].clone().sub(i[A]).length() : 0;
+    f[v * 6 + 3] = V.x, f[v * 6 + 4] = V.y, f[v * 6 + 5] = V.z, g += v > 0 ? i[v - 1].clone().sub(i[v]).length() : 0;
     const _ = g / t / o;
-    v[A * 4 + 0] = 0, v[A * 4 + 1] = _, v[A * 4 + 2] = 1, v[A * 4 + 3] = _, A !== i.length - 1 && (h[A * 6 + 0] = A * 2 + 0, h[A * 6 + 1] = A * 2 + 2, h[A * 6 + 2] = A * 2 + 1, h[A * 6 + 3] = A * 2 + 2, h[A * 6 + 4] = A * 2 + 3, h[A * 6 + 5] = A * 2 + 1);
+    A[v * 4 + 0] = 0, A[v * 4 + 1] = _, A[v * 4 + 2] = 1, A[v * 4 + 3] = _, v !== i.length - 1 && (h[v * 6 + 0] = v * 2 + 0, h[v * 6 + 1] = v * 2 + 2, h[v * 6 + 2] = v * 2 + 1, h[v * 6 + 3] = v * 2 + 2, h[v * 6 + 4] = v * 2 + 3, h[v * 6 + 5] = v * 2 + 1);
   }
   const p = new C.BufferGeometry();
-  return p.setAttribute("position", new C.BufferAttribute(f, 3)), p.setAttribute("uv", new C.BufferAttribute(v, 2)), p.setIndex(new C.BufferAttribute(h, 1)), p;
+  return p.setAttribute("position", new C.BufferAttribute(f, 3)), p.setAttribute("uv", new C.BufferAttribute(A, 2)), p.setIndex(new C.BufferAttribute(h, 1)), p;
 }
 function Ip(i) {
   const t = new C.TextureLoader().load(i.textureUrl);
@@ -11396,10 +11396,10 @@ class Ll extends zt {
       return s.add(...o), s;
   }
   getLine(e, n) {
-    var l, c, u, d, h, f, v, g;
+    var l, c, u, d, h, f, A, g;
     const o = new C.Group(), s = e.panoIndexList.map((p) => {
-      var A;
-      return (A = this.five.work.observers[p]) == null ? void 0 : A.standingPosition;
+      var v;
+      return (v = this.five.work.observers[p]) == null ? void 0 : v.standingPosition;
     }).filter(wt), r = Pp(s, {
       skipPanoIndexMesh: (c = (l = e.skipPanoIndexMesh) != null ? l : n == null ? void 0 : n.skipPanoIndexMesh) != null ? c : !0,
       unitWidth: (d = (u = e.unitWidth) != null ? u : n == null ? void 0 : n.unitWidth) != null ? d : 0.6,
@@ -11408,11 +11408,11 @@ class Ll extends zt {
     if (!r)
       return;
     const a = Ip({
-      textureUrl: (g = (v = e.arrowTextureUrl) != null ? v : n == null ? void 0 : n.arrowTextureUrl) != null ? g : this.staticPrefix + "/release/web/arrow6.b6ce0c62.png"
+      textureUrl: (g = (A = e.arrowTextureUrl) != null ? A : n == null ? void 0 : n.arrowTextureUrl) != null ? g : this.staticPrefix + "/release/web/arrow6.b6ce0c62.png"
     });
     return r.forEach((p) => {
-      const A = new C.Mesh(p, a);
-      A.name = sr("route-line-mesh"), o.add(A);
+      const v = new C.Mesh(p, a);
+      v.name = sr("route-line-mesh"), o.add(v);
     }), o;
   }
   waitFiveModelLoaded() {
@@ -11516,7 +11516,7 @@ class Tl extends zt {
   }
   load(e, n, o) {
     return H(this, null, function* () {
-      var u, d, h, f, v;
+      var u, d, h, f, A;
       if (this.state.disposed)
         return ar();
       this.privateState.fiveOriginGetProgress || (d = (u = this.five.controller) == null ? void 0 : u.cameraMotion) != null && d.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (f = (h = this.five.controller) == null ? void 0 : h.cameraMotion) == null ? void 0 : f.getProgress), this.clear();
@@ -11525,11 +11525,11 @@ class Tl extends zt {
       let a = [], l;
       const c = this.data.keyframes.filter((g) => g.data.panoIndex !== void 0);
       c.filter((g, p) => {
-        var A;
-        return g.data.panoIndex !== ((A = c[p - 1]) == null ? void 0 : A.data.panoIndex);
+        var v;
+        return g.data.panoIndex !== ((v = c[p - 1]) == null ? void 0 : v.data.panoIndex);
       }).map((g) => g.data.panoIndex).forEach((g) => {
-        var A, b;
-        const p = (A = this.five.work.observers[g]) == null ? void 0 : A.floorIndex;
+        var v, b;
+        const p = (v = this.five.work.observers[g]) == null ? void 0 : v.floorIndex;
         if (p !== void 0)
           if (l === p) {
             const w = a.length - 1;
@@ -11539,7 +11539,7 @@ class Tl extends zt {
             const w = a.length;
             a[w] = [g];
           }
-      }), this.GuideLine || (this.GuideLine = xp(this.five, this.config)), (v = this.GuideLine) == null || v.load({ routes: a.map((g) => ({ panoIndexList: g })), config: r.guildPluginOptions }), this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed), n && this.setState(n, { userAction: o }), console.info(`${xi} loaded`, r), this.hooks.emit("dataLoaded", r);
+      }), this.GuideLine || (this.GuideLine = xp(this.five, this.config)), (A = this.GuideLine) == null || A.load({ routes: a.map((g) => ({ panoIndexList: g })), config: r.guildPluginOptions }), this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed), n && this.setState(n, { userAction: o }), console.info(`${xi} loaded`, r), this.hooks.emit("dataLoaded", r);
     });
   }
   play(e) {
@@ -11604,14 +11604,14 @@ class Tl extends zt {
         const { moveEffect: r, moveToFirstPanoEffect: a, moveToFirstPanoDuration: l } = o;
         return this.privateState.moveToFirstPanoEffect = a, this.privateState.moveToFirstPanoDuration = l, o.panoIndexList.forEach((c, u) => {
           const d = (() => {
-            var p, A, b, w;
+            var p, v, b, w;
             const h = o.panoIndexList.slice(u).find((E) => E !== c);
             if (h === void 0)
               return;
-            const f = (p = n[c]) == null ? void 0 : p.position, v = (A = n[h]) == null ? void 0 : A.position;
-            if (!v || !f || ((b = n[c]) == null ? void 0 : b.floorIndex) !== ((w = n[h]) == null ? void 0 : w.floorIndex))
+            const f = (p = n[c]) == null ? void 0 : p.position, A = (v = n[h]) == null ? void 0 : v.position;
+            if (!A || !f || ((b = n[c]) == null ? void 0 : b.floorIndex) !== ((w = n[h]) == null ? void 0 : w.floorIndex))
               return;
-            const g = new C.Vector3().subVectors(v, f);
+            const g = new C.Vector3().subVectors(A, f);
             return Mp(g);
           })();
           o.moveType === void 0 || o.moveType === "justMove" ? s.push({
@@ -11656,13 +11656,13 @@ class Tl extends zt {
       (e == null ? void 0 : e.notEmitEvent) !== !0 && r.emit("play", { userAction: (f = e == null ? void 0 : e.userAction) != null ? f : !0 });
       let u = !1;
       const h = yield (() => H(this, null, function* () {
-        var v, g;
+        var A, g;
         if ((e == null ? void 0 : e.playFromIndex) !== void 0)
           return e.playFromIndex;
         if ((e == null ? void 0 : e.playFromId) !== void 0)
-          return (v = this.data) == null ? void 0 : v.keyframes.findIndex((p) => p.id === e.playFromId);
+          return (A = this.data) == null ? void 0 : A.keyframes.findIndex((p) => p.id === e.playFromId);
         if (c != null && c.keyframeId) {
-          const p = (g = this.data) == null ? void 0 : g.keyframes.find((A) => A.id === c.keyframeId);
+          const p = (g = this.data) == null ? void 0 : g.keyframes.find((v) => v.id === c.keyframeId);
           if (c != null && c.fiveState && (yield this.move(c.fiveState, {
             moveEffect: s.moveToFirstPanoEffect,
             duration: s.moveToFirstPanoDuration
@@ -11670,22 +11670,22 @@ class Tl extends zt {
             if (p.data.effect === "Move")
               return p.index;
             if (p.data.effect === "Rotate") {
-              const A = c.duration !== void 0 ? c.duration * (1 - c.playedProgress) : void 0;
-              return yield this.playKeyframe(p, { duration: A }), u = !0, p.index + 1;
+              const v = c.duration !== void 0 ? c.duration * (1 - c.playedProgress) : void 0;
+              return yield this.playKeyframe(p, { duration: v }), u = !0, p.index + 1;
             }
           }
         }
       }))();
       this.clearPauseData();
-      for (const v of l) {
+      for (const A of l) {
         if (s.broke || !o.playing || !s.playing || a !== s.playId)
           return;
-        if (!(h !== void 0 && v.index < h))
+        if (!(h !== void 0 && A.index < h))
           try {
-            r.emit("playIndexChange", v.index, v), yield this.playKeyframe(v, {
+            r.emit("playIndexChange", A.index, A), yield this.playKeyframe(A, {
               moveEffect: u === !1 ? s.moveToFirstPanoEffect : void 0,
               duration: u === !1 && typeof s.moveToFirstPanoDuration == "number" ? s.moveToFirstPanoDuration : void 0
-            }), v.stay && (yield zp(v.stay)), u === !1 && (u = !0);
+            }), A.stay && (yield zp(A.stay)), u === !1 && (u = !0);
           } catch (g) {
             return Promise.resolve("broke");
           }
@@ -11784,8 +11784,8 @@ class Tl extends zt {
   updateCamera(o) {
     return H(this, arguments, function* (e, n = {}) {
       const { five: s, privateState: r, state: a } = this, l = (() => {
-        var f, v;
-        const d = (f = a.config) == null ? void 0 : f.speedConfig, h = (v = e.rotateSpeed) != null ? v : d == null ? void 0 : d.rotateSpeed;
+        var f, A;
+        const d = (f = a.config) == null ? void 0 : f.speedConfig, h = (A = e.rotateSpeed) != null ? A : d == null ? void 0 : d.rotateSpeed;
         if ((d == null ? void 0 : d.rotateSpeedUnit) === void 0)
           return h;
         if (h !== void 0)
@@ -12250,9 +12250,9 @@ class Bl {
   render() {
     if (!this.five.renderer || !this.containerDom)
       return;
-    const { scale: t, context: e, width: n, height: o } = this, s = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new C.Vector2()), a = 1, l = n / t, c = o / t, u = a * t, d = (s.x + 1) / 2 * r.x, h = (s.y + 1) / 2 * r.y, f = this.five.getPixels(d - l / 2, h - l / 2, l, c, u), v = Math.floor(n * a), g = Math.floor(o * a);
-    Kp(f, v, g);
-    const p = new ImageData(v, g);
+    const { scale: t, context: e, width: n, height: o } = this, s = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new C.Vector2()), a = 1, l = n / t, c = o / t, u = a * t, d = (s.x + 1) / 2 * r.x, h = (s.y + 1) / 2 * r.y, f = this.five.getPixels(d - l / 2, h - l / 2, l, c, u), A = Math.floor(n * a), g = Math.floor(o * a);
+    Kp(f, A, g);
+    const p = new ImageData(A, g);
     p.data.set(f), e.putImageData(p, 0, 0);
   }
   initStyle() {
@@ -12825,14 +12825,23 @@ class hg extends ug {
       if (e === "fold" && s.unfoldedConfig.keep === "unfolded" || e === "unfold" && s.unfoldedConfig.keep === "folded")
         return !1;
     }
-    if (e === "renderByMesh")
-      if (Hp(o) || Ve(o)) {
-        const r = o.data.mediaData;
-        return r.length === 1 && r[0].type === "Image" && s.renderType === "Mesh";
-      } else
-        return !1;
     return !0;
   }
+  getRenderType(e) {
+    const n = this.getTagConfig(e);
+    if (!n || typeof n != "object" || !n.renderType)
+      return "Dom";
+    const o = e.data.mediaData;
+    if (!o || o.length === 0)
+      return "Dom";
+    if (n.renderType === "Mesh") {
+      if (Hp(e))
+        return o.length === 1 && o[0].type === "Image" ? "Mesh" : "Dom";
+      if (Ve(e))
+        return o.length === 1 && o[0].type === "Image" ? "Mesh" : "BehindDom";
+    } else
+      return "Dom";
+  }
   getAngle(e, n) {
     var r, a, l;
     const o = (r = this.five.panoIndex) != null ? r : n;
@@ -12952,7 +12961,7 @@ class hg extends ug {
   }
   get filterImagePlane() {
     return this.tags.filter(
-      (e) => e.contentType === "MediaPlane" && e.stickType === "Plane" && this.can("renderByMesh", e)
+      (e) => e.contentType === "MediaPlane" && e.stickType === "Plane" && this.getRenderType(e) === "Mesh"
     );
   }
   get filterMediaModel() {
@@ -12961,8 +12970,11 @@ class hg extends ug {
   get filterModelTag() {
     return this.tags.filter((e) => e.stickType === "Model");
   }
-  get filter3DTag() {
-    return this.tags.filter((e) => e.stickType === "3DPoint" || e.stickType === "Plane" || e.stickType === "Model").filter((e) => !this.can("renderByMesh", e));
+  get filterCSS3DTag() {
+    return this.tags.filter((n) => n.stickType === "3DPoint" || n.stickType === "Plane" || n.stickType === "Model").filter((n) => {
+      const o = this.getRenderType(n);
+      return o === "BehindDom" || o === "Dom";
+    });
   }
   checkDisposed() {
     return this.store.disposed ? (console.error("PanoTagPluginController has been disposed"), !0) : !1;
@@ -13016,9 +13028,9 @@ class fg extends hg {
           const f = this.getRaycasterFromPanoIndex(e, s);
           if (!f)
             return { value: !1, reason: `intersectRaycaster check failed: raycaster is ${f}` };
-          const v = this.getTagEnableByIntersect(e, f);
-          if (v.value === !1)
-            return v;
+          const A = this.getTagEnableByIntersect(e, f);
+          if (A.value === !1)
+            return A;
         }
         if (l.angleRange && Fp(e)) {
           const f = this.getAngle(e);
@@ -13118,14 +13130,14 @@ class fg extends hg {
             const f = this.getTagProject(h);
             if (!f)
               return !1;
-            const { x: v, y: g, z: p } = f;
-            return !(Math.abs(p) > 1 || Math.abs(v) > 1 || Math.abs(g) > 1);
+            const { x: A, y: g, z: p } = f;
+            return !(Math.abs(p) > 1 || Math.abs(A) > 1 || Math.abs(g) > 1);
           }).map((h) => ({ tag: h, id: h.id, tagConfig: this.getTagConfig(h).unfoldedConfig })).filter(({ tag: h, tagConfig: f }) => {
-            var v, g;
-            return !(typeof f != "object" || f.keep || f.autoUnfold === !1 || ((v = f.autoUnfold) == null ? void 0 : v.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance");
+            var A, g;
+            return !(typeof f != "object" || f.keep || f.autoUnfold === !1 || ((A = f.autoUnfold) == null ? void 0 : A.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance");
           }).map((h) => fe(Q({}, h), { distance: this.getDistance(h.tag) })).filter(({ distance: h, tagConfig: f }) => {
-            var v, g;
-            return !(h === void 0 || typeof f != "object" || f.autoUnfold === !1 || ((v = f.autoUnfold) == null ? void 0 : v.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance" || f.autoUnfold.distance && dn(h, f.autoUnfold.distance) === !1);
+            var A, g;
+            return !(h === void 0 || typeof f != "object" || f.autoUnfold === !1 || ((A = f.autoUnfold) == null ? void 0 : A.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance" || f.autoUnfold.distance && dn(h, f.autoUnfold.distance) === !1);
           }).sort((h, f) => h.distance - f.distance).findIndex((h) => h.id === e.id);
           if (u === -1 || u <= ((a = r.autoUnfold.maxNumber) != null ? a : 1) - 1 === !1)
             return !1;
@@ -13302,10 +13314,10 @@ function pg(i) {
   };
 }
 function gg(i, t, e) {
-  let n, o, s, r, { inDelay: a = 0 } = t, { outDelay: l = 0 } = t, { duration: c = 1e3 } = t, { unfolded: u } = t, { length: d } = t, { direction: h = "horizontal" } = t, { useLinearColor: f = !1 } = t, { color: v = "white" } = t;
+  let n, o, s, r, { inDelay: a = 0 } = t, { outDelay: l = 0 } = t, { duration: c = 1e3 } = t, { unfolded: u } = t, { length: d } = t, { direction: h = "horizontal" } = t, { useLinearColor: f = !1 } = t, { color: A = "white" } = t;
   const g = Ge();
   return i.$$set = (p) => {
-    "inDelay" in p && e(0, a = p.inDelay), "outDelay" in p && e(1, l = p.outDelay), "duration" in p && e(2, c = p.duration), "unfolded" in p && e(3, u = p.unfolded), "length" in p && e(11, d = p.length), "direction" in p && e(12, h = p.direction), "useLinearColor" in p && e(4, f = p.useLinearColor), "color" in p && e(5, v = p.color);
+    "inDelay" in p && e(0, a = p.inDelay), "outDelay" in p && e(1, l = p.outDelay), "duration" in p && e(2, c = p.duration), "unfolded" in p && e(3, u = p.unfolded), "length" in p && e(11, d = p.length), "direction" in p && e(12, h = p.direction), "useLinearColor" in p && e(4, f = p.useLinearColor), "color" in p && e(5, A = p.color);
   }, i.$$.update = () => {
     i.$$.dirty & 4096 && e(9, n = h === "vertical"), i.$$.dirty & 2048 && e(8, o = d), i.$$.dirty & 2048 && e(6, r = `M0.5 0.5 H ${d}`);
   }, e(7, s = 1), [
@@ -13314,7 +13326,7 @@ function gg(i, t, e) {
     c,
     u,
     f,
-    v,
+    A,
     r,
     s,
     o,
@@ -13417,9 +13429,9 @@ function Ne(i) {
   return typeof i == "number" ? i / 16 + "rem" : i;
 }
 function bg(i, t, e) {
-  let { inDelay: n = 1e3 } = t, { outDelay: o = 1e3 } = t, { visible: s = !0 } = t, { width: r = 0 } = t, { height: a = 0 } = t, { left: l = 0 } = t, { bottom: c = 0 } = t, { center: u = !1 } = t, { horizontalCenter: d = !1 } = t, { verticalCenter: h = !1 } = t, { blurRadius: f } = t, { spreadRadius: v } = t, { opacity: g = 0.15 } = t, { zIndex: p = -1 } = t;
-  return i.$$set = (A) => {
-    "inDelay" in A && e(0, n = A.inDelay), "outDelay" in A && e(1, o = A.outDelay), "visible" in A && e(2, s = A.visible), "width" in A && e(3, r = A.width), "height" in A && e(4, a = A.height), "left" in A && e(5, l = A.left), "bottom" in A && e(6, c = A.bottom), "center" in A && e(7, u = A.center), "horizontalCenter" in A && e(8, d = A.horizontalCenter), "verticalCenter" in A && e(9, h = A.verticalCenter), "blurRadius" in A && e(10, f = A.blurRadius), "spreadRadius" in A && e(11, v = A.spreadRadius), "opacity" in A && e(12, g = A.opacity), "zIndex" in A && e(13, p = A.zIndex);
+  let { inDelay: n = 1e3 } = t, { outDelay: o = 1e3 } = t, { visible: s = !0 } = t, { width: r = 0 } = t, { height: a = 0 } = t, { left: l = 0 } = t, { bottom: c = 0 } = t, { center: u = !1 } = t, { horizontalCenter: d = !1 } = t, { verticalCenter: h = !1 } = t, { blurRadius: f } = t, { spreadRadius: A } = t, { opacity: g = 0.15 } = t, { zIndex: p = -1 } = t;
+  return i.$$set = (v) => {
+    "inDelay" in v && e(0, n = v.inDelay), "outDelay" in v && e(1, o = v.outDelay), "visible" in v && e(2, s = v.visible), "width" in v && e(3, r = v.width), "height" in v && e(4, a = v.height), "left" in v && e(5, l = v.left), "bottom" in v && e(6, c = v.bottom), "center" in v && e(7, u = v.center), "horizontalCenter" in v && e(8, d = v.horizontalCenter), "verticalCenter" in v && e(9, h = v.verticalCenter), "blurRadius" in v && e(10, f = v.blurRadius), "spreadRadius" in v && e(11, A = v.spreadRadius), "opacity" in v && e(12, g = v.opacity), "zIndex" in v && e(13, p = v.zIndex);
   }, [
     n,
     o,
@@ -13432,7 +13444,7 @@ function bg(i, t, e) {
     d,
     h,
     f,
-    v,
+    A,
     g,
     p
   ];
@@ -13568,7 +13580,7 @@ function Pg(i) {
 function Ig(i, t, e) {
   let n, { inDelay: o = 0 } = t, { outDelay: s = 0 } = t, { content: r } = t, { unfolded: a } = t, { isFistUnfoldedUpdate: l = !0 } = t;
   const c = `__EMOJI_SPLIT_${Wi}__`, u = `__EMOJI_${Wi}__`, d = `__SPACE_${Wi}__`;
-  let h, f, v = [];
+  let h, f, A = [];
   function g(L) {
     const I = [], D = new RegExp(new RegExp("\\p{Regional_Indicator}\\p{Regional_Indicator}|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?(\\u200D\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?)+|\\p{Emoji_Presentation}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)", "gu"));
     return L.slice().replace(D, (k) => `${c}${u}${k}${c}`).split(c).forEach((k) => k.startsWith(u) ? I.push({
@@ -13582,7 +13594,7 @@ function Ig(i, t, e) {
     const L = !a;
     f.reversed !== L && f.reverse(), f.play();
   }
-  function A(L) {
+  function v(L) {
     if (l) {
       e(4, l = !1);
       return;
@@ -13610,21 +13622,21 @@ function Ig(i, t, e) {
   }
   function w(L, I) {
     Oe[L ? "unshift" : "push"](() => {
-      v[I] = L, e(1, v);
+      A[I] = L, e(1, A);
     });
   }
   function E(L, I) {
     Oe[L ? "unshift" : "push"](() => {
-      v[I] = L, e(1, v);
+      A[I] = L, e(1, A);
     });
   }
   return i.$$set = (L) => {
     "inDelay" in L && e(5, o = L.inDelay), "outDelay" in L && e(6, s = L.outDelay), "content" in L && e(0, r = L.content), "unfolded" in L && e(7, a = L.unfolded), "isFistUnfoldedUpdate" in L && e(4, l = L.isFistUnfoldedUpdate);
   }, i.$$.update = () => {
-    i.$$.dirty & 1 && e(2, n = g(r)), i.$$.dirty & 128 && A(a), i.$$.dirty & 2 && b(v.filter((L) => !!L));
+    i.$$.dirty & 1 && e(2, n = g(r)), i.$$.dirty & 128 && v(a), i.$$.dirty & 2 && b(A.filter((L) => !!L));
   }, [
     r,
-    v,
+    A,
     n,
     d,
     l,
@@ -13853,19 +13865,19 @@ function Vg(i) {
 }
 function Og(i, t, e) {
   let n, o, s, { visible: r = !1 } = t, { textUnfolded: a = !1 } = t, { content: l } = t, c, u = 0, d = 0, h = 0;
-  function f(v) {
-    Oe[v ? "unshift" : "push"](() => {
-      c = v, e(2, c);
+  function f(A) {
+    Oe[A ? "unshift" : "push"](() => {
+      c = A, e(2, c);
     });
   }
-  return i.$$set = (v) => {
-    "visible" in v && e(0, r = v.visible), "textUnfolded" in v && e(8, a = v.textUnfolded), "content" in v && e(1, l = v.content);
+  return i.$$set = (A) => {
+    "visible" in A && e(0, r = A.visible), "textUnfolded" in A && e(8, a = A.textUnfolded), "content" in A && e(1, l = A.content);
   }, i.$$.update = () => {
     if (i.$$.dirty & 7 && c && r && l) {
-      const { lineHeight: v } = getComputedStyle(c);
+      const { lineHeight: A } = getComputedStyle(c);
       e(4, h = c.offsetHeight), Bg(() => c == null ? void 0 : c.offsetHeight, Boolean).then(() => {
         e(4, h = c.offsetHeight);
-      }), e(3, d = Number(v.replace("px", "")));
+      }), e(3, d = Number(A.replace("px", "")));
     }
     i.$$.dirty & 280 && e(9, u = a ? d - h : 0), i.$$.dirty & 512 && e(7, n = `translateY(${u}px)`), i.$$.dirty & 256 && e(6, o = a ? "left" : "right"), i.$$.dirty & 256 && e(5, s = a ? 450 : 0);
   }, [
@@ -13927,11 +13939,11 @@ function br(i) {
       ], l = !0);
     },
     p(h, f) {
-      var A, b;
-      const v = {};
-      f & 4 && (v.visible = h[2]), f & 8 && (v.left = h[3] / 2 + "px"), t.$set(v);
+      var v, b;
+      const A = {};
+      f & 4 && (A.visible = h[2]), f & 8 && (A.left = h[3] / 2 + "px"), t.$set(A);
       const g = {};
-      f & 4 && (g.unfolded = h[2]), f & 8 && (g.length = h[3]), f & 16 && (g.outDelay = h[4] + 40 * Math.min((b = (A = h[6][0]) == null ? void 0 : A.content.length) != null ? b : 10, 15)), n.$set(g);
+      f & 4 && (g.unfolded = h[2]), f & 8 && (g.length = h[3]), f & 16 && (g.outDelay = h[4] + 40 * Math.min((b = (v = h[6][0]) == null ? void 0 : v.content.length) != null ? b : 10, 15)), n.$set(g);
       const p = {};
       f & 4 && (p.visible = h[2]), f & 2 && (p.textUnfolded = h[1]), f & 32 && (p.content = h[5]), r.$set(p);
     },
@@ -13982,8 +13994,8 @@ function Fg(i, t, e) {
   return i.$$set = (h) => {
     "tag" in h && e(0, r = h.tag);
   }, i.$$.update = () => {
-    var h, f, v;
-    i.$$.dirty & 1 && e(2, n = !!((h = r.state) != null && h.unfolded)), i.$$.dirty & 1 && e(5, o = (v = (f = r.data.title) != null ? f : r.data.text) != null ? v : ""), i.$$.dirty & 4 && (n || setTimeout(
+    var h, f, A;
+    i.$$.dirty & 1 && e(2, n = !!((h = r.state) != null && h.unfolded)), i.$$.dirty & 1 && e(5, o = (A = (f = r.data.title) != null ? f : r.data.text) != null ? A : ""), i.$$.dirty & 4 && (n || setTimeout(
       () => {
         e(1, l = !1);
       },
@@ -14196,17 +14208,17 @@ function Er(i) {
     c() {
       K(t.$$.fragment), e = $(), n = z("div"), o = z("div"), s = z("div"), r = z("div"), K(a.$$.fragment), l = $(), u && u.c(), y(r, "class", "title svelte-1oxrkr1"), y(s, "class", "plane svelte-1oxrkr1"), y(o, "class", "plane__wrapper svelte-1oxrkr1"), T(o, "transform", i[1] ? "translateY(-15px)" : "translateY(0)"), y(n, "class", "plane__container svelte-1oxrkr1"), q(n, "unfolded", i[1]), q(n, "folded", i[3]);
     },
-    m(f, v) {
-      J(t, f, v), M(f, e, v), M(f, n, v), j(n, o), j(o, s), j(s, r), J(a, r, null), j(s, l), u && u.m(s, null), c = !0;
+    m(f, A) {
+      J(t, f, A), M(f, e, A), M(f, n, A), j(n, o), j(o, s), j(s, r), J(a, r, null), j(s, l), u && u.m(s, null), c = !0;
     },
-    p(f, v) {
-      var A, b;
+    p(f, A) {
+      var v, b;
       const g = {};
-      v & 2 && (g.unfolded = f[1]), t.$set(g);
+      A & 2 && (g.unfolded = f[1]), t.$set(g);
       const p = {};
-      v & 4 && (p.text = f[2]), v & 1 && (p.edit = (A = f[0].data.edit) == null ? void 0 : A.title), a.$set(p), f[0].data.description || ((b = f[0].data.edit) == null ? void 0 : b.description) ? u ? (u.p(f, v), v & 1 && P(u, 1)) : (u = Cr(f), u.c(), P(u, 1), u.m(s, null)) : u && (se(), x(u, 1, 1, () => {
+      A & 4 && (p.text = f[2]), A & 1 && (p.edit = (v = f[0].data.edit) == null ? void 0 : v.title), a.$set(p), f[0].data.description || ((b = f[0].data.edit) == null ? void 0 : b.description) ? u ? (u.p(f, A), A & 1 && P(u, 1)) : (u = Cr(f), u.c(), P(u, 1), u.m(s, null)) : u && (se(), x(u, 1, 1, () => {
         u = null;
-      }), re()), v & 2 && T(o, "transform", f[1] ? "translateY(-15px)" : "translateY(0)"), (!c || v & 2) && q(n, "unfolded", f[1]), (!c || v & 8) && q(n, "folded", f[3]);
+      }), re()), A & 2 && T(o, "transform", f[1] ? "translateY(-15px)" : "translateY(0)"), (!c || A & 2) && q(n, "unfolded", f[1]), (!c || A & 8) && q(n, "folded", f[3]);
     },
     i(f) {
       c || (P(t.$$.fragment, f), P(a.$$.fragment, f), P(u), c = !0);
@@ -14733,8 +14745,8 @@ function S0(i, { thresholdProvider: t }) {
   function u(h) {
     if (!a)
       return;
-    const f = _i(h), v = f.x - n, g = f.y - o;
-    n = f.x, o = f.y, e("swipeMove", { x: n, y: o, dx: v, dy: g }), v !== 0 && Math.sign(v) !== Math.sign(s) && (s = 0), s += v, Math.abs(s) > t() && (e("swipeThresholdReached", { direction: s > 0 ? Jt : Et }), Dr(window, d), Lr(window, u));
+    const f = _i(h), A = f.x - n, g = f.y - o;
+    n = f.x, o = f.y, e("swipeMove", { x: n, y: o, dx: A, dy: g }), A !== 0 && Math.sign(A) !== Math.sign(s) && (s = 0), s += A, Math.abs(s) > t() && (e("swipeThresholdReached", { direction: s > 0 ? Jt : Et }), Dr(window, d), Lr(window, u));
   }
   function d(h) {
     if (Dr(window, d), Lr(window, u), a = !1, !l()) {
@@ -15069,25 +15081,25 @@ function iA(i, t) {
     data: d,
     methods: h
   });
-  let v = !1;
-  const g = (A) => (...b) => {
-    v = !0;
-    const w = A(...b);
-    return v = !1, w;
-  };
-  Object.entries(o).forEach(([A, b]) => {
-    h[A] = g(
+  let A = !1;
+  const g = (v) => (...b) => {
+    A = !0;
+    const w = v(...b);
+    return A = !1, w;
+  };
+  Object.entries(o).forEach(([v, b]) => {
+    h[v] = g(
       (...w) => b(f(), ...w)
-    ), Object.defineProperty(h[A], "name", { value: A });
+    ), Object.defineProperty(h[v], "name", { value: v });
   }), d = new Proxy(Sc(e), {
-    get(A, b) {
-      return u() && !v && r(u(), { prop: b, value: A[b] }), Reflect.get(...arguments);
+    get(v, b) {
+      return u() && !A && r(u(), { prop: b, value: v[b] }), Reflect.get(...arguments);
     },
-    set(A, b, w) {
-      return A[b] === w || (Reflect.set(...arguments), u() || (s && s(b, w), a(d, b))), !0;
+    set(v, b, w) {
+      return v[b] === w || (Reflect.set(...arguments), u() || (s && s(b, w), a(d, b))), !0;
     }
-  }), Object.entries(n).forEach(([A, b]) => {
-    c(A, () => {
+  }), Object.entries(n).forEach(([v, b]) => {
+    c(v, () => {
       b(f());
     });
   });
@@ -15640,14 +15652,14 @@ function AA(i) {
 }
 function vA(i) {
   let t, e, n, o, s, r, a, l, c, u, d, h, f = i[1] && Or(i);
-  const v = i[37].default, g = $t(v, i, i[36], jr);
-  let p = i[3] && Qr(i), A = i[1] && Rr(i), b = i[4] && Fr(i);
+  const A = i[37].default, g = $t(A, i, i[36], jr);
+  let p = i[3] && Qr(i), v = i[1] && Rr(i), b = i[4] && Fr(i);
   return {
     c() {
-      t = z("div"), e = z("div"), f && f.c(), n = $(), o = z("div"), s = z("div"), g && g.c(), a = $(), p && p.c(), l = $(), A && A.c(), c = $(), b && b.c(), y(s, "class", "sc-carousel__pages-container svelte-sme1z4"), T(s, "transform", "translateX(" + i[8] + "px)"), T(s, "transition-duration", i[9] + "ms"), T(s, "transition-timing-function", i[0]), y(o, "class", "sc-carousel__pages-window svelte-sme1z4"), y(e, "class", "sc-carousel__content-container svelte-sme1z4"), y(t, "class", "sc-carousel__carousel-container svelte-sme1z4");
+      t = z("div"), e = z("div"), f && f.c(), n = $(), o = z("div"), s = z("div"), g && g.c(), a = $(), p && p.c(), l = $(), v && v.c(), c = $(), b && b.c(), y(s, "class", "sc-carousel__pages-container svelte-sme1z4"), T(s, "transform", "translateX(" + i[8] + "px)"), T(s, "transition-duration", i[9] + "ms"), T(s, "transition-timing-function", i[0]), y(o, "class", "sc-carousel__pages-window svelte-sme1z4"), y(e, "class", "sc-carousel__content-container svelte-sme1z4"), y(t, "class", "sc-carousel__carousel-container svelte-sme1z4");
     },
     m(w, E) {
-      M(w, t, E), j(t, e), f && f.m(e, null), j(e, n), j(e, o), j(o, s), g && g.m(s, null), i[39](s), j(o, a), p && p.m(o, null), i[40](o), j(e, l), A && A.m(e, null), j(t, c), b && b.m(t, null), u = !0, d || (h = [
+      M(w, t, E), j(t, e), f && f.m(e, null), j(e, n), j(e, o), j(o, s), g && g.m(s, null), i[39](s), j(o, a), p && p.m(o, null), i[40](o), j(e, l), v && v.m(e, null), j(t, c), b && b.m(t, null), u = !0, d || (h = [
         ct(r = S0.call(null, s, {
           thresholdProvider: i[38]
         })),
@@ -15667,35 +15679,35 @@ function vA(i) {
         f = null;
       }), re()), g && g.p && (!u || E[0] & 96 | E[1] & 32) && tn(
         g,
-        v,
+        A,
         w,
         w[36],
-        u ? en(v, w[36], E, fA) : nn(w[36]),
+        u ? en(A, w[36], E, fA) : nn(w[36]),
         jr
       ), (!u || E[0] & 256) && T(s, "transform", "translateX(" + w[8] + "px)"), (!u || E[0] & 512) && T(s, "transition-duration", w[9] + "ms"), (!u || E[0] & 1) && T(s, "transition-timing-function", w[0]), r && Kt(r.update) && E[0] & 2048 && r.update.call(null, {
         thresholdProvider: w[38]
       }), w[3] ? p ? (p.p(w, E), E[0] & 8 && P(p, 1)) : (p = Qr(w), p.c(), P(p, 1), p.m(o, null)) : p && (se(), x(p, 1, 1, () => {
         p = null;
-      }), re()), w[1] ? A ? (A.p(w, E), E[0] & 2 && P(A, 1)) : (A = Rr(w), A.c(), P(A, 1), A.m(e, null)) : A && (se(), x(A, 1, 1, () => {
-        A = null;
+      }), re()), w[1] ? v ? (v.p(w, E), E[0] & 2 && P(v, 1)) : (v = Rr(w), v.c(), P(v, 1), v.m(e, null)) : v && (se(), x(v, 1, 1, () => {
+        v = null;
       }), re()), w[4] ? b ? (b.p(w, E), E[0] & 16 && P(b, 1)) : (b = Fr(w), b.c(), P(b, 1), b.m(t, null)) : b && (se(), x(b, 1, 1, () => {
         b = null;
       }), re());
     },
     i(w) {
-      u || (P(f), P(g, w), P(p), P(A), P(b), u = !0);
+      u || (P(f), P(g, w), P(p), P(v), P(b), u = !0);
     },
     o(w) {
-      x(f), x(g, w), x(p), x(A), x(b), u = !1;
+      x(f), x(g, w), x(p), x(v), x(b), u = !1;
     },
     d(w) {
-      w && S(t), f && f.d(), g && g.d(w), i[39](null), p && p.d(), i[40](null), A && A.d(), b && b.d(), d = !1, He(h);
+      w && S(t), f && f.d(), g && g.d(w), i[39](null), p && p.d(), i[40](null), v && v.d(), b && b.d(), d = !1, He(h);
     }
   };
 }
 function bA(i, t, e) {
   let { $$slots: n = {}, $$scope: o } = t, s = [], r, a, l = 0, c = 0, u = 1;
-  const [{ data: d, progressManager: h }, f, v] = cA((te, ve) => {
+  const [{ data: d, progressManager: h }, f, A] = cA((te, ve) => {
     ho({
       currentPageIndex: () => e(5, r = ve),
       progressValue: () => e(7, a = ve),
@@ -15705,7 +15717,7 @@ function bA(i, t, e) {
       loaded: () => e(6, s = ve)
     })(te);
   }), g = yi();
-  let { timingFunction: p = "ease-in-out" } = t, { arrows: A = !0 } = t, { infinite: b = !0 } = t, { initialPageIndex: w = 0 } = t, { duration: E = 500 } = t, { autoplay: L = !1 } = t, { autoplayDuration: I = 3e3 } = t, { autoplayDirection: D = Et } = t, { pauseOnFocus: k = !1 } = t, { autoplayProgressVisible: V = !1 } = t, { dots: _ = !0 } = t, { swiping: O = !0 } = t, { particlesToShow: F = 1 } = t, { particlesToScroll: B = 1 } = t;
+  let { timingFunction: p = "ease-in-out" } = t, { arrows: v = !0 } = t, { infinite: b = !0 } = t, { initialPageIndex: w = 0 } = t, { duration: E = 500 } = t, { autoplay: L = !1 } = t, { autoplayDuration: I = 3e3 } = t, { autoplayDirection: D = Et } = t, { pauseOnFocus: k = !1 } = t, { autoplayProgressVisible: V = !1 } = t, { dots: _ = !0 } = t, { swiping: O = !0 } = t, { particlesToShow: F = 1 } = t, { particlesToScroll: B = 1 } = t;
   function R(te, ve) {
     return H(this, null, function* () {
       const Be = wn(ve, "animated", !0);
@@ -15801,12 +15813,12 @@ function bA(i, t, e) {
   }
   const $e = (te) => de(te.detail);
   return i.$$set = (te) => {
-    "timingFunction" in te && e(0, p = te.timingFunction), "arrows" in te && e(1, A = te.arrows), "infinite" in te && e(2, b = te.infinite), "initialPageIndex" in te && e(24, w = te.initialPageIndex), "duration" in te && e(25, E = te.duration), "autoplay" in te && e(26, L = te.autoplay), "autoplayDuration" in te && e(27, I = te.autoplayDuration), "autoplayDirection" in te && e(28, D = te.autoplayDirection), "pauseOnFocus" in te && e(29, k = te.pauseOnFocus), "autoplayProgressVisible" in te && e(3, V = te.autoplayProgressVisible), "dots" in te && e(4, _ = te.dots), "swiping" in te && e(30, O = te.swiping), "particlesToShow" in te && e(31, F = te.particlesToShow), "particlesToScroll" in te && e(32, B = te.particlesToScroll), "$$scope" in te && e(36, o = te.$$scope);
+    "timingFunction" in te && e(0, p = te.timingFunction), "arrows" in te && e(1, v = te.arrows), "infinite" in te && e(2, b = te.infinite), "initialPageIndex" in te && e(24, w = te.initialPageIndex), "duration" in te && e(25, E = te.duration), "autoplay" in te && e(26, L = te.autoplay), "autoplayDuration" in te && e(27, I = te.autoplayDuration), "autoplayDirection" in te && e(28, D = te.autoplayDirection), "pauseOnFocus" in te && e(29, k = te.pauseOnFocus), "autoplayProgressVisible" in te && e(3, V = te.autoplayProgressVisible), "dots" in te && e(4, _ = te.dots), "swiping" in te && e(30, O = te.swiping), "particlesToShow" in te && e(31, F = te.particlesToShow), "particlesToScroll" in te && e(32, B = te.particlesToScroll), "$$scope" in te && e(36, o = te.$$scope);
   }, i.$$.update = () => {
     i.$$.dirty[0] & 32 && g("pageChange", r), i.$$.dirty[0] & 4 && (d.infinite = b), i.$$.dirty[0] & 33554432 && (d.durationMsInit = E), i.$$.dirty[0] & 67108864 && (d.autoplay = L), i.$$.dirty[0] & 134217728 && (d.autoplayDuration = I), i.$$.dirty[0] & 268435456 && (d.autoplayDirection = D), i.$$.dirty[0] & 536870912 && (d.pauseOnFocus = k), i.$$.dirty[1] & 1 && (d.particlesToShowInit = F), i.$$.dirty[1] & 2 && (d.particlesToScrollInit = B);
   }, [
     p,
-    A,
+    v,
     b,
     V,
     _,
@@ -16013,27 +16025,27 @@ function kA(i) {
   };
 }
 function xA(i, t, e) {
-  let n, o, { mediaInstance: s = { videoInstance: void 0, paused: !0 } } = t, { tag: r } = t, { media: a } = t, { playButtonIfNeed: l = "withoutText" } = t, { playButtonSizeIfNeed: c = "small" } = t, { canPlay: u = !0 } = t, { objectFit: d = "fill" } = t, { disableVideoIfHavePoster: h = !1 } = t, f = !0, v = !1;
+  let n, o, { mediaInstance: s = { videoInstance: void 0, paused: !0 } } = t, { tag: r } = t, { media: a } = t, { playButtonIfNeed: l = "withoutText" } = t, { playButtonSizeIfNeed: c = "small" } = t, { canPlay: u = !0 } = t, { objectFit: d = "fill" } = t, { disableVideoIfHavePoster: h = !1 } = t, f = !0, A = !1;
   function g() {
-    e(12, v = (a == null ? void 0 : a.type) === "Video" && Boolean(a.videoCoverUrl));
+    e(12, A = (a == null ? void 0 : a.type) === "Video" && Boolean(a.videoCoverUrl));
   }
-  const p = vt("mediaStore"), A = vt("hooks"), b = () => {
-    v || !n || (n.play(), n.pause(), e(12, v = !0));
+  const p = vt("mediaStore"), v = vt("hooks"), b = () => {
+    A || !n || (n.play(), n.pause(), e(12, A = !0));
   };
-  A.on("loadVideoFirstFrame", b), Ze(() => {
+  v.on("loadVideoFirstFrame", b), Ze(() => {
     p.subscribe(({ currentMediaElement: V }) => {
       V !== n && (n == null || n.pause());
     });
   });
   const w = (V) => {
-    e(9, f = !1), e(0, s.paused = !1, s), n && p.set({ currentMediaElement: n }), A.emit("playStateChange", {
+    e(9, f = !1), e(0, s.paused = !1, s), n && p.set({ currentMediaElement: n }), v.emit("playStateChange", {
       event: V,
       state: "playing",
       tag: r,
       mediaInstance: n
     });
   }, E = (V) => {
-    e(9, f = !0), e(0, s.paused = !0, s), A.emit("playStateChange", {
+    e(9, f = !0), e(0, s.paused = !0, s), v.emit("playStateChange", {
       event: V,
       state: "paused",
       tag: r,
@@ -16053,7 +16065,7 @@ function xA(i, t, e) {
   return i.$$set = (V) => {
     "mediaInstance" in V && e(0, s = V.mediaInstance), "tag" in V && e(1, r = V.tag), "media" in V && e(2, a = V.media), "playButtonIfNeed" in V && e(3, l = V.playButtonIfNeed), "playButtonSizeIfNeed" in V && e(4, c = V.playButtonSizeIfNeed), "canPlay" in V && e(5, u = V.canPlay), "objectFit" in V && e(6, d = V.objectFit), "disableVideoIfHavePoster" in V && e(7, h = V.disableVideoIfHavePoster);
   }, i.$$.update = () => {
-    if (i.$$.dirty & 1 && e(8, n = s.videoInstance), i.$$.dirty & 4 && e(13, o = a == null ? void 0 : a.url), i.$$.dirty & 8192 && Boolean(o) && g(), i.$$.dirty & 256 && n && e(9, f = n.paused), i.$$.dirty & 4356 && (a == null ? void 0 : a.type) === "Video" && !v) {
+    if (i.$$.dirty & 1 && e(8, n = s.videoInstance), i.$$.dirty & 4 && e(13, o = a == null ? void 0 : a.url), i.$$.dirty & 8192 && Boolean(o) && g(), i.$$.dirty & 256 && n && e(9, f = n.paused), i.$$.dirty & 4356 && (a == null ? void 0 : a.type) === "Video" && !A) {
       const V = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, O = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && V;
       n && O && n.paused && (document.removeEventListener("WeixinJSBridgeReady", b), document.removeEventListener("touchstart", b), document.removeEventListener("click", b), document.addEventListener("WeixinJSBridgeReady", b), document.addEventListener("touchstart", b), document.addEventListener("click", b));
     }
@@ -16069,8 +16081,8 @@ function xA(i, t, e) {
     n,
     f,
     p,
-    A,
     v,
+    A,
     o,
     w,
     E,
@@ -16332,15 +16344,17 @@ function TA(i) {
   };
 }
 function zA(i, t, e) {
-  let n, o, s, r, { tag: a } = t, { mediaData: l } = t, { inDelay: c = 0 } = t, { outDelay: u = 0 } = t, { duration: d = 0 } = t, { unfolded: h = !0 } = t, { animation: f = !0 } = t, { mediaItemConfig: v } = t, { enableCarousel: g = !0 } = t, { autoplayConfig: p = { autoplay: !0, autoplayVideo: !1 } } = t, A = [], b = 0, w, E = null;
+  let n, o, s, r, { tag: a } = t, { mediaData: l } = t, { inDelay: c = 0 } = t, { outDelay: u = 0 } = t, { duration: d = 0 } = t, { unfolded: h = !0 } = t, { animation: f = !0 } = t, { mediaItemConfig: A } = t, { enableCarousel: g = !0 } = t, { autoplayConfig: p = { autoplay: !0, autoplayVideo: !1 } } = t, v = [], b = 0, w, E = null;
   const L = vt("hooks"), I = vt("mediaStore");
   function D() {
     var F, B;
-    const O = A[b];
+    const O = v[b];
     !O || (O.paused ? (F = O.videoInstance) == null || F.play() : (B = O.videoInstance) == null || B.pause());
   }
   Ze(() => {
-    L.on("click", D), E = setInterval(
+    L.on("click", (O) => {
+      O.tag.id === a.id && D();
+    }), E = setInterval(
       () => {
         r && (w == null || w.goToNext());
       },
@@ -16350,7 +16364,7 @@ function zA(i, t, e) {
     clearInterval(E), L.off("click", D);
   });
   function k(O, F) {
-    i.$$.not_equal(A[F], O) && (A[F] = O, e(8, A));
+    i.$$.not_equal(v[F], O) && (v[F] = O, e(8, v));
   }
   function V(O) {
     Oe[O ? "unshift" : "push"](() => {
@@ -16361,9 +16375,9 @@ function zA(i, t, e) {
     n || I.set({ currentMediaElement: null }), e(11, b = O.detail);
   };
   return i.$$set = (O) => {
-    "tag" in O && e(0, a = O.tag), "mediaData" in O && e(1, l = O.mediaData), "inDelay" in O && e(2, c = O.inDelay), "outDelay" in O && e(3, u = O.outDelay), "duration" in O && e(4, d = O.duration), "unfolded" in O && e(5, h = O.unfolded), "animation" in O && e(6, f = O.animation), "mediaItemConfig" in O && e(7, v = O.mediaItemConfig), "enableCarousel" in O && e(15, g = O.enableCarousel), "autoplayConfig" in O && e(16, p = O.autoplayConfig);
+    "tag" in O && e(0, a = O.tag), "mediaData" in O && e(1, l = O.mediaData), "inDelay" in O && e(2, c = O.inDelay), "outDelay" in O && e(3, u = O.outDelay), "duration" in O && e(4, d = O.duration), "unfolded" in O && e(5, h = O.unfolded), "animation" in O && e(6, f = O.animation), "mediaItemConfig" in O && e(7, A = O.mediaItemConfig), "enableCarousel" in O && e(15, g = O.enableCarousel), "autoplayConfig" in O && e(16, p = O.autoplayConfig);
   }, i.$$.update = () => {
-    i.$$.dirty & 256 && e(9, n = A.every((O) => O.paused)), i.$$.dirty & 32770 && e(13, o = g && (l == null ? void 0 : l.length) > 1), i.$$.dirty & 2 && e(10, s = l), i.$$.dirty & 67072 && (r = s.length > 1 && p.autoplay && n);
+    i.$$.dirty & 256 && e(9, n = v.every((O) => O.paused)), i.$$.dirty & 32770 && e(13, o = g && (l == null ? void 0 : l.length) > 1), i.$$.dirty & 2 && e(10, s = l), i.$$.dirty & 67072 && (r = s.length > 1 && p.autoplay && n);
   }, [
     a,
     l,
@@ -16372,8 +16386,8 @@ function zA(i, t, e) {
     d,
     h,
     f,
-    v,
     A,
+    v,
     n,
     s,
     b,
@@ -16442,8 +16456,8 @@ function Nr(i) {
     p(d, h) {
       const f = {};
       h & 8 && (f.visible = d[3]), t.$set(f);
-      const v = {};
-      h & 8 && (v.unfolded = d[3]), o.$set(v), d[2] ? c ? (c.p(d, h), h & 4 && P(c, 1)) : (c = Xr(d), c.c(), P(c, 1), c.m(r.parentNode, r)) : c && (se(), x(c, 1, 1, () => {
+      const A = {};
+      h & 8 && (A.unfolded = d[3]), o.$set(A), d[2] ? c ? (c.p(d, h), h & 4 && P(c, 1)) : (c = Xr(d), c.c(), P(c, 1), c.m(r.parentNode, r)) : c && (se(), x(c, 1, 1, () => {
         c = null;
       }), re()), d[1] ? u ? (u.p(d, h), h & 2 && P(u, 1)) : (u = Yr(d), u.c(), P(u, 1), u.m(a.parentNode, a)) : u && (se(), x(u, 1, 1, () => {
         u = null;
@@ -16755,7 +16769,7 @@ function ia(i) {
 }
 function RA(i) {
   var E, L;
-  let t, e, n, o, s, r, a, l, c, u, d = i[3].title + "", h, f, v, g, p;
+  let t, e, n, o, s, r, a, l, c, u, d = i[3].title + "", h, f, A, g, p;
   e = new st({
     props: {
       visible: i[4],
@@ -16766,18 +16780,18 @@ function RA(i) {
       spreadRadius: 75
     }
   });
-  let A = i[3].headerPictureUrl && Jr(i), b = ((E = i[2].length) != null ? E : 0) + ((L = i[5].length) != null ? L : 0) > 0 && Zr(i), w = (i[7] || i[3].highlightText) && ea(i);
+  let v = i[3].headerPictureUrl && Jr(i), b = ((E = i[2].length) != null ? E : 0) + ((L = i[5].length) != null ? L : 0) > 0 && Zr(i), w = (i[7] || i[3].highlightText) && ea(i);
   return {
     c() {
-      t = z("div"), K(e.$$.fragment), n = $(), o = z("div"), s = $(), r = z("div"), A && A.c(), a = $(), l = z("div"), c = z("div"), u = z("div"), h = Ie(d), f = $(), b && b.c(), v = $(), w && w.c(), y(o, "class", "line svelte-sezqcq"), T(o, "transition-delay", i[4] ? $n + "ms" : ei + sa - oa - 40 + "ms"), y(u, "class", "text svelte-sezqcq"), y(c, "class", "title svelte-sezqcq"), y(l, "class", "title-wrapper svelte-sezqcq"), y(r, "class", "content svelte-sezqcq"), T(r, "max-width", it(i[9])), T(r, "transition-delay", i[4] ? $n + ei + "ms" : "0ms"), y(t, "class", g = Me(`marketing ${i[6]}`) + " svelte-sezqcq"), q(t, "unfolded", i[4]), q(t, "folded", i[8]);
+      t = z("div"), K(e.$$.fragment), n = $(), o = z("div"), s = $(), r = z("div"), v && v.c(), a = $(), l = z("div"), c = z("div"), u = z("div"), h = Ie(d), f = $(), b && b.c(), A = $(), w && w.c(), y(o, "class", "line svelte-sezqcq"), T(o, "transition-delay", i[4] ? $n + "ms" : ei + sa - oa - 40 + "ms"), y(u, "class", "text svelte-sezqcq"), y(c, "class", "title svelte-sezqcq"), y(l, "class", "title-wrapper svelte-sezqcq"), y(r, "class", "content svelte-sezqcq"), T(r, "max-width", it(i[9])), T(r, "transition-delay", i[4] ? $n + ei + "ms" : "0ms"), y(t, "class", g = Me(`marketing ${i[6]}`) + " svelte-sezqcq"), q(t, "unfolded", i[4]), q(t, "folded", i[8]);
     },
     m(I, D) {
-      M(I, t, D), J(e, t, null), j(t, n), j(t, o), j(t, s), j(t, r), A && A.m(r, null), j(r, a), j(r, l), j(l, c), j(c, u), j(u, h), j(r, f), b && b.m(r, null), j(r, v), w && w.m(r, null), p = !0;
+      M(I, t, D), J(e, t, null), j(t, n), j(t, o), j(t, s), j(t, r), v && v.m(r, null), j(r, a), j(r, l), j(l, c), j(c, u), j(u, h), j(r, f), b && b.m(r, null), j(r, A), w && w.m(r, null), p = !0;
     },
     p(I, [D]) {
       var V, _;
       const k = {};
-      D & 16 && (k.visible = I[4]), e.$set(k), D & 16 && T(o, "transition-delay", I[4] ? $n + "ms" : ei + sa - oa - 40 + "ms"), I[3].headerPictureUrl ? A ? A.p(I, D) : (A = Jr(I), A.c(), A.m(r, a)) : A && (A.d(1), A = null), (!p || D & 8) && d !== (d = I[3].title + "") && Le(h, d), ((V = I[2].length) != null ? V : 0) + ((_ = I[5].length) != null ? _ : 0) > 0 ? b ? b.p(I, D) : (b = Zr(I), b.c(), b.m(r, v)) : b && (b.d(1), b = null), I[7] || I[3].highlightText ? w ? w.p(I, D) : (w = ea(I), w.c(), w.m(r, null)) : w && (w.d(1), w = null), D & 16 && T(r, "transition-delay", I[4] ? $n + ei + "ms" : "0ms"), (!p || D & 64 && g !== (g = Me(`marketing ${I[6]}`) + " svelte-sezqcq")) && y(t, "class", g), (!p || D & 80) && q(t, "unfolded", I[4]), (!p || D & 320) && q(t, "folded", I[8]);
+      D & 16 && (k.visible = I[4]), e.$set(k), D & 16 && T(o, "transition-delay", I[4] ? $n + "ms" : ei + sa - oa - 40 + "ms"), I[3].headerPictureUrl ? v ? v.p(I, D) : (v = Jr(I), v.c(), v.m(r, a)) : v && (v.d(1), v = null), (!p || D & 8) && d !== (d = I[3].title + "") && Le(h, d), ((V = I[2].length) != null ? V : 0) + ((_ = I[5].length) != null ? _ : 0) > 0 ? b ? b.p(I, D) : (b = Zr(I), b.c(), b.m(r, A)) : b && (b.d(1), b = null), I[7] || I[3].highlightText ? w ? w.p(I, D) : (w = ea(I), w.c(), w.m(r, null)) : w && (w.d(1), w = null), D & 16 && T(r, "transition-delay", I[4] ? $n + ei + "ms" : "0ms"), (!p || D & 64 && g !== (g = Me(`marketing ${I[6]}`) + " svelte-sezqcq")) && y(t, "class", g), (!p || D & 80) && q(t, "unfolded", I[4]), (!p || D & 320) && q(t, "folded", I[8]);
     },
     i(I) {
       p || (P(e.$$.fragment, I), p = !0);
@@ -16786,7 +16800,7 @@ function RA(i) {
       x(e.$$.fragment, I), p = !1;
     },
     d(I) {
-      I && S(t), Z(e), A && A.d(), b && b.d(), w && w.d();
+      I && S(t), Z(e), v && v.d(), b && b.d(), w && w.d();
     }
   };
 }
@@ -16800,14 +16814,14 @@ function FA(i, t, e) {
     if (g === !0)
       return 172;
   })();
-  function v() {
+  function A() {
     h = this.offsetHeight, e(1, h);
   }
   return i.$$set = (g) => {
     "tag" in g && e(0, d = g.tag);
   }, i.$$.update = () => {
-    var g, p, A, b, w, E;
-    i.$$.dirty & 1 && e(4, n = (p = (g = d.state) == null ? void 0 : g.unfolded) != null ? p : !1), i.$$.dirty & 16 && e(8, o = !n), i.$$.dirty & 1 && e(3, s = d.data), i.$$.dirty & 8 && e(7, r = wt((A = s.price) == null ? void 0 : A.value) && ((b = s.price) == null ? void 0 : b.value) !== ""), i.$$.dirty & 1 && e(6, a = d.data.theme || "light"), i.$$.dirty & 1026 && h > 40 && e(10, l = l - 1), i.$$.dirty & 1032 && e(2, c = ((w = s.brandTags) == null ? void 0 : w.slice(0, l).filter(Boolean)) || []), i.$$.dirty & 1036 && e(5, u = ((E = s.tags) == null ? void 0 : E.slice(0, l - c.length).filter(Boolean)) || []);
+    var g, p, v, b, w, E;
+    i.$$.dirty & 1 && e(4, n = (p = (g = d.state) == null ? void 0 : g.unfolded) != null ? p : !1), i.$$.dirty & 16 && e(8, o = !n), i.$$.dirty & 1 && e(3, s = d.data), i.$$.dirty & 8 && e(7, r = wt((v = s.price) == null ? void 0 : v.value) && ((b = s.price) == null ? void 0 : b.value) !== ""), i.$$.dirty & 1 && e(6, a = d.data.theme || "light"), i.$$.dirty & 1026 && h > 40 && e(10, l = l - 1), i.$$.dirty & 1032 && e(2, c = ((w = s.brandTags) == null ? void 0 : w.slice(0, l).filter(Boolean)) || []), i.$$.dirty & 1036 && e(5, u = ((E = s.tags) == null ? void 0 : E.slice(0, l - c.length).filter(Boolean)) || []);
   }, e(10, l = (f - 20) / zo), [
     d,
     h,
@@ -16820,7 +16834,7 @@ function FA(i, t, e) {
     o,
     f,
     l,
-    v
+    A
   ];
 }
 class HA extends oe {
@@ -16959,7 +16973,7 @@ function NA(i, t, e) {
   let { $$slots: n = {}, $$scope: o } = t, { url: s } = t, { enable: r = !0 } = t, { style: a = "" } = t, { hooksInfo: l } = t;
   const c = yi(), u = vt("hooks"), d = vt("mediaStore");
   let h, f = !0;
-  function v() {
+  function A() {
     e(
       5,
       h.onplay = (p) => {
@@ -17027,7 +17041,7 @@ function NA(i, t, e) {
   return i.$$set = (p) => {
     "url" in p && e(2, s = p.url), "enable" in p && e(3, r = p.enable), "style" in p && e(0, a = p.style), "hooksInfo" in p && e(4, l = p.hooksInfo), "$$scope" in p && e(7, o = p.$$scope);
   }, i.$$.update = () => {
-    i.$$.dirty & 4 && (s || c("duration", 0)), i.$$.dirty & 36 && (h == null || h.dispose(), e(5, h = new GA(s)), c("audioRef", h), setTimeout(() => c("audioRef", h), 200), v()), i.$$.dirty & 40 && (r || h == null || h.pause()), i.$$.dirty & 72 && c(r && !f ? "play" : "pause");
+    i.$$.dirty & 4 && (s || c("duration", 0)), i.$$.dirty & 36 && (h == null || h.dispose(), e(5, h = new GA(s)), c("audioRef", h), setTimeout(() => c("audioRef", h), 200), A()), i.$$.dirty & 40 && (r || h == null || h.pause()), i.$$.dirty & 72 && c(r && !f ? "play" : "pause");
   }, [a, g, s, r, l, h, f, o, n];
 }
 class Nl extends oe {
@@ -17152,8 +17166,8 @@ function qA(i) {
   le(i, "svelte-1s6gk4a", ".audio-tag.svelte-1s6gk4a{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.audio-icon__wrapper.svelte-1s6gk4a{position:relative;vertical-align:top;width:100%;height:100%}.content.svelte-1s6gk4a{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-1s6gk4a{position:relative;width:100%;height:100%}.audio-icon.svelte-1s6gk4a{pointer-events:none;vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.audio.svelte-1s6gk4a{position:relative;width:100%;height:100%}");
 }
 function aa(i) {
-  var p, A;
-  let t, e, n, o, s, r, a, l, c, u, d, h, f, v;
+  var p, v;
+  let t, e, n, o, s, r, a, l, c, u, d, h, f, A;
   e = new st({
     props: {
       visible: i[6],
@@ -17175,7 +17189,7 @@ function aa(i) {
     props: {
       unfolded: i[6],
       length: i[3],
-      outDelay: i[4] + 20 * Math.min((A = (p = i[5]) == null ? void 0 : p.length) != null ? A : 10, 15),
+      outDelay: i[4] + 20 * Math.min((v = (p = i[5]) == null ? void 0 : p.length) != null ? v : 10, 15),
       useLinearColor: !0
     }
   }), {
@@ -17183,7 +17197,7 @@ function aa(i) {
       t = z("div"), K(e.$$.fragment), n = $(), o = z("div"), s = z("div"), r = z("div"), g && g.c(), a = $(), l = z("div"), K(c.$$.fragment), u = $(), K(d.$$.fragment), y(r, "class", "audio-icon svelte-1s6gk4a"), T(l, "display", "inline-block"), y(s, "class", "wrapper svelte-1s6gk4a"), y(o, "class", "content svelte-1s6gk4a"), y(t, "class", "audio-tag svelte-1s6gk4a"), q(t, "unfolded", i[6]);
     },
     m(b, w) {
-      M(b, t, w), J(e, t, null), j(t, n), j(t, o), j(o, s), j(s, r), g && g.m(r, null), j(s, a), j(s, l), J(c, l, null), j(t, u), J(d, t, null), h = !0, f || (v = [
+      M(b, t, w), J(e, t, null), j(t, n), j(t, o), j(o, s), j(s, r), g && g.m(r, null), j(s, a), j(s, l), J(c, l, null), j(t, u), J(d, t, null), h = !0, f || (A = [
         ge(l, "click", i[7]),
         ct(rn.call(null, l)),
         ge(l, "clientWidth", i[12])
@@ -17207,7 +17221,7 @@ function aa(i) {
       x(e.$$.fragment, b), x(g), x(c.$$.fragment, b), x(d.$$.fragment, b), h = !1;
     },
     d(b) {
-      b && S(t), Z(e), g && g.d(), Z(c), Z(d), f = !1, He(v);
+      b && S(t), Z(e), g && g.d(), Z(c), Z(d), f = !1, He(A);
     }
   };
 }
@@ -17322,7 +17336,7 @@ function KA(i, t, e) {
   }, f = () => {
     e(2, l = !1);
   };
-  function v(p) {
+  function A(p) {
     on.call(this, i, p);
   }
   const g = (p) => {
@@ -17331,8 +17345,8 @@ function KA(i, t, e) {
   return i.$$set = (p) => {
     "tag" in p && e(0, r = p.tag);
   }, i.$$.update = () => {
-    var p, A, b;
-    i.$$.dirty & 1 && e(6, n = !!((p = r.state) != null && p.unfolded)), i.$$.dirty & 1 && e(5, o = (b = (A = r.data.title) != null ? A : r.data.text) != null ? b : ""), i.$$.dirty & 2 && e(4, s = a ? 450 : 0);
+    var p, v, b;
+    i.$$.dirty & 1 && e(6, n = !!((p = r.state) != null && p.unfolded)), i.$$.dirty & 1 && e(5, o = (b = (v = r.data.title) != null ? v : r.data.text) != null ? b : ""), i.$$.dirty & 2 && e(4, s = a ? 450 : 0);
   }, [
     r,
     a,
@@ -17345,7 +17359,7 @@ function KA(i, t, e) {
     d,
     h,
     f,
-    v,
+    A,
     g
   ];
 }
@@ -17485,7 +17499,7 @@ function ov(i, t, e) {
     e(3, c = !1);
   }, f = (p) => {
     e(1, a = p.detail);
-  }, v = (p) => {
+  }, A = (p) => {
     e(2, l = p.detail);
   };
   function g(p) {
@@ -17494,8 +17508,8 @@ function ov(i, t, e) {
   return i.$$set = (p) => {
     "tag" in p && e(0, s = p.tag);
   }, i.$$.update = () => {
-    var p, A, b;
-    i.$$.dirty & 1 && e(5, n = (A = (p = s.data.title) != null ? p : s.data.text) != null ? A : ""), i.$$.dirty & 1 && e(4, o = (b = r[s.data.theme || "light"]) != null ? b : r.light);
+    var p, v, b;
+    i.$$.dirty & 1 && e(5, n = (v = (p = s.data.title) != null ? p : s.data.text) != null ? v : ""), i.$$.dirty & 1 && e(4, o = (b = r[s.data.theme || "light"]) != null ? b : r.light);
   }, [
     s,
     a,
@@ -17507,7 +17521,7 @@ function ov(i, t, e) {
     d,
     h,
     f,
-    v,
+    A,
     g
   ];
 }
@@ -17985,7 +17999,7 @@ function Ht(i) {
   return fe(Q({}, i), { width: s, height: r });
 }
 function xv(i, t, e) {
-  let n, o, s, r, a, l, c, u, d, { width: h = null } = t, { icon: f = null } = t, { shadow: v = !1 } = t;
+  let n, o, s, r, a, l, c, u, d, { width: h = null } = t, { icon: f = null } = t, { shadow: A = !1 } = t;
   const g = yi();
   function p(w) {
     return H(this, null, function* () {
@@ -17993,7 +18007,7 @@ function xv(i, t, e) {
       return g("iconLoaded", E), E;
     });
   }
-  function A(w) {
+  function v(w) {
     return H(this, null, function* () {
       if (typeof d == "number")
         return fe(Q({}, w), { width: d });
@@ -18007,7 +18021,7 @@ function xv(i, t, e) {
   return Ze(() => {
     b();
   }), i.$$set = (w) => {
-    "width" in w && e(1, h = w.width), "icon" in w && e(12, f = w.icon), "shadow" in w && e(0, v = w.shadow);
+    "width" in w && e(1, h = w.width), "icon" in w && e(12, f = w.icon), "shadow" in w && e(0, A = w.shadow);
   }, i.$$.update = () => {
     var w, E;
     i.$$.dirty & 4096 && e(7, n = f == null ? void 0 : f.url), i.$$.dirty & 4096 && e(2, o = (w = f == null ? void 0 : f.steps) != null ? w : 1), i.$$.dirty & 4096 && e(6, s = f == null ? void 0 : f.fps), i.$$.dirty & 4096 && e(5, r = f == null ? void 0 : f.ratio), i.$$.dirty & 4096 && e(4, a = (E = f == null ? void 0 : f.scale) != null ? E : 1), i.$$.dirty & 4096 && e(3, l = f == null ? void 0 : f.width), i.$$.dirty & 252 && e(9, c = xe({
@@ -18019,7 +18033,7 @@ function xv(i, t, e) {
       width: l
     })), i.$$.dirty & 4 && e(8, u = o > 1), i.$$.dirty & 2 && (d = h);
   }, b(), [
-    v,
+    A,
     h,
     o,
     l,
@@ -18030,7 +18044,7 @@ function xv(i, t, e) {
     u,
     c,
     p,
-    A,
+    v,
     f
   ];
 }
@@ -18223,7 +18237,7 @@ function Qv(i) {
     Fv,
     Rv
   ], d = [];
-  function h(f, v) {
+  function h(f, A) {
     return f[1].element ? 0 : f[1].contentType === "Text" ? 1 : f[1].contentType === "ImageText" || f[1].contentType === "Image" || f[1].contentType === "Video" ? 2 : f[1].contentType === "Audio" ? 3 : f[1].contentType === "Marketing" ? 4 : f[1].contentType === "Link" || f[1].contentType === "VRLink" || f[1].contentType === "PanoLink" || f[1].contentType === "Sticker" ? 5 : f[1].contentType === "MediaPlane" || f[1].contentType === "MediaModel" ? 6 : -1;
   }
   return ~(o = h(i)) && (s = d[o] = u[o](i)), {
@@ -18231,15 +18245,15 @@ function Qv(i) {
       var f;
       t = z("div"), e = z("div"), n = z("div"), s && s.c(), y(n, "class", "content svelte-1r4fqvg"), q(n, "unfolded", (f = i[1].state) == null ? void 0 : f.unfolded), y(e, "class", "content__wrapper svelte-1r4fqvg"), y(t, "class", "content__container svelte-1r4fqvg"), y(t, "data-id", r = i[1].id), q(t, "disable", i[1].enabled === !1), q(t, "hide", i[4]), q(t, "withAnimation", i[0]), q(t, "unClickable", i[1].mergedConfig.clickable === !1), T(t, "width", i[1].stickType === "Plane" || i[1].contentType === "MediaModel" ? "100%" : 0), T(t, "height", i[1].stickType === "Plane" || i[1].contentType === "MediaModel" ? "100%" : 0);
     },
-    m(f, v) {
-      M(f, t, v), j(t, e), j(e, n), ~o && d[o].m(n, null), a = !0, l || (c = ge(t, "click", Fa(i[13])), l = !0);
+    m(f, A) {
+      M(f, t, A), j(t, e), j(e, n), ~o && d[o].m(n, null), a = !0, l || (c = ge(t, "click", Fa(i[13])), l = !0);
     },
-    p(f, v) {
+    p(f, A) {
       var p;
       let g = o;
-      o = h(f), o === g ? ~o && d[o].p(f, v) : (s && (se(), x(d[g], 1, 1, () => {
+      o = h(f), o === g ? ~o && d[o].p(f, A) : (s && (se(), x(d[g], 1, 1, () => {
         d[g] = null;
-      }), re()), ~o ? (s = d[o], s ? s.p(f, v) : (s = d[o] = u[o](f), s.c()), P(s, 1), s.m(n, null)) : s = null), (!a || v & 2) && q(n, "unfolded", (p = f[1].state) == null ? void 0 : p.unfolded), (!a || v & 2 && r !== (r = f[1].id)) && y(t, "data-id", r), (!a || v & 2) && q(t, "disable", f[1].enabled === !1), (!a || v & 16) && q(t, "hide", f[4]), (!a || v & 1) && q(t, "withAnimation", f[0]), (!a || v & 2) && q(t, "unClickable", f[1].mergedConfig.clickable === !1), v & 2 && T(t, "width", f[1].stickType === "Plane" || f[1].contentType === "MediaModel" ? "100%" : 0), v & 2 && T(t, "height", f[1].stickType === "Plane" || f[1].contentType === "MediaModel" ? "100%" : 0);
+      }), re()), ~o ? (s = d[o], s ? s.p(f, A) : (s = d[o] = u[o](f), s.c()), P(s, 1), s.m(n, null)) : s = null), (!a || A & 2) && q(n, "unfolded", (p = f[1].state) == null ? void 0 : p.unfolded), (!a || A & 2 && r !== (r = f[1].id)) && y(t, "data-id", r), (!a || A & 2) && q(t, "disable", f[1].enabled === !1), (!a || A & 16) && q(t, "hide", f[4]), (!a || A & 1) && q(t, "withAnimation", f[0]), (!a || A & 2) && q(t, "unClickable", f[1].mergedConfig.clickable === !1), A & 2 && T(t, "width", f[1].stickType === "Plane" || f[1].contentType === "MediaModel" ? "100%" : 0), A & 2 && T(t, "height", f[1].stickType === "Plane" || f[1].contentType === "MediaModel" ? "100%" : 0);
     },
     i(f) {
       a || (P(s), a = !0);
@@ -18465,10 +18479,10 @@ function Xv(i) {
   };
 }
 function Yv(i, t, e) {
-  let n, o, s, r, a, l, { withAnimation: c = !1 } = t, { tag: u } = t, { hooks: d } = t, { state: h } = t, { mediaStore: f } = t, { temporaryState: v } = t;
+  let n, o, s, r, a, l, { withAnimation: c = !1 } = t, { tag: u } = t, { hooks: d } = t, { state: h } = t, { mediaStore: f } = t, { temporaryState: A } = t;
   eo("hooks", d), eo("mediaStore", f);
   let g, p;
-  function A(E) {
+  function v(E) {
     E ? d.emit("exposure", { id: r, type: "start" }) : d.emit("exposure", { id: r, type: "end" });
   }
   function b(E, L, I) {
@@ -18477,10 +18491,10 @@ function Yv(i, t, e) {
   }
   const w = (E) => d.emit("click", { event: E, target: "TagContent", tag: u });
   return i.$$set = (E) => {
-    "withAnimation" in E && e(0, c = E.withAnimation), "tag" in E && e(1, u = E.tag), "hooks" in E && e(2, d = E.hooks), "state" in E && e(5, h = E.state), "mediaStore" in E && e(6, f = E.mediaStore), "temporaryState" in E && e(7, v = E.temporaryState);
+    "withAnimation" in E && e(0, c = E.withAnimation), "tag" in E && e(1, u = E.tag), "hooks" in E && e(2, d = E.hooks), "state" in E && e(5, h = E.state), "mediaStore" in E && e(6, f = E.mediaStore), "temporaryState" in E && e(7, A = E.temporaryState);
   }, i.$$.update = () => {
     var E, L, I, D, k, V, _, O, F, B, R;
-    i.$$.dirty & 2 && e(11, n = (E = u.state) == null ? void 0 : E.unfolded), i.$$.dirty & 2 && e(10, o = (L = u.state) == null ? void 0 : L.visible), i.$$.dirty & 162 && e(12, s = h.visible && v.visible && ((I = u.state) == null ? void 0 : I.visible)), i.$$.dirty & 2 && (r = u.id), i.$$.dirty & 162 && e(4, a = !b(u, h, v)), i.$$.dirty & 4096 && A(s), i.$$.dirty & 3842 && u.hooks && (n !== void 0 && n !== p && (e(9, p = n), n ? (k = (D = u.hooks).emit) == null || k.call(D, "unfolded") : (_ = u == null ? void 0 : (V = u.hooks).emit) == null || _.call(V, "folded")), o !== void 0 && o !== g && (e(8, g = o), o ? (F = (O = u.hooks).emit) == null || F.call(O, "show") : (R = (B = u.hooks).emit) == null || R.call(B, "hide"))), i.$$.dirty & 2 && e(3, l = (() => !(typeof u.mergedConfig.unfoldedConfig == "object" && u.mergedConfig.unfoldedConfig.keep === "folded"))());
+    i.$$.dirty & 2 && e(11, n = (E = u.state) == null ? void 0 : E.unfolded), i.$$.dirty & 2 && e(10, o = (L = u.state) == null ? void 0 : L.visible), i.$$.dirty & 162 && e(12, s = h.visible && A.visible && ((I = u.state) == null ? void 0 : I.visible)), i.$$.dirty & 2 && (r = u.id), i.$$.dirty & 162 && e(4, a = !b(u, h, A)), i.$$.dirty & 4096 && v(s), i.$$.dirty & 3842 && u.hooks && (n !== void 0 && n !== p && (e(9, p = n), n ? (k = (D = u.hooks).emit) == null || k.call(D, "unfolded") : (_ = u == null ? void 0 : (V = u.hooks).emit) == null || _.call(V, "folded")), o !== void 0 && o !== g && (e(8, g = o), o ? (F = (O = u.hooks).emit) == null || F.call(O, "show") : (R = (B = u.hooks).emit) == null || R.call(B, "hide"))), i.$$.dirty & 2 && e(3, l = (() => !(typeof u.mergedConfig.unfoldedConfig == "object" && u.mergedConfig.unfoldedConfig.keep === "folded"))());
   }, [
     c,
     u,
@@ -18489,7 +18503,7 @@ function Yv(i, t, e) {
     a,
     h,
     f,
-    v,
+    A,
     g,
     p,
     o,
@@ -18539,13 +18553,13 @@ function qv(i) {
     c() {
       t = z("div"), e = z("div"), n = $(), K(o.$$.fragment), s = $(), r = z("div"), a = $(), l = z("div"), K(c.$$.fragment), y(e, "class", "tag-point-click-helper svelte-1jkrwn7"), y(r, "class", "tag-unfolded-point svelte-1jkrwn7"), T(r, "transition-delay", (i[3] ? i[5] : 0) + "ms"), y(l, "class", "tag-folded-point svelte-1jkrwn7"), T(l, "transition-delay", (i[3] ? i[5] : 0) + "ms"), y(t, "class", "tag-point-wrapper svelte-1jkrwn7"), q(t, "unfolded", i[0]), q(t, "folded", i[3]);
     },
-    m(f, v) {
-      M(f, t, v), j(t, e), j(t, n), J(o, t, null), j(t, s), j(t, r), j(t, a), j(t, l), J(c, l, null), u = !0, d || (h = ge(e, "click", i[4]), d = !0);
+    m(f, A) {
+      M(f, t, A), j(t, e), j(t, n), J(o, t, null), j(t, s), j(t, r), j(t, a), j(t, l), J(c, l, null), u = !0, d || (h = ge(e, "click", i[4]), d = !0);
     },
-    p(f, [v]) {
-      v & 8 && T(r, "transition-delay", (f[3] ? f[5] : 0) + "ms");
+    p(f, [A]) {
+      A & 8 && T(r, "transition-delay", (f[3] ? f[5] : 0) + "ms");
       const g = {};
-      v & 4 && (g.icon = f[2]), v & 2 && (g.width = f[1]), c.$set(g), v & 8 && T(l, "transition-delay", (f[3] ? f[5] : 0) + "ms"), (!u || v & 1) && q(t, "unfolded", f[0]), (!u || v & 8) && q(t, "folded", f[3]);
+      A & 4 && (g.icon = f[2]), A & 2 && (g.width = f[1]), c.$set(g), A & 8 && T(l, "transition-delay", (f[3] ? f[5] : 0) + "ms"), (!u || A & 1) && q(t, "unfolded", f[0]), (!u || A & 8) && q(t, "folded", f[3]);
     },
     i(f) {
       u || (P(o.$$.fragment, f), P(c.$$.fragment, f), u = !0);
@@ -18572,14 +18586,14 @@ function Jv(i, t, e) {
   }, h = (g) => {
     u || a.emit("click", { event: g, target: "TagPoint", tag: l });
   }, f = (() => l.contentType === "Text" && l.data.appearance === "plane" ? 500 : 800)();
-  function v(g) {
+  function A(g) {
     on.call(this, i, g);
   }
   return i.$$set = (g) => {
     "tag" in g && e(6, l = g.tag);
   }, i.$$.update = () => {
-    var g, p, A, b;
-    i.$$.dirty & 64 && e(0, n = (g = l.state) == null ? void 0 : g.unfolded), i.$$.dirty & 1 && e(3, o = !n), i.$$.dirty & 64 && e(2, s = (A = (p = l.style) == null ? void 0 : p.point) != null && A.url ? (b = l.style) == null ? void 0 : b.point : { url: Lg }), i.$$.dirty & 64 && e(1, r = (() => {
+    var g, p, v, b;
+    i.$$.dirty & 64 && e(0, n = (g = l.state) == null ? void 0 : g.unfolded), i.$$.dirty & 1 && e(3, o = !n), i.$$.dirty & 64 && e(2, s = (v = (p = l.style) == null ? void 0 : p.point) != null && v.url ? (b = l.style) == null ? void 0 : b.point : { url: Lg }), i.$$.dirty & 64 && e(1, r = (() => {
       var L, I, D, k;
       const w = (I = (L = l.style) == null ? void 0 : L.point) == null ? void 0 : I.width;
       if (typeof w == "number")
@@ -18604,7 +18618,7 @@ function Jv(i, t, e) {
     h,
     f,
     l,
-    v
+    A
   ];
 }
 class Zv extends oe {
@@ -18709,30 +18723,30 @@ function n1(i) {
 function i1(i) {
   let t, e, n, o, s, r, a, l, c;
   const u = [e1, $v], d = [];
-  function h(p, A) {
+  function h(p, v) {
     return p[12] ? 0 : 1;
   }
   n = h(i), o = d[n] = u[n](i);
-  const f = [n1, t1], v = [];
-  function g(p, A) {
+  const f = [n1, t1], A = [];
+  function g(p, v) {
     return p[13] ? 0 : 1;
   }
-  return r = g(i), a = v[r] = f[r](i), {
+  return r = g(i), a = A[r] = f[r](i), {
     c() {
       t = z("div"), e = z("div"), o.c(), s = $(), a.c(), y(e, "class", "wrapper svelte-pzwdws"), y(e, "data-tag-unfolded", i[8]), y(e, "data-tag-id", i[11]), y(e, "data-content-type", l = i[1].contentType), T(e, "left", i[7]), T(e, "top", i[6]), T(e, "z-index", i[5]), y(t, "class", "tag svelte-pzwdws"), y(t, "data-tag-id", i[11]), q(t, "unClickable", i[1].mergedConfig.clickable === !1), q(t, "disable", i[10]), q(t, "hide", i[9]), q(t, "withAnimation", i[0]);
     },
-    m(p, A) {
-      M(p, t, A), j(t, e), d[n].m(e, null), j(e, s), v[r].m(e, null), c = !0;
+    m(p, v) {
+      M(p, t, v), j(t, e), d[n].m(e, null), j(e, s), A[r].m(e, null), c = !0;
     },
-    p(p, [A]) {
+    p(p, [v]) {
       let b = n;
-      n = h(p), n === b ? d[n].p(p, A) : (se(), x(d[b], 1, 1, () => {
+      n = h(p), n === b ? d[n].p(p, v) : (se(), x(d[b], 1, 1, () => {
         d[b] = null;
-      }), re(), o = d[n], o ? o.p(p, A) : (o = d[n] = u[n](p), o.c()), P(o, 1), o.m(e, s));
+      }), re(), o = d[n], o ? o.p(p, v) : (o = d[n] = u[n](p), o.c()), P(o, 1), o.m(e, s));
       let w = r;
-      r = g(p), r === w ? v[r].p(p, A) : (se(), x(v[w], 1, 1, () => {
-        v[w] = null;
-      }), re(), a = v[r], a ? a.p(p, A) : (a = v[r] = f[r](p), a.c()), P(a, 1), a.m(e, null)), (!c || A & 256) && y(e, "data-tag-unfolded", p[8]), (!c || A & 2048) && y(e, "data-tag-id", p[11]), (!c || A & 2 && l !== (l = p[1].contentType)) && y(e, "data-content-type", l), A & 128 && T(e, "left", p[7]), A & 64 && T(e, "top", p[6]), A & 32 && T(e, "z-index", p[5]), (!c || A & 2048) && y(t, "data-tag-id", p[11]), (!c || A & 2) && q(t, "unClickable", p[1].mergedConfig.clickable === !1), (!c || A & 1024) && q(t, "disable", p[10]), (!c || A & 512) && q(t, "hide", p[9]), (!c || A & 1) && q(t, "withAnimation", p[0]);
+      r = g(p), r === w ? A[r].p(p, v) : (se(), x(A[w], 1, 1, () => {
+        A[w] = null;
+      }), re(), a = A[r], a ? a.p(p, v) : (a = A[r] = f[r](p), a.c()), P(a, 1), a.m(e, null)), (!c || v & 256) && y(e, "data-tag-unfolded", p[8]), (!c || v & 2048) && y(e, "data-tag-id", p[11]), (!c || v & 2 && l !== (l = p[1].contentType)) && y(e, "data-content-type", l), v & 128 && T(e, "left", p[7]), v & 64 && T(e, "top", p[6]), v & 32 && T(e, "z-index", p[5]), (!c || v & 2048) && y(t, "data-tag-id", p[11]), (!c || v & 2) && q(t, "unClickable", p[1].mergedConfig.clickable === !1), (!c || v & 1024) && q(t, "disable", p[10]), (!c || v & 512) && q(t, "hide", p[9]), (!c || v & 1) && q(t, "withAnimation", p[0]);
     },
     i(p) {
       c || (P(o), P(a), c = !0);
@@ -18741,22 +18755,22 @@ function i1(i) {
       x(o), x(a), c = !1;
     },
     d(p) {
-      p && S(t), d[n].d(), v[r].d();
+      p && S(t), d[n].d(), A[r].d();
     }
   };
 }
 function o1(i, t, e) {
-  let n, o, s, r, a, l, c, u, d, { withAnimation: h = !1 } = t, { tag: f } = t, { mediaStore: v } = t, { state: g } = t, { temporaryState: p } = t;
-  const A = vt("hooks");
+  let n, o, s, r, a, l, c, u, d, { withAnimation: h = !1 } = t, { tag: f } = t, { mediaStore: A } = t, { state: g } = t, { temporaryState: p } = t;
+  const v = vt("hooks");
   return i.$$set = (b) => {
-    "withAnimation" in b && e(0, h = b.withAnimation), "tag" in b && e(1, f = b.tag), "mediaStore" in b && e(2, v = b.mediaStore), "state" in b && e(3, g = b.state), "temporaryState" in b && e(4, p = b.temporaryState);
+    "withAnimation" in b && e(0, h = b.withAnimation), "tag" in b && e(1, f = b.tag), "mediaStore" in b && e(2, A = b.mediaStore), "state" in b && e(3, g = b.state), "temporaryState" in b && e(4, p = b.temporaryState);
   }, i.$$.update = () => {
     var b, w, E, L, I, D, k, V;
     i.$$.dirty & 2 && e(13, n = (() => !(f.contentType === "Sticker" || f.contentType === "Link" || f.contentType === "VRLink" || f.contentType === "PanoLink" || f.contentType === "Audio" && f.data.appearance === "plane"))()), i.$$.dirty & 2 && e(12, o = (() => f.stickType === "2DPoint")()), i.$$.dirty & 2 && e(11, s = f.id), i.$$.dirty & 2 && e(10, r = !((b = f.pointTagStyle) != null && b.leftPercent) || !((w = f.pointTagStyle) != null && w.topPercent) || f.enabled === !1 || !f.state), i.$$.dirty & 2 && e(9, a = !((E = f.state) != null && E.visible) || ((L = f.temporaryState) == null ? void 0 : L.visible) === !1), i.$$.dirty & 2 && e(8, l = (I = f.state) == null ? void 0 : I.unfolded), i.$$.dirty & 2 && e(7, c = ((D = f.pointTagStyle) == null ? void 0 : D.leftPercent) + "%"), i.$$.dirty & 2 && e(6, u = ((k = f.pointTagStyle) == null ? void 0 : k.topPercent) + "%"), i.$$.dirty & 2 && e(5, d = (V = f.state) != null && V.unfolded ? 1 : 0);
   }, [
     h,
     f,
-    v,
+    A,
     g,
     p,
     d,
@@ -18768,7 +18782,7 @@ function o1(i, t, e) {
     s,
     o,
     n,
-    A
+    v
   ];
 }
 class s1 extends oe {
@@ -18958,7 +18972,7 @@ class h1 extends fg {
         return;
       s.visible = this.getCurrentVisibleState(e), new fn().fromArray(e.matrix).decompose(s.position, s.quaternion, s.scale), s.updateWorldMatrix(!0, !0), s.visible = this.getVisibleByFloorIndex(e);
       const a = this.gltfObjectGroup.children.find((c) => c.customID === e.id);
-      if (a && this.gltfObjectGroup.remove(a), this.can("renderByMesh", e)) {
+      if (a && this.gltfObjectGroup.remove(a), this.getRenderType(e) === "Mesh") {
         if (!e.imagePlane) {
           const c = e.data.mediaPosition.map(Je);
           e.imagePlane = new lr(e.data.mediaData[0].url, e.data.mediaPosition.map(Je));
@@ -18991,13 +19005,13 @@ class h1 extends fg {
     });
   }
   updateRender3DDomTag() {
-    this.sort([...this.filter3DTag]).forEach((n) => {
-      var o;
+    this.sort([...this.filterCSS3DTag]).forEach((n) => {
+      var o, s;
       if (n.tag3DContentSvelte) {
-        const { svelteApp: s, domContainer: r, initialNormal: a, currentNormal: l } = n.tag3DContentSvelte;
-        if (s.$set({ tag: n, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !a.equals(l)) {
-          const c = new mo().setFromUnitVectors(a, l);
-          r.css3DObject.setRotationFromQuaternion(c);
+        const { svelteApp: r, domContainer: a, initialNormal: l, currentNormal: c } = n.tag3DContentSvelte;
+        if (r.$set({ tag: n, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !l.equals(c)) {
+          const u = new mo().setFromUnitVectors(l, c);
+          a.css3DObject.setRotationFromQuaternion(u);
         }
         return;
       } else {
@@ -19005,32 +19019,32 @@ class h1 extends fg {
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Tn(this.five)), n.stickType === "3DPoint" && !n.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = this.getPositions(n);
-        if (!s)
-          return;
-        const r = this.getTagNormal(n);
+        const r = this.getPositions(n);
         if (!r)
           return;
-        const a = this.getTagConfig(n), l = a.tag3DConfig;
-        if (a.renderType === "Mesh" && l) {
-          l.mode = "behind", l.container = document.createElement("div");
-          const u = "black";
-          l.container.style.backgroundColor = u, l.container.style.border = `3px solid ${u}`;
+        const a = this.getTagNormal(n);
+        if (!a)
+          return;
+        const c = (s = this.getTagConfig(n).tag3DConfig) != null ? s : {};
+        if (this.getRenderType(n) === "BehindDom") {
+          c.mode = "behind", c.container = document.createElement("div");
+          const d = "black";
+          c.container.style.backgroundColor = d, c.container.style.border = `3px solid ${d}`, this.css3DRenderPlugin.hooks.on("render", () => {
+            var h;
+            if (u.css3DObject.opacityMesh) {
+              const f = this.addObjectClickHandler(n, u.css3DObject.opacityMesh, (A) => {
+                console.log(n), this.hooks.emit("click", { event: A, target: "TagContent", tag: n });
+              });
+              (h = this.store.css3DRenderDisposer.get(n.id)) == null || h.push(f);
+            }
+          });
         }
-        const c = this.css3DRenderPlugin.create3DDomContainer(s, l);
-        if (!c)
+        const u = this.css3DRenderPlugin.create3DDomContainer(r, c);
+        if (!u)
           return;
-        this.store.css3DRenderDisposer.set(n.id, [c.dispose]), this.css3DRenderPlugin.hooks.on("render", () => {
-          var u;
-          if (c.css3DObject.opacityMesh) {
-            const d = this.addObjectClickHandler(n, c.css3DObject.opacityMesh, (h) => {
-              this.hooks.emit("click", { event: h, target: "TagContent", tag: n });
-            });
-            (u = this.store.css3DRenderDisposer.get(n.id)) == null || u.push(d);
-          }
-        }), n.tag3DContentSvelte = {
+        this.store.css3DRenderDisposer.set(n.id, [u.dispose]), n.tag3DContentSvelte = {
           svelteApp: new ql({
-            target: c.container,
+            target: u.container,
             props: {
               tag: n,
               hooks: this.hooks,
@@ -19039,9 +19053,9 @@ class h1 extends fg {
               temporaryState: this.temporaryState
             }
           }),
-          domContainer: c,
-          initialNormal: r,
-          currentNormal: r
+          domContainer: u,
+          initialNormal: a,
+          currentNormal: a
         };
       }
     }), this.clearUnusedPanelTag();
@@ -19062,16 +19076,16 @@ class h1 extends fg {
     });
   }
   updateTagCss3DObjectMatrix(e, n) {
-    var g, p, A, b;
-    const o = (A = (p = (g = e.mergedConfig) == null ? void 0 : g.tag3DConfig) == null ? void 0 : p.ratio) != null ? A : 216e-5, s = (b = e.tag3DContentSvelte) == null ? void 0 : b.domContainer.css3DObject;
+    var g, p, v, b;
+    const o = (v = (p = (g = e.mergedConfig) == null ? void 0 : g.tag3DConfig) == null ? void 0 : p.ratio) != null ? v : 216e-5, s = (b = e.tag3DContentSvelte) == null ? void 0 : b.domContainer.css3DObject;
     if (!s)
       return;
     const r = Ve(e) ? e.data.mediaPosition : e.position;
     n.updateWorldMatrix(!1, !1);
     const a = n.matrixWorld, l = new U().fromArray(r[0]), c = new U().fromArray(r[2]), u = Mn(l, c).add(new U(0, 0, 5e-4)), d = new fn().setPosition(u), h = new fn().makeScale(o, o, o), f = new fn().multiply(a).multiply(d).multiply(h);
     f.decompose(s.position, s.quaternion, s.scale);
-    const v = s.opacityMesh;
-    v && f.decompose(v.position, v.quaternion, v.scale);
+    const A = s.opacityMesh;
+    A && f.decompose(A.position, A.quaternion, A.scale);
   }
   addMediaModelTag(e) {
     return H(this, null, function* () {
@@ -19100,7 +19114,7 @@ class h1 extends fg {
       state: this.state,
       temporaryState: this.temporaryState,
       withAnimation: this.store.visibleWithAnimation
-    }), this.filter3DTag.forEach((n) => {
+    }), this.filterCSS3DTag.forEach((n) => {
       var o, s, r, a, l;
       (a = (s = (o = n.tag3DContentSvelte) == null ? void 0 : o.domContainer) == null ? void 0 : s.css3DObject) == null || a.setVisible((this.state.visible && ((r = n.state) == null ? void 0 : r.visible)) !== !1), (l = n.tag3DContentSvelte) == null || l.svelteApp.$set({
         state: this.state,
@@ -19239,7 +19253,7 @@ class f1 extends h1 {
   }
   dispose() {
     var e, n, o, s, r, a;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag.forEach((l) => {
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((l) => {
       var c;
       return (c = l.tag3DContentSvelte) == null ? void 0 : c.svelteApp.$destroy();
     }), this.tags = [], (n = this.store.disposers) == null || n.forEach((l) => l == null ? void 0 : l()), this.store.disposers = [], (s = (o = this.store).eventListenerDisposer) == null || s.call(o), this.store.eventListenerDisposer = void 0, (a = (r = this.store).resizeObserverDisposer) == null || a.call(r), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.clearCache(), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
@@ -19303,7 +19317,7 @@ class f1 extends h1 {
   }
   handleDisable() {
     var e, n, o;
-    this.pauseCurrentMedia(), this.state.enabled = !1, (n = (e = this.store).eventListenerDisposer) == null || n.call(e), this.five.scene.remove(this.group), (o = this.TagContainerSvelte) == null || o.$set({ tags: [] }), this.filter3DTag.forEach((s) => {
+    this.pauseCurrentMedia(), this.state.enabled = !1, (n = (e = this.store).eventListenerDisposer) == null || n.call(e), this.five.scene.remove(this.group), (o = this.TagContainerSvelte) == null || o.$set({ tags: [] }), this.filterCSS3DTag.forEach((s) => {
       var r;
       (r = s.tag3DContentSvelte) == null || r.svelteApp.$destroy(), s.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
@@ -20473,17 +20487,17 @@ class F1 extends jn {
     const u = this.rotateCenter.clone(), h = o.projectPoint(c.clone(), new C.Vector3()).clone().sub(u);
     if (n.angleTo(h) === 0)
       return;
-    const f = new C.Quaternion().setFromUnitVectors(n.clone().normalize(), h.clone().normalize()), v = l.quaternion.clone().premultiply(f);
-    if (this.hooks.emit("wantToRotate", v))
+    const f = new C.Quaternion().setFromUnitVectors(n.clone().normalize(), h.clone().normalize()), A = l.quaternion.clone().premultiply(f);
+    if (this.hooks.emit("wantToRotate", A))
       return;
-    const A = new C.Euler().setFromQuaternion(
+    const v = new C.Euler().setFromQuaternion(
       new C.Quaternion().setFromUnitVectors(
         n.clone().normalize().applyQuaternion(a.clone().inverse()),
         h.clone().normalize().applyQuaternion(a.clone().inverse())
       ),
       `${r.toUpperCase()}${"XZY".replace(r.toUpperCase(), "")}`
     )[r] * s.angleDirection;
-    if (this.startInfo.angle += A, this.setAngleHelperLength(r, this.startInfo.angle), this.setTipsAngle(il(this.startInfo.angle)), u) {
+    if (this.startInfo.angle += v, this.setAngleHelperLength(r, this.startInfo.angle), this.setTipsAngle(il(this.startInfo.angle)), u) {
       const b = new C.Vector3().subVectors(l.position, u).applyQuaternion(f).add(u);
       l.position.copy(b);
     }
@@ -20611,13 +20625,13 @@ class H1 extends jn {
       }
       const G = new U().subVectors(W, R), ee = G.length();
       return ee > 0.3 ? (console.warn("offset.length() > 0.3, skipped", ee), F) : G;
-    }, v = f("ew"), g = f("ns"), p = () => {
-      const O = v;
+    }, A = f("ew"), g = f("ns"), p = () => {
+      const O = A;
       this.helperObject3D.cornerPositions.forEach((F, B) => {
         var R;
         (R = this.startInfo) != null && R.dragPointInCenterLeft ? (B === 0 || B === 3) && F.add(O) : (B === 1 || B === 2) && F.add(O);
       });
-    }, A = () => {
+    }, v = () => {
       const O = g;
       this.helperObject3D.cornerPositions.forEach((F, B) => {
         var R;
@@ -20629,11 +20643,11 @@ class H1 extends jn {
         p();
         break;
       case "ns":
-        A();
+        v();
         break;
       case "nesw":
       case "nwse":
-        p(), A();
+        p(), v();
     }
     const b = new U().subVectors(r[1], r[0]).length() / d.length(), w = new U().subVectors(r[3], r[0]).length() / h.length(), E = new U(b, w, 1), L = new C.Matrix4().scale(E);
     n.isCSS3DObjectPlus ? n.applyScaleMatrix4(L) : n.scale.applyMatrix4(L), o.position.copy(a);
@@ -20731,32 +20745,32 @@ class U1 extends zn {
     }
     const o = new R1(), s = [], r = (f = this.five.getElement()) == null ? void 0 : f.parentElement, a = this.five.camera, { moveHelper: l = !0, rotateHelper: c = !0, scaleHelper: u = !0, boundingBoxHelper: d = !1 } = n, h = new Ye();
     if (l) {
-      const v = new C1(e), g = this.getConfig(n.moveHelper), p = new hn(this.five, z1, e, v, g, h);
+      const A = new C1(e), g = this.getConfig(n.moveHelper), p = new hn(this.five, z1, e, A, g, h);
       o.addControllers({ moveController: p.helperController }), s.push(() => p.dispose());
     }
     if (c) {
-      const v = this.getConfig(n.rotateHelper), g = new k1(e, Q({ container: r }, v)), p = new hn(this.five, F1, e, g, v, h);
+      const A = this.getConfig(n.rotateHelper), g = new k1(e, Q({ container: r }, A)), p = new hn(this.five, F1, e, g, A, h);
       o.addControllers({ rotateController: p.helperController }), s.push(() => p.dispose());
     }
     if (d) {
-      const v = new T1(e), g = new hn(this.five, W1, e, v, void 0, h);
+      const A = new T1(e), g = new hn(this.five, W1, e, A, void 0, h);
       o.addControllers({ boundingBoxController: g.helperController });
     }
     if (u)
       if (e.isCSS3DObjectPlus && r) {
-        const v = new M1(e, r, a, this.five.scene), g = new hn(this.five, G1, e, v, void 0, h);
+        const A = new M1(e, r, a, this.five.scene), g = new hn(this.five, G1, e, A, void 0, h);
         o.addControllers({ scaleController: g.helperController }), s.push(() => g.dispose()), Sa(this.five).then(() => {
-          var p, A;
+          var p, v;
           if (e.isCSS3DObjectPlus) {
             const b = e;
             if (!b || b.mode !== "front")
               return;
             const w = (p = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? p : Ma(this.five);
-            w && (this.css3DObjectParentMap.set(b, b.parent), b.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(w), (A = this.css3DRender.getBehindCSS3DObjectGroup()) == null || A.add(b), this.css3DRender.render(this.five.camera));
+            w && (this.css3DObjectParentMap.set(b, b.parent), b.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(w), (v = this.css3DRender.getBehindCSS3DObjectGroup()) == null || v.add(b), this.css3DRender.render(this.five.camera));
           }
         });
       } else {
-        const v = new _1(e), g = new hn(this.five, m1, e, v, void 0, h);
+        const A = new _1(e), g = new hn(this.five, m1, e, A, void 0, h);
         o.addControllers({ scaleController: g.helperController }), s.push(() => g.dispose());
       }
     return this.objectHelperMap.set(e, { helper: o, disposers: s }), o.controllers;