vlite3 1.0.7 → 1.0.8

package/components/ButtonGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonGroup.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c990b8da"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-298c3d8a"]]);
 export {
   m as default
 };

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ye, inject as we, computed as r, ref as y, watch as g, openBlock as i, createElementBlock as m, createBlock as F, normalizeClass as w, createSlots as K, withCtx as x, renderSlot as $, createVNode as B, createCommentVNode as A, createElementVNode as f, Fragment as N, renderList as E, normalizeStyle as L, isMemoSame as Y, mergeProps as X, unref as q } from "vue";
+import { defineComponent as ye, inject as we, computed as i, ref as y, watch as g, openBlock as r, createElementBlock as m, createBlock as U, normalizeClass as w, createSlots as j, withCtx as x, renderSlot as $, createVNode as B, createCommentVNode as W, createElementVNode as f, Fragment as A, renderList as E, normalizeStyle as L, isMemoSame as Y, mergeProps as X, unref as q } from "vue";
 import Pe from "../CheckBox.vue.js";
 import Ce from "../Button.vue.js";
 import Se from "../ConfirmationModal.vue.js";
@@ -14,11 +14,11 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
   scope: "col",
   class: "w-[40px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "40px" }
-}, Ae = { class: "flex items-center justify-center" }, Ne = { class: "[&_tr:last-child]:border-0" }, Ve = {
+}, We = { class: "flex items-center justify-center" }, Ae = { class: "[&_tr:last-child]:border-0" }, Ne = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, Me = { key: 2 }, Ue = ["colspan"], Fe = { key: 1 }, Qe = /* @__PURE__ */ ye({
+}, Ve = { key: 2 }, Me = ["colspan"], Ue = { key: 1 }, Qe = /* @__PURE__ */ ye({
   __name: "DataTable",
   props: {
     rows: { default: () => [] },
@@ -69,18 +69,18 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           if (n in e[0]) return n;
       }
       return "_id";
-    }, Q = (e) => e.sortKey || e.field, a = o, b = G, R = we($e, null), j = r(() => R?.disableSearch ? !1 : a.showSearch), C = r(() => a.hideSelectable ? !1 : R ? R.forceSelectable : !0), d = r(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), S = y(
+    }, Q = (e) => e.sortKey || e.field, a = o, b = G, R = we($e, null), F = i(() => R?.disableSearch ? !1 : a.showSearch), C = i(() => a.hideSelectable ? !1 : R ? R.forceSelectable : !0), d = i(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), S = y(
       a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
-    ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), k = y(!1), Z = r(() => a.loading);
+    ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), k = y(!1), Z = i(() => a.loading);
     g(
       () => a.search,
       (e) => {
         e !== void 0 && e !== p.value && (p.value = e);
       }
     );
-    let V = null;
+    let N = null;
     g(p, () => {
-      V && clearTimeout(V), V = setTimeout(() => {
+      N && clearTimeout(N), N = setTimeout(() => {
         h.value = 1, z();
       }, 300);
     }), g(
@@ -108,18 +108,18 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
       },
       { immediate: !0, deep: !0 }
     );
-    const M = r(
+    const V = i(
       () => a.rows.length > 0 && a.rows.every((e) => s.value.has(c(e, d.value)))
-    ), O = r(() => s.value.size > 0 && !M.value), _ = r(() => {
+    ), K = i(() => s.value.size > 0 && !V.value), _ = i(() => {
       const e = [...a.selectedRows || [], ...a.rows], t = /* @__PURE__ */ new Map();
       return e.forEach((l) => t.set(c(l, d.value), l)), Array.from(s.value).map((l) => t.get(l)).filter(Boolean);
     }), ee = (e) => {
       const t = new Set(s.value);
-      e ? a.rows.forEach((l) => t.add(c(l, d.value))) : a.rows.forEach((l) => t.delete(c(l, d.value))), s.value = t, W();
+      e ? a.rows.forEach((l) => t.add(c(l, d.value))) : a.rows.forEach((l) => t.delete(c(l, d.value))), s.value = t, O();
     }, te = (e) => {
       const t = new Set(s.value);
-      t.has(e) ? t.delete(e) : t.add(e), s.value = t, W();
-    }, W = () => {
+      t.has(e) ? t.delete(e) : t.add(e), s.value = t, O();
+    }, O = () => {
       const e = /* @__PURE__ */ new Set(), t = [];
       a.rows.forEach((l) => {
         const n = c(l, d.value);
@@ -129,8 +129,8 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
         !e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
       }), b("select", {
         selected: t,
-        all: M.value,
-        indeterminate: O.value
+        all: V.value,
+        indeterminate: K.value
       }), b("update:selectedRows", t);
     }, le = (e) => {
       const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
@@ -142,9 +142,9 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
     }, se = (e) => b("rowClick", e), ne = () => {
       b("delete", _.value), k.value = !1;
     };
-    let U = null;
+    let M = null;
     const z = () => {
-      U && clearTimeout(U), U = setTimeout(() => {
+      M && clearTimeout(M), M = setTimeout(() => {
         const e = {
           pagination: { page: h.value, limit: S.value },
           sort: { ...u.value },
@@ -161,43 +161,46 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
         s.value = new Set([...s.value].filter((t) => e.has(t)));
       }
     );
-    const re = r(() => [
+    const ie = i(() => [
       "w-full flex flex-col",
       a.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => {
+    ].join(" ")), re = i(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => {
       const t = {};
-      return e.width && !/^w-/.test(e.width) && (t.width = e.width), e.minWidth && (t.minWidth = e.minWidth), t;
-    }, ce = (e) => e.width && /^w-/.test(e.width) ? e.width : "", ue = r(
+      return e.width && !/(?:^|\s|:)w-/.test(e.width) && (t.width = e.width), e.minWidth && !/(?:^|\s|:)min-w-/.test(e.minWidth) && (t.minWidth = e.minWidth), t;
+    }, ce = (e) => {
+      const t = [];
+      return e.width && /(?:^|\s|:)w-/.test(e.width) && t.push(e.width), e.minWidth && /(?:^|\s|:)min-w-/.test(e.minWidth) && t.push(e.minWidth), t.join(" ");
+    }, ue = i(
       () => a.emptyTitleI18n ? P(a.emptyTitleI18n) : a.emptyTitle
-    ), me = r(
+    ), me = i(
       () => a.emptyDescriptionI18n ? P(a.emptyDescriptionI18n) : a.emptyDescription
-    ), fe = r(() => {
+    ), fe = i(() => {
       const e = P("vlite.dataTable.confirmDeleteTitle");
       return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), ve = r(() => {
+    }), ve = i(() => {
       const e = P("vlite.dataTable.confirmDeleteDesc");
       return e !== "vlite.dataTable.confirmDeleteDesc" ? e : "Are you sure you want to delete the selected items?";
-    }), he = r(() => {
+    }), he = i(() => {
       const e = P("vlite.dataTable.deleteBtn");
       return e !== "vlite.dataTable.deleteBtn" ? e : "Delete";
-    }), ge = r(() => {
+    }), ge = i(() => {
       const e = P("vlite.dataTable.cancelBtn");
       return e !== "vlite.dataTable.cancelBtn" ? e : "Cancel";
     });
-    return (e, t) => (i(), m("div", Be, [
-      j.value || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (i(), F(xe, {
+    return (e, t) => (r(), m("div", Be, [
+      F.value || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (r(), U(xe, {
         key: 0,
         modelValue: p.value,
         "onUpdate:modelValue": t[1] || (t[1] = (l) => p.value = l),
-        "show-search": j.value,
+        "show-search": F.value,
         placeholder: o.searchPlaceholder,
         placeholderI18n: o.searchPlaceholderI18n,
         class: w(o.toolbarClass),
         "search-class": o.toolbarSearchClass
-      }, K({ _: 2 }, [
+      }, j({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
           fn: x(() => [
@@ -225,13 +228,13 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : A("", !0),
+      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : W("", !0),
       f("div", {
-        class: w(re.value)
+        class: w(ie.value)
       }, [
         f("div", Ee, [
           f("table", {
-            class: w([ie.value, "data-table"])
+            class: w([re.value, "data-table"])
           }, [
             f("thead", {
               class: w([
@@ -240,17 +243,17 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
               ])
             }, [
               f("tr", Re, [
-                C.value ? (i(), m("th", ze, [
-                  f("div", Ae, [
+                C.value ? (r(), m("th", ze, [
+                  f("div", We, [
                     B(Pe, {
-                      "model-value": M.value,
-                      indeterminate: O.value,
+                      "model-value": V.value,
+                      indeterminate: K.value,
                       size: "xs",
                       "onUpdate:modelValue": ee
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : A("", !0),
-                (i(!0), m(N, null, E(o.headers, (l) => (i(), F(Te, {
+                ])) : W("", !0),
+                (r(!0), m(A, null, E(o.headers, (l) => (r(), U(Te, {
                   key: l.field,
                   header: l,
                   "sort-config": u.value,
@@ -262,20 +265,20 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "class", "style"]))), 128))
               ])
             ], 2),
-            f("tbody", Ne, [
-              Z.value ? (i(!0), m(N, { key: 0 }, E(Math.min(S.value, 15), (l, n, be, v) => {
+            f("tbody", Ae, [
+              Z.value ? (r(!0), m(A, { key: 0 }, E(Math.min(S.value, 15), (l, n, be, v) => {
                 const I = [];
                 if (v && v.key === "skeleton-" + l && Y(v, I)) return v;
-                const T = (i(), m("tr", {
+                const T = (r(), m("tr", {
                   key: "skeleton-" + l,
                   class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
                 }, [
-                  C.value ? (i(), m("td", Ve, [...t[8] || (t[8] = [
+                  C.value ? (r(), m("td", Ne, [...t[8] || (t[8] = [
                     f("div", { class: "flex items-center justify-center" }, [
                       f("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                     ], -1)
-                  ])])) : A("", !0),
-                  (i(!0), m(N, null, E(o.headers, (D) => (i(), m("td", {
+                  ])])) : W("", !0),
+                  (r(!0), m(A, null, E(o.headers, (D) => (r(), m("td", {
                     key: D.field,
                     class: w(["p-5! align-middle last:pr-6!", [D.hideOnMobile ? "hidden md:table-cell" : ""]])
                   }, [
@@ -286,7 +289,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   ], 2))), 128))
                 ]));
                 return T.memo = I, T;
-              }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(N, { key: 1 }, E(o.rows, (l, n, be, v) => {
+              }, t, 2), 128)) : o.rows.length > 0 ? (r(!0), m(A, { key: 1 }, E(o.rows, (l, n, be, v) => {
                 const I = [
                   l,
                   s.value.has(c(l, d.value)),
@@ -296,7 +299,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   o.hoverable
                 ];
                 if (v && v.key === c(l, d.value) && Y(v, I)) return v;
-                const T = (i(), F(De, {
+                const T = (r(), U(De, {
                   key: c(l, d.value),
                   row: l,
                   headers: o.headers,
@@ -310,7 +313,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   onSelect: te,
                   onRowClick: se,
                   class: "[&_td:last-child]:pr-3.5!"
-                }, K({ _: 2 }, [
+                }, j({ _: 2 }, [
                   E(o.headers, (D) => ({
                     name: D.field,
                     fn: x((pe) => [
@@ -319,7 +322,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   }))
                 ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]));
                 return T.memo = I, T;
-              }, t, 4), 128)) : (i(), m("tr", Me, [
+              }, t, 4), 128)) : (r(), m("tr", Ve, [
                 f("td", {
                   colspan: C.value ? o.headers.length + 1 : o.headers.length,
                   class: "align-middle hover:bg-transparent"
@@ -330,7 +333,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                       description: me.value,
                       icon: o.emptyIcon,
                       class: "border-none! bg-transparent! py-16!"
-                    }, K({ _: 2 }, [
+                    }, j({ _: 2 }, [
                       e.$slots["empty-action"] ? {
                         name: "action",
                         fn: x(() => [
@@ -340,13 +343,13 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                       } : void 0
                     ]), 1032, ["title", "description", "icon"])
                   ])
-                ], 8, Ue)
+                ], 8, Me)
               ]))
             ])
           ], 2)
         ])
       ], 2),
-      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (i(), m("div", Fe, [
+      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (r(), m("div", Ue, [
         B(q(ke), X({
           "current-page": h.value,
           "total-pages": o.pageInfo.totalPages,
@@ -355,7 +358,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           onChange: ae,
           "onUpdate:itemsPerPage": oe
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : A("", !0),
+      ])) : W("", !0),
       B(Se, {
         show: k.value,
         "onUpdate:show": t[6] || (t[6] = (l) => k.value = l),

package/components/DataTable/DataTableRow.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as p, openBlock as o, createElementBlock as d, normalizeClass as m, withModifiers as B, createElementVNode as r, createVNode as M, createCommentVNode as z, Fragment as N, renderList as V, normalizeStyle as F, renderSlot as L, createBlock as f } from "vue";
-import $ from "../CheckBox.vue.js";
-import h from "../Price/Price.vue.js";
-import T from "../DateTime/DateTime.vue.js";
-const W = ["data-state"], E = { class: "flex items-center justify-center" }, H = { class: "max-h-[80px] overflow-y-auto w-full" }, I = ["title", "innerHTML"], j = /* @__PURE__ */ S({
+import { defineComponent as S, computed as p, openBlock as o, createElementBlock as d, normalizeClass as a, withModifiers as B, createElementVNode as r, createVNode as M, createCommentVNode as W, Fragment as z, renderList as N, normalizeStyle as V, renderSlot as h, createBlock as f } from "vue";
+import F from "../CheckBox.vue.js";
+import L from "../Price/Price.vue.js";
+import $ from "../DateTime/DateTime.vue.js";
+const T = ["data-state"], E = { class: "flex items-center justify-center" }, H = { class: "max-h-[80px] overflow-y-auto w-full" }, I = ["title", "innerHTML"], j = /* @__PURE__ */ S({
   __name: "DataTableRow",
   props: {
     row: {},
@@ -17,12 +17,12 @@ const W = ["data-state"], E = { class: "flex items-center justify-center" }, H =
   },
   emits: ["select", "rowClick"],
   setup(i, { emit: w }) {
-    const a = i, u = w, n = (e, l) => {
+    const m = i, u = w, n = (e, l) => {
       if (!(!e || !l))
         return l.includes(".") ? l.split(".").reduce((t, s) => t?.[s], e) : e[l];
     }, x = (e, l, t) => e.format ? e.format(l, t) : l == null ? "-" : e.type === "number" ? new Intl.NumberFormat("en-US").format(Number(l)) : String(l), g = (e, l, t) => {
       const s = [];
-      if (e.width && /^w-/.test(e.width) && s.push(e.width), e.capitalize && s.push("capitalize"), e.addStatusColor) {
+      if (e.width && /(?:^|\s|:)w-/.test(e.width) && s.push(e.width), e.minWidth && /(?:^|\s|:)min-w-/.test(e.minWidth) && s.push(e.minWidth), e.capitalize && s.push("capitalize"), e.addStatusColor) {
         const c = y(l);
         c && s.push(c);
       }
@@ -52,13 +52,13 @@ const W = ["data-state"], E = { class: "flex items-center justify-center" }, H =
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[e.align || "left"], k = p(() => n(a.row, a.keyField)), v = () => {
-      u("rowClick", { row: a.row, index: a.index });
+    })[e.align || "left"], k = p(() => n(m.row, m.keyField)), v = () => {
+      u("rowClick", { row: m.row, index: m.index });
     }, C = () => {
       u("select", k.value);
     };
     return (e, l) => (o(), d("tr", {
-      class: m(["border-b data-[state=selected]:bg-muted h-full", [
+      class: a(["border-b data-[state=selected]:bg-muted h-full", [
         i.hoverable ? "hover:bg-muted/20" : "",
         i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         i.isSelected ? "bg-muted! hover:bg-muted/30" : "",
@@ -74,39 +74,39 @@ const W = ["data-state"], E = { class: "flex items-center justify-center" }, H =
         }, ["stop"]))
       }, [
         r("div", E, [
-          M($, {
+          M(F, {
             "model-value": i.isSelected,
             size: "xs",
             "onUpdate:modelValue": C
           }, null, 8, ["model-value"])
         ])
-      ])) : z("", !0),
-      (o(!0), d(N, null, V(i.headers, (t) => (o(), d("td", {
+      ])) : W("", !0),
+      (o(!0), d(z, null, N(i.headers, (t) => (o(), d("td", {
         key: t.field,
-        class: m(["align-middle overflow-hidden max-w-[400px] whitespace-normal break-words", [
+        class: a(["align-middle overflow-hidden max-w-[400px] whitespace-normal break-words", [
           i.compact ? "py-1! -text-fs-1.5! max-sm:pr-10!" : "py-3! pr-5! max-sm:pr-10! -text-fs-1.5!",
           b(t),
           t.hideOnMobile ? "hidden md:table-cell" : "",
           g(t, n(i.row, t.field), i.row)
         ]]),
-        style: F({
-          ...t.width && !/^w-/.test(t.width) ? { width: t.width } : {},
-          ...t.minWidth ? { minWidth: t.minWidth } : {}
+        style: V({
+          ...t.width && !/(?:^|\s|:)w-/.test(t.width) ? { width: t.width } : {},
+          ...t.minWidth && !/(?:^|\s|:)min-w-/.test(t.minWidth) ? { minWidth: t.minWidth } : {}
         })
       }, [
         r("div", H, [
-          L(e.$slots, t.field, {
+          h(e.$slots, t.field, {
             value: n(i.row, t.field),
             row: i.row,
             index: i.index,
             field: t.field
           }, () => [
-            t.type === "price" ? (o(), f(h, {
+            t.type === "price" ? (o(), f(L, {
               key: 0,
               value: n(i.row, t.field),
               class: "block",
               title: String(n(i.row, t.field))
-            }, null, 8, ["value", "title"])) : t.type === "date" ? (o(), f(T, {
+            }, null, 8, ["value", "title"])) : t.type === "date" ? (o(), f($, {
               key: 1,
               value: n(i.row, t.field),
               class: "block",
@@ -120,7 +120,7 @@ const W = ["data-state"], E = { class: "flex items-center justify-center" }, H =
           ])
         ])
       ], 6))), 128))
-    ], 10, W));
+    ], 10, T));
   }
 });
 export {

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ed0b3aa6"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-273433b2"]]);
 export {
-  e as default
+  s as default
 };