bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/components/BbTimePickerInput/BbTimePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -17,16 +17,17 @@ import le from "../BbOffCanvas/BbOffCanvas.vue.js";
 import { useEscapeStackEntry as ue } from "../../composables/useEscapeStackEntry.js";
 import { useMeridiem as de } from "../CommonTimeSelector/useMeridiem.js";
 import fe from "../CommonTimeSelector/CommonTimeSelector.vue.js";
-import pe from "../CommonField/CommonField.vue.js";
-import { useFormBinding as me } from "../../composables/useFormBinding.js";
-import he from "../CommonFieldInput/CommonFieldInput.vue.js";
-import { useSegmentedFields as ge } from "../../composables/useSegmentedFields.js";
-import _e from "../../assets/svgs/clock.svg_raw.js";
-import { BB_TIME_PICKER_INPUT_PT as ve } from "./types.js";
-import { Fragment as ye, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as be, createVNode as p, defineComponent as xe, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, normalizeStyle as Se, onBeforeUnmount as Ce, onDeactivated as we, openBlock as v, ref as y, renderList as Te, renderSlot as b, toDisplayString as x, unref as S, useAttrs as Ee, watch as De, withCtx as C, withModifiers as Oe } from "vue";
-import { createReusableTemplate as ke } from "@vueuse/core";
+import { formatDateOf as pe, timeFieldsOf as me } from "../BbCalendar/useDayjsLocale.js";
+import he from "../CommonField/CommonField.vue.js";
+import { useFormBinding as ge } from "../../composables/useFormBinding.js";
+import _e from "../CommonFieldInput/CommonFieldInput.vue.js";
+import { useSegmentedFields as ve } from "../../composables/useSegmentedFields.js";
+import ye from "../../assets/svgs/clock.svg_raw.js";
+import { BB_TIME_PICKER_INPUT_PT as be } from "./types.js";
+import { Fragment as xe, computed as c, createBlock as Se, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as Ce, createVNode as f, defineComponent as we, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, normalizeStyle as Te, onBeforeUnmount as Ee, onDeactivated as De, openBlock as _, ref as v, renderList as Oe, renderSlot as y, toDisplayString as b, unref as x, useAttrs as ke, watch as Ae, withCtx as S, withModifiers as je } from "vue";
+import { createReusableTemplate as Me } from "@vueuse/core";
 //#region src/components/BbTimePickerInput/BbTimePickerInput.vue?vue&type=script&setup=true&lang.ts
