@baishuyun/ui-base 6.16.1 → 6.18.0

package/dist/Calendar/Calendar-Cjagi7mU.js

@@ -1,795 +0,0 @@
-import { t as e } from "../Icon/Icon-DrdQOEJE.js";
-import { t } from "../vendors/useLocale-D31qCCff.js";
-import { t as n } from "../Segmented/Segmented-BCQRrc65.js";
-import { t as r } from "../Tooltip/Tooltip-nJU13gX4.js";
-import { i, n as a, r as o, t as s } from "./context-CamSpkj3.js";
-import { t as c } from "../DatePicker/DatePicker-neAwNSsc.js";
-import { C as l, S as u, _ as d, a as f, b as p, d as m, i as h, o as g, p as _, r as v, s as y, t as b, x, y as S } from "./layout-CpOabFQ2.js";
-import { formatCalendarDayNumber as C, formatFullDate as w, formatWeekEndDate as T, formatYearMonth as E, getCurrentTimeInTZ as D, getDynamicMonthViewDates as O, getTimeZoneLabel as k, getTotalHeight as A, getVisibleRangeByMode as ee, getWeekEnd as te, getWeekStart as j, getZoomConfig as M, isCurrentMonth as N, layoutTimedEventsForWeek as P, shiftDateByMode as ne } from "./utils/index.js";
-import { t as F } from "./TimeAxis-DUc6EL-j.js";
-import { t as I } from "./TimeGrid-BV8x9VnF.js";
-import { t as L } from "./CurrentTimeIndicator-BF3_INSL.js";
-import { n as R, r as z, t as B } from "./EventCard-DKEZQRTp.js";
-import { t as V } from "./AllDaySection-pO7suGJM.js";
-import { a as re, i as ie, r as ae } from "./theme-Dc8hjcdo.js";
-import { jsx as H, jsxs as U } from "react/jsx-runtime";
-import { useCallback as W, useEffect as G, useMemo as K, useRef as q, useState as J } from "react";
-import Y from "clsx";
-import X from "dayjs";
-//#region src/components/Calendar/subcomponents/TodayButton/TodayButton.tsx
-var Z = () => {
-	let e = a((e) => e.formatMessage), t = s((e) => e.switchToDay), n = e("today");
-	return /* @__PURE__ */ H("button", {
-		type: "button",
-		className: "bsy-calendar-today-btn",
-		onClick: t,
-		"aria-label": n,
-		children: n
-	});
-}, Q = ({ direction: t }) => {
-	let n = a((e) => e.formatMessage), r = s((e) => e.switchPrevDate), i = s((e) => e.switchNextDate), o = W(() => {
-		t === "prev" ? r() : i();
-	}, [
-		t,
-		r,
-		i
-	]), c = t === "prev" ? "Pulldownleft" : "Pulldownright", l = n(t === "prev" ? "prev" : "next");
-	return /* @__PURE__ */ H("button", {
-		type: "button",
-		className: "bsy-calendar-nav-btn",
-		onClick: o,
-		"aria-label": l,
-		children: /* @__PURE__ */ H(e, {
-			name: c,
-			size: 16
-		})
-	});
-}, oe = () => {
-	let t = a((e) => e.currentDate), n = a((e) => e.mode), r = a((e) => e.timeZone), i = a((e) => e.formatMessage), o = a((e) => e.datePickerTheme), l = a((e) => e.getPopupContainer), u = s((e) => e.setCurrentDate), d = K(() => {
-		if (n === "month") return E(t, r, i);
-		if (n === "week") {
-			let e = j(t, r), n = te(t, r);
-			return `${w(e, r, i)} - ${T(n, e, r, i)}`;
-		}
-		return n === "day" ? w(t, r, i) : null;
-	}, [
-		t,
-		n,
-		r,
-		i
-	]), f = K(() => n === "month" ? "month" : n === "week" ? "week" : "date", [n]), p = W((e) => {
-		u(n === "week" ? j(e.toDate(), r).toDate() : e.toDate());
-	}, [
-		u,
-		n,
-		r
-	]);
-	return /* @__PURE__ */ H(c, {
-		picker: f,
-		value: K(() => n === "week" ? j(t, r) : X(t), [
-			t,
-			n,
-			r
-		]),
-		theme: o,
-		getPopupContainer: l,
-		triggerActiveClassName: "bsy-calendar-date-display--active",
-		onChange: p,
-		children: /* @__PURE__ */ U("div", {
-			className: "bsy-calendar-date-display",
-			children: [/* @__PURE__ */ H("span", {
-				className: "date-text",
-				children: d
-			}), /* @__PURE__ */ H(e, {
-				name: "arrow-down",
-				className: "bsy-calendar-date-arrow",
-				size: 16
-			})]
-		})
-	});
-}, se = () => /* @__PURE__ */ U("div", {
-	className: "bsy-calendar-header-left",
-	children: [
-		/* @__PURE__ */ H(Z, {}),
-		/* @__PURE__ */ H(Q, { direction: "prev" }),
-		/* @__PURE__ */ H(Q, { direction: "next" }),
-		/* @__PURE__ */ H(oe, {})
-	]
-}), ce = {
-	day: "mode.day",
-	week: "mode.week",
-	month: "mode.month"
-}, le = () => {
-	let e = a((e) => e.formatMessage), t = a((e) => e.mode), r = a((e) => e.modes), i = a((e) => e.segmentedTheme), o = s((e) => e.onPanelChange), c = K(() => r.map((t) => ({
-		label: e(ce[t]),
-		value: t
-	})), [r, e]), l = W((e) => {
-		o(e);
-	}, [o]);
-	return /* @__PURE__ */ U("div", {
-		className: "bsy-calendar-header",
-		children: [/* @__PURE__ */ H("div", {
-			className: "bsy-calendar-header__left",
-			children: /* @__PURE__ */ H(se, {})
-		}), /* @__PURE__ */ H("div", {
-			className: "bsy-calendar-header__right",
-			children: /* @__PURE__ */ H(n, {
-				value: t,
-				options: c,
-				onChange: l,
-				theme: i
-			})
-		})]
-	});
-}, ue = ({ events: e = [] }) => {
-	let t = a((e) => e.formatMessage), n = a((e) => e.currentDate), r = a((e) => e.axis), i = a((e) => e.allowAdd), o = a((e) => e.onEventClick), s = a((e) => e.onAddClick), c = a((e) => e.timeZone), u = K(() => M(r), [r]), f = K(() => A(u), [u]), h = K(() => {
-		let t = l(n, c).startOf("day"), r = t.add(1, "day"), i = [];
-		for (let n of e) d(l(n.startTime, c), l(n.endTime, c), t, r) && i.push(n);
-		return i;
-	}, [
-		e,
-		n,
-		c
-	]), { timedEvents: g, allDayEvents: _ } = K(() => m(h, u, {
-		allowStackLayout: !1,
-		timeZone: c
-	}), [
-		h,
-		u,
-		c
-	]), v = W((e) => {
-		if (!s) return;
-		let t = l(n, c).startOf("day").add(e * u.interval, "minute"), r = t.add(u.interval, "minute");
-		s({
-			startTime: t.valueOf(),
-			endTime: r.valueOf(),
-			anchorDate: n,
-			slotIndex: e,
-			mode: "day"
-		});
-	}, [
-		s,
-		n,
-		c,
-		u.interval
-	]);
-	return /* @__PURE__ */ U("div", {
-		className: "bsy-calendar-day",
-		children: [/* @__PURE__ */ H(V, {
-			events: _,
-			onClick: o
-		}), /* @__PURE__ */ H("div", {
-			className: "bsy-calendar-day__scroll-container",
-			children: /* @__PURE__ */ U("div", {
-				className: "bsy-calendar-day__content",
-				style: { height: f },
-				children: [/* @__PURE__ */ H(F, { zoomConfig: u }), /* @__PURE__ */ U("div", {
-					className: "bsy-calendar-day__main",
-					children: [
-						/* @__PURE__ */ H(I, {
-							zoomConfig: u,
-							rowAction: i ? {
-								tooltip: t("addRecord"),
-								onClick: v
-							} : void 0
-						}),
-						/* @__PURE__ */ H("div", {
-							className: "bsy-calendar-day__events",
-							children: g.map((e) => /* @__PURE__ */ H(B, {
-								event: e.event,
-								eventIndex: e.event.sourceIndex,
-								onClick: o,
-								variant: "timed",
-								position: p(e)
-							}, e.event.id))
-						}),
-						/* @__PURE__ */ H(L, {
-							currentDate: n,
-							zoomConfig: u,
-							timeZone: c
-						})
-					]
-				})]
-			})
-		})]
-	});
-}, { COLLAPSED_COUNT: $, EXPANDED_COUNT: de, EVENT_HEIGHT: fe, EVENT_GAP: pe } = R;
-function me(e) {
-	let t = Array(7).fill(0);
-	for (let n of e) {
-		let { startCol: e, endCol: r, row: i } = n;
-		for (let n = e; n < r; n++) n >= 0 && n < 7 && (t[n] = Math.max(t[n], i + 1));
-	}
-	return t;
-}
-var he = ({ events: t, onClick: n, weekStart: r, isGloballyExpanded: i, onExpandChange: o }) => {
-	let s = a((e) => e.formatMessage), c = q(null), l = a((e) => e.timeZone), [u, d] = J(() => Array(7).fill(!1));
-	G(() => {
-		!i && c.current && (c.current.scrollTop = 0);
-	}, [i]);
-	let f = K(() => y(t, r, l), [
-		t,
-		r,
-		l
-	]), p = K(() => me(f), [f]), m = f.length > 0 ? Math.max(...f.map((e) => e.row)) + 1 : 0, h = W((e) => {
-		let t = i || u[e], n = p[e];
-		return t ? Math.min(n, de) : Math.min(n, $);
-	}, [
-		i,
-		u,
-		p
-	]), g = K(() => Math.max(...Array(7).fill(0).map((e, t) => h(t))), [h]), v = K(() => _(g, fe, pe), [g]), b = g >= de && m > de, S = W((e) => {
-		if (!i) {
-			o?.(!0);
-			return;
-		}
-		d((t) => {
-			let n = [...t];
-			return n[e] = !n[e], n;
-		});
-	}, [i, o]);
-	return m === 0 ? null : /* @__PURE__ */ U("div", {
-		className: "bsy-week-allday-section",
-		children: [/* @__PURE__ */ H("div", {
-			className: "bsy-week-allday-section__main",
-			children: /* @__PURE__ */ H("div", {
-				ref: c,
-				className: Y("bsy-week-allday-section__events-container", { "bsy-week-allday-section__events-container--scroll": b }),
-				style: { maxHeight: `${v}px` },
-				children: /* @__PURE__ */ H("div", {
-					className: "bsy-week-allday-section__grid",
-					style: { gridTemplateRows: `repeat(${g}, ${fe}px)` },
-					children: f.map((e) => /* @__PURE__ */ H(B, {
-						event: e.event,
-						eventIndex: e.event.sourceIndex,
-						onClick: n,
-						variant: "allDay",
-						position: x(e)
-					}, e.event.id))
-				})
-			})
-		}), i ? null : /* @__PURE__ */ H("div", {
-			className: "bsy-week-allday-section__toggle-bar",
-			children: Array(7).fill(0).map((t, n) => {
-				let r = p[n], i = u[n], a = r > $, o = r - $;
-				return /* @__PURE__ */ H("div", {
-					className: "bsy-week-allday-section__toggle-cell",
-					children: a ? /* @__PURE__ */ U("button", {
-						type: "button",
-						className: "bsy-week-allday-section__toggle-btn",
-						onClick: () => S(n),
-						"aria-label": i ? s("collapse") : s("remainingCount", { count: o }),
-						children: [/* @__PURE__ */ H("span", {
-							className: "bsy-week-allday-section__toggle-icon",
-							children: i ? /* @__PURE__ */ H(e, {
-								name: "arrow-up",
-								size: 12
-							}) : /* @__PURE__ */ H(e, {
-								name: "arrow-down",
-								size: 12
-							})
-						}), /* @__PURE__ */ H("span", {
-							className: "bsy-week-allday-section__toggle-text",
-							children: i ? s("collapse") : s("remainingCount", { count: o })
-						})]
-					}) : null
-				}, n);
-			})
-		})]
-	});
-}, ge = ({ weekStart: e }) => {
-	let t = a((e) => e.formatMessage), n = a((e) => e.timeZone);
-	return /* @__PURE__ */ H("div", {
-		className: "bsy-week-header",
-		children: K(() => Array.from({ length: 7 }, (r, i) => {
-			let a = e.add(i, "day"), o = D(n), s = a.isSame(o, "day"), c = a.isBefore(o, "day");
-			return {
-				dayName: t(`weekday.${i}`),
-				dayNumber: C(a, t, n),
-				isToday: s,
-				isPast: c
-			};
-		}), [
-			e,
-			n,
-			t
-		]).map((e, t) => /* @__PURE__ */ U("div", {
-			className: Y("bsy-week-header__day", {
-				"bsy-week-header__day--today": e.isToday,
-				"bsy-week-header__day--past": e.isPast
-			}),
-			children: [/* @__PURE__ */ H("div", {
-				className: "bsy-week-header__day-name",
-				children: e.dayName
-			}), /* @__PURE__ */ H("div", {
-				className: "bsy-week-header__day-number",
-				children: e.dayNumber
-			})]
-		}, t))
-	});
-}, _e = ({ events: t = [] }) => {
-	let n = a((e) => e.formatMessage), r = a((e) => e.currentDate), i = a((e) => e.axis), o = a((e) => e.allowAdd), s = a((e) => e.timeZone), c = a((e) => e.onEventClick), l = a((e) => e.onAddClick), [u, d] = J(!1), f = K(() => j(r, s), [r, s]), m = K(() => M(i), [i]), h = K(() => A(m), [m]), g = K(() => k(s), [s]), { allDayEvents: _, timedEvents: v } = K(() => S(t, s), [t, s]), y = K(() => P(v, f, m, s), [
-		v,
-		f,
-		m,
-		s
-	]), b = W((e) => {
-		d(e);
-	}, []), x = W(() => {
-		d(!1);
-	}, []), C = W((e, t) => {
-		if (!l) return;
-		let n = f.add(e, "day").startOf("day"), i = n.add(t * m.interval, "minute"), a = n.hour(23).minute(59).second(0).millisecond(0), o = i.add(m.interval, "minute"), s = o.isAfter(a) ? a : o;
-		l({
-			startTime: i.valueOf(),
-			endTime: s.valueOf(),
-			anchorDate: r,
-			dayIndex: e,
-			slotIndex: t,
-			mode: "week"
-		});
-	}, [
-		l,
-		f,
-		m.interval,
-		r
-	]);
-	return /* @__PURE__ */ U("div", {
-		className: "bsy-calendar-week",
-		children: [/* @__PURE__ */ U("div", {
-			className: "bsy-calendar-week__header-section",
-			children: [/* @__PURE__ */ U("div", {
-				className: "bsy-calendar-week__timezone-label",
-				children: [g ? /* @__PURE__ */ H("span", { children: g }) : null, u ? /* @__PURE__ */ H("button", {
-					type: "button",
-					className: "bsy-calendar-week__collapse-btn",
-					onClick: x,
-					title: n("collapse"),
-					"aria-label": n("collapse"),
-					children: /* @__PURE__ */ H(e, {
-						name: "arrow-up",
-						size: 16
-					})
-				}) : null]
-			}), /* @__PURE__ */ U("div", {
-				className: "bsy-calendar-week__header-content",
-				children: [/* @__PURE__ */ H(ge, { weekStart: f }), /* @__PURE__ */ H(he, {
-					events: _,
-					onClick: c,
-					weekStart: f,
-					isGloballyExpanded: u,
-					onExpandChange: b
-				})]
-			})]
-		}), /* @__PURE__ */ H("div", {
-			className: "bsy-calendar-week__scroll-container",
-			children: /* @__PURE__ */ U("div", {
-				className: "bsy-calendar-week__body",
-				style: { height: h },
-				children: [/* @__PURE__ */ H(F, { zoomConfig: m }), /* @__PURE__ */ U("div", {
-					className: "bsy-calendar-week__grid",
-					children: [y.map((e, t) => /* @__PURE__ */ U("div", {
-						className: "bsy-calendar-week__day-column",
-						children: [/* @__PURE__ */ H(I, {
-							zoomConfig: m,
-							rowAction: o ? {
-								tooltip: n("addRecord"),
-								onClick: (e) => C(t, e)
-							} : void 0
-						}), /* @__PURE__ */ H("div", {
-							className: "bsy-calendar-week__day-events",
-							children: e.map((e) => /* @__PURE__ */ H(B, {
-								event: e.event,
-								eventIndex: e.event.sourceIndex,
-								onClick: c,
-								variant: "timed",
-								position: p(e)
-							}, e.event.id))
-						})]
-					}, t)), /* @__PURE__ */ H(L, {
-						currentDate: r,
-						zoomConfig: m,
-						weekStart: f,
-						timeZone: s
-					})]
-				})]
-			})
-		})]
-	});
-}, ve = () => {
-	let e = a((e) => e.formatMessage);
-	return /* @__PURE__ */ H("div", {
-		className: "bsy-calendar-view-month-header",
-		children: Array.from({ length: 7 }, (t, n) => e(`weekday.${n}`)).map((e, t) => /* @__PURE__ */ H("div", {
-			className: "bsy-calendar-view-month-header__day",
-			children: e
-		}, t))
-	});
-}, ye = ({ date: t, isCurrentMonth: n, today: i, cellRef: o }) => {
-	let s = a((e) => e.formatMessage), c = a((e) => e.allowAdd), l = a((e) => e.onAddClick), u = a((e) => e.currentDate), d = t.isSame(i, "day"), f = K(() => C(t, s), [t, s]), p = W(() => {
-		if (!l) return;
-		let e = t.startOf("day"), n = t.add(1, "day").startOf("day");
-		l({
-			startTime: e.toISOString(),
-			endTime: n.toISOString(),
-			anchorDate: u,
-			mode: "month"
-		});
-	}, [
-		l,
-		t,
-		u
-	]);
-	return /* @__PURE__ */ H("div", {
-		ref: o,
-		className: Y("bsy-calendar-view-month-cell", { "bsy-calendar-view-month-cell--other-month": !n }),
-		children: /* @__PURE__ */ U("div", {
-			className: "bsy-calendar-view-month-cell__header",
-			children: [/* @__PURE__ */ H("span", {
-				className: Y("bsy-calendar-view-month-cell__date", { "bsy-calendar-view-month-cell__date--today": d }),
-				children: f
-			}), c ? /* @__PURE__ */ H(r, {
-				content: s("addRecord"),
-				placement: "top",
-				children: /* @__PURE__ */ H("button", {
-					type: "button",
-					className: "bsy-calendar-view-month-cell__add-btn",
-					onClick: p,
-					"aria-label": s("addRecord"),
-					children: /* @__PURE__ */ H(e, {
-						name: "add",
-						className: "bsy-calendar-view-month-cell__add-btn-icon",
-						size: 16
-					})
-				})
-			}) : null]
-		})
-	});
-}, be = ({ date: t, events: n, onEventClick: r, onClose: i }) => {
-	let o = a((e) => e.formatMessage);
-	return /* @__PURE__ */ U("div", {
-		className: "bsy-calendar-view-month-cell-popover",
-		children: [/* @__PURE__ */ U("div", {
-			className: "bsy-calendar-view-month-cell-popover__header",
-			children: [/* @__PURE__ */ U("span", {
-				className: "bsy-calendar-view-month-cell-popover__title",
-				children: [
-					o("monthDay", {
-						month: t.month() + 1,
-						day: t.date()
-					}),
-					" ",
-					o(`weekday.${(t.day() + 6) % 7}`)
-				]
-			}), /* @__PURE__ */ H("button", {
-				type: "button",
-				className: "bsy-calendar-view-month-cell-popover__close",
-				onClick: i,
-				"aria-label": o("close"),
-				children: /* @__PURE__ */ H(e, {
-					name: "close",
-					size: 16
-				})
-			})]
-		}), /* @__PURE__ */ H("div", {
-			className: "bsy-calendar-view-month-cell-popover__list",
-			children: n.map((e) => /* @__PURE__ */ H("div", {
-				className: "bsy-calendar-view-month-cell-popover__item",
-				children: /* @__PURE__ */ H(B, {
-					event: e,
-					eventIndex: e.sourceIndex,
-					variant: "allDay",
-					onClick: r,
-					disableGlobalHover: !0,
-					placement: "right"
-				})
-			}, e.id))
-		})]
-	});
-}, xe = {
-	"--calendar-background-color": "backgroundColor",
-	"--calendar-background-image": "backgroundImage",
-	"--calendar-background-position": "backgroundPosition",
-	"--calendar-background-size": "backgroundSize",
-	"--calendar-background-repeat": "backgroundRepeat"
-}, Se = [
-	"--calendar-title-color",
-	"--calendar-schedule-border",
-	"--calendar-schedule-bg",
-	"--calendar-schedule-hover"
-], Ce = (e) => {
-	let t = e?.closest?.(".bsy-calendar-view");
-	if (!t) return;
-	let n = getComputedStyle(t), r = {};
-	return Object.entries(xe).forEach(([e, t]) => {
-		let i = n.getPropertyValue(e).trim();
-		i && (r[t] = i);
-	}), Se.forEach((e) => {
-		let t = n.getPropertyValue(e).trim();
-		t && (r[e] = t);
-	}), Object.keys(r).length > 0 ? r : void 0;
-}, we = ({ dayIndex: e, date: t, hiddenCount: n, cellEvents: i, onEventClick: o }) => {
-	let s = a((e) => e.formatMessage), [c, l] = J(!1), [u, d] = J(void 0), f = q(null), p = W(() => {
-		l(!1);
-	}, []), m = W((e) => {
-		e && d(Ce(f.current)), l(e);
-	}, []), h = {
-		position: "absolute",
-		bottom: 4,
-		left: `${100 / 7 * e}%`,
-		width: "fit-content"
-	}, g = e === 0, _ = s("moreEvents", { count: n });
-	return /* @__PURE__ */ H(r, {
-		trigger: "click",
-		visible: c,
-		onVisibleChange: m,
-		showArrow: !1,
-		widthMode: "content",
-		maxWidth: 300,
-		offset: 6,
-		placement: "right",
-		style: {
-			borderRadius: "10px",
-			padding: "20px 10px",
-			backgroundColor: "#fff",
-			boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)",
-			...u
-		},
-		content: /* @__PURE__ */ H(be, {
-			date: t,
-			events: i,
-			onEventClick: o,
-			onClose: p
-		}),
-		children: /* @__PURE__ */ H("button", {
-			ref: f,
-			type: "button",
-			className: Y("bsy-calendar-view-more-btn", g && "bsy-calendar-view-more-btn--first", c && "bsy-calendar-view-more-btn--active"),
-			style: h,
-			"aria-label": _,
-			children: _
-		})
-	});
-}, Te = ({ weekSegments: e, hiddenScheduleIds: t, maxVisibleRows: n, onEventClick: r, weekDates: i, dayEventsByWeek: a }) => {
-	let { hiddenCounts: o, effectiveMaxRowsPerDay: s } = K(() => {
-		let r = g(e, t, n);
-		return {
-			hiddenCounts: r,
-			effectiveMaxRowsPerDay: r.map((e) => e > 0 && n > 1 ? n - 1 : n)
-		};
-	}, [
-		e,
-		t,
-		n
-	]);
-	return /* @__PURE__ */ U("div", {
-		className: "bsy-calendar-view-week-event-layer",
-		children: [K(() => e.filter((e) => !(t.has(e.event.id) || e.row >= n || e.row >= s[e.startCol])).map((e) => ({
-			...e,
-			position: {
-				mode: "month-absolute",
-				...h(e)
-			},
-			visual: {
-				continuesLeft: !e.isStart,
-				continuesRight: !e.isEnd,
-				showTitle: e.isStart || e.isWeekStart
-			}
-		})), [
-			e,
-			t,
-			n,
-			s
-		]).map((e) => /* @__PURE__ */ H(B, {
-			event: e.event,
-			eventIndex: e.event.sourceIndex,
-			variant: "allDay",
-			onClick: r,
-			position: e.position,
-			visual: e.visual
-		}, `${e.event.id}-${e.startCol}`)), o.map((e, t) => e > 0 ? /* @__PURE__ */ H(we, {
-			dayIndex: t,
-			date: i[t],
-			hiddenCount: e,
-			cellEvents: a?.[t] || [],
-			onEventClick: r
-		}, t) : null)]
-	});
-}, Ee = ({ events: e = [] }) => {
-	let t = a((e) => e.currentDate), n = a((e) => e.onEventClick), r = a((e) => e.timeZone), i = K(() => O(t, r), [t, r]), o = i.length / 7, s = K(() => D(r), [r]), [c, l] = J(3), u = q(null);
-	G(() => {
-		if (!u.current) return;
-		let e = null, t = new ResizeObserver((t) => {
-			e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
-				let e = t[0]?.contentRect?.height ?? u.current?.getBoundingClientRect().height;
-				if (!e) return;
-				let { HEADER_HEIGHT: n, SLOT_HEIGHT: r, SLOT_GAP: i } = b, a = e - n, o = r + i, s = Math.max(1, Math.floor(a / o));
-				l((e) => e === s ? e : s);
-			});
-		});
-		return t.observe(u.current), () => {
-			e && cancelAnimationFrame(e), t.disconnect();
-		};
-	}, []);
-	let { weekLayouts: d, eventRowMap: p, gridEvents: m } = K(() => {
-		let t = i[0];
-		return v(e, t, o, r);
-	}, [
-		e,
-		i,
-		o,
-		r
-	]), h = K(() => {
-		let t = i[0];
-		return f(p, e, t, o * 7, c, m, r);
-	}, [
-		p,
-		e,
-		i,
-		o,
-		c,
-		m,
-		r
-	]), g = K(() => {
-		let e = o * 7, t = Array.from({ length: e }, () => []);
-		for (let e of m) for (let n = e.startDayIndex; n < e.endDayIndex; n++) t[n].push(e.event);
-		return t;
-	}, [m, o]);
-	return /* @__PURE__ */ U("div", {
-		className: "bsy-calendar-view-month",
-		children: [/* @__PURE__ */ H(ve, {}), /* @__PURE__ */ H("div", {
-			className: "bsy-calendar-view-month__grid",
-			children: Array.from({ length: o }, (e, a) => /* @__PURE__ */ U("div", {
-				className: "bsy-calendar-view-month__week",
-				children: [Array.from({ length: 7 }, (e, n) => {
-					let o = i[a * 7 + n], c = a === 0 && n === 0;
-					return /* @__PURE__ */ H(ye, {
-						date: o,
-						isCurrentMonth: N(o, t, r),
-						today: s,
-						cellRef: c ? u : void 0
-					}, n);
-				}), /* @__PURE__ */ H(Te, {
-					weekSegments: d[a],
-					hiddenScheduleIds: h,
-					maxVisibleRows: c,
-					onEventClick: n,
-					weekDates: i.slice(a * 7, a * 7 + 7),
-					dayEventsByWeek: g.slice(a * 7, a * 7 + 7)
-				})]
-			}, a))
-		})]
-	});
-}, De = (e) => e.startsWith("calendar.") ? e : `calendar.${e}`, Oe = (e) => {
-	let { data: n = [], timeZone: r, defaultMode: a = "week", modes: s = z, color: c, theme: l, axis: d = "medium", allowAdd: f = !1, className: p, header: m = !0, tooltip: h, onChange: g, onPanelChange: _, onEventClick: v, onAddClick: y } = e, { t: b } = t(), x = W((e, t) => b(De(e), t), [b]), S = K(() => {
-		let e = (Array.isArray(s) ? s : z).filter((e) => z.includes(e));
-		return e.length > 0 ? e : z;
-	}, [s]), C = S.includes(a) ? a : S[0], w = Object.prototype.hasOwnProperty.call(e, "mode"), [T, E] = J(C), O = w && e.mode !== void 0 ? e.mode : T, k = S.includes(O) ? O : S[0];
-	G(() => {
-		!w && !S.includes(T) && E(S[0]);
-	}, [
-		T,
-		w,
-		S
-	]);
-	let [A, te] = J(() => D(r).toDate()), [j, M] = J(null), N = q(null), P = W((e) => {
-		te(e), g?.(e);
-	}, [g]), F = K(() => u(n, { timeZone: r }), [n, r]), I = K(() => {
-		let { start: e, end: t } = ee(A, k, r);
-		return !e?.isValid?.() || !t?.isValid?.() ? null : {
-			mode: k,
-			dates: [e, t]
-		};
-	}, [
-		A,
-		k,
-		r
-	]), L = W((e, t) => {
-		if (!e?.[0]?.isValid?.() || !e?.[1]?.isValid?.()) return;
-		let n = `${t}:${e[0].valueOf()}:${e[1].valueOf()}`;
-		N.current !== n && (N.current = n, _?.(e, t));
-	}, [_]);
-	G(() => {
-		I && L([I.dates[0], I.dates[1]], I.mode);
-	}, [I, L]);
-	let R = W(() => {
-		P(D(r).toDate());
-	}, [P, r]), B = W(() => {
-		P(ne(A, k, -1, r));
-	}, [
-		k,
-		A,
-		P,
-		r
-	]), V = W(() => {
-		P(ne(A, k, 1, r));
-	}, [
-		k,
-		A,
-		P,
-		r
-	]), Y = W((e) => {
-		let t = S.includes(e) ? e : S[0], { start: n, end: i } = ee(A, t, r);
-		w || E(t), n?.isValid?.() && i?.isValid?.() && L([n, i], t);
-	}, [
-		A,
-		L,
-		w,
-		S,
-		r
-	]);
-	G(() => {
-		O !== void 0 && S.includes(O);
-	}, [O, S]);
-	let X = K(() => re(l, c), [l, c]), Z = K(() => ie(l), [l]), Q = K(() => ae(l), [l]), oe = q(null), se = W(() => oe.current ?? document.body, []), ce = K(() => ({
-		currentDate: A,
-		hoveredEventId: j,
-		mode: k,
-		modes: S,
-		axis: d,
-		allowAdd: f,
-		timeZone: r,
-		tooltip: h,
-		segmentedTheme: Z,
-		datePickerTheme: Q,
-		formatMessage: x,
-		getPopupContainer: se,
-		onEventClick: v,
-		onAddClick: y
-	}), [
-		A,
-		j,
-		k,
-		S,
-		d,
-		f,
-		r,
-		h,
-		Z,
-		Q,
-		x,
-		se,
-		v,
-		y
-	]), $ = K(() => ({
-		setCurrentDate: P,
-		setHoveredEventId: M,
-		switchToDay: R,
-		switchPrevDate: B,
-		switchNextDate: V,
-		onPanelChange: Y
-	}), [
-		P,
-		R,
-		B,
-		V,
-		Y
-	]);
-	return /* @__PURE__ */ H(i.Provider, {
-		value: ce,
-		children: /* @__PURE__ */ H(o.Provider, {
-			value: $,
-			children: /* @__PURE__ */ H("div", {
-				ref: oe,
-				className: p ? `bsy-calendar-view ${p}` : "bsy-calendar-view",
-				style: Object.keys(X).length > 0 ? X : void 0,
-				children: /* @__PURE__ */ U("div", {
-					className: "bsy-calendar-view__container",
-					children: [m !== !1 && /* @__PURE__ */ H(le, {}), /* @__PURE__ */ H("div", {
-						className: "bsy-calendar-view__body",
-						children: (() => {
-							switch (k) {
-								case "day": return /* @__PURE__ */ H(ue, { events: F });
-								case "week": return /* @__PURE__ */ H(_e, { events: F });
-								case "month": return /* @__PURE__ */ H(Ee, { events: F });
-								default: return null;
-							}
-						})()
-					})]
-				})
-			})
-		})
-	});
-};
-//#endregion
-export { Oe as t };