vectis-ui 0.14.0 → 0.16.0

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

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