bitboss-ui 3.0.0-beta.65 → 3.0.0-beta.67

package/dist/components/BbCalendar/useCalendarGrid.d.ts

@@ -15,6 +15,7 @@ export type CalendarGridSource = {
     props: Readonly<{
         disabled: boolean;
         multiple: boolean;
+        numberOfMonths?: number;
         range: boolean;
         readonly: boolean;
         selectable?: (date: string) => boolean;
@@ -183,6 +184,138 @@ export declare const useCalendarGrid: ({ props, firstDayOfWeek, floating: gridFl
             (value: number): Dayjs;
         };
     }>;
+    viewStart: import('vue').Ref<{
+        clone: () => Dayjs;
+        isValid: () => boolean;
+        year: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        month: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        date: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        day: {
+            (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            (value: number): Dayjs;
+        };
+        hour: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        minute: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        second: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        millisecond: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        set: (unit: dayjs.UnitType, value: number) => Dayjs;
+        get: (unit: dayjs.UnitType) => number;
+        add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        startOf: (unit: dayjs.OpUnitType) => Dayjs;
+        endOf: (unit: dayjs.OpUnitType) => Dayjs;
+        format: (template?: string) => string;
+        diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+        valueOf: () => number;
+        unix: () => number;
+        daysInMonth: () => number;
+        toDate: () => Date;
+        toJSON: () => string;
+        toISOString: () => string;
+        toString: () => string;
+        utcOffset: () => number;
+        isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        locale: {
+            (): string;
+            (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+        };
+        isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        week: {
+            (): number;
+            (value: number): Dayjs;
+        };
+    }, Dayjs | {
+        clone: () => Dayjs;
+        isValid: () => boolean;
+        year: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        month: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        date: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        day: {
+            (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            (value: number): Dayjs;
+        };
+        hour: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        minute: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        second: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        millisecond: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        set: (unit: dayjs.UnitType, value: number) => Dayjs;
+        get: (unit: dayjs.UnitType) => number;
+        add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        startOf: (unit: dayjs.OpUnitType) => Dayjs;
+        endOf: (unit: dayjs.OpUnitType) => Dayjs;
+        format: (template?: string) => string;
+        diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+        valueOf: () => number;
+        unix: () => number;
+        daysInMonth: () => number;
+        toDate: () => Date;
+        toJSON: () => string;
+        toISOString: () => string;
+        toString: () => string;
+        utcOffset: () => number;
+        isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        locale: {
+            (): string;
+            (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+        };
+        isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        week: {
+            (): number;
+            (value: number): Dayjs;
+        };
+    }>;
+    monthCount: import('vue').ComputedRef<number>;
+    panes: import('vue').ComputedRef<Dayjs[]>;
+    monthYearOf: (month: Dayjs) => string;
     weeksInMonth: import('vue').ComputedRef<number>;
     formattedMonth: import('vue').ComputedRef<string>;
     formattedYear: import('vue').ComputedRef<string>;

package/dist/components/BbCalendar/useCalendarGrid.js

@@ -1,125 +1,131 @@
-import { useLogger as e } from "../../composables/useLogger.js";
-import { useConfig as t } from "../../composables/useConfig.js";
-import { hash as n } from "../../utilities/functions/hash.js";
-import { useLocale as r } from "../../composables/useLocale.js";
-import { normalizeSearchToken as i, useTypeahead as a } from "../../composables/useTypeahead.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 { provideCalendarContext as u } from "./useCalendarContext.js";
-import { dayjsLocaleOf as d, formatDateOf as f } from "./useDayjsLocale.js";
-import { useToday as ee } from "./useToday.js";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useLocale as t } from "../../composables/useLocale.js";
+import { useLogger as n } from "../../composables/useLogger.js";
+import { normalizeSearchToken as r, useTypeahead as i } from "../../composables/useTypeahead.js";
+import { isCoarseType as a, unitOfType as o } from "../../types/DatePickerType.js";
+import { dayjsLocaleOf as s, formatDateOf as c } from "./useDayjsLocale.js";
+import { useToday as l } from "./useToday.js";
+import { toInnerValue as u, toOuterValue as ee } from "../../utilities/functions/convertDateValue.js";
+import { hash as d } from "../../utilities/functions/hash.js";
 import { identity as te } from "../../utilities/functions/identity.js";
 import { isDateDisabled as ne } from "../../utilities/functions/isDateDisabled.js";
 import { isNotNil as re } from "../../utilities/functions/isNotNil.js";
 import { last as ie } from "../../utilities/functions/last.js";
-import { normalizeDateBound as p } from "../../utilities/functions/normalizeDateBound.js";
-import { sort as m } from "../../utilities/functions/sort.js";
-import { validateDateFormat as h } from "../../utilities/functions/validateDateFormat.js";
-import { computed as g, nextTick as ae, ref as _, watch as v } from "vue";
-import y from "dayjs";
-import oe from "dayjs/plugin/isSameOrAfter";
-import se from "dayjs/plugin/isSameOrBefore";
-import ce from "dayjs/plugin/weekOfYear";
-//#region src/components/BbCalendar/useCalendarGrid.ts
-var b = ({ props: b, firstDayOfWeek: x, floating: S, min: C, max: w, modelValue: T, pick: le, passthrough: ue }) => {
-	y.extend(ce), y.extend(oe), y.extend(se);
-	let E = t(), { t: D } = r(), O = e();
-	b.multiple && b.range && O.throw("Date picker cannot be both multiple and range.");
-	let k = g(() => o(b.type)), A = g(() => s(b.type)), j = g(() => p(C(), b.type, "min", (e) => O.warn(`Date picker: ${e}`))), M = g(() => p(w(), b.type, "max", (e) => O.warn(`Date picker: ${e}`)));
-	if (!k.value) {
-		let e = C();
-		e && h(e, "Min");
-		let t = w();
-		t && h(t, "Max");
+import { normalizeDateBound as f } from "../../utilities/functions/normalizeDateBound.js";
+import { sort as p } from "../../utilities/functions/sort.js";
+import { validateDateFormat as ae } from "../../utilities/functions/validateDateFormat.js";
+import { provideCalendarContext as oe } from "./useCalendarContext.js";
+import { computed as m, nextTick as se, ref as h, watch as g } from "vue";
+import _ from "dayjs";
+import ce from "dayjs/plugin/isSameOrAfter";
+import le from "dayjs/plugin/isSameOrBefore";
+import ue from "dayjs/plugin/weekOfYear";
+// src/components/BbCalendar/useCalendarGrid.ts
+var v = ({ props: v, firstDayOfWeek: y, floating: b, min: x, max: de, modelValue: S, pick: fe, passthrough: pe }) => {
+	_.extend(ue), _.extend(ce), _.extend(le);
+	let C = e(), { t: w } = t(), T = n();
+	v.multiple && v.range && T.throw("Date picker cannot be both multiple and range.");
+	let E = m(() => a(v.type)), D = m(() => o(v.type)), O = m(() => f(x(), v.type, "min", (e) => T.warn(`Date picker: ${e}`))), k = m(() => f(de(), v.type, "max", (e) => T.warn(`Date picker: ${e}`)));
+	if (!E.value) {
+		let e = x();
+		e && ae(e, "Min");
+		let t = de();
+		t && ae(t, "Max");
 	}
-	let de = g(() => ({
-		floating: S(),
-		utc: b.utc,
-		type: b.type
-	})), N = (e) => c(e, de.value), { today: P, isHydrated: fe } = ee(), F = _(P.value), I = (e) => {
+	let me = m(() => ({
+		floating: b(),
+		utc: v.utc,
+		type: v.type
+	})), A = (e) => u(e, me.value), { today: he, isHydrated: ge } = l(), j = h(he.value), M = (e) => {
 		if (!e) return null;
-		let t = N(e);
+		let t = A(e);
 		return t.isValid() ? t : null;
-	}, L = () => {
-		let e = P.value, t = I(j.value), n = I(M.value);
-		return t && e.isBefore(t, A.value) ? t.startOf(A.value) : n && e.isAfter(n, A.value) ? n.startOf(A.value) : e;
-	}, R = (e) => {
-		if (!e) {
-			F.value = L();
-			return;
-		}
-		if (Array.isArray(e)) {
-			if (e.length === 0) {
-				F.value = L();
-				return;
-			}
-			let t = e.map((e) => N(e).startOf(A.value).valueOf()), n = F.value.valueOf();
-			if (t.includes(n)) return;
-			F.value = N(ie(e) ?? "").startOf(A.value);
+	}, N = () => {
+		let e = he.value, t = M(O.value), n = M(k.value);
+		return t && e.isBefore(t, D.value) ? t.startOf(D.value) : n && e.isAfter(n, D.value) ? n.startOf(D.value) : e;
+	}, P = m(() => E.value ? 1 : Math.max(1, Math.floor(v.numberOfMonths ?? 1) || 1)), F = h(j.value.startOf("month")), _e = m(() => F.value.add(P.value - 1, "month").endOf("month")), I = (e, t) => (t.year() - e.year()) * 12 + (t.month() - e.month());
+	g(j, (e) => {
+		let t = I(F.value, e);
+		t >= P.value ? F.value = e.startOf("month") : t < 0 && (F.value = e.startOf("month").subtract(P.value - 1, "month"));
+	}, { flush: "sync" }), g(P, (e) => {
+		I(F.value, j.value) >= e && (F.value = j.value.startOf("month").subtract(e - 1, "month"));
+	});
+	let ve = m(() => Array.from({ length: P.value }, (e, t) => F.value.add(t, "month"))), L = (e) => {
+		let t = (Array.isArray(e) ? e : e ? [e] : []).map((e) => A(e).startOf(D.value));
+		if (t.length === 0) {
+			j.value = N(), F.value = j.value.startOf("month");
 			return;
 		}
-		F.value = N(e).startOf(A.value);
+		if (Array.isArray(e) && t.some((e) => e.valueOf() === j.value.valueOf())) return;
+		j.value = ie(t);
+		let n = t.reduce((e, t) => t.isBefore(e) ? t : e).startOf("month"), r = j.value.startOf("month").subtract(P.value - 1, "month");
+		F.value = n.isAfter(r) ? n : r;
 	};
-	R(T());
-	let pe = F.value, me = (e) => !e || Array.isArray(e) && e.length === 0;
-	v(fe, (e) => {
-		!e || !me(T()) || F.value.isSame(pe) && (F.value = L());
+	L(S());
+	let ye = j.value, be = (e) => !e || Array.isArray(e) && e.length === 0;
+	g(ge, (e) => {
+		e && be(S()) && j.value.isSame(ye) && (j.value = N(), F.value = j.value.startOf("month"));
 	});
-	let z = g(() => k.value ? A.value : "day"), B = _(z.value);
-	v(z, (e) => {
-		B.value = e;
+	let R = m(() => E.value ? D.value : "day"), z = h(R.value);
+	g(R, (e) => {
+		z.value = e;
 	});
-	let V = _(null), H = _(null), he = (e) => {
+	let B = h(null), V = h(null), xe = (e) => {
+		B.value = e;
+	}, Se = (e) => {
 		V.value = e;
-	}, ge = (e) => {
-		H.value = e;
-	}, U = _(0), W = () => {
-		U.value += 1;
-	}, _e = (e) => {
-		e === z.value || b.type === "year" || (B.value = B.value === e ? z.value : e, W());
-	}, ve = g(() => F.value.locale(d(E.locale)).format("MMMM")), G = g(() => F.value.format("YYYY")), ye = g(() => `${ve.value}, ${D("datePicker.monthLabel").value}`), be = g(() => `${G.value}, ${D("datePicker.yearLabel").value}`), xe = g(() => {
-		let e = F.value.startOf("month"), t = F.value.endOf("month"), n = (e.day() - x() + 7) % 7, r = ((x() + 6) % 7 - t.day() + 7) % 7 + 1;
-		return (F.value.daysInMonth() - 1 + n + r) / 7;
-	}), Se = g(() => B.value === "month" ? D("datePicker.selectingMonth").value : B.value === "year" ? D("datePicker.selectingYear").value : ""), Ce = g(() => b.type === "year" ? G.value : b.type === "month" ? f(F.value, E.locale, {
+	}, H = h(0), U = () => {
+		H.value += 1;
+	}, Ce = (e) => {
+		if (e === R.value || v.type === "year") return;
+		let t = I(F.value, j.value);
+		z.value === R.value && t > 0 && (j.value = j.value.subtract(t, "month")), z.value = z.value === e ? R.value : e, U();
+	}, we = m(() => F.value.locale(s(C.locale)).format("MMMM")), W = m(() => F.value.format("YYYY")), Te = (e) => c(e, C.locale, {
+		year: "numeric",
+		month: "long"
+	}), Ee = m(() => `${we.value}, ${w("datePicker.monthLabel").value}`), De = m(() => `${W.value}, ${w("datePicker.yearLabel").value}`), Oe = m(() => {
+		let e = j.value.startOf("month"), t = j.value.endOf("month"), n = (e.day() - y() + 7) % 7, r = ((y() + 6) % 7 - t.day() + 7) % 7 + 1;
+		return (j.value.daysInMonth() - 1 + n + r) / 7;
+	}), ke = m(() => z.value === "month" ? w("datePicker.selectingMonth").value : z.value === "year" ? w("datePicker.selectingYear").value : ""), Ae = m(() => v.type === "year" ? W.value : v.type === "month" ? c(j.value, C.locale, {
 		year: "numeric",
 		month: "long"
-	}) : f(F.value, E.locale, {
+	}) : c(j.value, C.locale, {
 		weekday: "short",
 		day: "numeric",
 		month: "long"
-	})), K = (e) => {
-		F.value = F.value.set("month", e);
-	}, q = g(() => b.type === "month" ? "year" : "month"), we = () => {
-		Z.value = null, F.value = F.value.subtract(1, q.value);
-	}, Te = () => {
-		Z.value = null, F.value = F.value.add(1, q.value);
-	}, Ee = (e) => {
-		let t = I(j.value);
-		return !t || t.isBefore(F.value.startOf(e));
-	}, De = (e) => {
-		let t = I(M.value);
-		return !t || t.isAfter(F.value.endOf(e));
-	}, Oe = g(() => Ee(q.value)), ke = g(() => De(q.value)), Ae = g(() => Ee("year") || De("year")), je = g(() => k.value ? D("datePicker.previousYearLabel").value : D("datePicker.previousMonthLabel").value), Me = g(() => k.value ? D("datePicker.nextYearLabel").value : D("datePicker.nextMonthLabel").value), J = (e) => {
-		F.value = F.value.set("year", e);
-	}, Y = g(() => {
-		let e = F.value.startOf("year"), t = E.locale;
-		return Array.from({ length: 12 }, (n, r) => {
-			let a = e.add(r, "month"), o = a.locale(d(t)), s = o.format("MMMM"), c = o.format("MMM");
+	})), G = (e) => {
+		j.value = j.value.set("month", e);
+	}, K = m(() => v.type === "month" ? "year" : "month"), q = m(() => K.value === "month" ? P.value : 1), je = () => {
+		Z.value = null, K.value === "month" && (F.value = F.value.subtract(q.value, "month")), j.value = j.value.subtract(q.value, K.value);
+	}, Me = () => {
+		Z.value = null, K.value === "month" && (F.value = F.value.add(q.value, "month")), j.value = j.value.add(q.value, K.value);
+	}, Ne = (e) => {
+		let t = M(O.value), n = e === "month" ? F.value : j.value.startOf(e);
+		return !t || t.isBefore(n);
+	}, Pe = (e) => {
+		let t = M(k.value), n = e === "month" ? _e.value : j.value.endOf(e);
+		return !t || t.isAfter(n);
+	}, Fe = m(() => Ne(K.value)), Ie = m(() => Pe(K.value)), Le = m(() => Ne("year") || Pe("year")), Re = m(() => E.value ? w("datePicker.previousYearLabel").value : w("datePicker.previousMonthLabel").value), ze = m(() => E.value ? w("datePicker.nextYearLabel").value : w("datePicker.nextMonthLabel").value), J = (e) => {
+		j.value = j.value.set("year", e);
+	}, Y = m(() => {
+		let e = j.value.startOf("year"), t = C.locale;
+		return Array.from({ length: 12 }, (n, i) => {
+			let a = e.add(i, "month"), o = a.locale(s(t)), c = o.format("MMMM"), l = o.format("MMM");
 			return {
-				ariaLabel: s,
+				ariaLabel: c,
 				key: a.format("YYYY-MM"),
-				text: c,
+				text: l,
 				tokens: [
-					s,
 					c,
-					String(r + 1),
-					String(r + 1).padStart(2, "0")
-				].map((e) => i(e, t)),
-				value: r
+					l,
+					String(i + 1),
+					String(i + 1).padStart(2, "0")
+				].map((e) => r(e, t)),
+				value: i
 			};
 		});
-	}), Ne = (e) => i(String(e), "en"), Pe = g(() => {
-		let e = [].concat(T()).filter(te).map((e) => N(e).startOf(A.value).valueOf()), t = e.length ? Math.min(...e) : Infinity, n = e.length ? Math.max(...e) : -Infinity, r = {};
+	}), Be = (e) => r(String(e), "en"), Ve = m(() => {
+		let e = [].concat(S()).filter(te).map((e) => A(e).startOf(D.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;
 		}), {
@@ -130,153 +136,144 @@ var b = ({ props: b, firstDayOfWeek: x, floating: S, min: C, max: w, modelValue:
 			isLast: (e) => e.valueOf() === n,
 			isBetween: (e) => e.valueOf() > t && e.valueOf() < n
 		};
-	}), X = g(() => {
-		let e = T();
-		return !!b.range && Array.isArray(e) && e.length === 1;
-	}), Z = _(null), Fe = (e) => {
+	}), X = m(() => {
+		let e = S();
+		return !!v.range && Array.isArray(e) && e.length === 1;
+	}), Z = h(null), He = (e) => {
 		Z.value = X.value && e ? e.valueOf() : null;
-	}, Ie = (e) => ne(e, {
-		min: j.value,
-		max: M.value,
-		selectable: b.selectable,
-		floating: S(),
-		utc: b.utc,
-		type: b.type
-	}), Le = (e) => {
-		let t = e.startOf(A.value), n = Pe.value, r = t.valueOf(), i = n.selected(t), a = !!b.range && n.isFirst(t), o = !!b.range && n.isLast(t), s = X.value ? n.min : null, c = X.value ? Z.value : null, l = s !== null && c !== null ? Math.min(s, c) : null, u = s !== null && c !== null ? Math.max(s, c) : null;
+	}, Ue = (e) => ne(e, {
+		min: O.value,
+		max: k.value,
+		selectable: v.selectable,
+		floating: b(),
+		utc: v.utc,
+		type: v.type
+	}), We = (e) => {
+		let t = e.startOf(D.value), n = Ve.value, r = t.valueOf(), i = n.selected(t), a = !!v.range && n.isFirst(t), o = !!v.range && n.isLast(t), s = X.value ? n.min : null, c = X.value ? Z.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: !!b.range && !a && !o && n.isBetween(t),
+			middle: !!v.range && !a && !o && n.isBetween(t),
 			preview: l !== null && u !== null && l !== u && r >= l && r <= u,
-			disabled: b.disabled === !0 || Ie(t)
+			disabled: v.disabled === !0 || Ue(t)
 		};
-	}, Re = (e) => {
-		if (b.readonly) return;
-		let t = e.startOf(A.value);
-		if (Ie(t)) return;
-		let n = l(t, de.value), r = Le(t), i = T();
-		if (b.range) {
+	}, Ge = (e) => {
+		if (v.readonly) return;
+		let t = e.startOf(D.value);
+		if (Ue(t)) return;
+		let n = ee(t, me.value), r = We(t), i = S();
+		if (v.range) {
 			if (!Array.isArray(i)) return;
-			i.length === 1 ? $(m([i[0], n])) : $([n]), Z.value = null;
-			return;
-		}
-		if (b.multiple) {
+			i.length === 1 ? $(p([i[0], n])) : $([n]), Z.value = null;
+		} else if (v.multiple) {
 			if (!Array.isArray(i)) return;
-			$(r.selected ? i.filter((e) => e !== n) : m([...i, n]));
-			return;
-		}
-		$(r.selected ? null : n);
+			$(r.selected ? i.filter((e) => e !== n) : p([...i, n]));
+		} else $(r.selected ? null : n);
 	};
-	u({
-		passthrough: ue,
-		cursor: F,
-		disabled: g(() => b.disabled === !0),
+	oe({
+		passthrough: pe,
+		cursor: j,
+		disabled: m(() => v.disabled === !0),
 		monthOptions: Y,
-		yearToken: Ne,
-		typeaheadResetKey: U,
+		yearToken: Be,
+		typeaheadResetKey: H,
 		selectMonth: (e) => {
-			if (k.value) {
-				Re(F.value.set("month", e)), K(e);
-				return;
-			}
-			K(e), W(), B.value = z.value, ae(() => {
-				V.value?.$el instanceof HTMLElement && V.value.$el.focus();
-			});
+			E.value ? (Ge(j.value.set("month", e)), G(e)) : (G(e), F.value = j.value.startOf("month"), U(), z.value = R.value, se(() => {
+				B.value?.$el instanceof HTMLElement && B.value.$el.focus();
+			}));
 		},
 		selectYear: (e) => {
-			if (b.type === "year") {
-				Re(F.value.set("year", e)), J(e);
-				return;
-			}
-			J(e), W(), B.value = z.value, ae(() => {
-				H.value?.$el instanceof HTMLElement && H.value.$el.focus();
-			});
+			v.type === "year" ? (Ge(j.value.set("year", e)), J(e)) : (J(e), F.value = j.value.startOf("month"), U(), z.value = R.value, se(() => {
+				V.value?.$el instanceof HTMLElement && V.value.$el.focus();
+			}));
 		},
-		terminalUnit: g(() => b.type === "month" || b.type === "year" ? b.type : null),
-		boundYears: g(() => {
+		terminalUnit: m(() => v.type === "month" || v.type === "year" ? v.type : null),
+		boundYears: m(() => {
 			let e = (e) => {
 				if (!e) return null;
-				let t = N(e);
+				let t = A(e);
 				return t.isValid() ? t.year() : null;
 			};
 			return {
-				min: e(j.value),
-				max: e(M.value)
+				min: e(O.value),
+				max: e(k.value)
 			};
 		}),
-		unitState: Le,
-		setHoveredUnit: Fe
+		unitState: We,
+		setHoveredUnit: He
 	});
-	let { onKeydown: ze, reset: Be } = a({
+	let { onKeydown: Ke, reset: qe } = i({
 		candidates: () => Y.value,
 		getTokens: (e) => e.tokens,
-		getCurrent: () => Y.value.find((e) => e.value === F.value.month()),
+		getCurrent: () => Y.value.find((e) => e.value === j.value.month()),
 		onMatch: () => {},
-		onCommit: (e) => K(e.value),
+		onCommit: (e) => G(e.value),
 		autoCommit: !0,
-		locale: () => E.locale
-	}), Ve = (e) => {
-		e.key === "Enter" || B.value !== z.value || ze(e);
-	}, He = g(() => {
-		let e = F.value.year(), t = [];
+		locale: () => C.locale
+	}), Je = (e) => {
+		e.key !== "Enter" && z.value === R.value && Ke(e);
+	}, Ye = m(() => {
+		let e = j.value.year(), t = [];
 		for (let n = e - 100; n <= e + 100; n++) t.push({
 			value: n,
-			token: Ne(n)
+			token: Be(n)
 		});
 		return t;
-	}), { onKeydown: Ue, reset: We } = a({
-		candidates: () => He.value,
+	}), { onKeydown: Xe, reset: Ze } = i({
+		candidates: () => Ye.value,
 		getTokens: (e) => [e.token],
-		getCurrent: () => He.value.find((e) => e.value === F.value.year()),
+		getCurrent: () => Ye.value.find((e) => e.value === j.value.year()),
 		onMatch: () => {},
 		onCommit: (e) => J(e.value),
 		autoCommit: !0,
 		locale: () => "en"
-	}), Ge = (e) => {
-		e.key === "Enter" || B.value !== z.value || Ue(e);
+	}), Qe = (e) => {
+		e.key !== "Enter" && z.value === R.value && Xe(e);
 	};
-	v(U, () => {
-		Be(), We();
+	g(H, () => {
+		qe(), Ze();
 	});
-	let Ke = (e) => {
-		F.value = e;
-	}, Q = _(T()), $ = (e) => {
-		Q.value = e, le(e);
+	let $e = (e) => {
+		j.value = e;
+	}, Q = h(S()), $ = (e) => {
+		Q.value = e, fe(e);
 	};
-	return v(() => T(), () => {
-		n(T()) !== n(Q.value) && (Q.value = T(), R(T()));
+	return g(() => S(), () => {
+		d(S()) !== d(Q.value) && (Q.value = S(), L(S()));
 	}), {
-		isCoarse: k,
-		homeMode: z,
-		mode: B,
-		cursor: F,
-		weeksInMonth: xe,
-		formattedMonth: ve,
-		formattedYear: G,
-		monthHeadingLabel: ye,
-		yearHeadingLabel: be,
-		cursorAnnouncement: Ce,
-		modeAnnouncement: Se,
-		previousPageLabel: je,
-		nextPageLabel: Me,
-		canPagePrevious: Oe,
-		canPageNext: ke,
-		canOpenYearPanel: Ae,
-		goToPreviousPage: we,
-		goToNextPage: Te,
-		toggleMode: _e,
-		onMonthHeadingKeydown: Ve,
-		onYearHeadingKeydown: Ge,
-		setMonthHeadingButton: he,
-		setYearHeadingButton: ge,
-		handleCursorUpdate: Ke,
+		isCoarse: E,
+		homeMode: R,
+		mode: z,
+		cursor: j,
+		viewStart: F,
+		monthCount: P,
+		panes: ve,
+		monthYearOf: Te,
+		weeksInMonth: Oe,
+		formattedMonth: we,
+		formattedYear: W,
+		monthHeadingLabel: Ee,
+		yearHeadingLabel: De,
+		cursorAnnouncement: Ae,
+		modeAnnouncement: ke,
+		previousPageLabel: Re,
+		nextPageLabel: ze,
+		canPagePrevious: Fe,
+		canPageNext: Ie,
+		canOpenYearPanel: Le,
+		goToPreviousPage: je,
+		goToNextPage: Me,
+		toggleMode: Ce,
+		onMonthHeadingKeydown: Je,
+		onYearHeadingKeydown: Qe,
+		setMonthHeadingButton: xe,
+		setYearHeadingButton: Se,
+		handleCursorUpdate: $e,
 		updateModelValue: $,
 		resetStatus: () => {
-			B.value = z.value;
+			z.value = R.value;
 		}
 	};
-}, x = Symbol("BbCalendarGrid");
-//#endregion
-export { x as CALENDAR_GRID, b as useCalendarGrid };
+}, y = Symbol("BbCalendarGrid");
+export { y as CALENDAR_GRID, v as useCalendarGrid };