@manik02/vue3-timepicker 1.0.0 → 1.1.0

package/dist/vue-timepicker.js

@@ -1,156 +1,150 @@
-import { defineComponent as Ae, ref as $, onMounted as ye, onBeforeUnmount as ke, createElementBlock as X, openBlock as G, normalizeClass as oe, createElementVNode as ae, Fragment as Ee, renderList as Re, toDisplayString as Ce, nextTick as Ie, computed as c, watch as F, createCommentVNode as te, createVNode as Te, createBlock as Se, normalizeStyle as de, unref as O } from "vue";
-const Fe = ["tabindex", "onClick", "onMousemove"], ce = /* @__PURE__ */ Ae({
+import { defineComponent as Ie, ref as P, onMounted as ye, onBeforeUnmount as Se, createElementBlock as Y, openBlock as _, normalizeClass as oe, createElementVNode as ae, Fragment as $e, renderList as Le, toDisplayString as Fe, nextTick as Ae, computed as m, watch as O, createCommentVNode as Z, createVNode as Te, createBlock as xe, normalizeStyle as fe, unref as U } from "vue";
+const Be = ["tabindex", "onClick", "onMousemove"], pe = /* @__PURE__ */ Ie({
   __name: "TimeColumn",
   props: {
     items: {},
     activeIndex: {}
   },
   emits: ["update:activeIndex", "select"],
-  setup(e, { emit: n }) {
-    const s = e, t = n, v = $(null), y = $(!1);
-    let d = null;
-    function D(p) {
-      const S = Array.from(p.querySelectorAll(".timepicker-option"));
-      if (!S.length) return 0;
-      const A = p.scrollTop + p.clientHeight / 2;
-      let M = 0, B = Number.POSITIVE_INFINITY;
-      for (let P = 0; P < S.length; P++) {
-        const U = S[P], r = U.offsetTop + U.offsetHeight / 2, u = Math.abs(r - A);
-        u < B && (B = u, M = P);
+  setup(t, { emit: r }) {
+    const o = t, e = r, f = P(null), b = P(o.activeIndex ?? 0), h = P(!1);
+    let A = null;
+    function $(v) {
+      const k = Array.from(v.querySelectorAll(".timepicker-option"));
+      if (!k.length) return 0;
+      const S = v.scrollTop + v.clientHeight / 2;
+      let I = 0, B = Number.POSITIVE_INFINITY;
+      for (let H = 0; H < k.length; H++) {
+        const R = k[H], a = R.offsetTop + R.offsetHeight / 2, l = Math.abs(a - S);
+        l < B && (B = l, I = H);
       }
-      return M;
-    }
-    function E(p) {
-      if (!s.items.length) return 0;
-      if (!s.items[p]?.disabled) return p;
-      for (let S = 1; S < s.items.length; S++) {
-        const A = p - S, M = p + S;
-        if (A >= 0 && !s.items[A]?.disabled) return A;
-        if (M < s.items.length && !s.items[M]?.disabled) return M;
+      return I;
+    }
+    function M(v) {
+      if (!o.items.length) return 0;
+      if (!o.items[v]?.disabled) return v;
+      for (let k = 1; k < o.items.length; k++) {
+        const S = v - k, I = v + k;
+        if (S >= 0 && !o.items[S]?.disabled) return S;
+        if (I < o.items.length && !o.items[I]?.disabled) return I;
       }
-      return p;
+      return v;
     }
-    function w() {
-      Ie(() => {
-        const p = v.value;
-        if (!p) return;
-        const S = p.querySelector(
+    function W() {
+      Ae(() => {
+        const v = f.value;
+        if (!v) return;
+        const k = v.querySelector(
           ".timepicker-option--active"
         );
-        if (S) {
-          const A = p.clientHeight, M = S.offsetTop, B = S.offsetHeight, P = M - A / 2 + B / 2;
-          y.value = !0, p.scrollTo({ top: P, behavior: "auto" }), d && clearTimeout(d), d = setTimeout(() => {
-            y.value = !1;
+        if (k) {
+          const S = v.clientHeight, I = k.offsetTop, B = k.offsetHeight, H = I - S / 2 + B / 2;
+          h.value = !0, v.scrollTo({ top: H, behavior: "auto" }), A && clearTimeout(A), A = setTimeout(() => {
+            h.value = !1;
           }, 70);
         }
       });
     }
-    function _() {
-      const p = v.value;
-      if (!p || y.value) return;
-      const S = D(p), A = E(S);
-      s.items[A]?.disabled || (N.value = A);
+    function w() {
+      const v = f.value;
+      if (!v || h.value) return;
+      const k = $(v), S = M(k);
+      o.items[S]?.disabled || (b.value = S);
     }
-    ye(w), ke(() => {
-      d && clearTimeout(d);
+    ye(W), Se(() => {
+      A && clearTimeout(A);
     });
-    function T(p) {
-      t("update:activeIndex", p), t("select", s.items[p]?.value);
-    }
-    function I(p) {
-      T(p);
+    function V(v) {
+      e("update:activeIndex", v), e("select", o.items[v]?.value);
     }
-    const N = $(s.activeIndex ?? 0);
-    return (p, S) => (G(), X("div", {
+    return (v, k) => (_(), Y("div", {
       class: oe(["timepicker-dropdown", {
-        "timepicker-dropdown--short": p.items.length <= 3
+        "timepicker-dropdown--short": v.items.length <= 3
       }])
     }, [
       ae("div", {
         ref_key: "menu",
-        ref: v,
+        ref: f,
         class: "timepicker-dropdown__panel",
         role: "listbox",
         tabindex: "-1",
-        onScroll: _
+        onScroll: w
       }, [
-        (G(!0), X(Ee, null, Re(p.items, (A, M) => (G(), X("div", {
-          key: A.key,
+        (_(!0), Y($e, null, Le(v.items, (S, I) => (_(), Y("div", {
+          key: S.key,
           class: oe(["timepicker-option", {
-            "timepicker-option--active": M === p.activeIndex,
-            "timepicker-option--disabled": A.disabled,
-            "timepicker-option--focused": M === N.value
+            "timepicker-option--active": I === v.activeIndex,
+            "timepicker-option--disabled": S.disabled,
+            "timepicker-option--focused": I === b.value
           }]),
           role: "option",
-          tabindex: A.disabled ? -1 : 0,
-          onClick: (B) => !A.disabled && I(M),
-          onMousemove: (B) => !A.disabled && (N.value = M)
-        }, Ce(A.text), 43, Fe))), 128))
+          tabindex: S.disabled ? -1 : 0,
+          onClick: (B) => !S.disabled && V(I),
+          onMousemove: (B) => !S.disabled && (b.value = I)
+        }, Fe(S.text), 43, Be))), 128))
       ], 544)
     ], 2));
   }
 });
-function Me(e) {
-  return e.h * 3600 + e.m * 60 + e.s;
+function Me(t) {
+  return t.h * 3600 + t.m * 60 + t.s;
 }
-function Ne(e) {
-  return /(a|A|p|P)/.test(e);
+function Ee(t) {
+  return /(a|A|p|P)/.test(t);
 }
-function xe(e) {
-  return /k{1,2}/.test(e);
+function ke(t) {
+  return /k{1,2}/.test(t);
 }
-function Y(e, n) {
-  if (!e || typeof e != "string") return { h: 0, m: 0, s: 0 };
-  const s = e.match(/\d+/g) || [];
-  let t = s[0] !== void 0 ? +s[0] : 0;
-  const v = +s[1] || 0, y = +s[2] || 0;
-  return { h: t, m: v, s: y };
+function J(t) {
+  if (!t || typeof t != "string") return { h: 0, m: 0, s: 0 };
+  const r = (t.match(/\d+/g) || []).map(Number);
+  return { h: r[0] || 0, m: r[1] || 0, s: r[2] || 0 };
 }
-function Be(e) {
-  const n = e % 12;
-  return n === 0 ? 12 : n;
+function He(t) {
+  const r = t % 12;
+  return r === 0 ? 12 : r;
 }
-function Ve(e, n) {
-  return n ? e % 12 + 12 : e % 12;
+function We(t, r) {
+  return r ? t % 12 + 12 : t % 12;
 }
-function _e(e) {
-  return /(s|ss)/.test(e);
+function Oe(t) {
+  return /(s|ss)/.test(t);
 }
-function me(e, n) {
-  let { h: s, m: t, s: v } = n;
-  const y = Ne(e), d = s >= 12 ? "PM" : "AM";
-  y && (s = Be(s));
-  const D = s === 0 ? 24 : s, E = {
-    HH: String(s).padStart(2, "0"),
-    H: String(s),
-    hh: String(s).padStart(2, "0"),
-    h: String(s),
-    kk: String(D).padStart(2, "0"),
-    k: String(D),
-    mm: String(t).padStart(2, "0"),
-    m: String(t),
-    ss: String(v).padStart(2, "0"),
-    s: String(v),
-    A: d,
-    a: d.toLowerCase(),
-    P: d,
-    p: d.toLowerCase()
+function ve(t, r) {
+  let { h: o, m: e, s: f } = r;
+  const b = Ee(t), h = o >= 12 ? "PM" : "AM";
+  b && (o = He(o));
+  const A = o === 0 ? 24 : o, $ = {
+    HH: String(o).padStart(2, "0"),
+    H: String(o),
+    hh: String(o).padStart(2, "0"),
+    h: String(o),
+    kk: String(A).padStart(2, "0"),
+    k: String(A),
+    mm: String(e).padStart(2, "0"),
+    m: String(e),
+    ss: String(f).padStart(2, "0"),
+    s: String(f),
+    A: h,
+    a: h.toLowerCase(),
+    P: h,
+    p: h.toLowerCase()
   };
-  return e.replace(/HH|hh|kk|mm|ss|H|h|k|m|s|A|a|P|p/g, (w) => E[w] ?? w);
+  return t.replace(/HH|hh|kk|mm|ss|H|h|k|m|s|A|a|P|p/g, (M) => $[M] ?? M);
 }
-function j(e, n) {
-  return Me(e) - Me(n);
+function j(t, r) {
+  return Me(t) - Me(r);
 }
-function We(e, n, s) {
-  return n && j(e, n) < 0 ? { ...n } : s && j(e, s) > 0 ? { ...s } : { ...e };
+function Ke(t, r, o) {
+  return r && j(t, r) < 0 ? { ...r } : o && j(t, o) > 0 ? { ...o } : { ...t };
 }
-function $e(e, n, s) {
-  return !(n && j(e, n) < 0 || s && j(e, s) > 0);
+function Ne(t, r, o) {
+  return !(r && j(t, r) < 0 || o && j(t, o) > 0);
 }
-function He(e, n) {
-  return n.some(([s, t]) => j(e, s) >= 0 && j(e, t) <= 0);
+function Re(t, r) {
+  return r.some(([o, e]) => j(t, o) >= 0 && j(t, e) <= 0);
 }
-const we = /* @__PURE__ */ Ae({
+const we = /* @__PURE__ */ Ie({
   __name: "TimeSelection",
   props: {
     open: { type: Boolean },
@@ -165,243 +159,221 @@ const we = /* @__PURE__ */ Ae({
     secondStep: {}
   },
   emits: ["update:initTime", "open", "close", "update:open"],
-  setup(e, { emit: n }) {
-    function s(a) {
-      return Math.max(1, a ?? 1);
-    }
-    const t = c(() => Ne(d.format)), v = c(() => _e(d.format)), y = c(() => xe(d.format)), d = e, D = n, E = c({
-      get: () => d.open ?? !1,
-      set: (a) => {
-        const l = d.open ?? !1;
-        a !== l && (D("update:open", a), D(a ? "open" : "close"));
+  setup(t, { emit: r }) {
+    function o(s) {
+      return Math.max(1, s ?? 1);
+    }
+    const e = t, f = r, b = m(() => Ee(e.format)), h = m(() => Oe(e.format)), A = m(() => ke(e.format)), $ = m({
+      get: () => e.open ?? !1,
+      set: (s) => {
+        const c = e.open ?? !1;
+        s !== c && (f("update:open", s), f(s ? "open" : "close"));
       }
-    }), w = $(null);
-    function _(a) {
-      if (!E.value) return;
-      const l = a.target;
-      w.value && !w.value.contains(l) && (E.value = !1);
-    }
-    ye(() => document.addEventListener("mousedown", _)), ke(
-      () => document.removeEventListener("mousedown", _)
+    }), M = P(null);
+    function W(s) {
+      if (!$.value) return;
+      const c = s.target;
+      M.value && !M.value.contains(c) && ($.value = !1);
+    }
+    ye(() => document.addEventListener("mousedown", W)), Se(
+      () => document.removeEventListener("mousedown", W)
     );
-    function T(a) {
-      a.key === "Escape" && E.value && (E.value = !1);
-    }
-    ye(() => document.addEventListener("keydown", T)), ke(() => document.removeEventListener("keydown", T));
-    const I = $(0), N = $(0), p = $(0), S = $(0);
-    function A(a) {
-      const l = s(d.hourStep), g = s(d.minuteStep), k = s(d.secondStep);
-      let V = a.h;
-      t.value ? (S.value = a.h >= 12 ? 1 : 0, V = a.h % 12) : y.value && a.h === 0 && (V = 24), I.value = Math.floor(V / l), N.value = Math.floor(a.m / g), p.value = Math.floor(a.s / k);
-    }
-    F(
-      () => d.initTime,
-      (a) => {
-        A(a);
+    function w(s) {
+      s.key === "Escape" && $.value && ($.value = !1);
+    }
+    ye(() => document.addEventListener("keydown", w)), Se(() => document.removeEventListener("keydown", w));
+    const V = P(0), v = P(0), k = P(0), S = P(0);
+    function I(s) {
+      const c = o(e.hourStep), p = o(e.minuteStep), x = o(e.secondStep);
+      let D = s.h;
+      b.value ? (S.value = s.h >= 12 ? 1 : 0, D = s.h % 12) : A.value && s.h === 0 && (D = 24), V.value = Math.floor(D / c), v.value = Math.floor(s.m / p), k.value = Math.floor(s.s / x);
+    }
+    O(
+      () => e.initTime,
+      (s) => {
+        I(s);
       },
       { immediate: !0 }
     );
-    function M(a, l) {
-      const g = [];
-      for (let k = 0; k < a; k += s(l))
-        g.push({ key: k, value: k, text: String(k).padStart(2, "0") });
-      return g;
+    function B(s, c) {
+      const p = [];
+      for (let x = 0; x < s; x += o(c))
+        p.push({ key: x, value: x, text: String(x).padStart(2, "0") });
+      return p;
     }
-    function B(a, l) {
-      const g = s(l), k = [];
-      for (let V = 0; V < 12; V += g) {
-        const ie = V === 0 ? 12 : V, J = a ? V === 0 ? 12 : V + 12 : V;
-        k.push({ key: J, value: J, text: String(ie).padStart(2, "0") });
+    function H(s, c) {
+      const p = o(c), x = [];
+      for (let D = 0; D < 12; D += p) {
+        const be = D === 0 ? 12 : D, de = s ? D === 0 ? 12 : D + 12 : D;
+        x.push({ key: de, value: de, text: String(be).padStart(2, "0") });
       }
-      return k;
+      return x;
     }
-    function P(a) {
-      const l = s(a), g = [];
-      for (let k = 0; k < 24; k += l) {
-        const V = k === 0 ? 24 : k;
-        g.push({ key: k, value: k, text: String(V).padStart(2, "0") });
+    function R(s) {
+      const c = o(s), p = [];
+      for (let x = 0; x < 24; x += c) {
+        const D = x === 0 ? 24 : x;
+        p.push({ key: x, value: x, text: String(D).padStart(2, "0") });
       }
-      return g;
+      return p;
     }
-    const U = c(() => {
-      if (!t.value)
-        return y.value ? P(d.hourStep) : M(24, d.hourStep);
-      const a = S.value === 1;
-      return B(a, d.hourStep);
-    }), r = c(() => M(60, d.minuteStep)), u = c(() => M(60, d.secondStep)), m = c(() => /\s[ap]$/.test(d.format)), b = c(() => {
-      const a = m.value ? "am" : "AM", l = m.value ? "pm" : "PM";
+    const a = m(() => {
+      if (!b.value)
+        return A.value ? R(e.hourStep) : B(24, e.hourStep);
+      const s = S.value === 1;
+      return H(s, e.hourStep);
+    }), l = m(() => B(60, e.minuteStep)), d = m(() => B(60, e.secondStep)), g = m(() => /\s[ap]$/.test(e.format)), y = m(() => {
+      const s = g.value ? "am" : "AM", c = g.value ? "pm" : "PM";
       return [
-        { key: "AM", value: "AM", text: a },
-        { key: "PM", value: "PM", text: l }
+        { key: "AM", value: "AM", text: s },
+        { key: "PM", value: "PM", text: c }
       ];
-    }), h = c(
-      () => r.value.map((a) => Number(a.value ?? 0))
-    ), x = c(() => v.value ? u.value.map((a) => Number(a.value ?? 0)) : [0]);
-    function z(a) {
-      return Number(a.value ?? 0);
+    }), T = m(
+      () => l.value.map((s) => Number(s.value ?? 0))
+    ), G = m(() => h.value ? d.value.map((s) => Number(s.value ?? 0)) : [0]), z = m(
+      () => Number(a.value[V.value]?.value ?? 0)
+    ), te = m(
+      () => Number(l.value[v.value]?.value ?? 0)
+    ), K = m(
+      () => Number(d.value[k.value]?.value ?? 0)
+    );
+    function ne(s) {
+      const c = s.findIndex((p) => !p.disabled);
+      return c >= 0 ? c : 0;
     }
-    function pe(a) {
-      const l = a.findIndex((g) => !g.disabled);
-      return l >= 0 ? l : 0;
+    function Q(s) {
+      return !(!Ne(s, e.minTime, e.maxTime) || Re(s, e.disabledRanges ?? []) || e.isTimeDisabled?.(s));
     }
-    function K(a) {
-      return !(!$e(a, d.minTime, d.maxTime) || He(a, d.disabledRanges ?? []) || d.isTimeDisabled?.(a));
+    function ie(s, c) {
+      return s.map((p) => ({
+        ...p,
+        disabled: !c(Number(p.value ?? 0))
+      }));
     }
-    const Z = c(() => U.value.map((a) => {
-      const l = z(a), g = h.value.some(
-        (k) => x.value.some(
-          (V) => K({ h: l, m: k, s: V })
+    const se = m(
+      () => ie(
+        a.value,
+        (s) => T.value.some(
+          (c) => G.value.some(
+            (p) => Q({ h: s, m: c, s: p })
+          )
         )
-      );
-      return {
-        ...a,
-        disabled: !g
-      };
-    })), re = c(() => {
-      const a = Number(U.value[I.value]?.value ?? 0);
-      return r.value.map((l) => {
-        const g = Number(l.value ?? 0), k = x.value.some(
-          (V) => K({ h: a, m: g, s: V })
-        );
-        return {
-          ...l,
-          disabled: !k
-        };
-      });
-    }), se = c(() => {
-      const a = Number(U.value[I.value]?.value ?? 0), l = Number(
-        r.value[N.value]?.value ?? 0
-      );
-      return u.value.map((g) => {
-        const k = Number(g.value ?? 0);
-        return {
-          ...g,
-          disabled: !K({
-            h: a,
-            m: l,
-            s: k
-          })
-        };
-      });
-    }), ue = c(() => {
-      if (!t.value) return b.value;
-      const a = Number(r.value[N.value]?.value ?? 0), l = v.value ? Number(u.value[p.value]?.value ?? 0) : 0;
-      return b.value.map((g) => {
-        const k = g.value === "PM", V = B(k, d.hourStep).some(
-          (ie) => K({
-            h: Number(ie.value ?? 0),
-            m: a,
-            s: l
+      )
+    ), le = m(
+      () => ie(
+        l.value,
+        (s) => G.value.some(
+          (c) => Q({ h: z.value, m: s, s: c })
+        )
+      )
+    ), q = m(
+      () => ie(
+        d.value,
+        (s) => Q({ h: z.value, m: te.value, s })
+      )
+    ), re = m(() => {
+      if (!b.value) return y.value;
+      const s = te.value, c = h.value ? K.value : 0;
+      return y.value.map((p) => {
+        const x = H(
+          p.value === "PM",
+          e.hourStep
+        ).some(
+          (D) => Q({
+            h: Number(D.value ?? 0),
+            m: s,
+            s: c
           })
         );
-        return {
-          ...g,
-          disabled: !V
-        };
-      });
-    }), ve = c(() => S.value === 1 ? "PM" : "AM"), ee = c(() => {
-      const a = Number(U.value[I.value]?.value ?? 0);
-      return t.value ? ve.value === "PM" ? Ve(a, !0) : Ve(a, !1) : y.value && a === 24 ? 0 : a;
-    }), he = c(
-      () => Number(r.value[N.value]?.value ?? 0)
-    ), ge = c(
-      () => Number(u.value[p.value]?.value ?? 0)
-    );
-    function q(a, l, g) {
-      a.length && (!a[l] || a[l].disabled) && g(pe(a));
-    }
-    F(Z, (a) => {
-      q(a, I.value, (l) => {
-        I.value = l;
-      });
-    }), F(re, (a) => {
-      q(a, N.value, (l) => {
-        N.value = l;
-      });
-    }), F(se, (a) => {
-      !v.value || !a.length || q(a, p.value, (l) => {
-        p.value = l;
-      });
-    }), F(ue, (a) => {
-      !t.value || !a.length || q(a, S.value, (l) => {
-        S.value = l;
+        return { ...p, disabled: !x };
       });
     });
-    function R(a) {
-      !v.value && !t.value && ne();
+    function X(s, c, p) {
+      O(s, (x) => {
+        p && !p() || x.length && (!x[c.value] || x[c.value].disabled) && (c.value = ne(x));
+      });
+    }
+    X(se, V), X(le, v), X(q, k, () => h.value), X(re, S, () => b.value);
+    function ue() {
+      !h.value && !b.value && L();
     }
-    function be(a) {
-      t.value || ne();
+    function C() {
+      b.value || L();
     }
-    function W(a) {
-      ne();
+    function he() {
+      L();
     }
-    function ne() {
-      E.value = !1;
+    function L() {
+      $.value = !1;
     }
-    return F(
-      [ee, he, ge],
-      ([a, l, g]) => {
-        D("update:initTime", { h: a, m: l, s: g });
+    return O(
+      [z, te, K],
+      ([s, c, p]) => {
+        f("update:initTime", { h: s, m: c, s: p });
       },
       { immediate: !0 }
-    ), (a, l) => E.value ? (G(), X("div", {
+    ), (s, c) => $.value ? (_(), Y("div", {
       key: 0,
       class: "vtp-cols",
       ref_key: "root",
-      ref: w
+      ref: M
     }, [
-      Te(ce, {
-        activeIndex: I.value,
-        "onUpdate:activeIndex": l[0] || (l[0] = (g) => I.value = g),
-        items: Z.value,
+      Te(pe, {
+        activeIndex: V.value,
+        "onUpdate:activeIndex": c[0] || (c[0] = (p) => V.value = p),
+        items: se.value,
         label: "Hours"
       }, null, 8, ["activeIndex", "items"]),
-      Te(ce, {
-        activeIndex: N.value,
-        "onUpdate:activeIndex": l[1] || (l[1] = (g) => N.value = g),
-        items: re.value,
+      Te(pe, {
+        activeIndex: v.value,
+        "onUpdate:activeIndex": c[1] || (c[1] = (p) => v.value = p),
+        items: le.value,
         label: "Minutes",
-        onSelect: R
+        onSelect: ue
       }, null, 8, ["activeIndex", "items"]),
-      v.value ? (G(), Se(ce, {
+      h.value ? (_(), xe(pe, {
         key: 0,
-        activeIndex: p.value,
-        "onUpdate:activeIndex": l[2] || (l[2] = (g) => p.value = g),
-        items: se.value,
+        activeIndex: k.value,
+        "onUpdate:activeIndex": c[2] || (c[2] = (p) => k.value = p),
+        items: q.value,
         label: "Seconds",
-        onSelect: be
-      }, null, 8, ["activeIndex", "items"])) : te("", !0),
-      t.value ? (G(), Se(ce, {
+        onSelect: C
+      }, null, 8, ["activeIndex", "items"])) : Z("", !0),
+      b.value ? (_(), xe(pe, {
         key: 1,
         activeIndex: S.value,
-        "onUpdate:activeIndex": l[3] || (l[3] = (g) => S.value = g),
-        items: ue.value,
+        "onUpdate:activeIndex": c[3] || (c[3] = (p) => S.value = p),
+        items: re.value,
         label: "AM/PM",
-        onSelect: W
-      }, null, 8, ["activeIndex", "items"])) : te("", !0)
-    ], 512)) : te("", !0);
+        onSelect: he
+      }, null, 8, ["activeIndex", "items"])) : Z("", !0)
+    ], 512)) : Z("", !0);
   }
 });
-function Ke(e) {
-  return typeof e == "string" ? Q.test(e) : Array.isArray(e) ? e.length === 2 && Q.test(e[0] ?? "") && Q.test(e[1] ?? "") : !1;
+function Ue(t) {
+  return typeof t == "string" ? ee.test(t) : Array.isArray(t) ? t.length === 2 && ee.test(t[0] ?? "") && ee.test(t[1] ?? "") : !1;
 }
-function fe(e) {
-  return e == null || typeof e == "string" || typeof e == "number";
+function ge(t) {
+  return t == null || typeof t == "string" || typeof t == "number";
 }
-function Ue(e) {
-  return e == null || typeof e == "string" || Array.isArray(e) || typeof e == "object" && e !== null;
+function _e(t) {
+  return t == null || typeof t == "string" || Array.isArray(t) || typeof t == "object" && t !== null;
+}
+const Ce = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, ee = /^([01]\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/, Ge = typeof __DEV__ < "u" ? __DEV__ : typeof process < "u" && process.env && process.env.NODE_ENV !== "production";
+function F(t, r) {
+  return (o) => {
+    const e = t(o);
+    return !e && Ge && console.error(`[VueTimepicker] ${r(o)}`), e;
+  };
 }
-const Le = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, Q = /^([01]\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/, C = typeof __DEV__ < "u" ? __DEV__ : typeof process < "u" && process.env && process.env.NODE_ENV !== "production", Oe = {
+const Ve = (t) => t == null || ee.test(t), ze = (t) => Array.isArray(t) ? t.length === 2 && t.every((r) => ee.test(r)) : t == null || ee.test(t), je = {
   modelValue: {
     type: [String, Array],
     default: void 0,
-    validator: (e) => {
-      let n;
-      return Array.isArray(e) ? n = e.length === 2 && e.every((s) => Q.test(s)) : n = e == null || Q.test(e), !n && C && console.error(
-        `[VueTimepicker] \`modelValue\` is wrong. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      ze,
+      (t) => `\`modelValue\` is wrong. Received: ${t}`
+    )
   },
   range: {
     type: Boolean,
@@ -421,28 +393,26 @@ const Le = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, Q = /^([01]
   minTime: {
     type: String,
     default: void 0,
-    validator: (e) => {
-      const n = e == null || Q.test(e);
-      return !n && C && console.error(`[VueTimepicker] \`minTime\` is wrong. Received: ${e}`), n;
-    }
+    validator: F(
+      Ve,
+      (t) => `\`minTime\` is wrong. Received: ${t}`
+    )
   },
   maxTime: {
     type: String,
     default: void 0,
-    validator: (e) => {
-      const n = e == null || Q.test(e);
-      return !n && C && console.error(`[VueTimepicker] \`maxTime\` is wrong. Received: ${e}`), n;
-    }
+    validator: F(
+      Ve,
+      (t) => `\`maxTime\` is wrong. Received: ${t}`
+    )
   },
   disabledTimes: {
     type: Array,
     default: void 0,
-    validator: (e) => {
-      const n = e == null || e.every(Ke);
-      return !n && C && console.error(
-        `[VueTimepicker] \`disabledTimes\` is wrong. Received: ${JSON.stringify(e)}`
-      ), n;
-    }
+    validator: F(
+      (t) => t == null || t.every(Ue),
+      (t) => `\`disabledTimes\` is wrong. Received: ${JSON.stringify(t)}`
+    )
   },
   isTimeDisabled: {
     type: Function,
@@ -451,12 +421,10 @@ const Le = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, Q = /^([01]
   format: {
     type: String,
     default: "HH:mm",
-    validator: (e) => {
-      const n = Le.test(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`format\` format is wrong. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      (t) => Ce.test(t),
+      (t) => `\`format\` format is wrong. Received: ${t}`
+    )
   },
   placeholder: {
     type: String,
@@ -465,590 +433,574 @@ const Le = /^(HH|H|hh|h|kk|k):(mm|m)(?::(ss|s))?(?:\s*(A|a|P|p))?$/, Q = /^([01]
   id: {
     type: String,
     default: void 0,
-    validator: (e) => {
-      const n = e == null || typeof e == "string";
-      return !n && C && console.error(
-        `[VueTimepicker] \`id\` must be a string. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      (t) => t == null || typeof t == "string",
+      (t) => `\`id\` must be a string. Received: ${t}`
+    )
   },
   name: {
     type: String,
     default: void 0,
-    validator: (e) => {
-      const n = e == null || typeof e == "string";
-      return !n && C && console.error(
-        `[VueTimepicker] \`name\` must be a string. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      (t) => t == null || typeof t == "string",
+      (t) => `\`name\` must be a string. Received: ${t}`
+    )
   },
   tabindex: {
     type: Number,
     default: 0,
-    validator: (e) => {
-      const n = Number.isInteger(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`tabindex\` must be an integer. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      (t) => Number.isInteger(t),
+      (t) => `\`tabindex\` must be an integer. Received: ${t}`
+    )
   },
   autocomplete: {
     type: String,
     default: "off",
-    validator: (e) => {
-      const n = typeof e == "string";
-      return !n && C && console.error(
-        `[VueTimepicker] \`autocomplete\` must be a string. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      (t) => typeof t == "string",
+      (t) => `\`autocomplete\` must be a string. Received: ${t}`
+    )
   },
   inputClass: {
     type: [String, Array, Object],
     default: void 0,
-    validator: (e) => {
-      const n = Ue(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`inputClass\` must be a string, array, or object. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      _e,
+      (t) => `\`inputClass\` must be a string, array, or object. Received: ${t}`
+    )
   },
   inputWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (e) => {
-      const n = fe(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`inputWidth\` must be a string or number. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      ge,
+      (t) => `\`inputWidth\` must be a string or number. Received: ${t}`
+    )
   },
   componentWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (e) => {
-      const n = fe(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`componentWidth\` must be a string or number. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      ge,
+      (t) => `\`componentWidth\` must be a string or number. Received: ${t}`
+    )
   },
   minInputWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (e) => {
-      const n = fe(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`minInputWidth\` must be a string or number. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      ge,
+      (t) => `\`minInputWidth\` must be a string or number. Received: ${t}`
+    )
   },
   maxInputWidth: {
     type: [String, Number],
     default: void 0,
-    validator: (e) => {
-      const n = fe(e);
-      return !n && C && console.error(
-        `[VueTimepicker] \`maxInputWidth\` must be a string or number. Received: ${e}`
-      ), n;
-    }
+    validator: F(
+      ge,
+      (t) => `\`maxInputWidth\` must be a string or number. Received: ${t}`
+    )
   },
   size: {
     type: String,
     default: "md",
-    validator: (e) => {
-      const n = e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl";
-      return !n && C && console.error(`[VueTimepicker] \`size\` is wrong. Received: ${e}`), n;
-    }
+    validator: F(
+      (t) => ["xs", "sm", "md", "lg", "xl"].includes(t),
+      (t) => `\`size\` is wrong. Received: ${t}`
+    )
   }
 };
-function Pe(e) {
-  const n = Le.exec(e);
-  if (!n) throw new Error(`[useTimeMask] Invalid format: ${e}`);
-  const [, s, t, v, y] = n, d = [], D = !!y, E = /^k{1,2}$/.test(s);
-  let w = 0, _ = 23;
-  return D ? (w = 1, _ = 12) : E && (w = 1, _ = 24), d.push({ token: s, min: w, max: _ }), d.push({ token: t, min: 0, max: 59 }), v && d.push({ token: v, min: 0, max: 59 }), {
-    digitGroups: d,
-    hasAmPm: !!y,
-    ampmLowercase: y === "a" || y === "p"
+function De(t) {
+  const r = Ce.exec(t);
+  if (!r) throw new Error(`[useTimeMask] Invalid format: ${t}`);
+  const [, o, e, f, b] = r, h = [], A = !!b, $ = /^k{1,2}$/.test(o);
+  let M = 0, W = 23;
+  return A ? (M = 1, W = 12) : $ && (M = 1, W = 24), h.push({ token: o, min: M, max: W }), h.push({ token: e, min: 0, max: 59 }), f && h.push({ token: f, min: 0, max: 59 }), {
+    digitGroups: h,
+    hasAmPm: !!b,
+    ampmLowercase: b === "a" || b === "p"
   };
 }
-function Ge(e) {
+function qe(t) {
   try {
-    return Pe(e);
+    return De(t);
   } catch {
-    return Pe("HH:mm");
+    return De("HH:mm");
   }
 }
-function De(e) {
-  const n = c(() => Ge(e.value)), s = c(() => n.value.digitGroups.length * 2), t = $([]), v = $("AM"), y = $("");
-  function d() {
-    const { digitGroups: r, hasAmPm: u } = n.value;
-    let m = "", b = 0;
-    for (let h = 0; h < r.length; h++) {
-      for (let x = 0; x < 2; x++)
-        b < t.value.length && (m += String(t.value[b]), b++);
-      b === (h + 1) * 2 && h < r.length - 1 && (m += ":");
-    }
-    if (u && b >= s.value) {
-      const h = n.value.ampmLowercase ? v.value.toLowerCase() : v.value;
-      m += " " + h;
-    }
-    return m;
+function Pe(t) {
+  const r = m(() => qe(t.value)), o = m(() => r.value.digitGroups.length * 2), e = P([]), f = P("AM"), b = P("");
+  function h() {
+    const { digitGroups: a, hasAmPm: l } = r.value;
+    let d = "", g = 0;
+    for (let y = 0; y < a.length; y++) {
+      for (let T = 0; T < 2; T++)
+        g < e.value.length && (d += String(e.value[g]), g++);
+      g === (y + 1) * 2 && y < a.length - 1 && (d += ":");
+    }
+    if (l && g >= o.value) {
+      const y = r.value.ampmLowercase ? f.value.toLowerCase() : f.value;
+      d += " " + y;
+    }
+    return d;
   }
-  function D(r) {
-    const u = r * 2;
-    if (t.value.length < u + 2) return;
-    const m = t.value[u] * 10 + t.value[u + 1], { min: b, max: h } = n.value.digitGroups[r], x = Math.max(b, Math.min(h, m));
-    x !== m && (t.value[u] = Math.floor(x / 10), t.value[u + 1] = x % 10);
+  function A(a) {
+    const l = a * 2;
+    if (e.value.length < l + 2) return;
+    const d = e.value[l] * 10 + e.value[l + 1], { min: g, max: y } = r.value.digitGroups[a], T = Math.max(g, Math.min(y, d));
+    T !== d && (e.value[l] = Math.floor(T / 10), e.value[l + 1] = T % 10);
   }
-  function E() {
-    for (let r = 0; r < n.value.digitGroups.length; r++)
-      D(r);
+  function $() {
+    for (let a = 0; a < r.value.digitGroups.length; a++)
+      A(a);
   }
-  function w(r) {
-    const u = d();
-    let m = 0;
-    for (let b = 0; b < Math.min(r, u.length); b++)
-      /\d/.test(u[b]) && m++;
-    return m;
+  function M(a) {
+    const l = h();
+    let d = 0;
+    for (let g = 0; g < Math.min(a, l.length); g++)
+      /\d/.test(l[g]) && d++;
+    return d;
   }
-  function _(r) {
-    return r + Math.floor(r / 2);
+  function W(a) {
+    return a + Math.floor(a / 2);
   }
-  function T(r, u) {
-    if (r >= s.value) return s.value;
-    const m = [...t.value];
-    m[r] = u, t.value = m;
-    const b = Math.floor(r / 2);
-    return D(b), Math.min(r + 1, s.value);
+  function w(a, l) {
+    if (a >= o.value) return o.value;
+    const d = [...e.value];
+    d[a] = l, e.value = d;
+    const g = Math.floor(a / 2);
+    return A(g), Math.min(a + 1, o.value);
   }
-  function I(r, u) {
-    const m = d();
-    y.value = m, r.value = m;
-    const b = u !== void 0 ? Math.min(_(u), m.length) : m.length;
-    r.selectionStart = r.selectionEnd = b, Ie(() => {
-      document.activeElement === r && (r.selectionStart = r.selectionEnd = b);
+  function V(a, l) {
+    const d = h();
+    b.value = d, a.value = d;
+    const g = l !== void 0 ? Math.min(W(l), d.length) : d.length;
+    a.selectionStart = a.selectionEnd = g, Ae(() => {
+      document.activeElement === a && (a.selectionStart = a.selectionEnd = g);
     });
   }
-  function N(r) {
-    const u = r.key, m = r.target;
+  function v(a) {
+    const l = a.key, d = a.target;
     if (["Tab", "Escape", "ArrowLeft", "ArrowRight", "Home", "End"].includes(
-      u
-    ) || r.metaKey || r.ctrlKey)
+      l
+    ) || a.metaKey || a.ctrlKey)
       return;
-    r.preventDefault();
-    const b = m.selectionStart ?? 0, h = w(b);
-    if (u === "Backspace") {
-      h > 0 && I(m, h - 1);
+    a.preventDefault();
+    const g = d.selectionStart ?? 0, y = M(g);
+    if (l === "Backspace") {
+      y > 0 && V(d, y - 1);
       return;
     }
-    if (u !== "Delete") {
-      if (n.value.hasAmPm) {
-        const x = u.toLowerCase();
-        if (x === "a") {
-          v.value = "AM", I(m, h);
+    if (l !== "Delete") {
+      if (r.value.hasAmPm) {
+        const T = l.toLowerCase();
+        if (T === "a") {
+          f.value = "AM", V(d, y);
           return;
         }
-        if (x === "p") {
-          v.value = "PM", I(m, h);
+        if (T === "p") {
+          f.value = "PM", V(d, y);
           return;
         }
       }
-      if (/^\d$/.test(u)) {
-        const x = T(h, +u);
-        I(m, x);
+      if (/^\d$/.test(l)) {
+        const T = w(y, +l);
+        V(d, T);
         return;
       }
     }
   }
-  function p(r) {
-    const u = r.target, m = u.value.replace(/\D/g, "").split("").map(Number).slice(0, s.value);
-    t.value = m, E(), n.value.hasAmPm && (/p/i.test(u.value) ? v.value = "PM" : /a/i.test(u.value) && (v.value = "AM")), I(u);
+  function k(a) {
+    const l = a.target, d = l.value.replace(/\D/g, "").split("").map(Number).slice(0, o.value);
+    e.value = d, $(), r.value.hasAmPm && (/p/i.test(l.value) ? f.value = "PM" : /a/i.test(l.value) && (f.value = "AM")), V(l);
   }
-  function S(r) {
-    r.preventDefault();
-    const u = r.clipboardData?.getData("text") ?? "", m = r.target, b = m.selectionStart ?? 0, h = u.replace(/\D/g, "").split("").map(Number);
-    let x = w(b);
-    for (const z of h) {
-      if (x >= s.value) break;
-      x = T(x, z);
-    }
-    n.value.hasAmPm && (/p\.?m\.?/i.test(u) ? v.value = "PM" : /a\.?m\.?/i.test(u) && (v.value = "AM")), I(m, x);
-  }
-  function A(r) {
-    const { digitGroups: u, hasAmPm: m } = n.value, b = [];
-    let h = r.h;
-    m ? (v.value = r.h >= 12 ? "PM" : "AM", h = r.h % 12, h === 0 && (h = 12)) : xe(e.value) && (h = r.h === 0 ? 24 : r.h), b.push(Math.floor(h / 10), h % 10), b.push(Math.floor(r.m / 10), r.m % 10), u.length > 2 && b.push(Math.floor(r.s / 10), r.s % 10), t.value = b, y.value = d();
+  function S(a) {
+    a.preventDefault();
+    const l = a.clipboardData?.getData("text") ?? "", d = a.target, g = d.selectionStart ?? 0, y = l.replace(/\D/g, "").split("").map(Number);
+    let T = M(g);
+    for (const G of y) {
+      if (T >= o.value) break;
+      T = w(T, G);
+    }
+    r.value.hasAmPm && (/p\.?m\.?/i.test(l) ? f.value = "PM" : /a\.?m\.?/i.test(l) && (f.value = "AM")), V(d, T);
   }
-  function M() {
-    t.value = [], y.value = "", v.value = "AM";
+  function I(a) {
+    const { digitGroups: l, hasAmPm: d } = r.value, g = [];
+    let y = a.h;
+    d ? (f.value = a.h >= 12 ? "PM" : "AM", y = He(a.h)) : ke(t.value) && (y = a.h === 0 ? 24 : a.h), g.push(Math.floor(y / 10), y % 10), g.push(Math.floor(a.m / 10), a.m % 10), l.length > 2 && g.push(Math.floor(a.s / 10), a.s % 10), e.value = g, b.value = h();
   }
   function B() {
-    if (t.value.length < s.value) return null;
-    const r = [];
-    for (let h = 0; h < n.value.digitGroups.length; h++) {
-      const x = h * 2;
-      r.push(t.value[x] * 10 + t.value[x + 1]);
-    }
-    let u = r[0];
-    const m = r[1], b = r[2] ?? 0;
-    return n.value.hasAmPm && (u = v.value === "PM" ? u === 12 ? 12 : u + 12 : u === 12 ? 0 : u), xe(e.value) && u === 24 && (u = 0), { h: u, m, s: b };
+    e.value = [], b.value = "", f.value = "AM";
+  }
+  function H() {
+    if (e.value.length < o.value) return null;
+    const a = [];
+    for (let y = 0; y < r.value.digitGroups.length; y++) {
+      const T = y * 2;
+      a.push(e.value[T] * 10 + e.value[T + 1]);
+    }
+    let l = a[0];
+    const d = a[1], g = a[2] ?? 0;
+    return r.value.hasAmPm && (l = We(l, f.value === "PM")), ke(t.value) && l === 24 && (l = 0), { h: l, m: d, s: g };
   }
-  const P = c(
-    () => t.value.length >= s.value
-  ), U = c(() => n.value.ampmLowercase);
+  const R = m(
+    () => e.value.length >= o.value
+  );
   return {
-    inputValue: y,
-    handleKeydown: N,
-    handleInput: p,
+    inputValue: b,
+    handleKeydown: v,
+    handleInput: k,
     handlePaste: S,
-    setFromTime: A,
-    clear: M,
-    getParsedTime: B,
-    isComplete: P,
-    totalDigits: s,
-    displayPosToDigitIndex: w,
-    ampm: v,
-    ampmLowercase: U
+    setFromTime: I,
+    clear: B,
+    getParsedTime: H,
+    isComplete: R,
+    totalDigits: o,
+    displayPosToDigitIndex: M,
+    ampm: f
   };
 }
-const ze = ["data-size", "data-validation", "data-disabled"], je = ["id", "name", "tabindex", "autocomplete", "value", "placeholder", "disabled"], qe = ["id", "name", "tabindex", "autocomplete", "value", "placeholder", "disabled"], Ye = /* @__PURE__ */ Ae({
+const Je = ["data-size", "data-validation", "data-disabled"], Ye = ["id", "name", "tabindex", "autocomplete", "value", "placeholder", "disabled"], Qe = ["id", "name", "tabindex", "autocomplete", "value", "placeholder", "disabled"], Ze = /* @__PURE__ */ Ie({
   __name: "TimePicker",
-  props: Oe,
+  props: je,
   emits: ["update:modelValue", "update:validationState", "validate", "open", "close", "error"],
-  setup(e, { emit: n }) {
-    const s = $(null), t = e, v = n, y = $(!1), d = $(!1), D = $("valid"), E = $("valid");
-    function w() {
-      y.value = !1, d.value = !1;
-    }
-    function _(i, o) {
-      if (t.disabled && o) {
-        w();
+  setup(t, { emit: r }) {
+    const o = P(null), e = t, f = r, b = P(!1), h = P(!1), A = P("valid"), $ = P("valid");
+    function M() {
+      b.value = !1, h.value = !1;
+    }
+    function W(n, i) {
+      if (e.disabled && i) {
+        M();
         return;
       }
-      o && (i === "first" ? d.value = !1 : y.value = !1);
-    }
-    F(y, (i) => {
-      _("first", i);
-    }), F(d, (i) => {
-      _("second", i);
-    }), F(
-      () => t.disabled,
-      (i) => {
-        i && w();
+      i && (n === "first" ? h.value = !1 : b.value = !1);
+    }
+    O(b, (n) => {
+      W("first", n);
+    }), O(h, (n) => {
+      W("second", n);
+    }), O(
+      () => e.disabled,
+      (n) => {
+        n && M();
       }
-    ), F(
-      () => t.hideDropdown,
-      (i) => {
-        i && w();
+    ), O(
+      () => e.hideDropdown,
+      (n) => {
+        n && M();
       }
     );
-    const T = c({
+    const w = m({
       get() {
-        if (Array.isArray(t.modelValue)) {
-          const [i, o] = t.modelValue;
-          return [Y(i, t.format), Y(o, t.format)];
+        if (Array.isArray(e.modelValue)) {
+          const [n, i] = e.modelValue;
+          return [J(n), J(i)];
         } else
-          return Y(t.modelValue, t.format);
+          return J(e.modelValue);
       },
-      set(i) {
-        Array.isArray(i) ? v("update:modelValue", [
-          me("HH:mm:ss", i[0]),
-          me("HH:mm:ss", i[1])
-        ]) : v("update:modelValue", me("HH:mm:ss", i));
+      set(n) {
+        Array.isArray(n) ? f("update:modelValue", [
+          ve("HH:mm:ss", n[0]),
+          ve("HH:mm:ss", n[1])
+        ]) : f("update:modelValue", ve("HH:mm:ss", n));
       }
-    }), I = c(
-      () => t.minTime ? Y(t.minTime) : null
-    ), N = c(
-      () => t.maxTime ? Y(t.maxTime) : null
-    ), p = c(() => !I.value || !N.value ? !0 : j(I.value, N.value) <= 0), S = c(() => D.value === "out-of-range" || t.range && E.value === "out-of-range" ? "out-of-range" : D.value === "invalid" || t.range && E.value === "invalid" ? "invalid" : "valid"), A = c(() => (t.disabledTimes ?? []).map((o) => {
-      const f = Array.isArray(o) ? o : [o, o], H = Y(f[0]), L = Y(f[1]);
-      return j(H, L) <= 0 ? [H, L] : [L, H];
+    }), V = m(
+      () => e.minTime ? J(e.minTime) : null
+    ), v = m(
+      () => e.maxTime ? J(e.maxTime) : null
+    ), k = m(() => !V.value || !v.value ? !0 : j(V.value, v.value) <= 0), S = m(() => {
+      const n = e.range ? [A.value, $.value] : [A.value];
+      return n.includes("out-of-range") ? "out-of-range" : n.includes("invalid") ? "invalid" : "valid";
+    }), I = m(() => (e.disabledTimes ?? []).map((i) => {
+      const u = Array.isArray(i) ? i : [i, i], E = J(u[0]), N = J(u[1]);
+      return j(E, N) <= 0 ? [E, N] : [N, E];
     }));
-    function M(i) {
-      return !!(He(i, A.value) || t.isTimeDisabled?.(i));
+    function B(n) {
+      return !!(Re(n, I.value) || e.isTimeDisabled?.(n));
     }
-    function B(i) {
-      return i === "first" ? Array.isArray(T.value) ? T.value[0] : T.value : Array.isArray(T.value) ? T.value[1] : T.value;
+    function H(n) {
+      return Array.isArray(w.value) ? w.value[n === "first" ? 0 : 1] : w.value;
     }
-    function P(i) {
-      const o = t.modelValue;
-      return Array.isArray(o) ? i === "first" ? !!o[0] : !!o[1] : i === "second" ? !1 : typeof o == "string" && o.length > 0;
+    function R(n) {
+      const i = e.modelValue;
+      return Array.isArray(i) ? n === "first" ? !!i[0] : !!i[1] : n === "second" ? !1 : typeof i == "string" && i.length > 0;
     }
-    function U(i, o) {
-      if (i === "first") {
-        Array.isArray(T.value) ? T.value = [o, T.value[1]] : T.value = o;
+    function a(n, i) {
+      if (n === "first") {
+        Array.isArray(w.value) ? w.value = [i, w.value[1]] : w.value = i;
         return;
       }
-      Array.isArray(T.value) && (T.value = [T.value[0], o]);
-    }
-    function r(i, o, f, H) {
-      if (i === "first" ? D.value = o : E.value = o, v("validate", {
-        target: i,
-        state: o,
-        reason: f,
-        value: H ? me("HH:mm:ss", H) : null
-      }), o === "valid") {
-        s.value = null;
+      Array.isArray(w.value) && (w.value = [w.value[0], i]);
+    }
+    function l(n, i, u, E) {
+      if (n === "first" ? A.value = i : $.value = i, f("validate", {
+        target: n,
+        state: i,
+        reason: u,
+        value: E ? ve("HH:mm:ss", E) : null
+      }), i === "valid") {
+        o.value = null;
         return;
       }
-      if (o === "out-of-range") {
-        s.value = "OUT_OF_RANGE", v("error", {
+      if (i === "out-of-range") {
+        o.value = "OUT_OF_RANGE", f("error", {
           code: "OUT_OF_RANGE",
           message: "Time is outside min/max bounds and was clamped."
         });
         return;
       }
-      s.value = f ?? "BAD_TIME", v("error", {
-        code: f ?? "BAD_TIME",
-        message: f === "DISABLED" ? "Time is disabled by disabledTimes or isTimeDisabled." : "Time is invalid."
+      o.value = u ?? "BAD_TIME", f("error", {
+        code: u ?? "BAD_TIME",
+        message: u === "DISABLED" ? "Time is disabled by disabledTimes or isTimeDisabled." : "Time is invalid."
       });
     }
-    F(
+    O(
       S,
-      (i) => {
-        v("update:validationState", i);
+      (n) => {
+        f("update:validationState", n);
       },
       { immediate: !0 }
     );
-    const u = c(
-      () => p.value ? I.value : null
-    ), m = c(
-      () => p.value ? N.value : null
+    const d = m(
+      () => k.value ? V.value : null
+    ), g = m(
+      () => k.value ? v.value : null
     );
-    function b(i) {
-      return We(
-        i,
-        u.value,
-        m.value
+    function y(n) {
+      return Ke(
+        n,
+        d.value,
+        g.value
       );
     }
-    function h(i, o, f) {
-      const H = !$e(
-        o,
-        u.value,
-        m.value
-      ), L = b(o);
-      return M(L) ? (f.emitValidation && r(i, "invalid", "DISABLED", L), !1) : (U(i, L), f.emitValidation && (H ? r(i, "out-of-range", "OUT_OF_RANGE", L) : r(i, "valid", void 0, L)), !0);
-    }
-    const x = c({
-      get() {
-        return Array.isArray(T.value) ? T.value[0] : T.value;
-      },
-      set(i) {
-        !P("first") && !y.value || h("first", i, { emitValidation: !0 });
+    function T(n, i, u) {
+      const E = !Ne(
+        i,
+        d.value,
+        g.value
+      ), N = y(i);
+      return B(N) ? (u.emitValidation && l(n, "invalid", "DISABLED", N), !1) : (a(n, N), u.emitValidation && (E ? l(n, "out-of-range", "OUT_OF_RANGE", N) : l(n, "valid", void 0, N)), !0);
+    }
+    const G = m({
+      get: () => H("first"),
+      set(n) {
+        !R("first") && !b.value || T("first", n, { emitValidation: !0 });
       }
-    }), z = c({
-      get() {
-        return Array.isArray(T.value) ? T.value[1] : T.value;
-      },
-      set(i) {
-        !P("second") && !d.value || Array.isArray(T.value) && h("second", i, { emitValidation: !0 });
+    }), z = m({
+      get: () => H("second"),
+      set(n) {
+        !R("second") && !h.value || Array.isArray(w.value) && T("second", n, { emitValidation: !0 });
       }
     });
-    F(
-      () => t.range,
-      (i) => {
-        if (i) {
-          if (t.modelValue != null && !Array.isArray(t.modelValue))
+    O(
+      () => e.range,
+      (n) => {
+        if (n) {
+          if (e.modelValue != null && !Array.isArray(e.modelValue))
             throw new RangeError(
-              `Model value must be an array for range selection: ${t.modelValue}`
+              `Model value must be an array for range selection: ${e.modelValue}`
             );
-        } else if (Array.isArray(t.modelValue))
+        } else if (Array.isArray(e.modelValue))
           throw new RangeError(
-            `Model value must be a single string for single time selection: ${t.modelValue}`
+            `Model value must be a single string for single time selection: ${e.modelValue}`
           );
       },
       { immediate: !0 }
     );
-    function pe() {
-      P("first") && h("first", B("first"), {
+    function te() {
+      R("first") && T("first", H("first"), {
         emitValidation: !0
-      }), t.range && P("second") && h("second", B("second"), {
+      }), e.range && R("second") && T("second", H("second"), {
         emitValidation: !0
       });
     }
-    F(
+    O(
       () => [
-        u.value,
-        m.value,
-        A.value,
-        t.isTimeDisabled,
-        t.range
+        d.value,
+        g.value,
+        I.value,
+        e.isTimeDisabled,
+        e.range
       ],
-      pe,
+      te,
       { immediate: !0 }
     );
-    const K = c(() => t.format ?? "HH:mm:ss"), Z = c(() => t.placeholder ?? "Select time"), re = c(() => t.id), se = c(
-      () => t.range && t.id ? `${t.id}-end` : void 0
-    ), ue = c(() => t.name), ve = c(
-      () => t.range && t.name ? `${t.name}-end` : void 0
+    const K = m(() => e.format ?? "HH:mm:ss"), ne = m(() => e.placeholder ?? "Select time"), Q = m(() => e.id), ie = m(
+      () => e.range && e.id ? `${e.id}-end` : void 0
+    ), se = m(() => e.name), le = m(
+      () => e.range && e.name ? `${e.name}-end` : void 0
     );
-    function ee(i) {
-      if (i == null) return;
-      if (typeof i == "number") return `${i}px`;
-      const o = i.trim();
-      return o.length > 0 ? o : void 0;
-    }
-    const he = c(() => {
-      let i = Math.max(
+    function q(n) {
+      if (n == null) return;
+      if (typeof n == "number") return `${n}px`;
+      const i = n.trim();
+      return i.length > 0 ? i : void 0;
+    }
+    const re = m(() => {
+      let n = Math.max(
         K.value.length,
-        Z.value.length
+        ne.value.length
       );
-      return /[AaPp]$/.test(K.value) && (i = Math.max(i, K.value.length + 1)), `${Math.min(20, Math.max(6, i))}ch`;
-    }), ge = c(() => {
-      const i = {}, o = ee(t.componentWidth), f = ee(t.inputWidth), H = ee(t.minInputWidth), L = ee(t.maxInputWidth);
-      return o && (i["--vtp-component-width"] = o), f && (i["--vtp-input-width"] = f), H && (i["--vtp-input-min-width"] = H), L && (i["--vtp-input-max-width"] = L), i;
-    }), q = c(() => ({
-      width: `var(--vtp-input-width, ${he.value})`,
+      return /[AaPp]$/.test(K.value) && (n = Math.max(n, K.value.length + 1)), `${Math.min(20, Math.max(6, n))}ch`;
+    }), X = m(() => {
+      const n = {}, i = q(e.componentWidth), u = q(e.inputWidth), E = q(e.minInputWidth), N = q(e.maxInputWidth);
+      return i && (n["--vtp-component-width"] = i), u && (n["--vtp-input-width"] = u), E && (n["--vtp-input-min-width"] = E), N && (n["--vtp-input-max-width"] = N), n;
+    }), ue = m(() => ({
+      width: `var(--vtp-input-width, ${re.value})`,
       minWidth: "var(--vtp-input-min-width, 0)",
       maxWidth: "var(--vtp-input-max-width, none)"
-    })), R = De(K), be = R.inputValue, W = De(K), ne = W.inputValue, a = $(null), l = $(null), g = c(() => ({
-      left: `${(t.range && d.value ? l.value : a.value)?.offsetLeft ?? 0}px`
+    })), C = Pe(K), he = C.inputValue, L = Pe(K), s = L.inputValue, c = P(null), p = P(null), x = m(() => ({
+      left: `${(e.range && h.value ? p.value : c.value)?.offsetLeft ?? 0}px`
     }));
-    F(
-      () => [x.value, K.value],
-      ([i]) => {
-        if (!P("first")) {
-          R.clear();
+    O(
+      () => [G.value, K.value],
+      ([n]) => {
+        if (!R("first")) {
+          C.clear();
           return;
         }
-        R.setFromTime(i);
+        C.setFromTime(n);
       },
       { immediate: !0 }
-    ), F(
-      () => [z.value, K.value, t.range],
-      ([i, , o]) => {
-        if (!o || !P("second")) {
-          W.clear();
+    ), O(
+      () => [z.value, K.value, e.range],
+      ([n, , i]) => {
+        if (!i || !R("second")) {
+          L.clear();
           return;
         }
-        W.setFromTime(i);
+        L.setFromTime(n);
       },
       { immediate: !0 }
     );
-    function k(i, o, f) {
-      if (t.disabled) return !1;
-      if (o.key === "Enter")
-        return o.preventDefault(), J(i), !1;
-      const H = /^\d$/.test(o.key);
-      if (H && (y.value = !1, d.value = !1), f.handleKeydown(o), H) {
-        const L = f.getParsedTime();
-        L && h(i, L, { emitValidation: !1 });
+    function D(n, i, u) {
+      if (e.disabled) return !1;
+      if (i.key === "Enter")
+        return i.preventDefault(), ce(n), !1;
+      const E = /^\d$/.test(i.key);
+      if (E && (b.value = !1, h.value = !1), u.handleKeydown(i), E) {
+        const N = u.getParsedTime();
+        N && T(n, N, { emitValidation: !1 });
       }
-      return H;
+      return E;
     }
-    function V(i) {
-      const o = i.target, f = R.displayPosToDigitIndex(o.selectionStart ?? 0), H = /^\d$/.test(i.key) && f >= R.totalDigits.value - 1;
-      k("first", i, R) && t.range && H && l.value && (J("first"), Ie(() => {
-        const le = l.value;
-        le && (le.focus(), le.selectionStart = le.selectionEnd = 0);
+    function be(n) {
+      const i = n.target, u = C.displayPosToDigitIndex(i.selectionStart ?? 0), E = /^\d$/.test(n.key) && u >= C.totalDigits.value - 1;
+      D("first", n, C) && e.range && E && p.value && (ce("first"), Ae(() => {
+        const me = p.value;
+        me && (me.focus(), me.selectionStart = me.selectionEnd = 0);
       }));
     }
-    function ie(i) {
-      k("second", i, W);
+    function de(n) {
+      D("second", n, L);
     }
-    function J(i) {
-      const o = i === "first" ? R : W, f = o.getParsedTime();
-      f ? h(i, f, { emitValidation: !0 }) : o.inputValue.value.trim() ? r(i, "invalid", "BAD_TIME") : !t.range && i === "first" && (v("update:modelValue", null), r("first", "valid")), i === "first" ? P("first") ? R.setFromTime(x.value) : R.clear() : t.range && (P("second") ? W.setFromTime(z.value) : W.clear());
+    function ce(n) {
+      const i = n === "first" ? C : L, u = i.getParsedTime();
+      u ? T(n, u, { emitValidation: !0 }) : i.inputValue.value.trim() ? l(n, "invalid", "BAD_TIME") : !e.range && n === "first" && (f("update:modelValue", null), l("first", "valid")), n === "first" ? R("first") ? C.setFromTime(G.value) : C.clear() : e.range && (R("second") ? L.setFromTime(z.value) : L.clear());
     }
-    return (i, o) => (G(), X("div", {
+    return (n, i) => (_(), Y("div", {
       class: "timepicker-shell",
-      "data-size": t.size,
+      "data-size": e.size,
       "data-validation": S.value,
-      "data-disabled": t.disabled ? "true" : "false",
-      style: de(ge.value)
+      "data-disabled": e.disabled ? "true" : "false",
+      style: fe(X.value)
     }, [
       ae("div", {
         class: oe(["timepicker-shell__input", {
-          "timepicker-shell__input--error": s.value,
-          "timepicker-shell__input--disabled": t.disabled
+          "timepicker-shell__input--error": o.value,
+          "timepicker-shell__input--disabled": e.disabled
         }])
       }, [
         ae("input", {
           ref_key: "firstInputRef",
-          ref: a,
+          ref: c,
           type: "text",
-          class: oe(["timepicker-field", t.inputClass]),
-          id: re.value,
-          name: ue.value,
-          tabindex: t.tabindex,
-          autocomplete: t.autocomplete,
-          value: O(be),
-          placeholder: Z.value,
-          style: de(q.value),
-          disabled: t.disabled,
-          onFocus: o[0] || (o[0] = (f) => !t.disabled && !t.hideDropdown && (y.value = !0)),
-          onKeydown: V,
-          onInput: o[1] || (o[1] = //@ts-ignore
-          (...f) => O(R).handleInput && O(R).handleInput(...f)),
-          onPaste: o[2] || (o[2] = //@ts-ignore
-          (...f) => O(R).handlePaste && O(R).handlePaste(...f)),
-          onBlur: o[3] || (o[3] = (f) => !t.disabled && J("first"))
-        }, null, 46, je),
-        t.range ? (G(), X(Ee, { key: 0 }, [
-          o[12] || (o[12] = ae("span", { class: "timepicker-separator" }, "–", -1)),
+          class: oe(["timepicker-field", e.inputClass]),
+          id: Q.value,
+          name: se.value,
+          tabindex: e.tabindex,
+          autocomplete: e.autocomplete,
+          value: U(he),
+          placeholder: ne.value,
+          style: fe(ue.value),
+          disabled: e.disabled,
+          onFocus: i[0] || (i[0] = (u) => !e.disabled && !e.hideDropdown && (b.value = !0)),
+          onKeydown: be,
+          onInput: i[1] || (i[1] = //@ts-ignore
+          (...u) => U(C).handleInput && U(C).handleInput(...u)),
+          onPaste: i[2] || (i[2] = //@ts-ignore
+          (...u) => U(C).handlePaste && U(C).handlePaste(...u)),
+          onBlur: i[3] || (i[3] = (u) => !e.disabled && ce("first"))
+        }, null, 46, Ye),
+        e.range ? (_(), Y($e, { key: 0 }, [
+          i[16] || (i[16] = ae("span", { class: "timepicker-separator" }, "–", -1)),
           ae("input", {
             ref_key: "secondInputRef",
-            ref: l,
+            ref: p,
             type: "text",
-            class: oe(["timepicker-field", t.inputClass]),
-            id: se.value,
-            name: ve.value,
-            tabindex: t.tabindex,
-            autocomplete: t.autocomplete,
-            value: O(ne),
-            placeholder: Z.value,
-            style: de(q.value),
-            disabled: t.disabled,
-            onFocus: o[4] || (o[4] = (f) => !t.disabled && !t.hideDropdown && (d.value = !0)),
-            onKeydown: ie,
-            onInput: o[5] || (o[5] = //@ts-ignore
-            (...f) => O(W).handleInput && O(W).handleInput(...f)),
-            onPaste: o[6] || (o[6] = //@ts-ignore
-            (...f) => O(W).handlePaste && O(W).handlePaste(...f)),
-            onBlur: o[7] || (o[7] = (f) => !t.disabled && J("second"))
-          }, null, 46, qe)
-        ], 64)) : te("", !0)
+            class: oe(["timepicker-field", e.inputClass]),
+            id: ie.value,
+            name: le.value,
+            tabindex: e.tabindex,
+            autocomplete: e.autocomplete,
+            value: U(s),
+            placeholder: ne.value,
+            style: fe(ue.value),
+            disabled: e.disabled,
+            onFocus: i[4] || (i[4] = (u) => !e.disabled && !e.hideDropdown && (h.value = !0)),
+            onKeydown: de,
+            onInput: i[5] || (i[5] = //@ts-ignore
+            (...u) => U(L).handleInput && U(L).handleInput(...u)),
+            onPaste: i[6] || (i[6] = //@ts-ignore
+            (...u) => U(L).handlePaste && U(L).handlePaste(...u)),
+            onBlur: i[7] || (i[7] = (u) => !e.disabled && ce("second"))
+          }, null, 46, Qe)
+        ], 64)) : Z("", !0)
       ], 2),
-      t.hideDropdown ? te("", !0) : (G(), X("div", {
+      e.hideDropdown ? Z("", !0) : (_(), Y("div", {
         key: 0,
         class: "timepicker-popovers",
-        style: de(g.value)
+        style: fe(x.value)
       }, [
         Te(we, {
-          open: y.value,
-          "onUpdate:open": o[8] || (o[8] = (f) => y.value = f),
-          initTime: x.value,
-          "onUpdate:initTime": o[9] || (o[9] = (f) => x.value = f),
-          format: t.format,
-          "hour-step": t.hourStep,
-          "minute-step": t.minuteStep,
-          "second-step": t.secondStep,
-          "min-time": u.value,
-          "max-time": m.value,
-          "disabled-ranges": A.value,
-          "is-time-disabled": t.isTimeDisabled
+          open: b.value,
+          "onUpdate:open": i[8] || (i[8] = (u) => b.value = u),
+          initTime: G.value,
+          "onUpdate:initTime": i[9] || (i[9] = (u) => G.value = u),
+          format: e.format,
+          "hour-step": e.hourStep,
+          "minute-step": e.minuteStep,
+          "second-step": e.secondStep,
+          "min-time": d.value,
+          "max-time": g.value,
+          "disabled-ranges": I.value,
+          "is-time-disabled": e.isTimeDisabled,
+          onOpen: i[10] || (i[10] = (u) => f("open")),
+          onClose: i[11] || (i[11] = (u) => f("close"))
         }, null, 8, ["open", "initTime", "format", "hour-step", "minute-step", "second-step", "min-time", "max-time", "disabled-ranges", "is-time-disabled"]),
-        t.range ? (G(), Se(we, {
+        e.range ? (_(), xe(we, {
           key: 0,
-          open: d.value,
-          "onUpdate:open": o[10] || (o[10] = (f) => d.value = f),
+          open: h.value,
+          "onUpdate:open": i[12] || (i[12] = (u) => h.value = u),
           initTime: z.value,
-          "onUpdate:initTime": o[11] || (o[11] = (f) => z.value = f),
-          format: t.format,
-          "hour-step": t.hourStep,
-          "minute-step": t.minuteStep,
-          "second-step": t.secondStep,
-          "min-time": u.value,
-          "max-time": m.value,
-          "disabled-ranges": A.value,
-          "is-time-disabled": t.isTimeDisabled
-        }, null, 8, ["open", "initTime", "format", "hour-step", "minute-step", "second-step", "min-time", "max-time", "disabled-ranges", "is-time-disabled"])) : te("", !0)
+          "onUpdate:initTime": i[13] || (i[13] = (u) => z.value = u),
+          format: e.format,
+          "hour-step": e.hourStep,
+          "minute-step": e.minuteStep,
+          "second-step": e.secondStep,
+          "min-time": d.value,
+          "max-time": g.value,
+          "disabled-ranges": I.value,
+          "is-time-disabled": e.isTimeDisabled,
+          onOpen: i[14] || (i[14] = (u) => f("open")),
+          onClose: i[15] || (i[15] = (u) => f("close"))
+        }, null, 8, ["open", "initTime", "format", "hour-step", "minute-step", "second-step", "min-time", "max-time", "disabled-ranges", "is-time-disabled"])) : Z("", !0)
       ], 4))
-    ], 12, ze));
+    ], 12, Je));
   }
 });
 export {
-  Ye as TimePicker
+  Ze as TimePicker
 };