vlite3 0.9.8 → 0.9.12

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.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.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/DatePicker.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as I, computed as d, openBlock as g, createBlock as D, unref as o, withCtx as u, createElementVNode as N, createVNode as m, renderSlot as T, mergeProps as x } from "vue";
-import w from "./Button.vue.js";
-import z from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as T, computed as d, openBlock as x, createBlock as w, unref as o, withCtx as u, createElementVNode as z, createVNode as m, renderSlot as $, mergeProps as k } from "vue";
+import P from "./Button.vue.js";
+import B from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import { $t as k } from "../utils/i18n.js";
+import { $t as S } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
-import $, { TimePicker as B } from "v-datepicker-lite";
+import j, { TimePicker as C } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
+const U = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ T({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -29,22 +29,26 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: P }) {
-    const l = t, s = P, a = d({
+  setup(t, { emit: V }) {
+    const l = t, s = V, a = d({
       get: () => l.modelValue ?? l.value,
       set: (e) => {
         s("update:modelValue", e), s("change", e);
       }
-    }), S = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, c = (e) => {
+    }), I = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, c = (e) => {
       try {
-        if (e && typeof e == "object" && e.start && e.end) {
-          const b = new Date(e.start), y = new Date(e.end);
-          if (!isNaN(b.getTime()) && !isNaN(y.getTime())) return { start: b, end: y };
+        if (e && typeof e == "object") {
+          const h = e.startDate || e.start, b = e.endDate || e.end;
+          if (h && b) {
+            const y = new Date(h), g = new Date(b);
+            if (!isNaN(y.getTime()) && !isNaN(g.getTime()))
+              return { startDate: y, endDate: g };
+          }
         }
         const n = new Date(e);
         if (isNaN(n.getTime())) return null;
-        const i = new Date(n), h = new Date(n);
-        return h.setDate(i.getDate() + 6), { start: i, end: h };
+        const i = new Date(n), D = new Date(n);
+        return D.setDate(i.getDate() + 6), { startDate: i, endDate: D };
       } catch {
         return null;
       }
@@ -54,13 +58,21 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
       if (l.mode === "week") {
         const e = c(a.value);
         if (!e) return "";
-        const n = e.start.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), i = e.end.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+        const n = e.startDate.toLocaleDateString("en-US", {
+          month: "short",
+          day: "numeric",
+          year: "numeric"
+        }), i = e.endDate.toLocaleDateString("en-US", {
+          month: "short",
+          day: "numeric",
+          year: "numeric"
+        });
         return `${n} - ${i}`;
       }
       try {
         const e = new Date(a.value);
         if (isNaN(e.getTime())) return String(a.value);
-        const n = l.mode === "dateTime" && S(a.value);
+        const n = l.mode === "dateTime" && I(a.value);
         return e.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
@@ -71,21 +83,21 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
         return String(a.value);
       }
     }), f = d(() => {
-      if (l.placeholderI18n) return k(l.placeholderI18n);
+      if (l.placeholderI18n) return S(l.placeholderI18n);
       if (l.placeholder !== void 0) return l.placeholder;
-      const e = k("vlite.datePicker.placeholder");
+      const e = S("vlite.datePicker.placeholder");
       return e !== "vlite.datePicker.placeholder" ? e : "Select date";
     }), v = (e) => {
       if (l.mode === "week") {
         const n = c(e);
         if (n) {
-          a.value = { start: n.start, end: n.end };
+          a.value = { startDate: n.startDate, endDate: n.endDate };
           return;
         }
       }
       a.value = e;
-    }, V = d(() => l.mode === "week" && a.value && typeof a.value == "object" && a.value.start ? a.value.start : a.value);
-    return (e, n) => t.mode !== "time" ? (g(), D(o(z), {
+    }, N = d(() => l.mode === "week" && a.value && typeof a.value == "object" && (a.value.startDate || a.value.start) || a.value);
+    return (e, n) => t.mode !== "time" ? (x(), w(o(B), {
       key: 0,
       position: "bottom-start",
       class: "w-full",
@@ -94,12 +106,12 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
       disabled: t.disabled || t.readonly
     }, {
       trigger: u(() => [
-        T(e.$slots, "default", {
+        $(e.$slots, "default", {
           value: a.value,
           displayValue: r.value
         }, () => [
-          m(w, x({
-            text: r.value || f.value,
+          m(P, k({
+            text: r.value?.replace("-", "—") || f.value,
             variant: t.variant || "outline",
             size: t.size || "md",
             icon: t.icon || "lucide:calendar",
@@ -108,9 +120,9 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
         ])
       ]),
       default: u(() => [
-        N("div", j, [
-          m(o($), {
-            value: V.value,
+        z("div", U, [
+          m(o(j), {
+            value: N.value,
             mode: t.mode,
             "min-date": t.minDate,
             "max-date": t.maxDate,
@@ -125,7 +137,7 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
         ])
       ]),
       _: 3
-    }, 8, ["teleport", "disabled"])) : (g(), D(o(B), {
+    }, 8, ["teleport", "disabled"])) : (x(), w(o(C), {
       key: 1,
       "model-value": a.value,
       "onUpdate:modelValue": [
@@ -143,7 +155,7 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
       readonly: t.readonly
     }, {
       default: u(() => [
-        m(w, x({
+        m(P, k({
           text: r.value || f.value,
           variant: t.variant || "outline",
           size: t.size || "md",
@@ -156,5 +168,5 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
   }
 });
 export {
-  q as default
+  G as default
 };

package/components/DateRangePicker.vue.d.ts

@@ -1,7 +1,7 @@
 import { ButtonSize, ButtonVariant } from '../types';
 export interface DateRange {
-    start: any;
-    end: any;
+    startDate: any;
+    endDate: any;
 }
 type __VLS_Props = {
     modelValue?: DateRange | null;

package/components/DateRangePicker.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as V, ref as w, watch as L, computed as u, openBlock as d, createBlock as m, unref as h, withCtx as y, createElementVNode as r, createElementBlock as x, Fragment as z, renderList as B, createCommentVNode as E, createVNode as g, normalizeClass as k, toDisplayString as R } from "vue";
-import T from "./Dropdown/Dropdown.vue.js";
-import f from "./Icon.vue.js";
+import { defineComponent as F, ref as b, watch as L, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as T, renderList as z, createCommentVNode as B, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as E } from "vue";
+import $ from "./Dropdown/Dropdown.vue.js";
+import R from "./Icon.vue.js";
 import { $t as l } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
 import P from "./Button.vue.js";
 import p from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, H = {
+const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
   key: 0,
   class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
-}, Q = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, O = { class: "border border-border rounded-md overflow-hidden bg-background" }, I = { class: "flex items-center justify-center shrink-0" }, U = { class: "border border-border rounded-md overflow-hidden bg-background" }, ae = /* @__PURE__ */ V({
+}, O = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, I = { class: "border border-border rounded-md overflow-hidden bg-background" }, U = { class: "flex items-center justify-center shrink-0" }, q = { class: "border border-border rounded-md overflow-hidden bg-background" }, te = /* @__PURE__ */ F({
   __name: "DateRangePicker",
   props: {
     modelValue: {},
@@ -27,35 +27,41 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: M }) {
-    const v = s, b = M, o = w(!1), c = w(0);
-    L(o, (t) => {
-      t && c.value++;
+    const g = s, k = M, o = b(!1), c = b(0);
+    L(o, (a) => {
+      a && c.value++;
     });
     const n = u({
-      get: () => v.modelValue || { start: null, end: null },
-      set: (t) => {
-        b("update:modelValue", t), b("change", t);
+      get: () => {
+        const a = g.modelValue;
+        return a ? {
+          startDate: a.startDate !== void 0 ? a.startDate : a.start,
+          endDate: a.endDate !== void 0 ? a.endDate : a.end
+        } : { startDate: null, endDate: null };
+      },
+      set: (a) => {
+        k("update:modelValue", a), k("change", a);
       }
-    }), Y = (t) => {
-      n.value = { ...n.value, start: t };
-    }, _ = (t) => {
-      n.value = { ...n.value, end: t };
-    }, S = u(() => {
-      if (n.value.end) {
-        const t = new Date(n.value.end);
-        if (!isNaN(t.getTime())) return t.toISOString();
+    }), Y = (a) => {
+      n.value = { ...n.value, startDate: a };
+    }, S = (a) => {
+      n.value = { ...n.value, endDate: a };
+    }, _ = u(() => {
+      if (n.value.endDate) {
+        const a = new Date(n.value.endDate);
+        if (!isNaN(a.getTime())) return a.toISOString();
       }
-      return v.maxDate;
+      return g.maxDate;
     }), C = u(() => {
-      if (n.value.start) {
-        const t = new Date(n.value.start);
-        if (!isNaN(t.getTime())) return t.toISOString();
+      if (n.value.startDate) {
+        const a = new Date(n.value.startDate);
+        if (!isNaN(a.getTime())) return a.toISOString();
       }
-      return v.minDate;
-    }), D = (t) => {
-      if (!t) return "";
+      return g.minDate;
+    }), f = (a) => {
+      if (!a) return "";
       try {
-        const e = new Date(t);
+        const e = new Date(a);
         return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
       } catch {
         return "";
@@ -106,116 +112,113 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
         value: "last_year",
         icon: "lucide:history"
       }
-    ]), F = (t) => {
+    ]), V = (a) => {
       const e = /* @__PURE__ */ new Date();
-      let a = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
-      switch (e.setHours(0, 0, 0, 0), a.setHours(0, 0, 0, 0), i.setHours(0, 0, 0, 0), t.value) {
+      let t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
+      switch (e.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), a.value) {
         case "today":
-          a = new Date(e), i = new Date(e);
+          t = new Date(e), r = new Date(e);
           break;
         case "yesterday":
-          a = new Date(e), a.setDate(a.getDate() - 1), i = new Date(a);
+          t = new Date(e), t.setDate(t.getDate() - 1), r = new Date(t);
           break;
         case "last_7_days":
-          a = new Date(e), a.setDate(a.getDate() - 6), i = new Date(e);
+          t = new Date(e), t.setDate(t.getDate() - 6), r = new Date(e);
           break;
         case "last_30_days":
-          a = new Date(e), a.setDate(a.getDate() - 29), i = new Date(e);
+          t = new Date(e), t.setDate(t.getDate() - 29), r = new Date(e);
           break;
         case "this_month":
-          a = new Date(e.getFullYear(), e.getMonth(), 1), i = new Date(e);
+          t = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e);
           break;
         case "last_month":
-          a = new Date(e.getFullYear(), e.getMonth() - 1, 1), i = new Date(e.getFullYear(), e.getMonth(), 0);
+          t = new Date(e.getFullYear(), e.getMonth() - 1, 1), r = new Date(e.getFullYear(), e.getMonth(), 0);
           break;
         case "last_6_months":
-          a = new Date(e.getFullYear(), e.getMonth() - 5, 1), i = new Date(e);
+          t = new Date(e.getFullYear(), e.getMonth() - 5, 1), r = new Date(e);
           break;
         case "this_year":
-          a = new Date(e.getFullYear(), 0, 1), i = new Date(e);
+          t = new Date(e.getFullYear(), 0, 1), r = new Date(e);
           break;
         case "last_year":
-          a = new Date(e.getFullYear() - 1, 0, 1), i = new Date(e.getFullYear() - 1, 11, 31);
+          t = new Date(e.getFullYear() - 1, 0, 1), r = new Date(e.getFullYear() - 1, 11, 31);
           break;
       }
-      n.value = { start: a, end: i }, c.value++, o.value = !1;
+      n.value = { startDate: t, endDate: r }, c.value++, o.value = !1;
     };
-    return (t, e) => (d(), m(h(T), {
+    return (a, e) => (d(), m(v($), {
       isOpen: o.value,
-      "onUpdate:isOpen": e[0] || (e[0] = (a) => o.value = a),
+      "onUpdate:isOpen": e[0] || (e[0] = (t) => o.value = t),
       position: "bottom-start",
       disabled: s.disabled || s.readonly,
       class: "w-full sm:w-auto inline-block",
       maxHeight: "none"
     }, {
-      trigger: y(({ isOpen: a }) => [
-        g(P, {
+      trigger: D(({ isOpen: t }) => [
+        h(P, {
           icon: "lucide:calendar",
           variant: s.variant || "outline",
           size: s.size || "md",
           disabled: s.disabled,
-          class: k(["w-max justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": a }]])
+          class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]])
         }, {
-          default: y(() => [
-            r("div", $, [
-              r("span", {
-                class: k({ "text-muted-foreground": !n.value.start })
-              }, R(n.value.start ? D(n.value.start) : s.placeholderStart), 3),
-              g(f, {
-                icon: "lucide:arrow-right",
-                class: "w-4 h-4 text-muted-foreground opacity-60 shrink-0"
-              }),
-              r("span", {
-                class: k({ "text-muted-foreground": !n.value.end })
-              }, R(n.value.end ? D(n.value.end) : s.placeholderEnd), 3)
+          default: D(() => [
+            i("div", j, [
+              i("span", {
+                class: y({ "text-muted-foreground": !n.value.startDate })
+              }, x(n.value.startDate ? f(n.value.startDate) : s.placeholderStart), 3),
+              e[1] || (e[1] = E(" — ", -1)),
+              i("span", {
+                class: y({ "text-muted-foreground": !n.value.endDate })
+              }, x(n.value.endDate ? f(n.value.endDate) : s.placeholderEnd), 3)
             ])
           ]),
           _: 1
         }, 8, ["variant", "size", "disabled", "class"])
       ]),
-      menu: y(() => [
-        r("div", j, [
-          s.showQuickRanges ? (d(), x("div", H, [
-            e[1] || (e[1] = r("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
-            (d(!0), x(z, null, B(N.value, (a) => (d(), m(P, {
-              key: a.value,
-              text: a.label,
-              icon: a.icon,
+      menu: D(() => [
+        i("div", H, [
+          s.showQuickRanges ? (d(), w("div", Q, [
+            e[2] || (e[2] = i("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
+            (d(!0), w(T, null, z(N.value, (t) => (d(), m(P, {
+              key: t.value,
+              text: t.label,
+              icon: t.icon,
               variant: "ghost",
               size: "sm",
               class: "justify-start w-full font-normal",
-              onClick: (i) => F(a)
+              onClick: (r) => V(t)
             }, null, 8, ["text", "icon", "onClick"]))), 128))
-          ])) : E("", !0),
-          r("div", Q, [
-            r("div", O, [
-              (d(), m(h(p), {
+          ])) : B("", !0),
+          i("div", O, [
+            i("div", I, [
+              (d(), m(v(p), {
                 key: "start-" + c.value,
-                value: n.value.start,
+                value: n.value.startDate,
                 onChange: Y,
                 mode: "date",
-                "max-date": S.value,
+                "max-date": _.value,
                 "min-date": s.minDate,
                 disabled: s.disabled,
                 class: "min-w-[270px]",
                 readonly: s.readonly
               }, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
             ]),
-            r("div", I, [
-              g(f, {
+            i("div", U, [
+              h(R, {
                 icon: "lucide:arrow-right",
                 class: "w-5 h-5 text-muted-foreground hidden sm:block opacity-50"
               }),
-              g(f, {
+              h(R, {
                 icon: "lucide:arrow-down",
                 class: "w-5 h-5 text-muted-foreground sm:hidden opacity-50"
               })
             ]),
-            r("div", U, [
-              (d(), m(h(p), {
+            i("div", q, [
+              (d(), m(v(p), {
                 key: "end-" + c.value,
-                value: n.value.end,
-                onChange: _,
+                value: n.value.endDate,
+                onChange: S,
                 mode: "date",
                 "min-date": C.value,
                 "max-date": s.maxDate,
@@ -232,5 +235,5 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
   }
 });
 export {
-  ae as default
+  te as default
 };

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3674ca13"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e1f26ae"]]);
 export {
-  s as default
+  r as default
 };