adverich-kun-ui 0.1.548 → 0.1.550

package/dist/components/KunDatePicker/src/components/KunDatePicker.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as xe, ref as b, computed as w, watch as De, onMounted as Se, onUnmounted as Me, createElementBlock as c, openBlock as i, createVNode as M, createBlock as Ce, mergeProps as Ve, withKeys as _, withCtx as L, createElementVNode as m, withModifiers as ee, Teleport as Te, Transition as Ae, createCommentVNode as T, normalizeStyle as te, normalizeClass as O, unref as $e, toDisplayString as N, Fragment as P, renderList as j, createTextVNode as le, nextTick as Ne } from "vue";
-import Ye from "../../../KunTextField/src/components/KunTextField.vue.js";
-import U from "../../../KunNumberField/src/components/KunNumberField.vue.js";
-import { usePosition as Fe } from "../composables/usePosition.js";
-import ae from "../../../KunBtn/src/components/KunBtn.vue.js";
-const Be = {
+import { defineComponent as Ce, ref as w, computed as k, watch as Ve, onMounted as Te, onUnmounted as Ae, createElementBlock as f, openBlock as d, createVNode as V, createBlock as Ye, mergeProps as Fe, withKeys as le, withCtx as E, createElementVNode as g, withModifiers as ae, Teleport as $e, Transition as Ne, createCommentVNode as A, normalizeStyle as re, normalizeClass as I, unref as ze, toDisplayString as N, Fragment as U, renderList as W, createTextVNode as oe, nextTick as Be } from "vue";
+import He from "../../../KunTextField/src/components/KunTextField.vue.js";
+import K from "../../../KunNumberField/src/components/KunNumberField.vue.js";
+import { usePosition as Le } from "../composables/usePosition.js";
+import se from "../../../KunBtn/src/components/KunBtn.vue.js";
+const Re = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
@@ -11,7 +11,7 @@ const Be = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ze = {
+}, Ee = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
@@ -19,25 +19,25 @@ const Be = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, He = {
+}, Pe = {
   key: 0,
   class: "px-2 py-3 flex items-center justify-between border-b border-slate-100 dark:border-slate-700/50 bg-slate-50/50 dark:bg-slate-800/50 flex-shrink-0"
-}, Le = {
+}, Oe = {
   key: 1,
   class: "flex-1 overflow-y-auto custom-scrollbar p-3 min-h-0"
-}, Re = { key: 0 }, Ee = { class: "grid grid-cols-7 mb-2 text-center" }, Oe = { class: "grid grid-cols-7 gap-1" }, Pe = ["onClick"], je = {
+}, je = { key: 0 }, Ie = { class: "grid grid-cols-7 mb-2 text-center" }, Ue = { class: "grid grid-cols-7 gap-1" }, We = ["onClick"], Ke = {
   key: 1,
   class: "grid grid-cols-3 gap-2"
-}, Ue = ["onClick"], Ie = {
+}, Ze = ["onClick"], qe = {
   key: 2,
   class: "border-t border-slate-100 dark:border-slate-700 p-3 bg-slate-50/50 dark:bg-slate-800/50 grid grid-cols-3 gap-2 text-center flex-shrink-0"
-}, We = { class: "flex flex-col items-center" }, Ke = { class: "flex flex-col items-center" }, qe = {
+}, Ge = { class: "flex flex-col items-center" }, Je = { class: "flex flex-col items-center" }, Qe = {
   key: 0,
   class: "flex flex-col items-center"
-}, Ge = {
+}, Xe = {
   key: 3,
   class: "p-3 border-t border-slate-100 dark:border-slate-700 flex justify-end gap-2 bg-white dark:bg-slate-800 flex-shrink-0"
-}, lt = /* @__PURE__ */ xe({
+}, at = /* @__PURE__ */ Ce({
   __name: "KunDatePicker",
   props: {
     modelValue: { type: [Date, Array, String], default: null },
@@ -76,259 +76,274 @@ const Be = {
     dialogClass: { default: "" }
   },
   emits: ["update:modelValue", "change", "close", "open"],
-  setup(f, { emit: ne }) {
-    const a = f, Y = ne, I = Math.random().toString(36).substr(2, 9), re = b(null), y = b(null), F = b(null), C = b(!1), B = b("days"), u = b(null), x = b((/* @__PURE__ */ new Date()).getMonth()), v = b((/* @__PURE__ */ new Date()).getFullYear()), g = b({ hours: 0, minutes: 0, seconds: 0 });
-    function W(t, e) {
-      const l = {
-        YYYY: t.getFullYear().toString(),
-        MM: String(t.getMonth() + 1).padStart(2, "0"),
-        DD: String(t.getDate()).padStart(2, "0"),
-        HH: String(t.getHours()).padStart(2, "0"),
-        mm: String(t.getMinutes()).padStart(2, "0"),
-        ss: String(t.getSeconds()).padStart(2, "0")
+  setup(m, { emit: ie }) {
+    const l = m, z = ie, Z = Math.random().toString(36).substr(2, 9), ue = w(null), h = w(null), B = w(null), T = w(!1), H = w("days"), c = w(null), D = w((/* @__PURE__ */ new Date()).getMonth()), y = w((/* @__PURE__ */ new Date()).getFullYear()), v = w({ hours: 0, minutes: 0, seconds: 0 });
+    function q(t, e) {
+      const n = t.getFullYear().toString(), a = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), o = String(t.getHours()).padStart(2, "0"), i = String(t.getMinutes()).padStart(2, "0"), p = String(t.getSeconds()).padStart(2, "0"), s = {
+        YYYY: n,
+        yyyy: n,
+        YY: n.slice(-2),
+        yy: n.slice(-2),
+        MM: a,
+        DD: r,
+        dd: r,
+        HH: o,
+        mm: i,
+        ss: p
       };
-      return e.replace(/YYYY|MM|DD|HH|mm|ss/g, (n) => l[n]);
+      return e.replace(/YYYY|yyyy|YY|yy|MM|DD|dd|HH|mm|ss/g, (x) => s[x]);
     }
-    const p = w(() => a.mode ? a.mode : a.enableTime ? "datetime" : "date"), D = w(() => p.value === "datetime" || p.value === "time" || a.enableTime), oe = w(() => a.enableSeconds || z("value") && z("value").includes("ss"));
-    De(() => a.modelValue, (t) => {
-      K(t);
+    function de(t, e) {
+      if (!t || !e) return null;
+      const n = e.match(/[a-zA-Z]+/g), a = t.match(/\d+/g);
+      if (!n || !a || n.length !== a.length) return null;
+      let r = (/* @__PURE__ */ new Date()).getFullYear(), o = 0, i = 1, p = 0, s = 0, x = 0;
+      n.forEach((M, ne) => {
+        const u = parseInt(a[ne], 10);
+        isNaN(u) || (/y/i.test(M) ? r = u < 100 ? 2e3 + u : u : M === "MM" ? o = u - 1 : /d/i.test(M) ? i = u : M === "HH" ? p = u : M === "mm" ? s = u : M === "ss" && (x = u));
+      });
+      const R = new Date(r, o, i, p, s, x);
+      return R.getMonth() !== o ? null : R;
+    }
+    function P(t) {
+      if (!t) return null;
+      if (t instanceof Date) return t;
+      if (typeof t == "string") {
+        const e = Y("value");
+        if (e) {
+          const o = de(t, e);
+          if (o && !isNaN(o.getTime())) return o;
+        }
+        const n = new Date(t);
+        if (!isNaN(n.getTime())) return n;
+        if (b.value === "time") {
+          const [o, i, p] = t.split(/[:\s]/).map(Number), s = /* @__PURE__ */ new Date();
+          return s.setHours(o || 0, i || 0, p || 0, 0), s;
+        }
+        const a = t.replace(" ", "T"), r = new Date(a);
+        if (!isNaN(r.getTime())) return r;
+      }
+      return null;
+    }
+    const b = k(() => l.mode ? l.mode : l.enableTime ? "datetime" : "date"), S = k(() => b.value === "datetime" || b.value === "time" || l.enableTime), ce = k(() => l.enableSeconds || Y("value") && Y("value").includes("ss"));
+    Ve(() => l.modelValue, (t) => {
+      G(t);
     }, { immediate: !0 });
-    function K(t) {
-      if (t) {
-        const e = (l) => {
-          if (l instanceof Date) return l;
-          if (typeof l == "string") {
-            const n = new Date(l);
-            if (!isNaN(n.getTime())) return n;
-            if (p.value === "time") {
-              const [d, h, s] = l.split(/[:\s]/).map(Number), V = /* @__PURE__ */ new Date();
-              return V.setHours(d || 0, h || 0, s || 0, 0), V;
-            }
-            const r = l.replace(" ", "T"), o = new Date(r);
-            if (!isNaN(o.getTime())) return o;
-          }
-          return null;
-        };
-        if (a.range && Array.isArray(t) && t.length > 0) {
-          const l = t.map(e).filter((r) => r);
-          u.value = l.length > 0 ? l : null;
-          const n = l[0];
-          n && (x.value = n.getMonth(), v.value = n.getFullYear(), D.value && G(n));
+    function G(t) {
+      if (t)
+        if (l.range && Array.isArray(t) && t.length > 0) {
+          const e = t.map((a) => P(a)).filter((a) => a);
+          e.length === 2 && e[0] > e[1] && e.reverse(), c.value = e.length > 0 ? e : null;
+          const n = e[0];
+          n && (D.value = n.getMonth(), y.value = n.getFullYear(), S.value && Q(n));
         } else {
-          const l = e(t);
-          l && (u.value = l, x.value = l.getMonth(), v.value = l.getFullYear(), D.value && G(l));
+          const e = P(t);
+          e && (c.value = e, D.value = e.getMonth(), y.value = e.getFullYear(), S.value && Q(e));
         }
-      } else
-        u.value = null, q();
+      else
+        c.value = null, J();
     }
-    function q() {
+    function J() {
       let t = /* @__PURE__ */ new Date();
-      if (a.startDate) {
-        const e = a.startDate instanceof Date ? a.startDate : new Date(a.startDate);
+      if (l.startDate) {
+        const e = l.startDate instanceof Date ? l.startDate : new Date(l.startDate);
         isNaN(e.getTime()) || (t = e);
       }
-      if (x.value = t.getMonth(), v.value = t.getFullYear(), a.startTime) {
-        if (typeof a.startTime == "object")
-          g.value = { hours: 0, minutes: 0, seconds: 0, ...a.startTime };
-        else if (typeof a.startTime == "string") {
-          const [e, l, n] = a.startTime.split(":").map(Number);
-          g.value = { hours: e || 0, minutes: l || 0, seconds: n || 0 };
+      if (D.value = t.getMonth(), y.value = t.getFullYear(), l.startTime) {
+        if (typeof l.startTime == "object")
+          v.value = { hours: 0, minutes: 0, seconds: 0, ...l.startTime };
+        else if (typeof l.startTime == "string") {
+          const [e, n, a] = l.startTime.split(":").map(Number);
+          v.value = { hours: e || 0, minutes: n || 0, seconds: a || 0 };
         }
       } else {
         const e = /* @__PURE__ */ new Date();
-        g.value = { hours: e.getHours(), minutes: e.getMinutes(), seconds: 0 };
+        v.value = { hours: e.getHours(), minutes: e.getMinutes(), seconds: 0 };
       }
     }
-    function G(t) {
-      g.value = {
+    function Q(t) {
+      v.value = {
         hours: t.getHours(),
         minutes: t.getMinutes(),
         seconds: t.getSeconds()
       };
     }
-    const { style: se, update: ie } = Fe(y, F, {
+    const { style: fe, update: me } = Le(h, B, {
       offset: 8,
-      align: a.align
-    }), ue = w(() => {
+      align: l.align
+    }), ge = k(() => {
       var e;
-      let t = a.calendarWidth;
-      return a.fullWidth && ((e = y.value) != null && e.rootRef) && (t = y.value.rootRef.getBoundingClientRect().width), p.value === "time" && (t = 200), {
+      let t = l.calendarWidth;
+      return l.fullWidth && ((e = h.value) != null && e.rootRef) && (t = h.value.rootRef.getBoundingClientRect().width), b.value === "time" && (t = 200), {
         width: typeof t == "number" ? `${t}px` : t
       };
-    }), de = w(() => new Date(v.value, x.value).toLocaleString(a.locale, { month: "long" }).replace(/^\w/, (t) => t.toUpperCase())), ce = w(() => {
+    }), ve = k(() => new Date(y.value, D.value).toLocaleString(l.locale, { month: "long" }).replace(/^\w/, (t) => t.toUpperCase())), pe = k(() => {
       const t = [], e = new Date(2023, 0, 1);
       for (; e.getDay() !== 1; )
         e.setDate(e.getDate() + 1);
-      for (let l = 0; l < 7; l++)
-        t.push(e.toLocaleString(a.locale, { weekday: "narrow" }).replace(".", "")), e.setDate(e.getDate() + 1);
+      for (let n = 0; n < 7; n++)
+        t.push(e.toLocaleString(l.locale, { weekday: "narrow" }).replace(".", "")), e.setDate(e.getDate() + 1);
       return t;
     });
-    function z(t) {
-      return a.formats && a.formats[t] ? a.formats[t] : t === "value" ? a.valueFormat : t === "display" ? a.displayFormat : null;
+    function Y(t) {
+      return l.formats && l.formats[t] ? l.formats[t] : t === "value" ? l.valueFormat : t === "display" ? l.displayFormat : null;
     }
-    const fe = w(() => {
-      if (!a.modelValue) return "";
-      const t = { day: "2-digit", month: "2-digit", year: "numeric" }, e = { hour: "2-digit", minute: "2-digit", second: oe.value ? "2-digit" : void 0 }, l = (r) => {
-        const o = z("display");
-        if (o) return W(r, o);
-        let d = "";
-        return p.value !== "time" && (d += r.toLocaleDateString(a.locale, t)), p.value === "datetime" && (d += " " + r.toLocaleTimeString(a.locale, e)), p.value === "time" && (d = r.toLocaleTimeString(a.locale, e)), d;
-      }, n = (r) => {
-        let o = null;
-        if (r instanceof Date) o = r;
-        else if (typeof r == "string")
-          if (p.value === "time" && r.includes(":")) {
-            const [d, h, s] = r.split(/[:\s]/).map(Number);
-            o = /* @__PURE__ */ new Date(), o.setHours(d || 0, h || 0, s || 0, 0);
-          } else
-            o = new Date(r);
-        return o && !isNaN(o.getTime()) ? l(o) : String(r);
+    const ye = k(() => {
+      if (!l.modelValue) return "";
+      const t = { day: "2-digit", month: "2-digit", year: "numeric" }, e = { hour: "2-digit", minute: "2-digit", second: ce.value ? "2-digit" : void 0 }, n = (r) => {
+        const o = Y("display");
+        if (o) return q(r, o);
+        let i = "";
+        return b.value !== "time" && (i += r.toLocaleDateString(l.locale, t)), b.value === "datetime" && (i += " " + r.toLocaleTimeString(l.locale, e)), b.value === "time" && (i = r.toLocaleTimeString(l.locale, e)), i;
+      }, a = (r) => {
+        const o = P(r);
+        return o ? n(o) : String(r);
       };
-      if (a.range && Array.isArray(a.modelValue)) {
-        const r = a.modelValue[0] ? n(a.modelValue[0]) : "", o = a.modelValue[1] ? n(a.modelValue[1]) : "";
+      if (l.range && Array.isArray(l.modelValue)) {
+        const r = l.modelValue[0] ? a(l.modelValue[0]) : "", o = l.modelValue[1] ? a(l.modelValue[1]) : "";
         return r ? o ? `${r} ~ ${o}` : `${r} ~ ...` : "";
       }
-      return n(a.modelValue);
-    }), me = w(() => {
-      if (p.value === "time") return [];
-      const t = v.value, e = x.value, l = new Date(t, e, 1).getDay(), n = l === 0 ? 6 : l - 1, r = new Date(t, e + 1, 0).getDate(), o = new Date(t, e, 0).getDate(), d = [];
-      for (let s = 0; s < n; s++)
-        d.push({
-          day: o - n + s + 1,
-          date: new Date(t, e - 1, o - n + s + 1),
+      return a(l.modelValue);
+    }), he = k(() => {
+      if (b.value === "time") return [];
+      const t = y.value, e = D.value, n = new Date(t, e, 1).getDay(), a = n === 0 ? 6 : n - 1, r = new Date(t, e + 1, 0).getDate(), o = new Date(t, e, 0).getDate(), i = [];
+      for (let s = 0; s < a; s++)
+        i.push({
+          day: o - a + s + 1,
+          date: new Date(t, e - 1, o - a + s + 1),
           isCurrentMonth: !1
         });
       for (let s = 1; s <= r; s++)
-        d.push({ day: s, date: new Date(t, e, s), isCurrentMonth: !0 });
-      const h = 42 - d.length;
-      for (let s = 1; s <= h; s++)
-        d.push({ day: s, date: new Date(t, e + 1, s), isCurrentMonth: !1 });
-      return d;
-    }), ge = w(() => {
+        i.push({ day: s, date: new Date(t, e, s), isCurrentMonth: !0 });
+      const p = 42 - i.length;
+      for (let s = 1; s <= p; s++)
+        i.push({ day: s, date: new Date(t, e + 1, s), isCurrentMonth: !1 });
+      return i;
+    }), be = k(() => {
       const t = [], e = (/* @__PURE__ */ new Date()).getFullYear();
-      for (let l = e - 100; l <= e + 20; l++)
-        t.push(l);
+      for (let n = e - 100; n <= e + 20; n++)
+        t.push(n);
       return t.reverse();
     });
-    function A() {
-      a.disabled || (C.value ? $() : ve());
+    function F() {
+      l.disabled || (T.value ? $() : we());
     }
-    function ve() {
-      window.dispatchEvent(new CustomEvent("kun:datepicker:open", { detail: { id: I } })), C.value = !0, a.modelValue ? K(a.modelValue) : q(), Y("open"), Ne(() => {
-        ie();
+    function we() {
+      window.dispatchEvent(new CustomEvent("kun:datepicker:open", { detail: { id: Z } })), T.value = !0, l.modelValue ? G(l.modelValue) : J(), z("open"), Be(() => {
+        me();
       });
     }
     function $() {
-      C.value = !1, Y("close");
+      T.value = !1, z("close");
     }
-    function J(t) {
-      t.detail.id !== I && C.value && $();
+    function X(t) {
+      t.detail.id !== Z && T.value && $();
     }
-    function Q(t) {
-      if (!C.value) return;
+    function _(t) {
+      if (!T.value) return;
       const e = t.target;
-      F.value && F.value.contains(e) || y.value && (y.value.rootRef && y.value.rootRef.contains(e) || y.value.$el && y.value.$el.contains(e)) || $();
+      B.value && B.value.contains(e) || h.value && (h.value.rootRef && h.value.rootRef.contains(e) || h.value.$el && h.value.$el.contains(e)) || $();
     }
-    Se(() => {
-      document.addEventListener("click", Q, !0), window.addEventListener("kun:datepicker:open", J);
-    }), Me(() => {
-      document.removeEventListener("click", Q, !0), window.removeEventListener("kun:datepicker:open", J);
+    Te(() => {
+      document.addEventListener("click", _, !0), window.addEventListener("kun:datepicker:open", X);
+    }), Ae(() => {
+      document.removeEventListener("click", _, !0), window.removeEventListener("kun:datepicker:open", X);
     });
-    function X(t) {
-      let e = x.value + t;
-      e > 11 ? (e = 0, v.value++) : e < 0 && (e = 11, v.value--), x.value = e;
+    function ee(t) {
+      let e = D.value + t;
+      e > 11 ? (e = 0, y.value++) : e < 0 && (e = 11, y.value--), D.value = e;
     }
-    function pe() {
-      B.value = B.value === "days" ? "years" : "days";
+    function ke() {
+      H.value = H.value === "days" ? "years" : "days";
     }
-    function ye(t) {
-      v.value = t, B.value = "days";
+    function xe(t) {
+      y.value = t, H.value = "days";
     }
-    function R(t) {
+    function O(t) {
       const e = new Date(t);
-      return D.value ? e.setHours(g.value.hours || 0, g.value.minutes || 0, g.value.seconds || 0, 0) : e.setHours(0, 0, 0, 0), e;
+      return S.value ? e.setHours(v.value.hours || 0, v.value.minutes || 0, v.value.seconds || 0, 0) : e.setHours(0, 0, 0, 0), e;
     }
-    function he(t) {
-      const e = R(t.date);
-      if (a.range) {
-        let l = Array.isArray(u.value) ? [...u.value] : [];
-        if (l.length === 2 && (l = []), l.length === 0) l = [e];
-        else if (l.length === 1) {
-          let n = l[0], r = e;
-          r < n && ([n, r] = [r, n]), l = [n, r];
+    function De(t) {
+      const e = O(t.date);
+      if (l.range) {
+        let n = Array.isArray(c.value) ? [...c.value] : [];
+        if (n.length === 2 && (n = []), n.length === 0) n = [e];
+        else if (n.length === 1) {
+          let a = n[0], r = e;
+          r < a && ([a, r] = [r, a]), n = [a, r];
         }
-        u.value = l, a.autoApply && l.length === 2 && !D.value && E();
+        c.value = n, l.autoApply && n.length === 2 && !S.value && j();
       } else
-        u.value = e, a.autoApply && !D.value && E();
+        c.value = e, l.autoApply && !S.value && j();
     }
-    function H() {
-      let t = u.value instanceof Date ? u.value : /* @__PURE__ */ new Date();
-      const e = R(t);
-      a.range || (u.value = e);
+    function L() {
+      let t = c.value instanceof Date ? c.value : /* @__PURE__ */ new Date();
+      const e = O(t);
+      l.range || (c.value = e);
     }
-    function be() {
-      const t = u.value;
+    function Se() {
+      const t = c.value;
       if (!t) return null;
-      const e = z("value"), l = (n) => e ? W(n, e) : n;
-      return Array.isArray(t) ? t.map((n) => l(n)) : l(t);
+      const e = Y("value"), n = (a) => e ? q(a, e) : a;
+      return Array.isArray(t) ? t.map((a) => n(a)) : n(t);
     }
-    function E() {
-      D.value && u.value && !Array.isArray(u.value) ? u.value = R(u.value) : p.value === "time" && !u.value && H();
-      const t = be();
-      Y("update:modelValue", t), Y("change", t), $();
+    function j() {
+      S.value && c.value && !Array.isArray(c.value) ? c.value = O(c.value) : b.value === "time" && !c.value && L();
+      const t = Se();
+      z("update:modelValue", t), z("change", t), $();
     }
-    function we(t) {
-      const { date: e, isCurrentMonth: l } = t, r = Z(e, /* @__PURE__ */ new Date());
-      let o = !1, d = !1;
-      const h = (k, S) => k instanceof Date && Z(k, S), s = u.value;
-      if (a.range && Array.isArray(s)) {
-        const [k, S] = s;
-        k && h(k, e) && (o = !0), S && h(S, e) && (o = !0), k && S && k instanceof Date && S instanceof Date && e > k && e < S && (d = !0);
-      } else !a.range && s instanceof Date && h(s, e) && (o = !0);
-      const V = "flex items-center justify-center font-medium text-sm z-10", ke = l ? "text-slate-700 dark:text-slate-200" : "text-slate-300 dark:text-slate-600";
-      return o ? `${V} bg-blue-600 text-white shadow-md hover:bg-blue-700 rounded-full` : d ? `${V} bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-none` : `${V} ${ke} hover:bg-slate-100 dark:hover:bg-slate-700 ${r ? "border border-blue-500 text-blue-600 dark:text-blue-400 font-bold" : ""}`;
+    function Me(t) {
+      const { date: e, isCurrentMonth: n } = t, r = te(e, /* @__PURE__ */ new Date());
+      let o = !1, i = !1;
+      const p = (u, C) => u instanceof Date && te(u, C), s = c.value;
+      if (l.range && Array.isArray(s)) {
+        const [u, C] = s;
+        u && p(u, e) && (o = !0), C && p(C, e) && (o = !0), u && C && u instanceof Date && C instanceof Date && e > u && e < C && (i = !0);
+      } else !l.range && s instanceof Date && p(s, e) && (o = !0);
+      const x = "flex items-center justify-center font-medium text-sm z-10", R = n ? "text-slate-700 dark:text-slate-200" : "text-slate-300 dark:text-slate-600";
+      return o ? `${x} bg-blue-600 text-white shadow-md hover:bg-blue-700 rounded-full` : i ? `${x} bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-none` : `${x} ${R} hover:bg-slate-100 dark:hover:bg-slate-700 ${r ? "border border-blue-500 text-blue-600 dark:text-blue-400 font-bold" : ""}`;
     }
-    function Z(t, e) {
+    function te(t, e) {
       return t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
     }
-    return (t, e) => (i(), c("div", {
+    return (t, e) => (d(), f("div", {
       class: "relative w-full",
       ref_key: "containerRef",
-      ref: re
+      ref: ue
     }, [
-      M(Ye, Ve({
+      V(He, Fe({
         ref_key: "triggerRef",
-        ref: y,
-        "model-value": fe.value,
-        label: f.label,
-        placeholder: f.placeholder,
-        disabled: f.disabled,
+        ref: h,
+        "model-value": ye.value,
+        label: m.label,
+        placeholder: m.placeholder,
+        disabled: m.disabled,
         readonly: ""
       }, t.$attrs, {
-        onHandleClick: A,
-        onClick: A,
+        onHandleClick: F,
+        onClick: F,
         onKeyDown: [
-          _(A, ["enter"]),
-          _(A, ["space"])
+          le(F, ["enter"]),
+          le(F, ["space"])
         ],
-        class: ["cursor-pointer", f.inputClass],
-        "error-message": f.errorMessage,
-        "has-error": !!f.errorMessage,
+        class: ["cursor-pointer", m.inputClass],
+        "error-message": m.errorMessage,
+        "has-error": !!m.errorMessage,
         "hide-details": ""
       }), {
-        "append-inner": L(() => [
-          m("div", {
+        "append-inner": E(() => [
+          g("div", {
             class: "cursor-pointer text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200 transition-colors",
-            onClick: ee(A, ["stop"])
+            onClick: ae(F, ["stop"])
           }, [
-            f.mode === "time" ? (i(), c("svg", Be, [...e[6] || (e[6] = [
-              m("path", {
+            m.mode === "time" ? (d(), f("svg", Re, [...e[6] || (e[6] = [
+              g("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
               }, null, -1)
-            ])])) : (i(), c("svg", ze, [...e[7] || (e[7] = [
-              m("path", {
+            ])])) : (d(), f("svg", Ee, [...e[7] || (e[7] = [
+              g("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
@@ -338,8 +353,8 @@ const Be = {
         ]),
         _: 1
       }, 16, ["model-value", "label", "placeholder", "disabled", "class", "error-message", "has-error"]),
-      (i(), Ce(Te, { to: "body" }, [
-        M(Ae, {
+      (d(), Ye($e, { to: "body" }, [
+        V(Ne, {
           "enter-active-class": "transition ease-out duration-150",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -347,90 +362,90 @@ const Be = {
           "leave-from-class": "opacity-100 scale-100",
           "leave-to-class": "opacity-0 scale-95"
         }, {
-          default: L(() => [
-            C.value ? (i(), c("div", {
+          default: E(() => [
+            T.value ? (d(), f("div", {
               key: 0,
               ref_key: "popoverRef",
-              ref: F,
-              class: O(["fixed shadow-2xl rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 flex flex-col font-sans select-none overflow-hidden", [f.dialogClass]]),
-              style: te([$e(se), ue.value]),
-              onClick: e[5] || (e[5] = ee(() => {
+              ref: B,
+              class: I(["fixed shadow-2xl rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 flex flex-col font-sans select-none overflow-hidden", [m.dialogClass]]),
+              style: re([ze(fe), ge.value]),
+              onClick: e[5] || (e[5] = ae(() => {
               }, ["stop"]))
             }, [
-              f.mode !== "time" ? (i(), c("div", He, [
-                m("button", {
+              m.mode !== "time" ? (d(), f("div", Pe, [
+                g("button", {
                   type: "button",
                   class: "p-1 rounded-full hover:bg-slate-200 dark:hover:bg-slate-700 transition-colors text-slate-600 dark:text-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-400",
-                  onClick: e[0] || (e[0] = (l) => X(-1))
+                  onClick: e[0] || (e[0] = (n) => ee(-1))
                 }, [...e[8] || (e[8] = [
-                  m("svg", {
+                  g("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     class: "h-5 w-5",
                     viewBox: "0 0 20 20",
                     fill: "currentColor"
                   }, [
-                    m("path", {
+                    g("path", {
                       "fill-rule": "evenodd",
                       d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
                       "clip-rule": "evenodd"
                     })
                   ], -1)
                 ])]),
-                m("div", {
+                g("div", {
                   class: "font-semibold text-slate-800 dark:text-slate-100 cursor-pointer hover:bg-slate-200 dark:hover:bg-slate-700 px-3 py-1 rounded transition-colors text-center",
-                  onClick: pe
-                }, N(de.value) + " " + N(v.value), 1),
-                m("button", {
+                  onClick: ke
+                }, N(ve.value) + " " + N(y.value), 1),
+                g("button", {
                   type: "button",
                   class: "p-1 rounded-full hover:bg-slate-200 dark:hover:bg-slate-700 transition-colors text-slate-600 dark:text-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-400",
-                  onClick: e[1] || (e[1] = (l) => X(1))
+                  onClick: e[1] || (e[1] = (n) => ee(1))
                 }, [...e[9] || (e[9] = [
-                  m("svg", {
+                  g("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     class: "h-5 w-5",
                     viewBox: "0 0 20 20",
                     fill: "currentColor"
                   }, [
-                    m("path", {
+                    g("path", {
                       "fill-rule": "evenodd",
                       d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
                       "clip-rule": "evenodd"
                     })
                   ], -1)
                 ])])
-              ])) : T("", !0),
-              f.mode !== "time" ? (i(), c("div", Le, [
-                B.value === "days" ? (i(), c("div", Re, [
-                  m("div", Ee, [
-                    (i(!0), c(P, null, j(ce.value, (l) => (i(), c("span", {
-                      key: l,
+              ])) : A("", !0),
+              m.mode !== "time" ? (d(), f("div", Oe, [
+                H.value === "days" ? (d(), f("div", je, [
+                  g("div", Ie, [
+                    (d(!0), f(U, null, W(pe.value, (n) => (d(), f("span", {
+                      key: n,
                       class: "text-[0.7rem] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest"
-                    }, N(l), 1))), 128))
+                    }, N(n), 1))), 128))
                   ]),
-                  m("div", Oe, [
-                    (i(!0), c(P, null, j(me.value, (l, n) => (i(), c("div", {
-                      key: n,
-                      class: O(["relative flex items-center justify-center rounded-full transition-all duration-150 cursor-pointer group", we(l)]),
-                      style: te({ width: f.daySize, height: f.daySize, fontSize: f.fontSize }),
-                      onClick: (r) => he(l)
-                    }, N(l.day), 15, Pe))), 128))
+                  g("div", Ue, [
+                    (d(!0), f(U, null, W(he.value, (n, a) => (d(), f("div", {
+                      key: a,
+                      class: I(["relative flex items-center justify-center rounded-full transition-all duration-150 cursor-pointer group", Me(n)]),
+                      style: re({ width: m.daySize, height: m.daySize, fontSize: m.fontSize }),
+                      onClick: (r) => De(n)
+                    }, N(n.day), 15, We))), 128))
                   ])
-                ])) : (i(), c("div", je, [
-                  (i(!0), c(P, null, j(ge.value, (l) => (i(), c("div", {
-                    key: l,
-                    class: O(["p-2 text-center rounded-lg hover:bg-slate-100 dark:hover:bg-slate-700 cursor-pointer transition-colors text-sm border border-transparent", { "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400 border-blue-200 dark:border-blue-800 font-bold": l === v.value }]),
-                    onClick: (n) => ye(l)
-                  }, N(l), 11, Ue))), 128))
+                ])) : (d(), f("div", Ke, [
+                  (d(!0), f(U, null, W(be.value, (n) => (d(), f("div", {
+                    key: n,
+                    class: I(["p-2 text-center rounded-lg hover:bg-slate-100 dark:hover:bg-slate-700 cursor-pointer transition-colors text-sm border border-transparent", { "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400 border-blue-200 dark:border-blue-800 font-bold": n === y.value }]),
+                    onClick: (a) => xe(n)
+                  }, N(n), 11, Ze))), 128))
                 ]))
-              ])) : T("", !0),
-              D.value ? (i(), c("div", Ie, [
-                m("div", We, [
-                  M(U, {
-                    modelValue: g.value.hours,
-                    "onUpdate:modelValue": e[2] || (e[2] = (l) => g.value.hours = l),
+              ])) : A("", !0),
+              S.value ? (d(), f("div", qe, [
+                g("div", Ge, [
+                  V(K, {
+                    modelValue: v.value.hours,
+                    "onUpdate:modelValue": e[2] || (e[2] = (n) => v.value.hours = n),
                     min: 0,
                     max: 23,
-                    onChange: H,
+                    onChange: L,
                     precision: "0",
                     "text-center": "",
                     label: "Hora",
@@ -440,13 +455,13 @@ const Be = {
                     placeholder: "00"
                   }, null, 8, ["modelValue"])
                 ]),
-                m("div", Ke, [
-                  M(U, {
-                    modelValue: g.value.minutes,
-                    "onUpdate:modelValue": e[3] || (e[3] = (l) => g.value.minutes = l),
+                g("div", Je, [
+                  V(K, {
+                    modelValue: v.value.minutes,
+                    "onUpdate:modelValue": e[3] || (e[3] = (n) => v.value.minutes = n),
                     min: 0,
                     max: 59,
-                    onChange: H,
+                    onChange: L,
                     precision: "0",
                     "text-center": "",
                     label: "Min",
@@ -456,13 +471,13 @@ const Be = {
                     placeholder: "00"
                   }, null, 8, ["modelValue"])
                 ]),
-                f.enableSeconds ? (i(), c("div", qe, [
-                  M(U, {
-                    modelValue: g.value.seconds,
-                    "onUpdate:modelValue": e[4] || (e[4] = (l) => g.value.seconds = l),
+                m.enableSeconds ? (d(), f("div", Qe, [
+                  V(K, {
+                    modelValue: v.value.seconds,
+                    "onUpdate:modelValue": e[4] || (e[4] = (n) => v.value.seconds = n),
                     min: 0,
                     max: 59,
-                    onChange: H,
+                    onChange: L,
                     precision: "0",
                     "text-center": "",
                     label: "Seg",
@@ -471,30 +486,30 @@ const Be = {
                     density: "compact",
                     placeholder: "00"
                   }, null, 8, ["modelValue"])
-                ])) : T("", !0)
-              ])) : T("", !0),
-              f.autoApply ? T("", !0) : (i(), c("div", Ge, [
-                M(ae, {
+                ])) : A("", !0)
+              ])) : A("", !0),
+              m.autoApply ? A("", !0) : (d(), f("div", Xe, [
+                V(se, {
                   onClick: $,
                   size: "xs"
                 }, {
-                  default: L(() => [...e[10] || (e[10] = [
-                    le("Cancelar", -1)
+                  default: E(() => [...e[10] || (e[10] = [
+                    oe("Cancelar", -1)
                   ])]),
                   _: 1
                 }),
-                M(ae, {
-                  onClick: E,
+                V(se, {
+                  onClick: j,
                   size: "xs",
                   bgColor: "bg-success"
                 }, {
-                  default: L(() => [...e[11] || (e[11] = [
-                    le("Aplicar", -1)
+                  default: E(() => [...e[11] || (e[11] = [
+                    oe("Aplicar", -1)
                   ])]),
                   _: 1
                 })
               ]))
-            ], 6)) : T("", !0)
+            ], 6)) : A("", !0)
           ]),
           _: 1
         })
@@ -503,5 +518,5 @@ const Be = {
   }
 });
 export {
-  lt as default
+  at as default
 };