vectis-ui 0.1.0 → 0.8.0

package/dist/components/VTimeInput/VTimeInput.vue_vue_type_script_setup_true_lang.js

@@ -1,36 +1,46 @@
-import { useLocale as e, useMessages as t } from "../../i18n/state.js";
+import { useMessages as e, useResolvedLocale as t } from "../../i18n/state.js";
 import n from "../VPopover/VPopover.js";
-import r from "../VButton/VButton.js";
-import { arrowNavigate as i } from "../../utils/arrowNav.js";
-import { clamp as ee } from "../../utils/number.js";
-import { expand_more as a } from "../VIcon/icons/expand_more.js";
-import { useRootAttrs as o } from "../../composables/useRootAttrs.js";
-import s from "../VToggle/VToggle.js";
-import c from "../VToggle/VToggleItem.js";
-import te from "../VInput/VInput.js";
-import { digitsOf as l } from "../../utils/text.js";
-import { useFieldPanel as ne } from "../../composables/useFieldPanel.js";
-import { useMaskedField as re } from "../../composables/useMaskedField.js";
-import { formatDisplay as ie, formatTime as u, formatTimeMask as d, hourCycleFor as ae, isValidTime as oe, minutesOf as se, parseTime as f, parseTimeMask as ce, snapMinute as le, timeCaret as p, timeList as ue, timeToMask as m, to12h as h, to24h as g } from "../../utils/time.js";
-import de from "../VTimePicker/VTimePicker.js";
-import { schedule as _ } from "../VIcon/icons/schedule.js";
-import { Fragment as fe, computed as v, createBlock as y, createCommentVNode as pe, createElementBlock as b, createElementVNode as me, createTextVNode as he, createVNode as x, defineComponent as ge, isRef as _e, mergeModels as S, mergeProps as ve, normalizeClass as ye, normalizeStyle as be, openBlock as C, ref as w, renderList as xe, toDisplayString as T, unref as E, useId as Se, useModel as Ce, withCtx as D } from "vue";
+import r from "../VSeparator/VSeparator.js";
+import { useControlShape as ee } from "../../composables/useControlShape.js";
+import te from "../VButton/VButton.js";
+import { useRootAttrs as ne } from "../../composables/useRootAttrs.js";
+import { iconStartListener as re } from "../../composables/useIconClickHandlers.js";
+import { canClear as ie } from "../../composables/useClearable.js";
+import { inputGroupKey as ae } from "../VInput/context.js";
+import oe from "../VInput/VInput.js";
+import { digitsOf as se } from "../../utils/text.js";
+import ce from "../VCombobox/VCombobox.js";
+import "../../utils/hostWarns.js";
+import { useFieldPanel as le } from "../../composables/useFieldPanel.js";
+import { useMaskedField as ue } from "../../composables/useMaskedField.js";
+import { formatTime as de, formatTimeDisplay as fe, formatTimeMask as pe, hourCycleFor as me, isValidTime as he, parseTime as i, parseTimeMask as ge, snapMinute as _e, timeCaret as ve, timeList as ye, timeToMask as be, to12h as xe, withMeridiem as a } from "../../utils/time.js";
+import { isTimeAllowed as Se, nearestAllowedTime as Ce, resolveLimits as we } from "../VTimePicker/limits.js";
+import Te from "../VTimePicker/VTimePicker.js";
+import { schedule as o } from "../VIcon/icons/schedule.js";
+import { timeMatches as Ee } from "./search.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createSlots as De, createTextVNode as d, createVNode as f, defineComponent as p, inject as Oe, isRef as m, mergeModels as h, mergeProps as ke, normalizeClass as Ae, normalizeStyle as je, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useModel as Me, watchEffect as Ne, withCtx as x } from "vue";
 //#region src/components/VTimeInput/VTimeInput.vue?vue&type=script&setup=true&lang.ts
