bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/BbBaseDatePickerInput/BbBaseDatePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,19 @@
-import { useId as e } from "../../composables/useId.js";
-import { useLogger as t } from "../../composables/useLogger.js";
-import { useMobile as n } from "../../composables/useMobile.js";
-import r from "../BbIcon/BbIcon.vue.js";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useId as t } from "../../composables/useId.js";
+import { useLogger as n } from "../../composables/useLogger.js";
+import { useMobile as r } from "../../composables/useMobile.js";
 import { useLocale as i } from "../../composables/useLocale.js";
-import { hash as a } from "../../utilities/functions/hash.js";
-import { formatOfType as o, isCoarseType as s, unitOfType as c } from "../../types/DatePickerType.js";
-import { toInnerValue as l, toOuterValue as u } from "../../utilities/functions/convertDateValue.js";
-import { normalizeDateBound as d } from "../../utilities/functions/normalizeDateBound.js";
-import f from "../BbDatePicker/BbDatePicker.vue.js";
-import ee from "../CommonInputWrapper/CommonInputWrapper.vue.js";
-import { isEmpty as te } from "../../utilities/functions/empty.js";
-import { useSegmentedFields as ne } from "../../composables/useSegmentedFields.js";
-import re from "../../assets/svgs/calendar.svg_raw.js";
-import { isNotEmpty as ie } from "../../utilities/functions/isNotEmpty.js";
-import { config as ae } from "virtual:bitboss-ui/config";
+import a from "../BbIcon/BbIcon.vue.js";
+import { hash as o } from "../../utilities/functions/hash.js";
+import { formatOfType as s, isCoarseType as c, unitOfType as l } from "../../types/DatePickerType.js";
+import { toInnerValue as u, toOuterValue as d } from "../../utilities/functions/convertDateValue.js";
+import { normalizeDateBound as f } from "../../utilities/functions/normalizeDateBound.js";
+import ee from "../BbDatePicker/BbDatePicker.vue.js";
+import te from "../CommonInputWrapper/CommonInputWrapper.vue.js";
+import { isEmpty as ne } from "../../utilities/functions/empty.js";
+import { useSegmentedFields as re } from "../../composables/useSegmentedFields.js";
+import ie from "../../assets/svgs/calendar.svg_raw.js";
+import { isNotEmpty as ae } from "../../utilities/functions/isNotEmpty.js";
 import { Fragment as oe, computed as p, createBlock as se, createCommentVNode as ce, createElementBlock as m, createElementVNode as h, createSlots as le, createVNode as ue, defineComponent as de, guardReactiveProps as fe, mergeProps as pe, normalizeClass as g, normalizeProps as me, normalizeStyle as he, onBeforeUnmount as ge, openBlock as _, ref as v, renderList as _e, renderSlot as y, toDisplayString as b, unref as x, watch as ve, watchEffect as ye, withCtx as S } from "vue";
 import C from "dayjs";
 import be from "dayjs/plugin/customParseFormat";
