@quoreadmin/ui 1.10.32 → 1.10.33

package/dist/index157.js

@@ -1,27 +1,21 @@
-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 H, createElementVNode as f, createVNode as E, Fragment as P, createCommentVNode as _, toDisplayString as g, createTextVNode as fe, createBlock as de, Teleport as Pe, Transition as ze, withCtx as F, renderList as ne } from "vue";
-import Ke from "./index46.js";
-import Le from "./index7.js";
-import oe from "./index28.js";
-import { useI18n as $e } from "vue-i18n";
-const Ne = {
+import { defineComponent as Pe, ref as h, computed as g, watch as ce, nextTick as me, onUnmounted as Ee, openBlock as c, createElementBlock as v, normalizeClass as A, createElementVNode as m, createVNode as B, Fragment as P, createCommentVNode as E, toDisplayString as y, createBlock as fe, Teleport as Ke, Transition as Le, withCtx as R, renderList as ae, createTextVNode as Ne } from "vue";
+import $e from "./index46.js";
+import ze from "./index7.js";
+import ne from "./index28.js";
+import { useI18n as Fe } from "vue-i18n";
+const Re = {
   key: 0,
   class: "q-time-picker__desktop"
-}, Re = ["value", "tabindex"], Fe = ["value", "tabindex"], Oe = ["value", "tabindex"], Ue = {
-  key: 1,
-  class: "q-time-picker__timezone"
-}, We = {
+}, Oe = ["value", "tabindex"], Ue = ["value", "tabindex"], We = ["value", "tabindex"], Qe = {
   key: 1,
   class: "q-time-picker__placeholder"
-}, Qe = {
+}, Ze = {
   key: 0,
   class: "q-time-picker__trigger-value"
 }, Ge = {
-  key: 0,
-  class: "q-time-picker__timezone"
-}, je = {
   key: 1,
   class: "q-time-picker__trigger-placeholder"
-}, Je = { class: "q-time-picker__wheels" }, lt = /* @__PURE__ */ Be({
+}, je = { class: "q-time-picker__wheels" }, at = /* @__PURE__ */ Pe({
   name: "QTimePicker",
   __name: "time-picker",
   props: {
@@ -44,17 +38,17 @@ const Ne = {
     mobileButtonLabel: { default: "HC_DONE" }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: ve }) {
-    const a = i, x = ve, { t: z } = $e(), d = h(""), p = h(""), v = h(""), M = h(null), T = h(null), K = h(null), I = h(!1);
+  setup(i, { emit: de }) {
+    const a = i, V = de, { t: K } = Fe(), f = h(""), p = h(""), d = h(""), M = h(null), T = h(null), L = h(null), x = h(!1);
     let S = "", w = "";
-    const q = h(!1), b = h(12), D = h(0), A = h("AM"), O = h(null), U = h(null), W = h(null);
-    let Q, G, j;
-    const V = 44, L = y(() => a.format === "24h" ? Array.from({ length: 24 }, (e, t) => t) : Array.from({ length: 12 }, (e, t) => t + 1)), $ = y(() => {
+    const _ = h(!1), b = h(12), q = h(0), D = h("AM"), O = h(null), U = h(null), W = h(null);
+    let Q, Z, G;
+    const I = 44, N = g(() => a.format === "24h" ? Array.from({ length: 24 }, (e, t) => t) : Array.from({ length: 12 }, (e, t) => t + 1)), $ = g(() => {
       const e = [];
       for (let t = 0; t < 60; t += a.step)
         e.push(t);
       return e;
-    }), J = y(() => {
+    }), j = g(() => {
       const e = [], t = a.minTime ? k(a.minTime) : null, l = a.maxTime ? k(a.maxTime) : null;
       for (let n = 0; n < 1440; n += a.step) {
         if (t !== null && n < t) continue;
@@ -74,22 +68,22 @@ const Ne = {
         });
       }
       if (a.showNow) {
-        const n = /* @__PURE__ */ new Date(), o = n.getHours(), r = n.getMinutes(), u = o * 60 + r;
-        if ((t === null || u >= t) && (l === null || u <= l)) {
-          const le = C(o, r, a.format);
-          e.unshift({ label: `${z("HC_NOW")} (${le})`, value: le });
+        const { h: n, m: o } = oe(), r = n * 60 + o;
+        if ((t === null || r >= t) && (l === null || r <= l)) {
+          const u = C(n, o, a.format);
+          e.unshift({ label: `${K("HC_NOW")} (${u})`, value: u });
         }
       }
       return e;
-    }), pe = y(() => {
+    }), ve = g(() => {
       if (!a.modelValue) return null;
-      const e = J.value.find(
+      const e = j.value.find(
         (l) => l.value === a.modelValue
       );
       if (e) return e;
       const t = k(a.modelValue);
       if (t !== null) {
-        const l = J.value.find(
+        const l = j.value.find(
           (u) => k(u.value) === t
         );
         if (l) return l;
@@ -97,11 +91,11 @@ const Ne = {
         return { label: r, value: r };
       }
       return { label: a.modelValue, value: a.modelValue };
-    }), he = y(() => a.modelValue || ""), X = y(
-      () => !d.value && !p.value && !I.value
-    ), ke = y(() => v.value ? z(`HC_${v.value}`) : ""), ge = y(() => [
-      { value: "AM", label: z("HC_AM") },
-      { value: "PM", label: z("HC_PM") }
+    }), pe = g(() => a.modelValue || ""), J = g(
+      () => !f.value && !p.value && !x.value
+    ), he = g(() => d.value ? K(`HC_${d.value}`) : ""), ke = g(() => [
+      { value: "AM", label: K("HC_AM") },
+      { value: "PM", label: K("HC_PM") }
     ]), k = (e) => {
       if (!e) return null;
       const t = e.trim(), l = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
@@ -123,17 +117,40 @@ const Ne = {
         return `${e.toString().padStart(2, "0")}:${n}`;
       const o = e >= 12 ? "PM" : "AM";
       return `${e % 12 || 12}:${n} ${o}`;
+    }, ge = (e) => {
+      if (e == null || typeof e != "string") return;
+      const t = e.trim();
+      if (t)
+        try {
+          return new Intl.DateTimeFormat("en-US", { timeZone: t }).format(/* @__PURE__ */ new Date()), t;
+        } catch {
+          return;
+        }
+    }, be = g(() => ge(a.timezone)), oe = () => {
+      const e = /* @__PURE__ */ new Date(), t = be.value;
+      if (!t)
+        return { h: e.getHours(), m: e.getMinutes() };
+      const l = new Intl.DateTimeFormat("en-GB", {
+        timeZone: t,
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: !1
+      }).formatToParts(e), n = (o) => l.find((r) => r.type === o)?.value ?? "";
+      return {
+        h: parseInt(n("hour"), 10),
+        m: parseInt(n("minute"), 10)
+      };
     }, re = (e, t, l, n, o) => {
       if (!t) {
-        let ae = !1;
-        for (let R = 0; R <= 9; R++) {
-          const se = e * 10 + R;
+        let le = !1;
+        for (let F = 0; F <= 9; F++) {
+          const se = e * 10 + F;
           if (se >= l && se <= n) {
-            ae = !0;
+            le = !0;
             break;
           }
         }
-        return ae ? {
+        return le ? {
           value: e.toString(),
           buffer: e.toString(),
           complete: !1
@@ -144,47 +161,47 @@ const Ne = {
         return { value: o ? r.toString().padStart(2, "0") : r.toString(), buffer: "", complete: !0 };
       const u = parseInt(t);
       return { value: u >= l && u <= n ? o ? u.toString().padStart(2, "0") : u.toString() : "", buffer: "", complete: !0 };
-    }, N = () => {
+    }, z = () => {
       if (!S) return;
       const e = a.format === "12h" ? 1 : 0, t = a.format === "12h" ? 12 : 23, l = a.format === "24h", n = parseInt(S);
-      n >= e && n <= t && (d.value = l ? n.toString().padStart(2, "0") : n.toString()), S = "";
-    }, B = () => {
+      n >= e && n <= t && (f.value = l ? n.toString().padStart(2, "0") : n.toString()), S = "";
+    }, H = () => {
       if (!w) return;
       const e = parseInt(w);
       e >= 0 && e <= 59 && (p.value = e.toString().padStart(2, "0")), w = "";
-    }, c = () => {
-      const e = parseInt(d.value, 10), t = parseInt(p.value, 10);
+    }, s = () => {
+      const e = parseInt(f.value, 10), t = parseInt(p.value, 10);
       if (isNaN(e) || isNaN(t)) {
-        !d.value && !p.value && !v.value && x("update:modelValue", "");
+        !f.value && !p.value && !d.value && V("update:modelValue", "");
         return;
       }
-      if (a.format === "12h" && !v.value) return;
+      if (a.format === "12h" && !d.value) return;
       let l;
-      a.format === "12h" ? (l = e % 12, v.value === "PM" && (l += 12)) : l = e;
+      a.format === "12h" ? (l = e % 12, d.value === "PM" && (l += 12)) : l = e;
       const n = l * 60 + t, o = a.minTime ? k(a.minTime) : null, r = a.maxTime ? k(a.maxTime) : null;
-      o !== null && n < o || r !== null && n > r || x("update:modelValue", C(l, t, a.format));
-    }, be = () => {
+      o !== null && n < o || r !== null && n > r || V("update:modelValue", C(l, t, a.format));
+    }, ye = () => {
       if (!a.modelValue) {
-        d.value = "", p.value = "", v.value = "";
+        f.value = "", p.value = "", d.value = "";
         return;
       }
       const e = k(a.modelValue);
       if (e === null) return;
       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"));
-    }, Y = () => {
+      a.format === "12h" ? (f.value = (t % 12 || 12).toString(), p.value = l.toString().padStart(2, "0"), d.value = t >= 12 ? "PM" : "AM") : (f.value = t.toString().padStart(2, "0"), p.value = l.toString().padStart(2, "0"));
+    }, X = () => {
       T.value?.focus();
-    }, Z = () => {
-      a.format === "12h" && K.value?.focus();
+    }, Y = () => {
+      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();
+      let t = parseInt(f.value) || (a.format === "12h" ? 12 : 0);
+      t += e, a.format === "12h" ? (t > 12 && (t = 1), t < 1 && (t = 12), f.value = t.toString()) : (t > 23 && (t = 0), t < 0 && (t = 23), f.value = t.toString().padStart(2, "0")), S = "", s();
     }, 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 = "", c();
-    }, ye = () => {
-      v.value ? v.value = v.value === "AM" ? "PM" : "AM" : v.value = "AM", c();
-    }, Me = (e) => {
+      isNaN(t) && (t = 0), t += e, t >= 60 && (t = 0), t < 0 && (t = 59), p.value = t.toString().padStart(2, "0"), w = "", s();
+    }, Me = () => {
+      d.value ? d.value = d.value === "AM" ? "PM" : "AM" : d.value = "AM", s();
+    }, Se = (e) => {
       if (e.key >= "0" && e.key <= "9") {
         e.preventDefault();
         const t = a.format === "12h" ? 1 : 0, l = a.format === "12h" ? 12 : 23, n = a.format === "24h", o = re(
@@ -194,7 +211,7 @@ const Ne = {
           l,
           n
         );
-        d.value = o.value, S = o.buffer, o.complete && (c(), Y());
+        f.value = o.value, S = o.buffer, o.complete && (s(), X());
         return;
       }
       switch (e.key) {
@@ -205,14 +222,14 @@ const Ne = {
           e.preventDefault(), ie(-1);
           break;
         case "ArrowRight":
-          e.preventDefault(), N(), c(), Y();
+          e.preventDefault(), z(), s(), X();
           break;
         case "Tab":
-          e.shiftKey ? (N(), c()) : (e.preventDefault(), N(), c(), Y());
+          e.shiftKey ? (z(), s()) : (e.preventDefault(), z(), s(), X());
           break;
         case "Backspace":
         case "Delete":
-          e.preventDefault(), d.value = "", S = "", c();
+          e.preventDefault(), f.value = "", S = "", s();
           break;
         case "ArrowLeft":
           e.preventDefault();
@@ -220,7 +237,7 @@ const Ne = {
         default:
           !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
       }
-    }, Se = (e) => {
+    }, we = (e) => {
       if (e.key >= "0" && e.key <= "9") {
         e.preventDefault();
         const t = re(
@@ -230,7 +247,7 @@ const Ne = {
           59,
           !0
         );
-        p.value = t.value, w = t.buffer, t.complete && (c(), Z());
+        p.value = t.value, w = t.buffer, t.complete && (s(), Y());
         return;
       }
       switch (e.key) {
@@ -241,35 +258,35 @@ const Ne = {
           e.preventDefault(), ue(-1);
           break;
         case "ArrowRight":
-          e.preventDefault(), B(), c(), a.format === "12h" && Z();
+          e.preventDefault(), H(), s(), a.format === "12h" && Y();
           break;
         case "Tab":
-          e.shiftKey ? (e.preventDefault(), B(), c(), M.value?.focus()) : (B(), c(), a.format === "12h" && (e.preventDefault(), Z()));
+          e.shiftKey ? (e.preventDefault(), H(), s(), M.value?.focus()) : (H(), s(), a.format === "12h" && (e.preventDefault(), Y()));
           break;
         case "ArrowLeft":
-          e.preventDefault(), B(), c(), M.value?.focus();
+          e.preventDefault(), H(), s(), M.value?.focus();
           break;
         case "Backspace":
         case "Delete":
-          e.preventDefault(), p.value = "", w = "", c();
+          e.preventDefault(), p.value = "", w = "", s();
           break;
         default:
           !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
       }
-    }, we = (e) => {
+    }, Te = (e) => {
       const t = e.key.toLowerCase();
       if (t === "a") {
-        e.preventDefault(), v.value = "AM", c();
+        e.preventDefault(), d.value = "AM", s();
         return;
       }
       if (t === "p") {
-        e.preventDefault(), v.value = "PM", c();
+        e.preventDefault(), d.value = "PM", s();
         return;
       }
       switch (e.key) {
         case "ArrowUp":
         case "ArrowDown":
-          e.preventDefault(), ye();
+          e.preventDefault(), Me();
           break;
         case "ArrowLeft":
           e.preventDefault(), T.value?.focus();
@@ -279,118 +296,118 @@ const Ne = {
           break;
         case "Backspace":
         case "Delete":
-          e.preventDefault(), v.value = "", c();
+          e.preventDefault(), d.value = "", s();
           break;
         default:
           !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
       }
     }, ee = () => {
-      I.value = !0;
+      x.value = !0;
     }, te = () => {
       requestAnimationFrame(() => {
         const e = document.activeElement;
-        e !== M.value && e !== T.value && e !== K.value && (I.value = !1, N(), B(), c());
+        e !== M.value && e !== T.value && e !== L.value && (x.value = !1, z(), H(), s());
       });
     }, _e = (e) => {
       if (!a.disabled && !(e.target instanceof HTMLInputElement)) {
-        if (X.value) {
-          I.value = !0, me(() => M.value?.focus());
+        if (J.value) {
+          x.value = !0, me(() => M.value?.focus());
           return;
         }
-        d.value ? p.value ? a.format === "12h" && !v.value ? K.value?.focus() : M.value?.focus() : T.value?.focus() : M.value?.focus();
+        f.value ? p.value ? a.format === "12h" && !d.value ? L.value?.focus() : M.value?.focus() : T.value?.focus() : M.value?.focus();
       }
-    }, Te = (e) => {
+    }, qe = (e) => {
       if (!e) {
-        x("update:modelValue", "");
+        V("update:modelValue", "");
         return;
       }
-      x("update:modelValue", e.value);
-    }, qe = (e) => a.format === "24h" ? e.toString().padStart(2, "0") : e.toString(), De = () => {
+      V("update:modelValue", e.value);
+    }, De = (e) => a.format === "24h" ? e.toString().padStart(2, "0") : e.toString(), Ie = () => {
       if (!a.modelValue) {
-        const o = /* @__PURE__ */ new Date();
-        b.value = a.format === "12h" ? o.getHours() % 12 || 12 : o.getHours(), D.value = Math.floor(o.getMinutes() / a.step) * a.step, A.value = o.getHours() >= 12 ? "PM" : "AM";
+        const { h: o, m: r } = oe();
+        b.value = a.format === "12h" ? o % 12 || 12 : o, q.value = Math.floor(r / a.step) * a.step, D.value = o >= 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, D.value = t >= 12 ? "PM" : "AM") : b.value = t;
       const n = Math.round(l / a.step) * a.step;
-      D.value = n >= 60 ? 60 - a.step : n;
+      q.value = n >= 60 ? 60 - a.step : n;
     }, Ae = (e = !0) => {
       const t = e ? "smooth" : "instant";
       if (O.value) {
-        const l = L.value.indexOf(b.value);
+        const l = N.value.indexOf(b.value);
         l >= 0 && O.value.scrollTo({
-          top: l * V,
+          top: l * I,
           behavior: t
         });
       }
       if (U.value) {
-        const l = $.value.indexOf(D.value);
+        const l = $.value.indexOf(q.value);
         l >= 0 && U.value.scrollTo({
-          top: l * V,
+          top: l * I,
           behavior: t
         });
       }
       if (W.value && a.format === "12h") {
-        const l = A.value === "AM" ? 0 : 1;
+        const l = D.value === "AM" ? 0 : 1;
         W.value.scrollTo({
-          top: l * V,
+          top: l * I,
           behavior: t
         });
       }
     }, Ve = () => {
-      a.disabled || (De(), q.value = !0);
-    }, He = (e) => {
+      a.disabled || (Ie(), _.value = !0);
+    }, xe = (e) => {
       clearTimeout(Q), Q = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / V), n = Math.max(0, Math.min(l, L.value.length - 1));
-        b.value = L.value[n];
+        const t = e.target, l = Math.round(t.scrollTop / I), n = Math.max(0, Math.min(l, N.value.length - 1));
+        b.value = N.value[n];
       }, 60);
-    }, xe = (e) => {
-      clearTimeout(G), G = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / V), n = Math.max(
+    }, Ce = (e) => {
+      clearTimeout(Z), Z = setTimeout(() => {
+        const t = e.target, l = Math.round(t.scrollTop / I), n = Math.max(
           0,
           Math.min(l, $.value.length - 1)
         );
-        D.value = $.value[n];
+        q.value = $.value[n];
       }, 60);
-    }, Ie = (e) => {
-      clearTimeout(j), j = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / V);
-        A.value = l <= 0 ? "AM" : "PM";
+    }, He = (e) => {
+      clearTimeout(G), G = setTimeout(() => {
+        const t = e.target, l = Math.round(t.scrollTop / I);
+        D.value = l <= 0 ? "AM" : "PM";
       }, 60);
-    }, Ce = () => {
+    }, Be = () => {
       let e;
-      a.format === "12h" ? (e = b.value % 12, A.value === "PM" && (e += 12)) : e = b.value;
-      let t = e * 60 + D.value;
+      a.format === "12h" ? (e = b.value % 12, D.value === "PM" && (e += 12)) : e = b.value;
+      let t = e * 60 + q.value;
       const l = a.minTime ? k(a.minTime) : null, n = a.maxTime ? k(a.maxTime) : null;
       l !== null && t < l && (t = l), n !== null && t > n && (t = n);
       const o = Math.floor(t / 60) % 24, r = t % 60, u = C(o, r, a.format);
-      x("update:modelValue", u), q.value = !1;
+      V("update:modelValue", u), _.value = !1;
     };
     return ce(
       [() => a.modelValue, () => a.format],
-      () => be(),
+      () => ye(),
       { immediate: !0 }
-    ), ce(q, async (e) => {
+    ), ce(_, async (e) => {
       e && (await me(), requestAnimationFrame(() => {
         Ae(!1);
       }));
     }), Ee(() => {
-      clearTimeout(Q), clearTimeout(G), clearTimeout(j);
-    }), (e, t) => (s(), m("div", {
-      class: H(["q-time-picker", { "q-time-picker--disabled": i.disabled }])
+      clearTimeout(Q), clearTimeout(Z), clearTimeout(G);
+    }), (e, t) => (c(), v("div", {
+      class: A(["q-time-picker", { "q-time-picker--disabled": i.disabled }])
     }, [
-      i.mobile ? (s(), m(P, { key: 1 }, [
-        f("div", {
-          class: H(["q-time-picker__trigger", {
+      i.mobile ? (c(), v(P, { key: 1 }, [
+        m("div", {
+          class: A(["q-time-picker__trigger", {
             "q-time-picker__trigger--disabled": i.disabled,
             [`q-time-picker__trigger--${i.size}`]: !0
           }]),
           onClick: Ve
         }, [
-          E(oe, {
+          B(ne, {
             icon: "clock",
             type: "outline",
             width: 20,
@@ -399,11 +416,8 @@ const Ne = {
             color: "inkwell-10",
             class: "q-time-picker__trigger-icon"
           }),
-          i.modelValue ? (s(), m("span", Qe, [
-            fe(g(he.value) + " ", 1),
-            i.timezone ? (s(), m("span", Ge, g(i.timezone), 1)) : _("", !0)
-          ])) : (s(), m("span", je, g(i.placeholder || e.$t("HC_SELECT_TIME")), 1)),
-          E(oe, {
+          i.modelValue ? (c(), v("span", Ze, y(pe.value), 1)) : (c(), v("span", Ge, y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)),
+          B(ne, {
             icon: "chevron-down",
             type: "line",
             size: "sm",
@@ -411,95 +425,95 @@ const Ne = {
             class: "q-time-picker__trigger-chevron"
           })
         ], 2),
-        (s(), de(Pe, { to: "#body" }, [
-          E(ze, { name: "slide-up-fade" }, {
-            default: F(() => [
-              q.value ? (s(), de(Le, {
+        (c(), fe(Ke, { to: "#body" }, [
+          B(Le, { name: "slide-up-fade" }, {
+            default: R(() => [
+              _.value ? (c(), fe(ze, {
                 key: 0,
-                modelValue: q.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (l) => q.value = l),
+                modelValue: _.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (l) => _.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: F(() => [
-                  fe(g(i.placeholder || e.$t("HC_SELECT_TIME")), 1)
+                header: R(() => [
+                  Ne(y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)
                 ]),
-                headerAction: F(() => [
-                  f("button", {
+                headerAction: R(() => [
+                  m("button", {
                     class: "q-time-picker__done-btn",
                     type: "button",
-                    onClick: Ce
-                  }, g(e.$t(i.mobileButtonLabel)), 1)
+                    onClick: Be
+                  }, y(e.$t(i.mobileButtonLabel)), 1)
                 ]),
-                default: F(() => [
-                  f("div", Je, [
-                    t[8] || (t[8] = f("div", { class: "q-time-picker__wheel-highlight" }, null, -1)),
-                    f("div", {
+                default: R(() => [
+                  m("div", je, [
+                    t[8] || (t[8] = m("div", { class: "q-time-picker__wheel-highlight" }, null, -1)),
+                    m("div", {
                       ref_key: "hourColumnRef",
                       ref: O,
                       class: "q-time-picker__wheel-column",
-                      onScroll: He
+                      onScroll: xe
                     }, [
-                      t[2] || (t[2] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (s(!0), m(P, null, ne(L.value, (l) => (s(), m("div", {
+                      t[2] || (t[2] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (c(!0), v(P, null, ae(N.value, (l) => (c(), v("div", {
                         key: l,
-                        class: H(["q-time-picker__wheel-item", {
+                        class: A(["q-time-picker__wheel-item", {
                           "q-time-picker__wheel-item--selected": l === b.value
                         }])
-                      }, g(qe(l)), 3))), 128)),
-                      t[3] || (t[3] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1))
+                      }, y(De(l)), 3))), 128)),
+                      t[3] || (t[3] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
                     ], 544),
-                    t[9] || (t[9] = f("div", { class: "q-time-picker__wheel-separator" }, ":", -1)),
-                    f("div", {
+                    t[9] || (t[9] = m("div", { class: "q-time-picker__wheel-separator" }, ":", -1)),
+                    m("div", {
                       ref_key: "minuteColumnRef",
                       ref: U,
                       class: "q-time-picker__wheel-column",
-                      onScroll: xe
+                      onScroll: Ce
                     }, [
-                      t[4] || (t[4] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (s(!0), m(P, null, ne($.value, (l) => (s(), m("div", {
+                      t[4] || (t[4] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (c(!0), v(P, null, ae($.value, (l) => (c(), v("div", {
                         key: l,
-                        class: H(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l === D.value
+                        class: A(["q-time-picker__wheel-item", {
+                          "q-time-picker__wheel-item--selected": l === q.value
                         }])
-                      }, g(l.toString().padStart(2, "0")), 3))), 128)),
-                      t[5] || (t[5] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1))
+                      }, y(l.toString().padStart(2, "0")), 3))), 128)),
+                      t[5] || (t[5] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
                     ], 544),
-                    i.format === "12h" ? (s(), m("div", {
+                    i.format === "12h" ? (c(), v("div", {
                       key: 0,
                       ref_key: "periodColumnRef",
                       ref: W,
                       class: "q-time-picker__wheel-column q-time-picker__wheel-column--period",
-                      onScroll: Ie
+                      onScroll: He
                     }, [
-                      t[6] || (t[6] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (s(!0), m(P, null, ne(ge.value, (l) => (s(), m("div", {
+                      t[6] || (t[6] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (c(!0), v(P, null, ae(ke.value, (l) => (c(), v("div", {
                         key: l.value,
-                        class: H(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l.value === A.value
+                        class: A(["q-time-picker__wheel-item", {
+                          "q-time-picker__wheel-item--selected": l.value === D.value
                         }])
-                      }, g(l.label), 3))), 128)),
-                      t[7] || (t[7] = f("div", { class: "q-time-picker__wheel-pad" }, null, -1))
-                    ], 544)) : _("", !0)
+                      }, y(l.label), 3))), 128)),
+                      t[7] || (t[7] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
+                    ], 544)) : E("", !0)
                   ])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : _("", !0)
+              }, 8, ["modelValue"])) : E("", !0)
             ]),
             _: 1
           })
         ]))
-      ], 64)) : (s(), m("div", Ne, [
-        f("div", {
-          class: H(["q-time-picker__segments", {
-            "q-time-picker__segments--focused": I.value,
-            "q-time-picker__segments--empty": !d.value && !p.value
+      ], 64)) : (c(), v("div", Re, [
+        m("div", {
+          class: A(["q-time-picker__segments", {
+            "q-time-picker__segments--focused": x.value,
+            "q-time-picker__segments--empty": !f.value && !p.value
           }]),
           onClick: _e
         }, [
-          E(oe, {
+          B(ne, {
             icon: "clock",
             type: "outline",
             width: 20,
@@ -508,21 +522,21 @@ const Ne = {
             color: "inkwell-10",
             class: "q-time-picker__clock-icon"
           }),
-          X.value ? _("", !0) : (s(), m(P, { key: 0 }, [
-            f("input", {
+          J.value ? E("", !0) : (c(), v(P, { key: 0 }, [
+            m("input", {
               ref_key: "hourInputRef",
               ref: M,
-              value: d.value,
+              value: f.value,
               class: "q-time-picker__segment",
               tabindex: i.disabled ? -1 : 0,
               inputmode: "numeric",
               placeholder: "--",
-              onKeydown: Me,
+              onKeydown: Se,
               onFocus: ee,
               onBlur: te
-            }, null, 40, Re),
-            t[1] || (t[1] = f("span", { class: "q-time-picker__segment-colon" }, ":", -1)),
-            f("input", {
+            }, null, 40, Oe),
+            t[1] || (t[1] = m("span", { class: "q-time-picker__segment-colon" }, ":", -1)),
+            m("input", {
               ref_key: "minuteInputRef",
               ref: T,
               value: p.value,
@@ -530,30 +544,29 @@ const Ne = {
               tabindex: i.disabled ? -1 : 0,
               inputmode: "numeric",
               placeholder: "--",
-              onKeydown: Se,
+              onKeydown: we,
               onFocus: ee,
               onBlur: te
-            }, null, 40, Fe),
-            i.format === "12h" ? (s(), m("input", {
+            }, null, 40, Ue),
+            i.format === "12h" ? (c(), v("input", {
               key: 0,
               ref_key: "periodInputRef",
-              ref: K,
-              value: ke.value,
+              ref: L,
+              value: he.value,
               class: "q-time-picker__segment q-time-picker__segment--period",
               tabindex: i.disabled ? -1 : 0,
               placeholder: "--",
-              onKeydown: we,
+              onKeydown: Te,
               onFocus: ee,
               onBlur: te
-            }, null, 40, Oe)) : _("", !0),
-            i.timezone ? (s(), m("span", Ue, g(i.timezone), 1)) : _("", !0)
+            }, null, 40, We)) : E("", !0)
           ], 64)),
-          X.value ? (s(), m("span", We, g(i.placeholder || e.$t("HC_SELECT_TIME")), 1)) : _("", !0)
+          J.value ? (c(), v("span", Qe, y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)) : E("", !0)
         ], 2),
-        E(Ke, {
+        B($e, {
           id: i.id,
-          "model-value": pe.value,
-          options: J.value,
+          "model-value": ve.value,
+          options: j.value,
           placeholder: "",
           disabled: i.disabled,
           required: i.required,
@@ -564,12 +577,12 @@ const Ne = {
           "close-on-select": !0,
           "track-by": "value",
           label: "label",
-          "onUpdate:modelValue": Te
+          "onUpdate:modelValue": qe
         }, null, 8, ["id", "model-value", "options", "disabled", "required", "floating-label", "size", "allow-empty"])
       ]))
     ], 2));
   }
 });
 export {
-  lt as default
+  at as default
 };