vlite3 1.1.2 → 1.1.4

package/components/ConfirmationModal.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as I, computed as l, openBlock as y, createBlock as h, createSlots as w, withCtx as c, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
+import { defineComponent as I, computed as a, openBlock as w, createBlock as y, mergeProps as h, createSlots as $, withCtx as d, createElementVNode as r, toDisplayString as f, createVNode as p, renderSlot as u } from "vue";
 import b from "./Modal.vue.js";
-import p from "./Button.vue.js";
+import x from "./Button.vue.js";
 import { $t as n } from "../utils/i18n.js";
-const k = { class: "pb-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg" }, B = { class: "text-sm text-muted-foreground" }, S = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, _ = /* @__PURE__ */ I({
+const k = { class: "pb-2 px-[2px]" }, B = { class: "mb-1.5 font-semibold text-lg" }, S = { class: "text-sm text-muted-foreground" }, z = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, E = /* @__PURE__ */ I({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -18,69 +18,71 @@ const k = { class: "pb-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
     variant: { default: "danger" }
   },
   emits: ["cancel", "confirm"],
-  setup(o, { emit: u }) {
-    const t = o, d = u, a = () => {
-      d("cancel");
-    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), g = l(
+  setup(o, { emit: v }) {
+    const t = o, m = v, l = () => {
+      m("cancel");
+    }, s = a(() => t.titleI18n ? n(t.titleI18n) : t.title), g = a(
       () => t.descriptionI18n ? n(t.descriptionI18n) : t.description
-    ), T = l(() => {
+    ), T = a(() => {
       if (t.confirmTextI18n) return n(t.confirmTextI18n);
       if (t.confirmText) return t.confirmText;
       const e = n("vlite.confirmation.confirm");
       return e !== "vlite.confirmation.confirm" ? e : "Confirm";
-    }), C = l(() => {
+    }), C = a(() => {
       if (t.cancelTextI18n) return n(t.cancelTextI18n);
       if (t.cancelText) return t.cancelText;
       const e = n("vlite.confirmation.cancel");
       return e !== "vlite.confirmation.cancel" ? e : "Cancel";
     });
-    return (e, i) => (y(), h(b, {
-      show: o.show,
+    return (e, i) => (w(), y(b, h({ show: o.show }, e.$attrs, {
+      "data-testid": e.$attrs["data-testid"] || (s.value ? `confirm-modal-${s.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "confirm-modal"),
       footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
-      onClose: a,
-      "onUpdate:show": i[1] || (i[1] = (s) => !s && a())
-    }, w({
-      footer: c(({ close: s }) => [
-        r("div", S, [
-          m(p, {
+      onClose: l,
+      "onUpdate:show": i[1] || (i[1] = (c) => !c && l())
+    }), $({
+      footer: d(({ close: c }) => [
+        r("div", z, [
+          p(x, {
             variant: "secondary",
             text: C.value,
             disabled: o.loading,
             size: "sm2",
+            "data-testid": "confirm-modal-cancel",
             onClick: () => {
-              s?.(), a?.();
+              c?.(), l?.();
             }
           }, null, 8, ["text", "disabled", "onClick"]),
-          m(p, {
+          p(x, {
             size: "sm2",
             variant: o.variant,
             text: T.value,
             loading: o.loading,
-            onClick: i[0] || (i[0] = (z) => d("confirm"))
+            "data-testid": "confirm-modal-confirm",
+            onClick: i[0] || (i[0] = (D) => m("confirm"))
           }, null, 8, ["variant", "text", "loading"])
         ])
       ]),
-      default: c(() => [
+      default: d(() => [
         r("div", k, [
-          r("h3", $, f(v.value), 1),
-          r("p", B, f(g.value), 1)
+          r("h3", B, f(s.value), 1),
+          r("p", S, f(g.value), 1)
         ])
       ]),
       _: 2
     }, [
       e.$slots?.trigger ? {
         name: "trigger",
-        fn: c(() => [
-          x(e.$slots, "trigger", {}, () => [
-            x(e.$slots, "default")
+        fn: d(() => [
+          u(e.$slots, "trigger", {}, () => [
+            u(e.$slots, "default")
           ])
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["show"]));
+    ]), 1040, ["show", "data-testid"]));
   }
 });
 export {
-  _ as default
+  E as default
 };

package/components/CopyButton.vue.d.ts

@@ -0,0 +1,50 @@
+import { ButtonVariant, ButtonSize, ButtonRounded } from '../types';
+export interface CopyButtonProps {
+    /** The content to be copied to the clipboard */
+    textToCopy: string;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    rounded?: ButtonRounded;
+    class?: any;
+    disabled?: boolean;
+    defaultIcon?: string;
+    copiedIcon?: string;
+    defaultText?: string;
+    copiedText?: string;
+    defaultTextI18n?: string;
+    copiedTextI18n?: string;
+    asIcon?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            copied: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CopyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    copy: (text: string) => any;
+    error: (err: Error) => any;
+}, string, import('vue').PublicProps, Readonly<CopyButtonProps> & Readonly<{
+    onCopy?: (text: string) => any;
+    onError?: (err: Error) => any;
+}>, {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    asIcon: boolean;
+    defaultIcon: string;
+    copiedIcon: string;
+    defaultTextI18n: string;
+    copiedTextI18n: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/CopyButton.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as f, ref as p, computed as l, openBlock as m, createBlock as x, normalizeClass as T, withCtx as y, renderSlot as v, createCommentVNode as I } from "vue";
+import C from "./Button.vue.js";
+import { $t as r } from "../utils/i18n.js";
+const z = /* @__PURE__ */ f({
+  __name: "CopyButton",
+  props: {
+    textToCopy: {},
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: {},
+    class: {},
+    disabled: { type: Boolean },
+    defaultIcon: { default: "lucide:copy" },
+    copiedIcon: { default: "lucide:check" },
+    defaultText: {},
+    copiedText: {},
+    defaultTextI18n: { default: "vlite.copyButton.copy" },
+    copiedTextI18n: { default: "vlite.copyButton.copied" },
+    asIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["copy", "error"],
+  setup(o, { emit: d }) {
+    const e = o, c = d, a = p(!1);
+    let n = null;
+    const u = l(() => a.value ? e.copiedIcon : e.defaultIcon), i = l(() => {
+      if (!e.asIcon)
+        if (a.value) {
+          if (e.copiedText) return e.copiedText;
+          const t = r(e.copiedTextI18n);
+          return t !== e.copiedTextI18n ? t : "Copied";
+        } else {
+          if (e.defaultText) return e.defaultText;
+          const t = r(e.defaultTextI18n);
+          return t !== e.defaultTextI18n ? t : "Copy";
+        }
+    }), s = async () => {
+      if (!e.disabled)
+        try {
+          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, c("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
+            a.value = !1;
+          }, 500);
+        } catch (t) {
+          c("error", t instanceof Error ? t : new Error("Copy failed"));
+        }
+    };
+    return (t, B) => (m(), x(C, {
+      variant: o.variant,
+      size: o.size,
+      rounded: o.rounded,
+      class: T(e.class),
+      disabled: o.disabled,
+      icon: u.value,
+      text: i.value,
+      "as-icon": o.asIcon,
+      onClick: s
+    }, {
+      default: y(() => [
+        !o.asIcon && !i.value ? v(t.$slots, "default", {
+          key: 0,
+          copied: a.value
+        }) : I("", !0)
+      ]),
+      _: 3
+    }, 8, ["variant", "size", "rounded", "class", "disabled", "icon", "text", "as-icon"]));
+  }
+});
+export {
+  z as default
+};

package/components/CopyButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CopyButton.vue.js";
+export {
+  f as default
+};

package/components/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-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 { defineComponent as ye, inject as we, computed as i, ref as y, watch as g, openBlock as r, createElementBlock as u, createBlock as U, normalizeClass as w, createSlots as j, withCtx as x, renderSlot as $, createVNode as B, createCommentVNode as W, createElementVNode as m, 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";
@@ -61,7 +61,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
     const H = (e, t) => {
       if (!(!e || !t))
         return t.includes(".") ? t.split(".").reduce((l, n) => l?.[n], e) : e[t];
-    }, c = (e, t) => H(e, t), J = (e, t) => {
+    }, d = (e, t) => H(e, t), J = (e, t) => {
       const l = ["id", "_id"];
       if (t && t !== "auto") return t;
       if (e && e.length > 0) {
@@ -69,7 +69,7 @@ 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), 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(
+    }, 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), c = i(() => J(a.rows, a.keyField)), v = 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 = i(() => a.loading);
     g(
@@ -103,29 +103,29 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
     g(
       () => a.selectedRows,
       (e) => {
-        const t = new Set((e || []).map((l) => c(l, d.value)));
+        const t = new Set((e || []).map((l) => d(l, c.value)));
         (t.size !== s.value.size || [...t].some((l) => !s.value.has(l))) && (s.value = t);
       },
       { immediate: !0, deep: !0 }
     );
     const V = i(
-      () => a.rows.length > 0 && a.rows.every((e) => s.value.has(c(e, d.value)))
+      () => a.rows.length > 0 && a.rows.every((e) => s.value.has(d(e, c.value)))
     ), 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);
+      return e.forEach((l) => t.set(d(l, c.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, O();
+      e ? a.rows.forEach((l) => t.add(d(l, c.value))) : a.rows.forEach((l) => t.delete(d(l, c.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, O();
     }, O = () => {
       const e = /* @__PURE__ */ new Set(), t = [];
       a.rows.forEach((l) => {
-        const n = c(l, d.value);
+        const n = d(l, c.value);
         s.value.has(n) && (t.push(l), e.add(n));
       }), (a.selectedRows || []).forEach((l) => {
-        const n = c(l, d.value);
+        const n = d(l, c.value);
         !e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
       }), b("select", {
         selected: t,
@@ -134,7 +134,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
       }), b("update:selectedRows", t);
     }, le = (e) => {
       const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
-      u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, z();
+      v.value.field === l ? v.value.order = v.value.order === "asc" ? "desc" : "asc" : (v.value.field = l, v.value.order = "asc"), h.value = 1, z();
     }, ae = (e) => {
       h.value = e, z();
     }, oe = (e) => {
@@ -147,7 +147,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
       M && clearTimeout(M), M = setTimeout(() => {
         const e = {
           pagination: { page: h.value, limit: S.value },
-          sort: { ...u.value },
+          sort: { ...v.value },
           search: p.value,
           filter: {}
         };
@@ -157,7 +157,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
     g(
       () => a.rows,
       () => {
-        const e = new Set(a.rows.map((t) => c(t, d.value)));
+        const e = new Set(a.rows.map((t) => d(t, c.value)));
         s.value = new Set([...s.value].filter((t) => e.has(t)));
       }
     );
@@ -167,10 +167,10 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), re = i(() => ["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(" ")), ce = (e) => {
       const t = {};
       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) => {
+    }, de = (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(
@@ -190,7 +190,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
       const e = P("vlite.dataTable.cancelBtn");
       return e !== "vlite.dataTable.cancelBtn" ? e : "Cancel";
     });
-    return (e, t) => (r(), m("div", Be, [
+    return (e, t) => (r(), u("div", Be, [
       F.value || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (r(), U(xe, {
         key: 0,
         modelValue: p.value,
@@ -229,22 +229,22 @@ 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"])) : W("", !0),
-      f("div", {
+      m("div", {
         class: w(ie.value)
       }, [
-        f("div", Ee, [
-          f("table", {
+        m("div", Ee, [
+          m("table", {
             class: w([re.value, "data-table"])
           }, [
-            f("thead", {
+            m("thead", {
               class: w([
                 "[&_tr]:border-b [&_tr]:border-border bg-muted",
                 o.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              f("tr", Re, [
-                C.value ? (r(), m("th", ze, [
-                  f("div", We, [
+              m("tr", Re, [
+                C.value ? (r(), u("th", ze, [
+                  m("div", We, [
                     B(Pe, {
                       "model-value": V.value,
                       indeterminate: K.value,
@@ -253,60 +253,60 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
                 ])) : W("", !0),
-                (r(!0), m(A, null, E(o.headers, (l) => (r(), U(Te, {
+                (r(!0), u(A, null, E(o.headers, (l) => (r(), U(Te, {
                   key: l.field,
                   header: l,
-                  "sort-config": u.value,
+                  "sort-config": v.value,
                   compact: o.compact,
                   "table-sortable": o.sortable,
                   onSort: le,
-                  class: w(["last:pr-5!", ce(l)]),
-                  style: L(de(l))
+                  class: w(["last:pr-5!", de(l)]),
+                  style: L(ce(l))
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "class", "style"]))), 128))
               ])
             ], 2),
-            f("tbody", Ae, [
-              Z.value ? (r(!0), m(A, { key: 0 }, E(Math.min(S.value, 15), (l, n, be, v) => {
+            m("tbody", Ae, [
+              Z.value ? (r(!0), u(A, { key: 0 }, E(Math.min(S.value, 15), (l, n, be, f) => {
                 const I = [];
-                if (v && v.key === "skeleton-" + l && Y(v, I)) return v;
-                const T = (r(), m("tr", {
+                if (f && f.key === "skeleton-" + l && Y(f, I)) return f;
+                const T = (r(), u("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 ? (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" })
+                  C.value ? (r(), u("td", Ne, [...t[8] || (t[8] = [
+                    m("div", { class: "flex items-center justify-center" }, [
+                      m("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                     ], -1)
                   ])])) : W("", !0),
-                  (r(!0), m(A, null, E(o.headers, (D) => (r(), m("td", {
+                  (r(!0), u(A, null, E(o.headers, (D) => (r(), u("td", {
                     key: D.field,
                     class: w(["p-5! align-middle last:pr-6!", [D.hideOnMobile ? "hidden md:table-cell" : ""]])
                   }, [
-                    f("div", {
+                    m("div", {
                       class: "rounded-md bg-muted/50 animate-pulse h-4",
                       style: L({ width: `${50 + Math.random() * 40}%` })
                     }, null, 4)
                   ], 2))), 128))
                 ]));
                 return T.memo = I, T;
-              }, t, 2), 128)) : o.rows.length > 0 ? (r(!0), m(A, { key: 1 }, E(o.rows, (l, n, be, v) => {
+              }, t, 2), 128)) : o.rows.length > 0 ? (r(!0), u(A, { key: 1 }, E(o.rows, (l, n, be, f) => {
                 const I = [
                   l,
-                  s.value.has(c(l, d.value)),
+                  s.value.has(d(l, c.value)),
                   C.value,
                   o.compact,
                   o.striped,
                   o.hoverable
                 ];
-                if (v && v.key === c(l, d.value) && Y(v, I)) return v;
+                if (f && f.key === d(l, c.value) && Y(f, I)) return f;
                 const T = (r(), U(De, {
-                  key: c(l, d.value),
+                  key: d(l, c.value),
                   row: l,
                   headers: o.headers,
                   index: n,
-                  "key-field": d.value,
+                  "key-field": c.value,
                   selectable: C.value,
-                  "is-selected": s.value.has(c(l, d.value)),
+                  "is-selected": s.value.has(d(l, c.value)),
                   hoverable: o.hoverable,
                   striped: o.striped,
                   compact: o.compact,
@@ -322,8 +322,8 @@ 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)) : (r(), m("tr", Ve, [
-                f("td", {
+              }, t, 4), 128)) : (r(), u("tr", Ve, [
+                m("td", {
                   colspan: C.value ? o.headers.length + 1 : o.headers.length,
                   class: "align-middle hover:bg-transparent"
                 }, [
@@ -349,7 +349,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           ], 2)
         ])
       ], 2),
-      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (r(), m("div", Ue, [
+      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (r(), u("div", Ue, [
         B(q(ke), X({
           "current-page": h.value,
           "total-pages": o.pageInfo.totalPages,

package/components/DatePicker.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as z, computed as m, openBlock as x, createBlock as k, unref as D, withCtx as h, createElementVNode as L, createVNode as g, renderSlot as B, mergeProps as P } from "vue";
-import V from "./Button.vue.js";
-import U from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as z, computed as m, openBlock as w, createBlock as $, unref as D, withCtx as h, createElementVNode as p, createVNode as g, renderSlot as L, mergeProps as x } from "vue";
+import P from "./Button.vue.js";
+import B from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import { $t as I } from "../utils/i18n.js";
+import { $t as V } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
-import j, { TimePicker as C } from "v-datepicker-lite";
+import U, { TimePicker as j } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
+const C = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -29,45 +29,45 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: N }) {
-    const r = t, y = N, a = m({
+  setup(t, { emit: I }) {
+    const r = t, y = I, a = m({
       get: () => r.modelValue ?? r.value,
       set: (e) => {
         y("update:modelValue", e), y("change", e);
       }
-    }), T = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, u = (e) => {
+    }), N = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, u = (e) => {
       if (!e) return null;
       if (e instanceof Date)
         return isNaN(e.getTime()) ? null : new Date(e.getFullYear(), e.getMonth(), e.getDate());
       if (typeof e == "string") {
         if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
-          const [l, d, o] = e.split("-").map(Number);
-          return new Date(l, d - 1, o);
+          const [d, l, o] = e.split("-").map(Number);
+          return new Date(d, l - 1, o);
         }
         if (e.includes("T")) {
-          const l = e.split("T")[0], [d, o, s] = l.split("-").map(Number);
-          return new Date(d, o - 1, s);
+          const d = e.split("T")[0], [l, o, s] = d.split("-").map(Number);
+          return new Date(l, o - 1, s);
         }
         const i = new Date(e);
         return isNaN(i.getTime()) ? null : i;
       }
       return null;
     }, c = (e) => {
-      const n = e.getFullYear(), i = String(e.getMonth() + 1).padStart(2, "0"), l = String(e.getDate()).padStart(2, "0");
-      return `${n}-${i}-${l}`;
+      const n = e.getFullYear(), i = String(e.getMonth() + 1).padStart(2, "0"), d = String(e.getDate()).padStart(2, "0");
+      return `${n}-${i}-${d}`;
     }, b = (e) => {
       try {
         if (e && typeof e == "object") {
-          const d = e.startDate || e.start, o = e.endDate || e.end;
-          if (d && o) {
-            const s = u(d), w = u(o);
-            if (s && w) return { startDate: s, endDate: w };
+          const l = e.startDate || e.start, o = e.endDate || e.end;
+          if (l && o) {
+            const s = u(l), k = u(o);
+            if (s && k) return { startDate: s, endDate: k };
           }
         }
         const n = u(e);
         if (!n) return null;
-        const i = new Date(n), l = new Date(n);
-        return l.setDate(i.getDate() + 6), { startDate: i, endDate: l };
+        const i = new Date(n), d = new Date(n);
+        return d.setDate(i.getDate() + 6), { startDate: i, endDate: d };
       } catch {
         return null;
       }
@@ -99,7 +99,7 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
         }
         const e = new Date(a.value);
         if (isNaN(e.getTime())) return String(a.value);
-        const n = r.mode === "dateTime" && T(a.value);
+        const n = r.mode === "dateTime" && N(a.value);
         return e.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
@@ -110,9 +110,9 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
         return String(a.value);
       }
     }), v = m(() => {
-      if (r.placeholderI18n) return I(r.placeholderI18n);
+      if (r.placeholderI18n) return V(r.placeholderI18n);
       if (r.placeholder !== void 0) return r.placeholder;
-      const e = I("vlite.datePicker.placeholder");
+      const e = V("vlite.datePicker.placeholder");
       return e !== "vlite.datePicker.placeholder" ? e : "Select date";
     }), S = (e) => {
       if (r.mode === "week") {
@@ -133,8 +133,8 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
         }
       }
       a.value = e;
-    }, $ = m(() => r.mode === "week" && a.value && typeof a.value == "object" && (a.value.startDate || a.value.start) || a.value);
-    return (e, n) => t.mode !== "time" ? (x(), k(D(U), {
+    }, T = m(() => r.mode === "week" && a.value && typeof a.value == "object" && (a.value.startDate || a.value.start) || a.value);
+    return (e, n) => t.mode !== "time" ? (w(), $(D(B), {
       key: 0,
       position: "bottom-start",
       class: "w-full",
@@ -143,23 +143,26 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
       disabled: t.disabled || t.readonly
     }, {
       trigger: h(() => [
-        B(e.$slots, "default", {
+        L(e.$slots, "default", {
           value: a.value,
           displayValue: f.value
         }, () => [
-          g(V, P({
+          g(P, x({
             text: f.value?.replace("-", "—") || v.value,
             variant: t.variant || "outline",
             size: t.size || "md",
             icon: t.icon || "lucide:calendar",
             disabled: t.disabled
-          }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
+          }, t.btnProps, {
+            class: "w-full justify-start text-left font-normal",
+            "data-testid": e.$attrs["data-testid"] || (e.$attrs.name ? `datepicker-${e.$attrs.name}` : "datepicker")
+          }), null, 16, ["text", "variant", "size", "icon", "disabled", "data-testid"])
         ])
       ]),
       default: h(() => [
-        L("div", F, [
-          g(D(j), {
-            value: $.value,
+        p("div", C, [
+          g(D(U), {
+            value: T.value,
             mode: t.mode,
             "min-date": t.minDate,
             "max-date": t.maxDate,
@@ -174,7 +177,7 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
         ])
       ]),
       _: 3
-    }, 8, ["teleport", "disabled"])) : (x(), k(D(C), {
+    }, 8, ["teleport", "disabled"])) : (w(), $(D(j), {
       key: 1,
       "model-value": a.value,
       "onUpdate:modelValue": [
@@ -192,13 +195,16 @@ const F = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ z({
       readonly: t.readonly
     }, {
       default: h(() => [
-        g(V, P({
+        g(P, x({
           text: f.value || v.value,
           variant: t.variant || "outline",
           size: t.size || "md",
           icon: t.icon || (t.mode === "time" ? "lucide:clock" : "lucide:calendar"),
           disabled: t.disabled
-        }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
+        }, t.btnProps, {
+          class: "w-full justify-start text-left font-normal",
+          "data-testid": e.$attrs["data-testid"] || (e.$attrs.name ? `timepicker-${e.$attrs.name}` : "timepicker")
+        }), null, 16, ["text", "variant", "size", "icon", "disabled", "data-testid"])
       ]),
       _: 1
     }, 8, ["model-value", "mode", "min-date", "max-date", "disabled-dates", "minuteInterval", "disabled", "readonly"]));