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

package/dist/components/BbCalendar/BbCalendar.vue_vue_type_script_setup_true_lang.js

@@ -4,8 +4,8 @@ import { useId as n } from "../../composables/useId.js";
 import { removedPropsFor as r } from "../../deprecation/removedProps.js";
 import { slotKey as i } from "../../utilities/functions/slotKey.js";
 import { warnRemovedAttrs as a } from "../../utilities/functions/warnRemovedAttrs.js";
-import o from "../BbBaseButton/BbBaseButton.vue.js";
-import { useLocale as s } from "../../composables/useLocale.js";
+import { useLocale as o } from "../../composables/useLocale.js";
+import s from "../BbBaseButton/BbBaseButton.vue.js";
 import { isCoarseType as c } from "../../types/DatePickerType.js";
 import { toInnerValue as l, toOuterValue as ee } from "../../utilities/functions/convertDateValue.js";
 import te from "../CommonTimeSelector/CommonTimeSelector.vue.js";
@@ -15,37 +15,37 @@ import re from "./CalendarMonthPanel.vue.js";
 import ie from "./CalendarYearPanel.vue.js";
 import { checkCalendarProps as ae, useCalendarHost as oe } from "./calendarHost.js";
 import { longDateOf as se, useDayjsLocale as ce, weekStartOf as le } from "./useDayjsLocale.js";
-import { CALENDAR_GRID as d, useCalendarGrid as ue } from "./useCalendarGrid.js";
-import { useDayGrid as de } from "./useDayGrid.js";
-import { BB_CALENDAR_PT as f } from "./types.js";
-import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, inject as fe, mergeProps as S, normalizeClass as C, openBlock as w, provide as pe, proxyRefs as T, ref as me, renderList as E, renderSlot as D, toDisplayString as O, unref as k, useAttrs as he, watch as ge, withCtx as A, withKeys as j, withModifiers as M } from "vue";
+import { CALENDAR_GRID as ue, useCalendarGrid as de } from "./useCalendarGrid.js";
+import { useDayGrid as fe } from "./useDayGrid.js";
+import { BB_CALENDAR_PT as d } from "./types.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as pe, mergeProps as x, normalizeClass as S, openBlock as C, provide as me, proxyRefs as w, ref as he, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useAttrs as ge, watch as _e, withCtx as k, withKeys as A, withModifiers as j } from "vue";
 //#region src/components/BbCalendar/BbCalendar.vue?vue&type=script&setup=true&lang.ts
