vectis-ui 0.12.0 → 0.13.0

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

@@ -5,32 +5,32 @@ 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";
-import { inputGroupKey as ae } from "../VInput/context.js";
-import oe from "../VInput/VInput.js";
-import { digitsOf as se } from "../../utils/text.js";
+import { digitsOf as re } from "../../utils/text.js";
+import { iconStartListener as ie } from "../../composables/useIconClickHandlers.js";
+import { canClear as ae } from "../../composables/useClearable.js";
+import { inputGroupKey as oe } from "../VInput/context.js";
+import se from "../VInput/VInput.js";
 import ce from "../VCombobox/VCombobox.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 { 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 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";
+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";
 //#region src/components/VTimeInput/VTimeInput.vue?vue&type=script&setup=true&lang.ts
-var Le = [
+var Ie = [
 	"data-open",
 	"data-mode",
 	"data-disabled",
 	"data-readonly"
-], Re = ["disabled", "aria-label"], w = /*@__PURE__*/ m({
+], Le = ["disabled", "aria-label"], T = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "VTimeInput",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ _({
 		format: { default: void 0 },
 		mode: { default: void 0 },
 		showPicker: {
@@ -51,6 +51,16 @@ var Le = [
 		locale: { default: void 0 },
 		label: { default: void 0 },
 		hint: { default: void 0 },
+		error: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		labelPosition: { default: "top" },
 		placeholder: { default: void 0 },
 		size: { default: "md" },
 		compact: {
@@ -71,7 +81,7 @@ var Le = [
 		},
 		iconStart: { default: void 0 },
 		iconStartLabel: { default: void 0 },
-		pickerIconLabel: { default: void 0 },
+		pickerLabel: { default: void 0 },
 		loading: {
 			type: Boolean,
 			default: !1
@@ -88,59 +98,59 @@ var Le = [
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ g(["clear", "click:icon-start"], ["update:modelValue"]),
-	setup(m, { expose: g, emit: w }) {
-		let ze = [
+	emits: /*@__PURE__*/ _(["clear", "click:icon-start"], ["update:modelValue"]),
+	setup(h, { expose: _, emit: T }) {
+		let Re = [
 			"picker",
 			"input",
 			"list"
-		], 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(() => {
+		], 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);
 		});
-		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.`);
+		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 && 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.`);
+			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.`);
 		}));
-		let B = y(null), V = l(() => s(E.value)), H = y("AM"), U = l(() => {
+		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 ? be(e.hour).meridiem : H.value;
+			return e ? ye(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;
+			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);
 		}
-		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) : "");
+		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 { 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,
+		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,
 			onOpen: () => {
 				let e = V.value;
-				if (e) B.value = fe(e.hour, e.minute);
+				if (e) B.value = a(e.hour, e.minute);
 				else if (P.value) B.value = null;
 				else {
-					let e = /* @__PURE__ */ new Date(), t = ge(e.getMinutes(), T.minuteStep);
-					B.value = Ce(e.getHours(), t, z.value) ?? fe(e.getHours(), t);
+					let e = /* @__PURE__ */ new Date(), t = he(e.getMinutes(), E.minuteStep);
+					B.value = Ce(e.getHours(), t, z.value) ?? a(e.getHours(), t);
 				}
 				M.value?.reset();
 			},
@@ -149,124 +159,126 @@ var Le = [
 			}
 		});
 		function Y() {
-			B.value && (E.value = B.value), J();
+			B.value && (D.value = B.value), J();
 		}
-		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 X = J, st = $e(() => k.value, () => I.value);
+		function ct() {
+			D.value = null, P.value && ut(""), et(), O("clear");
 		}
 		let Z = t();
-		Ie(() => {
+		Fe(() => {
 			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: ct, fieldModel: Q, writeField: lt, commitOrRevert: ut, onFieldInput: dt, onKeydown: ft, onPaste: pt } = de({
+		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: () => E.value,
+			readValue: () => D.value,
 			writeValue: (e) => {
-				E.value = e, q.value && I.value && (B.value = e);
+				D.value = e, q.value && I.value && (B.value = e);
 			},
 			maxDigits: () => 4,
-			format: me,
-			caret: (e, t, n) => _e(t, n),
-			parse: (e) => he(e, R.value, U.value),
-			toMask: (e) => ye(e, R.value)
+			format: c,
+			caret: (e, t, n) => ge(t, n),
+			parse: (e) => me(e, R.value, U.value),
+			toMask: (e) => ve(e, R.value)
 		});
-		function mt(e) {
-			ft(e, {
+		function ht(e) {
+			pt(e, {
 				onSeparator: (e) => {
-					let t = se(e.value);
-					t.length === 1 && lt(me(`0${t}`), 3);
+					let t = re(e.value);
+					t.length === 1 && ut(c(`0${t}`), 3);
 				},
 				onArrowDown: () => q.value ? (G(), !0) : !1,
 				onEnter: J
 			});
 		}
-		function ht(e) {
-			pt(e, (e) => o(e) ? e : De(e, R.value, U.value));
-		}
 		function gt(e) {
-			F.value || it(e);
+			mt(e, (e) => pe(e) ? e : De(e, R.value, U.value));
 		}
 		function _t(e) {
-			F.value || rt(e);
+			F.value || at(e);
 		}
-		let vt = l(() => F.value ? ve(T.minuteStep, L.value, R.value).filter((e) => {
+		function vt(e) {
+			F.value || it(e);
+		}
+		let yt = l(() => F.value ? _e(E.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;
+		}) : []), bt = l(() => {
+			let e = yt.value, t = D.value;
+			if (!pe(t) || e.some((e) => e.value === t)) return e;
 			let n = e.findIndex((e) => e.value > t), r = {
 				value: t,
-				label: a(t, L.value, R.value)
+				label: o(t, L.value, R.value)
 			};
 			return n < 0 ? [...e, r] : [
 				...e.slice(0, n),
 				r,
 				...e.slice(n)
 			];
-		}), bt = (e, t) => Oe(e.label, String(e.value), t), xt = l({
-			get: () => E.value ?? "",
+		}), xt = (e, t) => Oe(e.label, String(e.value), t), St = l({
+			get: () => D.value ?? "",
 			set: (e) => {
-				E.value = typeof e == "string" && e ? e : null;
+				D.value = typeof e == "string" && e ? e : null;
 			}
-		}), 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({
+		}), 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 _({
 			focus: (e) => $.value?.focus(e),
 			select: () => $.value?.select(),
 			el: l(() => $.value?.el ?? null)
-		}), (e, t) => (v(), f("div", {
+		}), (e, t) => (y(), f("div", {
 			ref_key: "rootEl",
-			ref: k,
-			class: Me(["v-time-input", S(Be)]),
-			style: Ne(S(Ve)),
-			"data-open": S(q) ? "" : void 0,
+			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": S(K) ? "" : void 0,
-			"data-readonly": m.readonly ? "" : void 0,
-			onFocusout: _t,
-			onKeydown: gt
-		}, [F.value ? (v(), u(ce, _({
+			"data-disabled": C(K) ? "" : void 0,
+			"data-readonly": h.readonly ? "" : void 0,
+			onFocusout: vt,
+			onKeydown: _t
+		}, [F.value ? (y(), u(ce, v({
 			key: 0,
 			ref_key: "listRef",
 			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")
+			modelValue: St.value,
+			"onUpdate:modelValue": t[0] ||= (e) => St.value = e
+		}, k.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")
 		}), null, 16, [
 			"modelValue",
 			"options",
 			"label",
 			"hint",
+			"error",
+			"required",
+			"hide-label",
+			"label-position",
 			"placeholder",
 			"size",
 			"compact",
@@ -280,109 +292,113 @@ var Le = [
 			"loading",
 			"loading-text",
 			"placement"
-		])) : (v(), f("div", {
+		])) : (y(), f("div", {
 			key: 1,
 			class: "v-time-input-control",
-			onClick: t[3] ||= (...e) => S(nt) && S(nt)(...e)
-		}, [p(oe, _({
+			onClick: t[3] ||= (...e) => C(rt) && C(rt)(...e)
+		}, [m(se, v({
 			ref_key: "inputRef",
 			ref: j,
-			modelValue: S(Q),
-			"onUpdate:modelValue": t[2] ||= (e) => h(Q) ? Q.value = e : null,
+			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
-		}, ot.value, {
-			readonly: m.readonly,
+		}, C(st), {
+			readonly: h.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
+			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,
+			"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-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),
+			onKeydown: ht,
+			onPaste: gt
 		}), ke({ _: 2 }, [e.$slots.start ? {
 			name: "start",
-			fn: C(() => [b(e.$slots, "start")]),
+			fn: w(() => [x(e.$slots, "start")]),
 			key: "0"
 		} : void 0, W.value || e.$slots["value-end"] ? {
 			name: "value-end",
-			fn: C(() => [
-				W.value ? (v(), f("button", {
+			fn: w(() => [
+				W.value ? (y(), f("button", {
 					key: 0,
 					type: "button",
 					class: "v-input-action v-field-action v-time-input-meridiem",
-					disabled: S(K),
-					"aria-label": S(Z).timeInput.meridiemValue(U.value === "PM" ? S(Z).timePicker.pm : S(Z).timePicker.am),
+					disabled: C(K),
+					"aria-label": C(Z).timeInput.meridiemValue(U.value === "PM" ? C(Z).timePicker.pm : C(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, {
+				}, 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, {
 					key: 1,
 					orientation: "vertical",
 					class: "v-time-input-divider"
 				})) : d("", !0),
-				b(e.$slots, "value-end")
+				x(e.$slots, "value-end")
 			]),
 			key: "1"
-		} : 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, {
+		} : 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, {
 			key: 2,
-			id: S(Qe),
+			id: C(Qe),
 			ref_key: "panelRef",
-			ref: A,
-			open: S(q),
-			"onUpdate:open": t[5] ||= (e) => h(q) ? q.value = e : null,
+			ref: Ue,
+			open: C(q),
+			"onUpdate:open": t[5] ||= (e) => g(q) ? q.value = e : null,
 			mode: "manual",
 			anchor: "--time-input-anchor",
-			placement: m.placement,
+			placement: h.placement,
 			role: "dialog",
 			class: "v-time-input-panel",
-			"aria-label": m.label ?? S(Z).timeInput.pickerLabel,
-			onMousedown: S(at)
+			"aria-label": h.label ?? C(Z).timeInput.pickerLabel,
+			onMousedown: C(ot)
 		}, {
-			default: C(() => [p(Te, {
+			default: w(() => [m(Te, {
 				ref_key: "pickerRef",
 				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,
+				locale: C(L),
+				"minute-step": h.minuteStep,
+				min: h.min,
+				max: h.max,
+				"allowed-hours": h.allowedHours,
+				"allowed-minutes": h.allowedMinutes,
 				onConfirm: Y
 			}, {
-				footer: C(() => [b(e.$slots, "footer", {
+				footer: w(() => [x(e.$slots, "footer", {
 					confirm: Y,
-					cancel: S(X),
-					close: S(X)
-				}, () => [p(i, {
+					cancel: C(X),
+					close: C(X)
+				}, () => [m(i, {
 					variant: "ghost",
 					tone: "neutral",
-					onClick: S(X)
+					onClick: C(X)
 				}, {
-					default: C(() => [Ae(x(S(Z).common.cancel), 1)]),
+					default: w(() => [p(S(C(Z).common.cancel), 1)]),
 					_: 1
-				}, 8, ["onClick"]), p(i, { onClick: Y }, {
-					default: C(() => [Ae(x(S(Z).common.confirm), 1)]),
+				}, 8, ["onClick"]), m(i, { onClick: Y }, {
+					default: w(() => [p(S(C(Z).common.confirm), 1)]),
 					_: 1
 				})])]),
 				_: 3
@@ -403,10 +419,10 @@ var Le = [
 			"placement",
 			"aria-label",
 			"onMousedown"
-		])) : d("", !0)], 46, Le));
+		])) : d("", !0)], 46, Ie));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };
 
 //# sourceMappingURL=VTimeInput.vue_vue_type_script_setup_true_lang.js.map