vlite3 1.4.40 → 1.5.0

package/components/DatePicker.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as m, openBlock as w, createBlock as $, unref as D, withCtx as h, createElementVNode as z, createVNode as g, renderSlot as L, mergeProps as x } from "vue";
+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 B, mergeProps as x } from "vue";
 import P from "./Button.vue.js";
-import B from "./Dropdown/Dropdown.vue.js";
+import L from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as V } from "../utils/i18n.js";
 /* empty css           */
@@ -8,7 +8,7 @@ import { $t as V } from "../utils/i18n.js";
 /* empty css                           */
 import U, { TimePicker as j } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const C = { class: "overflow-hidden min-w-[300px]" }, J = /* @__PURE__ */ p({
+const C = { class: "overflow-hidden min-w-[300px]" }, J = /* @__PURE__ */ z({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -135,16 +135,15 @@ const C = { class: "overflow-hidden min-w-[300px]" }, J = /* @__PURE__ */ p({
       }
       a.value = e;
     }, 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), {
+    return (e, n) => t.mode !== "time" ? (w(), $(D(L), {
       key: 0,
-      position: "bottom-start",
       class: "w-full",
       maxHeight: "max-h-[500px]",
       teleport: t.teleport,
       disabled: t.disabled || t.readonly
     }, {
       trigger: h(() => [
-        L(e.$slots, "default", {
+        B(e.$slots, "default", {
           value: a.value,
           displayValue: f.value
         }, () => [
@@ -155,13 +154,13 @@ const C = { class: "overflow-hidden min-w-[300px]" }, J = /* @__PURE__ */ p({
             icon: t.icon || "lucide:calendar",
             disabled: t.disabled
           }, t.btnProps, {
-            class: "w-full justify-start text-left font-normal",
+            class: "w-full justify-start text-start 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(() => [
-        z("div", C, [
+        p("div", C, [
           g(D(U), {
             value: T.value,
             mode: t.mode,
@@ -203,7 +202,7 @@ const C = { class: "overflow-hidden min-w-[300px]" }, J = /* @__PURE__ */ p({
           icon: t.icon || (t.mode === "time" ? "lucide:clock" : "lucide:calendar"),
           disabled: t.disabled
         }, t.btnProps, {
-          class: "w-full justify-start text-left font-normal",
+          class: "w-full justify-start text-start 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"])
       ]),

package/components/DateRangePicker.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, ref as b, watch as F, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as L, renderList as T, createCommentVNode as z, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as B } from "vue";
+import { defineComponent as $, ref as b, watch as B, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as L, renderList as T, createCommentVNode as _, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as z } from "vue";
 import E from "./Dropdown/Dropdown.vue.js";
 import R from "./Icon.vue.js";
 import { $t as l } from "../utils/i18n.js";
@@ -27,9 +27,9 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
     triggerClass: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(s, { emit: M }) {
-    const g = s, k = M, o = b(!1), c = b(0);
-    F(o, (a) => {
+  setup(r, { emit: M }) {
+    const g = r, k = M, o = b(!1), c = b(0);
+    B(o, (a) => {
       a && c.value++;
     });
     const n = u({
@@ -113,66 +113,66 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
         value: "last_year",
         icon: "lucide:history"
       }
-    ]), _ = (a) => {
+    ]), F = (a) => {
       const e = /* @__PURE__ */ new Date();
-      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) {
+      let t = /* @__PURE__ */ new Date(), s = /* @__PURE__ */ new Date();
+      switch (e.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), a.value) {
         case "today":
-          t = new Date(e), r = new Date(e);
+          t = new Date(e), s = new Date(e);
           break;
         case "yesterday":
-          t = new Date(e), t.setDate(t.getDate() - 1), r = new Date(t);
+          t = new Date(e), t.setDate(t.getDate() - 1), s = new Date(t);
           break;
         case "last_7_days":
-          t = new Date(e), t.setDate(t.getDate() - 6), r = new Date(e);
+          t = new Date(e), t.setDate(t.getDate() - 6), s = new Date(e);
           break;
         case "last_30_days":
-          t = new Date(e), t.setDate(t.getDate() - 29), r = new Date(e);
+          t = new Date(e), t.setDate(t.getDate() - 29), s = new Date(e);
           break;
         case "this_month":
-          t = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e);
+          t = new Date(e.getFullYear(), e.getMonth(), 1), s = new Date(e);
           break;
         case "last_month":
-          t = new Date(e.getFullYear(), e.getMonth() - 1, 1), r = new Date(e.getFullYear(), e.getMonth(), 0);
+          t = new Date(e.getFullYear(), e.getMonth() - 1, 1), s = new Date(e.getFullYear(), e.getMonth(), 0);
           break;
         case "last_6_months":
-          t = new Date(e.getFullYear(), e.getMonth() - 5, 1), r = new Date(e);
+          t = new Date(e.getFullYear(), e.getMonth() - 5, 1), s = new Date(e);
           break;
         case "this_year":
-          t = new Date(e.getFullYear(), 0, 1), r = new Date(e);
+          t = new Date(e.getFullYear(), 0, 1), s = new Date(e);
           break;
         case "last_year":
-          t = new Date(e.getFullYear() - 1, 0, 1), r = new Date(e.getFullYear() - 1, 11, 31);
+          t = new Date(e.getFullYear() - 1, 0, 1), s = new Date(e.getFullYear() - 1, 11, 31);
           break;
       }
-      n.value = { startDate: t, endDate: r }, c.value++, o.value = !1;
+      n.value = { startDate: t, endDate: s }, c.value++, o.value = !1;
     };
     return (a, e) => (d(), m(v(E), {
       isOpen: o.value,
       "onUpdate:isOpen": e[0] || (e[0] = (t) => o.value = t),
       position: "bottom-start",
-      disabled: s.disabled || s.readonly,
+      disabled: r.disabled || r.readonly,
       class: "w-full sm:w-auto inline-block",
       maxHeight: "none"
     }, {
       trigger: D(({ isOpen: t }) => [
         h(P, {
           icon: "lucide:calendar",
-          variant: s.variant || "outline",
-          size: s.size || "md",
-          disabled: s.disabled,
-          class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]]),
+          variant: r.variant || "outline",
+          size: r.size || "md",
+          disabled: r.disabled,
+          class: y(["w-full justify-between text-left font-normal", [r.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]]),
           "data-testid": a.$attrs["data-testid"] || (a.$attrs.name ? `daterange-${a.$attrs.name}` : "daterange")
         }, {
           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] = B(" — ", -1)),
+              }, x(n.value.startDate ? f(n.value.startDate) : r.placeholderStart), 3),
+              e[1] || (e[1] = z(" — ", -1)),
               i("span", {
                 class: y({ "text-muted-foreground": !n.value.endDate })
-              }, x(n.value.endDate ? f(n.value.endDate) : s.placeholderEnd), 3)
+              }, x(n.value.endDate ? f(n.value.endDate) : r.placeholderEnd), 3)
             ])
           ]),
           _: 1
@@ -180,7 +180,7 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
       ]),
       menu: D(() => [
         i("div", H, [
-          s.showQuickRanges ? (d(), w("div", Q, [
+          r.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(L, null, T(V.value, (t) => (d(), m(P, {
               key: t.value,
@@ -189,9 +189,9 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
               variant: "ghost",
               size: "sm",
               class: "justify-start w-full font-normal",
-              onClick: (r) => _(t)
+              onClick: (s) => F(t)
             }, null, 8, ["text", "icon", "onClick"]))), 128))
-          ])) : z("", !0),
+          ])) : _("", !0),
           i("div", O, [
             i("div", I, [
               (d(), m(v(p), {
@@ -200,10 +200,10 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
                 onChange: Y,
                 mode: "date",
                 "max-date": C.value,
-                "min-date": s.minDate,
-                disabled: s.disabled,
+                "min-date": r.minDate,
+                disabled: r.disabled,
                 class: "min-w-[270px]",
-                readonly: s.readonly
+                readonly: r.readonly
               }, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
             ]),
             i("div", U, [
@@ -223,10 +223,10 @@ const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class
                 onChange: S,
                 mode: "date",
                 "min-date": N.value,
-                "max-date": s.maxDate,
+                "max-date": r.maxDate,
                 class: "min-w-[270px]",
-                disabled: s.disabled,
-                readonly: s.readonly
+                disabled: r.disabled,
+                readonly: r.readonly
               }, null, 8, ["value", "min-date", "max-date", "disabled", "readonly"]))
             ])
           ])

package/components/Dropdown/Dropdown.vue.d.ts

@@ -1,5 +1,6 @@
 import { IDropdownOption, ButtonProps } from '../../types';
 import { TooltTipPlacement } from 'v-tooltip-lite/types';
+export type DropdownDirection = 'ltr' | 'rtl' | 'auto';
 type __VLS_Props = {
     selected?: any;
     modelValue?: any;
@@ -37,7 +38,11 @@ type __VLS_Props = {
     debounceTime?: number;
     fetchSelected?: (ids: any[]) => Promise<IDropdownOption[]>;
     triggerProps?: ButtonProps;
-    direction?: 'ltr' | 'rtl';
+    /**
+     * Text / layout direction for trigger + menu.
+     * `'auto'` follows the nearest ancestor `dir`, then `html[dir]`.
+     */
+    direction?: DropdownDirection;
     isNested?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -102,7 +107,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     disabled: boolean;
     layout: "default" | "grouped";
     trigger: import('v-tooltip-lite/types').TooltTipTrigger;
-    direction: "ltr" | "rtl";
+    direction: DropdownDirection;
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
     selectedIndex: number | null;