@@ -99,41 +99,41 @@ var we = ["data-value"], Te = [
 		"update:time"
 	],
 	setup(de, { emit: ke }) {
-		let T = de, E = ke, D = p(() => T.type === "datetime"), O = p(() => s(T.type)), Ae = p(() => T.floating || O.value), k = p(() => c(T.type)), je = p(() => o(T.type));
+		let T = de, E = ke, Ae = e(), D = p(() => T.type === "datetime"), O = p(() => c(T.type)), je = p(() => T.floating || O.value), k = p(() => l(T.type)), Me = p(() => s(T.type));
 		C.extend(be), C.extend(xe), C.extend(Se), ye(() => {
-			C.locale(Ce[ae.locale] ?? "en");
+			C.locale(Ce[Ae.locale] ?? "en");
 		});
-		let { t: A } = i(), j = t(), M = v(null), Me = v(null), N = T.id || `bdpi-${e().id.value}`, Ne = `bdpi-description_${N}`, Pe = p(() => {
-			let e = [T.ariaDescribedby, Ne].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
+		let { t: A } = i(), j = n(), M = v(null), Ne = v(null), N = T.id || `bdpi-${t().id.value}`, Pe = `bdpi-description_${N}`, Fe = p(() => {
+			let e = [T.ariaDescribedby, Pe].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
 			return Array.from(new Set(e)).join(" ");
-		}), Fe = p(() => ie(T.modelValue)), { isMobile: P } = n(), Ie = p(() => T.disableWriting === "mobile" ? !P.value : T.disableWriting === "desktop" ? P.value : !T.disableWriting), Le = p(() => T.disableCalendar === "mobile" ? P.value : T.disableCalendar === "desktop" ? !P.value : !!T.disableCalendar), Re = p(() => !!T.readonly || !Ie.value), ze = (e) => Ie.value ? dt.value[e].kind === "enum" ? "none" : "numeric" : "none", F = (e) => e.includes("T"), I = (e) => {
+		}), Ie = p(() => ae(T.modelValue)), { isMobile: P } = r(), Le = p(() => T.disableWriting === "mobile" ? !P.value : T.disableWriting === "desktop" ? P.value : !T.disableWriting), Re = p(() => T.disableCalendar === "mobile" ? P.value : T.disableCalendar === "desktop" ? !P.value : !!T.disableCalendar), ze = p(() => !!T.readonly || !Le.value), Be = (e) => Le.value ? ft.value[e].kind === "enum" ? "none" : "numeric" : "none", F = (e) => e.includes("T"), I = (e) => {
 			if (O.value) {
-				let t = C(e, je.value, !0);
+				let t = C(e, Me.value, !0);
 				return t.isValid() ? t : C(e);
 			}
 			return F(e) ? C(e, Oe, !0) : C(e, w, !0);
-		}, Be = p(() => d(T.min, T.type, "min", (e) => j.warn(`BaseDatePickerInput: ${e}`))), Ve = p(() => d(T.max, T.type, "max", (e) => j.warn(`BaseDatePickerInput: ${e}`)));
-		for (let [e, t] of [["min", T.min], ["max", T.max]]) if (t && (I(t).isValid() || j.throw(O.value ? `BaseDatePickerInput: ${e} must be a ${je.value} value (a longer date is accepted and rounded to the ${k.value}) with type="${T.type}"` : `BaseDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`), O.value)) {
-			e === "min" ? Be.value : Ve.value;
+		}, Ve = p(() => f(T.min, T.type, "min", (e) => j.warn(`BaseDatePickerInput: ${e}`))), He = p(() => f(T.max, T.type, "max", (e) => j.warn(`BaseDatePickerInput: ${e}`)));
+		for (let [e, t] of [["min", T.min], ["max", T.max]]) if (t && (I(t).isValid() || j.throw(O.value ? `BaseDatePickerInput: ${e} must be a ${Me.value} value (a longer date is accepted and rounded to the ${k.value}) with type="${T.type}"` : `BaseDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`), O.value)) {
+			e === "min" ? Ve.value : He.value;
 			continue;
 		}
-		let He = T.disableWriting !== !0 && T.disableWriting !== "desktop", Ue = T.disableCalendar !== !0 && T.disableCalendar !== "desktop", We = T.disableWriting !== !0 && T.disableWriting !== "mobile", Ge = T.disableCalendar !== !0 && T.disableCalendar !== "mobile";
-		!He && !Ue && j.throw("BaseDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !We && !Ge && j.throw("BaseDatePickerInput: mobile users would have no interaction method — combine disableWriting:\"mobile\" with disableCalendar:\"desktop\" to keep calendar interaction on mobile while staying keyboard-first on desktop.");
-		let Ke = p(() => ({
-			floating: Ae.value,
+		let Ue = T.disableWriting !== !0 && T.disableWriting !== "desktop", We = T.disableCalendar !== !0 && T.disableCalendar !== "desktop", Ge = T.disableWriting !== !0 && T.disableWriting !== "mobile", Ke = T.disableCalendar !== !0 && T.disableCalendar !== "mobile";
+		!Ue && !We && j.throw("BaseDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !Ge && !Ke && j.throw("BaseDatePickerInput: mobile users would have no interaction method — combine disableWriting:\"mobile\" with disableCalendar:\"desktop\" to keep calendar interaction on mobile while staying keyboard-first on desktop.");
+		let qe = p(() => ({
+			floating: je.value,
 			utc: T.utc,
 			type: T.type
-		})), L = (e) => u(e, Ke.value), R = (e) => l(e, Ke.value), z = v(!1), qe = () => {
+		})), L = (e) => d(e, qe.value), R = (e) => u(e, qe.value), z = v(!1), Je = () => {
 			z.value || (E("active"), z.value = !0, document.addEventListener("focusin", B), document.addEventListener("click", B));
 		}, B = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && M.value?.$el && (M.value.$el.contains(t) || Me.value?.calendarEl?.contains(t) || ($({ finalize: !0 }), Ut() && (Vt(), K()), z.value = !1, E("inactive"), document.removeEventListener("focusin", B), document.removeEventListener("click", B)));
-		}, Je = (e, t) => {
+			t instanceof HTMLElement && M.value?.$el && (M.value.$el.contains(t) || Ne.value?.calendarEl?.contains(t) || ($({ finalize: !0 }), Wt() && (Ht(), K()), z.value = !1, E("inactive"), document.removeEventListener("focusin", B), document.removeEventListener("click", B)));
+		}, Ye = (e, t) => {
 			let n = R(t);
 			if (!n.isValid()) return;
 			let r = W.value[e];
 			r.day = n.format("DD"), r.month = n.format("MM"), r.year = n.format("YYYY");
-		}, Ye = { "onUpdate:modelValue": (e) => {
+		}, Xe = { "onUpdate:modelValue": (e) => {
 			if (!D.value) {
 				E("update:modelValue", e);
 				return;
@@ -144,48 +144,48 @@ var we = ["data-value"], Te = [
 			}
 			if (Array.isArray(e)) {
 				let [t, n] = e;
-				t ? Je("start", t) : W.value.start = G(), n ? Je("end", n) : W.value.end = G(), K(), $({ finalize: !1 });
+				t ? Ye("start", t) : W.value.start = G(), n ? Ye("end", n) : W.value.end = G(), K(), $({ finalize: !1 });
 				return;
 			}
-			Je("start", e), K(), $({ finalize: !1 });
-		} }, Xe = (e) => {
+			Ye("start", e), K(), $({ finalize: !1 });
+		} }, Ze = (e) => {
 			let t = W.value[e];
 			return !!(t.day && t.month && t.year && t.year.length === 4);
-		}, Ze = v("start"), Qe = (e) => {
-			Ze.value = e.segment, St(e);
-		}, $e = p(() => T.range ? Xe(Ze.value) ? Ze.value : Xe("end") ? "end" : "start" : "start"), et = ({ unit: e, value: t }) => {
-			let n = W.value[$e.value];
+		}, Qe = v("start"), $e = (e) => {
+			Qe.value = e.segment, Ct(e);
+		}, et = p(() => T.range ? Ze(Qe.value) ? Qe.value : Ze("end") ? "end" : "start" : "start"), tt = ({ unit: e, value: t }) => {
+			let n = W.value[et.value];
 			e === "hour" ? J(n, parseInt(t, 10)) : n[e] = t, n.hour || (T.ampm ? n.hour = "12" : n.hour = "00"), T.ampm && !n.meridiem && (n.meridiem = "AM"), n.minute ||= "00", T.seconds && !n.second && (n.second = "00"), K(), $({ finalize: !1 });
-		}, tt = p(() => T.type === "year" ? "YYYY" : T.type === "month" ? "MMMM YYYY" : D.value ? T.ampm ? T.seconds ? "D MMMM YYYY h:mm:ss A" : "D MMMM YYYY h:mm A" : T.seconds ? "D MMMM YYYY HH:mm:ss" : "D MMMM YYYY HH:mm" : "D MMMM YYYY"), nt = p(() => {
+		}, nt = p(() => T.type === "year" ? "YYYY" : T.type === "month" ? "MMMM YYYY" : D.value ? T.ampm ? T.seconds ? "D MMMM YYYY h:mm:ss A" : "D MMMM YYYY h:mm A" : T.seconds ? "D MMMM YYYY HH:mm:ss" : "D MMMM YYYY HH:mm" : "D MMMM YYYY"), rt = p(() => {
 			if (T.range) {
 				let [e, t] = Array.isArray(T.modelValue) ? T.modelValue : [];
 				if (!e || !t) return A("baseDatePickerInput.emptyRange").value;
 				let n = R(e), r = R(t);
-				return !n.isValid() || !r.isValid() ? A("baseDatePickerInput.emptyRange").value : A("baseDatePickerInput.changeSelectionRange", n.format(tt.value), r.format(tt.value)).value;
+				return !n.isValid() || !r.isValid() ? A("baseDatePickerInput.emptyRange").value : A("baseDatePickerInput.changeSelectionRange", n.format(nt.value), r.format(nt.value)).value;
 			}
 			if (typeof T.modelValue == "string") {
 				let e = R(T.modelValue);
-				return e.isValid() ? A("baseDatePickerInput.changeSelection", e.format(tt.value)).value : A("baseDatePickerInput.emptySelection").value;
+				return e.isValid() ? A("baseDatePickerInput.changeSelection", e.format(nt.value)).value : A("baseDatePickerInput.emptySelection").value;
 			}
 			return A("baseDatePickerInput.emptySelection").value;
 		}), V = (e) => {
 			if (!e.isValid()) return !0;
-			let t = !0, n = (e) => O.value ? k.value : D.value && F(e) ? "minute" : "day", r = Be.value, i = Ve.value;
+			let t = !0, n = (e) => O.value ? k.value : D.value && F(e) ? "minute" : "day", r = Ve.value, i = He.value;
 			return r && (t &&= e.isSameOrAfter(I(r), n(r))), i && (t &&= e.isSameOrBefore(I(i), n(i))), typeof T.selectable == "function" && (t &&= T.selectable(L(e))), !t;
-		}, rt = () => {
+		}, it = () => {
 			T.range ? (E("update:modelValue", []), D.value && (Z.value = [], E("update:time", []))) : (E("update:modelValue", null), D.value && (Z.value = null, E("update:time", null)));
-		}, it = /* @__PURE__ */ new Set([
+		}, at = /* @__PURE__ */ new Set([
 			"hour",
 			"minute",
 			"second",
 			"meridiem"
-		]), at = (e, t) => t === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, ot = (e) => {
+		]), ot = (e, t) => t === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, st = (e) => {
 			let t = e >= 12 ? "PM" : "AM", n = e % 12;
 			return n === 0 && (n = 12), {
 				hour: String(n).padStart(2, "0"),
 				meridiem: t
 			};
-		}, st = p(() => T.type === "year" ? ["year"] : T.type === "month" ? ["month", "year"] : ae.locale === "en" ? [
+		}, ct = p(() => T.type === "year" ? ["year"] : T.type === "month" ? ["month", "year"] : Ae.locale === "en" ? [
 			"month",
 			"day",
 			"year"
@@ -193,12 +193,12 @@ var we = ["data-value"], Te = [
 			"day",
 			"month",
 			"year"
-		]), H = p(() => new Set(st.value)), ct = p(() => {
+		]), H = p(() => new Set(ct.value)), lt = p(() => {
 			if (!D.value) return [];
 			let e = ["hour", "minute"];
 			return T.seconds && e.push("second"), T.ampm && e.push("meridiem"), e;
 		}), U = p(() => {
-			let e = [...st.value, ...ct.value], t = e.map((e) => ({
+			let e = [...ct.value, ...lt.value], t = e.map((e) => ({
 				segment: "start",
 				field: e
 			}));
@@ -208,12 +208,12 @@ var we = ["data-value"], Te = [
 				field: e
 			}));
 			return [...t, ...n];
-		}), lt = p(() => {
+		}), ut = p(() => {
 			let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
 			return U.value.forEach((n, r) => {
 				e.has(n.segment) || (e.add(n.segment), t.add(r));
 			}), t;
-		}), ut = (e) => lt.value.has(e), dt = p(() => ({
+		}), dt = (e) => ut.value.has(e), ft = p(() => ({
 			day: {
 				kind: "numeric",
 				maxLength: 2,
@@ -283,14 +283,14 @@ var we = ["data-value"], Te = [
 				sizerMin: "AM",
 				label: "AM/PM"
 			}
-		})), ft = (e, t) => {
+		})), pt = (e, t) => {
 			if (e.segment !== t.segment) return "–";
 			if (t.field === "meridiem") return "\xA0";
-			let n = it.has(e.field), r = it.has(t.field);
+			let n = at.has(e.field), r = at.has(t.field);
 			return n && r ? ":" : !n && r ? "\xA0" : "/";
-		}, { fields: W, fieldRefs: pt, descriptorKey: mt, emptyFieldGroup: G, getSizedValue: ht, minChars: gt, updateAllSizedValues: K, isOwnField: _t, focusField: vt, focusFirstField: yt, segmentStatus: q, onFieldInput: bt, onFieldKeydown: xt, onFieldFocus: St, onFieldBlur: Ct, onFieldPaste: wt } = ne({
+		}, { fields: W, fieldRefs: mt, descriptorKey: ht, emptyFieldGroup: G, getSizedValue: gt, minChars: _t, updateAllSizedValues: K, isOwnField: vt, focusField: yt, focusFirstField: bt, segmentStatus: q, onFieldInput: xt, onFieldKeydown: St, onFieldFocus: Ct, onFieldBlur: wt, onFieldPaste: Tt } = re({
 			fieldOrder: U,
-			specs: dt,
+			specs: ft,
 			segments: ["start", "end"],
 			fieldKeys: [
 				"day",
@@ -307,9 +307,9 @@ var we = ["data-value"], Te = [
 				"meridiem"
 			], ["second"]],
 			onDirty: () => $({ finalize: !1 })
-		}), Tt = (e) => T.range ? `${N}-${e.segment}-${e.field}` : `${N}-${e.field}`, Et = (e) => {
+		}), Et = (e) => T.range ? `${N}-${e.segment}-${e.field}` : `${N}-${e.field}`, Dt = (e) => {
 			if (T.name) return T.range ? `${T.name}-${e.segment}-${e.field}` : `${T.name}-${e.field}`;
-		}, Dt = {
+		}, Ot = {
 			day: "baseDatePickerInput.dayField",
 			month: "baseDatePickerInput.monthField",
 			year: "baseDatePickerInput.yearField",
@@ -317,23 +317,23 @@ var we = ["data-value"], Te = [
 			minute: "baseDatePickerInput.minuteField",
 			second: "baseDatePickerInput.secondField",
 			meridiem: "baseDatePickerInput.meridiemField"
-		}, Ot = (e) => {
-			let t = A(Dt[e.field]).value;
+		}, kt = (e) => {
+			let t = A(Ot[e.field]).value;
 			return T.range ? A(e.segment === "start" ? "baseDatePickerInput.startFieldLabel" : "baseDatePickerInput.endFieldLabel", t).value : t;
 		}, J = (e, t) => {
 			if (!T.ampm) {
 				e.hour = String(t).padStart(2, "0");
 				return;
 			}
-			let n = ot(t);
+			let n = st(t);
 			e.hour = n.hour, e.meridiem = n.meridiem;
-		}, kt = (e) => {
+		}, At = (e) => {
 			if (!e.hour) return 0;
 			let t = parseInt(e.hour, 10);
-			return T.ampm ? at(t, e.meridiem || "AM") : t;
-		}, At = p(() => T.seconds ? "HH:mm:ss" : "HH:mm"), jt = (e) => e.format(At.value), Mt = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, Nt = (e) => {
+			return T.ampm ? ot(t, e.meridiem || "AM") : t;
+		}, jt = p(() => T.seconds ? "HH:mm:ss" : "HH:mm"), Mt = (e) => e.format(jt.value), Nt = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, Pt = (e) => {
 			if (!e) return null;
-			let t = Mt.exec(e);
+			let t = Nt.exec(e);
 			if (!t) return null;
 			let [, n, r, i] = t;
 			return parseInt(n, 10) > 23 || parseInt(r, 10) > 59 || i && parseInt(i, 10) > 59 ? null : {
@@ -341,29 +341,29 @@ var we = ["data-value"], Te = [
 				minute: r.padStart(2, "0"),
 				second: (i ?? "").padStart(i ? 2 : 0, "0")
 			};
-		}, Pt = (e, t) => {
+		}, Ft = (e, t) => {
 			if (!D.value) return;
-			let n = Nt(t);
+			let n = Pt(t);
 			if (!n) {
 				e.hour = "", e.minute = "", e.second = "", e.meridiem = "";
 				return;
 			}
 			J(e, parseInt(n.hour, 10)), e.minute = n.minute, e.second = T.seconds ? n.second : "";
-		}, Ft = p(() => T.seconds ? "baseDatePickerInput.timeFormatSeconds" : "baseDatePickerInput.timeFormat"), It = p(() => {
+		}, It = p(() => T.seconds ? "baseDatePickerInput.timeFormatSeconds" : "baseDatePickerInput.timeFormat"), Lt = p(() => {
 			if (T.type === "month" || T.type === "year") {
 				let e = T.type === "month" ? "month" : "year";
 				return A(T.range ? `baseDatePickerInput.${e}FormatRange` : `baseDatePickerInput.${e}FormatSingle`).value;
 			}
 			if (!D.value) return A(T.range ? "baseDatePickerInput.dateFormatRange" : "baseDatePickerInput.dateFormatSingle").value;
-			let e = `${A("baseDatePickerInput.dateFormatSingle").value} ${A(Ft.value).value}`;
+			let e = `${A("baseDatePickerInput.dateFormatSingle").value} ${A(It.value).value}`;
 			return T.range ? `${e} – ${e}` : e;
-		}), Lt = p(() => T.placeholder || It.value), Rt = p(() => U.value.every((e) => !W.value[e.segment][e.field])), zt = (e) => {
+		}), Rt = p(() => T.placeholder || Lt.value), zt = p(() => U.value.every((e) => !W.value[e.segment][e.field])), Bt = (e) => {
 			if (!e) return G();
 			let t = R(e);
 			if (!t.isValid()) return G();
 			let n = G();
 			return H.value.has("day") && (n.day = t.format("DD")), H.value.has("month") && (n.month = t.format("MM")), n.year = t.format("YYYY"), D.value && !T.floating && (J(n, t.hour()), n.minute = t.format("mm"), n.second = T.seconds ? t.format("ss") : ""), n;
-		}, Bt = (e) => Array.isArray(T.time) ? T.time[e === "start" ? 0 : 1] : e === "start" ? T.time : void 0, Y = (e) => {
+		}, Vt = (e) => Array.isArray(T.time) ? T.time[e === "start" ? 0 : 1] : e === "start" ? T.time : void 0, Y = (e) => {
 			if (!e) {
 				W.value = {
 					start: G(),
@@ -374,49 +374,49 @@ var we = ["data-value"], Te = [
 			if (T.range) {
 				let [t, n] = Array.isArray(e) ? e : [];
 				W.value = {
-					start: zt(t),
-					end: zt(n)
+					start: Bt(t),
+					end: Bt(n)
 				};
 			} else Array.isArray(e) ? W.value = {
 				start: G(),
 				end: G()
 			} : W.value = {
-				start: zt(e),
+				start: Bt(e),
 				end: G()
 			};
 			if (D.value && T.floating) for (let e of ["start", "end"]) {
 				let t = W.value[e];
-				t.day && Pt(t, Bt(e));
+				t.day && Ft(t, Vt(e));
 			}
-		}, Vt = () => {
+		}, Ht = () => {
 			Y(T.modelValue);
 		};
 		Y(T.modelValue), K();
-		let Ht = (e) => {
+		let Ut = (e) => {
 			if (!D.value || T.floating) return;
 			let t;
-			t = e ? Array.isArray(e) ? e.map((e) => jt(R(e))) : jt(R(e)) : null, Z.value = t, E("update:time", t);
+			t = e ? Array.isArray(e) ? e.map((e) => Mt(R(e))) : Mt(R(e)) : null, Z.value = t, E("update:time", t);
 		};
 		ve(() => T.modelValue, (e) => {
 			if (e === null || Array.isArray(e) && e.length === 0) {
-				Y(e), K(), Ht(e);
+				Y(e), K(), Ut(e);
 				return;
 			}
 			let t = document.activeElement;
-			t && _t(t) || (Y(e), K(), Ht(e));
+			t && vt(t) || (Y(e), K(), Ut(e));
 		}), ve(() => T.time, (e) => {
-			if (!D.value || a(e ?? null) === a(Z.value ?? null)) return;
+			if (!D.value || o(e ?? null) === o(Z.value ?? null)) return;
 			let t = document.activeElement;
-			if (!(t && _t(t))) {
+			if (!(t && vt(t))) {
 				for (let e of ["start", "end"]) {
 					if (e === "end" && !T.range) break;
-					let t = Bt(e), n = W.value[e];
-					t !== void 0 && Pt(n, t);
+					let t = Vt(e), n = W.value[e];
+					t !== void 0 && Ft(n, t);
 				}
 				K(), $({ finalize: !1 });
 			}
 		});
-		let Ut = () => q("start") === "partial" ? !0 : T.range ? q("end") === "partial" : !1, Wt = (e) => {
+		let Wt = () => q("start") === "partial" ? !0 : T.range ? q("end") === "partial" : !1, Gt = (e) => {
 			let t = W.value[e], n = H.value;
 			if (n.has("day") && !t.day || n.has("month") && !t.month || !t.year) return null;
 			let r = n.has("day") ? parseInt(t.day, 10) : 1, i = n.has("month") ? parseInt(t.month, 10) : 1, a = parseInt(t.year, 10);
@@ -427,7 +427,7 @@ var we = ["data-value"], Te = [
 					let e = parseInt(t.hour, 10);
 					if (e < 1 || e > 12) return null;
 				}
-				let e = String(kt(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((T.seconds ? t.second : "") || "0").padStart(2, "0");
+				let e = String(At(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((T.seconds ? t.second : "") || "0").padStart(2, "0");
 				if (parseInt(e, 10) > 23 || parseInt(n, 10) > 59 || parseInt(r, 10) > 59) return null;
 				l = `T${e}:${n}:${r}`, u = "THH:mm:ss";
 			}
@@ -437,11 +437,11 @@ var we = ["data-value"], Te = [
 				d = C(`${o}-${s}-${String(n).padStart(2, "0")}${l}`, w + u, !0), W.value[e].day = String(n).padStart(2, "0");
 			}
 			return d.isValid() ? d : null;
-		}, Gt = (e) => {
+		}, Kt = (e) => {
 			let t = G();
 			return H.value.has("day") && (t.day = e.format("DD")), H.value.has("month") && (t.month = e.format("MM")), t.year = e.format("YYYY"), D.value && (J(t, e.hour()), t.minute = e.format("mm"), t.second = T.seconds ? e.format("ss") : ""), t;
-		}, Kt = (e) => {
-			let t = (t, n) => D.value && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = O.value ? k.value : D.value ? "minute" : "day", r = e, i = Be.value, a = Ve.value;
+		}, qt = (e) => {
+			let t = (t, n) => D.value && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = O.value ? k.value : D.value ? "minute" : "day", r = e, i = Ve.value, a = He.value;
 			if (i) {
 				let e = F(i), n = I(i);
 				r.isBefore(n, O.value ? k.value : D.value && e ? "minute" : "day") && (r = O.value ? n : t(n, e));
@@ -453,13 +453,13 @@ var we = ["data-value"], Te = [
 			return r.isSame(e, n) || V(r) ? null : r;
 		}, X = (e) => {
 			E("error", e);
-		}, qt = (e) => {
-			let t = W.value[e], n = String(kt(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
+		}, Jt = (e) => {
+			let t = W.value[e], n = String(At(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
 			return T.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
 		}, Z = v(void 0), Q = (e) => {
 			if (E("update:modelValue", e), !D.value) return;
 			let t;
-			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => qt(t === 0 ? "start" : "end")) : qt("start"), Z.value = t, E("update:time", t);
+			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => Jt(t === 0 ? "start" : "end")) : Jt("start"), Z.value = t, E("update:time", t);
 		}, $ = (e = {}) => {
 			let t = !!e.finalize, n = q("start");
 			if (!T.range) {
@@ -468,14 +468,14 @@ var we = ["data-value"], Te = [
 					return;
 				}
 				if (n === "partial") return;
-				let e = Wt("start");
+				let e = Gt("start");
 				if (!e) return;
 				if (V(e)) {
 					if (!t) return;
-					let n = L(e), r = Kt(e);
+					let n = L(e), r = qt(e);
 					if (r) {
 						let e = L(r);
-						W.value.start = Gt(r), Q(e), X({
+						W.value.start = Kt(r), Q(e), X({
 							code: "disabled_date",
 							original: n,
 							normalized: e
@@ -496,12 +496,12 @@ var we = ["data-value"], Te = [
 				return;
 			}
 			if (n === "partial" || r === "partial" || n === "empty") return;
-			let i = Wt("start");
+			let i = Gt("start");
 			if (!i) return;
-			let a = r === "empty" ? null : Wt("end"), o = L(i), s = a ? L(a) : null, c = i, l = !1;
+			let a = r === "empty" ? null : Gt("end"), o = L(i), s = a ? L(a) : null, c = i, l = !1;
 			if (V(i)) {
 				if (!t) return;
-				let e = Kt(i), n = s ? [o, s] : [o];
+				let e = qt(i), n = s ? [o, s] : [o];
 				if (!e) {
 					W.value.start = G(), W.value.end = G(), Q(null), X({
 						code: "disabled_range_start",
@@ -510,7 +510,7 @@ var we = ["data-value"], Te = [
 					});
 					return;
 				}
-				if (c = e, l = !0, W.value.start = Gt(e), !a) {
+				if (c = e, l = !0, W.value.start = Kt(e), !a) {
 					let t = [L(e)];
 					Q(t), X({
 						code: "disabled_range_start",
@@ -527,7 +527,7 @@ var we = ["data-value"], Te = [
 			let u = a, d = !1;
 			if (V(a)) {
 				if (!t) return;
-				let e = Kt(a), n = [o, s];
+				let e = qt(a), n = [o, s];
 				if (!e) {
 					let e = [L(c)];
 					W.value.end = G(), Q(e), l && X({
@@ -541,7 +541,7 @@ var we = ["data-value"], Te = [
 					});
 					return;
 				}
-				u = e, d = !0, W.value.end = Gt(e);
+				u = e, d = !0, W.value.end = Kt(e);
 			}
 			if (u.isBefore(c, D.value ? "second" : "day")) {
 				if (!t) return;
@@ -574,38 +574,38 @@ var we = ["data-value"], Te = [
 		};
 		return ge(() => {
 			document.removeEventListener("focusin", B), document.removeEventListener("click", B);
-		}), (e, t) => (_(), se(ee, {
+		}), (e, t) => (_(), se(te, {
 			ref_key: "wrapper",
 			ref: M,
 			active: z.value,
 			"append:icon": T["append:icon"],
 			class: g(["bb-base-date-picker-input", { "bb-base-date-picker-input--range": T.range }]),
-			clearable: T.clearable && !x(te)(e.modelValue),
+			clearable: T.clearable && !x(ne)(e.modelValue),
 			compact: T.compact,
 			disabled: T.disabled,
 			"has-errors": T.hasErrors,
-			"has-value": Fe.value,
+			"has-value": Ie.value,
 			"has-warning": T.hasWarning,
 			loading: T.loading,
 			"prepend:icon": T["prepend:icon"],
 			readonly: T.readonly,
-			"onClick:clear": rt,
-			onFocusin: qe
+			"onClick:clear": it,
+			onFocusin: Je
 		}, le({
 			"prepend-outer": S(() => [y(e.$slots, "prepend-outer")]),
 			prepend: S(() => [y(e.$slots, "prepend")]),
-			append: S(() => [Le.value ? ce("", !0) : (_(), se(f, {
+			append: S(() => [Re.value ? ce("", !0) : (_(), se(ee, {
 				key: 0,
 				ref_key: "datePicker",
-				ref: Me,
-				"active-segment": $e.value,
+				ref: Ne,
+				"active-segment": et.value,
 				adaptive: e.adaptive,
 				ampm: e.ampm,
 				anchor: M.value,
 				disabled: e.disabled,
 				"first-day-of-week": e.firstDayOfWeek,
 				floating: e.floating,
-				label: nt.value,
+				label: rt.value,
 				max: e.max,
 				min: e.min,
 				"model-value": e.modelValue,
@@ -619,16 +619,16 @@ var we = ["data-value"], Te = [
 				"transition-duration": e.transitionDuration,
 				type: e.type,
 				utc: e.utc,
-				onGridPick: Ye["onUpdate:modelValue"],
-				onTimePick: et
+				onGridPick: Xe["onUpdate:modelValue"],
+				onTimePick: tt
 			}, {
 				activator: S(({ props: t }) => [h("button", pe(t, {
 					class: "bb-segmented-field__trigger-btn",
 					disabled: e.disabled || e.readonly,
 					type: "button"
-				}), [ue(r, {
+				}), [ue(a, {
 					class: "bb-segmented-field__trigger-icon",
-					icon: x(re)
+					icon: x(ie)
 				}, null, 8, ["icon"])], 16, De)]),
 				day: S((t) => [y(e.$slots, "day", me(fe(t)))]),
 				"append:day": S((t) => [y(e.$slots, "append:day", me(fe(t)))]),
@@ -660,54 +660,54 @@ var we = ["data-value"], Te = [
 			"append-outer": S(() => [y(e.$slots, "append-outer")]),
 			default: S(() => [h("div", {
 				class: g(["bb-segmented-field__fields", {
-					"bb-segmented-field__fields--empty": Rt.value,
+					"bb-segmented-field__fields--empty": zt.value,
 					"bb-segmented-field__fields--range": e.range
 				}]),
-				style: he({ "--fields-min-ch": x(gt) })
-			}, [Rt.value ? (_(), m("span", {
+				style: he({ "--fields-min-ch": x(_t) })
+			}, [zt.value ? (_(), m("span", {
 				key: 0,
 				"aria-hidden": "true",
 				class: "bb-segmented-field__placeholder",
-				onClick: t[0] ||= (...e) => x(yt) && x(yt)(...e)
-			}, b(Lt.value), 1)) : ce("", !0), (_(!0), m(oe, null, _e(U.value, (t, n) => (_(), m(oe, { key: x(mt)(t) }, [h("span", {
+				onClick: t[0] ||= (...e) => x(bt) && x(bt)(...e)
+			}, b(Rt.value), 1)) : ce("", !0), (_(!0), m(oe, null, _e(U.value, (t, n) => (_(), m(oe, { key: x(ht)(t) }, [h("span", {
 				class: "bb-segmented-field__field-sizer",
-				"data-value": x(ht)(t)
+				"data-value": x(gt)(t)
 			}, [h("input", {
-				id: n === 0 ? x(N) : Tt(t),
+				id: n === 0 ? x(N) : Et(t),
 				ref_for: !0,
-				ref: (e) => x(pt)[x(mt)(t)] = e,
-				"aria-describedby": Pe.value,
+				ref: (e) => x(mt)[x(ht)(t)] = e,
+				"aria-describedby": Fe.value,
 				"aria-disabled": e.disabled || void 0,
 				"aria-invalid": T.hasErrors ? "true" : void 0,
-				"aria-label": Ot(t),
-				"aria-readonly": Re.value || void 0,
+				"aria-label": kt(t),
+				"aria-readonly": ze.value || void 0,
 				autocomplete: e.autocomplete,
 				autofocus: e.autofocus && n === 0,
 				class: g(["bb-segmented-field__field", [`bb-segmented-field__field--${t.field}`, `bb-segmented-field__field--${t.segment}`]]),
 				disabled: e.disabled,
-				inputmode: ze(t.field),
-				maxlength: dt.value[t.field].maxLength,
-				name: Et(t),
-				readonly: Re.value,
+				inputmode: Be(t.field),
+				maxlength: ft.value[t.field].maxLength,
+				name: Dt(t),
+				readonly: ze.value,
 				required: e.required,
-				tabindex: ut(n) ? 0 : -1,
+				tabindex: dt(n) ? 0 : -1,
 				type: "text",
 				value: x(W)[t.segment][t.field],
-				onBlur: (e) => x(Ct)(t),
-				onFocus: (e) => Qe(t),
-				onInput: (e) => x(bt)(t, e),
-				onKeydown: (e) => x(xt)(t, e),
-				onPaste: (e) => x(wt)(t, e)
+				onBlur: (e) => x(wt)(t),
+				onFocus: (e) => $e(t),
+				onInput: (e) => x(xt)(t, e),
+				onKeydown: (e) => x(St)(t, e),
+				onPaste: (e) => x(Tt)(t, e)
 			}, null, 42, Te)], 8, we), n < U.value.length - 1 ? (_(), m("span", {
 				key: 0,
 				"aria-hidden": "true",
 				class: g(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": U.value[n].segment !== U.value[n + 1].segment }]),
 				role: "presentation",
-				onClick: (e) => x(vt)(U.value[n + 1], { select: !0 })
-			}, b(ft(U.value[n], U.value[n + 1])), 11, Ee)) : ce("", !0)], 64))), 128))], 6), h("span", {
-				id: Ne,
+				onClick: (e) => x(yt)(U.value[n + 1], { select: !0 })
+			}, b(pt(U.value[n], U.value[n + 1])), 11, Ee)) : ce("", !0)], 64))), 128))], 6), h("span", {
+				id: Pe,
 				class: "bb-base-date-picker-input__accessible-description sr-only"
-			}, b(x(A)("baseDatePickerInput.dateFormat")) + " " + b(It.value), 1)]),
+			}, b(x(A)("baseDatePickerInput.dateFormat")) + " " + b(Lt.value), 1)]),
 			_: 2
 		}, [e.$slots.prefix ? {
 			name: "prefix",

package/dist/components/BbBaseInputContainer/BbBaseInputContainer.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useId as e } from "../../composables/useId.js";
 import { useLogger as t } from "../../composables/useLogger.js";
-import { getAsPercentage as n } from "../../utilities/functions/percentage.js";
 import "../../utilities/functions/noop.js";
+import { getAsPercentage as n } from "../../utilities/functions/percentage.js";
 import { deburr as r } from "../../utilities/functions/deburr.js";
 import { Fragment as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as ee, createVNode as d, defineComponent as f, guardReactiveProps as p, nextTick as te, normalizeClass as ne, normalizeProps as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, vShow as S, watch as C, withCtx as w, withDirectives as T } from "vue";
 //#region src/components/BbBaseInputContainer/BbBaseInputContainer.vue?vue&type=script&setup=true&lang.ts
@@ -76,7 +76,7 @@ var E = ["id"], D = ["id"], O = ["id"], re = { class: "bb-base-input-container__
 			else if (/^[\S]+\s[\S]+$/g.test(L.value)) {
 				let [t, r] = L.value.split(/\s+/).map((e) => e.length), i = n(t, t + r) + "%", a = n(r, r + t) + "%";
 				k.reverse ? (e.label = a, e.input = i) : (e.label = i, e.input = a);
-			} else ie.warn(`Invalid direction: "${L.value}". Expected 'auto', 'vertical', 'horizontal', or a two-token ratio like '1 2'. Falling back to 'auto'.`);
+			} else ie.warn(`Invalid direction: "${L.value}". Expected 'auto', 'vertical', 'horizontal', or a two-token pattern whose TOKEN LENGTHS are the ratio, like 'x xx' for 1:2. Falling back to 'auto'.`);
 			return e;
 		}), W = o(() => k.errors ? [].concat(k.errors) : []), G = o(() => !!W.value.length || k.hasErrors), K = o(() => k.warnings ? [].concat(k.warnings) : []), q = o(() => (!!k.hasWarning || !!K.value.length) && !G.value), J = o(() => q.value ? K.value : []), oe = o(() => [
 			W.value.length ? P : void 0,