@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.11

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -18,12 +18,19 @@ declare class GuideLineModeItem {
     get panoGroup(): number[];
     /** 可展示的楼层 */
     get visibleFloorIndexes(): number[];
+    /** THREE Curve 路径 */
+    get curvePath(): THREE.CurvePath<THREE.Vector3>;
+    /** THREE Curve 路径上的点 */
+    get curvePoints(): THREE.Vector3[];
+    name: string;
     startTagContainer: GuideLineTagContainer;
     endTagContainer: GuideLineTagContainer;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
     private path;
+    private _curvePath;
+    private _curvePoints;
     private _panoGroup;
     private skippedPositions;
     private textureUrl;
@@ -47,6 +54,8 @@ declare class GuideLineModeItem {
     private disposed;
     private flowAnime;
     private flickerAnime;
+    /** 缓存 panoGroup 中每个点距离起点的长度 */
+    private cacheLengths;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
@@ -90,6 +99,14 @@ declare class GuideLineModeItem {
     setEndTag(tag: Tag | PluginType.ModelGuideLineTagData | null): void;
     /** 闪烁 */
     flicker(): void;
+    /** 求起点到 panoIndex 曲线长度
+     * @param index panoIndex 在 panoGroup 中的索引
+     *
+     * @description 为什么不使用 panoIndex 作为参数？
+     * - panoIndex 在一个曲线中可能出现多次，无法确定是哪一个。
+     */
+    getLengthByPanoGroupIndex(index: number): number | void;
+    private getPanoGroupLengths;
     private setTag;
     /** 开始走点动画 */
     private onWalkAnimationStart;

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -53,7 +53,7 @@ import "../PanoTagPlugin/utils/planeNormal.js";
 import "../PanoTagPlugin/utils/normalPositionToPositions.js";
 import "../PanoTagPlugin/controller/TagCache.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";

package/libs/GuideLinePlugin/index.js

@@ -21,7 +21,7 @@ import "../shared-utils/three/centerPoint.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../CruisePlugin/Controller.js";

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -19,5 +19,12 @@ interface LineGeometryOption {
 export declare function createLineGeometry(options: LineGeometryOption): {
     geometry: THREE.BufferGeometry;
     maxU: number;
+    curvePath?: undefined;
+    curvePoints?: undefined;
+} | {
+    geometry: THREE.BufferGeometry;
+    maxU: number;
+    curvePath: THREE.CurvePath<THREE.Vector3>;
+    curvePoints: THREE.Vector3[];
 };
 export {};

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -1,5 +1,5 @@
 import * as n from "three";
-import { Vector3 as P } from "three";
+import { Vector3 as x } from "three";
 import { polylineNormals as G } from "../../vendor/polyline-normals/index.js";
 import "../../vendor/polyline-miter-util/index.js";
 import "../../vendor/gl-vec2/add.js";
@@ -12,33 +12,35 @@ function Q(e) {
   const i = e.width, g = e.unitLength / i, c = i / 2, E = e.path;
   if (E.length === 0)
     return { geometry: new n.BufferGeometry(), maxU: 0 };
-  const h = new n.CurvePath();
+  const u = new n.CurvePath();
   E.forEach((t) => {
-    const a = I(t);
-    a && h.add(a);
+    const m = I(t);
+    m && u.add(m);
   });
-  const x = Math.ceil(h.getLength() * 100), o = h.getPoints(x), w = o.length, L = G(o.map((t) => [t.x, t.z])), B = (w - 1) * z * M, y = 2 * w, C = y * X, U = y * k, r = new Uint32Array(B), s = new Float32Array(C), u = new Float32Array(U);
-  let d = 0, N = 0;
+  const w = Math.ceil(u.getLength() * 100);
+  u.arcLengthDivisions = w;
+  const o = u.getPoints(w), y = o.length, L = G(o.map((t) => [t.x, t.z])), B = (y - 1) * z * M, d = 2 * y, C = d * X, U = d * k, r = new Uint32Array(B), s = new Float32Array(C), a = new Float32Array(U);
+  let N = 0, R = 0;
   for (let t = 0; t < o.length; t++) {
-    const [a, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, l = new P(A + a * c, _ + 0.05, b + R * c);
-    s[t * 6 + 0] = l.x, s[t * 6 + 1] = l.y, s[t * 6 + 2] = l.z;
-    const f = new P(A - a * c, _ + 0.05, b - R * c);
-    s[t * 6 + 3] = f.x, s[t * 6 + 4] = f.y, s[t * 6 + 5] = f.z, d += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
-    const p = d / i / g;
-    if (N = p, u[t * 4 + 0] = 0, u[t * 4 + 1] = p, u[t * 4 + 2] = 1, u[t * 4 + 3] = p, e.skipPositions) {
-      const V = new n.Vector3().lerpVectors(l, f, 0.5);
+    const [m, A] = L[t][0], T = o[t], { x: _, y: b, z: P } = T, f = new x(_ + m * c, b + 0.05, P + A * c);
+    s[t * 6 + 0] = f.x, s[t * 6 + 1] = f.y, s[t * 6 + 2] = f.z;
+    const h = new x(_ - m * c, b + 0.05, P - A * c);
+    s[t * 6 + 3] = h.x, s[t * 6 + 4] = h.y, s[t * 6 + 5] = h.z, N += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
+    const v = N / i / g;
+    if (R = v, a[t * 4 + 0] = 0, a[t * 4 + 1] = v, a[t * 4 + 2] = 1, a[t * 4 + 3] = v, e.skipPositions) {
+      const V = new n.Vector3().lerpVectors(f, h, 0.5);
       if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
         continue;
     }
     t !== o.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
   }
-  const m = new n.BufferGeometry();
-  return m.setAttribute("position", new n.BufferAttribute(s, 3)), m.setAttribute("uv", new n.BufferAttribute(u, 2)), m.setIndex(new n.BufferAttribute(r, 1)), { geometry: m, maxU: N };
+  const l = new n.BufferGeometry();
+  return l.setAttribute("position", new n.BufferAttribute(s, 3)), l.setAttribute("uv", new n.BufferAttribute(a, 2)), l.setIndex(new n.BufferAttribute(r, 1)), { geometry: l, maxU: R, curvePath: u, curvePoints: o };
 }
 function I(e) {
   if (O(e)) {
-    const i = [e.closed, e.curve_type, e.tension], v = e.points.map((c) => new n.Vector3().fromArray(c));
-    return new n.CatmullRomCurve3(v, ...i);
+    const i = [e.closed, e.curve_type, e.tension], p = e.points.map((c) => new n.Vector3().fromArray(c));
+    return new n.CatmullRomCurve3(p, ...i);
   }
 }
 function O(e) {

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -1,176 +1,176 @@
-import { SvelteComponent as B, init as x, safe_not_equal as F, append_styles as N, element as w, space as z, attr as c, null_to_empty as p, set_style as _, insert as q, append as v, listen as j, noop as I, detach as y, binding_callbacks as S, text as L, set_data as C } from "../vendor/svelte/internal/index.js";
-import { classnames as k } from "../vendor/classnames/index.js";
-function A(l) {
-  N(l, "svelte-gduhqw", `.item-label-item.svelte-gduhqw.svelte-gduhqw{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:svelte-gduhqw-fadeIn .3s ease-in}.item-label-item.fold.svelte-gduhqw>.item-label-item__text-wrap.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw:after{visibility:visible}.item-label-item__text-wrap.svelte-gduhqw.svelte-gduhqw{height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-gduhqw.svelte-gduhqw{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-gduhqw.svelte-gduhqw{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-gduhqw.svelte-gduhqw{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-gduhqw.svelte-gduhqw{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-gduhqw.svelte-gduhqw{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-gduhqw.svelte-gduhqw:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url("//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png ");background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@keyframes svelte-gduhqw-fadeIn{from{opacity:0
+import { SvelteComponent as C, init as O, safe_not_equal as B, append_styles as R, element as p, space as z, attr as c, null_to_empty as A, set_style as k, insert as j, append as g, listen as P, noop as I, detach as w, binding_callbacks as S, text as L, set_data as y } from "../vendor/svelte/internal/index.js";
+import { classnames as _ } from "../vendor/classnames/index.js";
+function x(l) {
+  R(l, "svelte-1jhufeh", `.item-label-item.svelte-1jhufeh.svelte-1jhufeh{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:svelte-1jhufeh-fadeIn .3s ease-in}.item-label-item.fold.svelte-1jhufeh>.item-label-item__text-wrap.svelte-1jhufeh{visibility:hidden}.item-label-item.fold.svelte-1jhufeh>.item-label-item__bar.anchor.svelte-1jhufeh{visibility:hidden}.item-label-item.fold.svelte-1jhufeh>.item-label-item__bar.anchor.svelte-1jhufeh:after{visibility:visible}.item-label-item__text-wrap.svelte-1jhufeh.svelte-1jhufeh{height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-1jhufeh.svelte-1jhufeh{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-1jhufeh.svelte-1jhufeh{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1jhufeh.svelte-1jhufeh{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1jhufeh.svelte-1jhufeh{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-1jhufeh.svelte-1jhufeh{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-1jhufeh.svelte-1jhufeh{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-1jhufeh.svelte-1jhufeh{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-1jhufeh.svelte-1jhufeh:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABcVBMVEUAAAAAAAD////////+/v45OTn////////39/fp6enPz8/7+/vw8PD+/v7x8fHc3NzHx8f////////+/v77+/vr6+v////7+/v5+fn////z8/P////////q6uqgoKD+/v79/f3m5ub+/v7////////////////39/f39/f////z8/P////t7e3s7Oz29vb////5+fn////h4eH////g4ODV1dX////////BwcH///////////+Ojo5zc3MlJSX////////////////////////7+/v////////////v7+/u7u7n5+f////39/f////09PT6+vr09PT+/v76+vr////5+fnv7+/09PTk5OT////////////////Jycn///++vr7///////+0tLT///9TU1P///8SEhL////////+/v76+vr////8/Pz39/ft7e3t7e36+vr////////X19fV1dX///+xsbF9fX1iYmL///////+K8mOEAAAAenRSTlMaAIDy8CD41cWRX9uk7Kl1VVEw6dWT/M/NvKyVkY475eWIgx0Z39rHv7axnZyZmIuKhn56emZjX1FEPTU0Kx4PCAX69fTgxcKkopWL7crJuri2sa6rnIyHhX54bVtZVU9NSUcsJSIcFROno6Hcwp+ekHVxbWhnRC8nDLc9s8oAAAOGSURBVEjHpdd3X9pAGAfwkBBDAoQmBJmWvUWWiIDIHoJb66x7a4d78Op7pBQ1J5DY33987vnyXEIu3CGy/0hvnDthM+l0hj3JScSudDKOdhNPpl1i8Ut624Gi6+trI3zW1tcdqGM7/SIC5/ZRR2SNJEm7JkHt7FAJjR18WIs40P3cAFxIOaIRna6ZOHxGunk+TDR1ukjUkSr0w86bcKShiz1OI4JMP8YAD9+4emM2Gm407IfIhzm0NxrhKNsLH4SvQ+RktyvUfZIMXYcPPsSFCcvY6EYW6ZPsxuiYZaLwAW5bDY70Da5paxjvm8d+UcjAUL/GzPtCnDF/mwFWhJ75Zs68x05gxxFRGQfa+RYXokHVCC4O4yOqYLTwBjNB+ncWEZnsbzrIvOLz4CW9g4jODn0ZPO/iZN0UmhaPp0Omq+Q/nLu6NO0hErJnurjKdTBzEdAhkqILXDAdbFkJ7EnDe4EVy198srpiwhE4X1RKDFOqviBwcNPK6gmPmeWlGDz+VdHqRPEVHo0tLTM8RpcX4G+flLe6kU/Cs1pYRnm8uriQhfoC+0ZDvbMLi6ttfO5fDCDCKFrvooAKAov+c4BZvy8EzaolCHRdIZ+fBThl9G0Ih1RCrBJWbPiMKYAZ409oMSqFWAktzJ9GBuDvRoVGOIQJMSas0CiM39u45v0M9tbaeLc6F5M+7dhcbRfgg+pcU/oNa85VDwDOzBtmpP9UKsN8BuCzeb1P+kPi08+fASyr6fVPUh/PJ72+xj/bZk5PSV0YlJ4z83iC4EipS5LkiAkeHxGcQerLwMARRzyW+QklhUgKpST8nXfYg+fHkjS89MPz0MFnhKdCSWpc8RBnPAZB3RUvLt7i3oob7f5juDzuikY81tjcHlcHg9xabdyUWDvF2ay3slecr1ptimNx9lhhs1bzXQxy5NZa6VMx9pS2Wt1H77cVjFartYvBdlDICDc0cbVa3Twd2NcOyuLwVqo+K1ebjgdcr0k+O1uXwThfl8vlhqm+99kASup5GINsYhhmG8d7UXzcBgo2e21cd9WlUll5/7G958ql8uxu7y0zS5SGSkOGBA51TRiGQAi232Y9v4kVQZGavpt6c6l3tLpNsc38gGOC01IeLg4Xi8NaLz1KkqO0VzvcTrFscYo4oLjiRAsKEXeJPRqxW0bsFWLGLVbiocyZSm5vbW0nU9BsIfyp/AGqAvfOkBaFawAAAABJRU5ErkJggg==');background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@keyframes svelte-1jhufeh-fadeIn{from{opacity:0
         }to{opacity:1
         }}`);
 }
-function D(l) {
+function V(l) {
   let e, t, n, s = (
     /*itemLabel*/
     (l[0].code || /*itemLabel*/
     l[0].id) + ""
-  ), h, o, m, r = (
+  ), u, o, f, r = (
     /*itemLabel*/
     l[0].name + ""
-  ), g, a = (
+  ), v, a = (
     /*itemLabel*/
-    l[0].icon && E(l)
+    l[0].icon && D(l)
   );
   return {
     c() {
-      a && a.c(), e = z(), t = w("div"), n = w("span"), h = L(s), o = z(), m = w("span"), g = L(r), c(n, "class", "item-model svelte-gduhqw"), c(m, "class", "item-name svelte-gduhqw"), c(t, "class", "item-label-text svelte-gduhqw");
+      a && a.c(), e = z(), t = p("div"), n = p("span"), u = L(s), o = z(), f = p("span"), v = L(r), c(n, "class", "item-model svelte-1jhufeh"), c(f, "class", "item-name svelte-1jhufeh"), c(t, "class", "item-label-text svelte-1jhufeh");
     },
-    m(i, b) {
-      a && a.m(i, b), q(i, e, b), q(i, t, b), v(t, n), v(n, h), v(t, o), v(t, m), v(m, g);
+    m(i, d) {
+      a && a.m(i, d), j(i, e, d), j(i, t, d), g(t, n), g(n, u), g(t, o), g(t, f), g(f, v);
     },
-    p(i, b) {
+    p(i, d) {
       /*itemLabel*/
-      i[0].icon ? a ? a.p(i, b) : (a = E(i), a.c(), a.m(e.parentNode, e)) : a && (a.d(1), a = null), b & /*itemLabel*/
+      i[0].icon ? a ? a.p(i, d) : (a = D(i), a.c(), a.m(e.parentNode, e)) : a && (a.d(1), a = null), d & /*itemLabel*/
       1 && s !== (s = /*itemLabel*/
       (i[0].code || /*itemLabel*/
-      i[0].id) + "") && C(h, s), b & /*itemLabel*/
+      i[0].id) + "") && y(u, s), d & /*itemLabel*/
       1 && r !== (r = /*itemLabel*/
-      i[0].name + "") && C(g, r);
+      i[0].name + "") && y(v, r);
     },
     d(i) {
-      a && a.d(i), i && y(e), i && y(t);
+      a && a.d(i), i && w(e), i && w(t);
     }
   };
 }
-function G(l) {
+function E(l) {
   let e;
   return {
     c() {
-      e = w("div");
+      e = p("div");
     },
     m(t, n) {
-      q(t, e, n), l[6](e);
+      j(t, e, n), l[6](e);
     },
     p: I,
     d(t) {
-      t && y(e), l[6](null);
+      t && w(e), l[6](null);
     }
   };
 }
-function E(l) {
-  let e, t, n, s, h;
+function D(l) {
+  let e, t, n, s, u;
   return {
     c() {
-      e = w("div"), t = w("div"), c(t, "class", "icon svelte-gduhqw"), c(t, "style", n = `background-image: url(${/*itemLabel*/
-      l[0].icon})`), c(e, "class", "icon-wrap svelte-gduhqw");
+      e = p("div"), t = p("div"), c(t, "class", "icon svelte-1jhufeh"), c(t, "style", n = `background-image: url(${/*itemLabel*/
+      l[0].icon})`), c(e, "class", "icon-wrap svelte-1jhufeh");
     },
-    m(o, m) {
-      q(o, e, m), v(e, t), s || (h = j(
+    m(o, f) {
+      j(o, e, f), g(e, t), s || (u = P(
         e,
         "click",
         /*click_handler*/
         l[7]
       ), s = !0);
     },
-    p(o, m) {
-      m & /*itemLabel*/
+    p(o, f) {
+      f & /*itemLabel*/
       1 && n !== (n = `background-image: url(${/*itemLabel*/
       o[0].icon})`) && c(t, "style", n);
     },
     d(o) {
-      o && y(e), s = !1, h();
+      o && w(e), s = !1, u();
     }
   };
 }
-function H(l) {
-  let e, t, n, s, h, o, m, r, g, a;
-  function i(d, u) {
-    return u & /*itemLabel*/
+function G(l) {
+  let e, t, n, s, u, o, f, r, v, a;
+  function i(h, m) {
+    return m & /*itemLabel*/
     1 && (n = null), n == null && (n = typeof /*itemLabel*/
-    d[0].render == "function"), n ? G : D;
+    h[0].render == "function"), n ? E : V;
   }
-  let b = i(l, -1), f = b(l);
+  let d = i(l, -1), b = d(l);
   return {
     c() {
-      e = w("div"), t = w("div"), f.c(), h = z(), o = w("div"), c(t, "class", s = p(k("item-label-item__text-wrap", {
+      e = p("div"), t = p("div"), b.c(), u = z(), o = p("div"), c(t, "class", s = A(_("item-label-item__text-wrap", {
         "item-label-item__custom": typeof /*itemLabel*/
         l[0].render == "function"
-      })) + " svelte-gduhqw"), _(t, "bottom", `${/*itemLabel*/
-      l[0].strokeLength}px`), c(o, "class", m = p(k("item-label-item__bar", { anchor: (
+      })) + " svelte-1jhufeh"), k(t, "bottom", `${/*itemLabel*/
+      l[0].strokeLength}px`), c(o, "class", f = A(_("item-label-item__bar", { anchor: (
         /*anchorEnabled*/
         l[1]
-      ) })) + " svelte-gduhqw"), _(o, "height", `${/*itemLabel*/
-      l[0].strokeLength}px`), c(e, "class", r = p(k("item-label-item", { fold: (
+      ) })) + " svelte-1jhufeh"), k(o, "height", `${/*itemLabel*/
+      l[0].strokeLength}px`), c(e, "class", r = A(_("item-label-item", { fold: (
         /*itemLabel*/
         l[0].isFold
-      ) })) + " svelte-gduhqw"), _(
+      ) })) + " svelte-1jhufeh"), k(
         e,
         "z-index",
         /*itemLabel*/
         l[0].zIndex
-      ), _(
+      ), k(
         e,
         "transform",
         /*itemLabel*/
         l[0].transform
       );
     },
-    m(d, u) {
-      q(d, e, u), v(e, t), f.m(t, null), v(e, h), v(e, o), g || (a = j(
+    m(h, m) {
+      j(h, e, m), g(e, t), b.m(t, null), g(e, u), g(e, o), v || (a = P(
         t,
         "click",
         /*onClick*/
         l[4]
-      ), g = !0);
+      ), v = !0);
     },
-    p(d, [u]) {
-      b === (b = i(d, u)) && f ? f.p(d, u) : (f.d(1), f = b(d), f && (f.c(), f.m(t, null))), u & /*itemLabel*/
-      1 && s !== (s = p(k("item-label-item__text-wrap", {
+    p(h, [m]) {
+      d === (d = i(h, m)) && b ? b.p(h, m) : (b.d(1), b = d(h), b && (b.c(), b.m(t, null))), m & /*itemLabel*/
+      1 && s !== (s = A(_("item-label-item__text-wrap", {
         "item-label-item__custom": typeof /*itemLabel*/
-        d[0].render == "function"
-      })) + " svelte-gduhqw") && c(t, "class", s), u & /*itemLabel*/
-      1 && _(t, "bottom", `${/*itemLabel*/
-      d[0].strokeLength}px`), u & /*anchorEnabled*/
-      2 && m !== (m = p(k("item-label-item__bar", { anchor: (
+        h[0].render == "function"
+      })) + " svelte-1jhufeh") && c(t, "class", s), m & /*itemLabel*/
+      1 && k(t, "bottom", `${/*itemLabel*/
+      h[0].strokeLength}px`), m & /*anchorEnabled*/
+      2 && f !== (f = A(_("item-label-item__bar", { anchor: (
         /*anchorEnabled*/
-        d[1]
-      ) })) + " svelte-gduhqw") && c(o, "class", m), u & /*itemLabel*/
-      1 && _(o, "height", `${/*itemLabel*/
-      d[0].strokeLength}px`), u & /*itemLabel*/
-      1 && r !== (r = p(k("item-label-item", { fold: (
+        h[1]
+      ) })) + " svelte-1jhufeh") && c(o, "class", f), m & /*itemLabel*/
+      1 && k(o, "height", `${/*itemLabel*/
+      h[0].strokeLength}px`), m & /*itemLabel*/
+      1 && r !== (r = A(_("item-label-item", { fold: (
         /*itemLabel*/
-        d[0].isFold
-      ) })) + " svelte-gduhqw") && c(e, "class", r), u & /*itemLabel*/
-      1 && _(
+        h[0].isFold
+      ) })) + " svelte-1jhufeh") && c(e, "class", r), m & /*itemLabel*/
+      1 && k(
         e,
         "z-index",
         /*itemLabel*/
-        d[0].zIndex
-      ), u & /*itemLabel*/
-      1 && _(
+        h[0].zIndex
+      ), m & /*itemLabel*/
+      1 && k(
         e,
         "transform",
         /*itemLabel*/
-        d[0].transform
+        h[0].transform
       );
     },
     i: I,
     o: I,
-    d(d) {
-      d && y(e), f.d(), g = !1, a();
+    d(h) {
+      h && w(e), b.d(), v = !1, a();
     }
   };
 }
-function J(l, e, t) {
-  let { itemLabel: n } = e, { hooks: s } = e, { anchorEnabled: h } = e, { onIconClick: o } = e;
-  function m() {
+function U(l, e, t) {
+  let { itemLabel: n } = e, { hooks: s } = e, { anchorEnabled: u } = e, { onIconClick: o } = e;
+  function f() {
     s.emit("onLabelClick", n);
   }
   let r;
-  function g(i) {
+  function v(i) {
     S[i ? "unshift" : "push"](() => {
       r = i, t(3, r);
     });
   }
   const a = (i) => o(n);
   return l.$$set = (i) => {
-    "itemLabel" in i && t(0, n = i.itemLabel), "hooks" in i && t(5, s = i.hooks), "anchorEnabled" in i && t(1, h = i.anchorEnabled), "onIconClick" in i && t(2, o = i.onIconClick);
+    "itemLabel" in i && t(0, n = i.itemLabel), "hooks" in i && t(5, s = i.hooks), "anchorEnabled" in i && t(1, u = i.anchorEnabled), "onIconClick" in i && t(2, o = i.onIconClick);
   }, l.$$.update = () => {
     if (l.$$.dirty & /*itemLabel, customElement*/
     9 && typeof n.render == "function" && r && r.children.length === 0) {
@@ -179,33 +179,33 @@ function J(l, e, t) {
     }
   }, [
     n,
-    h,
+    u,
     o,
     r,
-    m,
+    f,
     s,
-    g,
+    v,
     a
   ];
 }
-class O extends B {
+class K extends C {
   constructor(e) {
-    super(), x(
+    super(), O(
       this,
       e,
-      J,
-      H,
-      F,
+      U,
+      G,
+      B,
       {
         itemLabel: 0,
         hooks: 5,
         anchorEnabled: 1,
         onIconClick: 2
       },
-      A
+      x
     );
   }
 }
 export {
-  O as default
+  K as default
 };