@evance/evance-ui 1.0.24 → 1.0.26

package/dist/evance-ui.mjs

@@ -2,7 +2,7 @@ var he = Object.defineProperty;
 var ge = (n, e, t) => e in n ? he(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var P = (n, e, t) => ge(n, typeof e != "symbol" ? e + "" : e, t);
 import { computed, unref, capitalize, onScopeDispose, getCurrentInstance, reactive, watchEffect, toRefs, inject, watch, ref, provide, shallowRef, isRef, defineComponent, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, toRaw, useCssVars, useAttrs, createBlock, resolveDynamicComponent, Transition, h, mergeProps, useSlots, normalizeStyle, createCommentVNode, nextTick, onBeforeMount, onBeforeUnmount, resolveDirective, withDirectives, withCtx, createVNode, vShow, createTextVNode, toDisplayString, effectScope, Fragment, toRef, renderList, normalizeProps, guardReactiveProps, createSlots, TransitionGroup, createStaticVNode, withModifiers, withKeys, readonly, Teleport, vModelDynamic, camelize, onUnmounted, onUpdated, vModelText, render as render$n } from "vue";
-/*! Evance UI v1.0.24 | MIT License */
+/*! Evance UI v1.0.26 | MIT License */
 class Anchor {
   constructor(e, t) {
     this.side = e, this.alignment = t;
@@ -2819,8 +2819,8 @@ const EvTransition = (n, { slots: e }) => {
           y = window.setTimeout(V, B);
           return;
         }
-        const { naturalHeight: M, naturalWidth: b } = g;
-        M || b ? (i.value = b, c.value = M) : (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, c.value = 1);
+        const { naturalHeight: L, naturalWidth: b } = g;
+        L || b ? (i.value = b, c.value = L) : (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, c.value = 1);
       };
       V();
     }
@@ -2841,8 +2841,8 @@ const EvTransition = (n, { slots: e }) => {
         window.addEventListener("resize", B), B();
       }), onBeforeUnmount(() => {
         window.removeEventListener("resize", B);
-      }), watch(g, (V, M) => {
-        V != M && u();
+      }), watch(g, (V, L) => {
+        V != L && u();
       });
     }
     const C = shallowRef(!1);