-var Ae = ["data-value"], je = [
+var Ne = ["data-value"], Pe = [
 	"id",
 	"aria-describedby",
 	"aria-disabled",
@@ -49,12 +50,12 @@ var Ae = ["data-value"], je = [
 	"onInput",
 	"onKeydown",
 	"onPaste"
-], Me = ["onClick"], Ne = [
+], Fe = ["onClick"], Ie = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label",
 	"disabled"
-], Pe = ["id"], Fe = /*@__PURE__*/ xe({
+], Le = ["id"], Re = /*@__PURE__*/ we({
 	inheritAttrs: !1,
 	__name: "BbTimePickerInput",
 	props: {
@@ -283,67 +284,67 @@ var Ae = ["data-value"], je = [
 		"inactive",
 		"update:modelValue"
 	],
-	setup(xe, { emit: Fe }) {
-		let Ie = xe, { props: w, emit: T, showAsterisk: Le, errors: Re, required: ze, ariaRequired: Be, model: Ve } = me(Ie, Fe, {
+	setup(we, { emit: Re }) {
+		let ze = we, { props: C, emit: w, showAsterisk: Be, errors: Ve, required: He, ariaRequired: Ue, model: We, readonly: T } = ge(ze, Re, {
 			componentName: "BbTimePickerInput",
-			identifierFallback: () => Ie.label,
+			identifierFallback: () => ze.label,
 			leaveOn: "inactive"
 		});
 		process.env.NODE_ENV !== "production" && te("BbTimePickerInput", ee("BbTimePickerInput"));
-		let He = s(), { t: E } = oe(), Ue = e(), D = y(!1), O = y(!1), k = () => {
-			O.value = !1;
+		let E = s(), { t: D } = oe(), Ge = e(), O = v(!1), k = v(!1), A = () => {
+			k.value = !1;
 		};
-		we(() => {
-			X.value = !1, D.value ? jt() : k();
-		}), Ce(k);
-		let We = c(() => w.persistentHint || O.value), A = c(() => n(w.modelValue)), Ge = c(() => w.labelMode ?? He.defaultInputLabelMode), j = o({
+		De(() => {
+			X.value = !1, O.value ? Pt() : A();
+		}), Ee(A);
+		let Ke = c(() => C.persistentHint || k.value), j = c(() => n(C.modelValue)), qe = c(() => C.labelMode ?? E.defaultInputLabelMode), M = o({
 			component: "BbTimePickerInput",
-			attrs: Ee(),
+			attrs: ke(),
 			controlAttrs: i,
-			props: w,
-			parts: ve.parts,
-			states: ve.states,
+			props: C,
+			parts: be.parts,
+			states: be.states,
 			active: {
-				...a(w, () => A.value),
+				...a(C, () => j.value),
 				open: () => X.value
 			}
-		}), M = de(), Ke = (e, t) => M.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, qe = (e) => {
+		}), N = de(), Je = (e, t) => N.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, Ye = (e) => {
 			let t = e >= 12 ? "PM" : "AM", n = e % 12;
 			return n === 0 && (n = 12), {
 				hour: String(n).padStart(2, "0"),
 				meridiem: t
 			};
-		}, N = y(null), P = y(null), Je = (e) => {
-			P.value = e.el?.parentElement ?? null;
-		}, Ye = y(null), Xe = (e) => `btpi-description_${e}`, Ze = (e) => `btpi-panel_${e}`, Qe = (e) => h({
-			id: Ze(e),
-			class: ["bb-time-picker-input__panel", { "bb-time-picker-input__panel--sheet": Q.value }],
-			inert: Pt.value
-		}, Q.value ? {} : j.panel ?? {}), $e = (e, t) => {
-			let n = [e, Xe(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
+		}, P = v(null), F = v(null), Xe = (e) => {
+			F.value = e.el?.parentElement ?? null;
+		}, Ze = v(null), Qe = (e) => `btpi-description_${e}`, $e = (e) => `btpi-panel_${e}`, et = (e) => m({
+			id: $e(e),
+			class: ["bb-time-picker-input__panel", { "bb-time-picker-input__panel--sheet": Z.value }],
+			inert: Lt.value
+		}, Z.value ? {} : M.panel ?? {}), tt = (e, t) => {
+			let n = [e, Qe(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
 			return Array.from(new Set(n)).join(" ");
-		}, { isMobile: F } = ie(), I = c(() => w.disableWriting === "mobile" ? !F.value : w.disableWriting === "desktop" ? F.value : !w.disableWriting), et = c(() => !!w.readonly || !I.value), tt = (e) => I.value ? z.value[e].kind === "enum" ? "none" : "numeric" : "none", nt = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, L = (e) => {
-			let t = nt.exec(e);
+		}, { isMobile: I } = ie(), L = c(() => C.disableWriting === "mobile" ? !I.value : C.disableWriting === "desktop" ? I.value : !C.disableWriting), nt = c(() => !!C.readonly || !L.value), rt = (e) => L.value ? at.value[e].kind === "enum" ? "none" : "numeric" : "none", it = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, R = (e) => {
+			let t = it.exec(e);
 			if (!t) return null;
 			let [, n, r] = t, i = parseInt(n, 10), a = parseInt(r, 10);
 			return i > 23 || a > 59 ? null : i * 60 + a;
 		};
-		for (let [e, t] of [["min", w.min], ["max", w.max]]) t && L(t) === null && Ue.throw(`BbTimePickerInput: ${e} must be in the format HH:mm`);
-		let R = c(() => {
+		for (let [e, t] of [["min", C.min], ["max", C.max]]) t && R(t) === null && Ge.throw(`BbTimePickerInput: ${e} must be in the format HH:mm`);
+		let z = c(() => {
 			let e = ["hour", "minute"];
-			w.seconds && e.push("second"), w.ampm && e.push("meridiem");
+			C.seconds && e.push("second"), C.ampm && e.push("meridiem");
 			let t = e.map((e) => ({
 				segment: "start",
 				field: e
 			}));
-			if (!w.range) return t;
+			if (!C.range) return t;
 			let n = e.map((e) => ({
 				segment: "end",
 				field: e
 			}));
 			return [...t, ...n];
-		}), z = c(() => ({
-			hour: w.ampm ? {
+		}), at = c(() => ({
+			hour: C.ampm ? {
 				kind: "numeric",
 				maxLength: 2,
 				max: 12,
@@ -375,10 +376,10 @@ var Ae = ["data-value"], je = [
 				autoAdvanceFrom: 6,
 				label: "Second"
 			},
-			meridiem: M.fieldSpec.value
-		})), rt = (e, t) => e.segment === t.segment ? t.field === "meridiem" ? " " : ":" : "–", { fields: B, fieldRefs: it, descriptorKey: at, emptyFieldGroup: ot, getSizedValue: st, minChars: ct, updateAllSizedValues: V, isOwnField: lt, focusField: ut, focusFirstField: dt, segmentStatus: H, onFieldInput: ft, onFieldKeydown: pt, onFieldFocus: mt, onFieldBlur: ht, onFieldPaste: gt } = ge({
-			fieldOrder: R,
-			specs: z,
+			meridiem: N.fieldSpec.value
+		})), ot = (e, t) => e.segment === t.segment ? t.field === "meridiem" ? " " : ":" : "–", { fields: B, fieldRefs: st, descriptorKey: ct, emptyFieldGroup: lt, getSizedValue: ut, minChars: dt, updateAllSizedValues: V, isOwnField: ft, focusField: pt, focusFirstField: mt, segmentStatus: H, onFieldInput: ht, onFieldKeydown: gt, onFieldFocus: _t, onFieldBlur: vt, onFieldPaste: yt } = ve({
+			fieldOrder: z,
+			specs: at,
 			segments: ["start", "end"],
 			fieldKeys: [
 				"hour",
@@ -389,50 +390,50 @@ var Ae = ["data-value"], je = [
 			optionalGroups: [["second"]],
 			advanceKeys: [":", " "],
 			onDirty: () => J({ finalize: !1 })
-		}), _t = (e, t) => {
+		}), bt = (e, t) => {
 			if (e.field === "meridiem") {
-				let n = B.value[e.segment], r = M.match(t.target.value, n.meridiem);
+				let n = B.value[e.segment], r = N.match(t.target.value, n.meridiem);
 				r && r !== n.meridiem && (n.meridiem = r, J({ finalize: !1 }));
 			}
-			ft(e, t);
+			ht(e, t);
 		};
-		M.onRelabel((e, t) => {
+		N.onRelabel((e, t) => {
 			for (let n of Object.values(B.value)) n.meridiem === e && (n.meridiem = t);
 			V();
 		});
-		let vt = (e, t) => w.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, yt = (e) => {
-			if (w.name) return w.range ? `${w.name}-${e.segment}-${e.field}` : `${w.name}-${e.field}`;
-		}, bt = {
+		let xt = (e, t) => C.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, St = (e) => {
+			if (C.name) return C.range ? `${C.name}-${e.segment}-${e.field}` : `${C.name}-${e.field}`;
+		}, Ct = {
 			hour: "datePickerInput.hourField",
 			minute: "datePickerInput.minuteField",
 			second: "datePickerInput.secondField",
 			meridiem: "datePickerInput.meridiemField"
-		}, xt = (e) => {
-			let t = E(bt[e.field]).value;
-			return w.range ? E(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
-		}, St = c(() => {
-			let e = E(w.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat").value;
-			return w.range ? `${e} – ${e}` : e;
-		}), Ct = c(() => w.placeholder || St.value), wt = c(() => R.value.every((e) => !B.value[e.segment][e.field])), Tt = (e) => {
+		}, wt = (e) => {
+			let t = D(Ct[e.field]).value;
+			return C.range ? D(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
+		}, Tt = c(() => {
+			let e = D(C.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat").value;
+			return C.range ? `${e} – ${e}` : e;
+		}), Et = c(() => C.placeholder || Tt.value), Dt = c(() => z.value.every((e) => !B.value[e.segment][e.field])), Ot = (e) => {
 			if (!e.hour) return 0;
 			let t = parseInt(e.hour, 10);
-			return w.ampm ? Ke(t, e.meridiem || "AM") : t;
-		}, Et = (e, t) => {
-			if (!w.ampm) {
+			return C.ampm ? Je(t, e.meridiem || "AM") : t;
+		}, kt = (e, t) => {
+			if (!C.ampm) {
 				e.hour = String(t).padStart(2, "0");
 				return;
 			}
-			let n = qe(t);
-			e.hour = n.hour, e.meridiem = M.label(n.meridiem);
+			let n = Ye(t);
+			e.hour = n.hour, e.meridiem = N.label(n.meridiem);
 		}, U = (e) => {
-			let t = ot();
+			let t = lt();
 			if (!e) return t;
-			let n = nt.exec(e);
+			let n = it.exec(e);
 			if (!n) return t;
 			let [, r, i, a] = n, o = parseInt(r, 10);
-			return o > 23 || parseInt(i, 10) > 59 ? t : (Et(t, o), t.minute = i.padStart(2, "0"), t.second = w.seconds && a ? a.padStart(2, "0") : "", t);
+			return o > 23 || parseInt(i, 10) > 59 ? t : (kt(t, o), t.minute = i.padStart(2, "0"), t.second = C.seconds && a ? a.padStart(2, "0") : "", t);
 		}, W = (e) => {
-			if (w.range) {
+			if (C.range) {
 				let [t, n] = Array.isArray(e) ? e : [];
 				B.value = {
 					start: U(t),
@@ -442,49 +443,49 @@ var Ae = ["data-value"], je = [
 			}
 			B.value = {
 				start: U(typeof e == "string" ? e : void 0),
-				end: ot()
+				end: lt()
 			};
-		}, Dt = () => {
-			W(w.modelValue);
+		}, At = () => {
+			W(C.modelValue);
 		};
-		W(w.modelValue), V(), De(() => w.modelValue, (e) => {
+		W(C.modelValue), V(), Ae(() => C.modelValue, (e) => {
 			if (e === null || Array.isArray(e) && e.length === 0) {
 				W(e), V();
 				return;
 			}
 			let t = document.activeElement;
-			t && lt(t) || (W(e), V());
+			t && ft(t) || (W(e), V());
 		});
 		let G = (e) => {
-			let t = B.value[e], n = String(Tt(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
-			return w.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
-		}, K = (e) => T("error", e), q = (e) => {
-			let t = L(e);
-			return t === null ? e : w.min && t < L(w.min) ? w.min + (w.seconds ? ":00" : "") : w.max && t > L(w.max) ? w.max + (w.seconds ? ":00" : "") : e;
-		}, Ot = () => H("start") === "partial" ? !0 : w.range ? H("end") === "partial" : !1, J = (e = {}) => {
+			let t = B.value[e], n = String(Ot(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
+			return C.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
+		}, K = (e) => w("error", e), q = (e) => {
+			let t = R(e);
+			return t === null ? e : C.min && t < R(C.min) ? C.min + (C.seconds ? ":00" : "") : C.max && t > R(C.max) ? C.max + (C.seconds ? ":00" : "") : e;
+		}, jt = () => H("start") === "partial" ? !0 : C.range ? H("end") === "partial" : !1, J = (e = {}) => {
 			let t = !!e.finalize, n = H("start");
-			if (!w.range) {
+			if (!C.range) {
 				if (n === "empty") {
-					T("update:modelValue", null);
+					w("update:modelValue", null);
 					return;
 				}
 				if (n === "partial") return;
 				let e = G("start"), r = q(e);
 				if (r !== e) {
 					if (!t) return;
-					B.value.start = U(r), V(), T("update:modelValue", r), K({
+					B.value.start = U(r), V(), w("update:modelValue", r), K({
 						code: "disabled_time",
 						original: e,
 						normalized: r
 					});
 					return;
 				}
-				T("update:modelValue", e);
+				w("update:modelValue", e);
 				return;
 			}
 			let r = H("end");
 			if (n === "empty" && r === "empty") {
-				T("update:modelValue", []);
+				w("update:modelValue", []);
 				return;
 			}
 			if (n === "partial" || r === "partial" || n === "empty") return;
@@ -498,7 +499,7 @@ var Ae = ["data-value"], je = [
 				}), i = a;
 			}
 			if (r === "empty") {
-				T("update:modelValue", [i]);
+				w("update:modelValue", [i]);
 				return;
 			}
 			let o = G("end"), s = q(o);
@@ -510,221 +511,230 @@ var Ae = ["data-value"], je = [
 					normalized: s
 				}), o = s;
 			}
-			if (L(o) < L(i)) {
+			if (R(o) < R(i)) {
 				if (!t) return;
 				let e = { ...B.value.start };
-				B.value.start = { ...B.value.end }, B.value.end = e, V(), T("update:modelValue", [o, i]), K({
+				B.value.start = { ...B.value.end }, B.value.end = e, V(), w("update:modelValue", [o, i]), K({
 					code: "end_before_start",
 					original: [i, o],
 					normalized: [o, i]
 				});
 				return;
 			}
-			V(), T("update:modelValue", [i, o]);
-		}, kt = () => {
-			T("update:modelValue", w.range ? [] : null);
-		}, At = () => {
-			D.value || (O.value = !0, T("active"), D.value = !0, document.addEventListener("focusin", Y), document.addEventListener("click", Y));
+			V(), w("update:modelValue", [i, o]);
+		}, Mt = () => {
+			w("update:modelValue", C.range ? [] : null);
+		}, Nt = () => {
+			O.value || (k.value = !0, w("active"), O.value = !0, document.addEventListener("focusin", Y), document.addEventListener("click", Y));
 		}, Y = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && N.value?.$el && (N.value.$el.contains(t) || P.value?.contains(t) || jt());
-		}, jt = () => {
-			J({ finalize: !0 }), Ot() && (Dt(), V()), D.value = !1, k(), T("inactive"), document.removeEventListener("focusin", Y), document.removeEventListener("click", Y);
-		}, [Mt, Nt] = ke(), X = y(!1), Pt = ae(X, () => w.transitionDuration ?? ne.medium), Z = () => (w.adaptive ?? He.adaptive) && F.value ? "canvas" : "popover", Ft = y(Z()), Q = c(() => Ft.value === "canvas");
-		De([
-			() => w.adaptive,
-			F,
+			t instanceof HTMLElement && P.value?.$el && (P.value.$el.contains(t) || F.value?.contains(t) || Pt());
+		}, Pt = () => {
+			J({ finalize: !0 }), jt() && (At(), V()), O.value = !1, A(), w("inactive"), document.removeEventListener("focusin", Y), document.removeEventListener("click", Y);
+		}, [Ft, It] = Me(), X = v(!1), Lt = ae(X, () => C.transitionDuration ?? ne.medium), Rt = () => (C.adaptive ?? E.adaptive) && I.value ? "canvas" : "popover", zt = v(Rt()), Z = c(() => zt.value === "canvas");
+		Ae([
+			() => C.adaptive,
+			I,
 			X
 		], () => {
-			X.value || (Ft.value = Z());
-		}), ue(() => X.value && !Q.value, () => X.value = !1);
-		let It = c(() => ({
+			X.value || (zt.value = Rt());
+		}), ue(() => X.value && !Z.value, () => X.value = !1);
+		let Bt = c(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			disabled: w.disabled,
-			transitionDuration: w.transitionDuration,
+			disabled: C.disabled,
+			transitionDuration: C.transitionDuration,
 			hideClose: !0,
-			...r(w.offCanvasProps)
-		})), Lt = () => {
-			Ye.value?.focus(), T("hidden");
-		}, Rt = (e) => {
+			...r(C.offCanvasProps)
+		})), Vt = () => {
+			Ze.value?.focus(), w("hidden");
+		}, Q = (e) => {
 			let t = e.target;
 			t && t instanceof HTMLDialogElement && (X.value = !1);
-		}, zt = () => {
-			w.disabled || w.readonly || (Ft.value = Z(), X.value = !0);
-		}, Bt = c(() => !I.value && !w.disabled && !w.readonly), Vt = (e) => {
-			if (!Bt.value || X.value) return;
+		}, Ht = () => {
+			C.disabled || C.readonly || (zt.value = Rt(), X.value = !0);
+		}, Ut = c(() => !L.value && !C.disabled && !C.readonly), Wt = (e) => {
+			if (!Ut.value || X.value) return;
 			let t = e.target;
-			t?.closest(".bb-field-input__box") && (t.closest(".bb-segmented-field__activator, .bb-clearable-button, .bb-time-picker-input__panel, [role=\"dialog\"]") || zt());
-		}, Ht = (e, t) => {
-			if (Bt.value && (t.key === "Enter" || t.key === " ")) {
-				t.preventDefault(), X.value || zt();
+			t?.closest(".bb-field-input__box") && (t.closest(".bb-segmented-field__activator, .bb-clearable-button, .bb-time-picker-input__panel, [role=\"dialog\"]") || Ht());
+		}, Gt = (e) => e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Backspace" || e.key === "Delete" || e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Kt = (e, t) => {
+			if (Ut.value && (t.key === "Enter" || t.key === " ")) {
+				t.preventDefault(), X.value || Ht();
+				return;
+			}
+			if (C.readonly && Gt(t)) {
+				t.preventDefault();
 				return;
 			}
-			pt(e, t);
+			gt(e, t);
 		};
-		De(X, (e) => {
-			e ? Q.value || document.addEventListener("click", Rt, { passive: !0 }) : document.removeEventListener("click", Rt);
+		Ae(X, (e) => {
+			e ? Z.value || document.addEventListener("click", Q, { passive: !0 }) : document.removeEventListener("click", Q);
 		});
-		let Ut = y("start"), Wt = (e, t) => {
-			Ut.value = e.segment, mt(e), T("focus", t);
-		}, $ = c(() => w.range ? B.value[Ut.value].hour ? Ut.value : B.value.start.hour && !B.value.end.hour ? "end" : "start" : "start"), Gt = c(() => {
+		let qt = v("start"), Jt = (e, t) => {
+			qt.value = e.segment, _t(e), w("focus", t);
+		}, $ = c(() => C.range ? B.value[qt.value].hour ? qt.value : B.value.start.hour && !B.value.end.hour ? "end" : "start" : "start"), Yt = c(() => {
 			let e = B.value[$.value];
-			return e.hour ? String(Tt(e)).padStart(2, "0") : "";
-		}), Kt = ({ unit: e, value: t }) => {
+			return e.hour ? String(Ot(e)).padStart(2, "0") : "";
+		}), Xt = ({ unit: e, value: t }) => {
 			let n = B.value[$.value];
-			e === "hour" ? Et(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = M.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (w.ampm ? n.hour = "12" : n.hour = "00"), w.ampm && !n.meridiem && (n.meridiem = M.am.value), n.minute ||= "00", w.seconds && !n.second && (n.second = "00"), V(), J({ finalize: !1 });
-		}, qt = c(() => {
-			if (w.range) {
-				let [e, t] = Array.isArray(w.modelValue) ? w.modelValue : [];
-				return !e || !t ? E("timePickerInput.emptyRange").value : E("timePickerInput.changeSelectionRange", e, t).value;
+			e === "hour" ? kt(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = N.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (C.ampm ? n.hour = "12" : n.hour = "00"), C.ampm && !n.meridiem && (n.meridiem = N.am.value), n.minute ||= "00", C.seconds && !n.second && (n.second = "00"), V(), J({ finalize: !1 });
+		}, Zt = (e) => {
+			let t = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/.exec(e);
+			if (!t) return e;
+			let [, n, r, i] = t;
+			return pe(new Date(2e3, 0, 1, +n, +r, +(i ?? 0)), E.locale, me(!!C.ampm, !!C.seconds));
+		}, Qt = c(() => {
+			if (C.range) {
+				let [e, t] = Array.isArray(C.modelValue) ? C.modelValue : [];
+				return !e || !t ? D("timePickerInput.emptyRange").value : D("timePickerInput.changeSelectionRange", Zt(e), Zt(t)).value;
 			}
-			return typeof w.modelValue == "string" && w.modelValue ? E("timePickerInput.changeSelection", w.modelValue).value : E("timePickerInput.emptySelection").value;
+			return typeof C.modelValue == "string" && C.modelValue ? D("timePickerInput.changeSelection", Zt(C.modelValue)).value : D("timePickerInput.emptySelection").value;
 		});
-		return Ce(() => {
-			document.removeEventListener("focusin", Y), document.removeEventListener("click", Y), document.removeEventListener("click", Rt);
-		}), (e, n) => (v(), l(pe, h({
+		return Ee(() => {
+			document.removeEventListener("focusin", Y), document.removeEventListener("click", Y), document.removeEventListener("click", Q);
+		}), (e, n) => (_(), Se(he, m({
 			id: e.id,
 			class: "bb-time-picker-input",
-			clearable: e.clearable && A.value,
+			clearable: e.clearable && j.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: S(Re),
+			errors: x(Ve),
 			"has-errors": e.hasErrors,
-			"has-value": A.value,
+			"has-value": j.value,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
 			"input-align": e.inputAlign,
 			label: e.label,
 			"label-align": e.labelAlign,
-			"label-mode": Ge.value,
+			"label-mode": qe.value,
 			"label-position": e.labelPosition,
 			layout: e.layout,
 			loading: e.loading,
 			name: e.name,
-			passthrough: S(j),
-			readonly: e.readonly,
+			passthrough: x(M),
+			readonly: x(T),
 			reverse: e.reverse,
-			"show-asterisk": S(Le),
-			"show-hint": We.value,
+			"show-asterisk": x(Be),
+			"show-hint": Ke.value,
 			warnings: e.warnings
-		}, S(j).forwardAttrs), be({
-			label: C((t) => [b(e.$slots, "label", _(m(t)))]),
-			input: C(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [p(he, {
+		}, x(M).forwardAttrs), Ce({
+			label: S((t) => [y(e.$slots, "label", g(p(t)))]),
+			input: S(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [f(_e, {
 				ref_key: "wrapper",
-				ref: N,
-				active: D.value,
-				"append:icon": S(w)["append:icon"],
-				class: g(["bb-time-picker-input__field", { "bb-time-picker-input__field--range": e.range }]),
-				clearable: e.clearable && !S(t)(S(Ve)),
+				ref: P,
+				active: O.value,
+				"append:icon": x(C)["append:icon"],
+				class: h(["bb-time-picker-input__field", { "bb-time-picker-input__field--range": e.range }]),
+				clearable: e.clearable && !x(t)(x(We)),
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": i,
-				"has-value": A.value,
+				"has-value": j.value,
 				"has-warnings": a,
 				loading: e.loading,
-				passthrough: S(j),
-				"prepend:icon": S(w)["prepend:icon"],
-				readonly: e.readonly,
+				passthrough: x(M),
+				"prepend:icon": x(C)["prepend:icon"],
+				readonly: x(T),
 				variant: e.variant,
-				onClick: Vt,
-				"onClick:clear": kt,
-				onFocusin: At
-			}, be({
-				"prepend:outer": C(() => [b(e.$slots, "prepend:outer")]),
-				prepend: C(() => [b(e.$slots, "prepend")]),
-				append: C(() => [f("button", h({
+				onClick: Wt,
+				"onClick:clear": Mt,
+				onFocusin: Nt
+			}, Ce({
+				"prepend:outer": S(() => [y(e.$slots, "prepend:outer")]),
+				prepend: S(() => [y(e.$slots, "prepend")]),
+				append: S(() => [d("button", m({
 					ref_key: "clockButton",
-					ref: Ye,
-					"aria-controls": P.value ? Ze(r) : void 0,
+					ref: Ze,
+					"aria-controls": F.value ? $e(r) : void 0,
 					"aria-expanded": X.value,
 					"aria-haspopup": "dialog",
-					"aria-label": qt.value,
+					"aria-label": Qt.value,
 					class: ["bb-segmented-field__activator", { "bb-segmented-field__activator--active": X.value }],
-					disabled: e.disabled || e.readonly,
+					disabled: e.disabled || x(T),
 					type: "button",
-					onClick: Oe(zt, ["stop"])
-				}, S(j).activator), [p(se, {
+					onClick: je(Ht, ["stop"])
+				}, x(M).activator), [f(se, {
 					class: "bb-segmented-field__trigger-icon",
-					icon: S(_e)
-				}, null, 8, ["icon"])], 16, Ne), b(e.$slots, "append", {}, () => [e.$slots.suffix ? (v(), d("span", h({
+					icon: x(ye)
+				}, null, 8, ["icon"])], 16, Ie), y(e.$slots, "append", {}, () => [e.$slots.suffix ? (_(), u("span", m({
 					key: 0,
 					class: "bb-field-input__suffix"
-				}, S(j).suffix), [b(e.$slots, "suffix")], 16)) : u("", !0)])]),
-				"append:outer": C(() => [b(e.$slots, "append:outer")]),
-				default: C(() => [
-					f("div", {
-						class: g(["bb-segmented-field__fields", {
-							"bb-segmented-field__fields--empty": wt.value,
+				}, x(M).suffix), [y(e.$slots, "suffix")], 16)) : l("", !0)])]),
+				"append:outer": S(() => [y(e.$slots, "append:outer")]),
+				default: S(() => [
+					d("div", {
+						class: h(["bb-segmented-field__fields", {
+							"bb-segmented-field__fields--empty": Dt.value,
 							"bb-segmented-field__fields--range": e.range
 						}]),
-						style: Se({ "--fields-min-ch": S(ct) })
-					}, [wt.value ? (v(), d("span", {
+						style: Te({ "--fields-min-ch": x(dt) })
+					}, [Dt.value ? (_(), u("span", {
 						key: 0,
 						"aria-hidden": "true",
 						class: "bb-segmented-field__placeholder",
-						onClick: n[0] ||= (...e) => S(dt) && S(dt)(...e)
-					}, x(Ct.value), 1)) : u("", !0), (v(!0), d(ye, null, Te(R.value, (t, n) => (v(), d(ye, { key: S(at)(t) }, [f("span", {
+						onClick: n[0] ||= (...e) => x(mt) && x(mt)(...e)
+					}, b(Et.value), 1)) : l("", !0), (_(!0), u(xe, null, Oe(z.value, (t, n) => (_(), u(xe, { key: x(ct)(t) }, [d("span", {
 						class: "bb-segmented-field__field-sizer",
-						"data-value": S(st)(t)
-					}, [f("input", h({
-						id: n === 0 ? r : vt(t, r),
+						"data-value": x(ut)(t)
+					}, [d("input", m({
+						id: n === 0 ? r : xt(t, r),
 						ref_for: !0,
-						ref: (e) => S(it)[S(at)(t)] = e,
-						"aria-describedby": $e(o, r),
+						ref: (e) => x(st)[x(ct)(t)] = e,
+						"aria-describedby": tt(o, r),
 						"aria-disabled": e.disabled || void 0,
 						"aria-invalid": i ? "true" : void 0,
-						"aria-label": xt(t),
-						"aria-readonly": et.value || void 0,
+						"aria-label": wt(t),
+						"aria-readonly": nt.value || void 0,
 						autocomplete: e.autocomplete,
 						autofocus: e.autofocus && n === 0,
 						class: ["bb-segmented-field__input", [`bb-segmented-field__input--${t.field}`, `bb-segmented-field__input--${t.segment}`]],
 						disabled: e.disabled,
-						inputmode: tt(t.field),
-						maxlength: z.value[t.field].maxLength,
-						name: yt(t),
-						readonly: et.value,
-						required: S(ze),
-						"aria-required": S(Be),
+						inputmode: rt(t.field),
+						maxlength: at.value[t.field].maxLength,
+						name: St(t),
+						readonly: nt.value,
+						required: x(He),
+						"aria-required": x(Ue),
 						tabindex: t.field === "hour" ? 0 : -1,
 						type: "text",
-						value: S(B)[t.segment][t.field],
-						onBlur: (e) => S(ht)(t),
-						onFocus: (e) => Wt(t, e),
-						onInput: (e) => _t(t, e),
-						onKeydown: (e) => Ht(t, e),
-						onPaste: (e) => S(gt)(t, e)
-					}, h(S(j).controlAttrs, S(j).input)), null, 16, je)], 8, Ae), n < R.value.length - 1 ? (v(), d("span", {
+						value: x(B)[t.segment][t.field],
+						onBlur: (e) => x(vt)(t),
+						onFocus: (e) => Jt(t, e),
+						onInput: (e) => bt(t, e),
+						onKeydown: (e) => Kt(t, e),
+						onPaste: (e) => x(yt)(t, e)
+					}, m(x(M).controlAttrs, x(M).input)), null, 16, Pe)], 8, Ne), n < z.value.length - 1 ? (_(), u("span", {
 						key: 0,
 						"aria-hidden": "true",
-						class: g(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": R.value[n].segment !== R.value[n + 1].segment }]),
+						class: h(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": z.value[n].segment !== z.value[n + 1].segment }]),
 						role: "presentation",
-						onClick: (e) => S(ut)(R.value[n + 1], { select: !0 })
-					}, x(rt(R.value[n], R.value[n + 1])), 11, Me)) : u("", !0)], 64))), 128))], 6),
-					f("span", {
-						id: Xe(r),
+						onClick: (e) => x(pt)(z.value[n + 1], { select: !0 })
+					}, b(ot(z.value[n], z.value[n + 1])), 11, Fe)) : l("", !0)], 64))), 128))], 6),
+					d("span", {
+						id: Qe(r),
 						class: "bb-time-picker-input__accessible-description",
 						hidden: ""
-					}, x(St.value), 9, Pe),
-					p(S(Mt), null, {
-						default: C(() => [p(fe, {
+					}, b(Tt.value), 9, Le),
+					f(x(Ft), null, {
+						default: S(() => [f(fe, {
 							ampm: e.ampm,
-							disabled: e.disabled || e.readonly,
-							hour: Gt.value,
+							disabled: e.disabled || x(T),
+							hour: Yt.value,
 							max: e.max,
-							meridiem: S(B)[$.value].meridiem,
+							meridiem: x(B)[$.value].meridiem,
 							min: e.min,
-							minute: S(B)[$.value].minute,
-							passthrough: S(j),
-							second: S(B)[$.value].second,
+							minute: x(B)[$.value].minute,
+							passthrough: x(M),
+							second: x(B)[$.value].second,
 							seconds: e.seconds,
 							step: e.step,
-							onSelect: Kt,
-							onVnodeBeforeUnmount: n[1] ||= (e) => P.value = null,
-							onVnodeMounted: Je
+							onSelect: Xt,
+							onVnodeBeforeUnmount: n[1] ||= (e) => F.value = null,
+							onVnodeMounted: Xe
 						}, null, 8, [
 							"ampm",
 							"disabled",
@@ -740,39 +750,39 @@ var Ae = ["data-value"], je = [
 						])]),
 						_: 1
 					}),
-					Q.value ? (v(), l(le, h({
+					Z.value ? (_(), Se(le, m({
 						key: 0,
 						modelValue: X.value,
 						"onUpdate:modelValue": n[2] ||= (e) => X.value = e,
 						class: "bb-time-picker-input__sheet",
-						pt: S(j).forward({
+						pt: x(M).forward({
 							panel: "root",
 							sheet: "root"
-						}, S(ce).states, () => e.offCanvasProps?.pt)
-					}, It.value, {
-						onHidden: Lt,
-						onHide: n[3] ||= (e) => S(T)("hide"),
-						onShow: n[4] ||= (e) => S(T)("show"),
-						onShown: n[5] ||= (e) => S(T)("shown")
+						}, x(ce).states, () => e.offCanvasProps?.pt)
+					}, Bt.value, {
+						onHidden: Vt,
+						onHide: n[3] ||= (e) => x(w)("hide"),
+						onShow: n[4] ||= (e) => x(w)("show"),
+						onShown: n[5] ||= (e) => x(w)("shown")
 					}), {
-						default: C(() => [f("div", _(m(Qe(r))), [p(S(Nt))], 16)]),
+						default: S(() => [d("div", g(p(et(r))), [f(x(It))], 16)]),
 						_: 2
-					}, 1040, ["modelValue", "pt"])) : (v(), l(re, {
+					}, 1040, ["modelValue", "pt"])) : (_(), Se(re, {
 						key: 1,
 						modelValue: X.value,
 						"onUpdate:modelValue": n[6] ||= (e) => X.value = e,
-						anchor: N.value,
-						"bubble-attrs": Qe(r),
+						anchor: P.value,
+						"bubble-attrs": et(r),
 						class: "bb-time-picker-input__popover",
 						dialog: "",
 						offset: 4,
 						"transition-duration": e.transitionDuration,
-						onHidden: n[7] ||= (e) => S(T)("hidden"),
-						onHide: n[8] ||= (e) => S(T)("hide"),
-						onShow: n[9] ||= (e) => S(T)("show"),
-						onShown: n[10] ||= (e) => S(T)("shown")
+						onHidden: n[7] ||= (e) => x(w)("hidden"),
+						onHide: n[8] ||= (e) => x(w)("hide"),
+						onShow: n[9] ||= (e) => x(w)("show"),
+						onShown: n[10] ||= (e) => x(w)("shown")
 					}, {
-						default: C(() => [p(S(Nt))]),
+						default: S(() => [f(x(It))]),
 						_: 2
 					}, 1032, [
 						"modelValue",
@@ -784,7 +794,7 @@ var Ae = ["data-value"], je = [
 				_: 2
 			}, [e.$slots.prefix ? {
 				name: "prefix",
-				fn: C(() => [b(e.$slots, "prefix")]),
+				fn: S(() => [y(e.$slots, "prefix")]),
 				key: "0"
 			} : void 0]), 1032, [
 				"active",
@@ -805,7 +815,7 @@ var Ae = ["data-value"], je = [
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: C((t) => [b(e.$slots, "description", _(m(t)))]),
+			fn: S((t) => [y(e.$slots, "description", g(p(t)))]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",
@@ -837,4 +847,4 @@ var Ae = ["data-value"], je = [
 	}
 });
 //#endregion
-export { Fe as default };
+export { Re as default };