@quoreadmin/ui 1.10.12 → 1.10.13

package/dist/index157.js

@@ -1,7 +1,7 @@
-import { defineComponent as Be, ref as h, computed as y, watch as ce, nextTick as me, onUnmounted as Ee, openBlock as u, createElementBlock as c, normalizeClass as I, createElementVNode as m, createVNode as P, Fragment as z, createCommentVNode as _, toDisplayString as g, createTextVNode as fe, createBlock as de, Teleport as Pe, Transition as ze, withCtx as O, renderList as ae } from "vue";
+import { defineComponent as Be, ref as h, computed as y, watch as ce, nextTick as me, onUnmounted as Ee, openBlock as s, createElementBlock as m, normalizeClass as I, createElementVNode as f, createVNode as z, Fragment as K, createCommentVNode as T, toDisplayString as g, createTextVNode as fe, createBlock as de, Teleport as Pe, Transition as ze, withCtx as O, renderList as oe } from "vue";
 import Ke from "./index46.js";
 import $e from "./index7.js";
-import oe from "./index28.js";
+import ne from "./index28.js";
 import { useI18n as Le } from "vue-i18n";
 const Ne = {
   key: 0,
@@ -43,35 +43,41 @@ const Ne = {
     timezone: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: ve }) {
-    const a = r, C = ve, { t: K } = Le(), d = h(""), p = h(""), v = h(""), M = h(null), T = h(null), $ = h(null), x = h(!1);
+  setup(i, { emit: ve }) {
+    const a = i, C = ve, { t: $ } = Le(), d = h(""), p = h(""), v = h(""), M = h(null), q = h(null), L = h(null), B = h(!1);
     let S = "", w = "";
-    const q = h(!1), b = h(12), D = h(0), A = h("AM"), U = h(null), W = h(null), Q = h(null);
+    const D = h(!1), b = h(12), A = h(0), V = h("AM"), U = h(null), W = h(null), Q = h(null);
     let G, j, J;
-    const V = 44, L = y(() => a.format === "24h" ? Array.from({ length: 24 }, (e, t) => t) : Array.from({ length: 12 }, (e, t) => t + 1)), N = y(() => {
+    const H = 44, N = y(() => a.format === "24h" ? Array.from({ length: 24 }, (e, t) => t) : Array.from({ length: 12 }, (e, t) => t + 1)), R = y(() => {
       const e = [];
       for (let t = 0; t < 60; t += a.step)
         e.push(t);
       return e;
     }), X = y(() => {
-      const e = [], t = a.minTime ? k(a.minTime) : 0, l = a.maxTime ? k(a.maxTime) : 1439;
+      const e = [], t = a.minTime ? k(a.minTime) : null, l = a.maxTime ? k(a.maxTime) : null;
       for (let o = 0; o < 1440; o += a.step) {
         if (t !== null && o < t) continue;
         if (l !== null && o > l) break;
-        const n = Math.floor(o / 60), i = o % 60, f = B(n, i, a.format);
-        e.push({ label: f, value: f });
+        const n = Math.floor(o / 60), r = o % 60, u = E(n, r, a.format);
+        e.push({ label: u, value: u });
       }
       if (a.customTimes.length) {
-        for (const o of a.customTimes)
-          e.some((n) => n.value === o.value) || e.push(o);
+        for (const o of a.customTimes) {
+          if (e.some((r) => r.value === o.value)) continue;
+          const n = k(o.value);
+          n !== null && (t !== null && n < t || l !== null && n > l) || e.push(o);
+        }
         e.sort((o, n) => {
-          const i = k(o.value) ?? 0, f = k(n.value) ?? 0;
-          return i - f;
+          const r = k(o.value) ?? 0, u = k(n.value) ?? 0;
+          return r - u;
         });
       }
       if (a.showNow) {
-        const o = /* @__PURE__ */ new Date(), n = o.getHours() * 60 + o.getMinutes(), i = Math.round(n / a.step) * a.step, f = Math.floor(i / 60) % 24, ue = i % 60, H = B(f, ue, a.format);
-        e.unshift({ label: `${K("HC_NOW")} (${H})`, value: H });
+        const o = /* @__PURE__ */ new Date(), n = o.getHours() * 60 + o.getMinutes(), r = Math.round(n / a.step) * a.step, u = Math.floor(r / 60) % 24, ae = r % 60, x = u * 60 + ae;
+        if ((t === null || x >= t) && (l === null || x <= l)) {
+          const _ = E(u, ae, a.format);
+          e.unshift({ label: `${$("HC_NOW")} (${_})`, value: _ });
+        }
       }
       return e;
     }), pe = y(() => {
@@ -83,69 +89,69 @@ const Ne = {
       const t = k(a.modelValue);
       if (t !== null) {
         const l = X.value.find(
-          (f) => k(f.value) === t
+          (u) => k(u.value) === t
         );
         if (l) return l;
-        const o = Math.floor(t / 60), n = t % 60, i = B(o, n, a.format);
-        return { label: i, value: i };
+        const o = Math.floor(t / 60), n = t % 60, r = E(o, n, a.format);
+        return { label: r, value: r };
       }
       return { label: a.modelValue, value: a.modelValue };
     }), he = y(() => a.modelValue || ""), Y = y(
-      () => !d.value && !p.value && !x.value
-    ), ke = y(() => v.value ? K(`HC_${v.value}`) : ""), ge = y(() => [
-      { value: "AM", label: K("HC_AM") },
-      { value: "PM", label: K("HC_PM") }
+      () => !d.value && !p.value && !B.value
+    ), ke = y(() => v.value ? $(`HC_${v.value}`) : ""), ge = y(() => [
+      { value: "AM", label: $("HC_AM") },
+      { value: "PM", label: $("HC_PM") }
     ]), k = (e) => {
       if (!e) return null;
       const t = e.trim(), l = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
       if (l) {
         let n = parseInt(l[1], 10);
-        const i = parseInt(l[2], 10), f = l[3].toLowerCase();
-        return f === "pm" && n !== 12 && (n += 12), f === "am" && n === 12 && (n = 0), n * 60 + i;
+        const r = parseInt(l[2], 10), u = l[3].toLowerCase();
+        return u === "pm" && n !== 12 && (n += 12), u === "am" && n === 12 && (n = 0), n * 60 + r;
       }
       const o = t.match(/^(\d{1,2}):(\d{2})$/);
       if (o) {
-        const n = parseInt(o[1], 10), i = parseInt(o[2], 10);
-        if (n >= 0 && n <= 23 && i >= 0 && i <= 59)
-          return n * 60 + i;
+        const n = parseInt(o[1], 10), r = parseInt(o[2], 10);
+        if (n >= 0 && n <= 23 && r >= 0 && r <= 59)
+          return n * 60 + r;
       }
       return null;
-    }, B = (e, t, l) => {
+    }, E = (e, t, l) => {
       const o = t.toString().padStart(2, "0");
       if (l === "24h")
         return `${e.toString().padStart(2, "0")}:${o}`;
       const n = e >= 12 ? "PM" : "AM";
       return `${e % 12 || 12}:${o} ${n}`;
-    }, ne = (e, t, l, o, n) => {
+    }, re = (e, t, l, o, n) => {
       if (!t) {
-        let H = !1;
-        for (let F = 0; F <= 9; F++) {
-          const se = e * 10 + F;
+        let x = !1;
+        for (let _ = 0; _ <= 9; _++) {
+          const se = e * 10 + _;
           if (se >= l && se <= o) {
-            H = !0;
+            x = !0;
             break;
           }
         }
-        return H ? {
+        return x ? {
           value: e.toString(),
           buffer: e.toString(),
           complete: !1
         } : e >= l && e <= o ? { value: n ? e.toString().padStart(2, "0") : e.toString(), buffer: "", complete: !0 } : { value: "", buffer: "", complete: !1 };
       }
-      const i = parseInt(t) * 10 + e;
-      if (i >= l && i <= o)
-        return { value: n ? i.toString().padStart(2, "0") : i.toString(), buffer: "", complete: !0 };
-      const f = parseInt(t);
-      return { value: f >= l && f <= o ? n ? f.toString().padStart(2, "0") : f.toString() : "", buffer: "", complete: !0 };
-    }, R = () => {
+      const r = parseInt(t) * 10 + e;
+      if (r >= l && r <= o)
+        return { value: n ? r.toString().padStart(2, "0") : r.toString(), buffer: "", complete: !0 };
+      const u = parseInt(t);
+      return { value: u >= l && u <= o ? n ? u.toString().padStart(2, "0") : u.toString() : "", buffer: "", complete: !0 };
+    }, F = () => {
       if (!S) return;
       const e = a.format === "12h" ? 1 : 0, t = a.format === "12h" ? 12 : 23, l = a.format === "24h", o = parseInt(S);
       o >= e && o <= t && (d.value = l ? o.toString().padStart(2, "0") : o.toString()), S = "";
-    }, E = () => {
+    }, P = () => {
       if (!w) return;
       const e = parseInt(w);
       e >= 0 && e <= 59 && (p.value = e.toString().padStart(2, "0")), w = "";
-    }, s = () => {
+    }, c = () => {
       const e = parseInt(d.value, 10), t = parseInt(p.value, 10);
       if (isNaN(e) || isNaN(t)) {
         !d.value && !p.value && !v.value && C("update:modelValue", "");
@@ -154,8 +160,8 @@ const Ne = {
       if (a.format === "12h" && !v.value) return;
       let l;
       a.format === "12h" ? (l = e % 12, v.value === "PM" && (l += 12)) : l = e;
-      const o = l * 60 + t, n = a.minTime ? k(a.minTime) : null, i = a.maxTime ? k(a.maxTime) : null;
-      n !== null && o < n || i !== null && o > i || C("update:modelValue", B(l, t, a.format));
+      const o = l * 60 + t, n = a.minTime ? k(a.minTime) : null, r = a.maxTime ? k(a.maxTime) : null;
+      n !== null && o < n || r !== null && o > r || C("update:modelValue", E(l, t, a.format));
     }, be = () => {
       if (!a.modelValue) {
         d.value = "", p.value = "", v.value = "";
@@ -166,46 +172,46 @@ const Ne = {
       const t = Math.floor(e / 60), l = e % 60;
       a.format === "12h" ? (d.value = (t % 12 || 12).toString(), p.value = l.toString().padStart(2, "0"), v.value = t >= 12 ? "PM" : "AM") : (d.value = t.toString().padStart(2, "0"), p.value = l.toString().padStart(2, "0"));
     }, Z = () => {
-      T.value?.focus();
+      q.value?.focus();
     }, ee = () => {
-      a.format === "12h" && $.value?.focus();
-    }, re = (e) => {
-      let t = parseInt(d.value) || (a.format === "12h" ? 12 : 0);
-      t += e, a.format === "12h" ? (t > 12 && (t = 1), t < 1 && (t = 12), d.value = t.toString()) : (t > 23 && (t = 0), t < 0 && (t = 23), d.value = t.toString().padStart(2, "0")), S = "", s();
+      a.format === "12h" && L.value?.focus();
     }, ie = (e) => {
+      let t = parseInt(d.value) || (a.format === "12h" ? 12 : 0);
+      t += e, a.format === "12h" ? (t > 12 && (t = 1), t < 1 && (t = 12), d.value = t.toString()) : (t > 23 && (t = 0), t < 0 && (t = 23), d.value = t.toString().padStart(2, "0")), S = "", c();
+    }, ue = (e) => {
       let t = parseInt(p.value);
-      isNaN(t) && (t = 0), t += e, t >= 60 && (t = 0), t < 0 && (t = 59), p.value = t.toString().padStart(2, "0"), w = "", s();
+      isNaN(t) && (t = 0), t += e, t >= 60 && (t = 0), t < 0 && (t = 59), p.value = t.toString().padStart(2, "0"), w = "", c();
     }, ye = () => {
-      v.value ? v.value = v.value === "AM" ? "PM" : "AM" : v.value = "AM", s();
+      v.value ? v.value = v.value === "AM" ? "PM" : "AM" : v.value = "AM", c();
     }, Me = (e) => {
       if (e.key >= "0" && e.key <= "9") {
         e.preventDefault();
-        const t = a.format === "12h" ? 1 : 0, l = a.format === "12h" ? 12 : 23, o = a.format === "24h", n = ne(
+        const t = a.format === "12h" ? 1 : 0, l = a.format === "12h" ? 12 : 23, o = a.format === "24h", n = re(
           parseInt(e.key),
           S,
           t,
           l,
           o
         );
-        d.value = n.value, S = n.buffer, n.complete && (s(), Z());
+        d.value = n.value, S = n.buffer, n.complete && (c(), Z());
         return;
       }
       switch (e.key) {
         case "ArrowUp":
-          e.preventDefault(), re(1);
+          e.preventDefault(), ie(1);
           break;
         case "ArrowDown":
-          e.preventDefault(), re(-1);
+          e.preventDefault(), ie(-1);
           break;
         case "ArrowRight":
-          e.preventDefault(), R(), s(), Z();
+          e.preventDefault(), F(), c(), Z();
           break;
         case "Tab":
-          e.shiftKey ? (R(), s()) : (e.preventDefault(), R(), s(), Z());
+          e.shiftKey ? (F(), c()) : (e.preventDefault(), F(), c(), Z());
           break;
         case "Backspace":
         case "Delete":
-          e.preventDefault(), d.value = "", S = "", s();
+          e.preventDefault(), d.value = "", S = "", c();
           break;
         case "ArrowLeft":
           e.preventDefault();
@@ -216,35 +222,35 @@ const Ne = {
     }, Se = (e) => {
       if (e.key >= "0" && e.key <= "9") {
         e.preventDefault();
-        const t = ne(
+        const t = re(
           parseInt(e.key),
           w,
           0,
           59,
           !0
         );
-        p.value = t.value, w = t.buffer, t.complete && (s(), ee());
+        p.value = t.value, w = t.buffer, t.complete && (c(), ee());
         return;
       }
       switch (e.key) {
         case "ArrowUp":
-          e.preventDefault(), ie(1);
+          e.preventDefault(), ue(1);
           break;
         case "ArrowDown":
-          e.preventDefault(), ie(-1);
+          e.preventDefault(), ue(-1);
           break;
         case "ArrowRight":
-          e.preventDefault(), E(), s(), a.format === "12h" && ee();
+          e.preventDefault(), P(), c(), a.format === "12h" && ee();
           break;
         case "Tab":
-          e.shiftKey ? (e.preventDefault(), E(), s(), M.value?.focus()) : (E(), s(), a.format === "12h" && (e.preventDefault(), ee()));
+          e.shiftKey ? (e.preventDefault(), P(), c(), M.value?.focus()) : (P(), c(), a.format === "12h" && (e.preventDefault(), ee()));
           break;
         case "ArrowLeft":
-          e.preventDefault(), E(), s(), M.value?.focus();
+          e.preventDefault(), P(), c(), M.value?.focus();
           break;
         case "Backspace":
         case "Delete":
-          e.preventDefault(), p.value = "", w = "", s();
+          e.preventDefault(), p.value = "", w = "", c();
           break;
         default:
           !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
@@ -252,11 +258,11 @@ const Ne = {
     }, we = (e) => {
       const t = e.key.toLowerCase();
       if (t === "a") {
-        e.preventDefault(), v.value = "AM", s();
+        e.preventDefault(), v.value = "AM", c();
         return;
       }
       if (t === "p") {
-        e.preventDefault(), v.value = "PM", s();
+        e.preventDefault(), v.value = "PM", c();
         return;
       }
       switch (e.key) {
@@ -265,32 +271,32 @@ const Ne = {
           e.preventDefault(), ye();
           break;
         case "ArrowLeft":
-          e.preventDefault(), T.value?.focus();
+          e.preventDefault(), q.value?.focus();
           break;
         case "Tab":
-          e.shiftKey && (e.preventDefault(), T.value?.focus());
+          e.shiftKey && (e.preventDefault(), q.value?.focus());
           break;
         case "Backspace":
         case "Delete":
-          e.preventDefault(), v.value = "", s();
+          e.preventDefault(), v.value = "", c();
           break;
         default:
           !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
       }
     }, te = () => {
-      x.value = !0;
+      B.value = !0;
     }, le = () => {
       requestAnimationFrame(() => {
         const e = document.activeElement;
-        e !== M.value && e !== T.value && e !== $.value && (x.value = !1, R(), E(), s());
+        e !== M.value && e !== q.value && e !== L.value && (B.value = !1, F(), P(), c());
       });
     }, _e = (e) => {
       if (!a.disabled && !(e.target instanceof HTMLInputElement)) {
         if (Y.value) {
-          x.value = !0, me(() => M.value?.focus());
+          B.value = !0, me(() => M.value?.focus());
           return;
         }
-        d.value ? p.value ? a.format === "12h" && !v.value ? $.value?.focus() : M.value?.focus() : T.value?.focus() : M.value?.focus();
+        d.value ? p.value ? a.format === "12h" && !v.value ? L.value?.focus() : M.value?.focus() : q.value?.focus() : M.value?.focus();
       }
     }, Te = (e) => {
       if (!e) {
@@ -301,86 +307,89 @@ const Ne = {
     }, qe = (e) => a.format === "24h" ? e.toString().padStart(2, "0") : e.toString(), De = () => {
       if (!a.modelValue) {
         const n = /* @__PURE__ */ new Date();
-        b.value = a.format === "12h" ? n.getHours() % 12 || 12 : n.getHours(), D.value = Math.floor(n.getMinutes() / a.step) * a.step, A.value = n.getHours() >= 12 ? "PM" : "AM";
+        b.value = a.format === "12h" ? n.getHours() % 12 || 12 : n.getHours(), A.value = Math.floor(n.getMinutes() / a.step) * a.step, V.value = n.getHours() >= 12 ? "PM" : "AM";
         return;
       }
       const e = k(a.modelValue);
       if (e === null) return;
       const t = Math.floor(e / 60), l = e % 60;
-      a.format === "12h" ? (b.value = t % 12 || 12, A.value = t >= 12 ? "PM" : "AM") : b.value = t;
+      a.format === "12h" ? (b.value = t % 12 || 12, V.value = t >= 12 ? "PM" : "AM") : b.value = t;
       const o = Math.round(l / a.step) * a.step;
-      D.value = o >= 60 ? 60 - a.step : o;
+      A.value = o >= 60 ? 60 - a.step : o;
     }, Ae = (e = !0) => {
       const t = e ? "smooth" : "instant";
       if (U.value) {
-        const l = L.value.indexOf(b.value);
+        const l = N.value.indexOf(b.value);
         l >= 0 && U.value.scrollTo({
-          top: l * V,
+          top: l * H,
           behavior: t
         });
       }
       if (W.value) {
-        const l = N.value.indexOf(D.value);
+        const l = R.value.indexOf(A.value);
         l >= 0 && W.value.scrollTo({
-          top: l * V,
+          top: l * H,
           behavior: t
         });
       }
       if (Q.value && a.format === "12h") {
-        const l = A.value === "AM" ? 0 : 1;
+        const l = V.value === "AM" ? 0 : 1;
         Q.value.scrollTo({
-          top: l * V,
+          top: l * H,
           behavior: t
         });
       }
     }, Ve = () => {
-      a.disabled || (De(), q.value = !0);
+      a.disabled || (De(), D.value = !0);
     }, He = (e) => {
       clearTimeout(G), G = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / V), o = Math.max(0, Math.min(l, L.value.length - 1));
-        b.value = L.value[o];
+        const t = e.target, l = Math.round(t.scrollTop / H), o = Math.max(0, Math.min(l, N.value.length - 1));
+        b.value = N.value[o];
       }, 60);
-    }, Ie = (e) => {
+    }, xe = (e) => {
       clearTimeout(j), j = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / V), o = Math.max(
+        const t = e.target, l = Math.round(t.scrollTop / H), o = Math.max(
           0,
-          Math.min(l, N.value.length - 1)
+          Math.min(l, R.value.length - 1)
         );
-        D.value = N.value[o];
+        A.value = R.value[o];
       }, 60);
-    }, Ce = (e) => {
+    }, Ie = (e) => {
       clearTimeout(J), J = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / V);
-        A.value = l <= 0 ? "AM" : "PM";
+        const t = e.target, l = Math.round(t.scrollTop / H);
+        V.value = l <= 0 ? "AM" : "PM";
       }, 60);
-    }, xe = () => {
+    }, Ce = () => {
       let e;
-      a.format === "12h" ? (e = b.value % 12, A.value === "PM" && (e += 12)) : e = b.value;
-      const t = B(e, D.value, a.format);
-      C("update:modelValue", t), q.value = !1;
+      a.format === "12h" ? (e = b.value % 12, V.value === "PM" && (e += 12)) : e = b.value;
+      let t = e * 60 + A.value;
+      const l = a.minTime ? k(a.minTime) : null, o = a.maxTime ? k(a.maxTime) : null;
+      l !== null && t < l && (t = l), o !== null && t > o && (t = o);
+      const n = Math.floor(t / 60) % 24, r = t % 60, u = E(n, r, a.format);
+      C("update:modelValue", u), D.value = !1;
     };
     return ce(
       [() => a.modelValue, () => a.format],
       () => be(),
       { immediate: !0 }
-    ), ce(q, async (e) => {
+    ), ce(D, async (e) => {
       e && (await me(), requestAnimationFrame(() => {
         Ae(!1);
       }));
     }), Ee(() => {
       clearTimeout(G), clearTimeout(j), clearTimeout(J);
-    }), (e, t) => (u(), c("div", {
-      class: I(["q-time-picker", { "q-time-picker--disabled": r.disabled }])
+    }), (e, t) => (s(), m("div", {
+      class: I(["q-time-picker", { "q-time-picker--disabled": i.disabled }])
     }, [
-      r.mobile ? (u(), c(z, { key: 1 }, [
-        m("div", {
+      i.mobile ? (s(), m(K, { key: 1 }, [
+        f("div", {
           class: I(["q-time-picker__trigger", {
-            "q-time-picker__trigger--disabled": r.disabled,
-            [`q-time-picker__trigger--${r.size}`]: !0
+            "q-time-picker__trigger--disabled": i.disabled,
+            [`q-time-picker__trigger--${i.size}`]: !0
           }]),
           onClick: Ve
         }, [
-          P(oe, {
+          z(ne, {
             icon: "clock",
             type: "outline",
             width: 20,
@@ -389,11 +398,11 @@ const Ne = {
             color: "inkwell-10",
             class: "q-time-picker__trigger-icon"
           }),
-          r.modelValue ? (u(), c("span", Qe, [
+          i.modelValue ? (s(), m("span", Qe, [
             fe(g(he.value) + " ", 1),
-            r.timezone ? (u(), c("span", Ge, g(r.timezone), 1)) : _("", !0)
-          ])) : (u(), c("span", je, g(r.placeholder || e.$t("HC_SELECT_TIME")), 1)),
-          P(oe, {
+            i.timezone ? (s(), m("span", Ge, g(i.timezone), 1)) : T("", !0)
+          ])) : (s(), m("span", je, g(i.placeholder || e.$t("HC_SELECT_TIME")), 1)),
+          z(ne, {
             icon: "chevron-down",
             type: "line",
             size: "sm",
@@ -401,95 +410,95 @@ const Ne = {
             class: "q-time-picker__trigger-chevron"
           })
         ], 2),
-        (u(), de(Pe, { to: "#body" }, [
-          P(ze, { name: "slide-up-fade" }, {
+        (s(), de(Pe, { to: "#body" }, [
+          z(ze, { name: "slide-up-fade" }, {
             default: O(() => [
-              q.value ? (u(), de($e, {
+              D.value ? (s(), de($e, {
                 key: 0,
-                modelValue: q.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (l) => q.value = l),
+                modelValue: D.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (l) => D.value = l),
                 "content-class": "px-4 pb-6 bg-gray-0",
                 "header-class": "border-b border-solid bg-gray-0 border-gray-10 !pb-4 rounded-t-lg",
                 "show-close-button": !1,
                 class: "q-time-picker-sheet"
               }, {
                 header: O(() => [
-                  fe(g(r.placeholder || e.$t("HC_SELECT_TIME")), 1)
+                  fe(g(i.placeholder || e.$t("HC_SELECT_TIME")), 1)
                 ]),
                 headerAction: O(() => [
-                  m("button", {
+                  f("button", {
                     class: "q-time-picker__done-btn",
                     type: "button",
-                    onClick: xe
+                    onClick: Ce
                   }, g(e.$t("HC_DONE")), 1)
                 ]),
                 default: O(() => [
-                  m("div", Je, [
-                    t[8] || (t[8] = m("div", { class: "q-time-picker__wheel-highlight" }, null, -1)),
-                    m("div", {
+                  f("div", Je, [
+                    t[8] || (t[8] = f("div", { class: "q-time-picker__wheel-highlight" }, null, -1)),
+                    f("div", {
                       ref_key: "hourColumnRef",
                       ref: U,
                       class: "q-time-picker__wheel-column",
                       onScroll: He
                     }, [
-                      t[2] || (t[2] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (u(!0), c(z, null, ae(L.value, (l) => (u(), c("div", {
+                      t[2] || (t[2] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (s(!0), m(K, null, oe(N.value, (l) => (s(), m("div", {
                         key: l,
                         class: I(["q-time-picker__wheel-item", {
                           "q-time-picker__wheel-item--selected": l === b.value
                         }])
                       }, g(qe(l)), 3))), 128)),
-                      t[3] || (t[3] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
+                      t[3] || (t[3] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1))
                     ], 544),
-                    t[9] || (t[9] = m("div", { class: "q-time-picker__wheel-separator" }, ":", -1)),
-                    m("div", {
+                    t[9] || (t[9] = f("div", { class: "q-time-picker__wheel-separator" }, ":", -1)),
+                    f("div", {
                       ref_key: "minuteColumnRef",
                       ref: W,
                       class: "q-time-picker__wheel-column",
-                      onScroll: Ie
+                      onScroll: xe
                     }, [
-                      t[4] || (t[4] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (u(!0), c(z, null, ae(N.value, (l) => (u(), c("div", {
+                      t[4] || (t[4] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (s(!0), m(K, null, oe(R.value, (l) => (s(), m("div", {
                         key: l,
                         class: I(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l === D.value
+                          "q-time-picker__wheel-item--selected": l === A.value
                         }])
                       }, g(l.toString().padStart(2, "0")), 3))), 128)),
-                      t[5] || (t[5] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
+                      t[5] || (t[5] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1))
                     ], 544),
-                    r.format === "12h" ? (u(), c("div", {
+                    i.format === "12h" ? (s(), m("div", {
                       key: 0,
                       ref_key: "periodColumnRef",
                       ref: Q,
                       class: "q-time-picker__wheel-column q-time-picker__wheel-column--period",
-                      onScroll: Ce
+                      onScroll: Ie
                     }, [
-                      t[6] || (t[6] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (u(!0), c(z, null, ae(ge.value, (l) => (u(), c("div", {
+                      t[6] || (t[6] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (s(!0), m(K, null, oe(ge.value, (l) => (s(), m("div", {
                         key: l.value,
                         class: I(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l.value === A.value
+                          "q-time-picker__wheel-item--selected": l.value === V.value
                         }])
                       }, g(l.label), 3))), 128)),
-                      t[7] || (t[7] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
-                    ], 544)) : _("", !0)
+                      t[7] || (t[7] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1))
+                    ], 544)) : T("", !0)
                   ])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : _("", !0)
+              }, 8, ["modelValue"])) : T("", !0)
             ]),
             _: 1
           })
         ]))
-      ], 64)) : (u(), c("div", Ne, [
-        m("div", {
+      ], 64)) : (s(), m("div", Ne, [
+        f("div", {
           class: I(["q-time-picker__segments", {
-            "q-time-picker__segments--focused": x.value,
+            "q-time-picker__segments--focused": B.value,
             "q-time-picker__segments--empty": !d.value && !p.value
           }]),
           onClick: _e
         }, [
-          P(oe, {
+          z(ne, {
             icon: "clock",
             type: "outline",
             width: 20,
@@ -498,59 +507,59 @@ const Ne = {
             color: "inkwell-10",
             class: "q-time-picker__clock-icon"
           }),
-          Y.value ? _("", !0) : (u(), c(z, { key: 0 }, [
-            m("input", {
+          Y.value ? T("", !0) : (s(), m(K, { key: 0 }, [
+            f("input", {
               ref_key: "hourInputRef",
               ref: M,
               value: d.value,
               class: "q-time-picker__segment",
-              tabindex: r.disabled ? -1 : 0,
+              tabindex: i.disabled ? -1 : 0,
               inputmode: "numeric",
               placeholder: "--",
               onKeydown: Me,
               onFocus: te,
               onBlur: le
             }, null, 40, Re),
-            t[1] || (t[1] = m("span", { class: "q-time-picker__segment-colon" }, ":", -1)),
-            m("input", {
+            t[1] || (t[1] = f("span", { class: "q-time-picker__segment-colon" }, ":", -1)),
+            f("input", {
               ref_key: "minuteInputRef",
-              ref: T,
+              ref: q,
               value: p.value,
               class: "q-time-picker__segment q-time-picker__segment--minute",
-              tabindex: r.disabled ? -1 : 0,
+              tabindex: i.disabled ? -1 : 0,
               inputmode: "numeric",
               placeholder: "--",
               onKeydown: Se,
               onFocus: te,
               onBlur: le
             }, null, 40, Fe),
-            r.format === "12h" ? (u(), c("input", {
+            i.format === "12h" ? (s(), m("input", {
               key: 0,
               ref_key: "periodInputRef",
-              ref: $,
+              ref: L,
               value: ke.value,
               class: "q-time-picker__segment q-time-picker__segment--period",
-              tabindex: r.disabled ? -1 : 0,
+              tabindex: i.disabled ? -1 : 0,
               placeholder: "--",
               onKeydown: we,
               onFocus: te,
               onBlur: le
-            }, null, 40, Oe)) : _("", !0),
-            r.timezone ? (u(), c("span", Ue, g(r.timezone), 1)) : _("", !0)
+            }, null, 40, Oe)) : T("", !0),
+            i.timezone ? (s(), m("span", Ue, g(i.timezone), 1)) : T("", !0)
           ], 64)),
-          Y.value ? (u(), c("span", We, g(r.placeholder || e.$t("HC_SELECT_TIME")), 1)) : _("", !0)
+          Y.value ? (s(), m("span", We, g(i.placeholder || e.$t("HC_SELECT_TIME")), 1)) : T("", !0)
         ], 2),
-        P(Ke, {
-          id: r.id,
+        z(Ke, {
+          id: i.id,
           "model-value": pe.value,
           options: X.value,
           placeholder: "",
-          disabled: r.disabled,
-          required: r.required,
-          "floating-label": r.floatingLabel,
-          size: r.size,
+          disabled: i.disabled,
+          required: i.required,
+          "floating-label": i.floatingLabel,
+          size: i.size,
           searchable: !0,
-          "allow-empty": r.clearable,
+          "allow-empty": i.clearable,
           "close-on-select": !0,
           "track-by": "value",
           label: "label",