@evance/evance-ui 1.0.14 → 1.0.16

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, createElementBlock, openBlock, createElementVNode, isRef, toRaw, inject, watch, ref, provide, shallowRef, defineComponent, useCssVars, useAttrs, normalizeClass, createBlock, resolveDynamicComponent, Transition, h, mergeProps, useSlots, normalizeStyle, renderSlot, createCommentVNode, nextTick, onBeforeMount, onMounted, 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.13 | MIT License */
+/*! Evance UI v1.0.16 | MIT License */
 class Anchor {
   constructor(e, t) {
     this.side = e, this.alignment = t;
@@ -2467,7 +2467,15 @@ function useRtl() {
     rtlClasses: e
   };
 }
-const EvDialogServiceSymbol = Symbol.for("ev:dialog-service"), EvDialogInstanceSymbol = Symbol.for("ev:dialog-instance");
+const makeTagProps = propsFactory(
+  {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  "tag"
+), EvDialogServiceSymbol = Symbol.for("ev:dialog-service"), EvDialogInstanceSymbol = Symbol.for("ev:dialog-instance");
 function useDialog() {
   const n = inject(EvDialogServiceSymbol);
   if (!n)
@@ -3281,15 +3289,7 @@ function useGroup(n, e) {
   };
   return provide(e, f), f;
 }
-const makeTagProps = propsFactory(
-  {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  },
-  "tag"
-), makeEvButtonGroupProps = propsFactory(
+const makeEvButtonGroupProps = propsFactory(
   {
     items: {
       type: Array,
@@ -3524,7 +3524,7 @@ const _hoisted_1$y = {
   class: "ev-button--icon"
 }, _hoisted_4$h = {
   key: 3,
-  class: "ev-button--text",
+  class: "ev-button--content",
   "data-no-activator": ""
 }, _hoisted_5$d = {
   key: 4,
@@ -3639,8 +3639,9 @@ const _hoisted_1$y = {
     provideDefaults({
       EvButton: {
         appearance: toRef(t, "appearance"),
-        variant: toRef(t, "variant"),
-        size: toRef(t, "size")
+        rounded: toRef(t, "rounded"),
+        size: toRef(t, "size"),
+        variant: toRef(t, "variant")
       }
     });
     const o = computed(() => {
@@ -7159,13 +7160,13 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         });
       }
     );
-    const I = ref();
+    const R = ref();
     watch(
       () => u.value && (o.absolute || o.contained) && S.value == null,
       (B) => {
         if (B) {
           const N = getScrollParent(c.value);
-          N && N !== document.scrollingElement && (I.value = N.scrollTop);
+          N && N !== document.scrollingElement && (R.value = N.scrollTop);
         }
       }
     );
@@ -7179,7 +7180,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           o.activatorProps
         )
       });
-    }, R = mergeProps(w.value, o.contentProps), M = {
+    }, I = mergeProps(w.value, o.contentProps), M = {
       ...p,
       ...r
     };
@@ -7206,7 +7207,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             style: [
               unref(_),
               {
-                top: unref(toWebUnit)(I.value)
+                top: unref(toWebUnit)(R.value)
               },
               o.style
             ]
@@ -7235,7 +7236,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                   ref: l,
                   class: ["ev-overlay--content", [o.contentClass]],
                   style: [unref(f), unref(V)]
-                }, unref(R)), [
+                }, unref(I)), [
                   renderSlot(B.$slots, "default")
                 ], 16)), [
                   [vShow, u.value],
@@ -7580,7 +7581,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       previous: t.previous,
       select: t.select,
       isSelected: t.isSelected
-    })), K = computed(() => Math.abs(a.value) > 0), G = computed(() => c.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), T = computed(() => `is-arrows-${e.arrowsAlign}`), R = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), M = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
+    })), K = computed(() => Math.abs(a.value) > 0), G = computed(() => c.value > Math.abs(a.value) + i.value), R = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), T = computed(() => `is-arrows-${e.arrowsAlign}`), I = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), M = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
     return (B, N) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-slide-group",
@@ -7618,7 +7619,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             renderSlot(B.$slots, "default", normalizeProps(guardReactiveProps(W.value)))
           ], 36)
         ], 544),
