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

package/dist/components/BbBaseDatePicker/BbBaseDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,40 +1,40 @@
-import { useId as e } from "../../composables/useId.js";
-import { useLogger as t } from "../../composables/useLogger.js";
-import n from "../BbBaseButton/BbBaseButton.vue.js";
-import { useLocale as r } from "../../composables/useLocale.js";
-import { hash as i } from "../../utilities/functions/hash.js";
-import { isCoarseType as a, unitOfType as o } from "../../types/DatePickerType.js";
-import { toInnerValue as s, toOuterValue as c } from "../../utilities/functions/convertDateValue.js";
-import { last as l } from "../../utilities/functions/last.js";
-import { validateDateFormat as u } from "../../utilities/functions/validateDateFormat.js";
-import { normalizeDateBound as ee } from "../../utilities/functions/normalizeDateBound.js";
-import { isDateDisabled as te } from "../../utilities/functions/isDateDisabled.js";
-import { identity as ne } from "../../utilities/functions/identity.js";
-import { isNotNil as re } from "../../utilities/functions/isNotNil.js";
-import { sort as ie } from "../../utilities/functions/sort.js";
-import { normalizeSearchToken as ae, useTypeahead as oe } from "./typeahead.js";
-import se from "./BbBaseDatePickerInputDaySelector.vue.js";
-import { provideDatePickerContext as ce } from "./useDatePickerContext.js";
-import le from "./BbBaseDatePickerMonthSelector.vue.js";
-import ue from "../Transitions/ScaleFade.vue.js";
-import de from "./BbBaseDatePickerYearSelector.vue.js";
-import { config as d } from "virtual:bitboss-ui/config";
-import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as fe, createElementVNode as h, createSlots as pe, createTextVNode as me, createVNode as g, defineComponent as he, guardReactiveProps as ge, nextTick as _e, normalizeClass as _, normalizeProps as ve, normalizeStyle as ye, openBlock as v, ref as y, renderList as be, renderSlot as xe, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
-import w from "dayjs";
-import Se from "dayjs/plugin/isSameOrAfter";
-import Ce from "dayjs/plugin/isSameOrBefore";
-import we from "dayjs/plugin/weekOfYear";
+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 r from "../BbBaseButton/BbBaseButton.vue.js";
+import { useLocale as i } from "../../composables/useLocale.js";
+import { hash as a } from "../../utilities/functions/hash.js";
+import { isCoarseType as o, unitOfType as s } from "../../types/DatePickerType.js";
+import { toInnerValue as c, toOuterValue as l } from "../../utilities/functions/convertDateValue.js";
+import { last as u } from "../../utilities/functions/last.js";
+import { validateDateFormat as ee } from "../../utilities/functions/validateDateFormat.js";
+import { normalizeDateBound as te } from "../../utilities/functions/normalizeDateBound.js";
+import { isDateDisabled as ne } from "../../utilities/functions/isDateDisabled.js";
+import { identity as re } from "../../utilities/functions/identity.js";
+import { isNotNil as ie } from "../../utilities/functions/isNotNil.js";
+import { sort as ae } from "../../utilities/functions/sort.js";
+import { normalizeSearchToken as oe, useTypeahead as se } from "./typeahead.js";
+import ce from "./BbBaseDatePickerInputDaySelector.vue.js";
+import { provideDatePickerContext as le } from "./useDatePickerContext.js";
+import ue from "./BbBaseDatePickerMonthSelector.vue.js";
+import de from "../Transitions/ScaleFade.vue.js";
+import fe from "./BbBaseDatePickerYearSelector.vue.js";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as pe, createElementVNode as m, createSlots as me, createTextVNode as he, createVNode as h, defineComponent as ge, guardReactiveProps as _e, nextTick as ve, normalizeClass as g, normalizeProps as ye, normalizeStyle as be, openBlock as _, ref as v, renderList as xe, renderSlot as Se, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
+import C from "dayjs";
+import Ce from "dayjs/plugin/isSameOrAfter";
+import we from "dayjs/plugin/isSameOrBefore";
+import Te from "dayjs/plugin/weekOfYear";
 //#region src/components/BbBaseDatePicker/BbBaseDatePicker.vue?vue&type=script&setup=true&lang.ts