-var _e = ["role"], ve = {
+var ve = ["role"], ye = {
 	"aria-live": "polite",
 	class: "bb-sr-only"
-}, ye = {
+}, be = {
 	"aria-live": "polite",
 	class: "bb-sr-only"
-}, be = { class: "bb-calendar__body" }, xe = { class: "bb-sr-only" }, Se = { class: "bb-calendar__nav-center" }, Ce = { class: "bb-sr-only" }, we = { class: "bb-calendar__content" }, Te = [
+}, xe = { class: "bb-calendar__body" }, Se = { class: "bb-sr-only" }, Ce = { class: "bb-calendar__nav-center" }, we = { class: "bb-sr-only" }, Te = { class: "bb-calendar__content" }, Ee = [
 	"aria-label",
 	"inert",
 	"onKeydown",
 	"onMouseleave",
 	"onMouseover"
-], Ee = {
+], De = {
 	class: "bb-calendar__header-container",
 	role: "row"
-}, De = ["abbr", "aria-label"], Oe = ["aria-current", "aria-selected"], ke = [
+}, Oe = ["abbr", "aria-label"], ke = ["aria-current", "aria-selected"], Ae = [
 	"aria-label",
 	"data-date",
 	"disabled",
 	"tabindex",
 	"onClick"
-], Ae = { class: "bb-calendar__day-append" }, je = {
+], je = { class: "bb-calendar__day-append" }, Me = {
 	"aria-live": "polite",
 	class: "bb-sr-only",
 	role: "status"
-}, Me = ["id"], N = /*@__PURE__*/ x({
+}, Ne = ["id"], M = /*@__PURE__*/ b({
 	inheritAttrs: !1,
 	__name: "BbCalendar",
 	props: {
@@ -185,47 +185,47 @@ var _e = ["role"], ve = {
 		"grid-pick",
 		"time-pick"
 	],
-	setup(N, { emit: Ne }) {
-		let P = N, F = Ne;
+	setup(M, { emit: Pe }) {
+		let N = M, P = Pe;
 		process.env.NODE_ENV !== "production" && a("BbCalendar", r("BbCalendar"));
-		let I = he(), L = (e, t = "") => `${i(e)}${t}`, R = e({
+		let F = ge(), I = (e, t = "") => `${i(e)}${t}`, L = e({
 			component: "BbCalendar",
-			props: P,
-			parts: f.parts,
-			states: f.states,
-			active: { disabled: () => !!P.disabled },
-			attrs: I
-		}), Pe = m(() => I["aria-label"] != null || I["aria-labelledby"] != null), z = (e) => ({
+			props: N,
+			parts: d.parts,
+			states: d.states,
+			active: { disabled: () => !!N.disabled },
+			attrs: F
+		}), Fe = p(() => F["aria-label"] != null || F["aria-labelledby"] != null), Ie = (e) => ({
 			outside: e.outside,
 			today: e.today,
 			inRange: e.middle,
 			selected: e.selected,
 			rangeStart: e.first,
 			rangeEnd: e.last,
-			disabled: P.disabled || e.disabled || void 0,
+			disabled: N.disabled || e.disabled || void 0,
 			highlighted: e.current
-		}), B = t();
+		}), Le = t();
 		ce();
-		let V = m(() => P.type === "datetime"), Fe = m(() => P.floating || c(P.type)), H = oe();
-		H || ae("BbCalendar", P);
-		let { t: U } = s(), W = `bcal-${n().id.value}`, G = m(() => P.activeSegment ?? K.value), K = me("start"), Ie = (e) => {
-			K.value = e, F("update:activeSegment", e);
-		}, Le = m(() => c(P.type) ? P.min : P.min?.slice(0, 10)), Re = m(() => c(P.type) ? P.max : P.max?.slice(0, 10)), ze = m(() => (P.range || P.multiple) && !Array.isArray(P.modelValue) ? [] : P.modelValue), q = (e) => +(e === "end"), J = (e) => {
-			let t = P.modelValue;
-			return t == null ? null : Array.isArray(t) ? t[q(e)] ?? null : e === "start" ? t : null;
-		}, Be = (e) => {
-			let t = P.time;
+		let R = p(() => N.type === "datetime"), Re = p(() => N.floating || c(N.type)), z = oe();
+		z || ae("BbCalendar", N);
+		let { t: B } = o(), V = `bcal-${n().id.value}`, H = p(() => N.activeSegment ?? U.value), U = he("start"), ze = (e) => {
+			U.value = e, P("update:activeSegment", e);
+		}, Be = p(() => c(N.type) ? N.min : N.min?.slice(0, 10)), Ve = p(() => c(N.type) ? N.max : N.max?.slice(0, 10)), He = p(() => (N.range || N.multiple) && !Array.isArray(N.modelValue) ? [] : N.modelValue), W = (e) => +(e === "end"), G = (e) => {
+			let t = N.modelValue;
+			return t == null ? null : Array.isArray(t) ? t[W(e)] ?? null : e === "start" ? t : null;
+		}, Ue = (e) => {
+			let t = N.time;
 			if (t != null) {
-				if (Array.isArray(t)) return t[q(e)] ?? null;
+				if (Array.isArray(t)) return t[W(e)] ?? null;
 				if (e === "start" && typeof t == "string") return t;
 			}
-			if (P.floating) return null;
-			let n = J(e);
+			if (N.floating) return null;
+			let n = G(e);
 			if (!n) return null;
 			let r = l(n);
-			return r.isValid() ? r.format(P.seconds ? "HH:mm:ss" : "HH:mm") : null;
-		}, Y = (e) => {
-			let t = Be(e);
+			return r.isValid() ? r.format(N.seconds ? "HH:mm:ss" : "HH:mm") : null;
+		}, K = (e) => {
+			let t = Ue(e);
 			if (!t) return null;
 			let [n = "", r = "", i = ""] = t.split(":");
 			return {
@@ -233,59 +233,59 @@ var _e = ["role"], ve = {
 				minute: r,
 				second: i
 			};
-		}, Ve = (e, t) => {
-			let n = l(e, { floating: P.floating });
+		}, q = (e, t) => {
+			let n = l(e, { floating: N.floating });
 			if (!n.isValid()) return null;
-			let r = t?.hour ? parseInt(t.hour, 10) : 0, i = t?.minute ? parseInt(t.minute, 10) : 0, a = P.seconds && t?.second ? parseInt(t.second, 10) : 0, o = n.hour(r).minute(i).second(a).millisecond(0);
+			let r = t?.hour ? parseInt(t.hour, 10) : 0, i = t?.minute ? parseInt(t.minute, 10) : 0, a = N.seconds && t?.second ? parseInt(t.second, 10) : 0, o = n.hour(r).minute(i).second(a).millisecond(0);
 			return {
 				value: ee(o, {
-					floating: P.floating,
-					utc: P.utc
+					floating: N.floating,
+					utc: N.utc
 				}),
-				time: P.seconds ? o.format("HH:mm:ss") : o.format("HH:mm")
+				time: N.seconds ? o.format("HH:mm:ss") : o.format("HH:mm")
 			};
-		}, He = () => ({
+		}, J = () => ({
 			start: {
-				date: J("start"),
-				time: Y("start")
+				date: G("start"),
+				time: K("start")
 			},
 			end: {
-				date: J("end"),
-				time: Y("end")
+				date: G("end"),
+				time: K("end")
 			}
-		}), Ue = (e) => {
-			if (P.range) {
+		}), Y = (e) => {
+			if (N.range) {
 				let t = [], n = [];
 				for (let r of ["start", "end"]) {
 					let i = e[r];
 					if (!i.date) continue;
-					let a = Ve(i.date, i.time);
+					let a = q(i.date, i.time);
 					a && (t.push(a.value), n.push(a.time));
 				}
-				F("update:modelValue", t), F("update:time", n);
+				P("update:modelValue", t), P("update:time", n);
 				return;
 			}
 			let t = e.start;
 			if (!t.date) {
-				F("update:modelValue", null), F("update:time", null);
+				P("update:modelValue", null), P("update:time", null);
 				return;
 			}
-			let n = Ve(t.date, t.time);
-			F("update:modelValue", n ? n.value : null), F("update:time", n ? n.time : null);
+			let n = q(t.date, t.time);
+			P("update:modelValue", n ? n.value : null), P("update:time", n ? n.time : null);
 		}, We = (e) => {
-			if (P.range && e === null && (e = []), F("grid-pick", e), !V.value) {
-				F("update:modelValue", e);
+			if (N.range && e === null && (e = []), P("grid-pick", e), !R.value) {
+				P("update:modelValue", e);
 				return;
 			}
 			if (e === null) {
-				F("update:modelValue", null), F("update:time", null);
+				P("update:modelValue", null), P("update:time", null);
 				return;
 			}
-			let t = He();
-			Array.isArray(e) ? (t.start.date = e[0] ?? null, t.end.date = e[1] ?? null, e[1] || (t.end.time = null)) : t.start.date = e, Ue(t);
-		}, Ge = m(() => !!J(G.value)), X = m(() => Y(G.value)), Ke = m(() => X.value?.hour ?? ""), qe = m(() => X.value?.minute ?? ""), Je = m(() => X.value?.second ?? ""), Ye = m(() => ""), Xe = (e) => parseInt(e.slice(0, 2), 10) * 60 + parseInt(e.slice(3, 5), 10), Z = m(() => {
-			if (!V.value) return {};
-			let e = J(G.value);
+			let t = J();
+			Array.isArray(e) ? (t.start.date = e[0] ?? null, t.end.date = e[1] ?? null, e[1] || (t.end.time = null)) : t.start.date = e, Y(t);
+		}, Ge = p(() => !!G(H.value)), X = p(() => K(H.value)), Ke = p(() => X.value?.hour ?? ""), qe = p(() => X.value?.minute ?? ""), Je = p(() => X.value?.second ?? ""), Ye = p(() => ""), Xe = (e) => parseInt(e.slice(0, 2), 10) * 60 + parseInt(e.slice(3, 5), 10), Z = p(() => {
+			if (!R.value) return {};
+			let e = G(H.value);
 			if (!e) return {};
 			let t = l(e).format("YYYY-MM-DD"), n = (e) => {
 				if (!e || e.length <= 10) return;
@@ -293,12 +293,12 @@ var _e = ["role"], ve = {
 				return n.isValid() && n.format("YYYY-MM-DD") === t ? n.format("HH:mm") : void 0;
 			};
 			return {
-				min: n(P.min),
-				max: n(P.max)
+				min: n(N.min),
+				max: n(N.max)
 			};
 		}), Ze = (e) => {
-			if (F("time-pick", e), !V.value) return;
-			let t = G.value, n = He();
+			if (P("time-pick", e), !R.value) return;
+			let t = H.value, n = J();
 			if (!n[t].date) return;
 			let r = n[t].time ? { ...n[t].time } : {
 				hour: "",
@@ -309,38 +309,38 @@ var _e = ["role"], ve = {
 				let t = r.hour ? parseInt(r.hour, 10) : 0, n = e.value === "PM";
 				n && t < 12 && (t += 12), !n && t >= 12 && (t -= 12), r.hour = String(t).padStart(2, "0");
 			} else r[e.unit] = e.value;
-			r.hour ||= "00", r.minute ||= "00", P.seconds && !r.second && (r.second = "00");
+			r.hour ||= "00", r.minute ||= "00", N.seconds && !r.second && (r.second = "00");
 			let i = parseInt(r.hour, 10) * 60 + parseInt(r.minute, 10), { min: a, max: o } = Z.value, s = a && i < Xe(a) ? a : o && i > Xe(o) ? o : null;
-			s && ([r.hour, r.minute] = s.split(":"), P.seconds && (r.second = "00")), n[t].time = r, Ue(n);
-		}, Qe = m(() => {
-			if (!V.value) return;
+			s && ([r.hour, r.minute] = s.split(":"), N.seconds && (r.second = "00")), n[t].time = r, Y(n);
+		}, Qe = p(() => {
+			if (!R.value) return;
 			let e = [44, 44];
-			return P.seconds && e.push(44), P.ampm && e.push(48), { "--rail-w": `${33 + e.reduce((e, t) => e + t, 0) + (e.length - 1) * 6}px` };
+			return N.seconds && e.push(44), N.ampm && e.push(48), { "--rail-w": `${33 + e.reduce((e, t) => e + t, 0) + (e.length - 1) * 6}px` };
 		});
-		ge(() => P.modelValue, (e) => {
-			!P.range || !V.value || P.activeSegment != null || Array.isArray(e) && e.length === 2 && Ie("end");
+		_e(() => N.modelValue, (e) => {
+			!N.range || !R.value || N.activeSegment != null || Array.isArray(e) && e.length === 2 && ze("end");
 		});
 		let $e = {
-			props: P,
-			passthrough: R,
-			firstDayOfWeek: () => P.firstDayOfWeek ?? le(B.locale),
-			floating: () => Fe.value,
-			min: () => Le.value,
-			max: () => Re.value,
-			modelValue: () => ze.value,
+			props: N,
+			passthrough: L,
+			firstDayOfWeek: () => N.firstDayOfWeek ?? le(Le.locale),
+			floating: () => Re.value,
+			min: () => Be.value,
+			max: () => Ve.value,
+			modelValue: () => He.value,
 			pick: (e) => We(e)
-		}, Q = ue($e);
-		pe(d, Q);
-		let $ = T(Q);
-		H && ge(H.open, (e) => {
+		}, Q = de($e);
+		me(ue, Q);
+		let $ = w(Q);
+		z && _e(z.open, (e) => {
 			e || Q.resetStatus();
 		});
-		let et = x({
+		let et = b({
 			name: "BbCalendarDayGridScope",
 			slots: Object,
 			setup() {
-				let e = fe(d);
-				return { days: T(de({
+				let e = pe(ue);
+				return { days: w(fe({
 					...$e,
 					cursor: e.cursor,
 					setCursor: e.handleCursorUpdate,
@@ -351,61 +351,61 @@ var _e = ["role"], ve = {
 				return this.$slots.default?.({ days: this.days });
 			}
 		});
-		return (e, t) => (w(), _("div", S({
+		return (e, t) => (C(), g("div", x({
 			class: ["bb-calendar", {
-				"bb-calendar--datetime": V.value,
-				"bb-calendar--seconds": V.value && e.seconds,
-				"bb-calendar--ampm": V.value && e.ampm,
+				"bb-calendar--datetime": R.value,
+				"bb-calendar--seconds": R.value && e.seconds,
+				"bb-calendar--ampm": R.value && e.ampm,
 				"bb-calendar--disabled": e.disabled
 			}],
-			role: Pe.value ? "group" : void 0,
+			role: Fe.value ? "group" : void 0,
 			style: Qe.value
-		}, k(R).rootAttrs), [v("div", { class: C(["bb-calendar__grid", k($).isCoarse ? `bb-calendar__grid--unit-${k($).homeMode}` : void 0]) }, [
-			v("span", ve, O(k($).formattedYear), 1),
-			v("div", ye, O(k($).cursorAnnouncement), 1),
-			v("div", be, [e.type === "year" ? g("", !0) : (w(), _("div", S({
+		}, O(L).rootAttrs), [_("div", { class: S(["bb-calendar__grid", O($).isCoarse ? `bb-calendar__grid--unit-${O($).homeMode}` : void 0]) }, [
+			_("span", ye, D(O($).formattedYear), 1),
+			_("div", be, D(O($).cursorAnnouncement), 1),
+			_("div", xe, [e.type === "year" ? h("", !0) : (C(), g("div", x({
 				key: 0,
 				class: "bb-calendar__header"
-			}, k(R).header), [
-				b(o, S({
-					"aria-label": k($).previousPageLabel,
+			}, O(L).header), [
+				y(s, x({
+					"aria-label": O($).previousPageLabel,
 					class: "bb-calendar__arrow",
-					disabled: e.disabled || k($).mode !== k($).homeMode || !k($).canPagePrevious,
-					onClick: k($).goToPreviousPage
-				}, k(R).part("arrow", { disabled: e.disabled || k($).mode !== k($).homeMode || !k($).canPagePrevious || void 0 })), {
-					default: A(() => [t[2] ||= v("svg", {
+					disabled: e.disabled || O($).mode !== O($).homeMode || !O($).canPagePrevious,
+					onClick: O($).goToPreviousPage
+				}, O(L).part("arrow", { disabled: e.disabled || O($).mode !== O($).homeMode || !O($).canPagePrevious || void 0 })), {
+					default: k(() => [t[2] ||= _("svg", {
 						fill: "none",
 						height: "16",
 						viewBox: "0 0 16 16",
 						width: "16",
 						xmlns: "http://www.w3.org/2000/svg"
-					}, [v("path", {
+					}, [_("path", {
 						d: "M10 12 6 8l4-4",
 						stroke: "currentColor",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-width": "1.5"
-					})], -1), v("span", xe, O(k($).previousPageLabel), 1)]),
+					})], -1), _("span", Se, D(O($).previousPageLabel), 1)]),
 					_: 1
 				}, 16, [
 					"aria-label",
 					"disabled",
 					"onClick"
 				]),
-				v("div", Se, [e.type === "month" ? g("", !0) : (w(), h(o, S({
+				_("div", Ce, [e.type === "month" ? h("", !0) : (C(), m(s, x({
 					key: 0,
-					ref: k($).setMonthHeadingButton,
-					"aria-expanded": k($).mode === "month",
-					"aria-label": k($).monthHeadingLabel,
-					class: ["bb-calendar__month bb-calendar__heading-btn", { "bb-calendar__heading-btn--active": k($).mode === "month" }],
+					ref: O($).setMonthHeadingButton,
+					"aria-expanded": O($).mode === "month",
+					"aria-label": O($).monthHeadingLabel,
+					class: ["bb-calendar__month bb-calendar__heading-btn", { "bb-calendar__heading-btn--active": O($).mode === "month" }],
 					disabled: e.disabled,
-					onClick: t[0] ||= (e) => k($).toggleMode("month"),
-					onKeydown: k($).onMonthHeadingKeydown
-				}, k(R).part("month", {
-					active: k($).mode === "month",
+					onClick: t[0] ||= (e) => O($).toggleMode("month"),
+					onKeydown: O($).onMonthHeadingKeydown
+				}, O(L).part("month", {
+					active: O($).mode === "month",
 					disabled: e.disabled || void 0
 				})), {
-					default: A(() => [y(O(k($).formattedMonth), 1)]),
+					default: k(() => [v(D(O($).formattedMonth), 1)]),
 					_: 1
 				}, 16, [
 					"aria-expanded",
@@ -413,19 +413,19 @@ var _e = ["role"], ve = {
 					"class",
 					"disabled",
 					"onKeydown"
-				])), b(o, S({
-					ref: k($).setYearHeadingButton,
-					"aria-expanded": k($).mode === "year",
-					"aria-label": k($).yearHeadingLabel,
-					class: ["bb-calendar__year bb-calendar__heading-btn", { "bb-calendar__heading-btn--active": k($).mode === "year" }],
-					disabled: e.disabled || !k($).canOpenYearPanel,
-					onClick: t[1] ||= (e) => k($).toggleMode("year"),
-					onKeydown: k($).onYearHeadingKeydown
-				}, k(R).part("year", {
-					active: k($).mode === "year",
-					disabled: e.disabled || !k($).canOpenYearPanel || void 0
+				])), y(s, x({
+					ref: O($).setYearHeadingButton,
+					"aria-expanded": O($).mode === "year",
+					"aria-label": O($).yearHeadingLabel,
+					class: ["bb-calendar__year bb-calendar__heading-btn", { "bb-calendar__heading-btn--active": O($).mode === "year" }],
+					disabled: e.disabled || !O($).canOpenYearPanel,
+					onClick: t[1] ||= (e) => O($).toggleMode("year"),
+					onKeydown: O($).onYearHeadingKeydown
+				}, O(L).part("year", {
+					active: O($).mode === "year",
+					disabled: e.disabled || !O($).canOpenYearPanel || void 0
 				})), {
-					default: A(() => [y(O(k($).formattedYear), 1)]),
+					default: k(() => [v(D(O($).formattedYear), 1)]),
 					_: 1
 				}, 16, [
 					"aria-expanded",
@@ -434,73 +434,73 @@ var _e = ["role"], ve = {
 					"disabled",
 					"onKeydown"
 				])]),
-				b(o, S({
-					"aria-label": k($).nextPageLabel,
+				y(s, x({
+					"aria-label": O($).nextPageLabel,
 					class: "bb-calendar__arrow",
-					disabled: e.disabled || k($).mode !== k($).homeMode || !k($).canPageNext,
-					onClick: k($).goToNextPage
-				}, k(R).part("arrow", { disabled: e.disabled || k($).mode !== k($).homeMode || !k($).canPageNext || void 0 })), {
-					default: A(() => [t[3] ||= v("svg", {
+					disabled: e.disabled || O($).mode !== O($).homeMode || !O($).canPageNext,
+					onClick: O($).goToNextPage
+				}, O(L).part("arrow", { disabled: e.disabled || O($).mode !== O($).homeMode || !O($).canPageNext || void 0 })), {
+					default: k(() => [t[3] ||= _("svg", {
 						fill: "none",
 						height: "16",
 						viewBox: "0 0 16 16",
 						width: "16",
 						xmlns: "http://www.w3.org/2000/svg"
-					}, [v("path", {
+					}, [_("path", {
 						d: "M6 12l4-4-4-4",
 						stroke: "currentColor",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-width": "1.5"
-					})], -1), v("span", Ce, O(k($).nextPageLabel), 1)]),
+					})], -1), _("span", we, D(O($).nextPageLabel), 1)]),
 					_: 1
 				}, 16, [
 					"aria-label",
 					"disabled",
 					"onClick"
 				])
-			], 16)), v("div", we, [
-				k($).isCoarse ? g("", !0) : (w(), h(k(et), { key: 0 }, {
-					default: A(({ days: t }) => [v("div", {
-						id: W,
+			], 16)), _("div", Te, [
+				O($).isCoarse ? h("", !0) : (C(), m(O(et), { key: 0 }, {
+					default: k(({ days: t }) => [_("div", {
+						id: V,
 						ref: t.setCalendarEl,
-						"aria-label": k(U)("datePicker.calendarLabel").value,
-						class: C(["bb-calendar__days-selector", { "bb-calendar__days-selector--hidden": k($).mode !== "day" }]),
-						inert: k($).mode !== "day",
+						"aria-label": O(B)("datePicker.calendarLabel").value,
+						class: S(["bb-calendar__days-selector", { "bb-calendar__days-selector--hidden": O($).mode !== "day" }]),
+						inert: O($).mode !== "day",
 						role: "grid",
 						onKeydown: [
 							t.onDayTypeaheadKeydown,
-							j(M(t.onArrowDown, ["prevent"]), ["down"]),
-							j(M(t.onEnd, ["prevent"]), ["end"]),
-							j(M(t.onHome, ["prevent"]), ["home"]),
-							j(M(t.onArrowLeft, ["prevent"]), ["left"]),
-							j(M(t.onPageDown, ["prevent"]), ["page-down"]),
-							j(M(t.onPageUp, ["prevent"]), ["page-up"]),
-							j(M(t.onArrowRight, ["prevent"]), ["right"]),
-							j(M(t.onArrowUp, ["prevent"]), ["up"])
+							A(j(t.onArrowDown, ["prevent"]), ["down"]),
+							A(j(t.onEnd, ["prevent"]), ["end"]),
+							A(j(t.onHome, ["prevent"]), ["home"]),
+							A(j(t.onArrowLeft, ["prevent"]), ["left"]),
+							A(j(t.onPageDown, ["prevent"]), ["page-down"]),
+							A(j(t.onPageUp, ["prevent"]), ["page-up"]),
+							A(j(t.onArrowRight, ["prevent"]), ["right"]),
+							A(j(t.onArrowUp, ["prevent"]), ["up"])
 						],
 						onMouseleave: t.onGridMouseleave,
 						onMouseover: t.onGridMouseover
-					}, [b(ne, {
+					}, [y(ne, {
 						direction: t.direction,
 						gap: 30
 					}, {
-						default: A(() => [(w(), _("div", {
-							key: k($).cursor.month().toString(),
+						default: k(() => [(C(), g("div", {
+							key: O($).cursor.month().toString(),
 							class: "bb-calendar__month-grid",
 							role: "none"
-						}, [v("div", Ee, [(w(!0), _(p, null, E(t.mappedHeaders, (e) => (w(), _("div", S({
+						}, [_("div", De, [(C(!0), g(f, null, T(t.mappedHeaders, (e) => (C(), g("div", x({
 							key: e.id,
 							abbr: e.accessibleLabel,
 							"aria-label": e.accessibleLabel,
 							class: "bb-calendar__cell-column-header",
 							role: "columnheader",
 							ref_for: !0
-						}, k(R).cellColumnHeader), O(e.label), 17, De))), 128))]), (w(!0), _(p, null, E(t.dates, (n) => (w(), _("div", {
+						}, O(L).cellColumnHeader), D(e.label), 17, Oe))), 128))]), (C(!0), g(f, null, T(t.dates, (n) => (C(), g("div", {
 							key: n[0].id,
 							class: "bb-calendar__week",
 							role: "row"
-						}, [(w(!0), _(p, null, E(n, (n) => (w(), _("div", S({
+						}, [(C(!0), g(f, null, T(n, (n) => (C(), g("div", x({
 							key: n.id,
 							"aria-current": n.today ? "date" : void 0,
 							"aria-selected": n.selected,
@@ -519,8 +519,8 @@ var _e = ["role"], ve = {
 							}],
 							role: "gridcell",
 							ref_for: !0
-						}, k(R).part("day", z(n))), [v("button", S({
-							"aria-label": `${k(se)(n.original, k(B).locale)}${n.selected ? `, ${k(U)("datePicker.selectedLabel").value}` : ""}`,
+						}, O(L).part("day", Ie(n))), [_("button", x({
+							"aria-label": `${O(se)(n.original, O(Le).locale)}${n.selected ? `, ${O(B)("datePicker.selectedLabel").value}` : ""}`,
 							class: "bb-calendar__day-button",
 							"data-date": n.id,
 							disabled: e.disabled || n.disabled,
@@ -528,7 +528,7 @@ var _e = ["role"], ve = {
 							type: "button",
 							onClick: t.onButtonClick,
 							ref_for: !0
-						}, k(R).part("dayButton", z(n))), [D(e.$slots, L(n.id), {
+						}, O(L).part("dayButton", Ie(n))), [E(e.$slots, I(n.id), {
 							first: n.first,
 							item: n.original,
 							label: n.label,
@@ -536,7 +536,7 @@ var _e = ["role"], ve = {
 							middle: n.middle,
 							outside: n.outside,
 							selected: n.selected
-						}, () => [D(e.$slots, "day", {
+						}, () => [E(e.$slots, "day", {
 							first: n.first,
 							item: n.original,
 							label: n.label,
@@ -544,7 +544,7 @@ var _e = ["role"], ve = {
 							middle: n.middle,
 							outside: n.outside,
 							selected: n.selected
-						}, () => [y(O(n.label), 1)])])], 16, ke), v("div", Ae, [D(e.$slots, L(n.id, ":append"), {
+						}, () => [v(D(n.label), 1)])])], 16, Ae), _("div", je, [E(e.$slots, I(n.id, ":append"), {
 							first: n.first,
 							item: n.original,
 							label: n.label,
@@ -552,7 +552,7 @@ var _e = ["role"], ve = {
 							middle: n.middle,
 							outside: n.outside,
 							selected: n.selected
-						}, () => [D(e.$slots, "day:append", {
+						}, () => [E(e.$slots, "day:append", {
 							first: n.first,
 							item: n.original,
 							label: n.label,
@@ -560,28 +560,28 @@ var _e = ["role"], ve = {
 							middle: n.middle,
 							outside: n.outside,
 							selected: n.selected
-						})])])], 16, Oe))), 128))]))), 128))]))]),
+						})])])], 16, ke))), 128))]))), 128))]))]),
 						_: 2
-					}, 1032, ["direction"]), v("div", je, O(t.rangePending ? k(U)("datePicker.selectEndDate").value : ""), 1)], 42, Te)]),
+					}, 1032, ["direction"]), _("div", Me, D(t.rangePending ? O(B)("datePicker.selectEndDate").value : ""), 1)], 42, Ee)]),
 					_: 3
 				})),
-				b(u, { duration: 150 }, {
-					default: A(() => [k($).mode === "month" ? (w(), h(re, { key: 0 })) : g("", !0)]),
+				y(u, { duration: 150 }, {
+					default: k(() => [O($).mode === "month" ? (C(), m(re, { key: 0 })) : h("", !0)]),
 					_: 1
 				}),
-				b(u, { duration: 150 }, {
-					default: A(() => [k($).mode === "year" ? (w(), h(ie, { key: 0 })) : g("", !0)]),
+				y(u, { duration: 150 }, {
+					default: k(() => [O($).mode === "year" ? (C(), m(ie, { key: 0 })) : h("", !0)]),
 					_: 1
 				})
 			])]),
-			v("div", {
-				id: `${W}-status`,
+			_("div", {
+				id: `${V}-status`,
 				"aria-atomic": "true",
 				"aria-live": "polite",
 				class: "bb-sr-only",
 				role: "status"
-			}, O(k($).modeAnnouncement), 9, Me)
-		], 2), V.value ? (w(), h(te, {
+			}, D(O($).modeAnnouncement), 9, Ne)
+		], 2), R.value ? (C(), m(te, {
 			key: 0,
 			ampm: e.ampm,
 			disabled: e.disabled || e.readonly || !Ge.value,
@@ -590,7 +590,7 @@ var _e = ["role"], ve = {
 			meridiem: Ye.value,
 			min: Z.value.min,
 			minute: qe.value,
-			passthrough: k(R),
+			passthrough: O(L),
 			second: Je.value,
 			seconds: e.seconds,
 			step: e.step,
@@ -607,8 +607,8 @@ var _e = ["role"], ve = {
 			"second",
 			"seconds",
 			"step"
-		])) : g("", !0)], 16, _e));
+		])) : h("", !0)], 16, ve));
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };