npm - dsp-semactic - Versions diffs - 0.7.9 → 0.7.10 - Mend

dsp-semactic 0.7.9 → 0.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref as $, computed as v, watch as Dt, nextTick as Ae, onBeforeUnmount as Sn, createElementBlock as c, openBlock as i, normalizeClass as re, createCommentVNode as A, createBlock as Sa, createElementVNode as n, unref as O, Teleport as en, withModifiers as je, normalizeStyle as be, Fragment as ae, renderList as Le, toDisplayString as L, reactive as Ws, onMounted as Pn, renderSlot as pl, createTextVNode as zl, onUnmounted as hs, withDirectives as il, vShow as _n, createVNode as fn, vModelText as Dl, createStaticVNode as ro, Transition as ms, withCtx as _a, withKeys as ra, useSlots as mo, defineComponent as Go, resolveDynamicComponent as io, mergeProps as uo, toHandlers as co } from "vue";
+import { ref as $, computed as v, watch as Dt, nextTick as Ae, onBeforeUnmount as Sn, createElementBlock as c, openBlock as i, normalizeClass as re, createCommentVNode as A, createBlock as Sa, createElementVNode as n, unref as O, Teleport as en, withModifiers as je, normalizeStyle as be, Fragment as ae, renderList as Le, toDisplayString as L, reactive as Ws, onMounted as Pn, renderSlot as pl, createTextVNode as zl, onUnmounted as hs, withDirectives as rl, vShow as _n, createVNode as fn, vModelText as Dl, createStaticVNode as ro, Transition as ms, withCtx as _a, withKeys as ra, useSlots as mo, defineComponent as Go, resolveDynamicComponent as io, mergeProps as uo, toHandlers as co } from "vue";
 import { useI18n as es, createI18n as Qo } from "vue-i18n";
 const Jo = {
   key: 0,
@@ -82,7 +82,7 @@ const Jo = {
   },
   emits: ["update:modelValue"],
   setup(T, { emit: ue }) {
-    const I = T, D = ue, { t: ke, locale: Y } = es(), P = $(!1), we = $("days"), xt = /* @__PURE__ */ new Date(), ce = v(() => I.minDate instanceof Date ? I.minDate : xt), y = $(ce.value.getMonth()), De = $(ce.value.getFullYear()), Ee = $(ce.value.getMonth()), ie = $(ce.value.getFullYear()), le = $(ce.value.getMonth()), $e = $(ce.value.getFullYear()), ze = $("start"), Ce = $(null), Ie = $(null);
+    const I = T, D = ue, { t: ke, locale: Y } = es(), P = $(!1), we = $("days"), xt = /* @__PURE__ */ new Date(), ce = v(() => I.minDate instanceof Date ? I.minDate : xt), y = $(ce.value.getMonth()), Re = $(ce.value.getFullYear()), Ee = $(ce.value.getMonth()), ie = $(ce.value.getFullYear()), le = $(ce.value.getMonth()), $e = $(ce.value.getFullYear()), ze = $("start"), Ce = $(null), Ie = $(null);
     function J() {
       const B = ce.value, U = B.getMonth(), F = B.getFullYear(), ne = U === 11 ? 0 : U + 1, Ye = U === 11 ? F + 1 : F;
       return { left: { month: U, year: F }, right: { month: ne, year: Ye } };
@@ -91,11 +91,11 @@ const Jo = {
       () => ["single", "singleFromAvailable"].includes(I.mode)
     ), ct = v(
       () => ["range", "rangeFromAvailable"].includes(I.mode)
-    ), Ct = v(() => I.mode === "listFromAvailable"), ul = v(() => {
+    ), Ct = v(() => I.mode === "listFromAvailable"), il = v(() => {
       if (!["single", "singleFromAvailable", "listFromAvailable"].includes(I.mode)) return null;
       const B = I.modelValue;
       return B instanceof Date ? B : null;
-    }), Re = v(() => {
+    }), De = v(() => {
       if (!ct.value) return { start: null, end: null };
       const B = I.modelValue;
       return !B || typeof B != "object" ? { start: null, end: null } : {
@@ -103,38 +103,38 @@ const Jo = {
         end: B.end instanceof Date ? B.end : null
       };
     });
-    function nl(B) {
+    function al(B) {
       if (!B || !(B instanceof Date)) return "";
       const U = B.getDate(), F = B.getMonth() + 1, ne = B.getFullYear(), Ye = ($t) => String($t).padStart(2, "0");
       return `${Ye(U)}/${Ye(F)}/${ne}`;
     }
-    const _t = v(() => nl(ul.value)), ft = v(() => {
-      const { start: B, end: U } = Re.value;
+    const _t = v(() => al(il.value)), ft = v(() => {
+      const { start: B, end: U } = De.value;
       if (!B && !U) return "";
       const F = !U || B && B <= U ? B : U, ne = !B || U && U >= B ? U : B;
-      return ol(F, ne) ? nl(F) : `${nl(F)} - ${nl(ne)}`;
+      return sl(F, ne) ? al(F) : `${al(F)} - ${al(ne)}`;
     }), Ft = v(() => {
       if (I.mode !== "readonly") return "—";
       const B = I.modelValue;
-      if (B instanceof Date) return nl(B) || "—";
+      if (B instanceof Date) return al(B) || "—";
       if (B && typeof B == "object" && ("start" in B || "end" in B)) {
         const U = B.start instanceof Date ? B.start : null, F = B.end instanceof Date ? B.end : null;
         if (!U && !F) return "—";
         const ne = !F || U && U <= F ? U : F, Ye = !U || F && F >= U ? F : U;
-        return ol(ne, Ye) ? nl(ne) : `${nl(ne)} - ${nl(Ye)}`;
+        return sl(ne, Ye) ? al(ne) : `${al(ne)} - ${al(Ye)}`;
       }
       return "—";
     });
     v(() => {
-      const B = new Date(De.value, y.value, 1);
+      const B = new Date(Re.value, y.value, 1);
       return new Intl.DateTimeFormat(Y.value, { month: "long", year: "numeric" }).format(B);
     });
     const gl = v(
       () => Ie.value === "left" ? Ee.value : Ie.value === "right" ? le.value : y.value
     ), At = v(
-      () => Ie.value === "left" ? ie.value : Ie.value === "right" ? $e.value : De.value
-    ), sl = v(() => {
-      const B = new Date(De.value, y.value, 1);
+      () => Ie.value === "left" ? ie.value : Ie.value === "right" ? $e.value : Re.value
+    ), nl = v(() => {
+      const B = new Date(Re.value, y.value, 1);
       return new Intl.DateTimeFormat(Y.value, { month: "long" }).format(B);
     }), Lt = v(() => {
       const B = new Date(At.value, gl.value, 1);
@@ -146,9 +146,9 @@ const Jo = {
         (U, F) => B.format(new Date(2024, F, 1))
       );
     }), Nt = v(() => {
-      const U = (Ie.value ? At.value : De.value) - Math.floor(vo / 2);
+      const U = (Ie.value ? At.value : Re.value) - Math.floor(vo / 2);
       return Array.from({ length: vo }, (F, ne) => U + ne);
-    }), cl = v(() => {
+    }), ul = v(() => {
       const B = Nt.value;
       return B.length ? `${B[0]} – ${B[B.length - 1]}` : "";
     });
@@ -183,7 +183,7 @@ const Jo = {
       return kt;
     }
     const ut = v(
-      () => ot(De.value, y.value, ve.value)
+      () => ot(Re.value, y.value, ve.value)
     ), Ut = v(
       () => ot(ie.value, Ee.value, ve.value)
     ), We = v(
@@ -251,14 +251,14 @@ const Jo = {
       top: `${ee.value.top}px`,
       zIndex: 1002
     });
-    function ol(B, U) {
+    function sl(B, U) {
       return !B || !U ? !1 : B.getFullYear() === U.getFullYear() && B.getMonth() === U.getMonth() && B.getDate() === U.getDate();
     }
     function mt(B) {
       return new Date(B.getFullYear(), B.getMonth(), B.getDate()).getTime();
     }
     function wl(B) {
-      return !I.availableDates || !I.availableDates.length ? !0 : I.availableDates.some((U) => U instanceof Date && ol(U, B));
+      return !I.availableDates || !I.availableDates.length ? !0 : I.availableDates.some((U) => U instanceof Date && sl(U, B));
     }
     function V(B) {
       const U = mt(B);
@@ -285,17 +285,17 @@ const Jo = {
       return F > ne ? null : { start: S(F), end: S(ne) };
     }
     function he(B) {
-      return !I.exceptDates || !I.exceptDates.length ? !1 : I.exceptDates.some((U) => U instanceof Date && ol(U, B));
+      return !I.exceptDates || !I.exceptDates.length ? !1 : I.exceptDates.some((U) => U instanceof Date && sl(U, B));
     }
     function Ke(B) {
       return he(B) ? !1 : ["singleFromAvailable", "rangeFromAvailable"].includes(I.mode) ? wl(B) : V(B);
     }
     function Ht(B) {
-      const U = ul.value, F = Re.value, ne = mt(B), Ye = ct.value && F.start && F.end && ne > mt(F.start) && ne < mt(F.end), $t = ct.value && F.start && ol(B, F.start), St = ct.value && F.end && ol(B, F.end), kt = $t && St, gt = vt.value && U && ol(B, U) || $t || St;
+      const U = il.value, F = De.value, ne = mt(B), Ye = ct.value && F.start && F.end && ne > mt(F.start) && ne < mt(F.end), $t = ct.value && F.start && sl(B, F.start), St = ct.value && F.end && sl(B, F.end), kt = $t && St, gt = vt.value && U && sl(B, U) || $t || St;
       let Vl = !1;
       if (ct.value && F.start && !F.end && Ce.value) {
-        const Bl = mt(F.start), dl = mt(Ce.value), jt = Math.min(Bl, dl), vl = Math.max(Bl, dl);
-        Vl = ne > jt && ne < vl;
+        const Bl = mt(F.start), cl = mt(Ce.value), jt = Math.min(Bl, cl), dl = Math.max(Bl, cl);
+        Vl = ne > jt && ne < dl;
       }
       return {
         "dss-datepicker__day--selected": gt && !kt,
@@ -309,7 +309,7 @@ const Jo = {
     }
     function ht(B) {
       if (!ct.value) return;
-      const U = Re.value;
+      const U = De.value;
       if (!U.start || U.end) {
         Ce.value = null;
         return;
@@ -325,16 +325,16 @@ const Jo = {
     }
     function It() {
       if (!I.doubleCalendar || !ct.value) return;
-      const B = Re.value, { start: U, end: F } = B;
+      const B = De.value, { start: U, end: F } = B;
       if (U && F) {
         const $t = U <= F ? U : F, St = U <= F ? F : U, kt = $t.getMonth(), gt = $t.getFullYear(), Vl = St.getMonth(), Bl = St.getFullYear();
         if (kt !== Vl || gt !== Bl) {
-          const dl = Ee.value === kt && ie.value === gt, jt = le.value === Vl && $e.value === Bl;
-          if (dl && jt) return;
+          const cl = Ee.value === kt && ie.value === gt, jt = le.value === Vl && $e.value === Bl;
+          if (cl && jt) return;
           Ee.value = kt, ie.value = gt, le.value = Vl, $e.value = Bl;
         } else {
-          const dl = kt === 0 ? 11 : kt - 1, jt = kt === 0 ? gt - 1 : gt;
-          Ee.value === dl && ie.value === jt && le.value === kt && $e.value === gt || (Ee.value = kt, ie.value = gt, kt === 11 ? (le.value = 0, $e.value = gt + 1) : (le.value = kt + 1, $e.value = gt));
+          const cl = kt === 0 ? 11 : kt - 1, jt = kt === 0 ? gt - 1 : gt;
+          Ee.value === cl && ie.value === jt && le.value === kt && $e.value === gt || (Ee.value = kt, ie.value = gt, kt === 11 ? (le.value = 0, $e.value = gt + 1) : (le.value = kt + 1, $e.value = gt));
         }
         return;
       }
@@ -354,12 +354,12 @@ const Jo = {
       if (!Ct.value) return [];
       const B = (I.availableDates || []).filter((F) => F instanceof Date && !Number.isNaN(F.getTime())).filter((F) => !he(F) && V(F)).map((F) => new Date(F.getFullYear(), F.getMonth(), F.getDate()));
       B.sort((F, ne) => ne.getTime() - F.getTime());
-      const U = ul.value;
+      const U = il.value;
       return B.map((F) => ({
         date: F,
         ts: F.getTime(),
         label: zt.value.format(F),
-        selected: !!(U && ol(F, U))
+        selected: !!(U && sl(F, U))
       }));
     });
     function Zt() {
@@ -379,15 +379,15 @@ const Jo = {
     function Pt(B = "start") {
       if (I.mode === "readonly") return;
       ze.value = B;
-      const U = ul.value, F = Re.value;
+      const U = il.value, F = De.value;
       if (vt.value && U)
-        y.value = U.getMonth(), De.value = U.getFullYear();
+        y.value = U.getMonth(), Re.value = U.getFullYear();
       else if (ct.value)
         if (I.doubleCalendar)
           It();
         else {
           const ne = B === "start" && F.start ? F.start : F.end || F.start;
-          ne && (y.value = ne.getMonth(), De.value = ne.getFullYear());
+          ne && (y.value = ne.getMonth(), Re.value = ne.getFullYear());
         }
       Q.value = vt.value ? Tt.value?.closest(".dss-datepicker__input-wrap") : bt.value, we.value = "days", Ie.value = null, oe.value = "left", P.value = !0, Ne();
     }
@@ -468,13 +468,13 @@ const Jo = {
       Ie.value === "left" ? Ee.value = B : Ie.value === "right" ? le.value = B : y.value = B, aa();
     }
     function Ql(B) {
-      Ie.value === "left" ? ie.value = B : Ie.value === "right" ? $e.value = B : De.value = B, aa();
+      Ie.value === "left" ? ie.value = B : Ie.value === "right" ? $e.value = B : Re.value = B, aa();
     }
     function Ta() {
-      y.value === 0 ? (y.value = 11, De.value--) : y.value--;
+      y.value === 0 ? (y.value = 11, Re.value--) : y.value--;
     }
     function Jl() {
-      y.value === 11 ? (y.value = 0, De.value++) : y.value++;
+      y.value === 11 ? (y.value = 0, Re.value++) : y.value++;
     }
     function pn() {
       Ee.value === 0 ? (Ee.value = 11, ie.value--) : Ee.value--;
@@ -495,7 +495,7 @@ const Jo = {
         D("update:modelValue", U), Rl();
         return;
       }
-      const F = Re.value;
+      const F = De.value;
       if (!F.start && !F.end) {
         D("update:modelValue", { start: U, end: null }), ze.value = "end";
         return;
@@ -512,7 +512,7 @@ const Jo = {
         ne && Ye && Ye < ne && ([ne, Ye] = [Ye, ne]), D("update:modelValue", { start: ne || Ye, end: Ye || ne }), ze.value = "start";
       }
     }
-    Dt(Re, () => {
+    Dt(De, () => {
       I.doubleCalendar && ct.value && P.value && It();
     }, { deep: !0 });
     let ba = null, da = null, Fl = null;
@@ -528,7 +528,7 @@ const Jo = {
         P.value,
         we.value,
         y.value,
-        De.value,
+        Re.value,
         Ee.value,
         ie.value,
         le.value,
@@ -848,12 +848,12 @@ const Jo = {
                     type: "button",
                     class: "dss-datepicker__month-year-btn",
                     onClick: U[6] || (U[6] = (F) => we.value = "months")
-                  }, L(sl.value), 1),
+                  }, L(nl.value), 1),
                   n("button", {
                     type: "button",
                     class: "dss-datepicker__month-year-btn",
                     onClick: U[7] || (U[7] = (F) => we.value = "years")
-                  }, L(De.value), 1)
+                  }, L(Re.value), 1)
                 ]),
                 n("button", {
                   type: "button",
@@ -902,7 +902,7 @@ const Jo = {
               ])
             ], 64)) : we.value === "years" ? (i(), c(ae, { key: 4 }, [
               n("div", Wr, [
-                n("span", Zr, L(cl.value), 1)
+                n("span", Zr, L(ul.value), 1)
               ]),
               n("div", {
                 class: "dss-datepicker__years-wrap",
@@ -1066,7 +1066,7 @@ const Jo = {
         };
       });
       return ue.segmentOrder === "desc" ? [...W].sort((te, ve) => ve.value - te.value) : ue.segmentOrder === "asc" ? [...W].sort((te, ve) => te.value - ve.value) : W;
-    }), y = v(() => xt.value ? ce.value.reduce((W, te) => W + te.value, 0) : we.value), De = v(() => xt.value ? Number.isFinite(Number(ue.totalValue)) && Number(ue.totalValue) > 0 ? Number(ue.totalValue) : Math.max(1, y.value) : P.value), Ee = v(
+    }), y = v(() => xt.value ? ce.value.reduce((W, te) => W + te.value, 0) : we.value), Re = v(() => xt.value ? Number.isFinite(Number(ue.totalValue)) && Number(ue.totalValue) > 0 ? Number(ue.totalValue) : Math.max(1, y.value) : P.value), Ee = v(
       () => xt.value && Number.isFinite(Number(ue.totalValue)) && Number(ue.totalValue) > 0
     ), ie = v(() => Ee.value ? Math.max(0, Number(ue.totalValue) - y.value) : 0), le = v(
       () => typeof ue.remainderLabel == "string" && ue.remainderLabel.trim().length > 0
@@ -1075,12 +1075,12 @@ const Jo = {
     ), Ce = v(
       () => ce.value.filter((W) => W.value > 0).map((W) => `${W.label}: ${ft(W.value)}`).join(" | ")
     ), Ie = v(() => xt.value ? Ee.value ? ce.value.filter((W) => W.value > 0) : ce.value : []), J = v(() => {
-      if (!ue.counterAsPercentage) return `${y.value} / ${De.value}`;
-      const W = Number(De.value);
+      if (!ue.counterAsPercentage) return `${y.value} / ${Re.value}`;
+      const W = Number(Re.value);
       if (!Number.isFinite(W) || W <= 0) return "0%";
       const te = Math.round(Number(y.value) / W * 100);
       return `${Math.min(Math.max(te, 0), 100)}%`;
-    }), Tt = v(() => y.value), bt = v(() => De.value), Xe = Ws({
+    }), Tt = v(() => y.value), bt = v(() => Re.value), Xe = Ws({
       visible: !1,
       x: 0,
       y: 0,
@@ -1133,8 +1133,8 @@ const Jo = {
         ...Be(ve),
         backgroundColor: W.color
       };
-    }, ul = (W) => Number(W?.value || 0) > 0 && Number(W?.value || 0) === ze.value, Re = (W) => {
-      const te = D(W?.marker) ? W.marker : {}, ve = W?.marker === !0 || te.enabled === !0, Me = ul(W) && Y.value.maxSegment?.marker?.enabled === !0;
+    }, il = (W) => Number(W?.value || 0) > 0 && Number(W?.value || 0) === ze.value, De = (W) => {
+      const te = D(W?.marker) ? W.marker : {}, ve = W?.marker === !0 || te.enabled === !0, Me = il(W) && Y.value.maxSegment?.marker?.enabled === !0;
       if (!(ve || Me)) return { enabled: !1 };
       const ut = te.backgroundColor ?? (Me ? Y.value.maxSegment?.marker?.backgroundColor : Y.value.segmentMarker?.backgroundColor), Ut = te.borderColor ?? (Me ? Y.value.maxSegment?.marker?.borderColor : Y.value.segmentMarker?.borderColor), We = te.color ?? (Me ? Y.value.maxSegment?.marker?.color : Y.value.segmentMarker?.color), dt = te.width ?? (Me ? Y.value.maxSegment?.marker?.width : Y.value.segmentMarker?.width), Rt = te.height ?? (Me ? Y.value.maxSegment?.marker?.height : Y.value.segmentMarker?.height);
       return {
@@ -1147,15 +1147,15 @@ const Jo = {
         icon: te.icon ?? null,
         ...te
       };
-    }, nl = (W) => {
-      const te = Re(W);
+    }, al = (W) => {
+      const te = De(W);
       return {
         backgroundColor: te.backgroundColor ?? void 0,
         borderColor: te.borderColor ?? void 0,
         color: te.color ?? void 0
       };
     }, _t = (W) => {
-      const te = Re(W);
+      const te = De(W);
       return {
         width: te.width ?? void 0,
         height: te.height ?? void 0
@@ -1167,7 +1167,7 @@ const Jo = {
       ue.disableTooltips || Lt(W, te);
     }, At = (W) => {
       ue.disableTooltips || ml(W);
-    }, sl = () => {
+    }, nl = () => {
       ue.disableTooltips || Nt();
     }, Lt = (W, te) => {
       if (!W || !te?.currentTarget) return;
@@ -1191,13 +1191,13 @@ const Jo = {
       Xe.x = ve.x, Xe.y = ve.y, le.value && (Xe.content = `${ue.remainderLabel}: ${ft(ie.value)}`, Xe.visible = !0);
     }, Nt = () => {
       Xe.visible = !1;
-    }, cl = () => {
+    }, ul = () => {
       Xe.visible && Nt();
     };
     Pn(() => {
-      window.addEventListener("scroll", cl, !0);
+      window.addEventListener("scroll", ul, !0);
     }), Sn(() => {
-      window.removeEventListener("scroll", cl, !0);
+      window.removeEventListener("scroll", ul, !0);
     });
     const Se = v(() => ({
       "--dss-step-bar-label-color": ue.labelColor ?? void 0,
@@ -1241,17 +1241,17 @@ const Jo = {
               (i(!0), c(ae, null, Le(Ie.value, (ve, Me) => (i(), c("div", {
                 key: `segment-${Me}-${ve.label}`,
                 class: re(["dss-step-bar__segment dss-step-bar__segment--interactive", {
-                  "dss-step-bar__segment--max": ul(ve),
-                  "dss-step-bar__segment--marker-enabled": Re(ve).enabled
+                  "dss-step-bar__segment--max": il(ve),
+                  "dss-step-bar__segment--marker-enabled": De(ve).enabled
                 }]),
                 style: be(Ct(ve)),
                 onMouseenter: (ot) => gl(ve, ot),
-                onMouseleave: sl
+                onMouseleave: nl
               }, [
-                Re(ve).enabled ? (i(), c("div", {
+                De(ve).enabled ? (i(), c("div", {
                   key: 0,
                   class: "dss-step-bar__segment-marker",
-                  style: be(nl(ve)),
+                  style: be(al(ve)),
                   "aria-hidden": "true"
                 }, [
                   n("span", {
@@ -1261,14 +1261,14 @@ const Jo = {
                     pl(W.$slots, "segment-marker-icon", {
                       segment: ve,
                       index: Me,
-                      marker: Re(ve)
+                      marker: De(ve)
                     }, () => [
                       pl(W.$slots, "max-segment-icon", {
                         segment: ve,
                         index: Me,
-                        marker: Re(ve)
+                        marker: De(ve)
                       }, () => [
-                        zl(L(Re(ve).icon || ""), 1)
+                        zl(L(De(ve).icon || ""), 1)
                       ])
                     ])
                   ], 4)
@@ -1279,7 +1279,7 @@ const Jo = {
                 class: "dss-step-bar__segment dss-step-bar__segment--remainder",
                 style: be(Ft.value),
                 onMouseenter: te[0] || (te[0] = (ve) => At(ve)),
-                onMouseleave: sl
+                onMouseleave: nl
               }, null, 36)) : A("", !0)
             ], 64)) : (i(!0), c(ae, { key: 1 }, Le(P.value, (ve) => (i(), c("div", {
               key: ve,
@@ -1434,13 +1434,13 @@ const Jo = {
     const xt = () => {
       we && (we(), we = null);
       const e = P.value;
-      if (!e || !el.value) return;
+      if (!e || De.value !== "stepbar") return;
       const a = (t) => ls(t);
       e.addEventListener("wheel", a, { passive: !1 }), we = () => e.removeEventListener("wheel", a);
-    }, ce = $(null), y = $(null), De = $(0), Ee = $(0);
+    }, ce = $(null), y = $(null), Re = $(0), Ee = $(0);
     let ie = null, le = null;
     const $e = 20, ze = v(() => {
-      if (Ee.value, De.value, !Y.value || !ce.value) return 0;
+      if (Ee.value, Re.value, !Y.value || !ce.value) return 0;
       try {
         const e = Y.value.getBoundingClientRect();
         return ce.value.getBoundingClientRect().top - e.top;
@@ -1705,10 +1705,10 @@ const Jo = {
       return e && e.chart && e.chart.height === "auto";
     }), Te = v(() => {
       const e = Q.value;
-      return el.value && e?.chart?.height === "fit";
+      return fl.value && e?.chart?.height === "fit";
     }), Be = v(() => {
       const e = Q.value;
-      return qe.value ? De.value || 800 : e && e.chart && typeof e.chart.width == "number" ? e.chart.width : 800;
+      return qe.value ? Re.value || 800 : e && e.chart && typeof e.chart.width == "number" ? e.chart.width : 800;
     }), vt = $($e), ct = v(() => {
       if (at.value) {
         const e = ct.value;
@@ -1716,7 +1716,7 @@ const Jo = {
       }
     }), Ct = v(() => {
       const e = Q.value;
-      if (Re.value === "mini-radial")
+      if (De.value === "mini-radial")
         return Be.value;
       if (Te.value)
         return Ma.value;
@@ -1725,8 +1725,8 @@ const Jo = {
         return a ?? Math.max(0, (Ee.value || 400) - vt.value);
       }
       return e && e.chart && typeof e.chart.height == "number" ? e.chart.height : 400;
-    }), ul = v(() => {
-      if (at.value && Re.value === "semi-radial" && ct.value != null)
+    }), il = v(() => {
+      if (at.value && De.value === "semi-radial" && ct.value != null)
         return vt.value + Ct.value + "px";
       if (at.value) return "100%";
       if (Ol.value)
@@ -1736,11 +1736,11 @@ const Jo = {
         return Ct.value + (e.legendHeight || 35) + "px";
       }
       return Ct.value + (Me.value ? 20 : 0) + "px";
-    }), Re = v(() => {
+    }), De = v(() => {
       const e = Q.value;
       return e && e.chart && e.chart.type ? e.chart.type : "line";
-    }), nl = v(() => {
-      const e = J.series.map((a) => a.type || Re.value);
+    }), al = v(() => {
+      const e = J.series.map((a) => a.type || De.value);
       return new Set(e).size > 1;
     }), _t = v(() => {
       const e = Q.value;
@@ -1759,11 +1759,11 @@ const Jo = {
     }), At = v(() => {
       const a = Q.value?.yAxis?.title?.text;
       return a == null || String(a).trim() === "" ? "" : String(a);
-    }), sl = v(() => {
+    }), nl = v(() => {
       const e = Q.value;
       return e && e.yAxis && e.yAxis.secondary && typeof e.yAxis.secondary == "object" ? e.yAxis.secondary : null;
     }), Lt = v(() => {
-      const e = sl.value;
+      const e = nl.value;
       return e && e.title && e.title.text ? e.title.text : "";
     }), ml = v(() => {
       const e = Q.value;
@@ -1775,13 +1775,13 @@ const Jo = {
       if (!e || !e.yAxis) return Yl;
       const a = e.yAxis.max;
       return typeof a == "number" || a === Yl ? a : Yl;
-    }), cl = v(() => {
-      const e = sl.value;
+    }), ul = v(() => {
+      const e = nl.value;
       if (!e) return Yl;
       const a = e.min;
       return typeof a == "number" || a === Yl ? a : Yl;
     }), Se = v(() => {
-      const e = sl.value;
+      const e = nl.value;
       if (!e) return Yl;
       const a = e.max;
       return typeof a == "number" || a === Yl ? a : Yl;
@@ -1809,7 +1809,7 @@ const Jo = {
     }), We = v(() => {
       const e = Q.value;
       if (!e) return !1;
-      if (el.value) {
+      if (fl.value) {
         if (!e.crosshair) return !0;
         const t = e.crosshair.show;
         return t !== !1 && t !== "false";
@@ -1845,7 +1845,7 @@ const Jo = {
     }), it = (e, a) => Ne.value && a === 0 ? 5 : a, Vt = (e) => {
       const a = Number(e);
       return !Number.isFinite(a) || a <= 0 ? 0 : a;
-    }, ol = v(() => {
+    }, sl = v(() => {
       const e = Q.value;
       return e && e.fill && e.fill.area && typeof e.fill.area.opacity == "number" ? e.fill.area.opacity : 0.3;
     }), mt = v(() => {
@@ -1928,7 +1928,7 @@ const Jo = {
           enabled: !1
         }
       }
-    })), ua = v(() => el.value ? Ga.value.map((e) => ({
+    })), ua = v(() => fl.value ? Ga.value.map((e) => ({
       key: e.key,
       label: e.axisLabel || e.label,
       totalValue: e.totalValue,
@@ -1939,7 +1939,7 @@ const Jo = {
         marker: a.marker
       }))
     })) : []), Ha = v(() => {
-      if (!el.value) return [];
+      if (!fl.value) return [];
       const { minY: e, maxY: a } = Ot.value, t = 5, r = [];
       for (let m = 0; m <= t; m++) {
         const g = e + (a - e) * (m / t);
@@ -1958,7 +1958,7 @@ const Jo = {
       width: `${Jl.value}px`,
       minHeight: `${ia.value + Al.value}px`
     })), ba = v(
-      () => el.value && We.value && Ue.value.show && !fe.value.isZooming
+      () => fl.value && We.value && Ue.value.show && !fe.value.isZooming
     ), da = v(() => {
       const e = Pl.value + aa.value;
       return {
@@ -2004,7 +2004,7 @@ const Jo = {
         return a[e].toString();
       const t = gt.value[e];
       return Math.round(t / yt.value * 100) + "%";
-    }, Bl = v(() => Q.value?.spider?.gridLabels || null), dl = v(() => {
+    }, Bl = v(() => Q.value?.spider?.gridLabels || null), cl = v(() => {
       const e = Q.value;
       return e && e.contextMenu && e.contextMenu.enabled === !0;
     }), jt = v(() => {
@@ -2015,7 +2015,7 @@ const Jo = {
         downloadCsv: !0
       };
       return e && e.contextMenu && e.contextMenu.items ? { ...a, ...e.contextMenu.items } : a;
-    }), vl = v(() => {
+    }), dl = v(() => {
       const e = Q.value;
       return e && e.contextMenu && Array.isArray(e.contextMenu.customItems) ? e.contextMenu.customItems : [];
     }), Wl = v(() => {
@@ -2250,7 +2250,7 @@ const Jo = {
       const a = Q.value?.radialBar?.dataCenter?.fontSize;
       return typeof a == "number" && a > 0 ? a : 24;
     }), ql = v(() => ({
-      x: tl.value,
+      x: el.value,
       y: un.value ? qt.value : qt.value - hn.value / 2
     })), Aa = v(() => {
       const a = Q.value?.radialBar?.dataCenter?.color;
@@ -2259,7 +2259,7 @@ const Jo = {
       if (!mn.value || !Ol.value || !Qa.value.length) return [];
       const e = $a.value * Math.PI / 180, a = (Hl.value + yt.value) / 2;
       return Qa.value.map((t) => {
-        const m = t.endAngle - t.startAngle >= e && !t.isHidden, g = tl.value + Math.cos(t.midAngle) * a, x = qt.value + Math.sin(t.midAngle) * a;
+        const m = t.endAngle - t.startAngle >= e && !t.isHidden, g = el.value + Math.cos(t.midAngle) * a, x = qt.value + Math.sin(t.midAngle) * a;
         return {
           value: jl(t.value),
           x: g,
@@ -2313,7 +2313,7 @@ const Jo = {
       value: "",
       bubbleData: [],
       spiderAreas: []
-    }), fl = $({
+    }), vl = $({
       show: !1,
       x: 0,
       y: 0,
@@ -2382,7 +2382,7 @@ const Jo = {
         Ue.value.show = !1;
         return;
       }
-      const t = e.currentTarget.getBoundingClientRect(), r = e.clientX - t.left, m = e.clientY - t.top, g = Jt.value ? r >= q.value.left - 50 && r <= q.value.right + 50 && m >= q.value.top - 50 && m <= q.value.bottom + 100 : el.value ? r >= q.value.left && r <= q.value.right && m >= q.value.top && m <= q.value.bottom + Al.value : r >= q.value.left && r <= q.value.right && m >= q.value.top && m <= q.value.bottom;
+      const t = e.currentTarget.getBoundingClientRect(), r = e.clientX - t.left, m = e.clientY - t.top, g = Jt.value ? r >= q.value.left - 50 && r <= q.value.right + 50 && m >= q.value.top - 50 && m <= q.value.bottom + 100 : fl.value ? r >= q.value.left && r <= q.value.right && m >= q.value.top && m <= q.value.bottom + Al.value : r >= q.value.left && r <= q.value.right && m >= q.value.top && m <= q.value.bottom;
       if (pt.value = g, Jt.value) {
         if (!We.value || !g || fe.value.isDragging || fe.value.isZooming) {
           Ue.value.show = !1;
@@ -2415,11 +2415,11 @@ const Jo = {
                 const Je = k.value, Ze = C.value, Pe = [];
                 return rt.forEach((Qe) => {
                   Je.forEach((Wt) => {
-                    const al = Ze[Wt] || Wt, ha = Js(Wt, Qe);
+                    const ll = Ze[Wt] || Wt, ha = Js(Wt, Qe);
                     ha && Pe.push({
                       seriesName: Qe.seriesName,
                       label: Qe.label,
-                      value: `${al}: ${ha}`,
+                      value: `${ll}: ${ha}`,
                       color: Qe.color,
                       y: Qe.y
                     });
@@ -2432,7 +2432,7 @@ const Jo = {
         }
         return;
       }
-      if (el.value) {
+      if (fl.value) {
         if (!We.value || !g || fe.value.isDragging || fe.value.isZooming) {
           Ue.value.show = !1;
           return;
@@ -2466,7 +2466,7 @@ const Jo = {
         };
         return;
       }
-      if (fe.value.isDragging && fe.value.scale > 1 && Xl.value && Rt.value && !el.value) {
+      if (fe.value.isDragging && fe.value.scale > 1 && Xl.value && Rt.value && !fl.value) {
         Ue.value.show = !1;
         const tt = e.clientX - fe.value.lastMouseX, { minX: _e, maxX: He } = Ot.value, Ve = He - _e || 1, rt = tt * 0.8;
         fe.value.offsetX += rt;
@@ -2474,13 +2474,13 @@ const Jo = {
         fe.value.offsetX = Math.max(Qe, Math.min(Wt, fe.value.offsetX)), fe.value.lastMouseX = e.clientX, fe.value.lastMouseY = e.clientY;
         return;
       }
-      if (!We.value || !Xl.value || el.value || fe.value.isDragging || fe.value.isZooming || !g) {
+      if (!We.value || !Xl.value || fl.value || fe.value.isDragging || fe.value.isZooming || !g) {
         Ue.value.show = !1;
         return;
       }
       const { minX: x, maxX: _ } = Ot.value, K = _ - x || 1, N = K / fe.value.scale, Z = x - fe.value.offsetX / q.value.width * K, R = (r - q.value.left) / q.value.width, se = Z + R * N, Fe = Math.round(se);
       if (Fe >= 0 && Fe <= _) {
-        const tt = Nl(Fe), _e = ll.value.map((He, Ve) => {
+        const tt = Nl(Fe), _e = tl.value.map((He, Ve) => {
           const xe = J.series.findIndex((Je) => Je === He), rt = He.data[Fe];
           return {
             seriesName: He.name,
@@ -2505,7 +2505,7 @@ const Jo = {
       const t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
       a.scrollLeft += t;
     };
-    Dt([P, el, () => ua.value.length], () => {
+    Dt([P, () => De.value, () => ua.value.length], () => {
       Ae(xt);
     });
     const as = () => ua.value[Ue.value.categoryIndex]?.label || I("chart.fallback.item", { number: Ue.value.categoryIndex + 1 }), ns = () => {
@@ -2513,7 +2513,7 @@ const Jo = {
         G.value = null, Ge.value.show = !1;
       }, 150);
     }, Cs = (e) => {
-      if (e.preventDefault(), e.stopPropagation(), !dl.value) return;
+      if (e.preventDefault(), e.stopPropagation(), !cl.value) return;
       const a = e.currentTarget.getBoundingClientRect(), t = e.clientX - a.left, r = e.clientY - a.top;
       if (Ol.value) {
         wt.value.show = !1, Ae(() => {
@@ -2710,19 +2710,19 @@ const Jo = {
               let Ze = 0;
               J.series.forEach((Pe, Qe) => {
                 if (!j.value.has(Qe)) {
-                  const Wt = kl(Qe), al = Pe.name.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-                  R += `<circle cx="${xe + 6}" cy="${rt - 4}" r="6" fill="${Wt}"/>`, R += `<text x="${xe + 18}" y="${rt}" font-family="Arial, sans-serif" font-size="12" fill="#333">${al}</text>`, Ze++, Ze % Je === 0 ? (xe = r - 200, rt += 20) : xe += Math.min(120, al.length * 8 + 35);
+                  const Wt = kl(Qe), ll = Pe.name.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+                  R += `<circle cx="${xe + 6}" cy="${rt - 4}" r="6" fill="${Wt}"/>`, R += `<text x="${xe + 18}" y="${rt}" font-family="Arial, sans-serif" font-size="12" fill="#333">${ll}</text>`, Ze++, Ze % Je === 0 ? (xe = r - 200, rt += 20) : xe += Math.min(120, ll.length * 8 + 35);
                 }
               });
             }
             let Fe = "";
             if (ka.value)
               try {
-                const { width: xe, height: rt } = yl.value, Je = na.value, Ze = q.value.left, Pe = q.value.right, Qe = q.value.top, Wt = q.value.bottom, al = q.value.width, ha = q.value.height;
+                const { width: xe, height: rt } = yl.value, Je = na.value, Ze = q.value.left, Pe = q.value.right, Qe = q.value.top, Wt = q.value.bottom, ll = q.value.width, ha = q.value.height;
                 let Il, ga;
                 switch (Je) {
                   case "center":
-                    Il = Ze + (al - xe) / 2, ga = Qe + (ha - rt) / 2;
+                    Il = Ze + (ll - xe) / 2, ga = Qe + (ha - rt) / 2;
                     break;
                   case "top-left":
                     Il = Ze + 15, ga = Qe + 5;
@@ -2807,8 +2807,8 @@ const Jo = {
         Z.forEach((xe) => xe.remove()), R.forEach((xe) => xe.remove()), se.forEach((xe) => xe.remove()), N.querySelectorAll("image").forEach((xe, rt) => {
           const Je = xe.getAttribute("xlink:href") || xe.getAttribute("href");
           if (Je && !Je.startsWith("data:")) {
-            const Ze = ds.value[rt], Pe = Ze ? kl(Ze.seriesIndex) : "#3B82F6", Qe = xe.getAttribute("x") || 0, Wt = xe.getAttribute("y") || 0, al = xe.getAttribute("width") || 32, ha = xe.getAttribute("height") || 32, Il = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-            Il.setAttribute("cx", parseFloat(Qe) + parseFloat(al) / 2), Il.setAttribute("cy", parseFloat(Wt) + parseFloat(ha) / 2), Il.setAttribute("r", Math.min(parseFloat(al), parseFloat(ha)) / 2 - 1), Il.setAttribute("fill", Pe), Il.setAttribute("stroke", "#fafafa"), Il.setAttribute("stroke-width", "2"), xe.parentNode.replaceChild(Il, xe);
+            const Ze = ds.value[rt], Pe = Ze ? kl(Ze.seriesIndex) : "#3B82F6", Qe = xe.getAttribute("x") || 0, Wt = xe.getAttribute("y") || 0, ll = xe.getAttribute("width") || 32, ha = xe.getAttribute("height") || 32, Il = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+            Il.setAttribute("cx", parseFloat(Qe) + parseFloat(ll) / 2), Il.setAttribute("cy", parseFloat(Wt) + parseFloat(ha) / 2), Il.setAttribute("r", Math.min(parseFloat(ll), parseFloat(ha)) / 2 - 1), Il.setAttribute("fill", Pe), Il.setAttribute("stroke", "#fafafa"), Il.setAttribute("stroke-width", "2"), xe.parentNode.replaceChild(Il, xe);
           }
         });
         const tt = new XMLSerializer().serializeToString(N), _e = new Blob([tt], { type: "image/svg+xml;charset=utf-8" }), He = URL.createObjectURL(_e), Ve = new Image();
@@ -2820,9 +2820,9 @@ const Jo = {
                 g.save(), g.beginPath(), g.arc(Ze, Pe, Qe - 1, 0, 2 * Math.PI), g.fillStyle = Wt, g.fill(), g.strokeStyle = "#fafafa", g.lineWidth = 2, g.stroke(), g.restore();
               }), ka.value) {
                 const Je = new Image(), Ze = () => {
-                  const { width: Qe, height: Wt } = yl.value, al = na.value, ha = q.value.left, Il = q.value.right, ga = q.value.top, ps = q.value.bottom, jo = q.value.width, Ko = q.value.height;
+                  const { width: Qe, height: Wt } = yl.value, ll = na.value, ha = q.value.left, Il = q.value.right, ga = q.value.top, ps = q.value.bottom, jo = q.value.width, Ko = q.value.height;
                   let In, Fn;
-                  switch (al) {
+                  switch (ll) {
                     case "center":
                       In = ha + (jo - Qe) / 2, Fn = ga + a.height + (Ko - Wt) / 2;
                       break;
@@ -2843,8 +2843,8 @@ const Jo = {
                   g.globalAlpha = Za.value, g.drawImage(Je, In, Fn, Qe, Wt), g.globalAlpha = 1, Pe();
                 }, Pe = () => {
                   m.toBlob((Qe) => {
-                    const Wt = URL.createObjectURL(Qe), al = document.createElement("a");
-                    al.href = Wt, al.download = pa("png"), document.body.appendChild(al), al.click(), document.body.removeChild(al), URL.revokeObjectURL(Wt), URL.revokeObjectURL(He), sa(e), Na(), xe();
+                    const Wt = URL.createObjectURL(Qe), ll = document.createElement("a");
+                    ll.href = Wt, ll.download = pa("png"), document.body.appendChild(ll), ll.click(), document.body.removeChild(ll), URL.revokeObjectURL(Wt), URL.revokeObjectURL(He), sa(e), Na(), xe();
                   }, "image/png");
                 };
                 Je.onload = Ze, Je.onerror = Pe, Je.src = xl.value;
@@ -2870,7 +2870,7 @@ const Jo = {
 `), ft.value && (e += `# ${I("chart.csv.chartSubtitle")}: ${ft.value}
 `), e += `# ${I("chart.csv.generated")}: ${(/* @__PURE__ */ new Date()).toLocaleString()}
-`, el.value) {
+`, fl.value) {
           e += `Category,Segment,Value
 `, Ga.value.forEach((K) => {
             K.segments.forEach((N) => {
@@ -2930,7 +2930,7 @@ const Jo = {
     }, Un = (e) => {
       wt.value.show && !e.target.closest(".context-menu") && (wt.value.show = !1);
     }, is = (e) => {
-      if (!Xl.value || !Rt.value || el.value) return;
+      if (!Xl.value || !Rt.value || fl.value) return;
       e.preventDefault(), e.stopPropagation(), fe.value.isZooming = !0, Ue.value.show = !1, fe.value.zoomTimeout && clearTimeout(fe.value.zoomTimeout);
       const t = e.currentTarget.getBoundingClientRect(), r = e.clientX - t.left, m = e.clientY - t.top;
       if (r < q.value.left - 50 || r > q.value.right + 50 || m < q.value.top - 50 || m > q.value.bottom + 100) {
@@ -2983,7 +2983,7 @@ const Jo = {
         const He = Xe();
         let Ve = tt + (R ? 4 : 16) + (se ? Fe : 0), xe = tt + (se ? Fe : 0);
         Me.value && ot.value === "left" ? Ve += He.legendWidth || 150 : Me.value && ot.value === "right" && (xe += He.legendWidth || 150);
-        const Je = Re.value === "semi-radial" ? se ? Fe : 8 : se ? Fe : R ? 8 : m + 80, Ze = se ? 14 : 0, Pe = tt + _e + Ze, Qe = {
+        const Je = De.value === "semi-radial" ? se ? Fe : 8 : se ? Fe : R ? 8 : m + 80, Ze = se ? 14 : 0, Pe = tt + _e + Ze, Qe = {
           left: Ve,
           top: Pe,
           right: xe,
@@ -2995,7 +2995,7 @@ const Jo = {
       _t.value && (x += 15), ft.value && (x += 10);
       const _ = Xe();
       let K = m + 16 + (At.value ? 30 : 0), N = m + (Lt.value ? 30 : 0);
-      Me.value && ot.value === "left" ? K += _.legendWidth || 150 : Me.value && ot.value === "right" && (N += _.legendWidth || 150), Ka.value && (N += 44), el.value && (g = Al.value + 8);
+      Me.value && ot.value === "left" ? K += _.legendWidth || 150 : Me.value && ot.value === "right" && (N += _.legendWidth || 150), Ka.value && (N += 44), fl.value && (g = Al.value + 8);
       const Z = { left: K, top: m + x, right: N, bottom: g };
       return t != null ? { left: t, top: t, right: t, bottom: t } : r ? { left: r.left ?? Z.left, top: r.top ?? Z.top, right: r.right ?? Z.right, bottom: r.bottom ?? Z.bottom } : Z;
     }), q = v(() => ({
@@ -3005,13 +3005,13 @@ const Jo = {
       bottom: Ct.value - Ul.value.bottom,
       width: Be.value - (Ul.value.left + Ul.value.right),
       height: Ct.value - (Ul.value.top + Ul.value.bottom)
-    })), Xl = v(() => ["line", "area", "bar", "stepbar"].includes(Re.value) || nl.value), oa = v(() => nl.value), un = v(() => Re.value === "mini-radial"), Ol = v(() => ["radial", "semi-radial", "mini-radial"].includes(Re.value)), Sl = v(() => Re.value === "spider"), Jt = v(() => Re.value === "bubble"), el = v(() => Re.value === "stepbar"), Ml = v(() => Q.value?.chart?.orientation === "horizontal" && (Re.value === "bar" || oa.value)), Pa = (e) => {
+    })), Xl = v(() => ["line", "area", "bar", "stepbar"].includes(De.value) || al.value), oa = v(() => al.value), un = v(() => De.value === "mini-radial"), Ol = v(() => ["radial", "semi-radial", "mini-radial"].includes(De.value)), Sl = v(() => De.value === "spider"), Jt = v(() => De.value === "bubble"), fl = v(() => De.value === "stepbar"), Ml = v(() => Q.value?.chart?.orientation === "horizontal" && (De.value === "bar" || oa.value)), Pa = (e) => {
       const { minY: a, maxY: t } = Ot.value, r = t - a || 1;
       return q.value.left + (e - a) / r * q.value.width;
     }, Ya = (e) => {
       const { maxX: a } = Ot.value, t = a + 1, m = q.value.height / t;
       return q.value.top + (e + 0.5) * m;
-    }, tl = v(() => Ol.value ? Ul.value.left + (Be.value - Ul.value.left - Ul.value.right) / 2 : Be.value / 2), qt = v(() => Sl.value ? Ct.value / 2 - 40 : Ol.value ? Ul.value.top + (Ct.value - Ul.value.top - Ul.value.bottom) / 2 : Ct.value / 2), yt = v(() => {
+    }, el = v(() => Ol.value ? Ul.value.left + (Be.value - Ul.value.left - Ul.value.right) / 2 : Be.value / 2), qt = v(() => Sl.value ? Ct.value / 2 - 40 : Ol.value ? Ul.value.top + (Ct.value - Ul.value.top - Ul.value.bottom) / 2 : Ct.value / 2), yt = v(() => {
       if (Sl.value) {
         const e = q.value.width - 80, a = q.value.height - 80;
         return Math.min(e, a) / 2;
@@ -3026,14 +3026,14 @@ const Jo = {
     }), Dn = v(() => {
       const e = ja.value;
       if (e === 1 || e <= 0) return;
-      const a = tl.value, t = qt.value;
+      const a = el.value, t = qt.value;
       return `translate(${a}, ${t}) scale(${e}) translate(${-a}, ${-t})`;
-    }), xn = $(0), Rn = v(() => `semi-radial-fill-clip-${J.chartId}`), Ba = v(() => Re.value === "semi-radial"), s = v(
+    }), xn = $(0), Rn = v(() => `semi-radial-fill-clip-${J.chartId}`), Ba = v(() => De.value === "semi-radial"), s = v(
       () => Ba.value && Fl.value && !Ja.value
     ), l = v(
       () => Ba.value && Fl.value && !Ja.value && Da.value === "fill"
     ), o = v(() => {
-      const e = s.value ? xn.value : 1, a = tl.value, t = qt.value, r = Hl.value, m = yt.value, g = Math.PI, x = Math.PI + e * Math.PI;
+      const e = s.value ? xn.value : 1, a = el.value, t = qt.value, r = Hl.value, m = yt.value, g = Math.PI, x = Math.PI + e * Math.PI;
       if (e <= 0) return `M ${a} ${t} L ${a} ${t} Z`;
       const _ = a + m * Math.cos(g), K = t + m * Math.sin(g), N = a + m * Math.cos(x), Z = t + m * Math.sin(x), R = a + r * Math.cos(x), se = t + r * Math.sin(x), Fe = a + r * Math.cos(g), tt = t + r * Math.sin(g), _e = e > 0.5 ? 1 : 0;
       return `M ${a} ${t} L ${_} ${K} A ${m} ${m} 0 ${_e} 1 ${N} ${Z} L ${R} ${se} A ${r} ${r} 0 ${_e} 1 ${Fe} ${tt} Z`;
@@ -3043,8 +3043,8 @@ const Jo = {
     }), d = (e) => {
       if (!(!l.value || e !== 0))
         return `url(#${Rn.value})`;
-    }, p = $(0), f = v(() => `radial-reveal-clip-${J.chartId}`), h = v(() => Re.value === "radial"), b = v(() => {
-      const e = h.value ? p.value : 1, a = tl.value, t = qt.value, r = Math.max(yt.value * 1.5, Be.value, Ct.value);
+    }, p = $(0), f = v(() => `radial-reveal-clip-${J.chartId}`), h = v(() => De.value === "radial"), b = v(() => {
+      const e = h.value ? p.value : 1, a = el.value, t = qt.value, r = Math.max(yt.value * 1.5, Be.value, Ct.value);
       if (e <= 0) return `M ${a} ${t} L ${a} ${t} Z`;
       if (e >= 1) {
         const R = a - r, se = a + r;
@@ -3074,7 +3074,7 @@ const Jo = {
     }, Et = (e) => {
       const a = document.querySelector(`.dss-bubble-image-${e}`);
       a && (a.style.display = "none");
-    }, rl = v(() => J.series), ll = v(() => J.series.filter((e, a) => !j.value.has(a))), bl = (e) => {
+    }, ol = v(() => J.series), tl = v(() => J.series.filter((e, a) => !j.value.has(a))), bl = (e) => {
       if (!e) return "primary";
       const a = e.yAxis ?? e.axis ?? e.yAxisId;
       return a === "secondary" || a === "right" || a === 1 ? "secondary" : "primary";
@@ -3087,11 +3087,11 @@ const Jo = {
         bubbleSize: typeof a.bubbleSize == "number" ? a.bubbleSize : 0
       };
     }), wa = (e, a) => typeof e?.bubbles?.size == "number" ? e.bubbles.size : typeof e?.bubbleSize == "number" ? e.bubbleSize : a ? Cl.value.bubbleSize : pe.value, La = (e, a) => Kt(e) && Cl.value.usePrimaryColor ? kl(0) : kl(a), la = (e, a) => Sl.value && Kt(e) ? La(e, a) : kl(a), Yn = v(
-      () => ll.value.filter((e) => bl(e) === "primary")
+      () => tl.value.filter((e) => bl(e) === "primary")
     ), jn = v(
-      () => ll.value.filter((e) => bl(e) === "secondary")
+      () => tl.value.filter((e) => bl(e) === "secondary")
     ), Ka = v(
-      () => !Ml.value && !!sl.value && jn.value.length > 0
+      () => !Ml.value && !!nl.value && jn.value.length > 0
     ), Kn = (e, a = 0) => {
       const t = Number(e);
       return Number.isFinite(t) ? t : a;
@@ -3136,9 +3136,9 @@ const Jo = {
         seriesIndex: r
       };
     }, Ga = v(() => {
-      if (!el.value) return [];
+      if (!fl.value) return [];
       const e = [];
-      return rl.value.forEach((a, t) => {
+      return ol.value.forEach((a, t) => {
         j.value.has(t) || !Array.isArray(a?.data) || a.data.forEach((r) => {
           const m = us(r, e.length, a, t);
           m.segments.length > 0 && e.push(m);
@@ -3176,15 +3176,15 @@ const Jo = {
     }, Ot = v(() => {
       if (Jt.value)
         return go();
-      if (el.value)
+      if (fl.value)
         return ma();
-      if (!ll.value.length) return { minX: 0, maxX: 1, minY: 0, maxY: 1 };
+      if (!tl.value.length) return { minX: 0, maxX: 1, minY: 0, maxY: 1 };
       let e = 0;
-      ll.value.forEach((t) => {
+      tl.value.forEach((t) => {
         t.data && t.data.length && (e = Math.max(e, t.data.length - 1));
       }), J.categories.length > 0 && (e = Math.max(e, J.categories.length - 1));
       const a = xa(
-        Yn.value.length ? Yn.value : ll.value,
+        Yn.value.length ? Yn.value : tl.value,
         ml.value,
         Nt.value
       );
@@ -3204,15 +3204,15 @@ const Jo = {
       };
     }, $s = v(() => Ka.value ? xa(
       jn.value,
-      cl.value,
+      ul.value,
       Se.value,
       Ot.value.minY,
       Ot.value.maxY
     ) : { minY: Ot.value.minY, maxY: Ot.value.maxY }), go = () => {
-      if (!ll.value.length)
+      if (!tl.value.length)
         return { minX: 0, maxX: 8, minY: 0, maxY: 50, minSize: 10, maxSize: 30 };
       let e = 1 / 0, a = -1 / 0, t = 1 / 0, r = -1 / 0, m = 1 / 0, g = -1 / 0, x = !1;
-      if (ll.value.forEach((Fe, tt) => {
+      if (tl.value.forEach((Fe, tt) => {
         Fe?.data?.length && Fe.data.forEach((_e, He) => {
           let Ve, xe, rt;
           if (typeof _e == "object" && _e !== null && !Array.isArray(_e))
@@ -3278,18 +3278,18 @@ const Jo = {
       return r;
     }, bo = v(() => Ls.value.map((e) => ({
       y: e.y
-    }))), Xs = v(() => !el.value || !Zt.value ? [] : Ls.value.map((e) => ({
+    }))), Xs = v(() => !fl.value || !Zt.value ? [] : Ls.value.map((e) => ({
       y: e.y
     }))), As = v(() => {
       if (Jt.value)
         return Co();
-      if (el.value)
+      if (fl.value)
         return [];
-      if (Re.value === "bar") {
+      if (De.value === "bar") {
         if (Ml.value) {
-          const Pe = [], { minY: Qe, maxY: Wt } = Ot.value, al = 5, ha = Wt - Qe || 1;
-          for (let Il = 0; Il <= al; Il++) {
-            const ga = Qe + ha * (Il / al), ps = Pa(ga);
+          const Pe = [], { minY: Qe, maxY: Wt } = Ot.value, ll = 5, ha = Wt - Qe || 1;
+          for (let Il = 0; Il <= ll; Il++) {
+            const ga = Qe + ha * (Il / ll), ps = Pa(ga);
             Pe.push({
               x: ps,
               y: q.value.bottom + 20,
@@ -3443,7 +3443,7 @@ const Jo = {
         a += Math.sqrt(r * r + m * m);
       }
       return a;
-    }, Ys = v(() => Re.value === "line" || oa.value ? (oa.value ? J.series.filter((a) => (a.type || Re.value) === "line") : rl.value).map((a, t) => {
+    }, Ys = v(() => De.value === "line" || oa.value ? (oa.value ? J.series.filter((a) => (a.type || De.value) === "line") : ol.value).map((a, t) => {
       const r = J.series.findIndex((R) => R === a), m = [];
       let g = [];
       a.data.forEach((R, se) => {
@@ -3473,8 +3473,8 @@ const Jo = {
         isHidden: K
       };
     }) : []), js = v(() => {
-      if (!(Re.value === "line" || oa.value)) return [];
-      const e = oa.value ? J.series.filter((t) => (t.type || Re.value) === "line") : rl.value, a = [];
+      if (!(De.value === "line" || oa.value)) return [];
+      const e = oa.value ? J.series.filter((t) => (t.type || De.value) === "line") : ol.value, a = [];
       return e.forEach((t, r) => {
         const m = J.series.findIndex((g) => g === t);
         for (let g = 0; g < t.data.length - 1; g++) {
@@ -3506,7 +3506,7 @@ const Jo = {
           }
         }
       }), a;
-    }), xo = v(() => Re.value === "line" || oa.value ? !Fl.value || Ja.value || Gt.value.hasAnimated ? [] : (oa.value ? J.series.filter((a) => (a.type || Re.value) === "line") : rl.value).map((a, t) => {
+    }), xo = v(() => De.value === "line" || oa.value ? !Fl.value || Ja.value || Gt.value.hasAnimated ? [] : (oa.value ? J.series.filter((a) => (a.type || De.value) === "line") : ol.value).map((a, t) => {
       const r = J.series.findIndex((K) => K === a);
       let m = "", g = null;
       a.data.forEach((K, N) => {
@@ -3540,9 +3540,9 @@ const Jo = {
         seriesIndex: r
       };
     }) : []), _o = v(() => {
-      if (Re.value !== "line") return [];
+      if (De.value !== "line") return [];
       const e = [];
-      return rl.value.forEach((a, t) => {
+      return ol.value.forEach((a, t) => {
         const r = G.value === t, m = G.value !== null && G.value !== t, g = j.value.has(t);
         a.data.forEach((x, _) => {
           x != null && e.push({
@@ -3564,7 +3564,7 @@ const Jo = {
     }), So = v(() => {
       if (!oa.value) return [];
       const e = [];
-      return J.series.filter((t) => (t.type || Re.value) === "line").forEach((t, r) => {
+      return J.series.filter((t) => (t.type || De.value) === "line").forEach((t, r) => {
         const m = J.series.findIndex((K) => K === t), g = G.value === m, x = G.value !== null && G.value !== m, _ = j.value.has(m);
         t.data.forEach((K, N) => {
           K != null && e.push({
@@ -3586,7 +3586,7 @@ const Jo = {
     }), cs = v(() => {
       if (!Jt.value) return [];
       const e = [];
-      return rl.value.forEach((a, t) => {
+      return ol.value.forEach((a, t) => {
         if (!a?.data?.length) return;
         const r = G.value, m = r !== null && r === t, g = r !== null && r !== t, x = j.value.has(t);
         a.data.forEach((_, K) => {
@@ -3620,7 +3620,7 @@ const Jo = {
           });
         });
       }), e;
-    }), Ds = v(() => Re.value !== "area" ? [] : rl.value.map((e, a) => {
+    }), Ds = v(() => De.value !== "area" ? [] : ol.value.map((e, a) => {
       const t = [];
       let r = [];
       if (e.data.forEach((R, se) => {
@@ -3666,8 +3666,8 @@ const Jo = {
         isHidden: N
       };
     })), Ks = v(() => {
-      if (!(["bar"].includes(Re.value) || oa.value)) return [];
-      const e = [], { maxX: a } = Ot.value, t = oa.value ? J.series.filter((m) => (m.type || Re.value) === "bar") : rl.value, r = t.length;
+      if (!(["bar"].includes(De.value) || oa.value)) return [];
+      const e = [], { maxX: a } = Ot.value, t = oa.value ? J.series.filter((m) => (m.type || De.value) === "bar") : ol.value, r = t.length;
       if (Ml.value) {
         const m = a + 1, x = q.value.height / m, _ = x * (2 / 3), K = Math.min(4, _ / r * 0.15), N = _ - (r - 1) * K, Z = Math.max(4, N / r);
         t.forEach((R, se) => {
@@ -3678,13 +3678,13 @@ const Jo = {
             const Ze = q.value.top + (xe + 0.5) * x - _ / 2 + se * (Z + K), Pe = q.value.left, Qe = Math.abs(Pa(Ve) - q.value.left);
             let Wt = "";
             if (mt.value && Qe > 0) {
-              const al = Math.min(V.value, Z / 2, Qe / 2);
+              const ll = Math.min(V.value, Z / 2, Qe / 2);
               Wt = [
                 `M ${Pe} ${Ze}`,
-                `L ${Pe + Qe - al} ${Ze}`,
-                `Q ${Pe + Qe} ${Ze} ${Pe + Qe} ${Ze + al}`,
-                `L ${Pe + Qe} ${Ze + Z - al}`,
-                `Q ${Pe + Qe} ${Ze + Z} ${Pe + Qe - al} ${Ze + Z}`,
+                `L ${Pe + Qe - ll} ${Ze}`,
+                `Q ${Pe + Qe} ${Ze} ${Pe + Qe} ${Ze + ll}`,
+                `L ${Pe + Qe} ${Ze + Z - ll}`,
+                `Q ${Pe + Qe} ${Ze + Z} ${Pe + Qe - ll} ${Ze + Z}`,
                 `L ${Pe} ${Ze + Z}`,
                 "Z"
               ].join(" ");
@@ -3717,13 +3717,13 @@ const Jo = {
             const Ze = q.value.left + (xe + 0.5) * x - _ / 2 + se * K + N / 2, Pe = cn(Math.max(0, Ve)), Qe = Math.abs(cn(0) - cn(Ve));
             let Wt = "";
             if (mt.value && Qe > 0) {
-              const al = Math.min(V.value, Z / 2, Qe / 2);
+              const ll = Math.min(V.value, Z / 2, Qe / 2);
               Wt = [
                 `M ${Ze} ${Pe + Qe}`,
-                `L ${Ze} ${Pe + al}`,
-                `Q ${Ze} ${Pe} ${Ze + al} ${Pe}`,
-                `L ${Ze + Z - al} ${Pe}`,
-                `Q ${Ze + Z} ${Pe} ${Ze + Z} ${Pe + al}`,
+                `L ${Ze} ${Pe + ll}`,
+                `Q ${Ze} ${Pe} ${Ze + ll} ${Pe}`,
+                `L ${Ze + Z - ll} ${Pe}`,
+                `Q ${Ze + Z} ${Pe} ${Ze + Z} ${Pe + ll}`,
                 `L ${Ze + Z} ${Pe + Qe}`,
                 "Z"
               ].join(" ");
@@ -3750,11 +3750,11 @@ const Jo = {
       return e;
     }), Qa = v(() => {
       if (!Ol.value) return [];
-      const e = rl.value.map((x, _) => ({ series: x, originalIndex: _ })).filter(({ originalIndex: x }) => !j.value.has(x));
+      const e = ol.value.map((x, _) => ({ series: x, originalIndex: _ })).filter(({ originalIndex: x }) => !j.value.has(x));
       if (e.length === 0) return [];
-      let a = Re.value === "semi-radial" ? Math.PI : -Math.PI / 2;
-      const t = Re.value === "semi-radial" ? Math.PI : Math.PI * 2, r = [], m = (x, _, K, N, Z, R) => {
-        const se = x + (_ - x) / 2, Fe = _ - x, tt = tl.value + Math.cos(x) * Hl.value, _e = qt.value + Math.sin(x) * Hl.value, He = tl.value + Math.cos(_) * Hl.value, Ve = qt.value + Math.sin(_) * Hl.value, xe = tl.value + Math.cos(_) * yt.value, rt = qt.value + Math.sin(_) * yt.value, Je = tl.value + Math.cos(x) * yt.value, Ze = qt.value + Math.sin(x) * yt.value, Pe = Fe > Math.PI ? 1 : 0, Qe = [
+      let a = De.value === "semi-radial" ? Math.PI : -Math.PI / 2;
+      const t = De.value === "semi-radial" ? Math.PI : Math.PI * 2, r = [], m = (x, _, K, N, Z, R) => {
+        const se = x + (_ - x) / 2, Fe = _ - x, tt = el.value + Math.cos(x) * Hl.value, _e = qt.value + Math.sin(x) * Hl.value, He = el.value + Math.cos(_) * Hl.value, Ve = qt.value + Math.sin(_) * Hl.value, xe = el.value + Math.cos(_) * yt.value, rt = qt.value + Math.sin(_) * yt.value, Je = el.value + Math.cos(x) * yt.value, Ze = qt.value + Math.sin(x) * yt.value, Pe = Fe > Math.PI ? 1 : 0, Qe = [
           `M ${tt} ${_e}`,
           `A ${Hl.value} ${Hl.value} 0 ${Pe} 1 ${He} ${Ve}`,
           `L ${xe} ${rt}`,
@@ -3782,7 +3782,7 @@ const Jo = {
         return r.push(m(a, a + t - 1e-3, _ + 1, "Track", 100, Je)), r.push(m(a, a + Fe, _, Ze, N, rt)), r;
       }
       if (e.length === 1) {
-        const { series: x, originalIndex: _ } = e[0], K = x.data[0] || 0, N = a, Z = a + t - 1e-3, R = N + t / 2, se = tl.value + Math.cos(N) * Hl.value, Fe = qt.value + Math.sin(N) * Hl.value, tt = tl.value + Math.cos(Z) * Hl.value, _e = qt.value + Math.sin(Z) * Hl.value, He = tl.value + Math.cos(Z) * yt.value, Ve = qt.value + Math.sin(Z) * yt.value, xe = tl.value + Math.cos(N) * yt.value, rt = qt.value + Math.sin(N) * yt.value, Je = 1, Ze = [
+        const { series: x, originalIndex: _ } = e[0], K = x.data[0] || 0, N = a, Z = a + t - 1e-3, R = N + t / 2, se = el.value + Math.cos(N) * Hl.value, Fe = qt.value + Math.sin(N) * Hl.value, tt = el.value + Math.cos(Z) * Hl.value, _e = qt.value + Math.sin(Z) * Hl.value, He = el.value + Math.cos(Z) * yt.value, Ve = qt.value + Math.sin(Z) * yt.value, xe = el.value + Math.cos(N) * yt.value, rt = qt.value + Math.sin(N) * yt.value, Je = 1, Ze = [
           `M ${se} ${Fe}`,
           `A ${Hl.value} ${Hl.value} 0 ${Je} 1 ${tt} ${_e}`,
           `L ${He} ${Ve}`,
@@ -3811,7 +3811,7 @@ const Jo = {
       }
       const g = e.reduce((x, { series: _ }) => x + (_.data[0] || 0), 0);
       return g === 0 ? [] : (e.forEach(({ series: x, originalIndex: _ }) => {
-        const K = x.data[0] || 0, N = K / g * t, Z = a, R = a + N, se = Z + N / 2, Fe = tl.value + Math.cos(Z) * Hl.value, tt = qt.value + Math.sin(Z) * Hl.value, _e = tl.value + Math.cos(R) * Hl.value, He = qt.value + Math.sin(R) * Hl.value, Ve = tl.value + Math.cos(R) * yt.value, xe = qt.value + Math.sin(R) * yt.value, rt = tl.value + Math.cos(Z) * yt.value, Je = qt.value + Math.sin(Z) * yt.value, Ze = N > Math.PI ? 1 : 0, Pe = [
+        const K = x.data[0] || 0, N = K / g * t, Z = a, R = a + N, se = Z + N / 2, Fe = el.value + Math.cos(Z) * Hl.value, tt = qt.value + Math.sin(Z) * Hl.value, _e = el.value + Math.cos(R) * Hl.value, He = qt.value + Math.sin(R) * Hl.value, Ve = el.value + Math.cos(R) * yt.value, xe = qt.value + Math.sin(R) * yt.value, rt = el.value + Math.cos(Z) * yt.value, Je = qt.value + Math.sin(Z) * yt.value, Ze = N > Math.PI ? 1 : 0, Pe = [
           `M ${Fe} ${tt}`,
           `A ${Hl.value} ${Hl.value} 0 ${Ze} 1 ${_e} ${He}`,
           `L ${Ve} ${xe}`,
@@ -3843,7 +3843,7 @@ const Jo = {
     }), $o = v(() => {
       if (!Kl.value || !Ol.value) return [];
       const e = qa.value, a = an.value, t = Ra.value, r = Zl.value, m = 15, g = e * 1.3, x = 0.55, _ = (R, se) => {
-        const Fe = tl.value + Math.cos(R.midAngle) * yt.value, tt = qt.value + Math.sin(R.midAngle) * yt.value, _e = tl.value + Math.cos(R.midAngle) * (yt.value + a), He = qt.value + Math.sin(R.midAngle) * (yt.value + a), xe = _e + t * (se ? 1 : -1), rt = se ? _e + m : _e - m, Je = He - r, Ze = `${R.seriesName}: ${jl(R.value)}`, Pe = Ze.length * e * x;
+        const Fe = el.value + Math.cos(R.midAngle) * yt.value, tt = qt.value + Math.sin(R.midAngle) * yt.value, _e = el.value + Math.cos(R.midAngle) * (yt.value + a), He = qt.value + Math.sin(R.midAngle) * (yt.value + a), xe = _e + t * (se ? 1 : -1), rt = se ? _e + m : _e - m, Je = He - r, Ze = `${R.seriesName}: ${jl(R.value)}`, Pe = Ze.length * e * x;
         return {
           pointerStartX: Fe,
           pointerStartY: tt,
@@ -3977,7 +3977,7 @@ const Jo = {
       const r = t.getBoundingClientRect(), m = En(e.categoryIndex), g = e.description || e.comment || "";
       let x = a.clientX - r.left + 15, _ = a.clientY - r.top - 10;
       const K = 200, N = g ? 80 : 50;
-      x + K > Be.value && (x = a.clientX - r.left - K - 15), _ + N > Ct.value && (_ = a.clientY - r.top - N - 10), x < 0 && (x = 10), _ < 0 && (_ = 10), fl.value = {
+      x + K > Be.value && (x = a.clientX - r.left - K - 15), _ + N > Ct.value && (_ = a.clientY - r.top - N - 10), x < 0 && (x = 10), _ < 0 && (_ = 10), vl.value = {
         show: !0,
         x,
         y: _,
@@ -3985,10 +3985,10 @@ const Jo = {
         description: g
       };
     }, Do = () => {
-      fl.value.show = !1;
-    }, Nn = v(() => J.categories.length || Math.max(...ll.value.map((e) => e.data.length))), Ro = v(() => {
+      vl.value.show = !1;
+    }, Nn = v(() => J.categories.length || Math.max(...tl.value.map((e) => e.data.length))), Ro = v(() => {
       let e = 0;
-      return ll.value.forEach((a) => {
+      return tl.value.forEach((a) => {
         a.data.forEach((t) => {
           typeof t == "number" && (e = Math.max(e, t));
         });
@@ -3996,14 +3996,14 @@ const Jo = {
     }), to = v(() => {
       const e = [], a = Nn.value;
       for (let t = 0; t < a; t++) {
-        const r = t * 2 * Math.PI / a - Math.PI / 2, m = tl.value + Math.cos(r) * yt.value, g = qt.value + Math.sin(r) * yt.value;
+        const r = t * 2 * Math.PI / a - Math.PI / 2, m = el.value + Math.cos(r) * yt.value, g = qt.value + Math.sin(r) * yt.value;
         e.push({ x: m, y: g, angle: r, index: t });
       }
       return e;
     }), Vo = v(() => {
       const e = [], a = Nn.value;
       return to.value.forEach((t, r) => {
-        const m = yt.value + 15, g = r * 2 * Math.PI / a - Math.PI / 2, x = tl.value + Math.cos(g) * m, _ = qt.value + Math.sin(g) * m + 5;
+        const m = yt.value + 15, g = r * 2 * Math.PI / a - Math.PI / 2, x = el.value + Math.cos(g) * m, _ = qt.value + Math.sin(g) * m + 5;
         let K = "middle", N = "middle";
         Math.abs(Math.cos(g)) > 0.5 && (K = Math.cos(g) > 0 ? "start" : "end"), Math.abs(Math.sin(g)) > 0.5 && (N = Math.sin(g) > 0 ? "hanging" : "auto"), e.push({
           x,
@@ -4019,13 +4019,13 @@ const Jo = {
     }, lo = v(() => {
       if (!Sl.value) return [];
       const e = [], a = Nn.value;
-      return rl.value.map((r, m) => ({ series: r, seriesIndex: m })).sort((r, m) => {
+      return ol.value.map((r, m) => ({ series: r, seriesIndex: m })).sort((r, m) => {
         const g = Kt(r.series) ? 0 : 1, x = Kt(m.series) ? 0 : 1;
         return g - x;
       }).forEach(({ series: r, seriesIndex: m }) => {
         const g = Kt(r), x = [], _ = [], K = [], N = G.value === m, Z = G.value !== null && G.value !== m, R = j.value.has(m);
         for (let se = 0; se < a; se++) {
-          const Fe = r.data[se] || 0, _e = Fe / Ro.value * yt.value, He = se * 2 * Math.PI / a - Math.PI / 2, Ve = tl.value + Math.cos(He) * _e, xe = qt.value + Math.sin(He) * _e;
+          const Fe = r.data[se] || 0, _e = Fe / Ro.value * yt.value, He = se * 2 * Math.PI / a - Math.PI / 2, Ve = el.value + Math.cos(He) * _e, xe = qt.value + Math.sin(He) * _e;
           x.push(`${Ve},${xe}`), _.push({ x: Ve, y: xe }), K.push({
             x: Ve,
             y: xe,
@@ -4121,7 +4121,7 @@ const Jo = {
             m = Nl(_) + (a.offsetX || 0), g = cn(K) + (a.offsetY || 0);
         } else if (Ol.value || Sl.value) {
           const _ = Math.PI * 2 / e.logos.length * t;
-          m = tl.value + Math.cos(_) * (yt.value + 30) + (a.offsetX || 0), g = qt.value + Math.sin(_) * (yt.value + 30) + (a.offsetY || 0);
+          m = el.value + Math.cos(_) * (yt.value + 30) + (a.offsetX || 0), g = qt.value + Math.sin(_) * (yt.value + 30) + (a.offsetY || 0);
         }
         return {
           ...a,
@@ -4163,7 +4163,7 @@ const Jo = {
       let Z;
       typeof e.categoryIndex == "number" ? Z = e.categoryIndex : typeof e.dataIndex == "number" ? Z = e.dataIndex : e.label && J.categories.includes(e.label) && (Z = J.categories.indexOf(e.label));
       let R = e.seriesName || e.label || "";
-      (Ml.value || Re.value === "bar") && e.label && (R = e.label), e.tooltipTitle && (R = e.tooltipTitle), Ge.value = {
+      (Ml.value || De.value === "bar") && e.label && (R = e.label), e.tooltipTitle && (R = e.tooltipTitle), Ge.value = {
         show: !0,
         x: m,
         y: g,
@@ -4247,7 +4247,7 @@ const Jo = {
     })[e] || "ease-out", Xo = () => {
       if (!Fl.value || Ja.value) return "";
       const e = ["dss-chart-animated"];
-      return Gt.value.hasAnimated || e.push(`dss-animate-${Da.value}`), Gt.value.hasAnimated || (Ol.value && Re.value !== "semi-radial" ? e.push("dss-animate-fill") : Ol.value || e.push(`dss-animate-${Da.value}`)), Gt.value.isAnimating && e.push("dss-is-animating"), e.join(" ");
+      return Gt.value.hasAnimated || e.push(`dss-animate-${Da.value}`), Gt.value.hasAnimated || (Ol.value && De.value !== "semi-radial" ? e.push("dss-animate-fill") : Ol.value || e.push(`dss-animate-${Da.value}`)), Gt.value.isAnimating && e.push("dss-is-animating"), e.join(" ");
     };
     Dt(() => J.series, (e, a) => {
       Ye.value && a && Gt.value.hasAnimated && (Gt.value.hasAnimated = !1, Ae(() => {
@@ -4273,9 +4273,9 @@ const Jo = {
         !a || !a.contentRect || (le && cancelAnimationFrame(le), le = requestAnimationFrame(() => {
           le = null;
           const { width: t, height: r } = a.contentRect;
-          De.value = Math.round(t), Ee.value = Math.round(r), y.value && (vt.value = y.value.offsetHeight || $e);
+          Re.value = Math.round(t), Ee.value = Math.round(r), y.value && (vt.value = y.value.offsetHeight || $e);
         }));
-      }), ie.observe(Y.value)), Fl.value && !Ja.value ? Re.value === "semi-radial" ? setTimeout(() => X(), U.value) : setTimeout(() => ao(), U.value) : (Gt.value.hasAnimated = !0, Re.value === "semi-radial" && (xn.value = 1)), document.addEventListener("mousemove", so), document.addEventListener("mouseup", oo), document.addEventListener("click", qn);
+      }), ie.observe(Y.value)), Fl.value && !Ja.value ? De.value === "semi-radial" ? setTimeout(() => X(), U.value) : setTimeout(() => ao(), U.value) : (Gt.value.hasAnimated = !0, De.value === "semi-radial" && (xn.value = 1)), document.addEventListener("mousemove", so), document.addEventListener("mouseup", oo), document.addEventListener("click", qn);
     }), hs(() => {
       we && (we(), we = null), le && cancelAnimationFrame(le), ie && Y.value && (ie.unobserve(Y.value), ie.disconnect(), ie = null), Gt.value.animationId && cancelAnimationFrame(Gt.value.animationId), z && (cancelAnimationFrame(z), z = null), fe.value.zoomTimeout && clearTimeout(fe.value.zoomTimeout), document.removeEventListener("mousemove", so), document.removeEventListener("mouseup", oo), document.removeEventListener("click", qn), document.removeEventListener("click", Un);
     });
@@ -4325,16 +4325,16 @@ const Jo = {
         ]]),
         style: be({
           width: qe.value ? "100%" : Be.value + "px",
-          height: ul.value,
+          height: il.value,
           ...qe.value || at.value ? {
-            overflow: Ol.value ? "visible" : (el.value, "hidden"),
+            overflow: Ol.value ? "visible" : (fl.value, "hidden"),
             maxWidth: "100%",
             maxHeight: "100%"
           } : {},
           ...qo.value,
           cursor: Ms()
         }),
-        "data-chart-type": Re.value,
+        "data-chart-type": De.value,
         ref_key: "containerEl",
         ref: Y,
         onWheel: is,
@@ -4415,7 +4415,7 @@ const Jo = {
             ], 46, ri))), 128))
           ], 2)) : A("", !0)
         ], 512),
-        T.showAddMarkerButton && dl.value && jt.value.addMarker && (Xl.value || Jt.value) && !el.value ? (i(), c("div", {
+        T.showAddMarkerButton && cl.value && jt.value.addMarker && (Xl.value || Jt.value) && !fl.value ? (i(), c("div", {
           key: 0,
           class: "dss-add-marker-button",
           onClick: kn,
@@ -4476,7 +4476,7 @@ const Jo = {
               ], 8, yi)) : A("", !0)
             ]),
             Xl.value || Jt.value ? (i(), c("g", Ci, [
-              ve.value && !el.value ? (i(), c("g", {
+              ve.value && !fl.value ? (i(), c("g", {
                 key: 0,
                 class: "dss-grid-lines",
                 "clip-path": Ie.value
@@ -4495,7 +4495,7 @@ const Jo = {
                   })
                 }, null, 12, wi))), 128))
               ], 8, ki)) : A("", !0),
-              el.value && Xs.value.length ? (i(), c("g", {
+              fl.value && Xs.value.length ? (i(), c("g", {
                 key: 1,
                 class: "dss-stepbar-axis-bars dss-stepbar-axis-bars--y-only",
                 "clip-path": Ie.value
@@ -4540,7 +4540,7 @@ const Jo = {
                 }, null, 8, Ai)) : A("", !0)
               ]),
               n("g", Li, [
-                el.value ? A("", !0) : (i(!0), c(ae, { key: 0 }, Le(As.value, (t, r) => (i(), c("text", {
+                fl.value ? A("", !0) : (i(!0), c(ae, { key: 0 }, Le(As.value, (t, r) => (i(), c("text", {
                   key: `x-${r}`,
                   x: t.x,
                   y: t.y,
@@ -4794,7 +4794,7 @@ const Jo = {
                       onMouseleave: Oa
                     }, null, 46, Gi))), 128)) : A("", !0)
                   ])
-                ])) : Re.value === "line" ? (i(), c("g", Qi, [
+                ])) : De.value === "line" ? (i(), c("g", Qi, [
                   (i(!0), c(ae, null, Le(xo.value, (t, r) => (i(), c("path", {
                     key: `anim-${r}`,
                     d: t.path,
@@ -4867,7 +4867,7 @@ const Jo = {
                     onMouseover: (m) => dn(t, m),
                     onMouseleave: Oa
                   }, null, 46, lu))), 128)) : A("", !0)
-                ])) : Re.value === "area" ? (i(), c("g", au, [
+                ])) : De.value === "area" ? (i(), c("g", au, [
                   n("defs", null, [
                     (i(!0), c(ae, null, Le(Ds.value, (t, r) => (i(), c("mask", {
                       key: `mask-${r}`,
@@ -4890,7 +4890,7 @@ const Jo = {
                     key: `area-fill-${r}`,
                     d: t.areaPath,
                     fill: t.color,
-                    "fill-opacity": t.isHighlighted ? ol.value + 0.2 : ol.value,
+                    "fill-opacity": t.isHighlighted ? sl.value + 0.2 : sl.value,
                     mask: `url(#area-mask-${r}-${T.chartId})`,
                     class: re({
                       "dss-area-fill-smooth": !0,
@@ -4918,7 +4918,7 @@ const Jo = {
                       animationDelay: `${r * ne.value}ms`
                     })
                   }, null, 14, ru))), 128))
-                ])) : Re.value === "bar" ? (i(), c("g", {
+                ])) : De.value === "bar" ? (i(), c("g", {
                   key: 3,
                   class: re({ "dss-horizontal-bars": Ml.value })
                 }, [
@@ -4965,7 +4965,7 @@ const Jo = {
                   ], 64))), 128))
                 ], 2)) : A("", !0)
               ], 8, Zi),
-              We.value && Ue.value.show && !fe.value.isZooming && !el.value ? (i(), c("g", {
+              We.value && Ue.value.show && !fe.value.isZooming && !fl.value ? (i(), c("g", {
                 key: 3,
                 class: "dss-crosshair",
                 "clip-path": Ie.value
@@ -5039,9 +5039,9 @@ const Jo = {
               class: "radial-chart",
               transform: Dn.value
             }, [
-              Re.value === "radial" ? (i(), c("circle", {
+              De.value === "radial" ? (i(), c("circle", {
                 key: 0,
-                cx: tl.value,
+                cx: el.value,
                 cy: qt.value,
                 r: yt.value,
                 fill: "none",
@@ -5050,7 +5050,7 @@ const Jo = {
               }, null, 8, yu)) : A("", !0),
               n("g", {
                 class: "dss-radial-data",
-                "data-chart-type": Re.value,
+                "data-chart-type": De.value,
                 "clip-path": w.value
               }, [
                 (i(!0), c(ae, null, Le(Mo.value, (t, r) => (i(), c("path", {
@@ -5071,7 +5071,7 @@ const Jo = {
                 }, null, 42, Cu))), 128))
               ], 8, bu),
               mn.value && Is.value ? (i(), c("g", ku, [
-                (i(!0), c(ae, null, Le(fa.value, (t, r) => il((i(), c("text", {
+                (i(!0), c(ae, null, Le(fa.value, (t, r) => rl((i(), c("text", {
                   key: `radial-segment-label-${r}`,
                   x: t.x,
                   y: t.y,
@@ -5146,7 +5146,7 @@ const Jo = {
               ve.value ? (i(), c("g", Au, [
                 (i(!0), c(ae, null, Le(gt.value, (t, r) => (i(), c("circle", {
                   key: `spider-grid-circle-${r}`,
-                  cx: tl.value,
+                  cx: el.value,
                   cy: qt.value,
                   r: Vt(t),
                   fill: "none",
@@ -5161,7 +5161,7 @@ const Jo = {
                     key: `spider-grid-label-group-${r}`
                   }, [
                     n("rect", {
-                      x: tl.value - 16,
+                      x: el.value - 16,
                       y: qt.value - t - 7,
                       width: "32",
                       height: "16",
@@ -5169,7 +5169,7 @@ const Jo = {
                       stroke: "none"
                     }, null, 8, Tu),
                     n("text", {
-                      x: tl.value,
+                      x: el.value,
                       y: qt.value - t + 2,
                       "text-anchor": "middle",
                       "dominant-baseline": "central",
@@ -5184,7 +5184,7 @@ const Jo = {
                 ]),
                 (i(!0), c(ae, null, Le(to.value, (t, r) => (i(), c("line", {
                   key: `spider-axis-${r}`,
-                  x1: tl.value,
+                  x1: el.value,
                   x2: t.x,
                   y1: qt.value,
                   y2: t.y,
@@ -5291,7 +5291,7 @@ const Jo = {
               }, null, 46, Bu))), 128))
             ])
           ], 8, fi)),
-          el.value && ua.value.length ? (i(), c("div", {
+          fl.value && ua.value.length ? (i(), c("div", {
             key: 1,
             class: "dss-stepbar-chart-host",
             style: be(za.value)
@@ -5368,7 +5368,7 @@ const Jo = {
             zIndex: 10
           })
         }, null, 4)) : A("", !0),
-        (i(!0), c(ae, null, Le(Wa.value, (t, r) => il((i(), c("div", {
+        (i(!0), c(ae, null, Le(Wa.value, (t, r) => rl((i(), c("div", {
           key: "marker-" + t.id,
           class: "dss-chart-marker",
           style: be({
@@ -5396,16 +5396,16 @@ const Jo = {
         ], 44, zu)), [
           [_n, tn.value]
         ])), 128)),
-        fl.value.show ? (i(), c("div", {
+        vl.value.show ? (i(), c("div", {
           key: 2,
           class: "dss-marker-tooltip",
           style: be({
-            left: fl.value.x + "px",
-            top: fl.value.y + "px"
+            left: vl.value.x + "px",
+            top: vl.value.y + "px"
           })
         }, [
-          n("div", Zu, L(fl.value.categoryValue), 1),
-          fl.value.description ? (i(), c("div", qu, L(fl.value.description), 1)) : A("", !0)
+          n("div", Zu, L(vl.value.categoryValue), 1),
+          vl.value.description ? (i(), c("div", qu, L(vl.value.description), 1)) : A("", !0)
         ], 4)) : A("", !0),
         Ut.value && (Ge.value.show || We.value && Ue.value.show && !fe.value.isZooming) ? (i(), c("div", {
           key: 3,
@@ -5492,7 +5492,7 @@ const Jo = {
             ], 64)) : A("", !0)
           ], 64)) : (i(), c(ae, { key: 1 }, [
             n("div", vc, [
-              n("div", fc, L(el.value ? as() : Jt.value ? To() : T.categories[Ue.value.categoryIndex] || `Category ${Ue.value.categoryIndex + 1}`), 1),
+              n("div", fc, L(fl.value ? as() : Jt.value ? To() : T.categories[Ue.value.categoryIndex] || `Category ${Ue.value.categoryIndex + 1}`), 1),
               Jt.value ? (i(), c("div", pc, [
                 (i(!0), c(ae, null, Le(Ue.value.data, (t, r) => (i(), c("div", {
                   key: `crosshair-tooltip-${r}`,
@@ -5604,7 +5604,7 @@ const Jo = {
           class: "dss-context-menu-item",
           onClick: rs
         }, L(O(I)("chart.contextMenu.addMarker")), 1)) : A("", !0),
-        jt.value.addMarker && (jt.value.downloadSvg || jt.value.downloadPng || jt.value.downloadCsv || vl.value.length > 0) ? (i(), c("div", Lc)) : A("", !0),
+        jt.value.addMarker && (jt.value.downloadSvg || jt.value.downloadPng || jt.value.downloadCsv || dl.value.length > 0) ? (i(), c("div", Lc)) : A("", !0),
         jt.value.downloadSvg ? (i(), c("div", {
           key: 2,
           class: "dss-context-menu-item",
@@ -5620,9 +5620,9 @@ const Jo = {
           class: "dss-context-menu-item",
           onClick: Ss
         }, L(O(I)("chart.contextMenu.downloadCsv")), 1)) : A("", !0),
-        vl.value.length > 0 ? (i(), c(ae, { key: 5 }, [
+        dl.value.length > 0 ? (i(), c(ae, { key: 5 }, [
           jt.value.downloadSvg || jt.value.downloadPng || jt.value.downloadCsv ? (i(), c("div", Ec)) : A("", !0),
-          (i(!0), c(ae, null, Le(vl.value, (t, r) => (i(), c(ae, {
+          (i(!0), c(ae, null, Le(dl.value, (t, r) => (i(), c(ae, {
             key: "custom-" + r
           }, [
             t.separator ? (i(), c("div", Tc)) : A("", !0),
@@ -5674,7 +5674,7 @@ const Jo = {
             ]),
             n("div", Fc, [
               n("label", Pc, L(O(I)("chart.modalMarker.description")), 1),
-              sn.value ? (i(), c("div", Bc, L(nt.value.description), 1)) : il((i(), c("textarea", {
+              sn.value ? (i(), c("div", Bc, L(nt.value.description), 1)) : rl((i(), c("textarea", {
                 key: 1,
                 id: "dss-marker-description",
                 "onUpdate:modelValue": a[2] || (a[2] = (t) => nt.value.description = t),
@@ -5760,7 +5760,7 @@ const Jo = {
     function y(le) {
       le.target.tagName === "INPUT" && (ke.value = le.target.tagName);
     }
-    function De() {
+    function Re() {
       setTimeout(() => {
         ke.value = null;
       }, 300);
@@ -5787,12 +5787,12 @@ const Jo = {
         if (le)
           Ee(), document.body.classList.add("dss-modal-open"), setTimeout(() => {
             const $e = document.getElementById("dss-modal-backdrop");
-            $e && ($e.addEventListener("focusin", y), $e.addEventListener("focusout", De));
+            $e && ($e.addEventListener("focusin", y), $e.addEventListener("focusout", Re));
           }, 100);
         else {
           ie(), document.body.classList.remove("dss-modal-open");
           const $e = document.getElementById("dss-modal-backdrop");
-          $e && ($e.removeEventListener("focusin", y), $e.removeEventListener("focusout", De));
+          $e && ($e.removeEventListener("focusin", y), $e.removeEventListener("focusout", Re));
         }
       },
       { immediate: !0 }
@@ -5804,7 +5804,7 @@ const Jo = {
         class: "dss-modal-backdrop",
         onClick: ce
       }, [
-        il(n("div", {
+        rl(n("div", {
           id: "dss-modal-backdrop",
           class: "dss-modal",
           style: be(P.value)
@@ -6023,19 +6023,19 @@ const Jo = {
     const ce = v(() => we(P, ke.options)), y = v(() => {
       const k = ce.value.table.width;
       return k === "auto" ? null : typeof k == "number" ? k : null;
-    }), De = v(() => ce.value.table.height), Ee = v(() => ce.value.table.rowHeight ?? "auto"), ie = v(() => ({ height: Ee.value })), le = v(() => ce.value.table.expandable === !0), $e = v(() => ce.value.table.expandableRowData ?? null), ze = v(() => ce.value.table.expandableRowCondition ?? null), Ce = v(() => ce.value.table.truncated === !0), Ie = v(() => ce.value.table.striped), J = v(() => ce.value.table.bordered), Tt = v(() => ce.value.table.hoverable), bt = v(() => ce.value.table.size), Xe = v(() => ce.value.table.align || "left");
+    }), Re = v(() => ce.value.table.height), Ee = v(() => ce.value.table.rowHeight ?? "auto"), ie = v(() => ({ height: Ee.value })), le = v(() => ce.value.table.expandable === !0), $e = v(() => ce.value.table.expandableRowData ?? null), ze = v(() => ce.value.table.expandableRowCondition ?? null), Ce = v(() => ce.value.table.truncated === !0), Ie = v(() => ce.value.table.striped), J = v(() => ce.value.table.bordered), Tt = v(() => ce.value.table.hoverable), bt = v(() => ce.value.table.size), Xe = v(() => ce.value.table.align || "left");
     v(() => ce.value.title.text), v(() => ce.value.subtitle.text);
-    const st = v(() => ce.value.selection.enabled), Q = v(() => ce.value.selection.mode), qe = v(() => ce.value.selection.rowCondition ?? null), at = v(() => ce.value.sorting.enabled), Te = v(() => ce.value.sorting.mode), Be = v(() => ce.value.pagination.enabled), vt = v(() => ce.value.pagination.rows), ct = v(() => ce.value.pagination.rowsPerPageOptions), Ct = v(() => ce.value.pagination.showCounter !== !1), ul = v(() => ce.value.pagination.showControlsGroup), Re = v(() => ul.value === !1 ? !1 : ce.value.pagination.showControls !== !1), nl = v(() => ul.value === !1 ? !1 : ce.value.pagination.showRowsPerPage !== !1), _t = v(
-      () => Be.value && (Ct.value || Re.value || nl.value)
-    ), ft = v(() => ce.value.scrollable), Ft = v(() => ce.value.emptyMessage || I("table.emptyMessage")), gl = v(() => ce.value.toolbar?.downloads?.pdf !== !1), At = v(() => ce.value.toolbar?.downloads?.excel !== !1), sl = v(() => ce.value.toolbar?.search !== !1), Lt = v(() => gl.value || At.value || sl.value || ml.value), ml = v(() => ce.value.toolbar?.columnVisibility !== !1), Nt = $(""), cl = $(!1), Se = $(null);
+    const st = v(() => ce.value.selection.enabled), Q = v(() => ce.value.selection.mode), qe = v(() => ce.value.selection.rowCondition ?? null), at = v(() => ce.value.sorting.enabled), Te = v(() => ce.value.sorting.mode), Be = v(() => ce.value.pagination.enabled), vt = v(() => ce.value.pagination.rows), ct = v(() => ce.value.pagination.rowsPerPageOptions), Ct = v(() => ce.value.pagination.showCounter !== !1), il = v(() => ce.value.pagination.showControlsGroup), De = v(() => il.value === !1 ? !1 : ce.value.pagination.showControls !== !1), al = v(() => il.value === !1 ? !1 : ce.value.pagination.showRowsPerPage !== !1), _t = v(
+      () => Be.value && (Ct.value || De.value || al.value)
+    ), ft = v(() => ce.value.scrollable), Ft = v(() => ce.value.emptyMessage || I("table.emptyMessage")), gl = v(() => ce.value.toolbar?.downloads?.pdf !== !1), At = v(() => ce.value.toolbar?.downloads?.excel !== !1), nl = v(() => ce.value.toolbar?.search !== !1), Lt = v(() => gl.value || At.value || nl.value || ml.value), ml = v(() => ce.value.toolbar?.columnVisibility !== !1), Nt = $(""), ul = $(!1), Se = $(null);
     let W = null;
     function te() {
-      cl.value ? (W && (clearTimeout(W), W = null), cl.value = !1, Nt.value = "", Y("search", ""), Se.value?.blur()) : (cl.value = !0, W = setTimeout(() => {
+      ul.value ? (W && (clearTimeout(W), W = null), ul.value = !1, Nt.value = "", Y("search", ""), Se.value?.blur()) : (ul.value = !0, W = setTimeout(() => {
         W = null, Se.value?.focus();
       }, 80));
     }
     function ve() {
-      Nt.value || (cl.value = !1);
+      Nt.value || (ul.value = !1);
     }
     function Me() {
       Nt.value = "", Y("search", ""), Se.value?.focus();
@@ -6087,9 +6087,9 @@ const Jo = {
       const M = ut(k, C), j = new Set(ee.value);
       j.has(M) ? j.delete(M) : j.add(M), ge.value === null && (Ut.value = j), it(j);
     }
-    const ol = $(null), mt = $(!1);
+    const sl = $(null), mt = $(!1);
     function wl(k) {
-      ol.value && !ol.value.contains(k.target) && (mt.value = !1);
+      sl.value && !sl.value.contains(k.target) && (mt.value = !1);
     }
     const V = v(() => oe.value.length + (st.value ? 1 : 0) + (le.value ? 1 : 0)), S = (k, C) => k?.id ?? k?.key ?? C, E = $(/* @__PURE__ */ new Set()), me = $(null), he = (k, C) => E.value.has(S(k, C)), Ke = (k, C) => {
       if (!le.value) return !1;
@@ -6126,8 +6126,8 @@ const Jo = {
       () => oe.value.find((k) => pe(k) === Pt.value) ?? null
     ), Ll = v(() => {
       if (!Al.value || Al.value.filter !== "range") return null;
-      const k = Al.value, C = Pt.value, { min: M, max: j } = Da(k), G = k.filterMin ?? M, pt = k.filterMax ?? j, Ge = Ql(C), fl = Ge.min ?? G, Ue = Ge.max ?? pt, wt = pt - G, fe = wt === 0 ? 0 : (fl - G) / wt * 100, Tl = wt === 0 ? 100 : (Ue - G) / wt * 100;
-      return { rangeMin: G, rangeMax: pt, currentMin: fl, currentMax: Ue, minPct: fe, maxPct: Tl };
+      const k = Al.value, C = Pt.value, { min: M, max: j } = Da(k), G = k.filterMin ?? M, pt = k.filterMax ?? j, Ge = Ql(C), vl = Ge.min ?? G, Ue = Ge.max ?? pt, wt = pt - G, fe = wt === 0 ? 0 : (vl - G) / wt * 100, Tl = wt === 0 ? 100 : (Ue - G) / wt * 100;
+      return { rangeMin: G, rangeMax: pt, currentMin: vl, currentMax: Ue, minPct: fe, maxPct: Tl };
     }), Ma = $(null), ia = $("max");
     function Pl(k) {
       const C = Ma.value, M = Ll.value;
@@ -6183,24 +6183,24 @@ const Jo = {
         if (pt) {
           if (G.type === "string" && G.value?.trim()) {
             const Ge = G.value.trim().toLowerCase();
-            k = k.filter((fl) => {
-              const Ue = Aa(fl, M);
+            k = k.filter((vl) => {
+              const Ue = Aa(vl, M);
               return String(Ue ?? "").toLowerCase().includes(Ge);
             });
           } else if (G.type === "range")
             k = k.filter((Ge) => {
-              const fl = fa(Ge, pt), Ue = Number(fl);
+              const vl = fa(Ge, pt), Ue = Number(vl);
               return !(Number.isNaN(Ue) || G.min != null && Ue < G.min || G.max != null && Ue > G.max);
             });
           else if (G.type === "dateRange") {
-            const Ge = G.from ? new Date(G.from).getTime() : null, fl = G.to ? new Date(G.to).getTime() : null;
+            const Ge = G.from ? new Date(G.from).getTime() : null, vl = G.to ? new Date(G.to).getTime() : null;
             k = k.filter((Ue) => {
               const wt = fa(Ue, pt), fe = wt ? new Date(wt).getTime() : NaN;
-              return !(Number.isNaN(fe) || Ge != null && fe < Ge || fl != null && fe > fl);
+              return !(Number.isNaN(fe) || Ge != null && fe < Ge || vl != null && fe > vl);
             });
           } else if (G.type === "list" && G.selected?.length) {
             const Ge = new Set(G.selected);
-            k = k.filter((fl) => ca(Aa(fl, M)).some((wt) => Ge.has(wt)));
+            k = k.filter((vl) => ca(Aa(vl, M)).some((wt) => Ge.has(wt)));
           }
         }
       }), k;
@@ -6273,7 +6273,7 @@ const Jo = {
       Pt.value && !k.target.closest(".dss-table-filter-wrap") && !k.target.closest(".dss-table-filter-dropdown") && (Pt.value = null, Rl.value = null);
     }
     function gt() {
-      ua(), vl.value && ea();
+      ua(), dl.value && ea();
     }
     const Vl = (k) => {
       if (!(k.sortable === !1 || !at.value))
@@ -6300,24 +6300,24 @@ const Jo = {
         }
         return 0;
       }), k;
-    }), dl = $(0), jt = $(vt.value), vl = $(!1), Wl = $(null), Ca = $(null), Qt = $("bottom"), Bt = $(null), jl = (k) => {
-      jt.value = k, vl.value = !1, dl.value = 0, Y("page", { page: 0, rows: jt.value });
+    }), cl = $(0), jt = $(vt.value), dl = $(!1), Wl = $(null), Ca = $(null), Qt = $("bottom"), Bt = $(null), jl = (k) => {
+      jt.value = k, dl.value = !1, cl.value = 0, Y("page", { page: 0, rows: jt.value });
     };
     function tn(k) {
-      Wl.value && !Wl.value.contains(k.target) && (vl.value = !1);
+      Wl.value && !Wl.value.contains(k.target) && (dl.value = !1);
     }
     function ea() {
       const k = Wl.value, C = Ca.value;
       if (!k || !C) return;
       const M = k.querySelector(".dss-pagination-select-dropdown");
       if (!M) return;
-      const j = C.getBoundingClientRect(), G = M.offsetHeight || 0, Ge = (window.innerHeight || document.documentElement.clientHeight) - j.bottom, fl = j.top;
-      Qt.value = Ge < G + 8 && fl > Ge ? "top" : "bottom", Bt.value = {
+      const j = C.getBoundingClientRect(), G = M.offsetHeight || 0, Ge = (window.innerHeight || document.documentElement.clientHeight) - j.bottom, vl = j.top;
+      Qt.value = Ge < G + 8 && vl > Ge ? "top" : "bottom", Bt.value = {
         width: `${Math.ceil(j.width)}px`,
         left: `${Math.max(0, Math.round(C.offsetLeft))}px`
       };
     }
-    const Wa = v(() => Bl.value.length), ka = v(() => Math.ceil(Wa.value / jt.value)), Za = v(() => Math.max(ka.value, 1)), ln = v(() => Wa.value === 0 ? 0 : yl.value + 1), na = v(() => Mn.value), yl = v(() => Be.value ? dl.value * jt.value : 0), Mn = v(() => Be.value ? Math.min((dl.value + 1) * jt.value, Wa.value) : Wa.value), va = v(() => {
+    const Wa = v(() => Bl.value.length), ka = v(() => Math.ceil(Wa.value / jt.value)), Za = v(() => Math.max(ka.value, 1)), ln = v(() => Wa.value === 0 ? 0 : yl.value + 1), na = v(() => Mn.value), yl = v(() => Be.value ? cl.value * jt.value : 0), Mn = v(() => Be.value ? Math.min((cl.value + 1) * jt.value, Wa.value) : Wa.value), va = v(() => {
       if (!Be.value) return Bl.value;
       const k = yl.value, C = Mn.value;
       return Bl.value.slice(k, C);
@@ -6352,13 +6352,13 @@ const Jo = {
     }, $a = $("1"), nn = () => {
       const k = Number.parseInt(String($a.value), 10);
       if (!Number.isFinite(k)) {
-        $a.value = String(dl.value + 1);
+        $a.value = String(cl.value + 1);
         return;
       }
       const C = Math.min(Za.value, Math.max(1, k));
-      C !== dl.value + 1 ? Va(C - 1) : $a.value = String(C);
+      C !== cl.value + 1 ? Va(C - 1) : $a.value = String(C);
     }, Va = (k) => {
-      k < 0 || k >= ka.value || (dl.value = k, Y("page", { page: k, rows: jt.value }));
+      k < 0 || k >= ka.value || (cl.value = k, Y("page", { page: k, rows: jt.value }));
     }, hn = (k, C, M) => {
       Y("row-click", { data: k, index: C, originalEvent: M }), ht(k, yl.value + C);
     }, ql = (k, C) => {
@@ -6386,10 +6386,10 @@ const Jo = {
     return Dt(() => ke.locale, (k) => {
       k && k !== D.value && (D.value = k);
     }, { immediate: !0 }), Dt(vt, (k) => {
-      jt.value = k, dl.value = 0;
-    }), Dt(vl, async (k) => {
+      jt.value = k, cl.value = 0;
+    }), Dt(dl, async (k) => {
       k && (await Ae(), ea());
-    }), Dt(dl, (k) => {
+    }), Dt(cl, (k) => {
       $a.value = String(k + 1);
     }, { immediate: !0 }), Dt(Nt, (k) => {
       Y("search", k ?? "");
@@ -6411,7 +6411,7 @@ const Jo = {
         ref: aa,
         style: be({
           width: y.value + "px",
-          height: De.value ? De.value + "px" : "auto"
+          height: Re.value ? Re.value + "px" : "auto"
         })
       }, [
         Lt.value ? (i(), c("div", jc, [
@@ -6438,7 +6438,7 @@ const Jo = {
               key: 2,
               class: "dss-table-toolbar-column-visibility",
               ref_key: "columnVisibilityDropdownRef",
-              ref: ol
+              ref: sl
             }, [
               n("button", {
                 type: "button",
@@ -6455,7 +6455,7 @@ const Jo = {
               ], 10, Gc),
               fn(ms, { name: "dss-dropdown" }, {
                 default: _a(() => [
-                  il(n("ul", Qc, [
+                  rl(n("ul", Qc, [
                     (i(!0), c(ae, null, Le(T.columns, (M, j) => (i(), c("li", {
                       key: ut(M, j),
                       role: "option",
@@ -6500,11 +6500,11 @@ const Jo = {
             pl(k.$slots, "header")
           ]),
           n("div", nd, [
-            sl.value ? (i(), c("div", {
+            nl.value ? (i(), c("div", {
               key: 0,
-              class: re(["dss-table-toolbar-search", { "dss-table-toolbar-search--expanded": cl.value || Nt.value }])
+              class: re(["dss-table-toolbar-search", { "dss-table-toolbar-search--expanded": ul.value || Nt.value }])
             }, [
-              il(n("input", {
+              rl(n("input", {
                 ref_key: "searchInputRef",
                 ref: Se,
                 "onUpdate:modelValue": C[4] || (C[4] = (M) => Nt.value = M),
@@ -6512,7 +6512,7 @@ const Jo = {
                 class: "dss-table-toolbar-search-input",
                 placeholder: O(I)("table.searchPlaceholder"),
                 "aria-label": O(I)("table.searchTableAriaLabel"),
-                onFocus: C[5] || (C[5] = (M) => cl.value = !0),
+                onFocus: C[5] || (C[5] = (M) => ul.value = !0),
                 onBlur: ve
               }, null, 40, sd), [
                 [Dl, Nt.value]
@@ -6530,7 +6530,7 @@ const Jo = {
                 type: "button",
                 class: "dss-table-toolbar-search-trigger",
                 "aria-label": O(I)("table.searchAriaLabel"),
-                "aria-expanded": cl.value || !!Nt.value,
+                "aria-expanded": ul.value || !!Nt.value,
                 onMousedown: je(te, ["prevent"])
               }, [...C[27] || (C[27] = [
                 n("span", {
@@ -6813,10 +6813,10 @@ const Jo = {
             })), 1)) : (i(), c("span", Fd, " "))
           ]),
           n("div", Pd, [
-            Re.value ? (i(), c("div", Bd, [
+            De.value ? (i(), c("div", Bd, [
               n("button", {
                 class: "dss-pagination-btn",
-                disabled: dl.value === 0,
+                disabled: cl.value === 0,
                 onClick: C[8] || (C[8] = (M) => Va(0)),
                 title: O(I)("table.firstPage")
               }, [...C[35] || (C[35] = [
@@ -6827,11 +6827,11 @@ const Jo = {
               ])], 8, Od),
               n("button", {
                 class: "dss-pagination-btn",
-                disabled: dl.value === 0,
-                onClick: C[9] || (C[9] = (M) => Va(dl.value - 1)),
+                disabled: cl.value === 0,
+                onClick: C[9] || (C[9] = (M) => Va(cl.value - 1)),
                 title: O(I)("table.previousPage")
               }, " ‹ ", 8, zd),
-              il(n("input", {
+              rl(n("input", {
                 "onUpdate:modelValue": C[10] || (C[10] = (M) => $a.value = M),
                 type: "text",
                 class: "dss-pagination-page-input",
@@ -6844,13 +6844,13 @@ const Jo = {
               n("span", Zd, L(O(I)("table.ofPages", { total: Za.value })), 1),
               n("button", {
                 class: "dss-pagination-btn",
-                disabled: dl.value >= ka.value - 1,
-                onClick: C[11] || (C[11] = (M) => Va(dl.value + 1)),
+                disabled: cl.value >= ka.value - 1,
+                onClick: C[11] || (C[11] = (M) => Va(cl.value + 1)),
                 title: O(I)("table.nextPage")
               }, " › ", 8, qd),
               n("button", {
                 class: "dss-pagination-btn",
-                disabled: dl.value >= ka.value - 1,
+                disabled: cl.value >= ka.value - 1,
                 onClick: C[12] || (C[12] = (M) => Va(ka.value - 1)),
                 title: O(I)("table.lastPage")
               }, [...C[36] || (C[36] = [
@@ -6862,7 +6862,7 @@ const Jo = {
             ])) : A("", !0)
           ]),
           n("div", Xd, [
-            nl.value ? (i(), c("div", {
+            al.value ? (i(), c("div", {
               key: 0,
               class: "dss-pagination-rows-per-page",
               ref_key: "rowsPerPageDropdownRef",
@@ -6871,9 +6871,9 @@ const Jo = {
               n("span", Yd, L(O(I)("table.rowsPerPage")) + ":", 1),
               n("button", {
                 type: "button",
-                class: re(["dss-pagination-select-trigger", { "dss-pagination-select-open": vl.value }]),
-                onClick: C[13] || (C[13] = (M) => vl.value = !vl.value),
-                "aria-expanded": vl.value,
+                class: re(["dss-pagination-select-trigger", { "dss-pagination-select-open": dl.value }]),
+                onClick: C[13] || (C[13] = (M) => dl.value = !dl.value),
+                "aria-expanded": dl.value,
                 "aria-haspopup": "listbox",
                 ref_key: "rowsPerPageTriggerRef",
                 ref: Ca
@@ -6886,7 +6886,7 @@ const Jo = {
               ], 10, jd),
               fn(ms, { name: "dss-dropdown" }, {
                 default: _a(() => [
-                  il(n("ul", {
+                  rl(n("ul", {
                     class: re(["dss-pagination-select-dropdown", { "dss-pagination-select-dropdown--top": Qt.value === "top" }]),
                     style: be(Bt.value),
                     role: "listbox"
@@ -6899,7 +6899,7 @@ const Jo = {
                       onClick: (j) => jl(M)
                     }, L(M), 11, Kd))), 128))
                   ], 6), [
-                    [_n, vl.value]
+                    [_n, dl.value]
                   ])
                 ]),
                 _: 1
@@ -6911,7 +6911,7 @@ const Jo = {
       (i(), Sa(en, { to: "body" }, [
         fn(ms, { name: "dss-dropdown" }, {
           default: _a(() => [
-            il(n("div", {
+            rl(n("div", {
               class: "dss-table-filter-dropdown dss-table-filter-dropdown--teleport",
               style: be(Rl.value ? { top: Rl.value.top + "px", left: Rl.value.left + "px", width: ya + "px" } : void 0),
               onClick: C[21] || (C[21] = je(() => {
@@ -7259,7 +7259,7 @@ const Jo = {
       h6: b1
     }, P = T, we = I, xt = mo(), ce = `<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>`, y = $(null), De = $(null), Ee = $(!1), ie = $(!1), le = $(!1), $e = $(""), ze = $({}), Ce = $(!1), Ie = $(!1), J = $(""), Tt = $(""), bt = $(null), Xe = $(null), st = $(null), Q = $(null), qe = $(""), at = $(!1), Te = $({}), Be = $(!1), vt = $({}), ct = $(null), Ct = $(null), ul = $(!1), Re = $(""), nl = $(null), _t = $(""), ft = $(""), Ft = $(""), gl = $(null), At = $(null), sl = $(null), Lt = $(null), ml = $(null), Nt = $(!1), cl = $(""), Se = $({}), W = $(!1), te = $("upload"), ve = $(""), Me = $(null), ot = $(null), ut = $([]), Ut = $([]), We = $(null), dt = $(!1), Rt = $(""), hl = $(""), ge = $(""), ee = $(""), oe = $(""), pe = $(""), Ne = $(null), it = $(null), Vt = $(null), ol = $(!1), mt = $(null), wl = $(!1), V = $(!1), S = $(null), E = $("p"), me = $(!1), he = $([]), Ke = $(null), Ht = $(null), ht = $(null), lt = $(!1), It = $(0), zt = 100, Mt = $(null), Zt = v(() => !!P.commentUser), Xt = v(() => ({
+</svg>`, y = $(null), Re = $(null), Ee = $(!1), ie = $(!1), le = $(!1), $e = $(""), ze = $({}), Ce = $(!1), Ie = $(!1), J = $(""), Tt = $(""), bt = $(null), Xe = $(null), st = $(null), Q = $(null), qe = $(""), at = $(!1), Te = $({}), Be = $(!1), vt = $({}), ct = $(null), Ct = $(null), il = $(!1), De = $(""), al = $(null), _t = $(""), ft = $(""), Ft = $(""), gl = $(null), At = $(null), nl = $(null), Lt = $(null), ml = $(null), Nt = $(!1), ul = $(""), Se = $({}), W = $(!1), te = $("upload"), ve = $(""), Me = $(null), ot = $(null), ut = $([]), Ut = $([]), We = $(null), dt = $(!1), Rt = $(""), hl = $(""), ge = $(""), ee = $(""), oe = $(""), pe = $(""), Ne = $(null), it = $(null), Vt = $(null), sl = $(!1), mt = $(null), wl = $(!1), V = $(!1), S = $(null), E = $("p"), me = $(!1), he = $([]), Ke = $(null), Ht = $(null), ht = $(null), lt = $(!1), It = $(0), zt = 100, Mt = $(null), Zt = v(() => !!P.commentUser), Xt = v(() => ({
       "dss-text-editor-no-border": !P.border,
       "dss-text-editor-rounded": P.rounded,
       "dss-text-editor-full-height": P.fullHeight,
@@ -7385,8 +7385,8 @@ const Jo = {
     }, Vl = () => {
       V.value = !0, gt();
     }, Bl = () => {
-      V.value = !1, dl();
-    }, dl = () => {
+      V.value = !1, cl();
+    }, cl = () => {
       if (!it.value) return;
       const s = it.value;
       s.style.setProperty("text-overflow", "", "important"), s.style.setProperty("white-space", "", "important"), s.style.setProperty("overflow-x", "", "important"), s.style.setProperty("height", "auto", "important");
@@ -7399,7 +7399,7 @@ const Jo = {
       V.value && gt(), we("update:description", o), we("description-change", o), Vt.value = "description", P.richText && (dt.value || (hl.value = Rt.value, oe.value = ge.value, pe.value = ee.value), We.value && clearTimeout(We.value), dt.value = !0, We.value = setTimeout(() => {
         dt.value = !1, Qt();
       }, 500));
-    }, vl = () => {
+    }, dl = () => {
       const s = window.getSelection();
       if (s.rangeCount === 0) return null;
       const l = s.getRangeAt(0);
@@ -7479,7 +7479,7 @@ const Jo = {
       if (!y.value) return;
       jl(), y.value && Da(y.value);
       let l = null;
-      y.value && (y.value.querySelector("p") || (l = vl(), tn()));
+      y.value && (y.value.querySelector("p") || (l = dl(), tn()));
       const o = s && s.inputType && (s.inputType === "insertText" || s.inputType === "insertCompositionText" || s.inputType === "deleteContentBackward" || s.inputType === "deleteContentForward");
       o && S.value && (S.value = null), ie.value = !0;
       const u = y.value.innerHTML.replace(/<!--[\s\S]*?-->/g, "").replace(/&nbsp;|\u00A0/g, " "), d = da(u);
@@ -7589,8 +7589,8 @@ const Jo = {
         }
       });
     }, ea = () => {
-      if (y.value && !ol.value) {
-        ol.value = !0;
+      if (y.value && !sl.value) {
+        sl.value = !0;
         try {
           y.value.querySelectorAll(".dss-image-wrapper").forEach((u) => {
             u.querySelector("img") || u.remove();
@@ -7626,7 +7626,7 @@ const Jo = {
             }
           });
         } finally {
-          ol.value = !1;
+          sl.value = !1;
         }
       }
     }, Wa = (s) => {
@@ -7948,7 +7948,7 @@ const Jo = {
       let u = null;
       if (o && o.rangeCount > 0) {
         const p = o.getRangeAt(0);
-        !p.collapsed && Ua(p) && (u = vl());
+        !p.collapsed && Ua(p) && (u = dl());
       }
       if (s === "createLink" && l) {
         const p = window.getSelection();
@@ -8180,9 +8180,9 @@ const Jo = {
         return !1;
       }
     }, $n = (s) => {
-      P.disabled || !P.richText || (De.value = De.value === s ? null : s, s === "askAi" && (Ct.value = null));
+      P.disabled || !P.richText || (Re.value = Re.value === s ? null : s, s === "askAi" && (Ct.value = null));
     }, xl = () => {
-      De.value = null, Me.value = null;
+      Re.value = null, Me.value = null;
     }, Kl = (s) => {
       va("formatBlock", s), xl();
     }, qa = (s) => {
@@ -8192,8 +8192,8 @@ const Jo = {
         for (; Oe && Oe !== y.value; ) {
           const Et = Oe.tagName;
           if (Et === "P") {
-            const rl = Oe.parentElement;
-            if (rl === y.value || rl.tagName === "BLOCKQUOTE")
+            const ol = Oe.parentElement;
+            if (ol === y.value || ol.tagName === "BLOCKQUOTE")
               return Oe;
           }
           if (Et === "BLOCKQUOTE")
@@ -8235,7 +8235,7 @@ const Jo = {
       let l = s.getRangeAt(0);
       !l.collapsed && Ua(l) && (l = qa(l), s.removeAllRanges(), s.addRange(l));
       let o = null;
-      !l.collapsed && Ua(l) && (o = vl());
+      !l.collapsed && Ua(l) && (o = dl());
       const u = l.commonAncestorContainer, d = u.nodeType === 1 ? u.tagName === "BLOCKQUOTE" ? u : u.closest("blockquote") : u.parentElement?.closest("blockquote");
       if (!!(d && y.value.contains(d))) {
         if (d) {
@@ -8341,7 +8341,7 @@ const Jo = {
     }, mn = () => {
       if (!y.value) return;
       const s = window.getSelection();
-      s && s.rangeCount > 0 && s.getRangeAt(0), Q.value = vl();
+      s && s.rangeCount > 0 && s.getRangeAt(0), Q.value = dl();
       const l = window.getSelection();
       let o = "";
       l.rangeCount > 0 && (o = l.getRangeAt(0).toString()), J.value = "", Tt.value = o, qe.value = "", st.value = null, Ie.value = !0, xl(), Ae(() => {
@@ -8458,7 +8458,7 @@ const Jo = {
     $("");
     const G = $(null);
     $("");
-    const pt = $([]), Ge = $(!1), fl = $(!1), Ue = (s) => {
+    const pt = $([]), Ge = $(!1), vl = $(!1), Ue = (s) => {
       if (!s) return "";
       const l = s.cloneRange(), o = document.createElement("div");
       return o.appendChild(l.cloneContents()), o.innerHTML;
@@ -8473,7 +8473,7 @@ const Jo = {
       if (!s || s.rangeCount === 0) return;
       const l = s.getRangeAt(0);
       if (l.collapsed || !Ua(l)) return;
-      j.value = Ue(l) || "", G.value = vl();
+      j.value = Ue(l) || "", G.value = dl();
       const o = l.getBoundingClientRect(), u = y.value.parentElement;
       if (!u) return;
       const d = u.getBoundingClientRect(), p = o.bottom - d.top, h = Math.max(p + 8, 0);
@@ -8660,7 +8660,7 @@ const Jo = {
       const d = document.createRange();
       d.selectNodeContents(u);
       const p = window.getSelection();
-      p && (p.removeAllRanges(), p.addRange(d)), j.value = u.innerHTML || "", G.value = vl();
+      p && (p.removeAllRanges(), p.addRange(d)), j.value = u.innerHTML || "", G.value = dl();
       const f = d.getBoundingClientRect(), h = o.parentElement;
       if (h) {
         const z = h.getBoundingClientRect(), X = f.bottom - z.top, ye = Math.max(X + 8, 0);
@@ -8705,9 +8705,9 @@ const Jo = {
             if (X) {
               const H = h.getBoundingClientRect(), ye = z.getBoundingClientRect(), de = X.getBoundingClientRect(), et = ye.bottom - H.top, Oe = de.top - H.top, Et = 8;
               if (et > Oe - Et) {
-                const rl = de.height;
+                const ol = de.height;
                 k.value = {
-                  bottom: `${rl + Et}px`,
+                  bottom: `${ol + Et}px`,
                   top: "auto"
                 };
               }
@@ -8846,8 +8846,8 @@ const Jo = {
               u.nodeType === 3 ? f = u.parentElement : u.tagName === "P" || u.tagName === "DIV" ? f = u : f = u.closest("p, div");
               const h = (de) => {
                 if (!de) return !1;
-                const et = de.textContent || "", Et = (de.innerHTML || "").trim(), rl = Et.replace(/<br\s*\/?>/gi, "").trim();
-                return et.trim() === "" || Et === "" || rl === "" || Et === "<br>" || Et === "<br/>" || Et === "<p></p>" || Et === "<p><br></p>" || Et === "<p><br/></p>" || Et === "<p> </p>" || Et === "<p><br> </p>" || Et === "<div></div>" || Et === "<div><br></div>" || Et === "<div><br/></div>";
+                const et = de.textContent || "", Et = (de.innerHTML || "").trim(), ol = Et.replace(/<br\s*\/?>/gi, "").trim();
+                return et.trim() === "" || Et === "" || ol === "" || Et === "<br>" || Et === "<br/>" || Et === "<p></p>" || Et === "<p><br></p>" || Et === "<p><br/></p>" || Et === "<p> </p>" || Et === "<p><br> </p>" || Et === "<div></div>" || Et === "<div><br></div>" || Et === "<div><br/></div>";
               }, b = d.lastChild, w = b && b.nodeType === 1 && b.tagName === "BR", z = o.startContainer, X = z.nodeType === 3 ? z.parentElement : z, H = X === d || X && X.parentElement === d;
               if (f && h(f) || w && H) {
                 s.preventDefault(), setTimeout(() => {
@@ -8919,7 +8919,7 @@ const Jo = {
           document.execCommand("insertText", !1, o);
       Bt();
     }, ls = (s) => {
-      if (De.value) {
+      if (Re.value) {
         const o = s.target;
         !o.closest(".dss-toolbar-dropdown") && !o.closest(".dss-toolbar-dropdown-toggle") && xl();
       }
@@ -9051,7 +9051,7 @@ const Jo = {
     Pn(() => {
       if (Ae(() => {
         requestAnimationFrame(() => {
-          wl.value ? ne() : St(), V.value ? gt() : dl();
+          wl.value ? ne() : St(), V.value ? gt() : cl();
         });
       }), Ae(() => {
         ws();
@@ -9157,31 +9157,31 @@ const Jo = {
             mt.value = null;
             return;
           }
-          const rl = z.getAttribute("src");
-          let ll = null;
-          X ? ll = X.cloneNode(!0) : ll = z.cloneNode(!0);
+          const ol = z.getAttribute("src");
+          let tl = null;
+          X ? tl = X.cloneNode(!0) : tl = z.cloneNode(!0);
           try {
             let bl = H.startContainer;
             if (bl.nodeType === 3 && (bl = bl.parentElement), X && (bl === X || X.contains(bl))) {
               const Cl = document.createRange();
               Cl.setStartAfter(X), Cl.collapse(!0), H = Cl;
             }
-            H.insertNode(ll);
+            H.insertNode(tl);
             const $l = document.createRange();
-            $l.setStartAfter(ll), $l.collapse(!0);
+            $l.setStartAfter(tl), $l.collapse(!0);
             const Kt = window.getSelection();
             Kt.removeAllRanges(), Kt.addRange($l);
           } catch {
             if (y.value.childNodes.length === 0) {
               const $l = document.createElement("p");
-              $l.appendChild(ll), y.value.appendChild($l);
+              $l.appendChild(tl), y.value.appendChild($l);
             } else {
               const $l = y.value.lastChild;
               if ($l && $l.nodeType === 1)
-                $l.appendChild(ll);
+                $l.appendChild(tl);
               else {
                 const Kt = document.createElement("p");
-                Kt.appendChild(ll), y.value.appendChild(Kt);
+                Kt.appendChild(tl), y.value.appendChild(Kt);
               }
             }
           }
@@ -9189,7 +9189,7 @@ const Jo = {
             const bl = y.value.querySelectorAll("img");
             let $l = !1;
             bl.forEach((Kt) => {
-              if (Kt.getAttribute("src") === rl)
+              if (Kt.getAttribute("src") === ol)
                 if (!$l)
                   $l = !0;
                 else {
@@ -9239,7 +9239,7 @@ const Jo = {
         }
         Ae(() => {
           const h = y.value.innerHTML || "", b = P.title || "", w = P.description || "";
-          Rt.value = h, ge.value = b, ee.value = w, oe.value = b, pe.value = w, ql(), ea(), na(), Ia(), Rn(), el();
+          Rt.value = h, ge.value = b, ee.value = w, oe.value = b, pe.value = w, ql(), ea(), na(), Ia(), Rn(), fl();
         }), Zl(), Gl(), y.value._mutationObserver = f;
       }
     }), hs(() => {
@@ -9418,7 +9418,7 @@ const Jo = {
         zIndex: 10003
       }, Be.value = !0;
     }, Zn = (s) => {
-      P.disabled || !P.richText || (Ct.value = Ct.value === s ? null : s, s === "askAi" && (De.value = null));
+      P.disabled || !P.richText || (Ct.value = Ct.value === s ? null : s, s === "askAi" && (Re.value = null));
     }, os = () => {
       Ct.value = null, Me.value = null;
     }, pa = (s) => {
@@ -9443,7 +9443,7 @@ const Jo = {
         let d = u.getAttribute("alt");
         d === null && (d = u.alt || "");
         let p = u.getAttribute("data-alt");
-        p === null && (p = d), u.hasAttribute("alt") || u.setAttribute("alt", d), u.hasAttribute("data-alt") || u.setAttribute("data-alt", p), Lt.value = u, cl.value = d.trim() || D("textEditor.image.noAlt"), Nt.value = !0, W.value = !0, qn(u);
+        p === null && (p = d), u.hasAttribute("alt") || u.setAttribute("alt", d), u.hasAttribute("data-alt") || u.setAttribute("data-alt", p), Lt.value = u, ul.value = d.trim() || D("textEditor.image.noAlt"), Nt.value = !0, W.value = !0, qn(u);
       } else !u && rn ? (rn = null, Xa = setTimeout(() => {
         W.value || kn();
       }, 150)) : u && u === rn && qn(u);
@@ -9466,7 +9466,7 @@ const Jo = {
       };
     }, kn = () => {
       W.value = !1, setTimeout(() => {
-        W.value || (Nt.value = !1, cl.value = "", ul.value || (Lt.value = null));
+        W.value || (Nt.value = !1, ul.value = "", il.value || (Lt.value = null));
       }, 100);
     }, qn = (s) => {
       if (!s || !y.value) return;
@@ -9496,7 +9496,7 @@ const Jo = {
           }
         }
       } else {
-        Q.value = vl();
+        Q.value = dl();
         const s = window.getSelection();
         let l = "";
         s.rangeCount > 0 && (l = s.getRangeAt(0).toString()), J.value = "", Tt.value = l, qe.value = "", st.value = null, Ie.value = !0;
@@ -9586,7 +9586,7 @@ const Jo = {
       if (!y.value || ie.value) return;
       const s = window.getSelection();
       let l = null;
-      s && s.rangeCount > 0 && (l = vl());
+      s && s.rangeCount > 0 && (l = dl());
       const o = /(https?:\/\/[^\s<>"{}|\\^`\[\]]+[^\s<>"{}|\\^`\[\].,;:!?])|(www\.[^\s<>"{}|\\^`\[\]]+[^\s<>"{}|\\^`\[\].,;:!?])|([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.([a-zA-Z]{2,})(\/[^\s<>"{}|\\^`\[\]]*)?)/gi, u = document.createTreeWalker(
         y.value,
         NodeFilter.SHOW_TEXT,
@@ -9624,11 +9624,11 @@ const Jo = {
         if (X.forEach((de) => {
           const et = de.index, Oe = de[0];
           if (et > H) {
-            const ll = w.substring(H, et);
-            ll && ye.appendChild(document.createTextNode(ll));
+            const tl = w.substring(H, et);
+            tl && ye.appendChild(document.createTextNode(tl));
           }
-          const Et = Oe.startsWith("http://") || Oe.startsWith("https://") ? Oe : `https://${Oe}`, rl = document.createElement("a");
-          rl.href = Et, rl.textContent = Oe, rl.style.color = "#60afdf", rl.style.textDecoration = "underline", ye.appendChild(rl), H = et + Oe.length;
+          const Et = Oe.startsWith("http://") || Oe.startsWith("https://") ? Oe : `https://${Oe}`, ol = document.createElement("a");
+          ol.href = Et, ol.textContent = Oe, ol.style.color = "#60afdf", ol.style.textDecoration = "underline", ye.appendChild(ol), H = et + Oe.length;
         }), H < w.length) {
           const de = w.substring(H);
           de && ye.appendChild(document.createTextNode(de));
@@ -9678,7 +9678,7 @@ const Jo = {
       const d = u.startContainer.nodeType === Node.TEXT_NODE ? u.startContainer.parentElement?.closest("p, h1, h2, h3, h4, h5, h6, li, td, th, blockquote, div") : u.startContainer.closest?.("p, h1, h2, h3, h4, h5, h6, li, td, th, blockquote, div");
       if (!d || d === y.value || !y.value.contains(d)) return;
       const p = () => {
-        let ll = "", bl = 0, $l = !1;
+        let tl = "", bl = 0, $l = !1;
         const Kt = document.createTreeWalker(d, NodeFilter.SHOW_TEXT, {
           acceptNode: (wa) => wa.parentElement?.closest("a, code, pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
         });
@@ -9687,17 +9687,17 @@ const Jo = {
         for (; Kt.nextNode(); ) {
           const wa = Kt.currentNode, La = wa.textContent || "", la = Cl;
           if (Cl += La.length, wa === u.startContainer) {
-            ll += La.substring(0, u.startOffset), bl = la + u.startOffset, $l = !0;
+            tl += La.substring(0, u.startOffset), bl = la + u.startOffset, $l = !0;
             break;
           }
-          ll += La;
+          tl += La;
         }
-        return $l || (bl = ll.length), { textBeforeCursor: ll, cursorCharOffset: bl };
+        return $l || (bl = tl.length), { textBeforeCursor: tl, cursorCharOffset: bl };
       }, { textBeforeCursor: f } = p();
       if (!f.length) return;
       let h = null, b = null;
       if (f.endsWith("**") && (h = f.match(/\*\*(.+?)\*\*$/s)) || f.endsWith("__") && (h = f.match(/__(.+?)__$/s)) ? b = "strong" : f.endsWith("*") && !f.endsWith("**") && (h = f.match(new RegExp("(?<!\\*)\\*([^*]+)\\*$"))) || f.endsWith("_") && !f.endsWith("__") && (h = f.match(new RegExp("(?<!_)_([^_]+)_$"))) ? b = "em" : s === ">" && ((h = f.match(/<u>(.+?)<\/u>$/s)) || (h = f.match(/<ins>(.+?)<\/ins>$/s))) && (b = h[0].startsWith("<u>") ? "u" : "ins", h[0].startsWith("<u>"), h[0].startsWith("<u>")), !h || !h[1]) return;
-      const w = h[0], z = h[1], X = f.length - w.length, ye = ((ll) => {
+      const w = h[0], z = h[1], X = f.length - w.length, ye = ((tl) => {
         let bl = 0;
         const $l = document.createTreeWalker(d, NodeFilter.SHOW_TEXT, {
           acceptNode: (Cl) => Cl.parentElement?.closest("a, code, pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
@@ -9705,8 +9705,8 @@ const Jo = {
         let Kt;
         for (; Kt = $l.nextNode(); ) {
           const Cl = (Kt.textContent || "").length;
-          if (bl + Cl >= ll)
-            return { node: Kt, offset: ll - bl };
+          if (bl + Cl >= tl)
+            return { node: Kt, offset: tl - bl };
           bl += Cl;
         }
         return null;
@@ -9718,21 +9718,21 @@ const Jo = {
       et.textContent = z, de.deleteContents(), de.insertNode(et);
       const Oe = window.getSelection(), Et = document.createRange();
       Et.setStartAfter(et), Et.collapse(!0), Oe.removeAllRanges(), Oe.addRange(Et);
-      const rl = vl();
+      const ol = dl();
       Ae(() => {
-        Bt(), rl && Wl(rl);
+        Bt(), ol && Wl(ol);
       });
     }, Ul = () => {
-      y.value && (ml.value = vl(), Re.value = "", _t.value = "", ve.value = "", ft.value = "", Ft.value = "", nl.value = null, Lt.value = null, te.value = "upload", ul.value = !0, xl(), Ae(() => {
+      y.value && (ml.value = dl(), De.value = "", _t.value = "", ve.value = "", ft.value = "", Ft.value = "", al.value = null, Lt.value = null, te.value = "upload", il.value = !0, xl(), Ae(() => {
         gl.value && gl.value.focus(), At.value && (At.value.value = "");
       }));
     }, q = (s) => {
       const l = s.target?.files?.[0];
       if (!l) {
-        nl.value = null, _t.value = "";
+        al.value = null, _t.value = "";
         return;
       }
-      nl.value = l;
+      al.value = l;
       const o = new FileReader();
       o.onload = (u) => {
         _t.value = u.target?.result || "";
@@ -9754,7 +9754,7 @@ const Jo = {
       }
       if (s) {
         const l = s.getAttribute("data-alt") || s.getAttribute("alt") || "";
-        Lt.value = s, Re.value = l.trim() === "" || l.trim() === "Image" ? "" : l;
+        Lt.value = s, De.value = l.trim() === "" || l.trim() === "Image" ? "" : l;
         const o = s.getAttribute("src") || s.src || "";
         o.startsWith("http://") || o.startsWith("https://") ? (ve.value = o, _t.value = "", te.value = "url") : (_t.value = o, ve.value = "", te.value = "upload");
         const d = s.style.width || s.getAttribute("width") || "", p = s.style.height || s.getAttribute("height") || "";
@@ -9763,13 +9763,13 @@ const Jo = {
         Ul();
         return;
       }
-      ul.value = !0, W.value = !1, Nt.value = !1, Ae(() => {
-        te.value === "url" && sl.value ? (sl.value.focus(), sl.value.select()) : gl.value && (gl.value.focus(), gl.value.select()), At.value && (At.value.value = "");
+      il.value = !0, W.value = !1, Nt.value = !1, Ae(() => {
+        te.value === "url" && nl.value ? (nl.value.focus(), nl.value.select()) : gl.value && (gl.value.focus(), gl.value.select()), At.value && (At.value.value = "");
       });
     }, Sl = () => {
-      ul.value = !1, Re.value = "", _t.value = "", ve.value = "", ft.value = "", Ft.value = "", nl.value = null, Lt.value = null, ml.value = null, te.value = "upload";
+      il.value = !1, De.value = "", _t.value = "", ve.value = "", ft.value = "", Ft.value = "", al.value = null, Lt.value = null, ml.value = null, te.value = "upload";
     }, Jt = () => {
-      const s = (Re.value || "").trim(), l = y.value?._mutationObserver;
+      const s = (De.value || "").trim(), l = y.value?._mutationObserver;
       l && l.disconnect(), dt.value ? (We.value && (clearTimeout(We.value), We.value = null), Qt(), dt.value = !1) : Qt();
       const o = te.value === "url" ? ve.value.trim() : _t.value;
       if (Lt.value && y.value && y.value.contains(Lt.value)) {
@@ -9852,7 +9852,7 @@ const Jo = {
       if (P.richText && y.value && !ie.value) {
         const l = Fl(s || ""), u = y.value.innerHTML.replace(/&nbsp;|\u00A0/g, " "), d = l.replace(/&nbsp;|\u00A0/g, " ");
         if (u !== d) {
-          const p = vl();
+          const p = dl();
           y.value.innerHTML = l, Ae(() => {
             tn();
             const f = y.value.innerHTML || "", h = P.title || "", b = P.description || "";
@@ -9870,7 +9870,7 @@ const Jo = {
       s && bn(), Ia();
     }), Dt(() => P.description, () => {
       Ae(() => {
-        V.value ? gt() : dl();
+        V.value ? gt() : cl();
       });
     }), Dt(() => P.title, () => {
       Ae(() => {
@@ -9886,14 +9886,14 @@ const Jo = {
           Ge.value = !1;
           return;
         }
-        fl.value || P.richText && y.value && Ae(() => {
-          el();
+        vl.value || P.richText && y.value && Ae(() => {
+          fl();
         });
       }
     }, { deep: !0, immediate: !1 });
-    const el = () => {
-      if (P.commentUser && !fl.value && !(!P.comments || !Array.isArray(P.comments) || P.comments.length === 0) && !(!P.richText || !y.value)) {
-        fl.value = !0;
+    const fl = () => {
+      if (P.commentUser && !vl.value && !(!P.comments || !Array.isArray(P.comments) || P.comments.length === 0) && !(!P.richText || !y.value)) {
+        vl.value = !0;
         try {
           const s = /* @__PURE__ */ new Set(), l = P.comments.filter((f) => {
             const h = String(f.conversation_id || f.id);
@@ -9922,7 +9922,7 @@ const Jo = {
               return;
             }
             try {
-              const z = tl(f.selection_range, f.selection_text);
+              const z = el(f.selection_range, f.selection_text);
               if (z && !z.collapsed) {
                 const X = z.commonAncestorContainer, H = X.nodeType === 3 ? X.parentElement : X;
                 if (H) {
@@ -9962,10 +9962,10 @@ const Jo = {
             } catch {
             }
           }), Ae(() => {
-            yt("restoreCommentsFromModel"), Bt(), fl.value = !1;
+            yt("restoreCommentsFromModel"), Bt(), vl.value = !1;
           });
         } catch {
-          fl.value = !1;
+          vl.value = !1;
         }
       }
     }, Ml = (s) => {
@@ -10002,7 +10002,7 @@ const Jo = {
         l = l.nextSibling;
       }
       return !1;
-    }, tl = (s, l) => {
+    }, el = (s, l) => {
       if (!s || !y.value) return null;
       try {
         const o = document.createRange();
@@ -10199,8 +10199,8 @@ const Jo = {
             o.setAttribute("data-active", "false"), o.style.display = "none", o.style.top = "", o.style.left = "", o.style.visibility = "", o.style.opacity = "";
         });
       });
-    }), Dt(() => [De.value, Ct.value], () => {
-      De.value === "askAi" || Ct.value === "askAi" ? Ae(() => {
+    }), Dt(() => [Re.value, Ct.value], () => {
+      Re.value === "askAi" || Ct.value === "askAi" ? Ae(() => {
         ss();
       }) : (Me.value = null, Ae(() => {
         document.querySelectorAll(".dss-toolbar-dropdown-submenu").forEach((l) => {
@@ -10224,7 +10224,7 @@ const Jo = {
     }, { immediate: !0 }), ue({
       openCommentOverlayForSelector: sn,
       updateCommentMarkers: yt,
-      restoreCommentsFromModel: el
+      restoreCommentsFromModel: fl
     }), (s, l) => (i(), c("div", {
       class: re(["dss-text-editor-container", [{ "editor-with-comments": Zt.value }, Xt.value]]),
       style: be(Pt.value)
@@ -10313,7 +10313,7 @@ const Jo = {
               ])])),
               l[48] || (l[48] = n("span", { class: "dss-toolbar-dropdown-arrow" }, "˅", -1))
             ], 8, _1),
-            De.value === "paragraph" ? (i(), c("div", {
+            Re.value === "paragraph" ? (i(), c("div", {
               key: 0,
               class: "dss-toolbar-dropdown",
               onClick: l[8] || (l[8] = je(() => {
@@ -10613,7 +10613,7 @@ const Jo = {
               ], -1)),
               n("span", Q1, L(O(D)("textEditor.toolbar.askAi")), 1)
             ], 8, G1),
-            De.value === "askAi" ? (i(), c("div", {
+            Re.value === "askAi" ? (i(), c("div", {
               key: 0,
               class: "dss-toolbar-dropdown",
               onClick: l[13] || (l[13] = je(() => {
@@ -10632,7 +10632,7 @@ const Jo = {
           ], 64))), 128))
         ])
       ], 32)) : A("", !0),
-      (De.value === "paragraph" || De.value === "askAi") && T.richText ? (i(), c("div", {
+      (Re.value === "paragraph" || Re.value === "askAi") && T.richText ? (i(), c("div", {
         key: 1,
         class: "dss-toolbar-dropdown-overlay",
         onClick: xl
@@ -10650,7 +10650,7 @@ const Jo = {
           n("div", l2, [
             n("div", a2, [
               n("label", n2, L(O(D)("textEditor.link.altText")), 1),
-              il(n("input", {
+              rl(n("input", {
                 ref_key: "linkAltInput",
                 ref: Xe,
                 type: "text",
@@ -10664,7 +10664,7 @@ const Jo = {
             ]),
             n("div", o2, [
               n("label", r2, L(O(D)("textEditor.link.url")), 1),
-              il(n("input", {
+              rl(n("input", {
                 ref_key: "linkUrlInput",
                 ref: bt,
                 type: "text",
@@ -10693,7 +10693,7 @@ const Jo = {
         _: 1
       }, 8, ["showModal"]),
       fn(fo, {
-        showModal: ul.value,
+        showModal: il.value,
         width: "500px",
         height: "80vh",
         onCloseModal: Sl
@@ -10763,21 +10763,21 @@ const Jo = {
               ]),
               n("div", m2, [
                 n("label", h2, L(O(D)("textEditor.image.altText")), 1),
-                il(n("input", {
+                rl(n("input", {
                   ref_key: "imageAltInput",
                   ref: gl,
                   type: "text",
-                  "onUpdate:modelValue": l[19] || (l[19] = (o) => Re.value = o),
+                  "onUpdate:modelValue": l[19] || (l[19] = (o) => De.value = o),
                   class: "dss-link-modal-input",
                   placeholder: O(D)("textEditor.image.enterAltText"),
                   onKeyup: ra(Jt, ["enter"])
                 }, null, 40, g2), [
-                  [Dl, Re.value]
+                  [Dl, De.value]
                 ])
               ]),
               n("div", y2, [
                 n("label", b2, L(O(D)("textEditor.image.width")), 1),
-                il(n("input", {
+                rl(n("input", {
                   type: "number",
                   min: "1",
                   "onUpdate:modelValue": l[20] || (l[20] = (o) => ft.value = o),
@@ -10791,7 +10791,7 @@ const Jo = {
               ]),
               n("div", k2, [
                 n("label", w2, L(O(D)("textEditor.image.height")), 1),
-                il(n("input", {
+                rl(n("input", {
                   type: "number",
                   min: "1",
                   "onUpdate:modelValue": l[21] || (l[21] = (o) => Ft.value = o),
@@ -10809,9 +10809,9 @@ const Jo = {
             n("div", S2, [
               n("div", M2, [
                 n("label", $2, L(O(D)("textEditor.image.imageUrl")), 1),
-                il(n("input", {
+                rl(n("input", {
                   ref_key: "imageUrlInput",
-                  ref: sl,
+                  ref: nl,
                   type: "text",
                   "onUpdate:modelValue": l[22] || (l[22] = (o) => ve.value = o),
                   class: "dss-link-modal-input",
@@ -10823,19 +10823,19 @@ const Jo = {
               ]),
               n("div", L2, [
                 n("label", E2, L(O(D)("textEditor.image.altText")), 1),
-                il(n("input", {
+                rl(n("input", {
                   type: "text",
-                  "onUpdate:modelValue": l[23] || (l[23] = (o) => Re.value = o),
+                  "onUpdate:modelValue": l[23] || (l[23] = (o) => De.value = o),
                   class: "dss-link-modal-input",
                   placeholder: O(D)("textEditor.image.enterAltText"),
                   onKeyup: ra(Jt, ["enter"])
                 }, null, 40, T2), [
-                  [Dl, Re.value]
+                  [Dl, De.value]
                 ])
               ]),
               n("div", H2, [
                 n("label", D2, L(O(D)("textEditor.image.width")), 1),
-                il(n("input", {
+                rl(n("input", {
                   type: "number",
                   min: "1",
                   "onUpdate:modelValue": l[24] || (l[24] = (o) => ft.value = o),
@@ -10849,7 +10849,7 @@ const Jo = {
               ]),
               n("div", V2, [
                 n("label", N2, L(O(D)("textEditor.image.height")), 1),
-                il(n("input", {
+                rl(n("input", {
                   type: "number",
                   min: "1",
                   "onUpdate:modelValue": l[25] || (l[25] = (o) => Ft.value = o),
@@ -11060,7 +11060,7 @@ const Jo = {
                 ])
               ])) : A("", !0),
               n("div", S0, [
-                il(n("textarea", {
+                rl(n("textarea", {
                   ref_key: "commentInputRef",
                   ref: M,
                   "onUpdate:modelValue": l[26] || (l[26] = (o) => C.value = o),
@@ -11160,7 +11160,7 @@ const Jo = {
         ], 36)) : A("", !0)
       ])),
       (i(), Sa(en, { to: "body" }, [
-        Nt.value && cl.value && y.value ? (i(), c("div", {
+        Nt.value && ul.value && y.value ? (i(), c("div", {
           key: 0,
           class: "dss-link-popup",
           style: be(Se.value),
@@ -11168,7 +11168,7 @@ const Jo = {
           onMouseleave: kn
         }, [
           n("div", R0, [
-            cl.value === O(D)("textEditor.image.noAlt") ? (i(), c("div", V0, [...l[72] || (l[72] = [
+            ul.value === O(D)("textEditor.image.noAlt") ? (i(), c("div", V0, [...l[72] || (l[72] = [
               n("svg", {
                 width: "20",
                 height: "20",
@@ -11184,8 +11184,8 @@ const Jo = {
             ])])) : A("", !0),
             n("p", {
               class: "dss-image-popup-alt",
-              title: cl.value
-            }, L(cl.value), 9, N0)
+              title: ul.value
+            }, L(ul.value), 9, N0)
           ]),
           n("button", {
             type: "button",
@@ -11624,29 +11624,29 @@ const Jo = {
       const ee = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(ge);
       if (!ee) return { h: 0, s: 0, l: 50 };
       const oe = parseInt(ee[1], 16) / 255, pe = parseInt(ee[2], 16) / 255, Ne = parseInt(ee[3], 16) / 255, it = Math.max(oe, pe, Ne), Vt = Math.min(oe, pe, Ne);
-      let ol = 0, mt = 0;
+      let sl = 0, mt = 0;
       const wl = (it + Vt) / 2;
       if (it !== Vt) {
         const V = it - Vt;
         switch (mt = wl > 0.5 ? V / (2 - it - Vt) : V / (it + Vt), it) {
           case oe:
-            ol = ((pe - Ne) / V + (pe < Ne ? 6 : 0)) / 6;
+            sl = ((pe - Ne) / V + (pe < Ne ? 6 : 0)) / 6;
             break;
           case pe:
-            ol = ((Ne - oe) / V + 2) / 6;
+            sl = ((Ne - oe) / V + 2) / 6;
             break;
           case Ne:
-            ol = ((oe - pe) / V + 4) / 6;
+            sl = ((oe - pe) / V + 4) / 6;
             break;
         }
       }
-      return { h: ol * 360, s: mt * 100, l: wl * 100 };
+      return { h: sl * 360, s: mt * 100, l: wl * 100 };
     }
     function D(ge, ee, oe) {
       ee /= 100, oe /= 100;
       const pe = ee * Math.min(oe, 1 - oe), Ne = (it) => {
-        const Vt = (it + ge / 30) % 12, ol = oe - pe * Math.max(Math.min(Vt - 3, 9 - Vt, 1), -1);
-        return Math.round(255 * ol).toString(16).padStart(2, "0");
+        const Vt = (it + ge / 30) % 12, sl = oe - pe * Math.max(Math.min(Vt - 3, 9 - Vt, 1), -1);
+        return Math.round(255 * sl).toString(16).padStart(2, "0");
       };
       return `#${Ne(0)}${Ne(8)}${Ne(4)}`;
     }
@@ -11677,7 +11677,7 @@ const Jo = {
       const pe = oe * (1 - ee / 2), Ne = pe === 0 || pe === 1 ? 0 : (oe - pe) / Math.min(pe, 1 - pe);
       return { h: ge, s: Ne * 100, l: pe * 100 };
     }
-    const ce = T, y = ue, De = $(!1), Ee = $(!1), ie = $(!1), le = $(-1), $e = $(-1), ze = $(null), Ce = $(null), Ie = $(null), J = $(null), Tt = $({ top: 0, left: 0 }), bt = $(I(ce.modelValue || "#b8a5de")), Xe = v(
+    const ce = T, y = ue, Re = $(!1), Ee = $(!1), ie = $(!1), le = $(-1), $e = $(-1), ze = $(null), Ce = $(null), Ie = $(null), J = $(null), Tt = $({ top: 0, left: 0 }), bt = $(I(ce.modelValue || "#b8a5de")), Xe = v(
       () => Array.isArray(ce.presetGroups) && ce.presetGroups.length > 0
     ), st = v(() => !ce.disableCustomColors), Q = v(() => Xe.value ? 0 : ce.initialPresetCount != null ? ce.initialPresetCount : $e.value < 0 ? null : $e.value), qe = v(() => {
       const ge = Q.value;
@@ -11704,10 +11704,10 @@ const Jo = {
       const ee = Q.value;
       return ee != null && ge >= ee;
     }
-    function ul(ge) {
+    function il(ge) {
       Ct(ge) && (le.value = ge, bt.value = I(ce.presetColors[ge]), Ee.value = !0, Ae(() => J.value?.focus()));
     }
-    function Re(ge) {
+    function De(ge) {
       if (!Ct(ge)) return;
       const ee = ce.presetColors.filter((Ne, it) => it !== ge);
       y("update:presetColors", ee);
@@ -11717,7 +11717,7 @@ const Jo = {
         Ne && y("update:modelValue", Ne);
       }
     }
-    function nl() {
+    function al() {
       ie.value = !ie.value, ie.value || (le.value = -1, Ee.value = !1);
     }
     function _t() {
@@ -11748,7 +11748,7 @@ const Jo = {
     const At = v(() => {
       const { h: ge, s: ee, l: oe } = bt.value;
       return D(ge, ee, oe);
-    }), sl = v(() => At.value.toLowerCase()), Lt = v(() => ({
+    }), nl = v(() => At.value.toLowerCase()), Lt = v(() => ({
       background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${bt.value.h}, 100%, 50%))`
     })), ml = v(() => {
       const ge = we(bt.value.h, bt.value.s, bt.value.l);
@@ -11760,14 +11760,14 @@ const Jo = {
     }), Nt = v(() => ({
       left: `${bt.value.h / 360 * 100}%`,
       transform: "translateX(-50%)"
-    })), cl = v(() => ({
+    })), ul = v(() => ({
       position: "fixed",
       left: `${Tt.value.left}px`,
       top: `${Tt.value.top}px`,
       zIndex: 1002
     }));
     function Se() {
-      if (!ze.value || !De.value) return;
+      if (!ze.value || !Re.value) return;
       const ge = ze.value.getBoundingClientRect(), ee = window.innerHeight || document.documentElement.clientHeight;
       let oe = ge.bottom + 4;
       const pe = Ce.value;
@@ -11781,7 +11781,7 @@ const Jo = {
       y("update:modelValue", At.value);
     }
     function ve() {
-      ce.disabled || (De.value = !De.value, De.value && (W(), Ae(() => {
+      ce.disabled || (Re.value = !Re.value, Re.value && (W(), Ae(() => {
         Se(), J.value?.focus();
       })));
     }
@@ -11798,7 +11798,7 @@ const Jo = {
           y("update:presetColors", pe), y("update:modelValue", ee);
         }
       }
-      De.value = !1, Ee.value = !1, ie.value = !1, le.value = -1;
+      Re.value = !1, Ee.value = !1, ie.value = !1, le.value = -1;
     }
     function ot(ge) {
       if (!Ie.value) return;
@@ -11833,7 +11833,7 @@ const Jo = {
     function hl() {
       dt && (document.removeEventListener("keydown", dt), dt = null), Rt && (window.removeEventListener("resize", Rt), Rt = null);
     }
-    return Dt(De, (ge) => {
+    return Dt(Re, (ge) => {
       if (hl(), ge) {
         if (!Xe.value && ce.initialPresetCount == null) {
           const ee = ce.presetColors.length;
@@ -11844,7 +11844,7 @@ const Jo = {
         }, Rt = Se, document.addEventListener("keydown", dt), window.addEventListener("resize", Rt);
       }
     }), Dt(() => ce.modelValue, () => {
-      De.value && W();
+      Re.value && W();
     }, { immediate: !1 }), Dt(vt, (ge) => {
       ge.length === 0 && (ie.value = !1, le.value = -1, Ee.value = !1);
     }), Sn(hl), (ge, ee) => (i(), c("div", {
@@ -11853,7 +11853,7 @@ const Jo = {
       n("div", {
         ref_key: "triggerRef",
         ref: ze,
-        class: re(["dss-color-picker__trigger", { "dss-color-picker__trigger--open": De.value }]),
+        class: re(["dss-color-picker__trigger", { "dss-color-picker__trigger--open": Re.value }]),
         onClick: ve
       }, [
         n("span", {
@@ -11877,7 +11877,7 @@ const Jo = {
         ])], 4)
       ], 2),
       (i(), Sa(en, { to: "body" }, [
-        De.value ? (i(), c("div", {
+        Re.value ? (i(), c("div", {
           key: 0,
           class: "dss-color-picker__overlay",
           onClick: je(Me, ["self"])
@@ -11886,7 +11886,7 @@ const Jo = {
             ref_key: "dropdownRef",
             ref: Ce,
             class: "dss-color-picker__dropdown",
-            style: be(cl.value)
+            style: be(ul.value)
           }, [
             Te.value ? (i(), c(ae, { key: 0 }, [
               Xe.value ? (i(!0), c(ae, { key: 0 }, Le(T.presetGroups, (oe, pe) => (i(), c("div", {
@@ -11925,7 +11925,7 @@ const Jo = {
                     type: "button",
                     class: re(["dss-color-picker__manage-icon", { "dss-color-picker__manage-icon--active": ie.value }]),
                     title: "Manage custom colors",
-                    onClick: je(nl, ["stop"])
+                    onClick: je(al, ["stop"])
                   }, [...ee[2] || (ee[2] = [
                     n("svg", {
                       viewBox: "0 0 12 12",
@@ -11955,14 +11955,14 @@ const Jo = {
                         "--dss-preset-color": le.value === ct(pe) ? At.value : oe
                       }),
                       title: le.value === ct(pe) ? At.value : oe,
-                      onClick: je((Ne) => ie.value ? ul(ct(pe)) : We(oe), ["stop"])
+                      onClick: je((Ne) => ie.value ? il(ct(pe)) : We(oe), ["stop"])
                     }, null, 14, M9),
                     ie.value ? (i(), c("button", {
                       key: 0,
                       type: "button",
                       class: "dss-color-picker__preset-action dss-color-picker__preset-action--delete",
                       title: "Delete",
-                      onClick: je((Ne) => Re(ct(pe)), ["stop"])
+                      onClick: je((Ne) => De(ct(pe)), ["stop"])
                     }, [...ee[4] || (ee[4] = [
                       n("svg", {
                         viewBox: "0 0 12 12",
@@ -12034,7 +12034,7 @@ const Jo = {
                   ref: J,
                   type: "text",
                   class: "dss-color-picker__hex-input",
-                  value: sl.value,
+                  value: nl.value,
                   onInput: Ut
                 }, null, 40, T9)
               ]),
@@ -12282,7 +12282,7 @@ const Jo = {
         background: W
       } : {};
     }
-    const y = $(null), De = $(null), Ee = $(!1), ie = $(-1), le = $(null);
+    const y = $(null), Re = $(null), Ee = $(!1), ie = $(-1), le = $(null);
     let $e = null, ze = null, Ce = null, Ie = null, J = 0, Tt = 0, bt = "", Xe = null;
     const st = 5, Q = v(() => {
       const Se = {};
@@ -12290,7 +12290,7 @@ const Jo = {
         Se[W.value] = I.items.filter((te) => te[I.columnKey] === W.value).sort((te, ve) => (te[I.positionKey] ?? 0) - (ve[I.positionKey] ?? 0));
       return Se;
     }), qe = v(() => {
-      const Se = {}, W = !!y.value, te = y.value?.[I.itemKey], ve = De.value, Me = ie.value;
+      const Se = {}, W = !!y.value, te = y.value?.[I.itemKey], ve = Re.value, Me = ie.value;
       for (const ot of I.columns) {
         const ut = Q.value[ot.value] || [], Ut = [], We = ve == ot.value;
         let dt = 0;
@@ -12354,21 +12354,21 @@ const Jo = {
     function Ct(Se, W) {
       return document.elementFromPoint(Se, W)?.closest(".dss-dnd-column-body") ?? null;
     }
-    function ul(Se, W) {
+    function il(Se, W) {
       return !!document.elementFromPoint(Se, W)?.closest("[data-dss-dnd-delete-zone]");
     }
-    function Re(Se, W) {
-      if (Y.value && ul(Se, W)) {
-        Ee.value = !0, De.value = null, ie.value = -1;
+    function De(Se, W) {
+      if (Y.value && il(Se, W)) {
+        Ee.value = !0, Re.value = null, ie.value = -1;
         return;
       }
       Ee.value = !1;
       const te = Ct(Se, W), ve = te?.getAttribute("data-column") ?? null;
       if (!ve) {
-        De.value = null, ie.value = -1;
+        Re.value = null, ie.value = -1;
         return;
       }
-      De.value = ve;
+      Re.value = ve;
       const Me = te.querySelectorAll(".dss-dnd-item:not(.dss-dnd-item--dragging)");
       let ot = Me.length;
       for (let ut = 0; ut < Me.length; ut++) {
@@ -12380,14 +12380,14 @@ const Jo = {
       }
       ie.value = ot;
     }
-    function nl(Se) {
+    function al(Se) {
       Se.preventDefault(), Be(Se.clientX, Se.clientY), !$e && ($e = requestAnimationFrame(() => {
-        $e = null, Re(Se.clientX, Se.clientY);
+        $e = null, De(Se.clientX, Se.clientY);
       }));
     }
     function _t(Se) {
-      window.removeEventListener("pointermove", nl), window.removeEventListener("pointerup", _t), window.removeEventListener("pointercancel", _t), Ie?.releasePointerCapture?.(Se.pointerId), ct(Ie), Ie = null;
-      const W = Y.value && ul(Se.clientX, Se.clientY);
+      window.removeEventListener("pointermove", al), window.removeEventListener("pointerup", _t), window.removeEventListener("pointercancel", _t), Ie?.releasePointerCapture?.(Se.pointerId), ct(Ie), Ie = null;
+      const W = Y.value && il(Se.clientX, Se.clientY);
       if (y.value && W)
         D("delete", { item: y.value });
       else {
@@ -12407,14 +12407,14 @@ const Jo = {
           }, 3500);
         }
       }
-      Ce && (Ce.remove(), Ce = null), bt !== null && (document.body.style.cursor = bt, bt = ""), cl();
+      Ce && (Ce.remove(), Ce = null), bt !== null && (document.body.style.cursor = bt, bt = ""), ul();
     }
     function ft(Se, W) {
       Se.preventDefault();
       const te = Se.target.closest(".dss-dnd-item");
       if (!te) return;
       const ve = te.getBoundingClientRect();
-      J = Se.clientX - ve.left, Tt = Se.clientY - ve.top, bt = document.body.style.cursor, document.body.style.cursor = "grabbing", y.value = W, Ie = te, Te(te, Se.clientX, Se.clientY), requestAnimationFrame(() => vt(te)), te.setPointerCapture?.(Se.pointerId), window.addEventListener("pointermove", nl), window.addEventListener("pointerup", _t, { once: !0 }), window.addEventListener("pointercancel", _t, { once: !0 });
+      J = Se.clientX - ve.left, Tt = Se.clientY - ve.top, bt = document.body.style.cursor, document.body.style.cursor = "grabbing", y.value = W, Ie = te, Te(te, Se.clientX, Se.clientY), requestAnimationFrame(() => vt(te)), te.setPointerCapture?.(Se.pointerId), window.addEventListener("pointermove", al), window.addEventListener("pointerup", _t, { once: !0 }), window.addEventListener("pointercancel", _t, { once: !0 });
     }
     function Ft() {
       Xe && (window.removeEventListener("pointermove", gl), window.removeEventListener("pointerup", At), window.removeEventListener("pointercancel", At), Xe = null);
@@ -12430,7 +12430,7 @@ const Jo = {
     function At(Se) {
       !Xe || Se.pointerId !== Xe.pointerId || Ft();
     }
-    function sl(Se, W) {
+    function nl(Se, W) {
       Ft(), Xe = {
         item: W,
         startX: Se.clientX,
@@ -12439,16 +12439,16 @@ const Jo = {
       }, window.addEventListener("pointermove", gl), window.addEventListener("pointerup", At), window.addEventListener("pointercancel", At);
     }
     function Lt(Se, W) {
-      we.value.useHandle || sl(Se, W);
+      we.value.useHandle || nl(Se, W);
     }
     function ml(Se, W) {
-      sl(Se, W);
+      nl(Se, W);
     }
     function Nt() {
       $e && (cancelAnimationFrame($e), $e = null);
     }
-    function cl() {
-      Nt(), y.value = null, De.value = null, Ee.value = !1, ie.value = -1;
+    function ul() {
+      Nt(), y.value = null, Re.value = null, Ee.value = !1, ie.value = -1;
     }
     return Sn(() => {
       Nt(), Ft(), ze && clearTimeout(ze), Ce && (Ce.remove(), Ce = null);
@@ -12460,7 +12460,7 @@ const Jo = {
         key: 0,
         to: "body"
       }, [
-        il(n("div", {
+        rl(n("div", {
           class: re(["dss-dnd-delete-zone", { "dss-dnd-delete-zone--drag-over": Ee.value }]),
           "data-dss-dnd-delete-zone": ""
         }, [
@@ -12475,7 +12475,7 @@ const Jo = {
       (i(!0), c(ae, null, Le(T.columns, (te) => (i(), c("div", {
         key: te.value,
         class: re(["dss-dnd-column", [
-          { "dss-dnd-column--drag-over": De.value == te.value },
+          { "dss-dnd-column--drag-over": Re.value == te.value },
           te.class || ""
         ]]),
         style: be(ce(te))
@@ -12526,7 +12526,7 @@ const Jo = {
               ])
             ], 42, j9))
           ], 64))), 128)),
-          (Q.value[te.value] || []).length === 0 && De.value != te.value ? (i(), c("div", J9, [
+          (Q.value[te.value] || []).length === 0 && Re.value != te.value ? (i(), c("div", J9, [
             pl(Se.$slots, "empty", { column: te }, () => [
               W[1] || (W[1] = n("span", { class: "dss-dnd-empty-text" }, "No items", -1))
             ])
@@ -12584,7 +12584,7 @@ const Jo = {
         Ie.tiltAngle += Ie.tiltInc, Ie.y += Ie.speed * ze, Ie.x += Math.sin(Ie.d) * 0.5 * ze, Ie.tilt = Math.sin(Ie.tiltAngle) * 15, $e >= 0.99 && Ie.y > le + 20 && (ke[Ce] = xt(ie));
       }
     }
-    function De() {
+    function Re() {
       D.value = !0, Ae(() => {
         const ie = I.value;
         if (!ie) return;
@@ -12607,7 +12607,7 @@ const Jo = {
       Y && (cancelAnimationFrame(Y), Y = null), ke = [], D.value = !1;
     }
     return Dt(() => ue.trigger, (ie) => {
-      ie && (P && clearTimeout(P), P = setTimeout(De, ue.delay));
+      ie && (P && clearTimeout(P), P = setTimeout(Re, ue.delay));
     }, { immediate: !0 }), Sn(() => {
       Ee(), P && clearTimeout(P);
     }), (ie, le) => D.value ? (i(), c("canvas", {
@@ -12762,7 +12762,7 @@ const Jo = {
         { value: "is_empty" },
         { value: "is_not_empty" }
       ]
-    }, ce = /* @__PURE__ */ new Set(["is_empty", "is_not_empty", "is_true", "is_false"]), y = ["label", "name", "title", "keyword", "full_name", "value", "text"], De = $(""), Ee = $([]), ie = $(null), le = $(!1), $e = $(null), ze = $(""), Ce = $(null), Ie = $(""), J = $("asc");
+    }, ce = /* @__PURE__ */ new Set(["is_empty", "is_not_empty", "is_true", "is_false"]), y = ["label", "name", "title", "keyword", "full_name", "value", "text"], Re = $(""), Ee = $([]), ie = $(null), le = $(!1), $e = $(null), ze = $(""), Ce = $(null), Ie = $(""), J = $("asc");
     let Tt = 1;
     function bt(V) {
       const S = V.find((E) => E && typeof E == "object");
@@ -12839,17 +12839,17 @@ const Jo = {
       const V = ze.value.toLowerCase();
       return st.value.filter((S) => S.label.toLowerCase().includes(V));
     }), ct = v(() => st.value.filter((V) => !["arraySelect", "arrayText"].includes(V.type))), Ct = v(() => Ie.value ? J.value === "asc" ? "Ascending" : "Descending" : "No sort selected");
-    function ul(V) {
-      ie.value === V ? Re() : (ie.value = V, ze.value = "", Ce.value = null);
+    function il(V) {
+      ie.value === V ? De() : (ie.value = V, ze.value = "", Ce.value = null);
     }
-    function Re() {
+    function De() {
       ie.value = null, ze.value = "", Ce.value = null;
     }
-    function nl(V) {
+    function al(V) {
       const S = V.target.closest(".dss-datepicker__overlay, .dss-datepicker__dropdown");
-      ie.value && !S && !V.target.closest(".dss-filter-popup") && !V.target.closest(".dss-filter-trigger") && !V.target.closest(".dss-filter-add-btn") && Re(), le.value && $e.value && !$e.value.contains(V.target) && (S || (le.value = !1));
+      ie.value && !S && !V.target.closest(".dss-filter-popup") && !V.target.closest(".dss-filter-trigger") && !V.target.closest(".dss-filter-add-btn") && De(), le.value && $e.value && !$e.value.contains(V.target) && (S || (le.value = !1));
     }
-    Pn(() => document.addEventListener("click", nl)), Sn(() => document.removeEventListener("click", nl));
+    Pn(() => document.addEventListener("click", al)), Sn(() => document.removeEventListener("click", al));
     function _t(V) {
       return Q.value[V]?.label || mt(V);
     }
@@ -12869,7 +12869,7 @@ const Jo = {
     function At(V) {
       return ce.has(V);
     }
-    function sl(V) {
+    function nl(V) {
       const S = Q.value[V.key];
       return S ? S.type === "date" ? "date" : S.type === "boolean" ? "boolean" : S.type === "text" || S.type === "arrayText" ? "text" : S.type === "select" || S.type === "arraySelect" ? "multiselect" : S.type === "range" || S.type === "int" ? V.operator === "between" ? "between" : "number" : "text" : "text";
     }
@@ -12882,7 +12882,7 @@ const Jo = {
     function Nt(V) {
       return Q.value[V.key]?.uniqueValues || [];
     }
-    function cl(V) {
+    function ul(V) {
       const S = Nt(V);
       if (!ze.value) return S;
       const E = ze.value.toLowerCase();
@@ -12899,24 +12899,24 @@ const Jo = {
         key: V,
         operator: he,
         value: ml(me, he)
-      })), Re();
+      })), De();
     }
     function te(V) {
       Ee.value = Ee.value.filter((S) => S.id !== V);
     }
     function ve(V, S) {
       const me = Q.value[S]?.type || "text";
-      V.key = S, V.operator = Lt(me), V.value = ml(me, V.operator), Re();
+      V.key = S, V.operator = Lt(me), V.value = ml(me, V.operator), De();
     }
     function Me(V, S) {
-      const E = sl(V);
+      const E = nl(V);
       V.operator = S;
-      const me = sl(V);
+      const me = nl(V);
       if (E !== me || ce.has(S)) {
         const he = Q.value[V.key];
         V.value = ml(he?.type || "text", S);
       }
-      Re();
+      De();
     }
     function ot(V, S) {
       const E = S.target.value;
@@ -12931,10 +12931,10 @@ const Jo = {
       V.value = me >= 0 ? E.filter((he) => he !== S) : [...E, S];
     }
     function We() {
-      Ee.value = [], De.value = "", Re();
+      Ee.value = [], Re.value = "", De();
     }
     function dt(V) {
-      De.value = V.target.value;
+      Re.value = V.target.value;
     }
     function Rt(V) {
       Ie.value = V.target.value;
@@ -12945,8 +12945,8 @@ const Jo = {
     const ge = v(() => {
       if (!ke.data) return [];
       let V = ke.data;
-      if (De.value) {
-        const S = De.value.toLowerCase();
+      if (Re.value) {
+        const S = Re.value.toLowerCase();
         V = V.filter((E) => {
           for (const me of Object.keys(E)) {
             const he = E[me];
@@ -12980,8 +12980,8 @@ const Jo = {
     }
     function Ne(V, S, E) {
       const me = V?.[S.key], he = S.value, Ke = S.operator;
-      if (Ke === "is_empty") return ol(me);
-      if (Ke === "is_not_empty") return !ol(me);
+      if (Ke === "is_empty") return sl(me);
+      if (Ke === "is_not_empty") return !sl(me);
       const Ht = E.type;
       if (Ht === "text" || Ht === "arrayText") {
         const ht = Ht === "arrayText" && Array.isArray(me) ? me.filter((zt) => zt != null).map(String).join(" ") : me != null ? String(me) : "", lt = String(he).toLowerCase(), It = ht.toLowerCase();
@@ -13099,11 +13099,11 @@ const Jo = {
       const S = V.getFullYear(), E = String(V.getMonth() + 1).padStart(2, "0"), me = String(V.getDate()).padStart(2, "0");
       return `${S}-${E}-${me}`;
     }
-    function ol(V) {
+    function sl(V) {
       return !!(V == null || V === "" || V === "NULL" || Array.isArray(V) && V.length === 0 || Array.isArray(V) && V.every((S) => S == null));
     }
     Dt(ge, (V) => Y("update:modelValue", V), { immediate: !0 }), Dt(() => ke.data, () => {
-      Ee.value = [], De.value = "", le.value = !1, Ie.value = "", J.value = "asc", Re();
+      Ee.value = [], Re.value = "", le.value = !1, Ie.value = "", J.value = "asc", De();
     });
     function mt(V) {
       return V.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (S) => S.toUpperCase());
@@ -13121,7 +13121,7 @@ const Jo = {
         return S;
       };
       return {
-        globalSearch: De.value,
+        globalSearch: Re.value,
         rows: Ee.value.map((S) => ({
           key: S.key,
           operator: S.operator,
@@ -13166,13 +13166,13 @@ const Jo = {
             type: "text",
             class: "dss-filter-global-input",
             placeholder: O(D)("filter.searchAcrossFields"),
-            value: De.value,
+            value: Re.value,
             onInput: dt
           }, null, 40, av),
-          De.value ? (i(), c("button", {
+          Re.value ? (i(), c("button", {
             key: 0,
             class: "dss-filter-global-clear",
-            onClick: S[0] || (S[0] = (E) => De.value = "")
+            onClick: S[0] || (S[0] = (E) => Re.value = "")
           }, "×")) : A("", !0),
           n("button", {
             class: re(["dss-filter-funnel-btn", { active: le.value || Ee.value.length > 0, "dss-filter-funnel-btn--with-sort": ke.showSortBy }]),
@@ -13252,7 +13252,7 @@ const Jo = {
               n("div", hv, [
                 n("button", {
                   class: "dss-filter-trigger",
-                  onClick: je((he) => ul(`${E.id}:field`), ["stop"])
+                  onClick: je((he) => il(`${E.id}:field`), ["stop"])
                 }, [
                   n("span", yv, L(_t(E.key)), 1),
                   S[21] || (S[21] = n("svg", {
@@ -13271,7 +13271,7 @@ const Jo = {
                   onClick: S[3] || (S[3] = je(() => {
                   }, ["stop"]))
                 }, [
-                  il(n("input", {
+                  rl(n("input", {
                     type: "text",
                     class: "dss-filter-popup-search",
                     "onUpdate:modelValue": S[2] || (S[2] = (he) => ze.value = he),
@@ -13292,7 +13292,7 @@ const Jo = {
               ft(E) === "contain" || ft(E) === "date" ? (i(), c("div", xv, [
                 n("button", {
                   class: "dss-filter-trigger",
-                  onClick: je((he) => ul(`${E.id}:op`), ["stop"])
+                  onClick: je((he) => il(`${E.id}:op`), ["stop"])
                 }, [
                   n("span", Sv, L(Ft(E.operator)), 1),
                   S[22] || (S[22] = n("svg", {
@@ -13321,7 +13321,7 @@ const Jo = {
                 ])) : A("", !0)
               ])) : A("", !0),
               At(E.operator) ? A("", !0) : (i(), c("div", Av, [
-                ft(E) === "string" ? il((i(), c("input", {
+                ft(E) === "string" ? rl((i(), c("input", {
                   key: 0,
                   type: "text",
                   class: "dss-filter-value-input",
@@ -13335,7 +13335,7 @@ const Jo = {
                     modelValue: E.value,
                     "onUpdate:modelValue": (he) => E.value = he
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : sl(E) === "text" ? il((i(), c("input", {
+                ])) : nl(E) === "text" ? rl((i(), c("input", {
                   key: 2,
                   type: "text",
                   class: "dss-filter-value-input",
@@ -13343,7 +13343,7 @@ const Jo = {
                   "onUpdate:modelValue": (he) => E.value = he
                 }, null, 8, Tv)), [
                   [Dl, E.value]
-                ]) : sl(E) === "number" ? (i(), c("input", {
+                ]) : nl(E) === "number" ? (i(), c("input", {
                   key: 3,
                   type: "number",
                   class: "dss-filter-value-input",
@@ -13351,7 +13351,7 @@ const Jo = {
                   value: E.value,
                   onInput: (he) => ot(E, he),
                   step: Q.value[E.key]?.type === "int" ? 1 : void 0
-                }, null, 40, Hv)) : sl(E) === "between" ? (i(), c("div", Dv, [
+                }, null, 40, Hv)) : nl(E) === "between" ? (i(), c("div", Dv, [
                   n("input", {
                     type: "number",
                     class: "dss-filter-value-input",
@@ -13369,10 +13369,10 @@ const Jo = {
                     onInput: (he) => ut(E, "max", he),
                     step: Q.value[E.key]?.type === "int" ? 1 : void 0
                   }, null, 40, Nv)
-                ])) : sl(E) === "multiselect" ? (i(), c("div", Iv, [
+                ])) : nl(E) === "multiselect" ? (i(), c("div", Iv, [
                   n("button", {
                     class: "dss-filter-trigger",
-                    onClick: je((he) => ul(`${E.id}:val`), ["stop"])
+                    onClick: je((he) => il(`${E.id}:val`), ["stop"])
                   }, [
                     n("span", Pv, L(Se(E)), 1),
                     S[23] || (S[23] = n("svg", {
@@ -13391,7 +13391,7 @@ const Jo = {
                     onClick: S[6] || (S[6] = je(() => {
                     }, ["stop"]))
                   }, [
-                    Nt(E).length > 6 ? il((i(), c("input", {
+                    Nt(E).length > 6 ? rl((i(), c("input", {
                       key: 0,
                       type: "text",
                       class: "dss-filter-popup-search",
@@ -13401,7 +13401,7 @@ const Jo = {
                       [Dl, ze.value]
                     ]) : A("", !0),
                     n("ul", Ov, [
-                      (i(!0), c(ae, null, Le(cl(E), (he) => (i(), c("li", {
+                      (i(!0), c(ae, null, Le(ul(E), (he) => (i(), c("li", {
                         key: he,
                         class: "dss-filter-popup-item",
                         onClick: (Ke) => Ut(E, he)
@@ -13413,7 +13413,7 @@ const Jo = {
                         }, null, 8, Wv),
                         n("span", null, L(he), 1)
                       ], 8, zv))), 128)),
-                      cl(E).length === 0 ? (i(), c("li", Zv, L(O(D)("filter.noMatch")), 1)) : A("", !0)
+                      ul(E).length === 0 ? (i(), c("li", Zv, L(O(D)("filter.noMatch")), 1)) : A("", !0)
                     ])
                   ])) : A("", !0)
                 ])) : A("", !0)
@@ -13449,7 +13449,7 @@ const Jo = {
               n("div", Xv, [
                 n("button", {
                   class: "dss-filter-add-btn",
-                  onClick: S[7] || (S[7] = je((E) => ul("add"), ["stop"]))
+                  onClick: S[7] || (S[7] = je((E) => il("add"), ["stop"]))
                 }, L(O(D)("filter.addFilter")), 1),
                 ie.value === "add" ? (i(), c("div", {
                   key: 0,
@@ -13458,7 +13458,7 @@ const Jo = {
                   }, ["stop"]))
                 }, [
                   qe.value && !Ce.value && !ze.value ? (i(), c(ae, { key: 0 }, [
-                    il(n("input", {
+                    rl(n("input", {
                       type: "text",
                       class: "dss-filter-popup-search",
                       "onUpdate:modelValue": S[8] || (S[8] = (E) => ze.value = E),
@@ -13505,7 +13505,7 @@ const Jo = {
                       ], -1)),
                       n("span", null, L(Ce.value.label), 1)
                     ]),
-                    il(n("input", {
+                    rl(n("input", {
                       type: "text",
                       class: "dss-filter-popup-search",
                       "onUpdate:modelValue": S[10] || (S[10] = (E) => ze.value = E),
@@ -13522,7 +13522,7 @@ const Jo = {
                       Be.value.length === 0 ? (i(), c("li", l3, L(O(D)("filter.noMatch")), 1)) : A("", !0)
                     ])
                   ], 64)) : (i(), c(ae, { key: 2 }, [
-                    il(n("input", {
+                    rl(n("input", {
                       type: "text",
                       class: "dss-filter-popup-search",
                       "onUpdate:modelValue": S[11] || (S[11] = (E) => ze.value = E),
@@ -13566,9 +13566,9 @@ const Jo = {
   setup(T, { emit: ue }) {
     const I = T, D = ue, ke = $(""), Y = $([...I.modelValue]), P = $(null);
     let we = null;
-    const xt = $(null), ce = $(""), y = $(null), De = $(null), Ee = v(() => {
-      if (!De.value) return;
-      const { width: qe, height: at } = De.value;
+    const xt = $(null), ce = $(""), y = $(null), Re = $(null), Ee = v(() => {
+      if (!Re.value) return;
+      const { width: qe, height: at } = Re.value;
       return {
         minWidth: `${qe}px`,
         height: `${at}px`
@@ -13578,7 +13578,7 @@ const Jo = {
       xt.value === at && (y.value = qe);
     }
     function le() {
-      xt.value = null, ce.value = "", De.value = null, y.value = null;
+      xt.value = null, ce.value = "", Re.value = null, y.value = null;
     }
     const $e = v(() => new Set(Y.value.map((qe) => qe.trim()).filter(Boolean)));
     function ze(qe) {
@@ -13610,7 +13610,7 @@ const Jo = {
     async function Tt(qe, at) {
       if (I.disabled) return;
       const Te = at.currentTarget.closest(".dss-pill-field__pill");
-      Te && (De.value = { width: Te.offsetWidth, height: Te.offsetHeight }), xt.value = qe, ce.value = Y.value[qe] ?? "", await Ae();
+      Te && (Re.value = { width: Te.offsetWidth, height: Te.offsetHeight }), xt.value = qe, ce.value = Y.value[qe] ?? "", await Ae();
       const Be = y.value;
       if (!Be) return;
       Be.focus();
@@ -13657,14 +13657,14 @@ const Jo = {
             "dss-pill-field__pill--highlight": P.value === Te,
             "dss-pill-field__pill--editing": xt.value === Be
           }]),
-          style: be(xt.value === Be && De.value ? Ee.value : void 0)
+          style: be(xt.value === Be && Re.value ? Ee.value : void 0)
         }, [
           xt.value === Be ? (i(), c("span", {
             key: 0,
             class: "dss-pill-field__pill-edit-wrap",
             "data-value": ce.value || " "
           }, [
-            il(n("input", {
+            rl(n("input", {
               ref_for: !0,
               ref: (vt) => ie(vt, Be),
               "onUpdate:modelValue": at[0] || (at[0] = (vt) => ce.value = vt),
@@ -13707,7 +13707,7 @@ const Jo = {
             ]))
           ], 64))
         ], 6))), 128)),
-        il(n("input", {
+        rl(n("input", {
           "onUpdate:modelValue": at[1] || (at[1] = (Te) => ke.value = Te),
           class: "dss-pill-field__input",
           type: "text",
@@ -13764,7 +13764,7 @@ const Jo = {
       main: "div",
       subtitle: "p",
       separator: "span"
-    }, ce = v(() => D.h != null ? `h${D.h}` : xt[D.type] ?? "div"), y = v(() => D.editable ? "plaintext-only" : void 0), De = v(() => {
+    }, ce = v(() => D.h != null ? `h${D.h}` : xt[D.type] ?? "div"), y = v(() => D.editable ? "plaintext-only" : void 0), Re = v(() => {
       const Ce = {};
       return D.size != null && (Ce.fontSize = typeof D.size == "number" ? `${D.size}px` : D.size), D.weight != null && (Ce.fontWeight = D.weight), D.color != null && (Ce.color = D.color), Object.keys(Ce).length ? Ce : void 0;
     }), Ee = v(() => D.editable ? {
@@ -13797,7 +13797,7 @@ const Jo = {
         ref_key: "titleRef",
         ref: Y,
         class: ["dss-title__separator-label", we.value, { "dss-title--editable": T.editable }],
-        style: De.value,
+        style: Re.value,
         contenteditable: y.value,
         spellcheck: T.editable ? !1 : void 0
       }, co(Ee.value)), {
@@ -13813,7 +13813,7 @@ const Jo = {
       ref_key: "titleRef",
       ref: Y,
       class: ["dss-title", [P.value, we.value, { "dss-title--editable": T.editable }]],
-      style: De.value,
+      style: Re.value,
       contenteditable: y.value,
       spellcheck: T.editable ? !1 : void 0
     }, co(Ee.value)), {