-        I.value ? (openBlock(), createElementBlock("div", {
+        R.value ? (openBlock(), createElementBlock("div", {
           key: "previous",
           class: normalizeClass([
             "ev-slide-group--previous",
@@ -7630,12 +7631,12 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         }, [
           renderSlot(B.$slots, "previous", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? R.value : M.value,
+              icon: unref(o) && l.value ? I.value : M.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
         ], 10, _hoisted_1$q)) : createCommentVNode("", !0),
-        I.value ? (openBlock(), createElementBlock("div", {
+        R.value ? (openBlock(), createElementBlock("div", {
           key: "next",
           class: normalizeClass([
             "ev-slide-group--next",
@@ -7647,7 +7648,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         }, [
           renderSlot(B.$slots, "next", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? M.value : R.value,
+              icon: unref(o) && l.value ? M.value : I.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -8133,25 +8134,25 @@ const EvTransitionExpand = createJavaScriptTransition(
       onSortTitleSelected: v,
       sortIcon: m
     } = useSortOptions(t), _ = useSlots(), { allSelected: g, someSelected: k, selectAll: C, showSelectAll: w } = useSelection(), E = shallowRef(!1), S = ref(null), y = shallowRef(null), D = shallowRef(!1);
-    function V(R) {
-      D.value = !D.value, e("click:filter", R);
+    function V(I) {
+      D.value = !D.value, e("click:filter", I);
     }
     const z = computed(
       () => {
-        var R;
-        return (R = t.searchPlaceholder) != null && R.length ? t.searchPlaceholder : s("search.placeholder");
+        var I;
+        return (I = t.searchPlaceholder) != null && I.length ? t.searchPlaceholder : s("search.placeholder");
       }
-    ), b = debounce((R) => {
-      a.value = R;
+    ), b = debounce((I) => {
+      a.value = I;
     }, t.searchDelay), $ = computed(() => {
-      const R = _["select-actions"] || t.selectActions;
-      return k.value && R;
+      const I = _["select-actions"] || t.selectActions;
+      return k.value && I;
     }), A = computed(() => y.value < filtersBreakpoint), L = {
       EvFilterButton: { size: "small", rounded: !0 },
       EvButton: { size: "small" }
     }, H = computed(() => y.value > sortBreakpoint ? d.value : void 0), W = computed(() => {
-      for (const R in t.filters) {
-        const M = t.filters[R];
+      for (const I in t.filters) {
+        const M = t.filters[I];
         if (isBoolean(M) && M)
           return !0;
         if (Array.isArray(M) && M.length > 0)
@@ -8161,13 +8162,13 @@ const EvTransitionExpand = createJavaScriptTransition(
       }
       return !1;
     });
-    function K(R) {
-      b(R);
+    function K(I) {
+      b(I);
     }
     function G() {
       E.value = !0;
     }
-    function I() {
+    function R() {
       E.value = !1;
     }
     function T() {
@@ -8177,7 +8178,7 @@ const EvTransitionExpand = createJavaScriptTransition(
       window.addEventListener("resize", T, { passive: !0 }), T();
     }), onUnmounted(() => {
       window.removeEventListener("resize", T);
-    }), (R, M) => (openBlock(), createElementBlock(Fragment, null, [
+    }), (I, M) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
         ref_key: "containerRef",
         ref: S,
@@ -8202,11 +8203,11 @@ const EvTransitionExpand = createJavaScriptTransition(
             name: "transition-slide-up",
             mode: "out-in",
             onBeforeLeave: G,
-            onAfterEnter: I
+            onAfterEnter: R
           }, {
             default: withCtx(() => [
               $.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                renderSlot(R.$slots, "select-actions", {}, () => [
+                renderSlot(I.$slots, "select-actions", {}, () => [
                   createVNode(unref(_sfc_main$1a), {
                     size: "small",
                     variant: "subtle",
@@ -8262,7 +8263,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$O), null, {
                         default: withCtx(() => [
-                          renderSlot(R.$slots, "filters")
+                          renderSlot(I.$slots, "filters")
                         ]),
                         _: 3
                       })
@@ -8347,7 +8348,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$O), null, {
                     default: withCtx(() => [
-                      renderSlot(R.$slots, "filters")
+                      renderSlot(I.$slots, "filters")
                     ]),
                     _: 3
                   })
@@ -8374,8 +8375,8 @@ const EvTransitionExpand = createJavaScriptTransition(
 function useVirtual(n, e) {
   const t = useDisplay(), o = shallowRef(0);
   watchEffect(() => {
-    const I = n.itemHeight || 0;
-    o.value = isNumber(I) ? I : parseFloat(I);
+    const R = n.itemHeight || 0;
+    o.value = isNumber(R) ? R : parseFloat(R);
   });
   const r = shallowRef(0), s = shallowRef(
     Math.ceil(
@@ -8392,27 +8393,27 @@ function useVirtual(n, e) {
   });
   const u = computed(() => {
     var T;
-    const I = isNumber(n.height) ? n.height : parseInt(n.height);
-    return c.value === document.documentElement ? t.height.value : ((T = p.value) == null ? void 0 : T.height) || I || 0;
+    const R = isNumber(n.height) ? n.height : parseInt(n.height);
+    return c.value === document.documentElement ? t.height.value : ((T = p.value) == null ? void 0 : T.height) || R || 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 g = shallowRef(0);
   let k = -1;
-  function C(I) {
-    return m[I] || o.value;
+  function C(R) {
+    return m[R] || o.value;
   }
   const w = debounce(() => {
-    const I = performance.now();
+    const R = performance.now();
     _[0] = 0;
     const T = e.value.length;
-    for (let R = 1; R <= T - 1; R++)
-      _[R] = (_[R - 1] || 0) + C(R - 1);
+    for (let I = 1; I <= T - 1; I++)
+      _[I] = (_[I - 1] || 0) + C(I - 1);
     g.value = Math.max(
       g.value,
-      performance.now() - I
+      performance.now() - R
     );
-  }, g), E = watch(v, (I) => {
-    I && (E(), d = l.value.offsetTop, w.immediate(), H(), ~k && nextTick(() => {
+  }, g), E = watch(v, (R) => {
+    R && (E(), d = l.value.offsetTop, w.immediate(), H(), ~k && nextTick(() => {
       Browser.hasWindow && window.requestAnimationFrame(() => {
         K(k), k = -1;
       });
@@ -8421,27 +8422,27 @@ function useVirtual(n, e) {
   onScopeDispose(() => {
     w.clear();
   });
-  function S(I, T) {
-    const R = m[I], M = o.value;
-    o.value = M ? Math.min(o.value, T) : T, (R !== T || M !== o.value) && (m[I] = T, w());
+  function S(R, T) {
+    const I = m[R], M = o.value;
+    o.value = M ? Math.min(o.value, T) : T, (I !== T || M !== o.value) && (m[R] = T, w());
   }
-  function y(I) {
-    return I = clamp(I, 0, e.value.length - 1), _[I] || 0;
+  function y(R) {
+    return R = clamp(R, 0, e.value.length - 1), _[R] || 0;
   }
-  function D(I) {
-    return binaryClosest(_, I);
+  function D(R) {
+    return binaryClosest(_, R);
   }
   let V = 0, z = 0, b = 0;
-  watch(u, (I, T) => {
-    T && (H(), I < T && requestAnimationFrame(() => {
+  watch(u, (R, T) => {
+    T && (H(), R < T && requestAnimationFrame(() => {
       z = 0, H();
     }));
   });
   function $() {
     if (!c.value || !l.value)
       return;
-    const I = c.value.scrollTop, T = performance.now();
-    T - b > 500 ? (z = Math.sign(I - V), d = l.value.offsetTop) : z = I - V, V = I, b = T, H();
+    const R = c.value.scrollTop, T = performance.now();
+    T - b > 500 ? (z = Math.sign(R - V), d = l.value.offsetTop) : z = R - V, V = R, b = T, H();
   }
   function A() {
     !c.value || !l.value || (z = 0, b = 0, H());
@@ -8453,7 +8454,7 @@ function useVirtual(n, e) {
   function W() {
     if (!c.value || !u.value)
       return;
-    const I = V - d, T = Math.sign(z), R = Math.max(0, I - BUFFER_PX), M = clamp(D(R), 0, e.value.length), B = I + u.value + BUFFER_PX, N = clamp(
+    const R = V - d, T = Math.sign(z), I = Math.max(0, R - BUFFER_PX), M = clamp(D(I), 0, e.value.length), B = R + u.value + BUFFER_PX, N = clamp(
       D(B) + 1,
       M + 1,
       e.value.length
@@ -8467,12 +8468,12 @@ function useVirtual(n, e) {
     }
     a.value = y(r.value), i.value = y(e.value.length) - y(s.value);
   }
-  function K(I) {
-    const T = y(I);
-    !c.value || I && !T ? k = I : c.value.scrollTop = T;
+  function K(R) {
+    const T = y(R);
+    !c.value || R && !T ? k = R : c.value.scrollTop = T;
   }
-  const G = computed(() => e.value.slice(r.value, s.value).map((I, T) => ({
-    raw: I,
+  const G = computed(() => e.value.slice(r.value, s.value).map((R, T) => ({
+    raw: R,
     index: T + r.value
   })));
   return watch(
@@ -9040,23 +9041,23 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function W() {
       s.value = !0;
       const T = 1;
-      function R(M) {
+      function I(M) {
         a.value = M, i.value = T, s.value = !1, G(M.length < o.itemsPerPage ? "finished" : "ok");
       }
-      t("load", { next: R, page: T });
+      t("load", { next: I, page: T });
     }
     function K(T) {
-      const R = i.value + 1;
+      const I = i.value + 1;
       function M(B) {
-        a.value.push(...B), i.value = R, B.length < o.itemsPerPage ? T.done() : T.next();
+        a.value.push(...B), i.value = I, B.length < o.itemsPerPage ? T.done() : T.next();
       }
-      t("load", { next: M, page: R });
+      t("load", { next: M, page: I });
     }
     function G(T = "ok") {
-      var R;
-      (R = $.value) == null || R.reset(T);
+      var I;
+      (I = $.value) == null || I.reset(T);
     }
-    function I(T) {
+    function R(T) {
       return {
         width: calculateDisplayRuleValue(T.width),
         minWidth: calculateDisplayRuleValue(T.minWidth),
@@ -9066,19 +9067,19 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return e({
       resetScroll: G,
       reload: W
-    }), (T, R) => (openBlock(), createElementBlock("div", {
+    }), (T, I) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["ev-data-table", o.class]),
       style: normalizeStyle([unref(c), o.style])
     }, [
       createVNode(unref(_sfc_main$J), mergeProps(H.value, {
         search: unref(b),
         "onUpdate:search": [
-          R[0] || (R[0] = (M) => isRef(b) ? b.value = M : null),
+          I[0] || (I[0] = (M) => isRef(b) ? b.value = M : null),
           W
         ],
         sort: unref(z),
         "onUpdate:sort": [
-          R[1] || (R[1] = (M) => isRef(z) ? z.value = M : null),
+          I[1] || (I[1] = (M) => isRef(z) ? z.value = M : null),
           W
         ],
         loading: unref(s),
@@ -9121,7 +9122,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 o.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3$c)) : createCommentVNode("", !0),
                 (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (M, B) => (openBlock(), createElementBlock("col", {
                   key: B,
-                  style: normalizeStyle(I(M))
+                  style: normalizeStyle(R(M))
                 }, null, 4))), 128))
               ])
             ]),
@@ -12171,8 +12172,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     function G(x) {
       x.preventDefault();
     }
-    const { onListScroll: I, onListKeydown: T } = useScrolling(m, r);
-    function R(x) {
+    const { onListScroll: R, onListKeydown: T } = useScrolling(m, r);
+    function I(x) {
       var F;
       (F = m.value) != null && F.$el.contains(x.relatedTarget) || (u.value = !1), V.value = -1;
     }
@@ -12322,7 +12323,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       readonly: !c.value || t.readonly,
       placeholder: unref(y).length ? void 0 : t.placeholder,
       "validation-value": ve.value,
-      onBlur: R,
+      onBlur: I,
       onChange: M,
       "onClick:clear": B,
       onInput: N,
@@ -12388,7 +12389,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   onFocusout: K,
                   onKeydown: unref(T),
                   onMousedown: G,
-                  onScrollPassive: unref(I)
+                  onScrollPassive: unref(R)
                 }, {
                   default: withCtx(() => [
                     renderSlot(x.$slots, "items-prefix"),
@@ -12924,7 +12925,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   emits: ["click:back", "click:close", "update:tab"],
   setup(n, { emit: e }) {
-    const t = n, o = useSlots(), r = getCurrentInstance(), s = computed(() => !!(r != null && r.vnode.props["onClick:back"])), a = computed(() => !!(r != null && r.vnode.props["onClick:close"])), i = computed(() => s.value || t.icon || t.title);
+    const t = n, o = useSlots(), r = getCurrentInstance(), s = computed(() => {
+      var v;
+      return !!((v = r == null ? void 0 : r.vnode.props) != null && v["onClick:back"]);
+    }), a = computed(() => {
+      var v;
+      return !!((v = r == null ? void 0 : r.vnode.props) != null && v["onClick:close"]);
+    }), i = computed(() => s.value || t.icon || t.title);
     function c(v) {
       v.stopPropagation(), e("click:back", v);
     }
@@ -14086,6 +14093,7 @@ export {
   makeActivatorProps,
   makeAppearanceProps,
   makeClassName,
+  makeComponentProps,
   makeElevationClass,
   makeEvAvatarProps,
   makeEvBadgeProps,
@@ -14159,6 +14167,7 @@ export {
   makeLabelProps,
   makePositionStrategyProps,
   makeScrollStrategyProps,
+  makeTagProps,
   makeTextAlignProps,
   makeTextAppearanceProps,
   matchesSelector,