-var we = ["data-open", "data-mode"], Te = { class: "v-time-input-row" }, Ee = [
-	"data-value",
-	"aria-selected",
-	"onClick"
-], O = /*@__PURE__*/ ge({
+var Pe = ["data-open", "data-mode"], Fe = ["disabled", "aria-label"], S = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "VTimeInput",
-	props: /*@__PURE__*/ S({
+	props: /*@__PURE__*/ h({
 		format: { default: void 0 },
 		mode: { default: void 0 },
 		showPicker: {
 			type: Boolean,
-			default: void 0
+			default: !1
 		},
 		minuteStep: { default: 1 },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		allowedHours: {
+			type: [Array, Function],
+			default: void 0
+		},
+		allowedMinutes: {
+			type: [Array, Function],
+			default: void 0
+		},
 		locale: { default: void 0 },
 		label: { default: void 0 },
 		hint: { default: void 0 },
@@ -44,342 +54,335 @@ var we = ["data-open", "data-mode"], Te = { class: "v-time-input-row" }, Ee = [
 			type: Boolean,
 			default: !1
 		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
 		invalid: {
 			type: Boolean,
 			default: !1
 		},
+		iconStart: { default: void 0 },
+		iconStartLabel: { default: void 0 },
+		pickerIconLabel: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingLabel: { default: void 0 },
 		clearable: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
-		pickerIcon: { default: () => _ },
+		clearLabel: { default: void 0 },
+		pickerIcon: { default: () => o },
 		placement: { default: "bottom-start" }
 	}, {
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: ["update:modelValue"],
-	setup(_) {
-		let ge = [
-			"readonly",
+	emits: /*@__PURE__*/ h(["clear", "click:icon-start"], ["update:modelValue"]),
+	setup(o, { expose: p, emit: h }) {
+		let S = [
+			"picker",
 			"input",
 			"list"
-		], S = _, O = Ce(_, "modelValue"), { rootClass: De, rootStyle: Oe, forwardedAttrs: ke } = o(), k = w(null), A = w(null), j = w(null), M = w(null), N = Se(), P = v(() => j.value?.el ?? null), F = v(() => {
-			let e = S.mode ?? "input";
-			return ge.includes(e) ? e : "input";
-		}), I = v(() => F.value === "input"), L = v(() => F.value === "list"), R = v(() => F.value === "readonly" || I.value && S.showPicker === !0), z = v(() => R.value || L.value), Ae = e(), B = v(() => S.locale ?? Ae.value), V = v(() => S.format ?? ae(B.value)), H = w(null), U = v(() => f(O.value)), je = w("AM"), W = v({
-			get: () => {
-				let e = G.value && R.value ? f(H.value) : U.value;
-				return e ? h(e.hour).meridiem : je.value;
-			},
-			set: (e) => {
-				let t = e === "PM" ? "PM" : "AM";
-				je.value = t;
-				let n = U.value;
-				n && (O.value = u(g(h(n.hour).hour, t), n.minute));
-				let r = G.value && R.value ? f(H.value) : null;
-				r && (H.value = u(g(h(r.hour).hour, t), r.minute));
-			}
-		}), Me = v(() => !!U.value), Ne = v(() => O.value ? ie(O.value, B.value, V.value) : "");
-		function Pe() {
-			if (!L.value) {
-				M.value?.focus();
-				return;
-			}
-			let e = A.value?.el;
-			e && $e(e);
+		], C = o, w = Me(o, "modelValue"), T = h, { rootClass: Ie, rootStyle: Le, forwardedAttrs: Re } = ne(), ze = re((e) => T("click:icon-start", e)), E = s(() => ({
+			...Re.value,
+			...ze
+		})), D = _(null), Be = _(null), O = _(null), k = _(null), A = _(null), Ve = s(() => O.value?.el ?? null), j = s(() => {
+			let e = C.mode ?? "input";
+			return S.includes(e) ? e : "input";
+		}), M = s(() => j.value === "input"), N = s(() => j.value === "list"), P = s(() => !C.readonly && (j.value === "picker" || M.value && C.showPicker)), F = t(() => C.locale), I = s(() => C.format ?? me(F.value)), L = s(() => we(C)), He = s(() => {
+			let e = z.value;
+			return !e || Se(e.hour, e.minute, L.value);
+		}), R = _(null), z = s(() => i(w.value)), B = _("AM"), V = s(() => {
+			let e = q.value && P.value ? i(R.value) : z.value;
+			return e ? xe(e.hour).meridiem : B.value;
+		});
+		function Ue() {
+			let e = V.value === "PM" ? "AM" : "PM";
+			B.value = e;
+			let t = a(w.value, e);
+			t && (w.value = t);
+			let n = q.value && P.value ? a(R.value, e) : null;
+			n && (R.value = n);
 		}
-		let { open: G, openPanel: Fe, closePanel: Ie, onControlClick: Le, onFocusout: Re, onKeydown: ze, onPanelMousedown: Be } = ne({
-			rootEl: k,
-			panelRef: A,
-			fieldEl: j,
-			disabled: () => S.disabled || !z.value,
-			focusInPanel: Pe,
-			focusOnOpen: () => !I.value,
+		let H = s(() => M.value && !C.readonly && I.value === "12h"), We = s(() => !!z.value), Ge = s(() => w.value ? fe(w.value, F.value, I.value) : "");
+		function U() {
+			A.value?.focus();
+		}
+		let { size: W, compact: G, disabled: K } = ee(C, Oe(ae, null)), { open: q, panelId: Ke, closeAndFocus: J, focusField: qe, onFieldFocus: Je, toggleFromIcon: Ye, onControlClick: Xe, onFocusout: Ze, onKeydown: Qe, onPanelMousedown: $e } = le({
+			rootEl: D,
+			panelRef: Be,
+			field: O,
+			disabled: () => K.value || !P.value,
+			focusInPanel: U,
+			openOnFocus: () => M.value,
 			onOpen: () => {
-				if (!R.value) return;
-				let e = U.value;
-				if (e) H.value = u(e.hour, e.minute);
+				if (!P.value) return;
+				let e = z.value;
+				if (e) R.value = de(e.hour, e.minute);
 				else {
-					let e = /* @__PURE__ */ new Date();
-					H.value = u(e.getHours(), le(e.getMinutes(), S.minuteStep));
+					let e = /* @__PURE__ */ new Date(), t = _e(e.getMinutes(), C.minuteStep);
+					R.value = Ce(e.getHours(), t, L.value) ?? de(e.getHours(), t);
 				}
-				M.value?.reset();
+				A.value?.reset();
 			},
 			onClose: () => {
-				M.value?.reset();
+				A.value?.reset();
 			}
-		}), K = !1;
-		function q() {
-			K = !0, Ie(!0), K = !1;
-		}
-		function Ve() {
-			H.value && (O.value = H.value), q();
-		}
-		function He() {
-			q();
+		});
+		function Y() {
+			R.value && (w.value = R.value), J();
 		}
-		function Ue() {
-			O.value = null, I.value && X(""), K = !0, j.value?.focus(), K = !1;
+		let X = J;
+		function et() {
+			w.value = null, M.value && nt(""), qe(), T("clear");
 		}
-		let J = t(), We = () => W.value === "PM" ? "PM" : "AM", { draft: Ge, fieldModel: Y, writeField: X, commitLive: Ke, commitOrRevert: Z, onFieldInput: qe } = re({
-			fieldEl: P,
-			typing: () => I.value,
-			displayText: () => Ne.value,
-			readValue: () => O.value,
+		let Z = e();
+		Ne(() => {
+			let e = Ve.value;
+			e && e.setCustomValidity(He.value ? "" : Z.value.timeInput.unavailable);
+		}, { flush: "post" });
+		let { draft: tt, fieldModel: Q, writeField: nt, commitOrRevert: rt, onFieldInput: it, onKeydown: at, onPaste: ot } = ue({
+			fieldEl: Ve,
+			typing: () => M.value,
+			displayText: () => Ge.value,
+			readValue: () => w.value,
 			writeValue: (e) => {
-				O.value = e;
+				w.value = e;
 			},
 			maxDigits: () => 4,
-			format: d,
-			caret: (e, t, n) => p(t, n),
-			parse: (e) => ce(e, V.value, We()),
-			toMask: (e) => m(e, V.value)
+			format: pe,
+			caret: (e, t, n) => ve(t, n),
+			parse: (e) => ge(e, I.value, V.value),
+			toMask: (e) => be(e, I.value)
 		});
-		function Je(e) {
-			if (!I.value) return;
-			let t = P.value;
-			if (t) {
-				if (e.key === "Enter") {
-					e.preventDefault(), Z(), G.value && q();
-					return;
-				}
-				if (e.key === "ArrowDown" && G.value && R.value) {
-					e.preventDefault(), Pe();
-					return;
-				}
-				if (e.key === "Backspace") {
-					let n = t.selectionStart;
-					if (n !== null && n === t.selectionEnd && n > 0 && !/\d/.test(t.value[n - 1] ?? "")) {
-						e.preventDefault();
-						let r = l(t.value.slice(0, n)).length, i = l(t.value);
-						X(d(i.slice(0, r - 1) + i.slice(r)), p(r - 1)), Ke();
-					}
-					return;
-				}
-				if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !/\d/.test(e.key)) {
-					e.preventDefault();
-					let n = l(t.value);
-					n.length === 1 && X(d(`0${n}`), 3);
-				}
-			}
+		function st(e) {
+			at(e, {
+				onSeparator: (e) => {
+					let t = se(e.value);
+					t.length === 1 && nt(pe(`0${t}`), 3);
+				},
+				onArrowDown: () => q.value ? (U(), !0) : !1,
+				onEnter: J
+			});
 		}
-		function Ye(e) {
-			if (!I.value) return;
-			let t = P.value;
-			if (!t) return;
-			e.preventDefault();
-			let n = (e.clipboardData?.getData("text") ?? "").trim();
-			if (oe(n)) {
-				let e = m(n, V.value);
-				X(e, e.length), n !== O.value && (O.value = n);
-				return;
-			}
-			let r = l(t.value), i = t.selectionStart ?? t.value.length, ee = t.selectionEnd ?? i, a = l(t.value.slice(0, i)).length, o = l(t.value.slice(0, ee)).length, s = l(n), c = (r.slice(0, a) + s + r.slice(o)).slice(0, 4);
-			X(d(c), p(Math.min(a + s.length, c.length), !0)), Ke();
-		}
-		function Xe() {
-			!I.value || K || Fe(!1);
+		function ct(e) {
+			ot(e, (e) => he(e) ? e : null);
 		}
-		function Ze(e) {
-			if (I.value && e.key === "Escape" && G.value) {
-				e.preventDefault(), q();
-				return;
-			}
-			ze(e);
+		function lt(e) {
+			N.value || Qe(e);
 		}
-		let Qe = v(() => L.value ? ue(S.minuteStep, B.value, V.value) : []), Q = (e) => [...e.querySelectorAll("[role=\"option\"]")];
-		function $e(e) {
-			let t = Q(e);
-			if (!t.length) return;
-			let n = se(O.value), r = t[n === null ? 0 : ee(Math.round(n / S.minuteStep), 0, t.length - 1)];
-			r?.scrollIntoView?.({ block: "center" }), r?.focus({ preventScroll: !0 });
+		function ut(e) {
+			N.value || Ze(e);
 		}
-		function $(e) {
-			O.value = e, q();
-		}
-		function et(e) {
-			if (!L.value) return;
-			let t = A.value?.el;
-			if (t) {
-				if (e.key === "Enter" || e.key === " ") {
-					let t = document.activeElement?.closest("[role=\"option\"]")?.dataset.value;
-					if (!t) return;
-					e.preventDefault(), $(t);
-					return;
-				}
-				i(e, t, Q(t), { vertical: !0 });
+		let dt = s(() => N.value ? ye(C.minuteStep, F.value, I.value).filter((e) => {
+			let t = i(e.value);
+			return !t || Se(t.hour, t.minute, L.value);
+		}) : []), ft = s(() => {
+			let e = dt.value, t = w.value;
+			if (!he(t) || e.some((e) => e.value === t)) return e;
+			let n = e.findIndex((e) => e.value > t), r = {
+				value: t,
+				label: fe(t, F.value, I.value)
+			};
+			return n < 0 ? [...e, r] : [
+				...e.slice(0, n),
+				r,
+				...e.slice(n)
+			];
+		}), pt = (e, t) => Ee(e.label, String(e.value), t), mt = s({
+			get: () => w.value ?? "",
+			set: (e) => {
+				w.value = typeof e == "string" && e ? e : null;
 			}
-		}
-		let tt = v(() => S.clearable && !S.disabled && (Me.value || I.value && !!Ge.value)), nt = v(() => L.value ? a : R.value ? S.pickerIcon : void 0), rt = v(() => L.value ? J.value.timeInput.openList : J.value.timeInput.openPicker);
-		function it() {
-			G.value ? q() : Fe(!0);
-		}
-		return (e, t) => (C(), b("div", {
+		}), ht = s(() => ie(C, K.value, We.value || M.value && !!tt.value)), gt = s(() => P.value ? C.pickerIcon : void 0), _t = s(() => C.pickerIconLabel ?? Z.value.timeInput.openPicker), vt = s(() => C.clearLabel ?? Z.value.timeInput.clear), $ = s(() => N.value ? k.value : O.value);
+		return p({
+			focus: (e) => $.value?.focus(e),
+			select: () => $.value?.select(),
+			el: s(() => $.value?.el ?? null)
+		}), (e, t) => (g(), u("div", {
 			ref_key: "rootEl",
+			ref: D,
+			class: Ae(["v-time-input", b(Ie)]),
+			style: je(b(Le)),
+			"data-open": b(q) ? "" : void 0,
+			"data-mode": j.value,
+			onFocusout: ut,
+			onKeydown: lt
+		}, [N.value ? (g(), c(ce, ke({
+			key: 0,
+			ref_key: "listRef",
 			ref: k,
-			class: ye(["v-time-input", E(De)]),
-			style: be(E(Oe)),
-			"data-open": E(G) ? "" : void 0,
-			"data-mode": F.value,
-			onFocusout: t[5] ||= (...e) => E(Re) && E(Re)(...e),
-			onKeydown: Ze
-		}, [me("div", Te, [me("div", {
-			class: "v-time-input-control",
-			onClick: t[1] ||= (...e) => E(Le) && E(Le)(...e)
-		}, [x(te, ve({
-			ref_key: "inputRef",
-			ref: j,
-			modelValue: E(Y),
-			"onUpdate:modelValue": t[0] ||= (e) => _e(Y) ? Y.value = e : null,
-			inputmode: I.value ? "numeric" : void 0,
-			autocomplete: I.value ? "off" : void 0
-		}, E(ke), {
-			readonly: !I.value,
-			label: _.label,
-			hint: _.hint,
-			placeholder: _.placeholder ?? (I.value ? E(J).timeInput.maskPlaceholder : void 0),
-			size: _.size,
-			compact: _.compact,
-			disabled: _.disabled,
-			invalid: _.invalid,
-			clearable: _.clearable,
-			"clear-visible": tt.value,
-			"clear-label": E(J).timeInput.clear,
-			"icon-end": nt.value,
-			"icon-end-label": rt.value,
-			role: z.value ? "combobox" : void 0,
-			"aria-haspopup": z.value ? L.value ? "listbox" : "dialog" : void 0,
-			"aria-expanded": z.value ? E(G) : void 0,
-			"aria-controls": z.value ? E(N) : void 0,
-			"onClick:iconEnd": it,
-			onClear: Ue,
-			onFocus: Xe,
-			onInput: E(qe),
-			onChange: E(Z),
-			onBlur: E(Z),
-			onKeydown: Je,
-			onPaste: Ye
+			modelValue: mt.value,
+			"onUpdate:modelValue": t[0] ||= (e) => mt.value = e
+		}, E.value, {
+			options: ft.value,
+			filter: pt,
+			label: o.label,
+			hint: o.hint,
+			placeholder: o.placeholder,
+			size: b(W),
+			compact: b(G),
+			disabled: b(K),
+			readonly: o.readonly,
+			invalid: o.invalid,
+			"icon-start": o.iconStart,
+			"icon-start-label": o.iconStartLabel,
+			clearable: o.clearable,
+			"clear-label": o.clearLabel,
+			loading: o.loading,
+			placement: o.placement,
+			onClear: t[1] ||= (e) => T("clear")
 		}), null, 16, [
 			"modelValue",
-			"inputmode",
-			"autocomplete",
-			"readonly",
+			"options",
 			"label",
 			"hint",
 			"placeholder",
 			"size",
 			"compact",
 			"disabled",
+			"readonly",
 			"invalid",
+			"icon-start",
+			"icon-start-label",
 			"clearable",
-			"clear-visible",
 			"clear-label",
-			"icon-end",
-			"icon-end-label",
-			"role",
-			"aria-haspopup",
-			"aria-expanded",
-			"aria-controls",
-			"onInput",
-			"onChange",
-			"onBlur"
-		])]), V.value === "12h" && F.value !== "readonly" ? (C(), y(s, {
-			key: 0,
-			modelValue: W.value,
-			"onUpdate:modelValue": t[2] ||= (e) => W.value = e,
-			class: "v-time-input-meridiem",
-			mandatory: "",
-			variant: "outline",
-			size: _.size,
-			compact: _.compact,
-			label: E(J).timePicker.meridiem
-		}, {
-			default: D(() => [x(c, {
-				value: "AM",
-				label: E(J).timePicker.am
-			}, null, 8, ["label"]), x(c, {
-				value: "PM",
-				label: E(J).timePicker.pm
-			}, null, 8, ["label"])]),
-			_: 1
-		}, 8, [
-			"modelValue",
-			"size",
-			"compact",
-			"label"
-		])) : pe("", !0)]), z.value ? (C(), y(n, {
-			key: 0,
-			id: E(N),
+			"loading",
+			"placement"
+		])) : (g(), u("div", {
+			key: 1,
+			class: "v-time-input-control",
+			onClick: t[3] ||= (...e) => b(Xe) && b(Xe)(...e)
+		}, [f(oe, ke({
+			ref_key: "inputRef",
+			ref: O,
+			modelValue: b(Q),
+			"onUpdate:modelValue": t[2] ||= (e) => m(Q) ? Q.value = e : null,
+			inputmode: M.value ? "numeric" : void 0,
+			autocomplete: M.value ? "off" : void 0
+		}, E.value, {
+			readonly: !M.value || o.readonly,
+			label: o.label,
+			hint: o.hint,
+			placeholder: o.placeholder ?? (M.value ? b(Z).timeInput.maskPlaceholder : void 0),
+			size: b(W),
+			compact: b(G),
+			disabled: b(K),
+			invalid: o.invalid,
+			clearable: o.clearable,
+			"clear-visible": ht.value,
+			"clear-label": vt.value,
+			"icon-start": o.iconStart,
+			"icon-start-label": o.iconStartLabel,
+			loading: o.loading,
+			"loading-label": o.loadingLabel,
+			"icon-end": gt.value,
+			"icon-end-label": _t.value,
+			role: P.value ? "combobox" : void 0,
+			"aria-haspopup": P.value ? "dialog" : void 0,
+			"aria-expanded": P.value ? b(q) : void 0,
+			"aria-controls": P.value ? b(Ke) : void 0,
+			"onClick:iconEnd": b(Ye),
+			onClear: et,
+			onFocus: b(Je),
+			onInput: b(it),
+			onChange: b(rt),
+			onBlur: b(rt),
+			onKeydown: st,
+			onPaste: ct
+		}), De({ _: 2 }, [e.$slots.start ? {
+			name: "start",
+			fn: x(() => [v(e.$slots, "start")]),
+			key: "0"
+		} : void 0, H.value || e.$slots["value-end"] ? {
+			name: "value-end",
+			fn: x(() => [
+				H.value ? (g(), u("button", {
+					key: 0,
+					type: "button",
+					class: "v-input-action v-field-action v-time-input-meridiem",
+					disabled: b(K),
+					"aria-label": b(Z).timeInput.meridiemValue(V.value === "PM" ? b(Z).timePicker.pm : b(Z).timePicker.am),
+					onClick: Ue
+				}, y(V.value === "PM" ? b(Z).timePicker.pm : b(Z).timePicker.am), 9, Fe)) : l("", !0),
+				H.value && (ht.value || gt.value) ? (g(), c(r, {
+					key: 1,
+					orientation: "vertical",
+					class: "v-time-input-divider"
+				})) : l("", !0),
+				v(e.$slots, "value-end")
+			]),
+			key: "1"
+		} : void 0]), 1040, /* @__PURE__ */ "modelValue.inputmode.autocomplete.readonly.label.hint.placeholder.size.compact.disabled.invalid.clearable.clear-visible.clear-label.icon-start.icon-start-label.loading.loading-label.icon-end.icon-end-label.role.aria-haspopup.aria-expanded.aria-controls.onClick:iconEnd.onFocus.onInput.onChange.onBlur".split("."))])), P.value ? (g(), c(n, {
+			key: 2,
+			id: b(Ke),
 			ref_key: "panelRef",
-			ref: A,
-			open: E(G),
-			"onUpdate:open": t[4] ||= (e) => _e(G) ? G.value = e : null,
+			ref: Be,
+			open: b(q),
+			"onUpdate:open": t[5] ||= (e) => m(q) ? q.value = e : null,
 			mode: "manual",
 			anchor: "--time-input-anchor",
-			placement: _.placement,
-			surface: "",
-			role: L.value ? "listbox" : "dialog",
-			class: ye(L.value ? "v-time-input-list v-control" : "v-time-input-panel"),
-			"data-size": L.value ? _.size : void 0,
-			"data-compact": L.value && _.compact ? "" : void 0,
-			"aria-label": _.label ?? (L.value ? E(J).timeInput.listLabel : E(J).timeInput.pickerLabel),
-			onMousedown: E(Be),
-			onKeydown: et
+			placement: o.placement,
+			role: "dialog",
+			class: "v-time-input-panel",
+			"aria-label": o.label ?? b(Z).timeInput.pickerLabel,
+			onMousedown: b($e)
 		}, {
-			default: D(() => [L.value ? (C(!0), b(fe, { key: 0 }, xe(Qe.value, (e) => (C(), b("button", {
-				key: e.value,
-				type: "button",
-				role: "option",
-				tabindex: "-1",
-				class: "v-time-input-option",
-				"data-value": e.value,
-				"aria-selected": e.value === O.value ? "true" : "false",
-				onClick: (t) => $(e.value)
-			}, T(e.label), 9, Ee))), 128)) : (C(), y(de, {
-				key: 1,
+			default: x(() => [f(Te, {
 				ref_key: "pickerRef",
-				ref: M,
-				modelValue: H.value,
-				"onUpdate:modelValue": t[3] ||= (e) => H.value = e,
-				format: V.value,
-				locale: B.value,
-				"minute-step": _.minuteStep,
-				onConfirm: Ve
+				ref: A,
+				modelValue: R.value,
+				"onUpdate:modelValue": t[4] ||= (e) => R.value = e,
+				format: I.value,
+				locale: b(F),
+				"minute-step": o.minuteStep,
+				min: o.min,
+				max: o.max,
+				"allowed-hours": o.allowedHours,
+				"allowed-minutes": o.allowedMinutes,
+				onConfirm: Y
 			}, {
-				footer: D(() => [x(r, {
+				footer: x(() => [v(e.$slots, "footer", {
+					confirm: Y,
+					cancel: b(X),
+					close: b(X)
+				}, () => [f(te, {
 					variant: "ghost",
 					tone: "neutral",
-					onClick: He
+					onClick: b(X)
 				}, {
-					default: D(() => [he(T(E(J).common.cancel), 1)]),
+					default: x(() => [d(y(b(Z).common.cancel), 1)]),
 					_: 1
-				}), x(r, { onClick: Ve }, {
-					default: D(() => [he(T(E(J).common.confirm), 1)]),
+				}, 8, ["onClick"]), f(te, { onClick: Y }, {
+					default: x(() => [d(y(b(Z).common.confirm), 1)]),
 					_: 1
-				})]),
-				_: 1
+				})])]),
+				_: 3
 			}, 8, [
 				"modelValue",
 				"format",
 				"locale",
-				"minute-step"
-			]))]),
-			_: 1
+				"minute-step",
+				"min",
+				"max",
+				"allowed-hours",
+				"allowed-minutes"
+			])]),
+			_: 3
 		}, 8, [
 			"id",
 			"open",
 			"placement",
-			"role",
-			"class",
-			"data-size",
-			"data-compact",
 			"aria-label",
 			"onMousedown"
-		])) : pe("", !0)], 46, we));
+		])) : l("", !0)], 46, Pe));
 	}
 });
 //#endregion
-export { O as default };
+export { S as default };
 
 //# sourceMappingURL=VTimeInput.vue_vue_type_script_setup_true_lang.js.map