vlite3 1.4.25 → 1.4.27

package/components/ColorPicker/ColorPicker.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as C, ref as p, watch as d, openBlock as s, createBlock as v, unref as b, withCtx as u, createElementBlock as h, createVNode as c, createCommentVNode as m, createElementVNode as n, normalizeClass as $, normalizeStyle as B } from "vue";
-import O from "../Dropdown/Dropdown.vue.js";
+import { defineComponent as $, ref as y, watch as r, openBlock as a, createBlock as d, unref as b, withCtx as u, createElementBlock as c, createVNode as m, createCommentVNode as f, createElementVNode as p, renderSlot as B, mergeProps as O, normalizeClass as E, normalizeStyle as P } from "vue";
+import N from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import y from "../Input.vue.js";
+import g from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                            */
-import E from "../Button.vue.js";
-import _ from "./ColorIro.vue.js";
+import h from "../Button.vue.js";
+import S from "./ColorIro.vue.js";
 /* empty css              */
-import { useEyeDropper as I } from "@vueuse/core";
-const N = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, j = {
+import { useEyeDropper as j } from "@vueuse/core";
+const D = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, I = {
   key: 0,
   class: "p-1 w-max flex flex-col justify-center"
-}, D = {
+}, U = {
   key: 0,
   class: "flex items-center gap-1.5 w-full"
-}, P = { class: "w-32" }, T = /* @__PURE__ */ C({
+}, A = { class: "flex-1 w-0 min-w-0" }, Y = /* @__PURE__ */ $({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#000000" },
@@ -26,103 +26,116 @@ const N = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center
     rounded: { default: "md" },
     position: { default: "bottom" },
     btnProps: {},
-    showInput: { type: Boolean, default: !0 }
+    showInput: { type: Boolean, default: !0 },
+    trigger: { default: "input" }
   },
   emits: ["update:modelValue", "change"],
-  setup(o, { emit: x }) {
-    const i = o, f = x, r = p(!1), t = p(i.modelValue || "#000000"), { isSupported: V, open: g, sRGBHex: k } = I();
-    d(k, (e) => {
+  setup(o, { emit: k }) {
+    const s = o, v = k, i = y(!1), t = y(s.modelValue || "#000000"), { isSupported: V, open: x, sRGBHex: z } = j();
+    r(z, (e) => {
       e && (t.value = e);
     });
-    const z = async () => {
+    const w = async () => {
       try {
-        await g();
+        await x();
       } catch (e) {
         console.error("Error opening eyedropper:", e);
       }
     };
-    d(
-      () => i.modelValue,
+    r(
+      () => s.modelValue,
       (e) => {
         e && e !== t.value && (t.value = e);
       }
-    ), d(t, (e) => {
-      /^#([0-9A-F]{3,8})$/i.test(e) && e !== i.modelValue && (f("update:modelValue", e), f("change", e));
+    ), r(t, (e) => {
+      /^#([0-9A-F]{3,8})$/i.test(e) && e !== s.modelValue && (v("update:modelValue", e), v("change", e));
     });
-    const w = (e) => {
+    const C = (e) => {
       t.value = e;
     };
-    return (e, l) => (s(), v(b(O), {
+    return (e, l) => (a(), d(b(N), {
       disabled: o.disabled,
       class: "w-full",
       position: o.position,
       offset: [0, 8],
       searchable: !1,
       "close-on-select": !1,
-      onOnOpen: l[1] || (l[1] = (a) => r.value = !0),
-      onOnClose: l[2] || (l[2] = (a) => r.value = !1)
+      onOnOpen: l[1] || (l[1] = (n) => i.value = !0),
+      onOnClose: l[2] || (l[2] = (n) => i.value = !1)
     }, {
-      trigger: u(({ isOpen: a }) => [
-        n("div", {
-          class: $(["w-full relative cursor-pointer", [o.disabled ? "opacity-50 pointer-events-none" : ""]])
-        }, [
-          c(y, {
-            "model-value": o.modelValue,
-            readonly: "",
-            disabled: o.disabled,
-            size: o.size,
-            variant: o.variant,
-            rounded: o.rounded,
-            class: "pointer-events-none",
-            "input-class": "pl-9 font-mono uppercase cursor-pointer"
-          }, null, 8, ["model-value", "disabled", "size", "variant", "rounded"]),
-          n("div", N, [
-            n("div", {
-              class: "w-4 h-4 rounded-full shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] dark:shadow-[inset_0_0_0_1px_rgba(255,255,255,0.1)]",
-              style: B({ backgroundColor: o.modelValue })
-            }, null, 4)
-          ])
-        ], 2)
+      trigger: u(({ isOpen: n }) => [
+        B(e.$slots, "trigger", { isOpen: n }, () => [
+          o.trigger === "button" ? (a(), d(h, O({
+            key: 0,
+            style: { backgroundColor: o.modelValue }
+          }, {
+            rounded: "full",
+            size: "xs",
+            icon: " ",
+            variant: "outline",
+            ...o.btnProps || {}
+          }), null, 16, ["style"])) : (a(), c("div", {
+            key: 1,
+            class: E(["w-full relative cursor-pointer", [o.disabled ? "opacity-50 pointer-events-none" : ""]])
+          }, [
+            m(g, {
+              "model-value": o.modelValue,
+              readonly: "",
+              disabled: o.disabled,
+              size: o.size,
+              variant: o.variant,
+              rounded: o.rounded,
+              class: "pointer-events-none",
+              "input-class": "pl-9 font-mono uppercase cursor-pointer"
+            }, null, 8, ["model-value", "disabled", "size", "variant", "rounded"]),
+            p("div", D, [
+              p("div", {
+                class: "w-4 h-4 rounded-full shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] dark:shadow-[inset_0_0_0_1px_rgba(255,255,255,0.1)]",
+                style: P({ backgroundColor: o.modelValue })
+              }, null, 4)
+            ])
+          ], 2))
+        ])
       ]),
       default: u(() => [
-        r.value ? (s(), h("div", j, [
-          c(_, {
+        i.value ? (a(), c("div", I, [
+          m(S, {
             color: o.modelValue,
             "show-header": !1,
             size: o.size,
-            "onUpdate:color": w
+            "onUpdate:color": C
           }, {
             bottom: u(() => [
-              o.showInput ? (s(), h("div", D, [
-                b(V) ? (s(), v(E, {
+              o.showInput ? (a(), c("div", U, [
+                b(V) ? (a(), d(h, {
                   key: 0,
-                  onClick: z,
+                  onClick: w,
                   icon: "pepicons-pop:color-picker",
                   variant: "outline",
                   size: "sm",
                   class: "px-2 shrink-0"
-                })) : m("", !0),
-                n("div", P, [
-                  c(y, {
+                })) : f("", !0),
+                p("div", A, [
+                  m(g, {
                     modelValue: t.value,
-                    "onUpdate:modelValue": l[0] || (l[0] = (a) => t.value = a),
+                    "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),
                     size: "sm",
                     "show-clear-button": !1,
                     placeholder: "#000000",
-                    class: "flex-1 w-full",
+                    class: "w-full",
                     "input-class": "font-mono text-xs uppercase "
                   }, null, 8, ["modelValue"])
                 ])
-              ])) : m("", !0)
+              ])) : f("", !0)
             ]),
             _: 1
           }, 8, ["color", "size"])
-        ])) : m("", !0)
+        ])) : f("", !0)
       ]),
-      _: 1
+      _: 3
     }, 8, ["disabled", "position"]));
   }
 });
 export {
-  T as default
+  Y as default
 };

package/components/DateRangePicker.vue.js

@@ -1,241 +1,7 @@
-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 E from "./Dropdown/Dropdown.vue.js";
-import R from "./Icon.vue.js";
-import { $t as l } from "../utils/i18n.js";
-/* empty css           */
-/* empty css                                   */
-/* empty css                           */
-import P from "./Button.vue.js";
-import p from "v-datepicker-lite";
-import "v-datepicker-lite/style.css";
-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]"
-}, 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" }, le = /* @__PURE__ */ $({
-  __name: "DateRangePicker",
-  props: {
-    modelValue: {},
-    placeholderStart: { default: "Start Date" },
-    placeholderEnd: { default: "End Date" },
-    minDate: {},
-    maxDate: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    size: {},
-    variant: {},
-    showQuickRanges: { type: Boolean, default: !0 },
-    triggerClass: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(s, { emit: M }) {
-    const g = s, k = M, o = b(!1), c = b(0);
-    F(o, (a) => {
-      a && c.value++;
-    });
-    const n = u({
-      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 = (a) => {
-      n.value = { ...n.value, startDate: a };
-    }, S = (a) => {
-      n.value = { ...n.value, endDate: a };
-    }, C = u(() => {
-      if (n.value.endDate) {
-        const a = new Date(n.value.endDate);
-        if (!isNaN(a.getTime())) return a.toISOString();
-      }
-      return g.maxDate;
-    }), N = u(() => {
-      if (n.value.startDate) {
-        const a = new Date(n.value.startDate);
-        if (!isNaN(a.getTime())) return a.toISOString();
-      }
-      return g.minDate;
-    }), f = (a) => {
-      if (!a) return "";
-      try {
-        const e = new Date(a);
-        return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-      } catch {
-        return "";
-      }
-    }, V = u(() => [
-      {
-        label: l("vlite.dateRangePicker.today") !== "vlite.dateRangePicker.today" ? l("vlite.dateRangePicker.today") : "Today",
-        value: "today",
-        icon: "lucide:calendar"
-      },
-      {
-        label: l("vlite.dateRangePicker.yesterday") !== "vlite.dateRangePicker.yesterday" ? l("vlite.dateRangePicker.yesterday") : "Yesterday",
-        value: "yesterday",
-        icon: "lucide:calendar-minus"
-      },
-      {
-        label: l("vlite.dateRangePicker.last7Days") !== "vlite.dateRangePicker.last7Days" ? l("vlite.dateRangePicker.last7Days") : "Last 7 Days",
-        value: "last_7_days",
-        icon: "lucide:calendar-days"
-      },
-      {
-        label: l("vlite.dateRangePicker.last30Days") !== "vlite.dateRangePicker.last30Days" ? l("vlite.dateRangePicker.last30Days") : "Last 30 Days",
-        value: "last_30_days",
-        icon: "lucide:calendar-days"
-      },
-      {
-        label: l("vlite.dateRangePicker.thisMonth") !== "vlite.dateRangePicker.thisMonth" ? l("vlite.dateRangePicker.thisMonth") : "This Month",
-        value: "this_month",
-        icon: "lucide:calendar-range"
-      },
-      {
-        label: l("vlite.dateRangePicker.lastMonth") !== "vlite.dateRangePicker.lastMonth" ? l("vlite.dateRangePicker.lastMonth") : "Last Month",
-        value: "last_month",
-        icon: "lucide:calendar-range"
-      },
-      {
-        label: l("vlite.dateRangePicker.last6Months") !== "vlite.dateRangePicker.last6Months" ? l("vlite.dateRangePicker.last6Months") : "Last 6 Months",
-        value: "last_6_months",
-        icon: "lucide:history"
-      },
-      {
-        label: l("vlite.dateRangePicker.thisYear") !== "vlite.dateRangePicker.thisYear" ? l("vlite.dateRangePicker.thisYear") : "This Year",
-        value: "this_year",
-        icon: "lucide:calendar-check"
-      },
-      {
-        label: l("vlite.dateRangePicker.lastYear") !== "vlite.dateRangePicker.lastYear" ? l("vlite.dateRangePicker.lastYear") : "Last Year",
-        value: "last_year",
-        icon: "lucide:history"
-      }
-    ]), _ = (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) {
-        case "today":
-          t = new Date(e), r = new Date(e);
-          break;
-        case "yesterday":
-          t = new Date(e), t.setDate(t.getDate() - 1), r = new Date(t);
-          break;
-        case "last_7_days":
-          t = new Date(e), t.setDate(t.getDate() - 6), r = new Date(e);
-          break;
-        case "last_30_days":
-          t = new Date(e), t.setDate(t.getDate() - 29), r = new Date(e);
-          break;
-        case "this_month":
-          t = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e);
-          break;
-        case "last_month":
-          t = new Date(e.getFullYear(), e.getMonth() - 1, 1), r = 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);
-          break;
-        case "this_year":
-          t = new Date(e.getFullYear(), 0, 1), r = new Date(e);
-          break;
-        case "last_year":
-          t = new Date(e.getFullYear() - 1, 0, 1), r = new Date(e.getFullYear() - 1, 11, 31);
-          break;
-      }
-      n.value = { startDate: t, endDate: r }, 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,
-      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 }]]),
-          "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)),
-              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", "data-testid"])
-      ]),
-      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(L, null, T(V.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: (r) => _(t)
-            }, null, 8, ["text", "icon", "onClick"]))), 128))
-          ])) : z("", !0),
-          i("div", O, [
-            i("div", I, [
-              (d(), m(v(p), {
-                key: "start-" + c.value,
-                value: n.value.startDate,
-                onChange: Y,
-                mode: "date",
-                "max-date": C.value,
-                "min-date": s.minDate,
-                disabled: s.disabled,
-                class: "min-w-[270px]",
-                readonly: s.readonly
-              }, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
-            ]),
-            i("div", U, [
-              h(R, {
-                icon: "lucide:arrow-right",
-                class: "w-5 h-5 text-muted-foreground hidden sm:block opacity-50"
-              }),
-              h(R, {
-                icon: "lucide:arrow-down",
-                class: "w-5 h-5 text-muted-foreground sm:hidden opacity-50"
-              })
-            ]),
-            i("div", q, [
-              (d(), m(v(p), {
-                key: "end-" + c.value,
-                value: n.value.endDate,
-                onChange: S,
-                mode: "date",
-                "min-date": N.value,
-                "max-date": s.maxDate,
-                class: "min-w-[270px]",
-                disabled: s.disabled,
-                readonly: s.readonly
-              }, null, 8, ["value", "min-date", "max-date", "disabled", "readonly"]))
-            ])
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["isOpen", "disabled"]));
-  }
-});
+import o from "./DateRangePicker.vue2.js";
+/* empty css                     */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a8f85730"]]);
 export {
-  le as default
+  f as default
 };