vectis-ui 0.8.0 → 0.9.0

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

@@ -1,8 +1,9 @@
-import { useMessages as e, useResolvedLocale as t } from "../../i18n/state.js";
-import n from "../VPopover/VPopover.js";
-import r from "../VSeparator/VSeparator.js";
-import { useControlShape as ee } from "../../composables/useControlShape.js";
-import te from "../VButton/VButton.js";
+import { isDev as e } from "../../utils/env.js";
+import { useMessages as t, useResolvedLocale as n } from "../../i18n/state.js";
+import r from "../VPopover/VPopover.js";
+import ee from "../VSeparator/VSeparator.js";
+import { useControlShape as te } from "../../composables/useControlShape.js";
+import i 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";
@@ -10,20 +11,26 @@ 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 { hostWarnsKey as le } from "../../utils/hostWarns.js";
+import { useFieldPanel as ue } from "../../composables/useFieldPanel.js";
+import { useMaskedField as de } from "../../composables/useMaskedField.js";
+import { formatTime as fe, formatTimeDisplay as a, hourCycleFor as pe, isValidTime as o, parseTime as s } from "../../utils/time.js";
+import { formatTimeMask as me, parseTimeMask as he, snapMinute as ge, timeCaret as _e, timeList as ve, timeToMask as ye, to12h as be, withMeridiem as c } from "../../utils/clock.js";
+import { isTimeAllowed as xe, limitsProblem 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";
+import { schedule as Ee } from "../VIcon/icons/schedule.js";
+import { readWrittenTime as De, timeMatches as Oe } from "./search.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createSlots as ke, createTextVNode as Ae, createVNode as p, defineComponent as m, inject as je, isRef as h, mergeModels as g, mergeProps as _, normalizeClass as Me, normalizeStyle as Ne, openBlock as v, provide as Pe, ref as y, renderSlot as b, toDisplayString as x, unref as S, useModel as Fe, watchEffect as Ie, withCtx as C } from "vue";
 //#region src/components/VTimeInput/VTimeInput.vue?vue&type=script&setup=true&lang.ts
-var Pe = ["data-open", "data-mode"], Fe = ["disabled", "aria-label"], S = /*@__PURE__*/ p({
+var Le = [
+	"data-open",
+	"data-mode",
+	"data-disabled",
+	"data-readonly"
+], Re = ["disabled", "aria-label"], w = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "VTimeInput",
-	props: /*@__PURE__*/ h({
+	props: /*@__PURE__*/ g({
 		format: { default: void 0 },
 		mode: { default: void 0 },
 		showPicker: {
@@ -69,173 +76,192 @@ var Pe = ["data-open", "data-mode"], Fe = ["disabled", "aria-label"], S = /*@__P
 			type: Boolean,
 			default: !1
 		},
-		loadingLabel: { default: void 0 },
+		loadingText: { default: void 0 },
 		clearable: {
 			type: Boolean,
 			default: !1
 		},
 		clearLabel: { default: void 0 },
-		pickerIcon: { default: () => o },
+		pickerIcon: { default: () => Ee },
 		placement: { default: "bottom-start" }
 	}, {
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h(["clear", "click:icon-start"], ["update:modelValue"]),
-	setup(o, { expose: p, emit: h }) {
-		let S = [
+	emits: /*@__PURE__*/ g(["clear", "click:icon-start"], ["update:modelValue"]),
+	setup(m, { expose: g, emit: w }) {
+		let ze = [
 			"picker",
 			"input",
 			"list"
-		], 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;
+		], T = m, E = Fe(m, "modelValue"), D = w, { rootClass: Be, rootStyle: Ve, forwardedAttrs: He } = ne(), Ue = re((e) => D("click:icon-start", e)), O = l(() => ({
+			...He.value,
+			...Ue
+		})), k = y(null), A = y(null), j = y(null), We = y(null), M = y(null), Ge = l(() => j.value?.el ?? null), N = l(() => {
+			let e = T.mode ?? "input";
+			return ze.includes(e) ? e : "input";
+		}), P = l(() => N.value === "input"), F = l(() => N.value === "list"), I = l(() => !T.readonly && (N.value === "picker" || P.value && T.showPicker)), L = n(() => T.locale), R = l(() => T.format ?? pe(L.value)), z = l(() => we(T)), Ke = l(() => {
+			let e = V.value;
+			return !e || xe(e.hour, e.minute, z.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);
+		e && (Pe(le, !0), Ie(() => {
+			(!Number.isInteger(T.minuteStep) || T.minuteStep < 1 || 60 % T.minuteStep != 0) && console.warn(`[VTimeInput] minuteStep ${T.minuteStep} — a divisor of 60 is expected.`), T.mode !== void 0 && !ze.includes(T.mode) && console.warn(`[VTimeInput] unknown mode "${T.mode}": use "input" (the default), "picker" or "list".`), F.value && T.showPicker && console.warn("[VTimeInput] showPicker is ignored in \"list\" mode: the list of times is the only panel.");
+			let e = [].concat(T.pickerIcon === Ee ? [] : "pickerIcon", T.pickerIconLabel ? "pickerIconLabel" : []), t = e.length > 1 ? "are" : "is";
+			F.value && e.length > 0 && console.warn(`[VTimeInput] ${e.join(", ")} ${t} ignored in "list" mode: the list draws its own chevron.`), P.value && !T.showPicker && e.length > 0 && console.warn(`[VTimeInput] ${e.join(", ")} ${t} ignored without showPicker: a field one types into has no clock icon unless it offers the clock.`);
+			let n = Se(z.value);
+			n && console.warn(`[VTimeInput] ${n}`), F.value && T.minuteStep < 5 && console.warn(`[VTimeInput] minuteStep ${T.minuteStep} in "list" mode would render ${Math.ceil(1440 / T.minuteStep)} rows: a step of 15 or 30 minutes is expected.`);
+		}));
+		let B = y(null), V = l(() => s(E.value)), H = y("AM"), U = l(() => {
+			let e = q.value && I.value ? s(B.value) : V.value;
+			return e ? be(e.hour).meridiem : H.value;
+		});
+		function qe() {
+			let e = U.value === "PM" ? "AM" : "PM";
+			H.value = e;
+			let t = c(E.value, e);
+			t && (E.value = t);
+			let n = q.value && I.value ? c(B.value, e) : null;
+			n && (B.value = n);
 		}
-		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 W = l(() => P.value && !T.readonly && R.value === "12h"), Je = l(() => !!V.value), Ye = l(() => E.value ? a(E.value, L.value, R.value) : "");
+		function G() {
+			M.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,
+		let { size: Xe, compact: Ze, disabled: K } = te(T, je(ae, null)), { open: q, panelId: Qe, closeAndFocus: J, focusField: $e, onFieldFocus: et, toggleFromIcon: tt, onControlClick: nt, onFocusout: rt, onKeydown: it, onPanelMousedown: at } = ue({
+			rootEl: k,
+			panelRef: A,
+			field: j,
+			disabled: () => K.value || !I.value,
+			focusInPanel: G,
+			openOnFocus: () => P.value,
 			onOpen: () => {
-				if (!P.value) return;
-				let e = z.value;
-				if (e) R.value = de(e.hour, e.minute);
+				let e = V.value;
+				if (e) B.value = fe(e.hour, e.minute);
+				else if (P.value) B.value = null;
 				else {
-					let e = /* @__PURE__ */ new Date(), t = _e(e.getMinutes(), C.minuteStep);
-					R.value = Ce(e.getHours(), t, L.value) ?? de(e.getHours(), t);
+					let e = /* @__PURE__ */ new Date(), t = ge(e.getMinutes(), T.minuteStep);
+					B.value = Ce(e.getHours(), t, z.value) ?? fe(e.getHours(), t);
 				}
-				A.value?.reset();
+				M.value?.reset();
 			},
 			onClose: () => {
-				A.value?.reset();
+				M.value?.reset();
 			}
 		});
 		function Y() {
-			R.value && (w.value = R.value), J();
+			B.value && (E.value = B.value), J();
 		}
-		let X = J;
-		function et() {
-			w.value = null, M.value && nt(""), qe(), T("clear");
+		let X = J, ot = l(() => I.value ? {
+			...O.value,
+			role: "combobox",
+			"aria-haspopup": "dialog",
+			"aria-expanded": q.value,
+			"aria-controls": Qe
+		} : O.value);
+		function st() {
+			E.value = null, P.value && lt(""), $e(), D("clear");
 		}
-		let Z = e();
-		Ne(() => {
-			let e = Ve.value;
-			e && e.setCustomValidity(He.value ? "" : Z.value.timeInput.unavailable);
+		let Z = t();
+		Ie(() => {
+			let e = Ge.value;
+			if (!e) return;
+			let t = Z.value.timeInput.unavailable;
+			Ke.value ? e.validationMessage === t && e.setCustomValidity("") : e.setCustomValidity(t);
 		}, { 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,
+		let { draft: ct, fieldModel: Q, writeField: lt, commitOrRevert: ut, onFieldInput: dt, onKeydown: ft, onPaste: pt } = de({
+			fieldEl: Ge,
+			typing: () => P.value,
+			displayText: () => Ye.value,
+			readValue: () => E.value,
 			writeValue: (e) => {
-				w.value = e;
+				E.value = e, q.value && I.value && (B.value = e);
 			},
 			maxDigits: () => 4,
-			format: pe,
-			caret: (e, t, n) => ve(t, n),
-			parse: (e) => ge(e, I.value, V.value),
-			toMask: (e) => be(e, I.value)
+			format: me,
+			caret: (e, t, n) => _e(t, n),
+			parse: (e) => he(e, R.value, U.value),
+			toMask: (e) => ye(e, R.value)
 		});
-		function st(e) {
-			at(e, {
+		function mt(e) {
+			ft(e, {
 				onSeparator: (e) => {
 					let t = se(e.value);
-					t.length === 1 && nt(pe(`0${t}`), 3);
+					t.length === 1 && lt(me(`0${t}`), 3);
 				},
-				onArrowDown: () => q.value ? (U(), !0) : !1,
+				onArrowDown: () => q.value ? (G(), !0) : !1,
 				onEnter: J
 			});
 		}
-		function ct(e) {
-			ot(e, (e) => he(e) ? e : null);
+		function ht(e) {
+			pt(e, (e) => o(e) ? e : De(e, R.value, U.value));
 		}
-		function lt(e) {
-			N.value || Qe(e);
+		function gt(e) {
+			F.value || it(e);
 		}
-		function ut(e) {
-			N.value || Ze(e);
+		function _t(e) {
+			F.value || rt(e);
 		}
-		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 vt = l(() => F.value ? ve(T.minuteStep, L.value, R.value).filter((e) => {
+			let t = s(e.value);
+			return !t || xe(t.hour, t.minute, z.value);
+		}) : []), yt = l(() => {
+			let e = vt.value, t = E.value;
+			if (!o(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)
+				label: a(t, L.value, R.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 ?? "",
+		}), bt = (e, t) => Oe(e.label, String(e.value), t), xt = l({
+			get: () => E.value ?? "",
 			set: (e) => {
-				w.value = typeof e == "string" && e ? e : null;
+				E.value = typeof e == "string" && e ? e : null;
 			}
-		}), 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({
+		}), St = l(() => ie(T, K.value, Je.value || P.value && !!ct.value)), Ct = l(() => I.value ? T.pickerIcon : void 0), wt = l(() => T.pickerIconLabel ?? Z.value.timeInput.openPicker), Tt = l(() => T.clearLabel ?? Z.value.timeInput.clear), $ = l(() => F.value ? We.value : j.value);
+		return g({
 			focus: (e) => $.value?.focus(e),
 			select: () => $.value?.select(),
-			el: s(() => $.value?.el ?? null)
-		}), (e, t) => (g(), u("div", {
+			el: l(() => $.value?.el ?? null)
+		}), (e, t) => (v(), f("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({
+			ref: k,
+			class: Me(["v-time-input", S(Be)]),
+			style: Ne(S(Ve)),
+			"data-open": S(q) ? "" : void 0,
+			"data-mode": N.value,
+			"data-disabled": S(K) ? "" : void 0,
+			"data-readonly": m.readonly ? "" : void 0,
+			onFocusout: _t,
+			onKeydown: gt
+		}, [F.value ? (v(), u(ce, _({
 			key: 0,
 			ref_key: "listRef",
-			ref: k,
-			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")
+			ref: We,
+			modelValue: xt.value,
+			"onUpdate:modelValue": t[0] ||= (e) => xt.value = e
+		}, O.value, {
+			options: yt.value,
+			filter: bt,
+			label: m.label,
+			hint: m.hint,
+			placeholder: m.placeholder,
+			size: S(Xe),
+			compact: S(Ze),
+			disabled: S(K),
+			readonly: m.readonly,
+			invalid: m.invalid,
+			"icon-start": m.iconStart,
+			"icon-start-label": m.iconStartLabel,
+			clearable: m.clearable,
+			"clear-label": m.clearLabel,
+			loading: m.loading,
+			"loading-text": m.loadingText,
+			placement: m.placement,
+			onClear: t[1] ||= (e) => D("clear")
 		}), null, 16, [
 			"modelValue",
 			"options",
@@ -252,113 +278,111 @@ var Pe = ["data-open", "data-mode"], Fe = ["disabled", "aria-label"], S = /*@__P
 			"clearable",
 			"clear-label",
 			"loading",
+			"loading-text",
 			"placement"
-		])) : (g(), u("div", {
+		])) : (v(), f("div", {
 			key: 1,
 			class: "v-time-input-control",
-			onClick: t[3] ||= (...e) => b(Xe) && b(Xe)(...e)
-		}, [f(oe, ke({
+			onClick: t[3] ||= (...e) => S(nt) && S(nt)(...e)
+		}, [p(oe, _({
 			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 ? {
+			ref: j,
+			modelValue: S(Q),
+			"onUpdate:modelValue": t[2] ||= (e) => h(Q) ? Q.value = e : null,
+			inputmode: P.value ? "numeric" : void 0,
+			autocomplete: P.value ? "off" : void 0
+		}, ot.value, {
+			readonly: m.readonly,
+			"no-typing": !P.value,
+			label: m.label,
+			hint: m.hint,
+			placeholder: m.placeholder ?? (P.value ? S(Z).timeInput.maskPlaceholder : void 0),
+			size: S(Xe),
+			compact: S(Ze),
+			disabled: S(K),
+			invalid: m.invalid,
+			clearable: m.clearable,
+			"clear-visible": St.value,
+			"clear-label": Tt.value,
+			"icon-start": m.iconStart,
+			"icon-start-label": m.iconStartLabel,
+			loading: m.loading,
+			"loading-text": m.loadingText,
+			"icon-end": Ct.value,
+			"icon-end-label": wt.value,
+			"onClick:iconEnd": S(tt),
+			onClear: st,
+			onFocus: S(et),
+			onInput: S(dt),
+			onChange: S(ut),
+			onBlur: S(ut),
+			onKeydown: mt,
+			onPaste: ht
+		}), ke({ _: 2 }, [e.$slots.start ? {
 			name: "start",
-			fn: x(() => [v(e.$slots, "start")]),
+			fn: C(() => [b(e.$slots, "start")]),
 			key: "0"
-		} : void 0, H.value || e.$slots["value-end"] ? {
+		} : void 0, W.value || e.$slots["value-end"] ? {
 			name: "value-end",
-			fn: x(() => [
-				H.value ? (g(), u("button", {
+			fn: C(() => [
+				W.value ? (v(), f("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, {
+					disabled: S(K),
+					"aria-label": S(Z).timeInput.meridiemValue(U.value === "PM" ? S(Z).timePicker.pm : S(Z).timePicker.am),
+					onClick: qe
+				}, x(U.value === "PM" ? S(Z).timePicker.pm : S(Z).timePicker.am), 9, Re)) : d("", !0),
+				W.value && (St.value || Ct.value) ? (v(), u(ee, {
 					key: 1,
 					orientation: "vertical",
 					class: "v-time-input-divider"
-				})) : l("", !0),
-				v(e.$slots, "value-end")
+				})) : d("", !0),
+				b(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, {
+		} : void 0]), 1040, /* @__PURE__ */ "modelValue.inputmode.autocomplete.readonly.no-typing.label.hint.placeholder.size.compact.disabled.invalid.clearable.clear-visible.clear-label.icon-start.icon-start-label.loading.loading-text.icon-end.icon-end-label.onClick:iconEnd.onFocus.onInput.onChange.onBlur".split("."))])), I.value ? (v(), u(r, {
 			key: 2,
-			id: b(Ke),
+			id: S(Qe),
 			ref_key: "panelRef",
-			ref: Be,
-			open: b(q),
-			"onUpdate:open": t[5] ||= (e) => m(q) ? q.value = e : null,
+			ref: A,
+			open: S(q),
+			"onUpdate:open": t[5] ||= (e) => h(q) ? q.value = e : null,
 			mode: "manual",
 			anchor: "--time-input-anchor",
-			placement: o.placement,
+			placement: m.placement,
 			role: "dialog",
 			class: "v-time-input-panel",
-			"aria-label": o.label ?? b(Z).timeInput.pickerLabel,
-			onMousedown: b($e)
+			"aria-label": m.label ?? S(Z).timeInput.pickerLabel,
+			onMousedown: S(at)
 		}, {
-			default: x(() => [f(Te, {
+			default: C(() => [p(Te, {
 				ref_key: "pickerRef",
-				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,
+				ref: M,
+				modelValue: B.value,
+				"onUpdate:modelValue": t[4] ||= (e) => B.value = e,
+				format: R.value,
+				locale: S(L),
+				"minute-step": m.minuteStep,
+				min: m.min,
+				max: m.max,
+				"allowed-hours": m.allowedHours,
+				"allowed-minutes": m.allowedMinutes,
 				onConfirm: Y
 			}, {
-				footer: x(() => [v(e.$slots, "footer", {
+				footer: C(() => [b(e.$slots, "footer", {
 					confirm: Y,
-					cancel: b(X),
-					close: b(X)
-				}, () => [f(te, {
+					cancel: S(X),
+					close: S(X)
+				}, () => [p(i, {
 					variant: "ghost",
 					tone: "neutral",
-					onClick: b(X)
+					onClick: S(X)
 				}, {
-					default: x(() => [d(y(b(Z).common.cancel), 1)]),
+					default: C(() => [Ae(x(S(Z).common.cancel), 1)]),
 					_: 1
-				}, 8, ["onClick"]), f(te, { onClick: Y }, {
-					default: x(() => [d(y(b(Z).common.confirm), 1)]),
+				}, 8, ["onClick"]), p(i, { onClick: Y }, {
+					default: C(() => [Ae(x(S(Z).common.confirm), 1)]),
 					_: 1
 				})])]),
 				_: 3
@@ -379,10 +403,10 @@ var Pe = ["data-open", "data-mode"], Fe = ["disabled", "aria-label"], S = /*@__P
 			"placement",
 			"aria-label",
 			"onMousedown"
-		])) : l("", !0)], 46, Pe));
+		])) : d("", !0)], 46, Le));
 	}
 });
 //#endregion
-export { S as default };
+export { w as default };
 
 //# sourceMappingURL=VTimeInput.vue_vue_type_script_setup_true_lang.js.map