dsp-semactic 0.6.11 → 0.6.13

package/dist/index.es.js

@@ -9,7 +9,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
 }, Vs = ["onClick", "onMouseenter"], Ds = { class: "dss-legend-text" }, Rs = ["onClick", "onMouseenter"], Is = { class: "dss-legend-text" }, Ns = ["title"], Fs = ["src"], Ps = { class: "dss-chart-area-wrapper" }, Bs = {
   key: 0,
   class: "dss-chart-z-axis-label"
-}, Os = ["width", "height", "data-smooth", "data-animated"], zs = { id: "chart-clip" }, Ws = ["x", "y", "width", "height"], Zs = ["id"], qs = ["d"], Us = ["id"], Xs = ["d"], Ys = { key: 0 }, js = {
+}, Os = ["width", "height", "data-smooth", "data-animated"], zs = { id: "chart-clip" }, Ws = ["y", "width", "height"], Zs = ["id"], qs = ["d"], Us = ["id"], Xs = ["d"], Ys = { key: 0 }, js = {
   key: 0,
   class: "dss-grid-lines",
   "clip-path": "url(#chart-clip)"
@@ -129,7 +129,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     options: {
       type: Object,
       default: () => ({}),
-      validator: (B) => typeof B == "object" && B !== null
+      validator: (P) => typeof P == "object" && P !== null
     },
     innerSize: {
       type: Number,
@@ -137,10 +137,10 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
   },
   emits: ["add-marker", "update-marker", "delete-marker"],
-  setup(B, { emit: He }) {
-    const { t: W, locale: U } = ns(), De = He, x = H(null), Oe = H(null), fe = H(null), Qe = H(0), h = H(0);
+  setup(P, { emit: $e }) {
+    const { t: W, locale: U } = ns(), De = $e, x = H(null), Oe = H(null), fe = H(null), Qe = H(0), h = H(0);
     let be = null, Ve = null;
-    const $e = 20, le = y(() => {
+    const Ee = 20, le = y(() => {
       if (!x.value || !Oe.value) return 0;
       try {
         const e = x.value.getBoundingClientRect();
@@ -148,7 +148,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       } catch {
         return 0;
       }
-    }), I = B, ze = {
+    }), I = P, ze = {
       chart: {
         type: "line",
         width: 800,
@@ -330,7 +330,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         const u = I.series.filter((g, C) => !Vt.value.has(C)).length;
         if (Ne.value === "top" || Ne.value === "bottom") {
           if (nn.value === "horizontal") {
-            const C = Math.floor(Ae.value / 100);
+            const C = Math.floor(He.value / 100);
             o = Math.ceil(u / C) * 25 + 10;
           } else
             o = u * 25 + 10;
@@ -349,10 +349,10 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }), Mt = y(() => {
       const e = X.value;
       return e && e.chart && e.chart.height === "auto";
-    }), Ae = y(() => {
+    }), He = y(() => {
       const e = X.value;
       return kt.value ? Qe.value || 800 : e && e.chart && typeof e.chart.width == "number" ? e.chart.width : 800;
-    }), Kt = H($e), Nt = y(() => {
+    }), Kt = H(Ee), Nt = y(() => {
       if (Mt.value) {
         const e = Nt.value;
         return e ?? Math.max(0, (h.value || 400) - Kt.value * 5);
@@ -463,7 +463,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }), ue = y(() => {
       const e = X.value, o = e && e.colors && Array.isArray(e.colors) ? e.colors : [];
       return o.length > 0 ? o : ["#3B82F6", "#EF4444", "#10B981", "#F59E0B", "#8B5CF6", "#F97316", "#06B6D4", "#84CC16"];
-    }), Ee = y(() => {
+    }), Ae = y(() => {
       const e = X.value;
       return e && e.animations && e.animations.enabled !== !1;
     }), ft = y(() => {
@@ -535,7 +535,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }, sa = y(() => !q.value.isZooming);
     y(() => Dt.value.map((e) => {
       if (e.categoryIndex !== void 0 && (fn.value || Xt.value)) {
-        const o = en(e.categoryIndex), t = le.value + P.value.bottom - Sn.value / 2;
+        const o = en(e.categoryIndex), t = le.value + B.value.bottom - Sn.value / 2;
         return {
           ...e,
           x: o,
@@ -554,11 +554,11 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
     const F = y(() => {
       const e = I.markers.map((t) => {
-        const u = La(t.marker_date, I.categories), g = en(u), C = le.value + P.value.bottom - Sn.value / 2;
+        const u = La(t.marker_date, I.categories), g = en(u), C = le.value + B.value.bottom - Sn.value / 2;
         return { ...t, x: g, y: C, categoryIndex: u, source: "props" };
       }), o = Dt.value.map((t) => {
         if (t.categoryIndex !== void 0 && (fn.value || Xt.value)) {
-          const u = en(t.categoryIndex), g = le.value + P.value.bottom - Sn.value / 2;
+          const u = en(t.categoryIndex), g = le.value + B.value.bottom - Sn.value / 2;
           return {
             ...t,
             x: u,
@@ -583,10 +583,10 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       return e && e.watermark && e.watermark.position ? e.watermark.position : "bottom-right";
     }), nt = y(() => {
       const e = {
-        left: P.value.left,
-        top: P.value.top,
-        width: P.value.width,
-        height: P.value.height
+        left: B.value.left,
+        top: B.value.top,
+        width: B.value.width,
+        height: B.value.height
       };
       let o, t;
       const u = String(oe.value);
@@ -601,7 +601,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }), ot = y(() => {
       const { width: e, height: o } = nt.value, t = Le.value;
       let u, g;
-      const C = P.value.left, _ = P.value.right, M = P.value.top, D = P.value.bottom, V = P.value.width, N = P.value.height;
+      const C = B.value.left, _ = B.value.right, M = B.value.top, D = B.value.bottom, V = B.value.width, N = B.value.height;
       switch (t) {
         case "center":
           u = C + (V - e) / 2, g = M + (N - o) / 2;
@@ -834,7 +834,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         Ue.value.show = !1;
         return;
       }
-      const t = e.currentTarget.getBoundingClientRect(), u = e.clientX - t.left, g = e.clientY - t.top, C = Xt.value ? u >= P.value.left - 50 && u <= P.value.right + 50 && g >= P.value.top - 50 && g <= P.value.bottom + 100 : u >= P.value.left && u <= P.value.right && g >= P.value.top && g <= P.value.bottom;
+      const t = e.currentTarget.getBoundingClientRect(), u = e.clientX - t.left, g = e.clientY - t.top, C = Xt.value ? u >= B.value.left - 50 && u <= B.value.right + 50 && g >= B.value.top - 50 && g <= B.value.bottom + 100 : u >= B.value.left && u <= B.value.right && g >= B.value.top && g <= B.value.bottom;
       if (Ka.value = C, Xt.value) {
         if (!mt.value || !C || q.value.isDragging || q.value.isZooming) {
           Ue.value.show = !1;
@@ -888,7 +888,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         Ue.value.show = !1;
         const _e = e.clientX - q.value.lastMouseX, { minX: ne, maxX: ge } = Wt.value, Ce = ge - ne || 1, Ke = _e * 0.8;
         q.value.offsetX += Ke;
-        const Me = Ce / q.value.scale, Se = Ce - Me, Pe = 0, Ie = -Se / Ce * P.value.width, gt = Pe;
+        const Me = Ce / q.value.scale, Se = Ce - Me, Pe = 0, Ie = -Se / Ce * B.value.width, gt = Pe;
         q.value.offsetX = Math.max(Ie, Math.min(gt, q.value.offsetX)), q.value.lastMouseX = e.clientX, q.value.lastMouseY = e.clientY;
         return;
       }
@@ -896,7 +896,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         Ue.value.show = !1;
         return;
       }
-      const { minX: _, maxX: M } = Wt.value, D = M - _ || 1, V = D / q.value.scale, N = _ - q.value.offsetX / P.value.width * D, $ = (u - P.value.left) / P.value.width, Q = N + $ * V, de = Math.round(Q);
+      const { minX: _, maxX: M } = Wt.value, D = M - _ || 1, V = D / q.value.scale, N = _ - q.value.offsetX / B.value.width * D, $ = (u - B.value.left) / B.value.width, Q = N + $ * V, de = Math.round(Q);
       if (de >= 0 && de <= M) {
         const _e = en(de), ne = Ia.value.map((ge, Ce) => {
           const se = I.series.findIndex((Me) => Me === ge), Ke = ge.data[de];
@@ -927,10 +927,10 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         });
         return;
       }
-      const g = Math.max(0, P.value.left - 20), C = P.value.right, _ = P.value.top, M = P.value.bottom + 80;
+      const g = Math.max(0, B.value.left - 20), C = B.value.right, _ = B.value.top, M = B.value.bottom + 80;
       t >= g && t <= C && u >= _ && u <= M && (Ze.value.show = !1, ie(() => {
         Ze.value.show = !0, Ze.value.x = e.clientX, Ze.value.y = e.clientY, Ze.value.categoryIndex = null;
-        const D = Math.max(P.value.left, Math.min(t, P.value.right)) - P.value.left, N = P.value.width / Hl.value.length, $ = Math.floor(D / N);
+        const D = Math.max(B.value.left, Math.min(t, B.value.right)) - B.value.left, N = B.value.width / Hl.value.length, $ = Math.floor(D / N);
         $ >= 0 && $ < Hl.value.length && (Ze.value.categoryIndex = $);
       }));
     }, je = (e) => {
@@ -963,7 +963,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       return e.cssClass && o.push(e.cssClass), o;
     }, Rt = (e) => e.style || {}, Gn = (e) => e.type && Mn.value[e.type] ? Mn.value[e.type] : e.customIcon ? e.customIcon : Xn.value, ol = (e) => e == null ? "" : I.categories && I.categories[e] ? I.categories[e] : "", Rl = (e) => Dt.value.length ? Dt.value.filter((o) => o.categoryIndex === e) : [], Il = (e) => {
       if (!fn.value && !Xt.value) return { x: 0, y: 0 };
-      const o = en(e), t = le.value + P.value.bottom - Sn.value / 2;
+      const o = en(e), t = le.value + B.value.bottom - Sn.value / 2;
       return { x: o, y: t };
     }, Tn = () => {
       Dt.value.forEach((e) => {
@@ -989,7 +989,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             const { maxX: _ } = Wt.value;
             o = Math.max(0, Math.min(o, Math.floor(_)));
           } else fn.value && (o = Math.max(0, Math.min(o, Wt.value.maxX)));
-          const t = en(o), u = le.value + P.value.bottom - Sn.value / 2, g = Array.isArray(I.categories) ? I.categories[o] : null, C = {
+          const t = en(o), u = le.value + B.value.bottom - Sn.value / 2, g = Array.isArray(I.categories) ? I.categories[o] : null, C = {
             id: e,
             title: "",
             description: xe.value.description || "",
@@ -1078,7 +1078,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
               console.error("Chart SVG element not found"), In(e);
               return;
             }
-            const t = qe(), u = Ae.value, g = ht.value + t.height, C = o.cloneNode(!0);
+            const t = qe(), u = He.value, g = ht.value + t.height, C = o.cloneNode(!0);
             C.querySelectorAll(".dss-flag-markers, .dss-flag-line, .dss-flag-extension-line, .dss-flag-count-indicator, .dss-flag-count-text").forEach((se) => se.remove());
             const M = C.querySelectorAll("image"), D = Array.from(M).map(async (se) => {
               const Ke = se.getAttribute("xlink:href") || se.getAttribute("href");
@@ -1120,7 +1120,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             let de = "";
             if (Y.value)
               try {
-                const { width: se, height: Ke } = nt.value, Me = Le.value, Se = P.value.left, Pe = P.value.right, Ie = P.value.top, gt = P.value.bottom, yt = P.value.width, Fn = P.value.height;
+                const { width: se, height: Ke } = nt.value, Me = Le.value, Se = B.value.left, Pe = B.value.right, Ie = B.value.top, gt = B.value.bottom, yt = B.value.width, Fn = B.value.height;
                 let on, Ea;
                 switch (Me) {
                   case "center":
@@ -1191,7 +1191,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       try {
         const e = bn();
         document.querySelector(".dss-custom-chart-container").offsetHeight, await new Promise((se) => setTimeout(se, 300));
-        const o = qe(), t = Ae.value, u = ht.value + o.height, g = document.createElement("canvas"), C = g.getContext("2d"), _ = 2;
+        const o = qe(), t = He.value, u = ht.value + o.height, g = document.createElement("canvas"), C = g.getContext("2d"), _ = 2;
         g.width = t * _, g.height = u * _, g.style.width = t + "px", g.style.height = u + "px", C.scale(_, _), C.fillStyle = "#fafafa", C.fillRect(0, 0, t, u);
         let M = 30;
         if (bt.value && (C.fillStyle = "#333", C.font = "bold 18px Arial, sans-serif", C.fillText(bt.value, 24, M), M += 30), dt.value && (C.fillStyle = "#666", C.font = "14px Arial, sans-serif", C.fillText(dt.value, 24, M), M += 25), at.value && I.series.length > 0) {
@@ -1222,7 +1222,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 C.save(), C.beginPath(), C.arc(Se, Pe, Ie - 1, 0, 2 * Math.PI), C.fillStyle = gt, C.fill(), C.strokeStyle = "#fafafa", C.lineWidth = 2, C.stroke(), C.restore();
               }), Y.value) {
                 const Me = new Image(), Se = () => {
-                  const { width: Ie, height: gt } = nt.value, yt = Le.value, Fn = P.value.left, on = P.value.right, Ea = P.value.top, cs = P.value.bottom, ks = P.value.width, Ms = P.value.height;
+                  const { width: Ie, height: gt } = nt.value, yt = Le.value, Fn = B.value.left, on = B.value.right, Ea = B.value.top, cs = B.value.bottom, ks = B.value.width, Ms = B.value.height;
                   let pl, hl;
                   switch (yt) {
                     case "center":
@@ -1322,7 +1322,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       if (!fn.value || !Gt.value) return;
       e.preventDefault(), e.stopPropagation(), q.value.isZooming = !0, Ue.value.show = !1, q.value.zoomTimeout && clearTimeout(q.value.zoomTimeout);
       const t = e.currentTarget.getBoundingClientRect(), u = e.clientX - t.left, g = e.clientY - t.top;
-      if (u < P.value.left - 50 || u > P.value.right + 50 || g < P.value.top - 50 || g > P.value.bottom + 100) {
+      if (u < B.value.left - 50 || u > B.value.right + 50 || g < B.value.top - 50 || g > B.value.bottom + 100) {
         q.value.isZooming = !1;
         return;
       }
@@ -1331,10 +1331,10 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         Math.min(q.value.maxScale, q.value.scale * C)
       );
       if (_ !== q.value.scale) {
-        const { minX: M, maxX: D } = Wt.value, V = D - M || 1, N = V / q.value.scale, $ = M - q.value.offsetX / P.value.width * V, Q = (u - P.value.left) / P.value.width, de = $ + Q * N;
+        const { minX: M, maxX: D } = Wt.value, V = D - M || 1, N = V / q.value.scale, $ = M - q.value.offsetX / B.value.width * V, Q = (u - B.value.left) / B.value.width, de = $ + Q * N;
         q.value.scale = _;
         const _e = V / q.value.scale, ne = de - Q * _e;
-        q.value.offsetX = -(ne - M) / V * P.value.width, q.value.scale <= 1.01 && (q.value.scale = 1, q.value.offsetX = 0);
+        q.value.offsetX = -(ne - M) / V * B.value.width, q.value.scale <= 1.01 && (q.value.scale = 1, q.value.offsetX = 0);
       }
       q.value.zoomTimeout = setTimeout(() => {
         q.value.isZooming = !1, q.value.zoomTimeout = null;
@@ -1387,25 +1387,25 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       at.value && Ne.value === "left" ? D += M.legendWidth || 150 : at.value && Ne.value === "right" && (V += M.legendWidth || 150), at.value && Ne.value === "bottom" && (C += M.legendHeight || 0);
       const N = { left: D, top: g + _, right: V, bottom: C };
       return t != null ? { left: t, top: t, right: t, bottom: t } : u ? { left: u.left ?? N.left, top: u.top ?? N.top, right: u.right ?? N.right, bottom: u.bottom ?? N.bottom } : N;
-    }), P = y(() => ({
+    }), B = y(() => ({
       left: Nn.value.left,
       top: Nn.value.top,
-      right: Ae.value - Nn.value.right,
+      right: He.value - Nn.value.right,
       bottom: ht.value - Nn.value.bottom,
-      width: Ae.value - (Nn.value.left + Nn.value.right),
+      width: He.value - (Nn.value.left + Nn.value.right),
       height: ht.value - (Nn.value.top + Nn.value.bottom)
     })), fn = y(() => ["line", "area", "bar"].includes(ve.value) || Hn.value), Zn = y(() => Hn.value), En = y(() => ["radial", "semi-radial"].includes(ve.value)), fa = y(() => ve.value === "spider"), Xt = y(() => ve.value === "bubble"), dn = y(() => X.value?.chart?.orientation === "horizontal" && (ve.value === "bar" || Zn.value)), pa = (e) => {
       const { minY: o, maxY: t } = Wt.value, u = t - o || 1;
-      return P.value.left + (e - o) / u * P.value.width;
+      return B.value.left + (e - o) / u * B.value.width;
     }, Va = (e) => {
-      const { maxX: o } = Wt.value, t = o + 1, g = P.value.height / t;
-      return P.value.top + (e + 0.5) * g;
-    }, $t = y(() => En.value ? Nn.value.left + (Ae.value - Nn.value.left - Nn.value.right) / 2 : Ae.value / 2), Et = y(() => fa.value ? ht.value / 2 - 40 : En.value ? Nn.value.top + (ht.value - Nn.value.top - Nn.value.bottom) / 2 : ht.value / 2), vt = y(() => {
+      const { maxX: o } = Wt.value, t = o + 1, g = B.value.height / t;
+      return B.value.top + (e + 0.5) * g;
+    }, $t = y(() => En.value ? Nn.value.left + (He.value - Nn.value.left - Nn.value.right) / 2 : He.value / 2), Et = y(() => fa.value ? ht.value / 2 - 40 : En.value ? Nn.value.top + (ht.value - Nn.value.top - Nn.value.bottom) / 2 : ht.value / 2), vt = y(() => {
       if (fa.value) {
-        const e = P.value.width - 80, o = P.value.height - 80;
+        const e = B.value.width - 80, o = B.value.height - 80;
         return Math.min(e, o) / 2;
       }
-      return Math.min(P.value.width, P.value.height) / 2;
+      return Math.min(B.value.width, B.value.height) / 2;
     }), It = y(() => {
       const e = X.value, o = e?.plotOptions?.radialBar?.innerRadiusRatio ?? e?.radialBar?.innerRadiusRatio, t = typeof o == "number" && o >= 0 && o <= 1 ? o : 0.45;
       return vt.value * t;
@@ -1418,9 +1418,9 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       const o = $t.value, t = Et.value;
       return `translate(${o}, ${t}) scale(${e}) translate(${-o}, ${-t})`;
     }), Qa = H(0), Ml = y(() => `semi-radial-fill-clip-${I.chartId}`), _a = y(() => ve.value === "semi-radial"), ia = y(
-      () => _a.value && Ee.value && !qn.value
+      () => _a.value && Ae.value && !qn.value
     ), Qn = y(
-      () => _a.value && Ee.value && !qn.value && ft.value === "fill"
+      () => _a.value && Ae.value && !qn.value && ft.value === "fill"
     ), Da = y(() => {
       const e = ia.value ? Qa.value : 1, o = $t.value, t = Et.value, u = It.value, g = vt.value, C = Math.PI, _ = Math.PI + e * Math.PI;
       if (e <= 0) return `M ${o} ${t} L ${o} ${t} Z`;
@@ -1433,7 +1433,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       if (!(!Qn.value || e !== 0))
         return `url(#${Ml.value})`;
     }, $a = H(0), Sl = y(() => `radial-reveal-clip-${I.chartId}`), Vn = y(() => ve.value === "radial"), Ra = y(() => {
-      const e = Vn.value ? $a.value : 1, o = $t.value, t = Et.value, u = Math.max(vt.value * 1.5, Ae.value, ht.value);
+      const e = Vn.value ? $a.value : 1, o = $t.value, t = Et.value, u = Math.max(vt.value * 1.5, He.value, ht.value);
       if (e <= 0) return `M ${o} ${t} L ${o} ${t} Z`;
       if (e >= 1) {
         const $ = o - u, Q = o + u;
@@ -1532,16 +1532,16 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }, en = (e) => {
       if (Xt.value) {
         const { minX: M, maxX: D } = Wt.value, V = D - M || 1;
-        return P.value.left + (e - M) / V * P.value.width;
+        return B.value.left + (e - M) / V * B.value.width;
       }
       const { minX: o, maxX: t } = Wt.value, u = t - o;
       if (t === 0 || u === 0)
-        return P.value.left + P.value.width / 2;
-      const g = u / q.value.scale, C = o - q.value.offsetX / P.value.width * u, _ = (e - C) / g;
-      return P.value.left + _ * P.value.width;
+        return B.value.left + B.value.width / 2;
+      const g = u / q.value.scale, C = o - q.value.offsetX / B.value.width * u, _ = (e - C) / g;
+      return B.value.left + _ * B.value.width;
     }, pn = (e) => {
       const { minY: o, maxY: t } = Wt.value, u = t - o || 1;
-      return P.value.bottom - (e - o) / u * P.value.height;
+      return B.value.bottom - (e - o) / u * B.value.height;
     }, El = (e) => {
       if (!Xt.value) return pt.value || 4;
       const { maxSize: o } = Wt.value, t = Math.max(1, o), u = Math.min(1, Math.max(0, e / t));
@@ -1558,45 +1558,45 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             const Fn = Se + gt * (yt / Ie), on = pa(Fn);
             Me.push({
               x: on,
-              y: P.value.bottom + 20,
+              y: B.value.bottom + 20,
               text: _n(Math.round(Fn))
             });
           }
           return Me;
         }
-        const _e = [], { maxX: ne } = Wt.value, ge = ne + 1, Ce = 5, Ke = (P.value.width - Ce * 2) / ge;
+        const _e = [], { maxX: ne } = Wt.value, ge = ne + 1, Ce = 5, Ke = (B.value.width - Ce * 2) / ge;
         for (let Me = 0; Me <= ne; Me++) {
-          const Se = P.value.left + Ce + (Me + 0.5) * Ke;
+          const Se = B.value.left + Ce + (Me + 0.5) * Ke;
           _e.push({
             x: Se,
-            y: P.value.bottom + 20,
+            y: B.value.bottom + 20,
             text: I.categories[Me] || W("chart.fallback.item", { number: Me + 1 })
           });
         }
         return _e;
       }
-      const e = [], { minX: o, maxX: t } = Wt.value, u = t - o || 1, g = u / q.value.scale, C = o - q.value.offsetX / P.value.width * u, _ = C + g, M = Math.max(0, Math.floor(C - 2)), D = Math.min(t, Math.ceil(_ + 2)), V = D - M, N = P.value.width, Q = Math.floor(N / 60);
+      const e = [], { minX: o, maxX: t } = Wt.value, u = t - o || 1, g = u / q.value.scale, C = o - q.value.offsetX / B.value.width * u, _ = C + g, M = Math.max(0, Math.floor(C - 2)), D = Math.min(t, Math.ceil(_ + 2)), V = D - M, N = B.value.width, Q = Math.floor(N / 60);
       let de = 1;
       V > Q && (de = Math.ceil(V / Q));
       for (let _e = M; _e <= D; _e += de)
         if (_e >= 0 && _e <= t) {
           const ne = en(_e);
-          ne >= P.value.left - 100 && ne <= P.value.right + 100 && e.push({
+          ne >= B.value.left - 100 && ne <= B.value.right + 100 && e.push({
             x: ne,
-            y: P.value.bottom + 20,
+            y: B.value.bottom + 20,
             text: I.categories[_e] || `Item ${_e + 1}`
           });
         }
       return e;
     }), Xl = () => {
-      const e = [], { minX: o, maxX: t } = Wt.value, u = t - o || 1, g = Math.min(8, Math.max(4, Math.floor(P.value.width / 80)));
+      const e = [], { minX: o, maxX: t } = Wt.value, u = t - o || 1, g = Math.min(8, Math.max(4, Math.floor(B.value.width / 80)));
       for (let C = 0; C <= g; C++) {
         const _ = o + u * C / g, M = en(_);
-        if (M >= P.value.left - 10 && M <= P.value.right + 10) {
+        if (M >= B.value.left - 10 && M <= B.value.right + 10) {
           const D = Math.round(_), V = I.categories?.[D];
           e.push({
             x: M,
-            y: P.value.bottom + 20,
+            y: B.value.bottom + 20,
             text: V || (Number.isInteger(_) ? _.toString() : _.toFixed(1))
           });
         }
@@ -1607,7 +1607,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         const g = [], { maxX: C } = Wt.value;
         for (let _ = 0; _ <= C; _++)
           g.push({
-            x: P.value.left - 10,
+            x: B.value.left - 10,
             y: Va(_),
             text: I.categories[_] || `Item ${_ + 1}`
           });
@@ -1617,7 +1617,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       for (let g = 0; g <= u; g++) {
         const C = o + (t - o) * (g / u), _ = Math.round(C);
         e.push({
-          x: P.value.left - 10,
+          x: B.value.left - 10,
           y: pn(C),
           text: _n(_)
         });
@@ -1753,7 +1753,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           }
         }
       }), o;
-    }), ss = y(() => ve.value === "line" || Zn.value ? !Ee.value || qn.value || wt.value.hasAnimated ? [] : (Zn.value ? I.series.filter((o) => (o.type || ve.value) === "line") : ha.value).map((o, t) => {
+    }), ss = y(() => ve.value === "line" || Zn.value ? !Ae.value || qn.value || wt.value.hasAnimated ? [] : (Zn.value ? I.series.filter((o) => (o.type || ve.value) === "line") : ha.value).map((o, t) => {
       const u = I.series.findIndex((D) => D === o);
       let g = "", C = null;
       o.data.forEach((D, V) => {
@@ -1881,7 +1881,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         color: Yt(o),
         isHidden: Vt.value.has(o)
       };
-      const g = P.value.bottom + 1;
+      const g = B.value.bottom + 1;
       let C = "", _ = "";
       t.forEach(($, Q) => {
         if ($.length === 0) return;
@@ -1915,13 +1915,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       if (!(["bar"].includes(ve.value) || Zn.value)) return [];
       const e = [], { maxX: o } = Wt.value, t = Zn.value ? I.series.filter((g) => (g.type || ve.value) === "bar") : ha.value, u = t.length;
       if (dn.value) {
-        const g = o + 1, _ = P.value.height / g, M = _ * (2 / 3), D = Math.min(4, M / u * 0.15), V = M - (u - 1) * D, N = Math.max(4, V / u);
+        const g = o + 1, _ = B.value.height / g, M = _ * (2 / 3), D = Math.min(4, M / u * 0.15), V = M - (u - 1) * D, N = Math.max(4, V / u);
         t.forEach(($, Q) => {
           const de = I.series.findIndex((Ce) => Ce === $), _e = we.value === de, ne = we.value !== null && we.value !== de, ge = Vt.value.has(de);
           $.data.forEach((Ce, se) => {
             if (Ce == null || typeof Ce != "number" || !isFinite(Ce))
               return;
-            const Se = P.value.top + (se + 0.5) * _ - M / 2 + Q * (N + D), Pe = P.value.left, Ie = Math.abs(pa(Ce) - P.value.left);
+            const Se = B.value.top + (se + 0.5) * _ - M / 2 + Q * (N + D), Pe = B.value.left, Ie = Math.abs(pa(Ce) - B.value.left);
             let gt = "";
             if (j.value && Ie > 0) {
               const yt = Math.min(te.value, N / 2, Ie / 2);
@@ -1954,13 +1954,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           });
         });
       } else {
-        const g = o + 1, _ = P.value.width / g, M = _ * 0.8, D = M / u, V = D * 0.05, N = D - V;
+        const g = o + 1, _ = B.value.width / g, M = _ * 0.8, D = M / u, V = D * 0.05, N = D - V;
         t.forEach(($, Q) => {
           const de = I.series.findIndex((Ce) => Ce === $), _e = we.value === de, ne = we.value !== null && we.value !== de, ge = Vt.value.has(de);
           $.data.forEach((Ce, se) => {
             if (Ce == null || typeof Ce != "number" || !isFinite(Ce))
               return;
-            const Se = P.value.left + (se + 0.5) * _ - M / 2 + Q * D + V / 2, Pe = pn(Math.max(0, Ce)), Ie = Math.abs(pn(0) - pn(Ce));
+            const Se = B.value.left + (se + 0.5) * _ - M / 2 + Q * D + V / 2, Pe = pn(Math.max(0, Ce)), Ie = Math.abs(pn(0) - pn(Ce));
             let gt = "";
             if (j.value && Ie > 0) {
               const yt = Math.min(te.value, N / 2, Ie / 2);
@@ -2157,7 +2157,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       const u = t.getBoundingClientRect();
       let g = o.clientX - u.left + 10, C = o.clientY - u.top - 10;
       const _ = 200, M = 120;
-      g + _ > Ae.value && (g = o.clientX - u.left - _ - 10), C + M > u.height && (C = o.clientY - u.top - M - 10), g < 0 && (g = 10), C < 0 && (C = 10);
+      g + _ > He.value && (g = o.clientX - u.left - _ - 10), C + M > u.height && (C = o.clientY - u.top - M - 10), g < 0 && (g = 10), C < 0 && (C = 10);
       const D = Kn.value, V = Ta.value, N = D.map(($) => {
         const Q = V[$] || $, de = f($, e);
         return de ? { seriesName: e.seriesName, label: e.label, value: `${Q}: ${de}`, color: e.color } : null;
@@ -2219,7 +2219,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       const u = t.getBoundingClientRect(), g = ol(e.categoryIndex), C = e.description || e.comment || "";
       let _ = o.clientX - u.left + 15, M = o.clientY - u.top - 10;
       const D = 200, V = C ? 80 : 50;
-      _ + D > Ae.value && (_ = o.clientX - u.left - D - 15), M + V > ht.value && (M = o.clientY - u.top - V - 10), _ < 0 && (_ = 10), M < 0 && (M = 10), cn.value = {
+      _ + D > He.value && (_ = o.clientX - u.left - D - 15), M + V > ht.value && (M = o.clientY - u.top - V - 10), _ < 0 && (_ = 10), M < 0 && (M = 10), cn.value = {
         show: !0,
         x: _,
         y: M,
@@ -2308,7 +2308,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         _.length, we.value = _[0].seriesIndex;
         const M = e.clientX - t.left + 10, D = e.clientY - t.top - 10, V = 200, N = 50 + _.length * 25;
         let $ = M, Q = D;
-        $ + V > Ae.value && ($ = e.clientX - t.left - V - 10), Q + N > ht.value && (Q = e.clientY - t.top - N - 10), $ < 0 && ($ = 10), Q < 0 && (Q = 10);
+        $ + V > He.value && ($ = e.clientX - t.left - V - 10), Q + N > ht.value && (Q = e.clientY - t.top - N - 10), $ < 0 && ($ = 10), Q < 0 && (Q = 10);
         const de = _.map((_e) => {
           let ne = _e.dataPoints[0], ge = 1 / 0;
           return _e.dataPoints.forEach((Ce) => {
@@ -2387,9 +2387,9 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         return { display: "none" };
       let e, o;
       if (mt.value && Ue.value.show && !q.value.isZooming) {
-        e = Ue.value.x + 15, o = P.value.top;
+        e = Ue.value.x + 15, o = B.value.top;
         const t = Xt.value ? 200 : 150;
-        e + t > Ae.value && (e = Ue.value.x - t - 15), e < 0 && (e = 10), o < 10 && (o = 10);
+        e + t > He.value && (e = Ue.value.x - t - 15), e < 0 && (e = 10), o < 10 && (o = 10);
       } else
         e = Je.value.x, o = Je.value.y;
       return {
@@ -2401,7 +2401,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         return;
       const u = o.target.closest(".dss-custom-chart-container").getBoundingClientRect();
       let g = o.clientX - u.left + 10, C = o.clientY - u.top - 10;
-      const _ = 200, M = 120, D = Ae.value, V = ht.value;
+      const _ = 200, M = 120, D = He.value, V = ht.value;
       g + _ > D && (g = o.clientX - u.left - _ - 10), C + M > V && (C = o.clientY - u.top - M - 10), g < 0 && (g = 10), C < 0 && (C = 10);
       let N;
       typeof e.categoryIndex == "number" ? N = e.categoryIndex : typeof e.dataIndex == "number" ? N = e.dataIndex : e.label && I.categories.includes(e.label) && (N = I.categories.indexOf(e.label));
@@ -2422,7 +2422,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       const u = o.target.closest(".dss-custom-chart-container").getBoundingClientRect();
       let g = o.clientX - u.left + 15, C = o.clientY - u.top - 10;
       const _ = 250;
-      g + _ > Ae.value && (g = o.clientX - u.left - _ - 15), g < 0 && (g = 10), C < 0 && (C = 10), ba.value = {
+      g + _ > He.value && (g = o.clientX - u.left - _ - 15), g < 0 && (g = 10), C < 0 && (C = 10), ba.value = {
         show: !0,
         x: g,
         y: C,
@@ -2453,7 +2453,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           return o;
       }
     }, qn = y(() => Ut.value ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1), Ll = () => {
-      if (!Ee.value || qn.value) {
+      if (!Ae.value || qn.value) {
         wt.value.hasAnimated = !0, Vn.value && ($a.value = 1);
         return;
       }
@@ -2477,7 +2477,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       })) : Ql.value = !1;
     }, { immediate: !0 });
     const Cs = y(() => {
-      if (!Ee.value || qn.value || wt.value.hasAnimated)
+      if (!Ae.value || qn.value || wt.value.hasAnimated)
         return {};
       const e = {};
       return e["--dss-animation-duration"] = `${Fe.value}ms`, e["--dss-animation-easing"] = bs(St.value), e["--dss-stagger-delay"] = `${Ft.value}ms`, e;
@@ -2488,7 +2488,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       "ease-out": "ease-out",
       "ease-in-out": "ease-in-out"
     })[e] || "ease-out", ws = () => {
-      if (!Ee.value || qn.value) return "";
+      if (!Ae.value || qn.value) return "";
       const e = ["dss-chart-animated"];
       return wt.value.hasAnimated || e.push(`dss-animate-${ft.value}`), wt.value.hasAnimated || (En.value && ve.value !== "semi-radial" ? e.push("dss-animate-fill") : En.value || e.push(`dss-animate-${ft.value}`)), wt.value.isAnimating && e.push("dss-is-animating"), e.join(" ");
     };
@@ -2511,14 +2511,14 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         document.addEventListener("click", bl);
       }) : document.removeEventListener("click", bl);
     }), is(() => {
-      we.value = null, Vn.value && (!Ee.value || qn.value) && ($a.value = 1), Ol(), x.value && typeof ResizeObserver < "u" && (be = new ResizeObserver((e) => {
+      we.value = null, Vn.value && (!Ae.value || qn.value) && ($a.value = 1), Ol(), x.value && typeof ResizeObserver < "u" && (be = new ResizeObserver((e) => {
         const o = e[0];
         !o || !o.contentRect || (Ve && cancelAnimationFrame(Ve), Ve = requestAnimationFrame(() => {
           Ve = null;
           const { width: t, height: u } = o.contentRect;
-          Qe.value = Math.round(t), h.value = Math.round(u), fe.value && (Kt.value = fe.value.offsetHeight || $e);
+          Qe.value = Math.round(t), h.value = Math.round(u), fe.value && (Kt.value = fe.value.offsetHeight || Ee);
         }));
-      }), be.observe(x.value)), Ee.value && !qn.value ? ve.value === "semi-radial" ? setTimeout(() => qa(), tt.value) : setTimeout(() => Ll(), tt.value) : (wt.value.hasAnimated = !0, ve.value === "semi-radial" && (Qa.value = 1)), document.addEventListener("mousemove", rs), document.addEventListener("mouseup", us), document.addEventListener("click", za);
+      }), be.observe(x.value)), Ae.value && !qn.value ? ve.value === "semi-radial" ? setTimeout(() => qa(), tt.value) : setTimeout(() => Ll(), tt.value) : (wt.value.hasAnimated = !0, ve.value === "semi-radial" && (Qa.value = 1)), document.addEventListener("mousemove", rs), document.addEventListener("mouseup", us), document.addEventListener("click", za);
     }), es(() => {
       Ve && cancelAnimationFrame(Ve), be && x.value && (be.unobserve(x.value), be.disconnect(), be = null), wt.value.animationId && cancelAnimationFrame(wt.value.animationId), Jn && (cancelAnimationFrame(Jn), Jn = null), q.value.zoomTimeout && clearTimeout(q.value.zoomTimeout), document.removeEventListener("mousemove", rs), document.removeEventListener("mouseup", us), document.removeEventListener("click", za), document.removeEventListener("click", bl);
     });
@@ -2527,7 +2527,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         Ue.value.show = !1;
         const o = e.clientX - q.value.lastMouseX, { minX: t, maxX: u } = Wt.value, g = u - t || 1, _ = o * 0.8;
         q.value.offsetX += _;
-        const M = g / q.value.scale, D = g - M, V = 0, N = -D / g * P.value.width, $ = V;
+        const M = g / q.value.scale, D = g - M, V = 0, N = -D / g * B.value.width, $ = V;
         q.value.offsetX = Math.max(N, Math.min($, q.value.offsetX)), q.value.lastMouseX = e.clientX, q.value.lastMouseY = e.clientY;
       }
     }, us = () => {
@@ -2567,7 +2567,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           { "dss-chart-fill-width": kt.value, "dss-chart-fill-height": Mt.value, "dss-chart-compact": En.value && !at.value }
         ]]),
         style: re({
-          width: kt.value ? "100%" : Ae.value + "px",
+          width: kt.value ? "100%" : He.value + "px",
           height: Be.value,
           ...kt.value || Mt.value ? { overflow: "hidden", maxWidth: "100%", maxHeight: "100%" } : {},
           ...Cs.value,
@@ -2654,7 +2654,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             ], 46, Rs))), 128))
           ], 2)) : R("", !0)
         ], 512),
-        B.showAddMarkerButton && zt.value.addMarker && (fn.value || Xt.value) ? (c(), d("div", {
+        P.showAddMarkerButton && zt.value.addMarker && (fn.value || Xt.value) ? (c(), d("div", {
           key: 0,
           class: "dss-add-marker-button",
           onClick: Cl,
@@ -2684,21 +2684,21 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         l("div", Ps, [
           Xt.value && kn.value ? (c(), d("div", Bs, "Bubble size: " + L(kn.value), 1)) : R("", !0),
           (c(), d("svg", {
-            width: Ae.value,
+            width: He.value,
             height: ht.value,
             class: "dss-chart-svg",
             "data-smooth": j.value,
-            "data-animated": Ee.value,
+            "data-animated": Ae.value,
             ref_key: "svgEl",
             ref: Oe
           }, [
             l("defs", null, [
               l("clipPath", zs, [
                 l("rect", {
-                  x: P.value.left,
-                  y: P.value.top,
-                  width: P.value.width,
-                  height: P.value.height * 4
+                  x: 0,
+                  y: B.value.top,
+                  width: He.value,
+                  height: B.value.height * 4
                 }, null, 8, Ws)
               ]),
               _a.value ? (c(), d("clipPath", {
@@ -2718,8 +2718,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
               xt.value ? (c(), d("g", js, [
                 (c(!0), d(ee, null, me(Ul.value, (t, u) => (c(), d("line", {
                   key: `h-grid-${u}`,
-                  x1: P.value.left,
-                  x2: P.value.right,
+                  x1: B.value.left,
+                  x2: B.value.right,
                   y1: t.y,
                   y2: t.y,
                   stroke: "#e0e0e0",
@@ -2732,18 +2732,18 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
               ])) : R("", !0),
               l("g", Gs, [
                 l("line", {
-                  x1: P.value.left,
-                  x2: P.value.right,
-                  y1: P.value.bottom,
-                  y2: P.value.bottom,
+                  x1: B.value.left,
+                  x2: B.value.right,
+                  y1: B.value.bottom,
+                  y2: B.value.bottom,
                   stroke: "#ccc",
                   "stroke-width": "1"
                 }, null, 8, Qs),
                 l("line", {
-                  x1: P.value.left,
-                  x2: P.value.left,
-                  y1: P.value.top,
-                  y2: P.value.bottom,
+                  x1: B.value.left,
+                  x2: B.value.left,
+                  y1: B.value.top,
+                  y2: B.value.bottom,
                   stroke: "#ccc",
                   "stroke-width": "1"
                 }, null, 8, Js)
@@ -2774,8 +2774,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 }, L(t.text), 13, no))), 128)),
                 rn.value ? (c(), d("text", {
                   key: 0,
-                  x: P.value.left + P.value.width / 2,
-                  y: P.value.bottom + 45,
+                  x: B.value.left + B.value.width / 2,
+                  y: B.value.bottom + 45,
                   "text-anchor": "middle",
                   "font-size": "14",
                   "font-weight": "bold",
@@ -2784,12 +2784,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 ye.value ? (c(), d("text", {
                   key: 1,
                   x: 15,
-                  y: P.value.top + 12 + P.value.height / 2,
+                  y: B.value.top + 12 + B.value.height / 2,
                   "text-anchor": "middle",
                   "font-size": "14",
                   "font-weight": "bold",
                   fill: "#333",
-                  transform: `rotate(-90, 15, ${P.value.top + P.value.height / 2})`
+                  transform: `rotate(-90, 15, ${B.value.top + B.value.height / 2})`
                 }, L(ye.value), 9, lo)) : R("", !0)
               ]),
               sl.value.length > 0 ? (c(), d("g", so, [
@@ -2801,8 +2801,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                       key: 0,
                       x1: t.x,
                       x2: t.x,
-                      y1: P.value.bottom,
-                      y2: P.value.top,
+                      y1: B.value.bottom,
+                      y2: B.value.top,
                       stroke: "#047395",
                       "stroke-width": "2",
                       "stroke-dasharray": "8",
@@ -2815,8 +2815,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                       key: 1,
                       x1: t.x,
                       x2: t.x,
-                      y1: P.value.bottom,
-                      y2: P.value.top,
+                      y1: B.value.bottom,
+                      y2: B.value.top,
                       stroke: "#0dbf89",
                       "stroke-width": "2",
                       "stroke-dasharray": "8",
@@ -2829,8 +2829,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                       key: 2,
                       x1: t.x,
                       x2: t.x,
-                      y1: P.value.bottom,
-                      y2: P.value.top,
+                      y1: B.value.bottom,
+                      y2: B.value.top,
                       stroke: "#047395",
                       "stroke-width": "2",
                       "stroke-dasharray": "8",
@@ -2843,7 +2843,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   t.hasManual && t.hasAuto ? (c(), d("circle", {
                     key: 0,
                     cx: t.x + 8,
-                    cy: Math.max(15, P.value.top - 10),
+                    cy: Math.max(15, B.value.top - 10),
                     r: "14",
                     fill: "#0dbf89",
                     stroke: "#fafafa",
@@ -2854,7 +2854,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   }, null, 40, co)) : R("", !0),
                   l("circle", {
                     cx: t.x,
-                    cy: Math.max(15, P.value.top - 10),
+                    cy: Math.max(15, B.value.top - 10),
                     r: "14",
                     fill: t.hasManual && t.hasAuto || t.hasManual ? "#047395" : "#0dbf89",
                     stroke: "#fafafa",
@@ -2865,7 +2865,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   }, null, 40, vo),
                   l("text", {
                     x: t.x,
-                    y: Math.max(15, P.value.top - 5),
+                    y: Math.max(15, B.value.top - 5),
                     "text-anchor": "middle",
                     "font-size": "12",
                     "font-weight": "bold",
@@ -3055,17 +3055,17 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   l("defs", null, [
                     (c(!0), d(ee, null, me(ma.value, (t, u) => (c(), d("mask", {
                       key: `mask-${u}`,
-                      id: `area-mask-${u}-${B.chartId}`
+                      id: `area-mask-${u}-${P.chartId}`
                     }, [
                       l("rect", {
-                        x: P.value.left - 10,
-                        y: P.value.top - 10,
-                        width: P.value.width + 20,
-                        height: P.value.height + 20,
+                        x: B.value.left - 10,
+                        y: B.value.top - 10,
+                        width: B.value.width + 20,
+                        height: B.value.height + 20,
                         fill: "#fafafa",
                         class: "dss-area-mask-rect",
                         style: re({
-                          "--dss-mask-width": `${P.value.width + 20}px`
+                          "--dss-mask-width": `${B.value.width + 20}px`
                         })
                       }, null, 12, Ho)
                     ], 8, Eo))), 128))
@@ -3075,7 +3075,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                     d: t.areaPath,
                     fill: t.color,
                     "fill-opacity": t.isHighlighted ? st.value + 0.2 : st.value,
-                    mask: `url(#area-mask-${u}-${B.chartId})`,
+                    mask: `url(#area-mask-${u}-${P.chartId})`,
                     class: ae({
                       "dss-area-fill-smooth": !0,
                       "dss-series-highlighted": t.isHighlighted,
@@ -3153,8 +3153,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 l("line", {
                   x1: Ue.value.x,
                   x2: Ue.value.x,
-                  y1: P.value.top,
-                  y2: P.value.bottom,
+                  y1: B.value.top,
+                  y2: B.value.bottom,
                   stroke: gn.value,
                   "stroke-width": "1",
                   "stroke-dasharray": "4,4",
@@ -3477,7 +3477,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             position: "absolute",
             top: "0px",
             left: "0px",
-            width: Ae.value + "px",
+            width: He.value + "px",
             height: ht.value + "px",
             backgroundImage: `url('${Yn.value}')`,
             backgroundRepeat: "no-repeat",
@@ -3601,7 +3601,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             ], 64)) : R("", !0)
           ], 64)) : (c(), d(ee, { key: 1 }, [
             l("div", Ri, [
-              l("div", Ii, L(Xt.value ? v() : B.categories[Ue.value.categoryIndex] || `Category ${Ue.value.categoryIndex + 1}`), 1),
+              l("div", Ii, L(Xt.value ? v() : P.categories[Ue.value.categoryIndex] || `Category ${Ue.value.categoryIndex + 1}`), 1),
               Xt.value ? (c(), d("div", Ni, [
                 (c(!0), d(ee, null, me(Ue.value.data, (t, u) => (c(), d("div", {
                   key: `crosshair-tooltip-${u}`,
@@ -3844,8 +3844,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
   },
   emits: ["close-modal"],
-  setup(B, { emit: He }) {
-    const W = B, U = He, De = H(null), x = H(null), Oe = y(() => {
+  setup(P, { emit: $e }) {
+    const W = P, U = $e, De = H(null), x = H(null), Oe = y(() => {
       const I = {
         "max-width": W.width
       };
@@ -3865,7 +3865,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         De.value = null;
       }, 300);
     }
-    function $e() {
+    function Ee() {
       const I = document.body, ze = document.documentElement;
       x.value = {
         bodyOverflow: I.style.overflow,
@@ -3885,7 +3885,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       () => W.showModal,
       (I) => {
         if (I)
-          $e(), document.body.classList.add("dss-modal-open"), setTimeout(() => {
+          Ee(), document.body.classList.add("dss-modal-open"), setTimeout(() => {
             const ze = document.getElementById("dss-modal-backdrop");
             ze && (ze.addEventListener("focusin", be), ze.addEventListener("focusout", Ve));
           }, 100);
@@ -3899,7 +3899,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     ), es(() => {
       W.showModal && le();
     }), (I, ze) => (c(), al(ll, { to: "body" }, [
-      B.showModal ? (c(), d("div", {
+      P.showModal ? (c(), d("div", {
         key: 0,
         class: "dss-modal-backdrop",
         onClick: h
@@ -3916,7 +3916,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           }, [
             l("div", {
               class: "dss-modal-header",
-              style: re({ "justify-content": B.headerType, "font-size": B.titleSize })
+              style: re({ "justify-content": P.headerType, "font-size": P.titleSize })
             }, [
               l("h1", wr, [
                 mn(I.$slots, "title", {}, () => [
@@ -3924,7 +3924,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 ])
               ]),
               mn(I.$slots, "title-data"),
-              B.showCloseBtn ? (c(), d("span", {
+              P.showCloseBtn ? (c(), d("span", {
                 key: 0,
                 class: "dss-modal-close",
                 onClick: Qe,
@@ -3944,7 +3944,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             ])
           ])
         ], 4), [
-          [ml, B.showModal]
+          [ml, P.showModal]
         ])
       ])) : R("", !0)
     ]));
@@ -4029,7 +4029,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     options: {
       type: Object,
       default: () => ({}),
-      validator: (B) => typeof B == "object" && B !== null
+      validator: (P) => typeof P == "object" && P !== null
     }
   },
   emits: [
@@ -4046,8 +4046,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     "download-excel",
     "search"
   ],
-  setup(B, { emit: He }) {
-    const { t: W, locale: U } = ns(), De = B, x = He, Oe = {
+  setup(P, { emit: $e }) {
+    const { t: W, locale: U } = ns(), De = P, x = $e, Oe = {
       table: {
         width: "auto",
         height: null,
@@ -4107,9 +4107,9 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     const h = y(() => fe(Oe, De.options)), be = y(() => {
       const k = h.value.table.width;
       return k === "auto" ? null : typeof k == "number" ? k : null;
-    }), Ve = y(() => h.value.table.height), $e = y(() => h.value.table.rowHeight ?? "auto"), le = y(() => ({ height: $e.value })), I = y(() => h.value.table.expandable === !0), ze = y(() => h.value.table.truncated === !0), et = y(() => h.value.table.striped), qe = y(() => h.value.table.bordered), ut = y(() => h.value.table.hoverable), X = y(() => h.value.table.size), kt = y(() => h.value.table.align || "left");
+    }), Ve = y(() => h.value.table.height), Ee = y(() => h.value.table.rowHeight ?? "auto"), le = y(() => ({ height: Ee.value })), I = y(() => h.value.table.expandable === !0), ze = y(() => h.value.table.truncated === !0), et = y(() => h.value.table.striped), qe = y(() => h.value.table.bordered), ut = y(() => h.value.table.hoverable), X = y(() => h.value.table.size), kt = y(() => h.value.table.align || "left");
     y(() => h.value.title.text), y(() => h.value.subtitle.text);
-    const Mt = y(() => h.value.selection.enabled), Ae = y(() => h.value.selection.mode), Kt = y(() => h.value.sorting.enabled), Nt = y(() => h.value.sorting.mode), ht = y(() => h.value.pagination.enabled), Be = y(() => h.value.pagination.rows), ve = y(() => h.value.pagination.rowsPerPageOptions), Hn = y(() => h.value.scrollable), bt = y(() => h.value.emptyMessage), dt = y(() => h.value.toolbar?.downloads?.pdf !== !1), kn = y(() => h.value.toolbar?.downloads?.excel !== !1), rn = y(() => h.value.toolbar?.search !== !1), ye = y(() => dt.value || kn.value || rn.value || Re.value), Re = y(() => h.value.toolbar?.columnVisibility !== !1), ce = H(""), pe = H(!1), it = H(null);
+    const Mt = y(() => h.value.selection.enabled), He = y(() => h.value.selection.mode), Kt = y(() => h.value.sorting.enabled), Nt = y(() => h.value.sorting.mode), ht = y(() => h.value.pagination.enabled), Be = y(() => h.value.pagination.rows), ve = y(() => h.value.pagination.rowsPerPageOptions), Hn = y(() => h.value.scrollable), bt = y(() => h.value.emptyMessage), dt = y(() => h.value.toolbar?.downloads?.pdf !== !1), kn = y(() => h.value.toolbar?.downloads?.excel !== !1), rn = y(() => h.value.toolbar?.search !== !1), ye = y(() => dt.value || kn.value || rn.value || Re.value), Re = y(() => h.value.toolbar?.columnVisibility !== !1), ce = H(""), pe = H(!1), it = H(null);
     let xt = null;
     function at() {
       pe.value ? (xt && (clearTimeout(xt), xt = null), pe.value = !1, ce.value = "", x("search", ""), it.value?.blur()) : (pe.value = !0, xt = setTimeout(() => {
@@ -4149,7 +4149,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     function We(k) {
       pt.value && !pt.value.contains(k.target) && (Tt.value = !1);
     }
-    const st = y(() => Lt.value.length + (Mt.value ? 1 : 0) + (I.value ? 1 : 0)), j = (k, w) => k?.id ?? k?.key ?? w, G = H(/* @__PURE__ */ new Set()), te = H(null), ue = (k, w) => G.value.has(j(k, w)), Ee = (k, w, E) => {
+    const st = y(() => Lt.value.length + (Mt.value ? 1 : 0) + (I.value ? 1 : 0)), j = (k, w) => k?.id ?? k?.key ?? w, G = H(/* @__PURE__ */ new Set()), te = H(null), ue = (k, w) => G.value.has(j(k, w)), Ae = (k, w, E) => {
       E && E.stopPropagation();
       const Z = j(k, w), ke = new Set(G.value);
       ke.has(Z) ? (ke.delete(Z), x("row-collapse", { data: k, index: w })) : (ke.add(Z), x("row-expand", { data: k, index: w })), G.value = ke;
@@ -4363,7 +4363,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       }
     }, Je = (k, w) => {
       const E = j(k, w), Z = new Set(Kn.value), ke = Z.has(E);
-      Ae.value === "single" ? ke ? (Z.delete(E), x("row-unselect", k)) : (Z.clear(), Z.add(E), x("row-select", k)) : ke ? (Z.delete(E), x("row-unselect", k)) : (Z.add(E), x("row-select", k)), Kn.value = Z;
+      He.value === "single" ? ke ? (Z.delete(E), x("row-unselect", k)) : (Z.clear(), Z.add(E), x("row-select", k)) : ke ? (Z.delete(E), x("row-unselect", k)) : (Z.add(E), x("row-select", k)), Kn.value = Z;
     }, cn = y(() => {
       const k = Dn.value, w = $n.value + 1, E = 2, Z = [], ke = [];
       let lt;
@@ -4462,7 +4462,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
               gl(Jl, { name: "dss-dropdown" }, {
                 default: Aa(() => [
                   xn(l("ul", _r, [
-                    (c(!0), d(ee, null, me(B.columns, (E, Z) => (c(), d("li", {
+                    (c(!0), d(ee, null, me(P.columns, (E, Z) => (c(), d("li", {
                       key: mt(E, Z),
                       role: "option",
                       class: "dss-table-column-visibility-option",
@@ -4571,7 +4571,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             l("thead", Ir, [
               l("tr", null, [
                 Mt.value ? (c(), d("th", Nr, [
-                  Ae.value === "multiple" ? (c(), d("span", Fr, [
+                  He.value === "multiple" ? (c(), d("span", Fr, [
                     l("input", {
                       type: "checkbox",
                       checked: ja.value,
@@ -4704,16 +4704,16 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   }, [
                     l("span", Qr, [
                       l("input", {
-                        type: Ae.value === "multiple" ? "checkbox" : "radio",
-                        name: `dss-table-select-${B.tableId}`,
+                        type: He.value === "multiple" ? "checkbox" : "radio",
+                        name: `dss-table-select-${P.tableId}`,
                         checked: we(E, Ln.value + Z),
                         onChange: (ke) => Je(E, Ln.value + Z),
                         class: ae([
                           "dss-table-checkbox",
-                          Ae.value === "multiple" ? "dss-table-checkbox--checkbox" : "dss-table-checkbox--radio"
+                          He.value === "multiple" ? "dss-table-checkbox--checkbox" : "dss-table-checkbox--radio"
                         ])
                       }, null, 42, Jr),
-                      Ae.value === "multiple" && we(E, Ln.value + Z) ? (c(), d("span", eu, [...w[32] || (w[32] = [
+                      He.value === "multiple" && we(E, Ln.value + Z) ? (c(), d("span", eu, [...w[32] || (w[32] = [
                         l("svg", {
                           viewBox: "0 0 12 12",
                           preserveAspectRatio: "xMidYMid meet",
@@ -4727,13 +4727,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                             fill: "currentColor"
                           })
                         ], -1)
-                      ])])) : Ae.value === "single" && we(E, Ln.value + Z) ? (c(), d("span", tu)) : R("", !0)
+                      ])])) : He.value === "single" && we(E, Ln.value + Z) ? (c(), d("span", tu)) : R("", !0)
                     ])
                   ])) : R("", !0),
                   I.value ? (c(), d("td", {
                     key: 1,
                     class: "dss-table-td dss-table-expansion-cell",
-                    onClick: Xe((ke) => Ee(E, Ln.value + Z, ke), ["stop"])
+                    onClick: Xe((ke) => Ae(E, Ln.value + Z, ke), ["stop"])
                   }, [
                     l("button", {
                       type: "button",
@@ -5267,7 +5267,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     options: {
       type: Object,
       default: () => ({}),
-      validator: (B) => typeof B == "object" && B !== null
+      validator: (P) => typeof P == "object" && P !== null
     },
     floatingToolbar: {
       type: Boolean,
@@ -5288,7 +5288,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     customToolbarFloatingMap: {
       type: Object,
       default: () => ({}),
-      validator: (B) => typeof B == "object" && B !== null
+      validator: (P) => typeof P == "object" && P !== null
     },
     locale: {
       type: String,
@@ -5312,10 +5312,10 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     "comment-marker-clicked",
     "comment-deleted"
   ],
-  setup(B, { expose: He, emit: W }) {
-    const { t: U, locale: De } = ns(), x = B, Oe = W, fe = $s(), Qe = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  setup(P, { expose: $e, emit: W }) {
+    const { t: U, locale: De } = ns(), x = P, Oe = W, fe = $s(), Qe = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM2 10C2 5.6 5.6 2 10 2C11.8 2 13.5 2.6 14.9 3.7L3.7 14.9C2.6 13.5 2 11.8 2 10ZM10 18C8.2 18 6.5 17.4 5.1 16.3L16.3 5.1C17.4 6.5 18 8.2 18 10C18 14.4 14.4 18 10 18Z" fill="#c13340"/>
-</svg>`, h = H(null), be = H(null), Ve = H(!1), $e = H(!1), le = H(!1), I = H(""), ze = H({}), et = H(!1), qe = H(!1), ut = H(""), X = H(""), kt = H(null), Mt = H(null), Ae = H(null), Kt = H(null), Nt = H(""), ht = H(!1), Be = H({}), ve = H(!1), Hn = H({}), bt = H(null), dt = H(null), kn = H(!1), rn = H(""), ye = H(null), Re = H(""), ce = H(""), pe = H(""), it = H(null), xt = H(null), at = H(null), Ne = H(null), nn = H(null), Zt = H(!1), mt = H(""), gn = H({}), Gt = H(!1), Lt = H("upload"), qt = H(""), Ct = H(null), yn = H(null), pt = H([]), Tt = H([]), We = H(null), st = H(!1), j = H(""), G = H(""), te = H(""), ue = H(""), Ee = H(""), ft = H(""), Fe = H(null), tt = H(null), St = H(null), Ft = H(!1), Ot = H(null), Ut = H(!1), Ye = H(!1), Qt = H(null), Ht = H("p"), zn = H(!1), an = H([]), Pt = H(null), zt = H(null), Un = H(null), Xn = H(!1), Mn = H(0), Sn = 100, un = H(null), _n = y(() => ({
+</svg>`, h = H(null), be = H(null), Ve = H(!1), Ee = H(!1), le = H(!1), I = H(""), ze = H({}), et = H(!1), qe = H(!1), ut = H(""), X = H(""), kt = H(null), Mt = H(null), He = H(null), Kt = H(null), Nt = H(""), ht = H(!1), Be = H({}), ve = H(!1), Hn = H({}), bt = H(null), dt = H(null), kn = H(!1), rn = H(""), ye = H(null), Re = H(""), ce = H(""), pe = H(""), it = H(null), xt = H(null), at = H(null), Ne = H(null), nn = H(null), Zt = H(!1), mt = H(""), gn = H({}), Gt = H(!1), Lt = H("upload"), qt = H(""), Ct = H(null), yn = H(null), pt = H([]), Tt = H([]), We = H(null), st = H(!1), j = H(""), G = H(""), te = H(""), ue = H(""), Ae = H(""), ft = H(""), Fe = H(null), tt = H(null), St = H(null), Ft = H(!1), Ot = H(null), Ut = H(!1), Ye = H(!1), Qt = H(null), Ht = H("p"), zn = H(!1), an = H([]), Pt = H(null), zt = H(null), Un = H(null), Xn = H(!1), Mn = H(0), Sn = 100, un = H(null), _n = y(() => ({
       "dss-text-editor-no-border": !x.border,
       "dss-text-editor-rounded": x.rounded,
       "dss-text-editor-full-height": x.fullHeight,
@@ -5422,7 +5422,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       a.value = n, a.offsetHeight, a.style.setProperty("height", `${s}px`, "important"), a.style.setProperty("overflow-y", "hidden", "important"), a.style.setProperty("overflow-x", "hidden", "important"), a.style.setProperty("text-overflow", "ellipsis", "important"), a.style.setProperty("white-space", "nowrap", "important");
     }, Kn = (a) => {
       const s = a.target.value;
-      Ut.value && Dn(), Oe("update:title", s), Oe("title-change", s), St.value = "title", x.richText && (st.value || (G.value = j.value, Ee.value = te.value, ft.value = ue.value), We.value && clearTimeout(We.value), st.value = !0, We.value = setTimeout(() => {
+      Ut.value && Dn(), Oe("update:title", s), Oe("title-change", s), St.value = "title", x.richText && (st.value || (G.value = j.value, Ae.value = te.value, ft.value = ue.value), We.value && clearTimeout(We.value), st.value = !0, We.value = setTimeout(() => {
         st.value = !1, Ze();
       }, 500));
     }, Ta = () => {
@@ -5452,7 +5452,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       a.value = n, a.offsetHeight, a.style.setProperty("height", `${s}px`, "important"), a.style.setProperty("overflow-y", "hidden", "important"), a.style.setProperty("overflow-x", "hidden", "important"), a.style.setProperty("text-overflow", "ellipsis", "important"), a.style.setProperty("white-space", "nowrap", "important");
     }, Ka = (a) => {
       const s = a.target.value;
-      Ye.value && Ta(), Oe("update:description", s), Oe("description-change", s), St.value = "description", x.richText && (st.value || (G.value = j.value, Ee.value = te.value, ft.value = ue.value), We.value && clearTimeout(We.value), st.value = !0, We.value = setTimeout(() => {
+      Ye.value && Ta(), Oe("update:description", s), Oe("description-change", s), St.value = "description", x.richText && (st.value || (G.value = j.value, Ae.value = te.value, ft.value = ue.value), We.value && clearTimeout(We.value), st.value = !0, We.value = setTimeout(() => {
         st.value = !1, Ze();
       }, 500));
     }, Je = () => {
@@ -5526,20 +5526,20 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         return;
       const r = {
         content: G.value || j.value,
-        title: Ee.value !== void 0 ? Ee.value : te.value,
+        title: Ae.value !== void 0 ? Ae.value : te.value,
         description: ft.value !== void 0 ? ft.value : ue.value
       }, f = pt.value.length > 0 ? pt.value[pt.value.length - 1] : null;
       let v = !0;
-      f && (typeof f == "string" ? v = r.content !== f : v = r.content !== f.content || r.title !== f.title || r.description !== f.description), v && (pt.value.push(r), pt.value.length > 50 && pt.value.shift(), Tt.value = []), j.value = n, te.value = s, ue.value = i, G.value = n, Ee.value = s, ft.value = i;
+      f && (typeof f == "string" ? v = r.content !== f : v = r.content !== f.content || r.title !== f.title || r.description !== f.description), v && (pt.value.push(r), pt.value.length > 50 && pt.value.shift(), Tt.value = []), j.value = n, te.value = s, ue.value = i, G.value = n, Ae.value = s, ft.value = i;
     }, q = (a) => {
       if (!h.value) return;
       Dt(), h.value && Fa(h.value);
       let n = null;
       h.value && (h.value.querySelector("p") || (n = Je(), xe()));
       const s = a && a.inputType && (a.inputType === "insertText" || a.inputType === "insertCompositionText" || a.inputType === "deleteContentBackward" || a.inputType === "deleteContentForward");
-      s && Qt.value && (Qt.value = null), $e.value = !0;
+      s && Qt.value && (Qt.value = null), Ee.value = !0;
       const i = h.value.innerHTML.replace(/<!--[\s\S]*?-->/g, "").replace(/&nbsp;|\u00A0/g, " "), r = An(i);
-      Oe("update:modelValue", r), Oe("change", r), St.value = "editor", st.value || (G.value = j.value, Ee.value = te.value, ft.value = ue.value), We.value && clearTimeout(We.value), st.value = !0, We.value = setTimeout(() => {
+      Oe("update:modelValue", r), Oe("change", r), St.value = "editor", st.value || (G.value = j.value, Ae.value = te.value, ft.value = ue.value), We.value && clearTimeout(We.value), st.value = !0, We.value = setTimeout(() => {
         st.value = !1, Ze(), $l(), pn();
       }, 500), ie(() => {
         n && cn(n), Dt();
@@ -5584,7 +5584,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             $l();
           }, 100);
         }
-        $e.value = !1;
+        Ee.value = !1;
       });
     }, Dt = () => {
       if (!h.value) return;
@@ -5705,12 +5705,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       Tt.value.push(i);
       const r = pt.value.pop();
       if (r !== void 0) {
-        $e.value = !0;
+        Ee.value = !0;
         const f = typeof r == "string" ? r : r.content, v = typeof r == "object" && r.title || "", p = typeof r == "object" && r.description || "";
-        h.value.innerHTML = f, j.value = f, te.value = v, ue.value = p, G.value = f, Ee.value = v, ft.value = p, ie(() => {
+        h.value.innerHTML = f, j.value = f, te.value = v, ue.value = p, G.value = f, Ae.value = v, ft.value = p, ie(() => {
           Rn(), Tn(), Qn(), Jt();
           const m = An(f);
-          Oe("update:modelValue", m), Oe("update:title", v), Oe("update:description", p), Oe("change", m), Oe("title-change", v), Oe("description-change", p), $e.value = !1, ie(() => {
+          Oe("update:modelValue", m), Oe("update:title", v), Oe("update:description", p), Oe("change", m), Oe("title-change", v), Oe("description-change", p), Ee.value = !1, ie(() => {
             setTimeout(() => {
               if (a) {
                 if (Fe.value) {
@@ -5755,12 +5755,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       pt.value.push(i);
       const r = Tt.value.pop();
       if (r !== void 0) {
-        $e.value = !0;
+        Ee.value = !0;
         const f = typeof r == "string" ? r : r.content, v = typeof r == "object" && r.title || "", p = typeof r == "object" && r.description || "";
-        h.value.innerHTML = f, j.value = f, te.value = v, ue.value = p, G.value = f, Ee.value = v, ft.value = p, ie(() => {
+        h.value.innerHTML = f, j.value = f, te.value = v, ue.value = p, G.value = f, Ae.value = v, ft.value = p, ie(() => {
           Rn(), Tn(), Qn(), Jt();
           const m = An(f);
-          Oe("update:modelValue", m), Oe("update:title", v), Oe("update:description", p), Oe("change", m), Oe("title-change", v), Oe("description-change", p), $e.value = !1, ie(() => {
+          Oe("update:modelValue", m), Oe("update:title", v), Oe("update:description", p), Oe("change", m), Oe("title-change", v), Oe("description-change", p), Ee.value = !1, ie(() => {
             setTimeout(() => {
               if (a) {
                 if (Fe.value) {
@@ -6400,7 +6400,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       a && a.rangeCount > 0 && a.getRangeAt(0), Kt.value = Je();
       const n = window.getSelection();
       let s = "";
-      n.rangeCount > 0 && (s = n.getRangeAt(0).toString()), ut.value = "", X.value = s, Nt.value = "", Ae.value = null, qe.value = !0, Rt(), ie(() => {
+      n.rangeCount > 0 && (s = n.getRangeAt(0).toString()), ut.value = "", X.value = s, Nt.value = "", He.value = null, qe.value = !0, Rt(), ie(() => {
         kt.value && kt.value.focus();
       });
     }, ka = () => {
@@ -6412,7 +6412,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         const i = a.getRangeAt(0).commonAncestorContainer;
         n = i.nodeType === 1 ? i.closest("a") : i.parentElement?.closest("a");
       }
-      if (!n && Ae.value && (n = Ae.value), n && n.parentNode) {
+      if (!n && He.value && (n = He.value), n && n.parentNode) {
         const s = document.createDocumentFragment();
         for (; n.firstChild; )
           s.appendChild(n.firstChild);
@@ -6420,7 +6420,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           const i = document.createRange();
           i.setStartBefore(s.firstChild), i.setEndAfter(s.lastChild || s.firstChild), a.removeAllRanges(), a.addRange(i), document.execCommand("removeFormat", !1), i.collapse(!1), a.removeAllRanges(), a.addRange(i);
         }
-        Ae.value = null;
+        He.value = null;
       } else
         je("unlink");
       Ve.value = !1, Rt(), ie(() => {
@@ -6702,7 +6702,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         n.push(p);
       }
       Cl.value = !0, Oe("update:comments", n);
-    }, P = (a, n = []) => {
+    }, B = (a, n = []) => {
       if (x.disabled || !x.richText || !h.value) return;
       const s = h.value;
       let i = null;
@@ -7295,7 +7295,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         }
         ie(() => {
           const p = h.value.innerHTML || "", m = x.title || "", b = x.description || "";
-          j.value = p, te.value = m, ue.value = b, Ee.value = m, ft.value = b, Rn(), Wn(), Z(), ia(), Kl(), tl();
+          j.value = p, te.value = m, ue.value = b, Ae.value = m, ft.value = b, Rn(), Wn(), Z(), ia(), Kl(), tl();
         }), Tn(), Qn(), h.value._mutationObserver = v;
       }
     }), es(() => {
@@ -7490,7 +7490,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       if (Ra && (clearTimeout(Ra), Ra = null), Jn && (clearTimeout(Jn), Jn = null), s && s !== Za) {
         Ja(), Za = s;
         let r = s.getAttribute("href") || "";
-        (!r || r === "#" || r === "") && (r = s.textContent || ""), Ae.value = s, I.value = r, le.value = !0, et.value = !0, _l(s);
+        (!r || r === "#" || r === "") && (r = s.textContent || ""), He.value = s, I.value = r, le.value = !0, et.value = !0, _l(s);
       } else !s && Za ? (Za = null, Ra = setTimeout(() => {
         et.value || Ua();
       }, 150)) : s && s === Za && _l(s);
@@ -7508,7 +7508,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       (!n || !n.closest(".dss-text-editor-content") && !n.closest(".dss-link-popup")) && (Za = null, qa = null, Ra && (clearTimeout(Ra), Ra = null), Jn && (clearTimeout(Jn), Jn = null), Ua(), Ja());
     }, Ua = () => {
       et.value = !1, setTimeout(() => {
-        et.value || (le.value = !1, I.value = "", qe.value || (Ae.value = null));
+        et.value || (le.value = !1, I.value = "", qe.value || (He.value = null));
       }, 100);
     }, _l = (a) => {
       if (!a || !h.value) return;
@@ -7535,42 +7535,42 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         zIndex: 10002
       };
     }, ha = () => {
-      if (!I.value || !Ae.value) return;
-      let n = Ae.value.getAttribute("href") || I.value;
+      if (!I.value || !He.value) return;
+      let n = He.value.getAttribute("href") || I.value;
       !n.startsWith("http://") && !n.startsWith("https://") && !n.startsWith("mailto:") && (n = "https://" + n), window.open(n, "_blank", "noopener,noreferrer");
     }, Ia = () => {
-      if (Ae.value) {
-        const a = Ae.value.textContent || "", n = Ae.value.getAttribute("href") || "", s = Ae.value;
-        ut.value = n, X.value = a, Nt.value = a, et.value = !1, le.value = !1, I.value = "", Ae.value = s, qe.value = !0;
+      if (He.value) {
+        const a = He.value.textContent || "", n = He.value.getAttribute("href") || "", s = He.value;
+        ut.value = n, X.value = a, Nt.value = a, et.value = !1, le.value = !1, I.value = "", He.value = s, qe.value = !0;
       } else if (Ve.value) {
         const a = window.getSelection();
         if (a.rangeCount > 0) {
           const s = a.getRangeAt(0).commonAncestorContainer, i = s.nodeType === 1 ? s.closest("a") : s.parentElement?.closest("a");
           if (i) {
             const r = i.textContent || "", f = i.getAttribute("href") || "";
-            ut.value = f, X.value = r, Nt.value = r, Ae.value = i, qe.value = !0;
+            ut.value = f, X.value = r, Nt.value = r, He.value = i, qe.value = !0;
           }
         }
       } else {
         Kt.value = Je();
         const a = window.getSelection();
         let n = "";
-        a.rangeCount > 0 && (n = a.getRangeAt(0).toString()), ut.value = "", X.value = n, Nt.value = "", Ae.value = null, qe.value = !0;
+        a.rangeCount > 0 && (n = a.getRangeAt(0).toString()), ut.value = "", X.value = n, Nt.value = "", He.value = null, qe.value = !0;
       }
       ie(() => {
         kt.value && (kt.value.focus(), kt.value.select());
       });
     }, ea = () => {
-      qe.value = !1, ut.value = "", X.value = "", Nt.value = "", Ae.value = null, Kt.value = null;
+      qe.value = !1, ut.value = "", X.value = "", Nt.value = "", He.value = null, Kt.value = null;
     }, Wt = () => {
       if (!ut.value.trim()) {
         ea();
         return;
       }
-      if (st.value ? (We.value && (clearTimeout(We.value), We.value = null), Ze(), st.value = !1) : Ze(), X.value.trim() || (X.value = ut.value.trim()), Ae.value && h.value && h.value.contains(Ae.value)) {
+      if (st.value ? (We.value && (clearTimeout(We.value), We.value = null), Ze(), st.value = !1) : Ze(), X.value.trim() || (X.value = ut.value.trim()), He.value && h.value && h.value.contains(He.value)) {
         const a = window.getSelection();
         a.rangeCount > 0 && a.removeAllRanges();
-        const n = Ae.value;
+        const n = He.value;
         if (n.setAttribute("href", ut.value.trim()), X.value.trim() !== Nt.value.trim()) {
           for (; n.firstChild; )
             n.removeChild(n.firstChild);
@@ -7639,7 +7639,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         Tn(), ea();
       });
     }, $l = () => {
-      if (!h.value || $e.value) return;
+      if (!h.value || Ee.value) return;
       const a = window.getSelection();
       let n = null;
       a && a.rangeCount > 0 && (n = Je());
@@ -7721,7 +7721,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         }), m < v.length && b.appendChild(document.createTextNode(v.substring(m))), f.parentNode && b.childNodes.length > 0 && f.parentNode.replaceChild(b, f);
       }
     }, pn = (a) => {
-      if (!h.value || $e.value) return;
+      if (!h.value || Ee.value) return;
       if (!a) {
         en();
         return;
@@ -7905,14 +7905,14 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       });
     };
     At(() => x.modelValue, (a) => {
-      if (x.richText && h.value && !$e.value) {
+      if (x.richText && h.value && !Ee.value) {
         const n = oa(a || ""), i = h.value.innerHTML.replace(/&nbsp;|\u00A0/g, " "), r = n.replace(/&nbsp;|\u00A0/g, " ");
         if (i !== r) {
           const f = Je();
           h.value.innerHTML = n, ie(() => {
             xe();
             const v = h.value.innerHTML || "", p = x.title || "", m = x.description || "";
-            j.value = v, te.value = p, ue.value = m, G.value = v, Ee.value = p, ft.value = m, pt.value = [], Tt.value = [], We.value && (clearTimeout(We.value), We.value = null), st.value = !1, f && cn(f), Rn(), Wn(), Z(), Tn(), Jt(), ia(), ta("watch-modelValue");
+            j.value = v, te.value = p, ue.value = m, G.value = v, Ae.value = p, ft.value = m, pt.value = [], Tt.value = [], We.value && (clearTimeout(We.value), We.value = null), st.value = !1, f && cn(f), Rn(), Wn(), Z(), Tn(), Jt(), ia(), ta("watch-modelValue");
           });
         }
       }
@@ -8275,15 +8275,15 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       }));
     }), At(() => x.locale, (a) => {
       a && a !== De.value && (De.value = a);
-    }, { immediate: !0 }), He({
-      openCommentOverlayForSelector: P,
+    }, { immediate: !0 }), $e({
+      openCommentOverlayForSelector: B,
       updateCommentMarkers: ta,
       restoreCommentsFromModel: tl
     }), (a, n) => (c(), d("div", {
       class: ae(["dss-text-editor-container editor-with-comments", _n.value]),
       style: re(sa.value)
     }, [
-      B.richText ? (c(), d("div", {
+      P.richText ? (c(), d("div", {
         key: 0,
         class: "dss-text-editor-toolbar",
         onMousedown: n[14] || (n[14] = Xe(() => {
@@ -8732,8 +8732,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
               })
             ], -1)
           ])], 8, sc)) : R("", !0),
-          B.askAi ? (c(), d("div", oc)) : R("", !0),
-          B.askAi ? (c(), d("div", ic, [
+          P.askAi ? (c(), d("div", oc)) : R("", !0),
+          P.askAi ? (c(), d("div", ic, [
             l("div", {
               class: "dss-toolbar-ai-button dss-toolbar-dropdown-toggle",
               onClick: n[12] || (n[12] = (s) => xa("askAi")),
@@ -8768,15 +8768,15 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           ])) : R("", !0)
         ]),
         l("div", cc, [
-          (c(!0), d(ee, null, me(B.customToolbarSlots, (s, i) => (c(), d(ee, { key: i }, [
+          (c(!0), d(ee, null, me(P.customToolbarSlots, (s, i) => (c(), d(ee, { key: i }, [
             Bt(s) ? (c(), d("div", dc, [
               mn(a.$slots, s)
             ])) : R("", !0),
-            Bt(s) && i < B.customToolbarSlots.length - 1 && Yn(i) ? (c(), d("div", vc)) : R("", !0)
+            Bt(s) && i < P.customToolbarSlots.length - 1 && Yn(i) ? (c(), d("div", vc)) : R("", !0)
           ], 64))), 128))
         ])
       ], 32)) : R("", !0),
-      (be.value === "paragraph" || be.value === "askAi") && B.richText ? (c(), d("div", {
+      (be.value === "paragraph" || be.value === "askAi") && P.richText ? (c(), d("div", {
         key: 1,
         class: "dss-toolbar-dropdown-overlay",
         onClick: Rt
@@ -9028,19 +9028,19 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         l("p", null, L(z(U)("textEditor.labels.title")), 1),
         l("div", jc, [
           Ut.value ? R("", !0) : (c(), d("div", Kc, [
-            B.title ? (c(), d("span", Gc, L(B.title), 1)) : (c(), d("span", Qc, L(ot.value), 1))
+            P.title ? (c(), d("span", Gc, L(P.title), 1)) : (c(), d("span", Qc, L(ot.value), 1))
           ])),
           l("textarea", {
             ref_key: "titleInputRef",
             ref: Fe,
-            value: B.title,
+            value: P.title,
             onInput: Kn,
             onFocus: Ln,
             onBlur: sl,
             spellcheck: "false",
             class: ae(["dss-text-editor-title-input", { "dss-text-editor-title-input-blurred": !Ut.value }]),
             placeholder: ot.value,
-            disabled: B.disabled,
+            disabled: P.disabled,
             rows: "1"
           }, null, 42, Jc)
         ])
@@ -9054,19 +9054,19 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         l("p", null, L(z(U)("textEditor.labels.description")), 1),
         l("div", td, [
           Ye.value ? R("", !0) : (c(), d("div", nd, [
-            B.description ? (c(), d("span", ad, L(B.description), 1)) : (c(), d("span", ld, L(Ge.value), 1))
+            P.description ? (c(), d("span", ad, L(P.description), 1)) : (c(), d("span", ld, L(Ge.value), 1))
           ])),
           l("textarea", {
             ref_key: "descriptionInputRef",
             ref: tt,
-            value: B.description,
+            value: P.description,
             onInput: Ka,
             onFocus: ja,
             onBlur: Vt,
             spellcheck: "false",
             class: ae(["dss-text-editor-description-input", { "dss-text-editor-description-input-blurred": !Ye.value }]),
             placeholder: Ge.value,
-            disabled: B.disabled,
+            disabled: P.disabled,
             rows: "1"
           }, null, 42, sd)
         ])
@@ -9117,15 +9117,15 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           l("span", hd, "+" + L(s.additionalCount), 1)
         ], 12, pd)) : R("", !0)
       ], 46, id))), 128)),
-      B.richText ? (c(), d("div", xd, [
+      P.richText ? (c(), d("div", xd, [
         l("div", {
           ref_key: "editorRef",
           ref: h,
           contenteditable: "true",
           spellcheck: "false",
           class: ae(["dss-text-editor-content", {
-            "dss-text-editor-content-disabled": B.disabled,
-            "dss-text-editor-fixed-height": B.fixedHeight
+            "dss-text-editor-content-disabled": P.disabled,
+            "dss-text-editor-fixed-height": P.fixedHeight
           }]),
           style: re(F.value),
           onInput: q,
@@ -9251,13 +9251,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         ])
       ])) : (c(), d("div", md, [
         l("textarea", {
-          value: B.modelValue,
+          value: P.modelValue,
           onInput: Ba,
           spellcheck: "false",
-          class: ae(["dss-text-editor-textarea", { "dss-text-editor-fixed-height": B.fixedHeight }]),
+          class: ae(["dss-text-editor-textarea", { "dss-text-editor-fixed-height": P.fixedHeight }]),
           placeholder: rt.value,
-          rows: B.rows,
-          disabled: B.disabled,
+          rows: P.rows,
+          disabled: P.disabled,
           style: re(La.value)
         }, null, 46, gd),
         l("div", yd, [
@@ -9350,7 +9350,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         ], 36)) : R("", !0)
       ])),
       (c(), al(ll, { to: "body" }, [
-        B.floatingToolbar && B.richText && ve.value ? (c(), d("div", {
+        P.floatingToolbar && P.richText && ve.value ? (c(), d("div", {
           key: 0,
           ref_key: "floatingToolbarRef",
           ref: bt,
@@ -9694,8 +9694,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 })
               ], -1)
             ])], 8, g1),
-            B.askAi ? (c(), d("div", y1)) : R("", !0),
-            B.askAi ? (c(), d("div", C1, [
+            P.askAi ? (c(), d("div", y1)) : R("", !0),
+            P.askAi ? (c(), d("div", C1, [
               l("div", {
                 class: "dss-toolbar-ai-button dss-toolbar-ai-float dss-toolbar-dropdown-toggle",
                 onClick: n[42] || (n[42] = Xe((s) => $a("askAi"), ["stop"])),
@@ -9730,12 +9730,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             ])) : R("", !0)
           ]),
           Ca.value ? (c(), d("div", x1, [
-            B.askAi && Ca.value ? (c(), d("div", k1)) : R("", !0),
-            (c(!0), d(ee, null, me(B.customToolbarSlots, (s, i) => (c(), d(ee, { key: i }, [
+            P.askAi && Ca.value ? (c(), d("div", k1)) : R("", !0),
+            (c(!0), d(ee, null, me(P.customToolbarSlots, (s, i) => (c(), d(ee, { key: i }, [
               Bt(s) && Cn(s) ? (c(), d("div", M1, [
                 mn(a.$slots, s)
               ])) : R("", !0),
-              Bt(s) && Cn(s) && i < B.customToolbarSlots.length - 1 && Pn(i) ? (c(), d("div", S1)) : R("", !0)
+              Bt(s) && Cn(s) && i < P.customToolbarSlots.length - 1 && Pn(i) ? (c(), d("div", S1)) : R("", !0)
             ], 64))), 128))
           ])) : R("", !0)
         ], 36)) : R("", !0)
@@ -9768,7 +9768,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     mode: {
       type: String,
       default: "single",
-      validator: (B) => ["single", "range", "singleFromAvailable", "rangeFromAvailable", "readonly"].includes(B)
+      validator: (P) => ["single", "range", "singleFromAvailable", "rangeFromAvailable", "readonly"].includes(P)
     },
     // For single: Date | null. For range: { start: Date | null, end: Date | null }
     modelValue: {
@@ -9807,13 +9807,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
   },
   emits: ["update:modelValue"],
-  setup(B, { emit: He }) {
-    const W = B, U = He, { t: De, locale: x } = ns(), Oe = H(!1), fe = H("days"), Qe = H((/* @__PURE__ */ new Date()).getMonth()), h = H((/* @__PURE__ */ new Date()).getFullYear()), be = H((/* @__PURE__ */ new Date()).getMonth()), Ve = H((/* @__PURE__ */ new Date()).getFullYear()), $e = H((/* @__PURE__ */ new Date()).getMonth()), le = H((/* @__PURE__ */ new Date()).getFullYear()), I = H("start"), ze = H(null), et = H(null), qe = /* @__PURE__ */ new Date();
+  setup(P, { emit: $e }) {
+    const W = P, U = $e, { t: De, locale: x } = ns(), Oe = H(!1), fe = H("days"), Qe = H((/* @__PURE__ */ new Date()).getMonth()), h = H((/* @__PURE__ */ new Date()).getFullYear()), be = H((/* @__PURE__ */ new Date()).getMonth()), Ve = H((/* @__PURE__ */ new Date()).getFullYear()), Ee = H((/* @__PURE__ */ new Date()).getMonth()), le = H((/* @__PURE__ */ new Date()).getFullYear()), I = H("start"), ze = H(null), et = H(null), qe = /* @__PURE__ */ new Date();
     function ut() {
       const F = qe.getMonth(), Y = qe.getFullYear(), O = F === 11 ? 0 : F + 1, oe = F === 11 ? Y + 1 : Y;
       return { left: { month: F, year: Y }, right: { month: O, year: oe } };
     }
-    const X = H(null), kt = H(null), Mt = H(null), Ae = H(null), Kt = H(null), Nt = H(null), ht = (/* @__PURE__ */ new Date()).getFullYear(), Be = y(
+    const X = H(null), kt = H(null), Mt = H(null), He = H(null), Kt = H(null), Nt = H(null), ht = (/* @__PURE__ */ new Date()).getFullYear(), Be = y(
       () => ["single", "singleFromAvailable"].includes(W.mode)
     ), ve = y(
       () => ["range", "rangeFromAvailable"].includes(W.mode)
@@ -9856,7 +9856,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       return new Intl.DateTimeFormat(x.value, { month: "long", year: "numeric" }).format(F);
     });
     const Re = y(
-      () => et.value === "left" ? be.value : et.value === "right" ? $e.value : Qe.value
+      () => et.value === "left" ? be.value : et.value === "right" ? Ee.value : Qe.value
     ), ce = y(
       () => et.value === "left" ? Ve.value : et.value === "right" ? le.value : h.value
     ), pe = y(() => {
@@ -9896,20 +9896,20 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     ), gn = y(
       () => Zt(Ve.value, be.value)
     ), Gt = y(
-      () => Zt(le.value, $e.value)
+      () => Zt(le.value, Ee.value)
     );
     y(() => {
       const F = new Date(Ve.value, be.value, 1);
       return new Intl.DateTimeFormat(x.value, { month: "long", year: "numeric" }).format(F);
     }), y(() => {
-      const F = new Date(le.value, $e.value, 1);
+      const F = new Date(le.value, Ee.value, 1);
       return new Intl.DateTimeFormat(x.value, { month: "long", year: "numeric" }).format(F);
     });
     const Lt = y(() => {
       const F = new Date(Ve.value, be.value, 1);
       return new Intl.DateTimeFormat(x.value, { month: "long" }).format(F);
     }), qt = y(() => {
-      const F = new Date(le.value, $e.value, 1);
+      const F = new Date(le.value, Ee.value, 1);
       return new Intl.DateTimeFormat(x.value, { month: "long" }).format(F);
     }), Ct = y(
       () => W.availableDates && W.availableDates.length > 0
@@ -9931,8 +9931,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       { id: "lastYear", labelKey: "datepicker.quickSelect.lastYear" }
     ]), pt = H({ top: 0, left: 0 });
     function Tt() {
-      if (!Ae.value || !Oe.value) return;
-      const F = Ae.value.getBoundingClientRect(), Y = window.innerWidth || document.documentElement.clientWidth, O = window.innerHeight || document.documentElement.clientHeight;
+      if (!He.value || !Oe.value) return;
+      const F = He.value.getBoundingClientRect(), Y = window.innerWidth || document.documentElement.clientWidth, O = window.innerHeight || document.documentElement.clientHeight;
       let oe = F.left, Le = F.bottom + 4;
       const nt = Kt.value;
       if (nt) {
@@ -9944,7 +9944,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       }
       pt.value = { top: Le, left: oe };
     }
-    const We = y(() => !Ae.value || !Oe.value ? {} : {
+    const We = y(() => !He.value || !Oe.value ? {} : {
       position: "fixed",
       left: `${pt.value.left}px`,
       top: `${pt.value.top}px`,
@@ -9966,7 +9966,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     function ue(F) {
       return !W.exceptDates || !W.exceptDates.length ? !1 : W.exceptDates.some((Y) => Y instanceof Date && st(Y, F));
     }
-    function Ee(F) {
+    function Ae(F) {
       return ue(F) ? !1 : ["singleFromAvailable", "rangeFromAvailable"].includes(W.mode) ? G(F) : te(F);
     }
     function ft(F) {
@@ -9983,7 +9983,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         "dss-datepicker__day--range-single": Ge,
         "dss-datepicker__day--in-range": Le && !nt && !ot,
         "dss-datepicker__day--in-range-preview": Bt && !nt && !ot && !Le,
-        "dss-datepicker__day--disabled": !Ee(F)
+        "dss-datepicker__day--disabled": !Ae(F)
       };
     }
     function Fe(F) {
@@ -9993,7 +9993,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         ze.value = null;
         return;
       }
-      if (!Ee(F)) {
+      if (!Ae(F)) {
         ze.value = null;
         return;
       }
@@ -10008,24 +10008,24 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       if (Y && O) {
         const nt = Y <= O ? Y : O, ot = Y <= O ? O : Y, Ge = nt.getMonth(), rt = nt.getFullYear(), Bt = ot.getMonth(), Yn = ot.getFullYear();
         if (Ge !== Bt || rt !== Yn) {
-          const Pn = be.value === Ge && Ve.value === rt, Cn = $e.value === Bt && le.value === Yn;
+          const Pn = be.value === Ge && Ve.value === rt, Cn = Ee.value === Bt && le.value === Yn;
           if (Pn && Cn) return;
-          be.value = Ge, Ve.value = rt, $e.value = Bt, le.value = Yn;
+          be.value = Ge, Ve.value = rt, Ee.value = Bt, le.value = Yn;
         } else {
           const Pn = Ge === 0 ? 11 : Ge - 1, Cn = Ge === 0 ? rt - 1 : rt;
-          be.value === Pn && Ve.value === Cn && $e.value === Ge && le.value === rt || (be.value = Ge, Ve.value = rt, Ge === 11 ? ($e.value = 0, le.value = rt + 1) : ($e.value = Ge + 1, le.value = rt));
+          be.value === Pn && Ve.value === Cn && Ee.value === Ge && le.value === rt || (be.value = Ge, Ve.value = rt, Ge === 11 ? (Ee.value = 0, le.value = rt + 1) : (Ee.value = Ge + 1, le.value = rt));
         }
         return;
       }
       const oe = Y || O;
       if (oe) {
-        const nt = oe.getMonth(), ot = oe.getFullYear(), Ge = be.value === nt && Ve.value === ot, rt = $e.value === nt && le.value === ot;
+        const nt = oe.getMonth(), ot = oe.getFullYear(), Ge = be.value === nt && Ve.value === ot, rt = Ee.value === nt && le.value === ot;
         if (Ge || rt) return;
-        be.value = nt, Ve.value = ot, nt === 11 ? ($e.value = 0, le.value = ot + 1) : ($e.value = nt + 1, le.value = ot);
+        be.value = nt, Ve.value = ot, nt === 11 ? (Ee.value = 0, le.value = ot + 1) : (Ee.value = nt + 1, le.value = ot);
         return;
       }
       const Le = ut();
-      be.value = Le.left.month, Ve.value = Le.left.year, $e.value = Le.right.month, le.value = Le.right.year;
+      be.value = Le.left.month, Ve.value = Le.left.year, Ee.value = Le.right.month, le.value = Le.right.year;
     }
     function Ft(F = "start") {
       if (W.mode === "readonly") return;
@@ -10040,7 +10040,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           const oe = F === "start" && O.start ? O.start : O.end || O.start;
           oe && (Qe.value = oe.getMonth(), h.value = oe.getFullYear());
         }
-      Ae.value = Be.value ? X.value?.closest(".dss-datepicker__input-wrap") : kt.value, fe.value = "days", et.value = null, Oe.value = !0, ie(() => {
+      He.value = Be.value ? X.value?.closest(".dss-datepicker__input-wrap") : kt.value, fe.value = "days", et.value = null, Oe.value = !0, ie(() => {
         Tt();
       });
     }
@@ -10104,7 +10104,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       U("update:modelValue", { start: nt, end: ot }), St();
     }
     function Ht(F) {
-      et.value === "left" ? be.value = F : et.value === "right" ? $e.value = F : Qe.value = F, Ye();
+      et.value === "left" ? be.value = F : et.value === "right" ? Ee.value = F : Qe.value = F, Ye();
     }
     function zn(F) {
       et.value === "left" ? Ve.value = F : et.value === "right" ? le.value = F : h.value = F, Ye();
@@ -10122,13 +10122,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       be.value === 11 ? (be.value = 0, Ve.value++) : be.value++;
     }
     function Xn() {
-      $e.value === 0 ? ($e.value = 11, le.value--) : $e.value--;
+      Ee.value === 0 ? (Ee.value = 11, le.value--) : Ee.value--;
     }
     function Mn() {
-      $e.value === 11 ? ($e.value = 0, le.value++) : $e.value++;
+      Ee.value === 11 ? (Ee.value = 0, le.value++) : Ee.value++;
     }
     function Sn(F) {
-      if (!Ee(F)) return;
+      if (!Ae(F)) return;
       const Y = new Date(F.getFullYear(), F.getMonth(), F.getDate());
       if (Be.value) {
         U("update:modelValue", Y), Ot();
@@ -10169,9 +10169,9 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }), ts(() => {
       La();
     }), (F, Y) => (c(), d("div", {
-      class: ae(["dss-datepicker", { "dss-datepicker--readonly": B.mode === "readonly" }])
+      class: ae(["dss-datepicker", { "dss-datepicker--readonly": P.mode === "readonly" }])
     }, [
-      B.mode === "readonly" ? (c(), d("div", $1, [
+      P.mode === "readonly" ? (c(), d("div", $1, [
         Y[9] || (Y[9] = l("span", {
           class: "dss-datepicker__icon",
           "aria-hidden": "true"
@@ -10225,7 +10225,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           placeholder: z(De)("datepicker.selectDate"),
           value: kn.value,
           readonly: "",
-          disabled: B.mode === "readonly"
+          disabled: P.mode === "readonly"
         }, null, 8, H1)
       ])) : ve.value ? (c(), d("div", {
         key: 2,
@@ -10270,13 +10270,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             ref_key: "dropdownRef",
             ref: Kt,
             class: ae(["dss-datepicker__dropdown", {
-              "dss-datepicker__dropdown--double": B.doubleCalendar && ve.value && fe.value === "days",
-              "dss-datepicker__dropdown--quick-select": B.doubleCalendar && ve.value && fe.value === "days" && B.quickSelect
+              "dss-datepicker__dropdown--double": P.doubleCalendar && ve.value && fe.value === "days",
+              "dss-datepicker__dropdown--quick-select": P.doubleCalendar && ve.value && fe.value === "days" && P.quickSelect
             }]),
             style: re(We.value)
           }, [
-            fe.value === "days" && B.doubleCalendar && ve.value ? (c(), d("div", L1, [
-              B.quickSelect ? (c(), d("nav", T1, [
+            fe.value === "days" && P.doubleCalendar && ve.value ? (c(), d("div", L1, [
+              P.quickSelect ? (c(), d("nav", T1, [
                 (c(!0), d(ee, null, me(yn.value, (O) => (c(), d("button", {
                   key: O.id,
                   type: "button",
@@ -10326,7 +10326,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                         key: 0,
                         type: "button",
                         class: ae(["dss-datepicker__day", ft(O)]),
-                        disabled: !Ee(O),
+                        disabled: !Ae(O),
                         onClick: (Le) => Sn(O),
                         onMouseenter: (Le) => Fe(O),
                         onMouseleave: tt
@@ -10375,7 +10375,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                         key: 0,
                         type: "button",
                         class: ae(["dss-datepicker__day", ft(O)]),
-                        disabled: !Ee(O),
+                        disabled: !Ae(O),
                         onClick: (Le) => Sn(O),
                         onMouseenter: (Le) => Fe(O),
                         onMouseleave: tt
@@ -10423,7 +10423,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                     key: 0,
                     type: "button",
                     class: ae(["dss-datepicker__day", ft(O)]),
-                    disabled: !Ee(O),
+                    disabled: !Ae(O),
                     onClick: (Le) => Sn(O),
                     onMouseenter: (Le) => Fe(O),
                     onMouseleave: tt
@@ -10531,23 +10531,23 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
   },
   emits: ["update:modelValue", "update:presetColors"],
-  setup(B, { emit: He }) {
+  setup(P, { emit: $e }) {
     function W(j) {
       const G = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(j);
       if (!G) return { h: 0, s: 0, l: 50 };
-      const te = parseInt(G[1], 16) / 255, ue = parseInt(G[2], 16) / 255, Ee = parseInt(G[3], 16) / 255, ft = Math.max(te, ue, Ee), Fe = Math.min(te, ue, Ee);
+      const te = parseInt(G[1], 16) / 255, ue = parseInt(G[2], 16) / 255, Ae = parseInt(G[3], 16) / 255, ft = Math.max(te, ue, Ae), Fe = Math.min(te, ue, Ae);
       let tt = 0, St = 0;
       const Ft = (ft + Fe) / 2;
       if (ft !== Fe) {
         const Ot = ft - Fe;
         switch (St = Ft > 0.5 ? Ot / (2 - ft - Fe) : Ot / (ft + Fe), ft) {
           case te:
-            tt = ((ue - Ee) / Ot + (ue < Ee ? 6 : 0)) / 6;
+            tt = ((ue - Ae) / Ot + (ue < Ae ? 6 : 0)) / 6;
             break;
           case ue:
-            tt = ((Ee - te) / Ot + 2) / 6;
+            tt = ((Ae - te) / Ot + 2) / 6;
             break;
-          case Ee:
+          case Ae:
             tt = ((te - ue) / Ot + 4) / 6;
             break;
         }
@@ -10556,11 +10556,11 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
     function U(j, G, te) {
       G /= 100, te /= 100;
-      const ue = G * Math.min(te, 1 - te), Ee = (ft) => {
+      const ue = G * Math.min(te, 1 - te), Ae = (ft) => {
         const Fe = (ft + j / 30) % 12, tt = te - ue * Math.max(Math.min(Fe - 3, 9 - Fe, 1), -1);
         return Math.round(255 * tt).toString(16).padStart(2, "0");
       };
-      return `#${Ee(0)}${Ee(8)}${Ee(4)}`;
+      return `#${Ae(0)}${Ae(8)}${Ae(4)}`;
     }
     function De(j) {
       const G = j.replace(/^#/, "").match(/^([a-f\d]{6}|[a-f\d]{3})$/i);
@@ -10570,20 +10570,20 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
     function x(j, G, te) {
       G /= 100, te /= 100;
-      const ue = te + G * Math.min(te, 1 - te), Ee = ue === 0 ? 0 : 2 - 2 * te / ue;
-      return { h: j, s: Ee * 100, v: ue * 100 };
+      const ue = te + G * Math.min(te, 1 - te), Ae = ue === 0 ? 0 : 2 - 2 * te / ue;
+      return { h: j, s: Ae * 100, v: ue * 100 };
     }
     function Oe(j, G, te) {
       G /= 100, te /= 100;
-      const ue = te * (1 - G / 2), Ee = ue === 0 || ue === 1 ? 0 : (te - ue) / Math.min(ue, 1 - ue);
-      return { h: j, s: Ee * 100, l: ue * 100 };
+      const ue = te * (1 - G / 2), Ae = ue === 0 || ue === 1 ? 0 : (te - ue) / Math.min(ue, 1 - ue);
+      return { h: j, s: Ae * 100, l: ue * 100 };
     }
-    const fe = B, Qe = He, h = H(!1), be = H(!1), Ve = H(!1), $e = H(-1), le = H(-1), I = H(null), ze = H(null), et = H(null), qe = H(null), ut = H({ top: 0, left: 0 }), X = H(W(fe.modelValue || "#b8a5de")), kt = y(
+    const fe = P, Qe = $e, h = H(!1), be = H(!1), Ve = H(!1), Ee = H(-1), le = H(-1), I = H(null), ze = H(null), et = H(null), qe = H(null), ut = H({ top: 0, left: 0 }), X = H(W(fe.modelValue || "#b8a5de")), kt = y(
       () => Array.isArray(fe.presetGroups) && fe.presetGroups.length > 0
-    ), Mt = y(() => kt.value ? 0 : fe.initialPresetCount != null ? fe.initialPresetCount : le.value < 0 ? null : le.value), Ae = y(() => {
+    ), Mt = y(() => kt.value ? 0 : fe.initialPresetCount != null ? fe.initialPresetCount : le.value < 0 ? null : le.value), He = y(() => {
       const j = Mt.value;
       return j == null ? !0 : Math.max(0, fe.presetColors.length - j) < fe.max;
-    }), Kt = y(() => !!(be.value || $e.value >= 0 || !Nt.value && fe.presetColors.length === 0));
+    }), Kt = y(() => !!(be.value || Ee.value >= 0 || !Nt.value && fe.presetColors.length === 0));
     y(() => {
       const j = Mt.value;
       return j != null && fe.presetColors.length > j;
@@ -10606,38 +10606,38 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       return G != null && j >= G;
     }
     function bt(j) {
-      Hn(j) && ($e.value = j, X.value = W(fe.presetColors[j]), be.value = !0, ie(() => qe.value?.focus()));
+      Hn(j) && (Ee.value = j, X.value = W(fe.presetColors[j]), be.value = !0, ie(() => qe.value?.focus()));
     }
     function dt(j) {
       if (!Hn(j)) return;
-      const G = fe.presetColors.filter((Ee, ft) => ft !== j);
+      const G = fe.presetColors.filter((Ae, ft) => ft !== j);
       Qe("update:presetColors", G);
       const te = De(fe.modelValue), ue = De(fe.presetColors[j]);
       if (te && ue && te.toLowerCase() === ue.toLowerCase()) {
-        const Ee = G[Math.max(0, j - 1)] || G[0];
-        Ee && Qe("update:modelValue", Ee);
+        const Ae = G[Math.max(0, j - 1)] || G[0];
+        Ae && Qe("update:modelValue", Ae);
       }
     }
     function kn() {
-      Ve.value = !Ve.value, Ve.value || ($e.value = -1, be.value = !1);
+      Ve.value = !Ve.value, Ve.value || (Ee.value = -1, be.value = !1);
     }
     function rn() {
-      if ($e.value < 0) return;
+      if (Ee.value < 0) return;
       const j = pe.value, G = De(j);
       if (G) {
         const te = [...fe.presetColors];
-        te[$e.value] = G, Qe("update:presetColors", te), Qe("update:modelValue", G), $e.value = -1, be.value = !1;
+        te[Ee.value] = G, Qe("update:presetColors", te), Qe("update:modelValue", G), Ee.value = -1, be.value = !1;
       }
     }
     function ye() {
-      fe.disabled || ($e.value = -1, be.value = !be.value, be.value && (mt(), ie(() => qe.value?.focus())));
+      fe.disabled || (Ee.value = -1, be.value = !be.value, be.value && (mt(), ie(() => qe.value?.focus())));
     }
     function Re(j) {
       const G = De(j), te = De(fe.modelValue);
       return G && te && G.toLowerCase() === te.toLowerCase();
     }
     function ce() {
-      if (fe.disabled || !Ae.value) return;
+      if (fe.disabled || !He.value) return;
       const j = pe.value, G = De(j);
       if (G) {
         const te = [...fe.presetColors, G];
@@ -10689,22 +10689,22 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     function Lt() {
       const j = pe.value, G = De(j);
       if (G) {
-        if ($e.value >= 0) {
+        if (Ee.value >= 0) {
           const te = [...fe.presetColors];
-          te[$e.value] = G, Qe("update:presetColors", te), Qe("update:modelValue", G);
-        } else if ((fe.presetColors.length > 0 || kt.value) && be.value && Ae.value && !fe.presetColors.some(
+          te[Ee.value] = G, Qe("update:presetColors", te), Qe("update:modelValue", G);
+        } else if ((fe.presetColors.length > 0 || kt.value) && be.value && He.value && !fe.presetColors.some(
           (ue) => De(ue)?.toLowerCase() === G.toLowerCase()
         )) {
           const ue = [...fe.presetColors, G];
           Qe("update:presetColors", ue), Qe("update:modelValue", G);
         }
       }
-      h.value = !1, be.value = !1, Ve.value = !1, $e.value = -1;
+      h.value = !1, be.value = !1, Ve.value = !1, Ee.value = -1;
     }
     function qt(j) {
       if (!et.value) return;
       const G = et.value.getBoundingClientRect(), te = (ue) => {
-        const Ee = Math.max(0, Math.min(1, (ue.clientX - G.left) / G.width)), ft = Math.max(0, Math.min(1, 1 - (ue.clientY - G.top) / G.height)), Fe = { h: X.value.h, s: Ee * 100, v: ft * 100 };
+        const Ae = Math.max(0, Math.min(1, (ue.clientX - G.left) / G.width)), ft = Math.max(0, Math.min(1, 1 - (ue.clientY - G.top) / G.height)), Fe = { h: X.value.h, s: Ae * 100, v: ft * 100 };
         X.value = Oe(Fe.h, Fe.s, Fe.v);
       };
       te(j), document.addEventListener("mousemove", te), document.addEventListener("mouseup", () => {
@@ -10713,8 +10713,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }
     function Ct(j) {
       if (!j.currentTarget) return;
-      const te = j.currentTarget.getBoundingClientRect(), ue = (Ee) => {
-        const ft = Math.max(0, Math.min(1, (Ee.clientX - te.left) / te.width));
+      const te = j.currentTarget.getBoundingClientRect(), ue = (Ae) => {
+        const ft = Math.max(0, Math.min(1, (Ae.clientX - te.left) / te.width));
         X.value = { ...X.value, h: ft * 360 };
       };
       ue(j), document.addEventListener("mousemove", ue), document.addEventListener("mouseup", () => {
@@ -10747,9 +10747,9 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     }), At(() => fe.modelValue, () => {
       h.value && mt();
     }, { immediate: !1 }), At(Be, (j) => {
-      j.length === 0 && (Ve.value = !1, $e.value = -1, be.value = !1);
+      j.length === 0 && (Ve.value = !1, Ee.value = -1, be.value = !1);
     }), ts(st), (j, G) => (c(), d("div", {
-      class: ae(["dss-color-picker", { "dss-color-picker--disabled": B.disabled }])
+      class: ae(["dss-color-picker", { "dss-color-picker--disabled": P.disabled }])
     }, [
       l("div", {
         ref_key: "triggerRef",
@@ -10790,19 +10790,19 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
             style: re(nn.value)
           }, [
             Nt.value ? (c(), d(ee, { key: 0 }, [
-              kt.value ? (c(!0), d(ee, { key: 0 }, me(B.presetGroups, (te, ue) => (c(), d("div", {
+              kt.value ? (c(!0), d(ee, { key: 0 }, me(P.presetGroups, (te, ue) => (c(), d("div", {
                 key: "g-" + ue,
                 class: "dss-color-picker__section"
               }, [
                 l("span", m2, L(te.title), 1),
                 l("div", g2, [
-                  (c(!0), d(ee, null, me(te.colors, (Ee, ft) => (c(), d("button", {
+                  (c(!0), d(ee, null, me(te.colors, (Ae, ft) => (c(), d("button", {
                     key: "g-" + ue + "-" + ft,
                     type: "button",
-                    class: ae(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": Re(Ee) }]),
-                    style: re({ backgroundColor: Ee }),
-                    title: Ee,
-                    onClick: Xe((Fe) => pt(Ee), ["stop"])
+                    class: ae(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": Re(Ae) }]),
+                    style: re({ backgroundColor: Ae }),
+                    title: Ae,
+                    onClick: Xe((Fe) => pt(Ae), ["stop"])
                   }, null, 14, y2))), 128))
                 ])
               ]))), 128)) : ht.value.length ? (c(), d("div", C2, [
@@ -10814,7 +10814,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                     class: ae(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": Re(te) }]),
                     style: re({ backgroundColor: te }),
                     title: te,
-                    onClick: Xe((Ee) => pt(te), ["stop"])
+                    onClick: Xe((Ae) => pt(te), ["stop"])
                   }, null, 14, w2))), 128))
                 ])
               ])) : R("", !0),
@@ -10849,18 +10849,18 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                       type: "button",
                       class: ae(["dss-color-picker__preset-bubble", {
                         "dss-color-picker__preset-bubble--selected": !Ve.value && Re(te),
-                        "dss-color-picker__preset-bubble--editing": Ve.value && $e.value === ve(ue)
+                        "dss-color-picker__preset-bubble--editing": Ve.value && Ee.value === ve(ue)
                       }]),
-                      style: re({ backgroundColor: $e.value === ve(ue) ? pe.value : te }),
-                      title: $e.value === ve(ue) ? pe.value : te,
-                      onClick: Xe((Ee) => Ve.value ? bt(ve(ue)) : pt(te), ["stop"])
+                      style: re({ backgroundColor: Ee.value === ve(ue) ? pe.value : te }),
+                      title: Ee.value === ve(ue) ? pe.value : te,
+                      onClick: Xe((Ae) => Ve.value ? bt(ve(ue)) : pt(te), ["stop"])
                     }, null, 14, S2),
                     Ve.value ? (c(), d("button", {
                       key: 0,
                       type: "button",
                       class: "dss-color-picker__preset-action dss-color-picker__preset-action--delete",
                       title: "Delete",
-                      onClick: Xe((Ee) => dt(ve(ue)), ["stop"])
+                      onClick: Xe((Ae) => dt(ve(ue)), ["stop"])
                     }, [...G[4] || (G[4] = [
                       l("svg", {
                         viewBox: "0 0 12 12",
@@ -10876,7 +10876,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                       ], -1)
                     ])], 8, _2)) : R("", !0)
                   ], 2))), 128)),
-                  Ae.value ? (c(), d("button", {
+                  He.value ? (c(), d("button", {
                     key: 0,
                     type: "button",
                     class: ae(["dss-color-picker__add-bubble", { "dss-color-picker__add-bubble--active": be.value }]),
@@ -10884,16 +10884,16 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   }, " + ", 2)) : R("", !0)
                 ])
               ])
-            ], 64)) : B.presetColors.length ? (c(), d("div", $2, [
-              (c(!0), d(ee, null, me(B.presetColors, (te, ue) => (c(), d("button", {
+            ], 64)) : P.presetColors.length ? (c(), d("div", $2, [
+              (c(!0), d(ee, null, me(P.presetColors, (te, ue) => (c(), d("button", {
                 key: ue,
                 type: "button",
                 class: ae(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": Re(te) }]),
                 style: re({ backgroundColor: te }),
                 title: te,
-                onClick: Xe((Ee) => pt(te), ["stop"])
+                onClick: Xe((Ae) => pt(te), ["stop"])
               }, null, 14, E2))), 128)),
-              Ae.value ? (c(), d("button", {
+              He.value ? (c(), d("button", {
                 key: 0,
                 type: "button",
                 class: ae(["dss-color-picker__add-bubble", { "dss-color-picker__add-bubble--active": be.value }]),
@@ -10936,13 +10936,13 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                   onInput: yn
                 }, null, 40, A2)
               ]),
-              Nt.value && (B.presetColors.length || kt.value) && Ae.value && $e.value < 0 ? (c(), d("button", {
+              Nt.value && (P.presetColors.length || kt.value) && He.value && Ee.value < 0 ? (c(), d("button", {
                 key: 0,
                 type: "button",
                 class: "dss-color-picker__add-btn",
                 onClick: ce
               }, " Save color ")) : R("", !0),
-              Nt.value && $e.value >= 0 ? (c(), d("button", {
+              Nt.value && Ee.value >= 0 ? (c(), d("button", {
                 key: 1,
                 type: "button",
                 class: "dss-color-picker__add-btn",
@@ -11011,19 +11011,19 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       // 'small' | 'medium' | 'large' | CSS size (px, rem, %, etc.) | number (px)
     }
   },
-  setup(B) {
-    const He = B, W = y(() => He.size === "small" ? "dss-loaders--size-small" : He.size === "large" ? "dss-loaders--size-large" : He.size === "medium" || He.size == null ? "dss-loaders--size-medium" : null), U = y(() => He.size === "small" || He.size === "medium" || He.size === "large" || He.size == null ? {} : { "--dss-loader-size": typeof He.size == "number" ? `${He.size}px` : String(He.size) });
+  setup(P) {
+    const $e = P, W = y(() => $e.size === "small" ? "dss-loaders--size-small" : $e.size === "large" ? "dss-loaders--size-large" : $e.size === "medium" || $e.size == null ? "dss-loaders--size-medium" : null), U = y(() => $e.size === "small" || $e.size === "medium" || $e.size === "large" || $e.size == null ? {} : { "--dss-loader-size": typeof $e.size == "number" ? `${$e.size}px` : String($e.size) });
     return (De, x) => (c(), d("div", {
       class: ae(["dss-loaders", W.value]),
       style: re(U.value)
     }, [
-      B.type === "spinner" ? (c(), d("div", L2, [
+      P.type === "spinner" ? (c(), d("div", L2, [
         x[0] || (x[0] = l("span", {
           class: "dss-loader-spinner",
           "aria-hidden": "true"
         }, null, -1)),
-        B.label ? (c(), d("span", T2, L(B.label), 1)) : R("", !0)
-      ])) : B.type === "dots" ? (c(), d("div", V2, [
+        P.label ? (c(), d("span", T2, L(P.label), 1)) : R("", !0)
+      ])) : P.type === "dots" ? (c(), d("div", V2, [
         x[1] || (x[1] = l("span", {
           class: "dss-loader-dots",
           "aria-hidden": "true"
@@ -11032,14 +11032,14 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           l("span", { class: "dss-loader-dot" }),
           l("span", { class: "dss-loader-dot" })
         ], -1)),
-        B.label ? (c(), d("span", D2, L(B.label), 1)) : R("", !0)
-      ])) : B.type === "battery" ? (c(), d("div", R2, [
+        P.label ? (c(), d("span", D2, L(P.label), 1)) : R("", !0)
+      ])) : P.type === "battery" ? (c(), d("div", R2, [
         x[2] || (x[2] = l("div", {
           class: "battery",
           "aria-hidden": "true"
         }, null, -1)),
-        B.label ? (c(), d("span", I2, L(B.label), 1)) : R("", !0)
-      ])) : B.type === "double-circle" ? (c(), d("div", N2, [
+        P.label ? (c(), d("span", I2, L(P.label), 1)) : R("", !0)
+      ])) : P.type === "double-circle" ? (c(), d("div", N2, [
         x[3] || (x[3] = l("span", {
           class: "dss-loader-double-circle",
           "aria-hidden": "true"
@@ -11047,8 +11047,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           l("span", { class: "dss-loader-double-circle-outer" }),
           l("span", { class: "dss-loader-double-circle-inner" })
         ], -1)),
-        B.label ? (c(), d("span", F2, L(B.label), 1)) : R("", !0)
-      ])) : B.type === "bars" ? (c(), d("div", P2, [
+        P.label ? (c(), d("span", F2, L(P.label), 1)) : R("", !0)
+      ])) : P.type === "bars" ? (c(), d("div", P2, [
         x[4] || (x[4] = l("span", {
           class: "dss-loader-bars",
           "aria-hidden": "true"
@@ -11057,15 +11057,15 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           l("span", { class: "dss-loader-bar" }),
           l("span", { class: "dss-loader-bar" })
         ], -1)),
-        B.label ? (c(), d("span", B2, L(B.label), 1)) : R("", !0)
-      ])) : B.type === "inline" ? (c(), d("div", O2, [
+        P.label ? (c(), d("span", B2, L(P.label), 1)) : R("", !0)
+      ])) : P.type === "inline" ? (c(), d("div", O2, [
         x[5] || (x[5] = l("span", {
           class: "dss-loader-inline-spinner",
           "aria-hidden": "true"
         }, null, -1)),
         l("span", z2, [
           mn(De.$slots, "default", {}, () => [
-            la(L(B.label), 1)
+            la(L(P.label), 1)
           ])
         ])
       ])) : R("", !0)
@@ -11078,41 +11078,41 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     darkMode: { type: Boolean, default: !1 },
     borderRadius: { type: String, default: "16px" },
     shimmer: { type: Boolean, default: !0 },
-    mode: { type: String, default: "single", validator: (B) => ["single", "multiple"].includes(B) },
+    mode: { type: String, default: "single", validator: (P) => ["single", "multiple"].includes(P) },
     targetClass: { type: String, default: ps },
     bgColor: { type: String, default: null },
     shimmerColor: { type: String, default: null },
     bgDark: { type: String, default: null },
     shimmerDark: { type: String, default: null }
   },
-  setup(B) {
-    const He = B, W = y(() => {
+  setup(P) {
+    const $e = P, W = y(() => {
       const x = {
-        "dss-skeleton--loading": He.loading,
-        "dss-skeleton--static": !He.shimmer,
-        "dss-skeleton--multiple": He.mode === "multiple",
-        "dss-skeleton--dark": He.darkMode
+        "dss-skeleton--loading": $e.loading,
+        "dss-skeleton--static": !$e.shimmer,
+        "dss-skeleton--multiple": $e.mode === "multiple",
+        "dss-skeleton--dark": $e.darkMode
       };
-      return He.mode === "multiple" && He.targetClass !== ps && (x[`dss-skeleton--target-${He.targetClass}`] = !0), x;
+      return $e.mode === "multiple" && $e.targetClass !== ps && (x[`dss-skeleton--target-${$e.targetClass}`] = !0), x;
     }), U = y(() => {
       const x = {};
-      return He.borderRadius && (x.borderRadius = He.borderRadius), x;
+      return $e.borderRadius && (x.borderRadius = $e.borderRadius), x;
     }), De = y(() => {
       const x = {};
-      return He.darkMode ? (x["--dss-skeleton-bg"] = He.bgDark || "#322c3f", x["--dss-skeleton-shimmer"] = He.shimmerDark || "#3e3f41", x) : (He.bgColor && (x["--dss-skeleton-bg"] = He.bgColor), He.shimmerColor && (x["--dss-skeleton-shimmer"] = He.shimmerColor), x);
+      return $e.borderRadius && (x["--dss-skeleton-border-radius"] = $e.borderRadius), $e.darkMode ? (x["--dss-skeleton-bg"] = $e.bgDark || "#322c3f", x["--dss-skeleton-shimmer"] = $e.shimmerDark || "#3e3f41", x) : ($e.bgColor && (x["--dss-skeleton-bg"] = $e.bgColor), $e.shimmerColor && (x["--dss-skeleton-shimmer"] = $e.shimmerColor), x);
     });
     return (x, Oe) => (c(), d("div", {
       class: ae(["dss-skeleton", W.value]),
       style: re(De.value)
     }, [
-      B.loading && B.mode === "single" ? (c(), d("div", {
+      P.loading && P.mode === "single" ? (c(), d("div", {
         key: 0,
         class: "dss-skeleton-overlay",
         style: re(U.value),
         "aria-hidden": "true"
       }, null, 4)) : R("", !0),
       l("div", {
-        class: ae(["dss-skeleton-content", { "dss-skeleton-content--hidden": B.loading && B.mode === "single" }])
+        class: ae(["dss-skeleton-content", { "dss-skeleton-content--hidden": P.loading && P.mode === "single" }])
       }, [
         mn(x.$slots, "default")
       ], 2)
@@ -11139,8 +11139,8 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     options: { type: Object, default: () => ({}) }
   },
   emits: ["move"],
-  setup(B, { emit: He }) {
-    const W = B, U = He, De = {
+  setup(P, { emit: $e }) {
+    const W = P, U = $e, De = {
       columnMinWidth: "280px",
       columnMaxWidth: "none",
       columnGap: "12px",
@@ -11159,7 +11159,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       "--dss-dnd-indicator-color": x.value.indicatorColor,
       "--dss-dnd-body-max-h": x.value.columnBodyMaxHeight
     })), fe = H(null), Qe = H(null), h = H(-1), be = H(null);
-    let Ve = null, $e = null, le = null, I = null, ze = 0, et = 0;
+    let Ve = null, Ee = null, le = null, I = null, ze = 0, et = 0;
     const qe = y(() => {
       const ye = {};
       for (const Re of W.columns)
@@ -11220,7 +11220,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     function Mt(ye, Re) {
       le && (le.style.left = `${ye - ze}px`, le.style.top = `${Re - et}px`);
     }
-    function Ae(ye) {
+    function He(ye) {
       ye.classList.add("dss-dnd-item--dragging"), ye.style.background = x.value.dragSourceBackground, ye.style.borderColor = x.value.dragSourceBorder, ye.style.transform = "scale(0.97)";
     }
     function Kt(ye) {
@@ -11265,7 +11265,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
           to: it,
           position: nn,
           index: Ne
-        }), $e && clearTimeout($e), be.value = { id: Zt, from: pe, to: it }, $e = setTimeout(() => {
+        }), Ee && clearTimeout(Ee), be.value = { id: Zt, from: pe, to: it }, Ee = setTimeout(() => {
           be.value = null;
         }, 3500);
       }
@@ -11276,7 +11276,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       const ce = ye.target.closest(".dss-dnd-item");
       if (!ce) return;
       const pe = ce.getBoundingClientRect();
-      ze = ye.clientX - pe.left, et = ye.clientY - pe.top, fe.value = Re, I = ce, kt(ce, ye.clientX, ye.clientY), requestAnimationFrame(() => Ae(ce)), ce.setPointerCapture?.(ye.pointerId), window.addEventListener("pointermove", Be), window.addEventListener("pointerup", ve, { once: !0 }), window.addEventListener("pointercancel", ve, { once: !0 });
+      ze = ye.clientX - pe.left, et = ye.clientY - pe.top, fe.value = Re, I = ce, kt(ce, ye.clientX, ye.clientY), requestAnimationFrame(() => He(ce)), ce.setPointerCapture?.(ye.pointerId), window.addEventListener("pointermove", Be), window.addEventListener("pointerup", ve, { once: !0 }), window.addEventListener("pointercancel", ve, { once: !0 });
     }
     function bt(ye, Re) {
       x.value.useHandle || Hn(ye, Re);
@@ -11291,12 +11291,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
       kn(), fe.value = null, Qe.value = null, h.value = -1;
     }
     return ts(() => {
-      kn(), $e && clearTimeout($e), le && (le.remove(), le = null);
+      kn(), Ee && clearTimeout(Ee), le && (le.remove(), le = null);
     }), (ye, Re) => (c(), d("div", {
       class: ae(["dss-dnd", { "dss-dnd--unstyled": x.value.unstyled }]),
       style: re(Oe.value)
     }, [
-      (c(!0), d(ee, null, me(B.columns, (ce) => (c(), d("div", {
+      (c(!0), d(ee, null, me(P.columns, (ce) => (c(), d("div", {
         key: ce.value,
         class: ae(["dss-dnd-column", [
           { "dss-dnd-column--drag-over": Qe.value === ce.value },
@@ -11340,11 +11340,11 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
                 mn(ye.$slots, "item", {
                   item: pe.item,
                   column: ce,
-                  justDropped: be.value?.id === pe.item[B.itemKey],
-                  droppedFrom: be.value?.id === pe.item[B.itemKey] ? be.value.from : null,
-                  droppedTo: be.value?.id === pe.item[B.itemKey] ? be.value.to : null
+                  justDropped: be.value?.id === pe.item[P.itemKey],
+                  droppedFrom: be.value?.id === pe.item[P.itemKey] ? be.value.from : null,
+                  droppedTo: be.value?.id === pe.item[P.itemKey] ? be.value.to : null
                 }, () => [
-                  l("div", G2, L(pe.item[B.itemKey]), 1)
+                  l("div", G2, L(pe.item[P.itemKey]), 1)
                 ])
               ])
             ], 42, Y2))
@@ -11372,12 +11372,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
     },
     delay: { type: Number, default: 300 }
   },
-  setup(B) {
-    const He = B, W = H(null), U = H(!1);
+  setup(P) {
+    const $e = P, W = H(null), U = H(!1);
     let De = [], x = null, Oe = null;
     function fe(le, I) {
       const ze = [];
-      for (let et = 0; et < He.count; et++)
+      for (let et = 0; et < $e.count; et++)
         ze.push(Qe(le));
       return ze;
     }
@@ -11387,7 +11387,7 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         y: -Math.random() * 150 - 20,
         r: Math.random() * 8 + 3,
         d: Math.random() * 50,
-        color: He.colors[Math.floor(Math.random() * He.colors.length)],
+        color: $e.colors[Math.floor(Math.random() * $e.colors.length)],
         tilt: Math.floor(Math.random() * 10) - 10,
         tiltInc: Math.random() * 0.08 + 0.04,
         tiltAngle: 0,
@@ -11415,24 +11415,24 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
         if (!ze) return;
         const et = ze.getBoundingClientRect();
         le.width = et.width, le.height = et.height, De = fe(le.width, le.height);
-        const qe = Date.now(), ut = qe + He.duration, X = () => {
+        const qe = Date.now(), ut = qe + $e.duration, X = () => {
           const kt = Date.now(), Mt = kt - qe;
           if (kt < ut) {
-            let Ae = 1;
-            Mt > He.fadeStart && (Ae = 1 - (Mt - He.fadeStart) / (He.duration - He.fadeStart)), h(I, le.width, le.height, Ae), be(le.width, le.height, Ae), x = requestAnimationFrame(X);
+            let He = 1;
+            Mt > $e.fadeStart && (He = 1 - (Mt - $e.fadeStart) / ($e.duration - $e.fadeStart)), h(I, le.width, le.height, He), be(le.width, le.height, He), x = requestAnimationFrame(X);
           } else
-            $e();
+            Ee();
         };
         X();
       });
     }
-    function $e() {
+    function Ee() {
       x && (cancelAnimationFrame(x), x = null), De = [], U.value = !1;
     }
-    return At(() => He.trigger, (le) => {
-      le && (Oe && clearTimeout(Oe), Oe = setTimeout(Ve, He.delay));
+    return At(() => $e.trigger, (le) => {
+      le && (Oe && clearTimeout(Oe), Oe = setTimeout(Ve, $e.delay));
     }, { immediate: !0 }), ts(() => {
-      $e(), Oe && clearTimeout(Oe);
+      Ee(), Oe && clearTimeout(Oe);
     }), (le, I) => U.value ? (c(), d("canvas", {
       key: 0,
       ref_key: "canvasRef",
@@ -11456,12 +11456,12 @@ const Hs = ["data-chart-type"], As = { class: "dss-chart-header-titles" }, Ls =
   datepicker: d0,
   textEditor: v0
 }, hs = { en: Tl, fr: Vl, nl: Dl };
-function S0(B) {
-  if (!B || !B.global)
+function S0(P) {
+  if (!P || !P.global)
     return;
-  const He = B.global.availableLocales || [];
+  const $e = P.global.availableLocales || [];
   Object.keys(hs).forEach((W) => {
-    He.includes(W) && B.global.mergeLocaleMessage(W, hs[W]);
+    $e.includes(W) && P.global.mergeLocaleMessage(W, hs[W]);
   });
 }
 const ms = {
@@ -11469,12 +11469,12 @@ const ms = {
   fr: { textEditor: Vl.textEditor },
   nl: { textEditor: Dl.textEditor }
 };
-function _0(B) {
-  if (!B || !B.global)
+function _0(P) {
+  if (!P || !P.global)
     return;
-  const He = B.global.availableLocales || [];
+  const $e = P.global.availableLocales || [];
   Object.keys(ms).forEach((W) => {
-    He.includes(W) && B.global.mergeLocaleMessage(W, ms[W]);
+    $e.includes(W) && P.global.mergeLocaleMessage(W, ms[W]);
   });
 }
 const gs = {
@@ -11482,12 +11482,12 @@ const gs = {
   fr: { table: Vl.table },
   nl: { table: Dl.table }
 };
-function $0(B) {
-  if (!B || !B.global)
+function $0(P) {
+  if (!P || !P.global)
     return;
-  const He = B.global.availableLocales || [];
+  const $e = P.global.availableLocales || [];
   Object.keys(gs).forEach((W) => {
-    He.includes(W) && B.global.mergeLocaleMessage(W, gs[W]);
+    $e.includes(W) && P.global.mergeLocaleMessage(W, gs[W]);
   });
 }
 const ys = {
@@ -11495,12 +11495,12 @@ const ys = {
   fr: { datepicker: Vl.datepicker },
   nl: { datepicker: Dl.datepicker }
 };
-function E0(B) {
-  if (!B || !B.global)
+function E0(P) {
+  if (!P || !P.global)
     return;
-  const He = B.global.availableLocales || [];
+  const $e = P.global.availableLocales || [];
   Object.keys(ys).forEach((W) => {
-    He.includes(W) && B.global.mergeLocaleMessage(W, ys[W]);
+    $e.includes(W) && P.global.mergeLocaleMessage(W, ys[W]);
   });
 }
 const f0 = {