@quoreadmin/ui 1.10.32 → 1.11.0

package/dist/index160.js

@@ -1,93 +1,588 @@
-import { defineComponent as T, ref as v, computed as a, onBeforeUnmount as y, watchEffect as g } from "vue";
-const u = "update:modelValue", i = "undo-action", s = "timeout-done", E = T({
-  name: "QToast",
+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 "./index47.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"
+}, Oe = ["value", "tabindex"], Ue = ["value", "tabindex"], We = ["value", "tabindex"], Qe = {
+  key: 1,
+  class: "q-time-picker__placeholder"
+}, Ze = {
+  key: 0,
+  class: "q-time-picker__trigger-value"
+}, Ge = {
+  key: 1,
+  class: "q-time-picker__trigger-placeholder"
+}, je = { class: "q-time-picker__wheels" }, at = /* @__PURE__ */ Pe({
+  name: "QTimePicker",
+  __name: "time-picker",
   props: {
-    /** is toast visible */
-    modelValue: {
-      type: Boolean,
-      default: !1,
-      required: !0
-    },
-    icon: {
-      type: String,
-      default: ""
-    },
-    message: {
-      type: String,
-      default: ""
-    },
-    variant: {
-      type: String,
-      default: ""
-    },
-    duration: {
-      type: Number,
-      default: null,
-      required: !1
-    },
-    position: {
-      type: [String, Array],
-      default: null,
-      required: !1
-    },
-    withTransition: {
-      type: Boolean,
-      default: !1
-    },
-    // 'component-slide-right' or 'component-slide-top' for mobile
-    transitionClass: {
-      type: String,
-      default: "component-slide-right"
-    },
-    closeButton: {
-      type: Boolean,
-      default: !1
-    },
-    undoButton: {
-      type: Boolean,
-      default: !1
-    }
+    modelValue: { default: "" },
+    format: { default: "12h" },
+    step: { default: 15 },
+    minTime: { default: "" },
+    maxTime: { default: "" },
+    mobile: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    floatingLabel: { type: Boolean, default: !1 },
+    size: { default: "lg" },
+    id: { default: "" },
+    clearable: { type: Boolean, default: !1 },
+    customTimes: { default: () => [] },
+    showNow: { type: Boolean, default: !1 },
+    timezone: { default: "" },
+    mobileButtonLabel: { default: "HC_DONE" }
   },
-  emits: [u, i, s],
-  setup(t, { emit: n }) {
-    const e = v(null), o = a({
-      get: () => t.modelValue,
-      set: (m) => {
-        n(u, m);
-      }
-    }), d = a(
-      () => t.variant ? "is-" + t.variant : ""
-    ), r = a(
-      () => t.position ? "toast-fixed " + t.position : ""
-    ), f = a(
-      () => t.withTransition && t.transitionClass
-    ), c = () => {
-      n(i);
-    }, l = () => {
-      e.value = setTimeout(() => {
-        o.value = !1, n(s);
-      }, t.duration);
-    };
-    return y(() => {
-      e.value && (clearTimeout(e.value), e.value = null);
-    }), g(() => {
-      o.value && t.duration ? l() : e.value && (clearTimeout(e.value), e.value = null);
-    }), {
-      // Computed
-      show: o,
-      // v-model boolean value
-      statusClass: d,
-      positionClass: r,
-      computedTransition: f,
-      // Methods
-      startTimeout: l,
-      undoAction: c
+  emits: ["update:modelValue"],
+  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 _ = 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 = 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;
+        if (l !== null && n > l) break;
+        const o = Math.floor(n / 60), r = n % 60, u = C(o, r, a.format);
+        e.push({ label: u, value: u });
+      }
+      if (a.customTimes.length) {
+        for (const n of a.customTimes) {
+          if (e.some((r) => r.value === n.value)) continue;
+          const o = k(n.value);
+          o !== null && (t !== null && o < t || l !== null && o > l) || e.push(n);
+        }
+        e.sort((n, o) => {
+          const r = k(n.value) ?? 0, u = k(o.value) ?? 0;
+          return r - u;
+        });
+      }
+      if (a.showNow) {
+        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;
+    }), ve = g(() => {
+      if (!a.modelValue) return null;
+      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(
+          (u) => k(u.value) === t
+        );
+        if (l) return l;
+        const n = Math.floor(t / 60), o = t % 60, r = C(n, o, a.format);
+        return { label: r, value: r };
+      }
+      return { label: a.modelValue, value: a.modelValue };
+    }), 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);
+      if (l) {
+        let o = parseInt(l[1], 10);
+        const r = parseInt(l[2], 10), u = l[3].toLowerCase();
+        return u === "pm" && o !== 12 && (o += 12), u === "am" && o === 12 && (o = 0), o * 60 + r;
+      }
+      const n = t.match(/^(\d{1,2}):(\d{2})$/);
+      if (n) {
+        const o = parseInt(n[1], 10), r = parseInt(n[2], 10);
+        if (o >= 0 && o <= 23 && r >= 0 && r <= 59)
+          return o * 60 + r;
+      }
+      return null;
+    }, C = (e, t, l) => {
+      const n = t.toString().padStart(2, "0");
+      if (l === "24h")
+        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 le = !1;
+        for (let F = 0; F <= 9; F++) {
+          const se = e * 10 + F;
+          if (se >= l && se <= n) {
+            le = !0;
+            break;
+          }
+        }
+        return le ? {
+          value: e.toString(),
+          buffer: e.toString(),
+          complete: !1
+        } : e >= l && e <= n ? { value: o ? e.toString().padStart(2, "0") : e.toString(), buffer: "", complete: !0 } : { value: "", buffer: "", complete: !1 };
+      }
+      const r = parseInt(t) * 10 + e;
+      if (r >= l && r <= n)
+        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 };
+    }, 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 && (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 = "";
+    }, s = () => {
+      const e = parseInt(f.value, 10), t = parseInt(p.value, 10);
+      if (isNaN(e) || isNaN(t)) {
+        !f.value && !p.value && !d.value && V("update:modelValue", "");
+        return;
+      }
+      if (a.format === "12h" && !d.value) return;
+      let l;
+      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 || V("update:modelValue", C(l, t, a.format));
+    }, ye = () => {
+      if (!a.modelValue) {
+        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" ? (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();
+    }, Y = () => {
+      a.format === "12h" && L.value?.focus();
+    }, ie = (e) => {
+      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 = "", 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(
+          parseInt(e.key),
+          S,
+          t,
+          l,
+          n
+        );
+        f.value = o.value, S = o.buffer, o.complete && (s(), X());
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+          e.preventDefault(), ie(1);
+          break;
+        case "ArrowDown":
+          e.preventDefault(), ie(-1);
+          break;
+        case "ArrowRight":
+          e.preventDefault(), z(), s(), X();
+          break;
+        case "Tab":
+          e.shiftKey ? (z(), s()) : (e.preventDefault(), z(), s(), X());
+          break;
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), f.value = "", S = "", s();
+          break;
+        case "ArrowLeft":
+          e.preventDefault();
+          break;
+        default:
+          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
+      }
+    }, we = (e) => {
+      if (e.key >= "0" && e.key <= "9") {
+        e.preventDefault();
+        const t = re(
+          parseInt(e.key),
+          w,
+          0,
+          59,
+          !0
+        );
+        p.value = t.value, w = t.buffer, t.complete && (s(), Y());
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+          e.preventDefault(), ue(1);
+          break;
+        case "ArrowDown":
+          e.preventDefault(), ue(-1);
+          break;
+        case "ArrowRight":
+          e.preventDefault(), H(), s(), a.format === "12h" && Y();
+          break;
+        case "Tab":
+          e.shiftKey ? (e.preventDefault(), H(), s(), M.value?.focus()) : (H(), s(), a.format === "12h" && (e.preventDefault(), Y()));
+          break;
+        case "ArrowLeft":
+          e.preventDefault(), H(), s(), M.value?.focus();
+          break;
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), p.value = "", w = "", s();
+          break;
+        default:
+          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
+      }
+    }, Te = (e) => {
+      const t = e.key.toLowerCase();
+      if (t === "a") {
+        e.preventDefault(), d.value = "AM", s();
+        return;
+      }
+      if (t === "p") {
+        e.preventDefault(), d.value = "PM", s();
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+        case "ArrowDown":
+          e.preventDefault(), Me();
+          break;
+        case "ArrowLeft":
+          e.preventDefault(), T.value?.focus();
+          break;
+        case "Tab":
+          e.shiftKey && (e.preventDefault(), T.value?.focus());
+          break;
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), d.value = "", s();
+          break;
+        default:
+          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
+      }
+    }, ee = () => {
+      x.value = !0;
+    }, te = () => {
+      requestAnimationFrame(() => {
+        const e = document.activeElement;
+        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 (J.value) {
+          x.value = !0, me(() => M.value?.focus());
+          return;
+        }
+        f.value ? p.value ? a.format === "12h" && !d.value ? L.value?.focus() : M.value?.focus() : T.value?.focus() : M.value?.focus();
+      }
+    }, qe = (e) => {
+      if (!e) {
+        V("update:modelValue", "");
+        return;
+      }
+      V("update:modelValue", e.value);
+    }, De = (e) => a.format === "24h" ? e.toString().padStart(2, "0") : e.toString(), Ie = () => {
+      if (!a.modelValue) {
+        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, D.value = t >= 12 ? "PM" : "AM") : b.value = t;
+      const n = Math.round(l / a.step) * a.step;
+      q.value = n >= 60 ? 60 - a.step : n;
+    }, Ae = (e = !0) => {
+      const t = e ? "smooth" : "instant";
+      if (O.value) {
+        const l = N.value.indexOf(b.value);
+        l >= 0 && O.value.scrollTo({
+          top: l * I,
+          behavior: t
+        });
+      }
+      if (U.value) {
+        const l = $.value.indexOf(q.value);
+        l >= 0 && U.value.scrollTo({
+          top: l * I,
+          behavior: t
+        });
+      }
+      if (W.value && a.format === "12h") {
+        const l = D.value === "AM" ? 0 : 1;
+        W.value.scrollTo({
+          top: l * I,
+          behavior: t
+        });
+      }
+    }, Ve = () => {
+      a.disabled || (Ie(), _.value = !0);
+    }, xe = (e) => {
+      clearTimeout(Q), Q = setTimeout(() => {
+        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);
+    }, 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)
+        );
+        q.value = $.value[n];
+      }, 60);
+    }, He = (e) => {
+      clearTimeout(G), G = setTimeout(() => {
+        const t = e.target, l = Math.round(t.scrollTop / I);
+        D.value = l <= 0 ? "AM" : "PM";
+      }, 60);
+    }, Be = () => {
+      let e;
+      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);
+      V("update:modelValue", u), _.value = !1;
     };
+    return ce(
+      [() => a.modelValue, () => a.format],
+      () => ye(),
+      { immediate: !0 }
+    ), ce(_, async (e) => {
+      e && (await me(), requestAnimationFrame(() => {
+        Ae(!1);
+      }));
+    }), Ee(() => {
+      clearTimeout(Q), clearTimeout(Z), clearTimeout(G);
+    }), (e, t) => (c(), v("div", {
+      class: A(["q-time-picker", { "q-time-picker--disabled": i.disabled }])
+    }, [
+      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
+        }, [
+          B(ne, {
+            icon: "clock",
+            type: "outline",
+            width: 20,
+            height: 20,
+            "custom-size": "",
+            color: "inkwell-10",
+            class: "q-time-picker__trigger-icon"
+          }),
+          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",
+            color: "gray-30",
+            class: "q-time-picker__trigger-chevron"
+          })
+        ], 2),
+        (c(), fe(Ke, { to: "#body" }, [
+          B(Le, { name: "slide-up-fade" }, {
+            default: R(() => [
+              _.value ? (c(), fe(ze, {
+                key: 0,
+                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: R(() => [
+                  Ne(y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)
+                ]),
+                headerAction: R(() => [
+                  m("button", {
+                    class: "q-time-picker__done-btn",
+                    type: "button",
+                    onClick: Be
+                  }, y(e.$t(i.mobileButtonLabel)), 1)
+                ]),
+                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: xe
+                    }, [
+                      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: A(["q-time-picker__wheel-item", {
+                          "q-time-picker__wheel-item--selected": l === b.value
+                        }])
+                      }, y(De(l)), 3))), 128)),
+                      t[3] || (t[3] = m("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", {
+                      ref_key: "minuteColumnRef",
+                      ref: U,
+                      class: "q-time-picker__wheel-column",
+                      onScroll: Ce
+                    }, [
+                      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: A(["q-time-picker__wheel-item", {
+                          "q-time-picker__wheel-item--selected": l === q.value
+                        }])
+                      }, 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" ? (c(), v("div", {
+                      key: 0,
+                      ref_key: "periodColumnRef",
+                      ref: W,
+                      class: "q-time-picker__wheel-column q-time-picker__wheel-column--period",
+                      onScroll: He
+                    }, [
+                      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: A(["q-time-picker__wheel-item", {
+                          "q-time-picker__wheel-item--selected": l.value === D.value
+                        }])
+                      }, 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"])) : E("", !0)
+            ]),
+            _: 1
+          })
+        ]))
+      ], 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
+        }, [
+          B(ne, {
+            icon: "clock",
+            type: "outline",
+            width: 20,
+            height: 20,
+            "custom-size": "",
+            color: "inkwell-10",
+            class: "q-time-picker__clock-icon"
+          }),
+          J.value ? E("", !0) : (c(), v(P, { key: 0 }, [
+            m("input", {
+              ref_key: "hourInputRef",
+              ref: M,
+              value: f.value,
+              class: "q-time-picker__segment",
+              tabindex: i.disabled ? -1 : 0,
+              inputmode: "numeric",
+              placeholder: "--",
+              onKeydown: Se,
+              onFocus: ee,
+              onBlur: te
+            }, 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,
+              class: "q-time-picker__segment q-time-picker__segment--minute",
+              tabindex: i.disabled ? -1 : 0,
+              inputmode: "numeric",
+              placeholder: "--",
+              onKeydown: we,
+              onFocus: ee,
+              onBlur: te
+            }, null, 40, Ue),
+            i.format === "12h" ? (c(), v("input", {
+              key: 0,
+              ref_key: "periodInputRef",
+              ref: L,
+              value: he.value,
+              class: "q-time-picker__segment q-time-picker__segment--period",
+              tabindex: i.disabled ? -1 : 0,
+              placeholder: "--",
+              onKeydown: Te,
+              onFocus: ee,
+              onBlur: te
+            }, null, 40, We)) : E("", !0)
+          ], 64)),
+          J.value ? (c(), v("span", Qe, y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)) : E("", !0)
+        ], 2),
+        B($e, {
+          id: i.id,
+          "model-value": ve.value,
+          options: j.value,
+          placeholder: "",
+          disabled: i.disabled,
+          required: i.required,
+          "floating-label": i.floatingLabel,
+          size: i.size,
+          searchable: !0,
+          "allow-empty": i.clearable,
+          "close-on-select": !0,
+          "track-by": "value",
+          label: "label",
+          "onUpdate:modelValue": qe
+        }, null, 8, ["id", "model-value", "options", "disabled", "required", "floating-label", "size", "allow-empty"])
+      ]))
+    ], 2));
   }
 });
 export {
-  s as TIMEOUT_DONE,
-  i as UNDO_ACTION_EVENT,
-  u as UPDATE_MODEL_VALUE,
-  E as default
+  at as default
 };