-var Te = {
+var Ee = {
 	"aria-live": "polite",
 	class: "sr-only"
-}, Ee = {
+}, De = {
 	"aria-live": "polite",
 	class: "sr-only"
-}, De = { class: "bb-base-date-picker__body" }, Oe = {
+}, Oe = { class: "bb-base-date-picker__body" }, ke = {
 	key: 0,
 	class: "bb-base-date-picker__controls"
-}, ke = { class: "sr-only" }, Ae = { class: "bb-base-date-picker__nav-center" }, je = { class: "sr-only" }, Me = { class: "bb-base-date-picker__content" }, Ne = ["id"], T = /*@__PURE__*/ he({
+}, Ae = { class: "sr-only" }, je = { class: "bb-base-date-picker__nav-center" }, Me = { class: "sr-only" }, Ne = { class: "bb-base-date-picker__content" }, Pe = ["id"], w = /*@__PURE__*/ ge({
 	__name: "BbBaseDatePicker",
 	props: {
 		disabled: { type: Boolean },
@@ -52,69 +52,69 @@ var Te = {
 		utc: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(he, { expose: T, emit: Pe }) {
-		let E = he, Fe = Pe;
-		w.extend(we), w.extend(Se), w.extend(Ce);
-		let { t: D } = r(), Ie = E.id || e().id, O = t();
-		E.multiple && E.range && O.throw("Date picker cannot be both multiple and range."), (E.multiple || E.range) && (Array.isArray(E.modelValue) || O.throw("Date picker is set to select multiple dates but modelValue is not an array."));
-		let k = f(() => a(E.type)), A = f(() => o(E.type)), j = f(() => ee(E.min, E.type, "min", (e) => O.warn(`Date picker: ${e}`))), M = f(() => ee(E.max, E.type, "max", (e) => O.warn(`Date picker: ${e}`)));
-		k.value || (E.min && u(E.min, "Min"), E.max && u(E.max, "Max"));
-		let Le = f(() => ({
-			floating: E.floating,
-			utc: E.utc,
-			type: E.type
-		})), N = (e) => s(e, Le.value), P = y(w()), F = (e) => {
+	setup(ge, { expose: w, emit: Fe }) {
+		let T = ge, Ie = Fe;
+		C.extend(Te), C.extend(Ce), C.extend(we);
+		let E = e(), { t: D } = i(), Le = T.id || t().id, O = n();
+		T.multiple && T.range && O.throw("Date picker cannot be both multiple and range."), (T.multiple || T.range) && (Array.isArray(T.modelValue) || O.throw("Date picker is set to select multiple dates but modelValue is not an array."));
+		let k = d(() => o(T.type)), A = d(() => s(T.type)), j = d(() => te(T.min, T.type, "min", (e) => O.warn(`Date picker: ${e}`))), M = d(() => te(T.max, T.type, "max", (e) => O.warn(`Date picker: ${e}`)));
+		k.value || (T.min && ee(T.min, "Min"), T.max && ee(T.max, "Max"));
+		let Re = d(() => ({
+			floating: T.floating,
+			utc: T.utc,
+			type: T.type
+		})), N = (e) => c(e, Re.value), P = v(C()), F = (e) => {
 			if (!e) return null;
 			let t = N(e);
 			return t.isValid() ? t : null;
-		}, Re = () => {
-			let e = w().startOf("day"), t = F(j.value), n = F(M.value);
+		}, ze = () => {
+			let e = C().startOf("day"), t = F(j.value), n = F(M.value);
 			return t && e.isBefore(t, A.value) ? t.startOf(A.value) : n && e.isAfter(n, A.value) ? n.startOf(A.value) : e;
-		}, ze = (e) => {
+		}, I = (e) => {
 			if (!e) {
-				P.value = Re();
+				P.value = ze();
 				return;
 			}
 			if (Array.isArray(e)) {
 				if (e.length === 0) {
-					P.value = Re();
+					P.value = ze();
 					return;
 				}
 				let t = e.map((e) => N(e).startOf(A.value).valueOf()), n = P.value.valueOf();
 				if (t.includes(n)) return;
-				P.value = N(l(e) ?? "").startOf(A.value);
+				P.value = N(u(e) ?? "").startOf(A.value);
 				return;
 			}
 			P.value = N(e).startOf(A.value);
 		};
-		ze(E.modelValue);
-		let I = f(() => k.value ? A.value : "day"), L = y(I.value);
-		S(I, (e) => {
-			L.value = e;
+		I(T.modelValue);
+		let L = d(() => k.value ? A.value : "day"), R = v(L.value);
+		x(L, (e) => {
+			R.value = e;
 		});
-		let R = y(null), z = y(null), B = y(0), V = () => {
-			B.value += 1;
+		let z = v(null), B = v(null), V = v(0), H = () => {
+			V.value += 1;
 		}, Be = (e) => {
-			e === I.value || E.type === "year" || (L.value = L.value === e ? I.value : e, V());
-		}, H = f(() => P.value.locale(d.locale).format("MMMM")), U = f(() => P.value.format("YYYY")), Ve = f(() => `${H.value}, ${D("datePicker.monthLabel").value}`), He = f(() => `${U.value}, ${D("datePicker.yearLabel").value}`), Ue = f(() => {
-			let e = P.value.startOf("month"), t = P.value.endOf("month"), n = (e.day() - E.firstDayOfWeek + 7) % 7, r = ((E.firstDayOfWeek + 6) % 7 - t.day() + 7) % 7 + 1;
+			e === L.value || T.type === "year" || (R.value = R.value === e ? L.value : e, H());
+		}, U = d(() => P.value.locale(E.locale).format("MMMM")), W = d(() => P.value.format("YYYY")), Ve = d(() => `${U.value}, ${D("datePicker.monthLabel").value}`), He = d(() => `${W.value}, ${D("datePicker.yearLabel").value}`), Ue = d(() => {
+			let e = P.value.startOf("month"), t = P.value.endOf("month"), n = (e.day() - T.firstDayOfWeek + 7) % 7, r = ((T.firstDayOfWeek + 6) % 7 - t.day() + 7) % 7 + 1;
 			return (P.value.daysInMonth() - 1 + n + r) / 7;
-		}), We = f(() => L.value === "month" ? D("datePicker.selectingMonth").value : L.value === "year" ? D("datePicker.selectingYear").value : ""), Ge = f(() => E.type === "year" ? U.value : E.type === "month" ? `${H.value} ${U.value}` : `${P.value.format("ddd")}, ${P.value.format("D")} ${H.value}`), W = (e) => {
+		}), We = d(() => R.value === "month" ? D("datePicker.selectingMonth").value : R.value === "year" ? D("datePicker.selectingYear").value : ""), Ge = d(() => T.type === "year" ? W.value : T.type === "month" ? `${U.value} ${W.value}` : `${P.value.format("ddd")}, ${P.value.format("D")} ${U.value}`), G = (e) => {
 			P.value = P.value.set("month", e);
-		}, G = f(() => E.type === "month" ? "year" : "month"), Ke = () => {
-			Y.value = null, P.value = P.value.subtract(1, G.value);
+		}, K = d(() => T.type === "month" ? "year" : "month"), Ke = () => {
+			X.value = null, P.value = P.value.subtract(1, K.value);
 		}, qe = () => {
-			Y.value = null, P.value = P.value.add(1, G.value);
+			X.value = null, P.value = P.value.add(1, K.value);
 		}, Je = (e) => {
 			let t = F(j.value);
 			return !t || t.isBefore(P.value.startOf(e));
 		}, Ye = (e) => {
 			let t = F(M.value);
 			return !t || t.isAfter(P.value.endOf(e));
-		}, Xe = f(() => Je(G.value)), Ze = f(() => Ye(G.value)), Qe = f(() => Je("year") || Ye("year")), $e = f(() => k.value ? D("datePicker.previousYearLabel").value : D("datePicker.previousMonthLabel").value), et = f(() => k.value ? D("datePicker.nextYearLabel").value : D("datePicker.nextMonthLabel").value), K = (e) => {
+		}, Xe = d(() => Je(K.value)), Ze = d(() => Ye(K.value)), Qe = d(() => Je("year") || Ye("year")), $e = d(() => k.value ? D("datePicker.previousYearLabel").value : D("datePicker.previousMonthLabel").value), et = d(() => k.value ? D("datePicker.nextYearLabel").value : D("datePicker.nextMonthLabel").value), q = (e) => {
 			P.value = P.value.set("year", e);
-		}, q = f(() => {
-			let e = P.value.startOf("year"), t = d.locale;
+		}, J = d(() => {
+			let e = P.value.startOf("year"), t = E.locale;
 			return Array.from({ length: 12 }, (n, r) => {
 				let i = e.add(r, "month"), a = i.locale(t).format("MMMM"), o = i.locale(t).format("MMM");
 				return {
@@ -126,84 +126,84 @@ var Te = {
 						o,
 						String(r + 1),
 						String(r + 1).padStart(2, "0")
-					].map((e) => ae(e, t)),
+					].map((e) => oe(e, t)),
 					value: r
 				};
 			});
-		}), tt = (e) => ae(String(e), "en"), nt = f(() => {
-			let e = [].concat(E.modelValue).filter(ne).map((e) => N(e).startOf(A.value).valueOf()), t = e.length ? Math.min(...e) : Infinity, n = e.length ? Math.max(...e) : -Infinity, r = {};
+		}), tt = (e) => oe(String(e), "en"), nt = d(() => {
+			let e = [].concat(T.modelValue).filter(re).map((e) => N(e).startOf(A.value).valueOf()), t = e.length ? Math.min(...e) : Infinity, n = e.length ? Math.max(...e) : -Infinity, r = {};
 			return e.forEach((e, t) => {
 				r[e] = t;
 			}), {
 				min: t,
 				max: n,
-				selected: (e) => re(r[e.valueOf()]),
+				selected: (e) => ie(r[e.valueOf()]),
 				isFirst: (e) => e.valueOf() === t,
 				isLast: (e) => e.valueOf() === n,
 				isBetween: (e) => e.valueOf() > t && e.valueOf() < n
 			};
-		}), J = f(() => !!E.range && Array.isArray(E.modelValue) && E.modelValue.length === 1), Y = y(null), rt = (e) => {
-			Y.value = J.value && e ? e.valueOf() : null;
-		}, it = (e) => te(e, {
+		}), Y = d(() => !!T.range && Array.isArray(T.modelValue) && T.modelValue.length === 1), X = v(null), rt = (e) => {
+			X.value = Y.value && e ? e.valueOf() : null;
+		}, it = (e) => ne(e, {
 			min: j.value,
 			max: M.value,
-			selectable: E.selectable,
-			floating: E.floating,
-			utc: E.utc,
-			type: E.type
-		}), X = (e) => {
-			let t = e.startOf(A.value), n = nt.value, r = t.valueOf(), i = n.selected(t), a = !!E.range && n.isFirst(t), o = !!E.range && n.isLast(t), s = J.value ? n.min : null, c = J.value ? Y.value : null, l = s !== null && c !== null ? Math.min(s, c) : null, u = s !== null && c !== null ? Math.max(s, c) : null;
+			selectable: T.selectable,
+			floating: T.floating,
+			utc: T.utc,
+			type: T.type
+		}), at = (e) => {
+			let t = e.startOf(A.value), n = nt.value, r = t.valueOf(), i = n.selected(t), a = !!T.range && n.isFirst(t), o = !!T.range && n.isLast(t), s = Y.value ? n.min : null, c = Y.value ? X.value : null, l = s !== null && c !== null ? Math.min(s, c) : null, u = s !== null && c !== null ? Math.max(s, c) : null;
 			return {
 				selected: i,
 				first: a,
 				last: o,
-				middle: !!E.range && !a && !o && n.isBetween(t),
+				middle: !!T.range && !a && !o && n.isBetween(t),
 				preview: l !== null && u !== null && l !== u && r >= l && r <= u,
-				disabled: E.disabled === !0 || it(t)
+				disabled: T.disabled === !0 || it(t)
 			};
-		}, at = (e) => {
-			if (E.readonly) return;
+		}, ot = (e) => {
+			if (T.readonly) return;
 			let t = e.startOf(A.value);
 			if (it(t)) return;
-			let n = c(t, Le.value), r = X(t);
-			if (E.range) {
-				if (!Array.isArray(E.modelValue)) return;
-				E.modelValue.length === 1 ? $(ie([E.modelValue[0], n])) : $([n]), Y.value = null;
+			let n = l(t, Re.value), r = at(t);
+			if (T.range) {
+				if (!Array.isArray(T.modelValue)) return;
+				T.modelValue.length === 1 ? $(ae([T.modelValue[0], n])) : $([n]), X.value = null;
 				return;
 			}
-			if (E.multiple) {
-				if (!Array.isArray(E.modelValue)) return;
-				$(r.selected ? E.modelValue.filter((e) => e !== n) : ie([...E.modelValue, n]));
+			if (T.multiple) {
+				if (!Array.isArray(T.modelValue)) return;
+				$(r.selected ? T.modelValue.filter((e) => e !== n) : ae([...T.modelValue, n]));
 				return;
 			}
 			$(r.selected ? null : n);
 		};
-		ce({
+		le({
 			cursor: P,
-			disabled: f(() => E.disabled === !0),
-			monthOptions: q,
+			disabled: d(() => T.disabled === !0),
+			monthOptions: J,
 			yearToken: tt,
-			typeaheadResetKey: B,
+			typeaheadResetKey: V,
 			selectMonth: (e) => {
 				if (k.value) {
-					at(P.value.set("month", e)), W(e);
+					ot(P.value.set("month", e)), G(e);
 					return;
 				}
-				W(e), V(), L.value = I.value, _e(() => {
-					R.value?.$el instanceof HTMLElement && R.value.$el.focus();
+				G(e), H(), R.value = L.value, ve(() => {
+					z.value?.$el instanceof HTMLElement && z.value.$el.focus();
 				});
 			},
 			selectYear: (e) => {
-				if (E.type === "year") {
-					at(P.value.set("year", e)), K(e);
+				if (T.type === "year") {
+					ot(P.value.set("year", e)), q(e);
 					return;
 				}
-				K(e), V(), L.value = I.value, _e(() => {
-					z.value?.$el instanceof HTMLElement && z.value.$el.focus();
+				q(e), H(), R.value = L.value, ve(() => {
+					B.value?.$el instanceof HTMLElement && B.value.$el.focus();
 				});
 			},
-			terminalUnit: f(() => E.type === "month" || E.type === "year" ? E.type : null),
-			boundYears: f(() => {
+			terminalUnit: d(() => T.type === "month" || T.type === "year" ? T.type : null),
+			boundYears: d(() => {
 				let e = (e) => {
 					if (!e) return null;
 					let t = N(e);
@@ -214,106 +214,106 @@ var Te = {
 					max: e(M.value)
 				};
 			}),
-			unitState: X,
+			unitState: at,
 			setHoveredUnit: rt
 		});
-		let { onKeydown: ot, reset: st } = oe({
-			candidates: () => q.value,
+		let { onKeydown: st, reset: ct } = se({
+			candidates: () => J.value,
 			getTokens: (e) => e.tokens,
-			getCurrent: () => q.value.find((e) => e.value === P.value.month()),
+			getCurrent: () => J.value.find((e) => e.value === P.value.month()),
 			onMatch: () => {},
-			onCommit: (e) => W(e.value),
+			onCommit: (e) => G(e.value),
 			autoCommit: !0,
-			locale: () => d.locale
-		}), ct = (e) => {
-			e.key === "Enter" || L.value !== I.value || ot(e);
-		}, Z = f(() => {
+			locale: () => E.locale
+		}), lt = (e) => {
+			e.key === "Enter" || R.value !== L.value || st(e);
+		}, Z = d(() => {
 			let e = P.value.year(), t = [];
 			for (let n = e - 100; n <= e + 100; n++) t.push({
 				value: n,
 				token: tt(n)
 			});
 			return t;
-		}), { onKeydown: lt, reset: ut } = oe({
+		}), { onKeydown: ut, reset: dt } = se({
 			candidates: () => Z.value,
 			getTokens: (e) => [e.token],
 			getCurrent: () => Z.value.find((e) => e.value === P.value.year()),
 			onMatch: () => {},
-			onCommit: (e) => K(e.value),
+			onCommit: (e) => q(e.value),
 			autoCommit: !0,
 			locale: () => "en"
-		}), dt = (e) => {
-			e.key === "Enter" || L.value !== I.value || lt(e);
+		}), ft = (e) => {
+			e.key === "Enter" || R.value !== L.value || ut(e);
 		};
-		S(B, () => {
-			st(), ut();
+		x(V, () => {
+			ct(), dt();
 		});
-		let ft = (e) => {
+		let pt = (e) => {
 			P.value = e;
-		}, Q = y(E.modelValue), $ = (e) => {
-			Q.value = e, Fe("update:modelValue", e);
+		}, Q = v(T.modelValue), $ = (e) => {
+			Q.value = e, Ie("update:modelValue", e);
 		};
-		return S(() => E.modelValue, () => {
-			i(E.modelValue) !== i(Q.value) && (Q.value = E.modelValue, ze(E.modelValue));
-		}), T({ resetStatus: () => {
-			L.value = I.value;
-		} }), (e, t) => (v(), fe("div", {
-			class: _(["bb-base-date-picker", k.value ? `bb-base-date-picker--unit-${I.value}` : void 0]),
-			style: ye({ "--weeks": Ue.value })
+		return x(() => T.modelValue, () => {
+			a(T.modelValue) !== a(Q.value) && (Q.value = T.modelValue, I(T.modelValue));
+		}), w({ resetStatus: () => {
+			R.value = L.value;
+		} }), (e, t) => (_(), pe("div", {
+			class: g(["bb-base-date-picker", k.value ? `bb-base-date-picker--unit-${L.value}` : void 0]),
+			style: be({ "--weeks": Ue.value })
 		}, [
-			h("span", Te, b(U.value), 1),
-			h("div", Ee, b(Ge.value), 1),
-			h("div", De, [e.type === "year" ? m("", !0) : (v(), fe("div", Oe, [
-				g(x(n), {
+			m("span", Ee, y(W.value), 1),
+			m("div", De, y(Ge.value), 1),
+			m("div", Oe, [e.type === "year" ? p("", !0) : (_(), pe("div", ke, [
+				h(b(r), {
 					"aria-label": $e.value,
 					class: "bb-base-date-picker__nav-btn",
-					disabled: e.disabled || L.value !== I.value || !Xe.value,
+					disabled: e.disabled || R.value !== L.value || !Xe.value,
 					onClick: Ke
 				}, {
-					default: C(() => [t[2] ||= h("svg", {
+					default: S(() => [t[2] ||= m("svg", {
 						fill: "none",
 						height: "16",
 						viewBox: "0 0 16 16",
 						width: "16",
 						xmlns: "http://www.w3.org/2000/svg"
-					}, [h("path", {
+					}, [m("path", {
 						d: "M10 12 6 8l4-4",
 						stroke: "currentColor",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-width": "1.5"
-					})], -1), h("span", ke, b($e.value), 1)]),
+					})], -1), m("span", Ae, y($e.value), 1)]),
 					_: 1
 				}, 8, ["aria-label", "disabled"]),
-				h("div", Ae, [e.type === "month" ? m("", !0) : (v(), p(x(n), {
+				m("div", je, [e.type === "month" ? p("", !0) : (_(), f(b(r), {
 					key: 0,
 					ref_key: "monthHeadingButton",
-					ref: R,
-					"aria-expanded": L.value === "month",
+					ref: z,
+					"aria-expanded": R.value === "month",
 					"aria-label": Ve.value,
-					class: _(["bb-base-date-picker__heading-btn", { "bb-base-date-picker__heading-btn--active": L.value === "month" }]),
+					class: g(["bb-base-date-picker__heading-btn", { "bb-base-date-picker__heading-btn--active": R.value === "month" }]),
 					disabled: e.disabled,
 					onClick: t[0] ||= (e) => Be("month"),
-					onKeydown: ct
+					onKeydown: lt
 				}, {
-					default: C(() => [me(b(H.value), 1)]),
+					default: S(() => [he(y(U.value), 1)]),
 					_: 1
 				}, 8, [
 					"aria-expanded",
 					"aria-label",
 					"class",
 					"disabled"
-				])), g(x(n), {
+				])), h(b(r), {
 					ref_key: "yearHeadingButton",
-					ref: z,
-					"aria-expanded": L.value === "year",
+					ref: B,
+					"aria-expanded": R.value === "year",
 					"aria-label": He.value,
-					class: _(["bb-base-date-picker__heading-btn", { "bb-base-date-picker__heading-btn--active": L.value === "year" }]),
+					class: g(["bb-base-date-picker__heading-btn", { "bb-base-date-picker__heading-btn--active": R.value === "year" }]),
 					disabled: e.disabled || !Qe.value,
 					onClick: t[1] ||= (e) => Be("year"),
-					onKeydown: dt
+					onKeydown: ft
 				}, {
-					default: C(() => [me(b(U.value), 1)]),
+					default: S(() => [he(y(W.value), 1)]),
 					_: 1
 				}, 8, [
 					"aria-expanded",
@@ -321,37 +321,37 @@ var Te = {
 					"class",
 					"disabled"
 				])]),
-				g(x(n), {
+				h(b(r), {
 					"aria-label": et.value,
 					class: "bb-base-date-picker__nav-btn",
-					disabled: e.disabled || L.value !== I.value || !Ze.value,
+					disabled: e.disabled || R.value !== L.value || !Ze.value,
 					onClick: qe
 				}, {
-					default: C(() => [t[3] ||= h("svg", {
+					default: S(() => [t[3] ||= m("svg", {
 						fill: "none",
 						height: "16",
 						viewBox: "0 0 16 16",
 						width: "16",
 						xmlns: "http://www.w3.org/2000/svg"
-					}, [h("path", {
+					}, [m("path", {
 						d: "M6 12l4-4-4-4",
 						stroke: "currentColor",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-width": "1.5"
-					})], -1), h("span", je, b(et.value), 1)]),
+					})], -1), m("span", Me, y(et.value), 1)]),
 					_: 1
 				}, 8, ["aria-label", "disabled"])
-			])), h("div", Me, [
-				k.value ? m("", !0) : (v(), p(se, {
+			])), m("div", Ne, [
+				k.value ? p("", !0) : (_(), f(ce, {
 					key: 0,
-					id: x(Ie),
-					current: L.value === "day",
+					id: b(Le),
+					current: R.value === "day",
 					cursor: P.value,
 					disabled: e.disabled,
 					"first-day-of-week": e.firstDayOfWeek,
 					floating: e.floating,
-					inert: L.value !== "day",
+					inert: R.value !== "day",
 					max: e.max,
 					min: e.min,
 					"model-value": e.modelValue,
@@ -361,11 +361,11 @@ var Te = {
 					selectable: e.selectable,
 					type: e.type,
 					utc: e.utc,
-					"onUpdate:cursor": ft,
+					"onUpdate:cursor": pt,
 					"onUpdate:modelValue": $
-				}, pe({ _: 2 }, [be(e.$slots, (t, n) => ({
+				}, me({ _: 2 }, [xe(e.$slots, (t, n) => ({
 					name: n,
-					fn: C((t) => [xe(e.$slots, n, ve(ge(t)))])
+					fn: S((t) => [Se(e.$slots, n, ye(_e(t)))])
 				}))]), 1032, [
 					"id",
 					"current",
@@ -384,24 +384,24 @@ var Te = {
 					"type",
 					"utc"
 				])),
-				g(ue, { duration: 150 }, {
-					default: C(() => [L.value === "month" ? (v(), p(le, { key: 0 })) : m("", !0)]),
+				h(de, { duration: 150 }, {
+					default: S(() => [R.value === "month" ? (_(), f(ue, { key: 0 })) : p("", !0)]),
 					_: 1
 				}),
-				g(ue, { duration: 150 }, {
-					default: C(() => [L.value === "year" ? (v(), p(de, { key: 0 })) : m("", !0)]),
+				h(de, { duration: 150 }, {
+					default: S(() => [R.value === "year" ? (_(), f(fe, { key: 0 })) : p("", !0)]),
 					_: 1
 				})
 			])]),
-			h("div", {
-				id: `${x(Ie)}-status`,
+			m("div", {
+				id: `${b(Le)}-status`,
 				"aria-atomic": "true",
 				"aria-live": "polite",
 				class: "sr-only",
 				role: "status"
-			}, b(We.value), 9, Ne)
+			}, y(We.value), 9, Pe)
 		], 6));
 	}
 });
 //#endregion
-export { T as default };
+export { w as default };

package/dist/components/BbBaseDatePicker/BbBaseDatePickerInputDaySelector.vue.d.ts

@@ -1,5 +1,14 @@
 import { default as dayjs, Dayjs } from 'dayjs';
 import { DatePickerType } from '../../types/DatePickerType';
+type __VLS_Slots = Record<string, (props: {
+    first: boolean;
+    highlighted: boolean;
+    item: Dayjs;
+    label: string;
+    last: boolean;
+    middle: boolean;
+    selected: boolean;
+}) => any>;
 type Props = {
     cursor: Dayjs;
     current: boolean;
@@ -20,15 +29,6 @@ type Props = {
     type?: DatePickerType;
     utc?: boolean;
 };
-type __VLS_Slots = Record<string, (props: {
-    first: boolean;
-    highlighted: boolean;
-    item: Dayjs;
-    label: string;
-    last: boolean;
-    middle: boolean;
-    selected: boolean;
-}) => any>;
 type DateValue = string | string[] | null;
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: DateValue) => any;