@@ -4975,10 +4975,10 @@ function provideSelection(n, {
         d([k], !l([k])), r.value = s.value.size > 0 ? k : null;
         return;
       }
-      const [g, B] = E < S ? [E, S] : [S, E], V = a.value.slice(g, B + 1), M = l([r.value]), b = V.filter(
-        ($) => l([$]) !== M
+      const [g, B] = E < S ? [E, S] : [S, E], V = a.value.slice(g, B + 1), L = l([r.value]), b = V.filter(
+        ($) => l([$]) !== L
       );
-      d(b, M), M === w && d([k], !w);
+      d(b, L), L === w && d([k], !w);
     } else
       d([k], !l([k]));
     r.value = s.value.size > 0 ? k : null;
@@ -6959,12 +6959,12 @@ const makeEvOverlayProps = propsFactory(
       k === "center" || C === "center" ? w += u.width / 2 : (k === "right" || C === "right") && (w += u.width);
       let E = u.top;
       k === "center" || C === "center" ? E += u.height / 2 : (k === "bottom" || C === "bottom") && (E += u.height);
-      const S = u.width / v.width, g = u.height / v.height, B = Math.max(1, S, g), V = S / B || 0, M = g / B || 0, b = v.width * v.height / (window.innerWidth * window.innerHeight), $ = b > 0.12 ? Math.min(1.5, (b - 0.12) * 10 + 1) : 1;
+      const S = u.width / v.width, g = u.height / v.height, B = Math.max(1, S, g), V = S / B || 0, L = g / B || 0, b = v.width * v.height / (window.innerWidth * window.innerHeight), $ = b > 0.12 ? Math.min(1.5, (b - 0.12) * 10 + 1) : 1;
       return {
         x: w - (_ + v.left),
         y: E - (y + v.top),
         scaleX: V,
-        scaleY: M,
+        scaleY: L,
         speedFactor: $
       };
     }
@@ -7171,8 +7171,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   setup(n, { expose: e, emit: t }) {
     const o = n, r = useAttrs(), s = useSlots(), a = useRouter(), i = useModelProxy(o, "modelValue"), c = ref(void 0), l = ref(void 0), f = useEvTransition(o), d = useDimensions(o), { scopeId: p } = useScopeId(), u = computed({
       get: () => i.value,
-      set: (H) => {
-        H && o.disabled || (i.value = H);
+      set: (O) => {
+        O && o.disabled || (i.value = O);
       }
     }), { isTopGlobal: v, isTopLocal: m, stackStyles: _ } = useStack(
       u,
@@ -7186,7 +7186,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       veilEvents: E
     } = useActivator(o, u, m), S = useTeleport(
       computed(() => o.attach || o.contained)
-    ), { rtlClasses: g, isRtl: B } = useRtl(), { contentStyles: V, updatePosition: M } = usePositionStrategies(o, {
+    ), { rtlClasses: g, isRtl: B } = useRtl(), { contentStyles: V, updatePosition: L } = usePositionStrategies(o, {
       isRtl: B,
       contentEl: l,
       activatorEl: y,
@@ -7197,17 +7197,17 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       contentEl: l,
       activatorEl: y,
       isActive: u,
-      updatePosition: M
+      updatePosition: L
     }), e({
       activatorEl: y,
       contentEl: l,
       isTopGlobal: v,
       isTopLocal: m,
-      updatePosition: M
+      updatePosition: L
     }), watch(
       () => o.disabled,
-      (H) => {
-        H && (u.value = !1);
+      (O) => {
+        O && (u.value = !1);
       }
     );
     const b = computed(() => u.value && !!o.veil), $ = shallowRef(!1);
@@ -7217,29 +7217,29 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     function D() {
       return u.value && v.value;
     }
-    function L(H = !1) {
+    function W(O = !1) {
       var q, Z;
       if (o.persistent) {
         clickBlockedAnimation(l.value);
         return;
       }
-      u.value = !1, H && ((q = l.value) != null && q.contains(document.activeElement)) && ((Z = y.value) == null || Z.focus());
+      u.value = !1, O && ((q = l.value) != null && q.contains(document.activeElement)) && ((Z = y.value) == null || Z.focus());
     }
-    function G(H) {
-      if (!H.dataset.enter) {
-        H.dataset.enter = "true";
+    function G(O) {
+      if (!O.dataset.enter) {
+        O.dataset.enter = "true";
         return;
       }
       t("enter");
     }
-    function F(H) {
-      if (!H.dataset.afterEnter) {
-        H.dataset.afterEnter = "true";
+    function N(O) {
+      if (!O.dataset.afterEnter) {
+        O.dataset.afterEnter = "true";
         return;
       }
       t("afterEnter");
     }
-    function W() {
+    function H() {
       t("beforeLeave");
     }
     function K() {
@@ -7248,44 +7248,44 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     function I() {
       $.value = !1, t("afterLeave");
     }
-    const O = {
-      handler: z,
+    const z = {
+      handler: M,
       condition: D,
       include: () => [y.value]
     };
-    function z(H) {
-      t("click:outside", H), L(!1);
+    function M(O) {
+      t("click:outside", O), W(!1);
     }
-    function A(H) {
-      H.key === "Escape" && v.value && L(!0);
+    function A(O) {
+      O.key === "Escape" && v.value && W(!0);
     }
     watch(
       u,
-      (H) => {
-        H ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A);
+      (O) => {
+        O ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A);
       },
       { immediate: !0 }
     ), useToggleScope(
       () => o.closeOnBack,
       () => {
-        useBackButton(a, (H) => {
-          v.value && u.value ? (H(!1), L(!1)) : H();
+        useBackButton(a, (O) => {
+          v.value && u.value ? (O(!1), W(!1)) : O();
         });
       }
     );
     const T = ref();
     watch(
       () => u.value && (o.absolute || o.contained) && S.value == null,
-      (H) => {
-        if (H) {
+      (O) => {
+        if (O) {
           const q = getScrollParent(c.value);
           q && q !== document.scrollingElement && (T.value = q.scrollTop);
         }
       }
     );
-    const N = () => {
-      var H;
-      return (H = s.activator) == null ? void 0 : H.call(s, {
+    const F = () => {
+      var O;
+      return (O = s.activator) == null ? void 0 : O.call(s, {
         isActive: u.value,
         props: mergeProps(
           { ref: k },
@@ -7297,10 +7297,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       ...p,
       ...r
     };
-    return (H, q) => {
+    return (O, q) => {
       const Z = resolveDirective("click-outside");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(N),
+        createVNode(F),
         $.value ? (openBlock(), createBlock(Teleport, {
           key: 0,
           disabled: !unref(S),
@@ -7342,8 +7342,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               transition: unref(f),
               target: unref(y),
               onEnter: G,
-              onAfterEnter: F,
-              onBeforeLeave: W,
+              onAfterEnter: N,
+              onBeforeLeave: H,
               onLeave: K,
               onAfterLeave: I
             }, {
@@ -7354,10 +7354,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                   class: ["ev-overlay--content", [o.contentClass]],
                   style: [unref(d), unref(V)]
                 }, unref(U)), [
-                  renderSlot(H.$slots, "default")
+                  renderSlot(O.$slots, "default")
                 ], 16)), [
                   [vShow, u.value],
-                  [Z, O]
+                  [Z, z]
                 ])
               ]),
               _: 3
@@ -7591,19 +7591,19 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         () => {
           cancelAnimationFrame(T), T = requestAnimationFrame(() => {
             if (p.value && v.value) {
-              const N = l.value ? "width" : "height";
-              i.value = p.value[N], c.value = v.value[N], s.value = i.value + 1 < c.value;
+              const F = l.value ? "width" : "height";
+              i.value = p.value[F], c.value = v.value[F], s.value = i.value + 1 < c.value;
             }
             if (m.value >= 0 && u.value) {
-              const N = u.value.children[_.value];
+              const F = u.value.children[_.value];
               m.value === 0 || !s.value ? a.value = 0 : e.centerActive ? a.value = calculateCenteredOffset({
-                selectedElement: N,
+                selectedElement: F,
                 containerSize: i.value,
                 contentSize: c.value,
                 isRtl: o.value,
                 isHorizontal: l.value
               }) : s.value && (a.value = calculateUpdatedOffset({
-                selectedElement: N,
+                selectedElement: F,
                 containerSize: i.value,
                 contentSize: c.value,
                 isRtl: o.value,
@@ -7616,27 +7616,27 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       );
     }
     function y(T) {
-      var N, U, Y, H, q;
+      var F, U, Y, O, q;
       if (u.value)
         if (!T)
-          (N = focusableChildren(u.value)[0]) == null || N.focus();
+          (F = focusableChildren(u.value)[0]) == null || F.focus();
         else if (T === "next") {
           const Z = (U = u.value.querySelector(":focus")) == null ? void 0 : U.nextElementSibling;
           Z ? Z.focus() : y("first");
         } else if (T === "previous") {
           const Z = (Y = u.value.querySelector(":focus")) == null ? void 0 : Y.previousElementSibling;
           Z ? Z.focus() : y("last");
-        } else T === "first" ? (H = u.value.firstElementChild) == null || H.focus() : T === "last" && ((q = u.value.lastElementChild) == null || q.focus());
+        } else T === "first" ? (O = u.value.firstElementChild) == null || O.focus() : T === "last" && ((q = u.value.lastElementChild) == null || q.focus());
     }
     function k(T) {
-      var N;
-      !r.value && !(T.relatedTarget && ((N = u.value) != null && N.contains(T.relatedTarget))) && y();
+      var F;
+      !r.value && !(T.relatedTarget && ((F = u.value) != null && F.contains(T.relatedTarget))) && y();
     }
     function C(T) {
       if (r.value = !0, !(!s.value || !u.value)) {
-        for (const N of T.composedPath())
+        for (const F of T.composedPath())
           for (const U of u.value.children)
-            if (U === N) {
+            if (U === F) {
               a.value = calculateUpdatedOffset({
                 selectedElement: U,
                 containerSize: i.value,
@@ -7660,23 +7660,23 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     }
     let g = 0, B = 0;
     function V(T) {
-      const N = l.value ? "clientX" : "clientY";
-      B = (o.value && l.value ? -1 : 1) * a.value, g = T.touches[0][N], f.value = !0;
+      const F = l.value ? "clientX" : "clientY";
+      B = (o.value && l.value ? -1 : 1) * a.value, g = T.touches[0][F], f.value = !0;
     }
-    function M(T) {
+    function L(T) {
       if (!s.value)
         return;
-      const N = l.value ? "clientX" : "clientY", U = o.value && l.value ? -1 : 1;
-      a.value = U * (B + g - T.touches[0][N]);
+      const F = l.value ? "clientX" : "clientY", U = o.value && l.value ? -1 : 1;
+      a.value = U * (B + g - T.touches[0][F]);
     }
     function b(T) {
-      const N = c.value - i.value;
-      a.value < 0 || !s.value ? a.value = 0 : a.value >= N && (a.value = N), f.value = !1;
+      const F = c.value - i.value;
+      a.value < 0 || !s.value ? a.value = 0 : a.value >= F && (a.value = F), f.value = !1;
     }
     function $(T) {
-      const N = a.value + (T === "previous" ? -1 : 1) * i.value;
+      const F = a.value + (T === "previous" ? -1 : 1) * i.value;
       a.value = clamp(
-        N,
+        F,
         0,
         c.value - i.value
       );
@@ -7685,29 +7685,29 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       e,
       "arrowsHidden",
       "hidden"
-    ), L = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), G = computed(() => {
+    ), W = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), G = computed(() => {
       let T = a.value > c.value - i.value ? -(c.value - i.value) + bias(c.value - i.value - a.value) : -a.value;
       a.value <= 0 && (T = bias(-a.value));
-      const N = o.value && l.value ? -1 : 1;
+      const F = o.value && l.value ? -1 : 1;
       return {
-        transform: `translate${l.value ? "X" : "Y"}(${N * T}px)`,
+        transform: `translate${l.value ? "X" : "Y"}(${F * T}px)`,
         transition: f.value ? "none" : "",
         willChange: f.value ? "transform" : ""
       };
-    }), F = computed(() => ({
+    }), N = computed(() => ({
       next: t.next,
       previous: t.previous,
       select: t.select,
       isSelected: t.isSelected
-    })), W = computed(() => Math.abs(a.value) > 0), K = computed(() => c.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), O = computed(() => `is-arrows-${e.arrowsAlign}`), z = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
-    return (T, N) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
+    })), H = computed(() => Math.abs(a.value) > 0), K = computed(() => c.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), z = computed(() => `is-arrows-${e.arrowsAlign}`), M = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
+    return (T, F) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-slide-group",
         {
           "is-overflowing": s.value,
           "is-vertical": !l.value
         },
-        O.value,
+        z.value,
         e.class
       ]),
       style: normalizeStyle(e.style),
@@ -7728,28 +7728,28 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             class: "ev-slide-group--content",
             style: normalizeStyle(G.value),
             onTouchstartPassive: V,
-            onTouchmovePassive: M,
+            onTouchmovePassive: L,
             onTouchendPassive: b,
             onFocusin: C,
             onFocusout: w,
             onKeydown: E
           }, [
-            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(F.value)))
+            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(N.value)))
           ], 36)
         ], 544),
         I.value ? (openBlock(), createElementBlock("div", {
           key: "previous",
           class: normalizeClass([
             "ev-slide-group--previous",
-            { "is-disabled": !W.value },
+            { "is-disabled": !H.value },
             ...unref(D)
           ]),
-          hidden: L.value,
-          onClick: N[0] || (N[0] = () => $("previous"))
+          hidden: W.value,
+          onClick: F[0] || (F[0] = () => $("previous"))
         }, [
           renderSlot(T.$slots, "previous", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? z.value : A.value,
+              icon: unref(o) && l.value ? M.value : A.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -7761,12 +7761,12 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             { "is-disabled": !K.value },
             ...unref(D)
           ]),
-          hidden: L.value,
-          onClick: N[1] || (N[1] = () => $("next"))
+          hidden: W.value,
+          onClick: F[1] || (F[1] = () => $("next"))
         }, [
           renderSlot(T.$slots, "next", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? A.value : z.value,
+              icon: unref(o) && l.value ? A.value : M.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -8252,25 +8252,25 @@ const EvTransitionExpand = createJavaScriptTransition(
       onSortTitleSelected: v,
       sortIcon: m
     } = useSortOptions(t), _ = useSlots(), { allSelected: y, someSelected: k, selectAll: C, showSelectAll: w } = useSelection(), E = shallowRef(!1), S = ref(null), g = shallowRef(null), B = shallowRef(!1);
-    function V(z) {
-      B.value = !B.value, e("click:filter", z);
+    function V(M) {
+      B.value = !B.value, e("click:filter", M);
     }
-    const M = computed(
+    const L = computed(
       () => {
-        var z;
-        return (z = t.searchPlaceholder) != null && z.length ? t.searchPlaceholder : s("search.placeholder");
+        var M;
+        return (M = t.searchPlaceholder) != null && M.length ? t.searchPlaceholder : s("search.placeholder");
       }
-    ), b = debounce((z) => {
-      a.value = z;
+    ), b = debounce((M) => {
+      a.value = M;
     }, t.searchDelay), $ = computed(() => {
-      const z = _["select-actions"] || t.selectActions;
-      return k.value && z;
-    }), D = computed(() => g.value < filtersBreakpoint), L = {
+      const M = _["select-actions"] || t.selectActions;
+      return k.value && M;
+    }), D = computed(() => g.value < filtersBreakpoint), W = {
       EvFilterButton: { size: "small", rounded: !0 },
       EvButton: { size: "small" }
-    }, G = computed(() => g.value > sortBreakpoint ? f.value : void 0), F = computed(() => {
-      for (const z in t.filters) {
-        const A = t.filters[z];
+    }, G = computed(() => g.value > sortBreakpoint ? f.value : void 0), N = computed(() => {
+      for (const M in t.filters) {
+        const A = t.filters[M];
         if (isBoolean(A) && A)
           return !0;
         if (Array.isArray(A) && A.length > 0)
@@ -8280,8 +8280,8 @@ const EvTransitionExpand = createJavaScriptTransition(
       }
       return !1;
     });
-    function W(z) {
-      b(z);
+    function H(M) {
+      b(M);
     }
     function K() {
       E.value = !0;
@@ -8289,14 +8289,14 @@ const EvTransitionExpand = createJavaScriptTransition(
     function I() {
       E.value = !1;
     }
-    function O() {
+    function z() {
       g.value = S.value.getBoundingClientRect().width;
     }
     return onMounted(() => {
-      window.addEventListener("resize", O, { passive: !0 }), O();
+      window.addEventListener("resize", z, { passive: !0 }), z();
     }), onUnmounted(() => {
-      window.removeEventListener("resize", O);
-    }), (z, A) => (openBlock(), createElementBlock(Fragment, null, [
+      window.removeEventListener("resize", z);
+    }), (M, A) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
         ref_key: "containerRef",
         ref: S,
@@ -8325,7 +8325,7 @@ const EvTransitionExpand = createJavaScriptTransition(
           }, {
             default: withCtx(() => [
               $.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                renderSlot(z.$slots, "select-actions", {}, () => [
+                renderSlot(M.$slots, "select-actions", {}, () => [
                   createVNode(unref(_sfc_main$1a), {
                     size: "small",
                     variant: "subtle",
@@ -8338,14 +8338,14 @@ const EvTransitionExpand = createJavaScriptTransition(
                     modelValue: i.value,
                     "onUpdate:modelValue": [
                       A[0] || (A[0] = (T) => i.value = T),
-                      W
+                      H
                     ],
                     rounded: "",
                     clearable: "",
                     appearance: "subtle",
                     size: "small",
                     loading: t.loading,
-                    placeholder: M.value,
+                    placeholder: L.value,
                     "icon-start": unref(SearchIcon)
                   }, null, 8, ["modelValue", "loading", "placeholder", "icon-start"])
                 ]),
@@ -8355,7 +8355,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                     bold: "",
                     pulsate: "",
                     appearance: "primary",
-                    "model-value": F.value && !B.value
+                    "model-value": N.value && !B.value
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$1b), {
@@ -8363,8 +8363,8 @@ const EvTransitionExpand = createJavaScriptTransition(
                         ref: r,
                         rounded: "",
                         size: "small",
-                        appearance: F.value ? "primary" : "default",
-                        variant: F.value ? "tonal" : "subtle",
+                        appearance: N.value ? "primary" : "default",
+                        variant: N.value ? "tonal" : "subtle",
                         icon: unref(FilterIcon),
                         onClick: V
                       }, null, 8, ["appearance", "variant", "icon"])
@@ -8377,11 +8377,11 @@ const EvTransitionExpand = createJavaScriptTransition(
                   }, null, 8, ["activator", "text"])
                 ])) : createCommentVNode("", !0),
                 !D.value && unref(_).filters ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
-                  createVNode(unref(_sfc_main$X), { defaults: L }, {
+                  createVNode(unref(_sfc_main$X), { defaults: W }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$O), null, {
                         default: withCtx(() => [
-                          renderSlot(z.$slots, "filters")
+                          renderSlot(M.$slots, "filters")
                         ]),
                         _: 3
                       })
@@ -8462,11 +8462,11 @@ const EvTransitionExpand = createJavaScriptTransition(
         default: withCtx(() => [
           D.value && B.value && unref(_).filters && !$.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
             createElementVNode("div", _hoisted_9$1, [
-              createVNode(unref(_sfc_main$X), { defaults: L }, {
+              createVNode(unref(_sfc_main$X), { defaults: W }, {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$O), null, {
                     default: withCtx(() => [
-                      renderSlot(z.$slots, "filters")
+                      renderSlot(M.$slots, "filters")
                     ]),
                     _: 3
                   })
@@ -8510,9 +8510,9 @@ function useVirtual(n, e) {
     d.value = c.value;
   });
   const u = computed(() => {
-    var O;
+    var z;
     const I = isNumber(n.height) ? n.height : parseInt(n.height);
-    return c.value === document.documentElement ? t.height.value : ((O = p.value) == null ? void 0 : O.height) || I || 0;
+    return c.value === document.documentElement ? t.height.value : ((z = p.value) == null ? void 0 : z.height) || I || 0;
   }), v = computed(() => !!(c.value && l.value && u.value && o.value));
   let m = Array.from({ length: e.value.length }), _ = Array.from({ length: e.value.length });
   const y = shallowRef(0);
@@ -8523,9 +8523,9 @@ function useVirtual(n, e) {
   const w = debounce(() => {
     const I = performance.now();
     _[0] = 0;
-    const O = e.value.length;
-    for (let z = 1; z <= O - 1; z++)
-      _[z] = (_[z - 1] || 0) + C(z - 1);
+    const z = e.value.length;
+    for (let M = 1; M <= z - 1; M++)
+      _[M] = (_[M - 1] || 0) + C(M - 1);
     y.value = Math.max(
       y.value,
       performance.now() - I
@@ -8533,16 +8533,16 @@ function useVirtual(n, e) {
   }, y), E = watch(v, (I) => {
     I && (E(), f = l.value.offsetTop, w.immediate(), G(), ~k && nextTick(() => {
       Browser.hasWindow && window.requestAnimationFrame(() => {
-        W(k), k = -1;
+        H(k), k = -1;
       });
     }));
   });
   onScopeDispose(() => {
     w.clear();
   });
-  function S(I, O) {
-    const z = m[I], A = o.value;
-    o.value = A ? Math.min(o.value, O) : O, (z !== O || A !== o.value) && (m[I] = O, w());
+  function S(I, z) {
+    const M = m[I], A = o.value;
+    o.value = A ? Math.min(o.value, z) : z, (M !== z || A !== o.value) && (m[I] = z, w());
   }
   function g(I) {
     return I = clamp(I, 0, e.value.length - 1), _[I] || 0;
@@ -8550,49 +8550,49 @@ function useVirtual(n, e) {
   function B(I) {
     return binaryClosest(_, I);
   }
-  let V = 0, M = 0, b = 0;
-  watch(u, (I, O) => {
-    O && (G(), I < O && requestAnimationFrame(() => {
-      M = 0, G();
+  let V = 0, L = 0, b = 0;
+  watch(u, (I, z) => {
+    z && (G(), I < z && requestAnimationFrame(() => {
+      L = 0, G();
     }));
   });
   function $() {
     if (!c.value || !l.value)
       return;
-    const I = c.value.scrollTop, O = performance.now();
-    O - b > 500 ? (M = Math.sign(I - V), f = l.value.offsetTop) : M = I - V, V = I, b = O, G();
+    const I = c.value.scrollTop, z = performance.now();
+    z - b > 500 ? (L = Math.sign(I - V), f = l.value.offsetTop) : L = I - V, V = I, b = z, G();
   }
   function D() {
-    !c.value || !l.value || (M = 0, b = 0, G());
+    !c.value || !l.value || (L = 0, b = 0, G());
   }
-  let L = -1;
+  let W = -1;
   function G() {
-    cancelAnimationFrame(L), L = requestAnimationFrame(F);
+    cancelAnimationFrame(W), W = requestAnimationFrame(N);
   }
-  function F() {
+  function N() {
     if (!c.value || !u.value)
       return;
-    const I = V - f, O = Math.sign(M), z = Math.max(0, I - BUFFER_PX), A = clamp(B(z), 0, e.value.length), T = I + u.value + BUFFER_PX, N = clamp(
+    const I = V - f, z = Math.sign(L), M = Math.max(0, I - BUFFER_PX), A = clamp(B(M), 0, e.value.length), T = I + u.value + BUFFER_PX, F = clamp(
       B(T) + 1,
       A + 1,
       e.value.length
     );
     if (
       // Only update the side we're scrolling towards, the other side will be updated incidentally
-      (O !== UP || A < r.value) && (O !== DOWN || N > s.value)
+      (z !== UP || A < r.value) && (z !== DOWN || F > s.value)
     ) {
-      const U = g(r.value) - g(A), Y = g(N) - g(s.value);
-      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = N) : (A <= 0 && (r.value = A), N >= e.value.length && (s.value = N));
+      const U = g(r.value) - g(A), Y = g(F) - g(s.value);
+      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = F) : (A <= 0 && (r.value = A), F >= e.value.length && (s.value = F));
     }
     a.value = g(r.value), i.value = g(e.value.length) - g(s.value);
   }
-  function W(I) {
-    const O = g(I);
-    !c.value || I && !O ? k = I : c.value.scrollTop = O;
+  function H(I) {
+    const z = g(I);
+    !c.value || I && !z ? k = I : c.value.scrollTop = z;
   }
-  const K = computed(() => e.value.slice(r.value, s.value).map((I, O) => ({
+  const K = computed(() => e.value.slice(r.value, s.value).map((I, z) => ({
     raw: I,
-    index: O + r.value
+    index: z + r.value
   })));
   return watch(
     e,
@@ -8607,7 +8607,7 @@ function useVirtual(n, e) {
     computedItems: K,
     paddingTop: a,
     paddingBottom: i,
-    scrollToIndex: W,
+    scrollToIndex: H,
     handleScroll: $,
     handleScrollend: D,
     handleItemResize: S
@@ -8676,6 +8676,10 @@ const makeEvDataTableProps = propsFactory(
     page: { type: Number, default: 1 },
     itemsPerPage: { type: Number, default: 50 },
     showHeaders: Boolean,
+    showFinished: {
+      type: Boolean,
+      default: !1
+    },
     ...makeEvDataTableSearchProps(),
     ...makeDataTableHeaderProps(),
     ...makeDataTableItemsProps(),
@@ -8752,6 +8756,10 @@ const makeEvDataTableProps = propsFactory(
       default: "intersect",
       validator: (n) => ["intersect", "manual"].includes(n)
     },
+    showFinished: {
+      type: Boolean,
+      default: !0
+    },
     side: {
       type: String,
       default: "end",
@@ -8776,6 +8784,10 @@ const makeEvDataTableProps = propsFactory(
       type: String,
       default: void 0
     },
+    showFinished: {
+      type: Boolean,
+      default: !0
+    },
     side: {
       type: String,
       default: void 0
@@ -8806,9 +8818,11 @@ const makeEvDataTableProps = propsFactory(
       }
     }, { t: s } = useLocaleFunctions(), a = computed(() => t.status === "error"), i = computed(() => t.status === "finished"), c = computed(() => t.mode === "manual"), l = computed(() => t.status === "loading");
     return (f, d) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
-      a.value ? renderSlot(f.$slots, "error", normalizeProps(mergeProps({ key: 0 }, r))) : i.value ? renderSlot(f.$slots, "finished", normalizeProps(mergeProps({ key: 1 }, r)), () => [
-        createElementVNode("div", _hoisted_2$d, toDisplayString(unref(s)(t.textFinished)), 1)
-      ]) : c.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+      a.value ? renderSlot(f.$slots, "error", normalizeProps(mergeProps({ key: 0 }, r))) : i.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        n.showFinished ? renderSlot(f.$slots, "finished", normalizeProps(mergeProps({ key: 0 }, r)), () => [
+          createElementVNode("div", _hoisted_2$d, toDisplayString(unref(s)(t.textFinished)), 1)
+        ]) : createCommentVNode("", !0)
+      ], 64)) : c.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
         l.value ? renderSlot(f.$slots, "loading", normalizeProps(mergeProps({ key: 1 }, r)), () => [
           createVNode(unref(_sfc_main$1b), { loading: "" }, {
             default: withCtx(() => [
@@ -8932,9 +8946,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       if (!a.value || ["finished", "loading"].includes($))
         return;
       d = k(), B(b, "loading");
-      function D(L) {
-        B(b, L), nextTick(() => {
-          L === "finished" || L === "error" || (L === "ok" && b === "start" && g(
+      function D(W) {
+        B(b, W), nextTick(() => {
+          W === "finished" || W === "error" || (W === "ok" && b === "start" && g(
             k() - d + y()
           ), o.mode !== "manual" && nextTick(() => {
             window.requestAnimationFrame(() => {
@@ -8969,7 +8983,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function V(b = "ok") {
       a.value && (f.value = !1, o.side === "start" ? g(k()) : o.side === "both" ? g(k() / 2 - _() / 2) : g(0), B("start", b), B("end", b));
     }
-    const M = computed(() => ({
+    const L = computed(() => ({
       mode: o.mode,
       textFinished: o.textFinished,
       textMore: o.textMore
@@ -8994,51 +9008,43 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ["start", "both"].includes(o.side) && !p.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({
           key: 0,
           side: "start"
-        }, M.value, {
+        }, L.value, {
           status: i.value,
+          "show-finished": o.showFinished,
           "onClick:more": $[0] || ($[0] = (D) => S("start"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "finished", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "finished", { side: D })
             ]),
             key: "0"
           } : void 0,
           unref(r).error ? {
             name: "error",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "error", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "error", { side: D })
             ]),
             key: "1"
           } : void 0,
           unref(r).loading ? {
             name: "loading",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "loading", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "loading", { side: D })
             ]),
             key: "2"
           } : void 0,
           unref(r).more ? {
             name: "more",
-            fn: withCtx(({ side: D, props: L }) => [
+            fn: withCtx(({ side: D, props: W }) => [
               renderSlot(b.$slots, "more", {
                 side: D,
-                props: L
+                props: W
               })
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["status"])) : createCommentVNode("", !0),
+        ]), 1040, ["status", "show-finished"])) : createCommentVNode("", !0),
         a.value && u.value && m.value && !p.value ? (openBlock(), createBlock(_sfc_main$G, {
           key: "start",
           side: "start",
@@ -9057,51 +9063,43 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ["end", "both"].includes(o.side) && !p.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({
           key: 3,
           side: "end"
-        }, M.value, {
+        }, L.value, {
           status: c.value,
+          "show-finished": o.showFinished,
           "onClick:more": $[1] || ($[1] = (D) => S("end"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "finished", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "finished", { side: D })
             ]),
             key: "0"
           } : void 0,
           unref(r).error ? {
             name: "error",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "error", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "error", { side: D })
             ]),
             key: "1"
           } : void 0,
           unref(r).loading ? {
             name: "loading",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "loading", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "loading", { side: D })
             ]),
             key: "2"
           } : void 0,
           unref(r).more ? {
             name: "more",
-            fn: withCtx(({ side: D, props: L }) => [
+            fn: withCtx(({ side: D, props: W }) => [
               renderSlot(b.$slots, "more", {
                 side: D,
-                props: L
+                props: W
               })
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["status"])) : createCommentVNode("", !0)
+        ]), 1040, ["status", "show-finished"])) : createCommentVNode("", !0)
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -9119,9 +9117,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 }, _hoisted_6$4 = ["colspan"], _hoisted_7$2 = ["colspan"], _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "EvDataTable",
   props: { ...makeEvDataTableProps() },
-  emits: ["load", "update:modelValue", "update:page", "update:search", "update:sort"],
+  emits: ["load", "update:items", "update:loading", "update:modelValue", "update:page", "update:search", "update:sort"],
   setup(n, { expose: e, emit: t }) {
-    const o = n, r = useSlots(), s = useModelProxy(o, "loading"), a = useModelProxy(o, "items"), i = useModelProxy(o, "page"), c = useDimensions(o), { columns: l, headers: f } = createHeaders(o), { items: d } = useDataTableItems(a, o, l), { allSelected: p, selectAll: u, showSelectAll: v, someSelected: m } = provideSelection(o, {
+    const o = n, r = useSlots(), s = useModelProxy(o, "loading", !1), a = useModelProxy(o, "items"), i = useModelProxy(o, "page"), c = useDimensions(o), { columns: l, headers: f } = createHeaders(o), { items: d } = useDataTableItems(a, o, l), { allSelected: p, selectAll: u, showSelectAll: v, someSelected: m } = provideSelection(o, {
       allItems: d,
       currentPage: d
     }), {
@@ -9133,14 +9131,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       handleItemResize: E,
       handleScroll: S,
       handleScrollend: g
-    } = useVirtual(o, d), B = computed(() => l.value.length + (o.showSelect ? 1 : 0)), { t: V } = useLocaleFunctions(), M = useModelProxy(o, "sort"), b = useModelProxy(o, "search"), $ = ref(), D = computed(() => s.value), L = computed(() => {
+    } = useVirtual(o, d), B = computed(() => l.value.length + (o.showSelect ? 1 : 0)), { t: V } = useLocaleFunctions(), L = useModelProxy(o, "sort"), b = useModelProxy(o, "search"), $ = ref(), D = computed(() => s.value), W = computed(() => {
       var A;
       return !((A = a.value) != null && A.length);
     }), G = computed(() => omit(filterComponentProps(_sfc_main$J, o), [
       "loading",
       "search",
       "sort"
-    ])), F = computed(() => toWebUnit(k.value)), W = computed(() => toWebUnit(C.value));
+    ])), N = computed(() => toWebUnit(k.value)), H = computed(() => toWebUnit(C.value));
     watch(
       () => {
         var A;
@@ -9159,25 +9157,27 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function K() {
       s.value = !0;
       const A = 1;
-      function T(N, U = !1) {
-        a.value = N, i.value = A, s.value = !1, O(
-          N.length < o.itemsPerPage || U ? "finished" : "ok"
-        );
+      function T(F, U = !1) {
+        a.value = F, i.value = A, nextTick(() => {
+          z(
+            F.length < o.itemsPerPage || U ? "finished" : "ok"
+          ), s.value = !1;
+        });
       }
       t("load", { setPageItems: T, page: A });
     }
     function I(A) {
       const T = i.value + 1;
-      function N(U, Y = !1) {
+      function F(U, Y = !1) {
         a.value.push(...U), i.value = T, U.length < o.itemsPerPage || Y ? A.done() : A.next();
       }
-      t("load", { setPageItems: N, page: T });
+      t("load", { setPageItems: F, page: T });
     }
-    function O(A = "ok") {
+    function z(A = "ok") {
       var T;
       (T = $.value) == null || T.reset(A);
     }
-    function z(A) {
+    function M(A) {
       return {
         width: calculateDisplayRuleValue(A.width),
         minWidth: calculateDisplayRuleValue(A.minWidth),
@@ -9185,8 +9185,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       };
     }
     return e({
-      resetScroll: O,
+      resetScroll: z,
       reload: K
+    }), onMounted(() => {
+      var A;
+      (A = a.value) != null && A.length || K();
     }), (A, T) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["ev-data-table", o.class]),
       style: normalizeStyle([unref(c), o.style])
@@ -9194,12 +9197,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       createVNode(unref(_sfc_main$J), mergeProps(G.value, {
         search: unref(b),
         "onUpdate:search": [
-          T[0] || (T[0] = (N) => isRef(b) ? b.value = N : null),
+          T[0] || (T[0] = (F) => isRef(b) ? b.value = F : null),
           K
         ],
-        sort: unref(M),
+        sort: unref(L),
         "onUpdate:sort": [
-          T[1] || (T[1] = (N) => isRef(M) ? M.value = N : null),
+          T[1] || (T[1] = (F) => isRef(L) ? L.value = F : null),
           K
         ],
         loading: unref(s),
@@ -9221,7 +9224,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           key: "1"
         } : void 0
       ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
-      L.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+      W.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
         renderSlot(A.$slots, "empty", {}, () => [
           createTextVNode(toDisplayString(unref(V)("table.empty")), 1)
         ])
@@ -9231,23 +9234,27 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ref: $,
         class: "ev-data-table--wrapper",
         disabled: D.value,
+        "show-finished": o.showFinished,
         onLoad: I,
         onScrollPassive: unref(S),
         onScrollend: unref(g)
       }, {
+        finished: withCtx(() => [
+          renderSlot(A.$slots, "finished")
+        ]),
         default: withCtx(() => [
           createElementVNode("table", _hoisted_2$c, [
             renderSlot(A.$slots, "colgroup", {}, () => [
               createElementVNode("colgroup", null, [
                 o.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3$c)) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (N, U) => (openBlock(), createElementBlock("col", {
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (F, U) => (openBlock(), createElementBlock("col", {
                   key: U,
-                  style: normalizeStyle(z(N))
+                  style: normalizeStyle(M(F))
                 }, null, 4))), 128))
               ])
             ]),
             o.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4$a, [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(f), (N, U) => (openBlock(), createElementBlock("tr", { key: U }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(f), (F, U) => (openBlock(), createElementBlock("tr", { key: U }, [
                 unref(v) && U === 0 ? (openBlock(), createBlock(unref(_sfc_main$Z), {
                   key: 0,
                   tag: "th",
@@ -9264,8 +9271,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["rowspan"])) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(N, (Y, H) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
-                  key: H,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(F, (Y, O) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
+                  key: O,
                   tag: "th"
                 }, Y.headerProps, {
                   align: Y.align,
@@ -9286,23 +9293,23 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 ref_key: "markerRef",
                 ref: y,
                 class: "ev-data-table--spacer-above",
-                style: normalizeStyle({ height: F.value, border: 0 })
+                style: normalizeStyle({ height: N.value, border: 0 })
               }, [
                 createElementVNode("td", {
                   colspan: B.value,
                   style: { height: 0, border: 0 }
                 }, null, 8, _hoisted_6$4)
               ], 4),
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (N) => (openBlock(), createBlock(_sfc_main$I, {
-                key: N.index,
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (F) => (openBlock(), createBlock(_sfc_main$I, {
+                key: F.index,
                 renderless: "",
-                "onUpdate:height": (U) => unref(E)(N.index, U)
+                "onUpdate:height": (U) => unref(E)(F.index, U)
               }, {
                 default: withCtx(({ itemRef: U }) => [
                   createVNode(unref(_sfc_main$Y), normalizeProps(guardReactiveProps({
                     ref: U,
-                    item: N.raw,
-                    index: N.index
+                    item: F.raw,
+                    index: F.index
                   })), createSlots({
                     default: withCtx((Y) => [
                       renderSlot(A.$slots, "item", normalizeProps(guardReactiveProps(Y)))
@@ -9311,8 +9318,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   }, [
                     renderList(unref(l), (Y) => ({
                       name: `item.${Y.key}`,
-                      fn: withCtx((H) => [
-                        unref(r).item ? createCommentVNode("", !0) : renderSlot(A.$slots, `item.${Y.key}`, normalizeProps(mergeProps({ key: 0 }, H)))
+                      fn: withCtx((O) => [
+                        unref(r).item ? createCommentVNode("", !0) : renderSlot(A.$slots, `item.${Y.key}`, normalizeProps(mergeProps({ key: 0 }, O)))
                       ])
                     }))
                   ]), 1040)
@@ -9321,7 +9328,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               }, 1032, ["onUpdate:height"]))), 128)),
               createElementVNode("tr", {
                 class: "ev-data-table--spacer-below",
-                style: normalizeStyle({ height: W.value, border: 0 })
+                style: normalizeStyle({ height: H.value, border: 0 })
               }, [
                 createElementVNode("td", {
                   colspan: B.value,
@@ -9332,7 +9339,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      }, 8, ["disabled", "onScrollPassive", "onScrollend"]))
+      }, 8, ["disabled", "show-finished", "onScrollPassive", "onScrollend"]))
     ], 6));
   }
 }), makeEvDatePickerMonthProps = propsFactory(
@@ -10050,7 +10057,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   setup(n) {
     const e = n;
     function t(l, f) {
-      const d = getTargetRect(l), p = adjustedBoundingRect(f), [u, v] = getComputedStyle(f).transformOrigin.split(" ").map((M) => parseFloat(M)), [m, _] = getComputedStyle(f).getPropertyValue("--ev-overlay-position").split(" ");
+      const d = getTargetRect(l), p = adjustedBoundingRect(f), [u, v] = getComputedStyle(f).transformOrigin.split(" ").map((L) => parseFloat(L)), [m, _] = getComputedStyle(f).getPropertyValue("--ev-overlay-position").split(" ");
       let y = d.left + d.width / 2;
       m === "left" || _ === "left" ? y -= d.width / 2 : (m === "right" || _ === "right") && (y += d.width / 2);
       let k = d.top + d.height / 2;
@@ -10305,13 +10312,13 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       ), p = c.value;
       if (!d || !p)
         return;
-      const u = getComputedStyle(d).color, v = d.getBoundingClientRect(), m = p.getBoundingClientRect(), _ = s.value ? "x" : "y", y = s.value ? "X" : "Y", k = s.value ? "right" : "bottom", C = s.value ? "width" : "height", w = v[_], E = m[_], S = w > E ? v[k] - m[k] : v[_] - m[_], g = Math.sign(S) > 0 ? s.value ? "right" : "bottom" : Math.sign(S) < 0 ? s.value ? "left" : "top" : "center", V = (Math.abs(S) + (Math.sign(S) < 0 ? v[C] : m[C])) / Math.max(v[C], m[C]) || 0, M = v[C] / m[C] || 0, b = 1.5;
+      const u = getComputedStyle(d).color, v = d.getBoundingClientRect(), m = p.getBoundingClientRect(), _ = s.value ? "x" : "y", y = s.value ? "X" : "Y", k = s.value ? "right" : "bottom", C = s.value ? "width" : "height", w = v[_], E = m[_], S = w > E ? v[k] - m[k] : v[_] - m[_], g = Math.sign(S) > 0 ? s.value ? "right" : "bottom" : Math.sign(S) < 0 ? s.value ? "left" : "top" : "center", V = (Math.abs(S) + (Math.sign(S) < 0 ? v[C] : m[C])) / Math.max(v[C], m[C]) || 0, L = v[C] / m[C] || 0, b = 1.5;
       animate(
         p,
         {
           backgroundColor: [u, "currentcolor"],
           transform: [
-            `translate${y}(${S}px) scale${y}(${M})`,
+            `translate${y}(${S}px) scale${y}(${L})`,
             `translate${y}(${S / b}px) scale${y}(${(V - 1) / b + 1})`,
             "none"
           ],
@@ -10586,44 +10593,44 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       },
       o.activatorProps
     )), f = computed(() => {
-      const F = {
+      const N = {
         actions: o.headerActions,
         closeable: o.closeable,
         icon: o.icon,
         title: o.title
-      }, W = o.headerProps ?? {};
-      return Object.assign(F, W);
+      }, H = o.headerProps ?? {};
+      return Object.assign(N, H);
     }), d = computed(() => {
-      const F = {
+      const N = {
         padding: !o.noPadding
-      }, W = o.bodyProps ?? {};
-      return Object.assign(F, W);
+      }, H = o.bodyProps ?? {};
+      return Object.assign(N, H);
     }), p = computed(() => {
-      const F = o.width ?? DialogSizeToWidth[DialogSize.medium];
-      return DialogSizeToWidth[F] ?? F;
+      const N = o.width ?? DialogSizeToWidth[DialogSize.medium];
+      return DialogSizeToWidth[N] ?? N;
     });
-    function u(F) {
-      var I, O;
-      const W = F.relatedTarget, K = F.target;
-      if (W !== K && ((I = s.value) != null && I.contentEl) && ((O = s.value) != null && O.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
-        const z = getFocusableChildren(s.value.contentEl);
-        if (!z.length)
+    function u(N) {
+      var I, z;
+      const H = N.relatedTarget, K = N.target;
+      if (H !== K && ((I = s.value) != null && I.contentEl) && ((z = s.value) != null && z.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
+        const M = getFocusableChildren(s.value.contentEl);
+        if (!M.length)
           return;
-        const A = z[0], T = z[z.length - 1];
-        W === A ? T.focus() : A.focus();
+        const A = M[0], T = M[M.length - 1];
+        H === A ? T.focus() : A.focus();
       }
     }
     Browser.hasWindow && watch(
       () => a.value && o.retainFocus,
-      (F) => {
-        F ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
+      (N) => {
+        N ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
       },
       {
         immediate: !0
       }
-    ), watch(a, async (F) => {
-      var W, K;
-      await nextTick(), F ? (W = s.value.contentEl) == null || W.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
+    ), watch(a, async (N) => {
+      var H, K;
+      await nextTick(), N ? (H = s.value.contentEl) == null || H.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
     });
     function v() {
       a.value = !1;
@@ -10632,11 +10639,11 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       close: v
     });
     let m = !1, _ = null, y = null, k = null, C = null;
-    function w(F) {
-      !o.draggable || F.target.closest("[data-no-drag]") || (m = !0, _ = F.pageX, y = F.pageY, document.body.style.userSelect = "none", t("dragstart", F));
+    function w(N) {
+      !o.draggable || N.target instanceof Element && N.target.closest("[data-no-drag]") || (m = !0, _ = N.pageX, y = N.pageY, document.body.style.userSelect = "none", t("dragstart", N));
     }
     function E() {
-      t("open"), M();
+      t("open"), L();
     }
     function S() {
       t("after-open");
@@ -10650,28 +10657,28 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     function V() {
       D(), t("after-close");
     }
-    function M() {
+    function L() {
       o.draggable && (b(), $());
     }
     function b() {
-      k = (F) => {
+      k = (N) => {
         var K;
-        const W = (K = s.value) == null ? void 0 : K.contentEl;
-        if (m && W) {
-          const I = getOuterWidth(W), O = getOuterHeight(W), z = F.pageX - _, A = F.pageY - y, T = W.getBoundingClientRect(), N = T.left + z, U = T.top + A, Y = getViewport(), H = getComputedStyle(W), q = parseFloat(H.marginLeft), Z = parseFloat(H.marginTop);
-          W.style.position = "fixed", o.dragWithinViewport ? (N >= o.dragMinX && N + I < Y.width && (_ = F.pageX, W.style.left = N - q + "px"), U >= o.dragMinY && U + O < Y.height && (y = F.pageY, W.style.top = U - Z + "px")) : (_ = F.pageX, W.style.left = N - q + "px", y = F.pageY, W.style.top = U - Z + "px");
+        const H = (K = s.value) == null ? void 0 : K.contentEl;
+        if (m && H) {
+          const I = getOuterWidth(H), z = getOuterHeight(H), M = N.pageX - _, A = N.pageY - y, T = H.getBoundingClientRect(), F = T.left + M, U = T.top + A, Y = getViewport(), O = getComputedStyle(H), q = parseFloat(O.marginLeft), Z = parseFloat(O.marginTop);
+          H.style.position = "fixed", o.dragWithinViewport ? (F >= o.dragMinX && F + I < Y.width && (_ = N.pageX, H.style.left = F - q + "px"), U >= o.dragMinY && U + z < Y.height && (y = N.pageY, H.style.top = U - Z + "px")) : (_ = N.pageX, H.style.left = F - q + "px", y = N.pageY, H.style.top = U - Z + "px");
         }
       }, window.document.addEventListener("mousemove", k);
     }
     function $() {
-      C = (F) => {
-        m && (m = !1, document.body.style.userSelect = "", t("dragend", F));
+      C = (N) => {
+        m && (m = !1, document.body.style.userSelect = "", t("dragend", N));
       }, window.document.addEventListener("mouseup", C);
     }
     function D() {
-      L(), G();
+      W(), G();
     }
-    function L() {
+    function W() {
       k && (window.document.removeEventListener("mousemove", k), k = null);
     }
     function G() {
@@ -10679,12 +10686,12 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     }
     return onBeforeUnmount(() => {
       D();
-    }), (F, W) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
+    }), (N, H) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
       ref_key: "overlayRef",
       ref: s
     }, c.value, {
       modelValue: unref(a),
-      "onUpdate:modelValue": W[1] || (W[1] = (K) => isRef(a) ? a.value = K : null),
+      "onUpdate:modelValue": H[1] || (H[1] = (K) => isRef(a) ? a.value = K : null),
       "aria-modal": "true",
       role: "dialog",
       class: [
@@ -10705,7 +10712,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       onAfterLeave: V
     }), createSlots({
       default: withCtx(() => [
-        unref(r).container ? renderSlot(F.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$13, {
+        unref(r).container ? renderSlot(N.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$13, {
           key: 1,
           class: "ev-dialog--surface",
           elevation: "overlay",
@@ -10715,25 +10722,25 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
             o.hideHeader ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$o, mergeProps({
               key: 0,
               modelValue: unref(a),
-              "onUpdate:modelValue": W[0] || (W[0] = (K) => isRef(a) ? a.value = K : null)
+              "onUpdate:modelValue": H[0] || (H[0] = (K) => isRef(a) ? a.value = K : null)
             }, f.value, { onMousedown: w }), createSlots({ _: 2 }, [
               unref(r).header ? {
                 name: "default",
                 fn: withCtx(() => [
-                  renderSlot(F.$slots, "header")
+                  renderSlot(N.$slots, "header")
                 ]),
                 key: "0"
               } : void 0
             ]), 1040, ["modelValue"])),
             createVNode(_sfc_main$t, normalizeProps(guardReactiveProps(d.value)), {
               default: withCtx(() => [
-                renderSlot(F.$slots, "default")
+                renderSlot(N.$slots, "default")
               ]),
               _: 3
             }, 16),
             unref(r).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
               default: withCtx(() => [
-                renderSlot(F.$slots, "footer")
+                renderSlot(N.$slots, "footer")
               ]),
               _: 3
             })) : createCommentVNode("", !0)
@@ -10746,7 +10753,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       unref(r).activator ? {
         name: "activator",
         fn: withCtx(({ isActive: K, props: I }) => [
-          renderSlot(F.$slots, "activator", {
+          renderSlot(N.$slots, "activator", {
             isActive: K,
             props: I
           })
@@ -11744,7 +11751,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         useGrouping: !1,
         minimumFractionDigits: 0,
         maximumFractionDigits: 20
-      }, D = t.numberFormatter.formatter($).formatToParts(b).find((L) => L.type === "fraction");
+      }, D = t.numberFormatter.formatter($).formatToParts(b).find((W) => W.type === "fraction");
       return D ? D.value.length : 0;
     }
     function m(b) {
@@ -11789,9 +11796,9 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       }
       if (b.key === "Enter") {
         b.preventDefault();
-        const G = a.parseValue(c.value), F = m(G);
-        i.value = F, nextTick(() => {
-          c.value = isEmpty(F) ? "" : F.toString();
+        const G = a.parseValue(c.value), N = m(G);
+        i.value = N, nextTick(() => {
+          c.value = isEmpty(N) ? "" : N.toString();
         });
         return;
       }
@@ -11806,7 +11813,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       b.preventDefault();
       const $ = (D = b.clipboardData) == null ? void 0 : D.getData("Text");
       if ($) {
-        const L = a.parseValue($), G = m(L);
+        const W = a.parseValue($), G = m(W);
         c.value = isEmpty(G) ? "" : G.toString(), i.value = G;
       }
     }
@@ -11819,14 +11826,14 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         i.value + b * d.value
       ), c.value = a.formatValue($);
       const D = Date.now();
-      let L = d.value;
+      let W = d.value;
       p = setInterval(() => {
-        const F = (Date.now() - D) / 1e3;
-        if (F < incrementDelay)
+        const N = (Date.now() - D) / 1e3;
+        if (N < incrementDelay)
           return;
-        const W = Math.floor(Math.pow(2, F - 1));
-        L = d.value * W, $ = m(
-          $ + b * L
+        const H = Math.floor(Math.pow(2, N - 1));
+        W = d.value * H, $ = m(
+          $ + b * W
         ), c.value = a.formatValue($);
       }, incrementRate);
     }
@@ -11837,7 +11844,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         i.value = m(b), u = !1;
       }
     }
-    const V = computed(() => e.showButtons || o.prefix || e.prefix), M = computed(() => e.showButtons || o.suffix || e.suffix);
+    const V = computed(() => e.showButtons || o.prefix || e.prefix), L = computed(() => e.showButtons || o.suffix || e.suffix);
     return (b, $) => (openBlock(), createBlock(unref(_sfc_main$L), mergeProps({
       ref_key: "evTextfieldRef",
       ref: r
@@ -11884,7 +11891,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         ]),
         key: "1"
       } : void 0,
-      M.value ? {
+      L.value ? {
         name: "suffix",
         fn: withCtx(() => [
           renderSlot(b.$slots, "suffix", {}, () => [
@@ -12498,8 +12505,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       !1
     ), f = computed(() => o.link !== !1 && a.isLink.value), d = computed(() => !o.disabled && o.link !== !1 && (!!l || o.link || a.isClickable.value)), p = computed(() => i("close")), u = computed(() => a.isLink.value ? "a" : o.tag);
     function v(V) {
-      var M;
-      e("click", V), d.value && ((M = a.navigate) == null || M.call(a, V), l == null || l.toggle());
+      var L;
+      e("click", V), d.value && ((L = a.navigate) == null || L.call(a, V), l == null || l.toggle());
     }
     function m(V) {
       V.stopPropagation(), c.value = !1, e("click:close", V);
@@ -12521,7 +12528,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       l,
       c
     );
-    return (V, M) => {
+    return (V, L) => {
       var b, $;
       return unref(c) ? (openBlock(), createBlock(resolveDynamicComponent(u.value), {
         key: 0,
@@ -12695,27 +12702,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         const R = C(x);
         return t.multiple ? R : R[0] ?? null;
       }
-    ), B = computed(() => g.value.map((x) => y.value.find((R) => t.valueComparator(R.value, x.value)) || x)), V = shallowRef(-1), M = computed(() => B.value.map((x) => x.props.value)), b = new KeyLogger(), $ = computed(() => {
+    ), B = computed(() => g.value.map((x) => y.value.find((R) => t.valueComparator(R.value, x.value)) || x)), V = shallowRef(-1), L = computed(() => B.value.map((x) => x.props.value)), b = new KeyLogger(), $ = computed(() => {
       var R;
       return (t.autoSelectFirst === !0 || t.autoSelectFirst === "exact" && w.value === ((R = S.value[0]) == null ? void 0 : R.title)) && S.value.length > 0 && !i.value && !l.value;
-    }), D = useForm(), { t: L } = useLocaleFunctions();
+    }), D = useForm(), { t: W } = useLocaleFunctions();
     function G() {
       var x;
       a.value && (i.value = !0, (x = r.value) == null || x.focus());
     }
-    function F(x) {
+    function N(x) {
       setTimeout(() => {
         a.value = !0, l.value = !0;
       });
     }
-    function W(x) {
+    function H(x) {
       l.value = !1;
     }
     function K(x) {
       x.preventDefault();
     }
-    const { onListScroll: I, onListKeydown: O } = useScrolling(m, r);
-    function z(x) {
+    const { onListScroll: I, onListKeydown: z } = useScrolling(m, r);
+    function M(x) {
       var R;
       (R = m.value) != null && R.$el.contains(x.relatedTarget) || (u.value = !1), V.value = -1;
     }
@@ -12730,7 +12737,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     function T(x) {
       t.openOnClear && (u.value = !0), w.value = "";
     }
-    function N(x) {
+    function F(x) {
       w.value = x.target.value;
     }
     function U(x) {
@@ -12782,7 +12789,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         (J = _.value) == null || J.scrollToIndex(Q);
       }
     }
-    function H() {
+    function O() {
       v.value || (u.value = !u.value);
     }
     function q(x, R = !0) {
@@ -12865,12 +12872,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       readonly: !c.value || t.readonly,
       placeholder: unref(g).length ? void 0 : t.placeholder,
       "validation-value": ve.value,
-      onBlur: z,
+      onBlur: M,
       onChange: A,
       "onClick:clear": T,
-      onInput: N,
+      onInput: F,
       onKeydown: U,
-      "onMousedown:control": H,
+      "onMousedown:control": O,
       "onUpdate:modelValue": fe
     }), createSlots({
       default: withCtx(() => [
@@ -12924,12 +12931,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   ref_key: "evListRef",
                   ref: m,
                   class: "ev-select--list",
-                  selected: M.value,
+                  selected: L.value,
                   "select-strategy": t.multiple ? "multi-any" : "single-any",
                   tabindex: "-1",
-                  onFocusin: F,
-                  onFocusout: W,
-                  onKeydown: unref(O),
+                  onFocusin: N,
+                  onFocusout: H,
+                  onKeydown: unref(z),
                   onMousedown: K,
                   onScrollPassive: unref(I)
                 }, {
@@ -12937,7 +12944,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     renderSlot(x.$slots, "items-prefix"),
                     !S.value.length && !t.hideItemsEmpty ? renderSlot(x.$slots, "items-empty", { key: 0 }, () => [
                       createVNode(unref(_sfc_main$V), {
-                        title: unref(L)(t.itemsEmptyText)
+                        title: unref(W)(t.itemsEmptyText)
                       }, null, 8, ["title"])
                     ]) : createCommentVNode("", !0),
                     createVNode(unref(_sfc_main$7), {