@baishuyun/ui-base 6.16.0 → 6.17.0

package/dist/Calendar/Calendar-BlsUX2vX.js

@@ -0,0 +1,1608 @@
+import { t as e } from "../Icon/Icon-DrdQOEJE.js";
+import { t } from "../vendors/useLocale-Be4e7Xfn.js";
+import { t as n } from "../vendors/cssVars-UpriQzph.js";
+import { t as r } from "../Segmented/Segmented-DpmwFerw.js";
+import { t as i } from "../Tooltip/Tooltip-DBrt3t2r.js";
+import { t as a } from "../DatePicker/DatePicker-BRwPZeui.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { memo as c, useCallback as l, useEffect as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import h from "clsx";
+import { createContext as g, useContextSelector as _ } from "use-context-selector";
+import v from "dayjs";
+//#region src/components/Calendar/context/CalendarContext.ts
+var y = g(null), b = g(null);
+//#endregion
+//#region src/components/Calendar/context/useCalendarContext.ts
+function x(e) {
+	if (!e) throw Error("Calendar state context is missing. Wrap components with Calendar.");
+	return e;
+}
+function S(e) {
+	if (!e) throw Error("Calendar dispatch context is missing. Wrap components with Calendar.");
+	return e;
+}
+function C(e) {
+	return _(y, (t) => e(x(t)));
+}
+function w(e) {
+	return _(b, (t) => e(S(t)));
+}
+//#endregion
+//#region src/components/Calendar/subcomponents/TodayButton/TodayButton.tsx
+var T = () => {
+	let e = C((e) => e.formatMessage), t = w((e) => e.switchToDay), n = e("today");
+	return /* @__PURE__ */ o("button", {
+		type: "button",
+		className: "bsy-calendar-today-btn",
+		onClick: t,
+		"aria-label": n,
+		children: n
+	});
+}, E = ({ direction: t }) => {
+	let n = C((e) => e.formatMessage), r = w((e) => e.switchPrevDate), i = w((e) => e.switchNextDate), a = l(() => {
+		t === "prev" ? r() : i();
+	}, [
+		t,
+		r,
+		i
+	]), s = t === "prev" ? "Pulldownleft" : "Pulldownright", c = n(t === "prev" ? "prev" : "next");
+	return /* @__PURE__ */ o("button", {
+		type: "button",
+		className: "bsy-calendar-nav-btn",
+		onClick: a,
+		"aria-label": c,
+		children: /* @__PURE__ */ o(e, {
+			name: s,
+			size: 16
+		})
+	});
+}, D = () => v(null), O = (e, t) => !!(t && e.$x?.$timezone === t), k = (e, t) => {
+	if (e == null || e === "") return D();
+	if (v.isDayjs(e)) return e.isValid() ? !t || O(e, t) ? e : e.tz(t) : D();
+	if (typeof e == "number" || e instanceof Date) {
+		let n = v(e);
+		return n.isValid() ? t ? n.tz(t) : n : D();
+	}
+	if (typeof e == "string") {
+		let n = v(e);
+		return n.isValid() ? t ? n.tz(t) : n : D();
+	}
+	return D();
+}, ee = (e, t = {}) => {
+	let { timeZone: n } = t;
+	return Array.isArray(e) ? e.map((e, t) => ({
+		id: e.id ?? t,
+		sourceIndex: t,
+		label: e.label ?? "",
+		startTime: k(e.startTime, n),
+		endTime: k(e.endTime, n),
+		color: e.color
+	})) : [];
+}, A = (e, t) => k(e, t), j = (e) => String(e).padStart(2, "0"), M = (e, t) => {
+	let n = A(e, t), r = n.startOf("month").startOf("isoWeek"), i = n.endOf("month").endOf("isoWeek").diff(r, "day") + 1;
+	return {
+		gridStart: r,
+		weekCount: Math.ceil(i / 7)
+	};
+}, N = (e, t) => t("fullDate", {
+	year: e.year(),
+	month: j(e.month() + 1),
+	day: j(e.date())
+}), P = (e, t, n, r) => A(e, r).add(t, n).toDate(), F = (e, t) => A(e, t).startOf("isoWeek"), I = (e, t) => A(e, t).endOf("isoWeek").startOf("day"), L = (e, t, n) => {
+	let r = A(e, t);
+	return n("yearMonth", {
+		year: r.year(),
+		month: j(r.month() + 1)
+	});
+}, te = (e, t, n) => N(A(e, t), n), R = (e, t, n) => {
+	let r = A(e, n);
+	return r.date() === 1 ? t("monthDay", {
+		month: r.month() + 1,
+		day: r.date()
+	}) : String(r.date());
+}, z = (e, t, n, r) => {
+	let i = A(e, n), a = A(t, n);
+	return i.year() === a.year() ? i.month() === a.month() ? r("dayOnly", { day: i.date() }) : r("monthDay", {
+		month: i.month() + 1,
+		day: i.date()
+	}) : N(i, r);
+}, B = (e, t, n) => P(e, t, "day", n), V = (e, t, n) => P(e, t, "week", n), H = (e, t, n) => P(e, t, "month", n), ne = (e, t, n, r) => t === "day" ? B(e, n, r) : t === "week" ? V(e, n, r) : H(e, n, r), U = (e, t) => {
+	let { gridStart: n, weekCount: r } = M(e, t);
+	return Array.from({ length: r * 7 }, (e, t) => n.add(t, "day"));
+}, W = (e, t) => {
+	let { gridStart: n, weekCount: r } = M(e, t);
+	return {
+		start: n,
+		end: n.add(r * 7, "day")
+	};
+}, re = (e, t) => {
+	let n = A(e, t);
+	return n.year() * 12 + n.month();
+}, ie = (e, t, n) => re(e, n) === re(t, n), ae = (e, t, n) => {
+	if (t === "day") {
+		let t = A(e, n).startOf("day");
+		return {
+			start: t,
+			end: t.add(1, "day")
+		};
+	}
+	if (t === "week") {
+		let t = F(e, n);
+		return {
+			start: t,
+			end: t.add(7, "day")
+		};
+	}
+	return t === "month" ? W(e, n) : {
+		start: null,
+		end: null
+	};
+}, G = {
+	short: {
+		interval: 60,
+		rowHeight: 60,
+		totalRows: 24
+	},
+	medium: {
+		interval: 30,
+		rowHeight: 104,
+		totalRows: 48
+	},
+	long: {
+		interval: 15,
+		rowHeight: 148,
+		totalRows: 96
+	}
+}, K = (e) => G[e] || G.medium, oe = (e, t) => e / t.interval * t.rowHeight, q = (e) => e.totalRows * e.rowHeight, se = (e, t) => {
+	let n = e * t.interval, r = Math.floor(n / 60), i = n % 60;
+	return `${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}`;
+}, J = (e) => e ? v().tz(e) : v(), ce = (e) => {
+	let t = e ? v().tz(e).utcOffset() : v().utcOffset(), n = t >= 0 ? "+" : "-", r = Math.abs(t), i = Math.floor(r / 60), a = r % 60;
+	return a === 0 ? `GMT${n}${i}` : `GMT${n}${i}:${String(a).padStart(2, "0")}`;
+}, le = (e, t) => {
+	let n = J(t);
+	return k(e, t).isSame(n, "day");
+}, ue = (e, t) => {
+	let n = J(t);
+	return oe(n.hour() * 60 + n.minute(), e);
+}, Y = (e) => e.id, de = (e, t) => {
+	let n = k(e.startTime, t), r = k(e.endTime, t);
+	return !n.isValid() || !r.isValid() ? !1 : !n.isSame(r, "day");
+}, fe = (e, t) => {
+	let n = [], r = [];
+	for (let i of e) de(i, t) ? n.push(i) : r.push(i);
+	return {
+		allDayEvents: n,
+		timedEvents: r
+	};
+}, pe = (e, t, n) => {
+	let r = k(e.startTime, t), i = k(e.endTime, t);
+	if (!r.isSame(i, "day")) return n("allDay");
+	let a = (e) => `${String(e.hour()).padStart(2, "0")}:${String(e.minute()).padStart(2, "0")}`;
+	return `${a(r)} - ${a(i)}`;
+}, me = (e, t = 22, n = 4) => e * t + Math.max(0, e - 1) * n, he = (e) => ({
+	mode: "grid",
+	row: e.row,
+	startCol: e.startCol,
+	endCol: e.endCol
+}), ge = (e) => ({
+	mode: "absolute",
+	top: e.top,
+	height: e.height,
+	hOffset: e.left,
+	hSpan: e.width,
+	hIsPercent: e.isPercent,
+	isLastInColumn: e.isLastInColumn
+}), _e = (e, t, n, r) => !e.isValid() || !t.isValid() || !n.isValid() || !r.isValid() ? !1 : e.isSame(t) ? (e.isSame(n) || e.isAfter(n)) && e.isBefore(r) : e.isBefore(r) && t.isAfter(n), ve = {
+	"#005EEF": {
+		normal: "#EFF5FF",
+		hover: "#D9E8FF"
+	},
+	"#3642E9": {
+		normal: "#EDEEFF",
+		hover: "#DEE0FF"
+	},
+	"#10A9C4": {
+		normal: "#EBFCFF",
+		hover: "#DDFAFF"
+	},
+	"#32A645": {
+		normal: "#f2ffef",
+		hover: "#E4FFE0"
+	},
+	"#FFC502": {
+		normal: "#FFFAE8",
+		hover: "#FFF4D0"
+	},
+	"#FF9921": {
+		normal: "#FFF5EA",
+		hover: "#FFECD7"
+	},
+	"#F06648": {
+		normal: "#FFF0ED",
+		hover: "#FFE3DD"
+	},
+	"#F168B6": {
+		normal: "#FFEFF8",
+		hover: "#FFDEF1"
+	},
+	"#6C6C6E": {
+		normal: "#F2F3F5",
+		hover: "#E6E6E7"
+	}
+}, ye = /* @__PURE__ */ new Map(), be = (e) => {
+	if (!e) return {
+		normal: "#e8f0fe",
+		hover: "#d7e3fd"
+	};
+	let t = ye.get(e);
+	if (t) return t;
+	let n = e.toUpperCase();
+	if (ve[n]) return ye.set(e, ve[n]), ve[n];
+	let r = parseInt(e.slice(1, 3), 16), i = parseInt(e.slice(3, 5), 16), a = parseInt(e.slice(5, 7), 16), o = .88, s = Math.round(r + (255 - r) * o), c = Math.round(i + (255 - i) * o), l = Math.round(a + (255 - a) * o), u = .8, d = Math.round(r + (255 - r) * u), f = Math.round(i + (255 - i) * u), p = Math.round(a + (255 - a) * u), m = {
+		normal: `rgb(${s}, ${c}, ${l})`,
+		hover: `rgb(${d}, ${f}, ${p})`
+	};
+	return ye.set(e, m), m;
+}, xe = 15, Se = {
+	allowStackLayout: !0,
+	maxColumnsBeforeStack: 10
+}, X = (e, t) => k(e, t), Z = (e, t) => {
+	let n = X(e.startTime, t), r = X(e.endTime, t);
+	return r.diff(n, "minute") < xe ? n.add(xe, "minute") : r;
+}, Ce = (e, t, n) => {
+	let r = X(e.startTime, n), i = Z(e, n), a = X(t.startTime, n), o = Z(t, n);
+	return r.isBefore(o) && i.isAfter(a);
+}, we = (e, t) => {
+	if (e.length === 0) return [];
+	let n = [...e].sort((e, n) => X(e.startTime, t).valueOf() - X(n.startTime, t).valueOf()), r = [], i = [n[0]], a = Z(n[0], t);
+	for (let e = 1; e < n.length; e++) {
+		let o = n[e];
+		if (X(o.startTime, t).isBefore(a)) {
+			i.push(o);
+			let e = Z(o, t);
+			e.isAfter(a) && (a = e);
+		} else r.push(i), i = [o], a = Z(o, t);
+	}
+	return r.push(i), r;
+}, Te = (e, t) => {
+	let n = /* @__PURE__ */ new Map(), r = [], i = [...e].sort((e, n) => X(e.startTime, t).valueOf() - X(n.startTime, t).valueOf());
+	for (let e of i) {
+		let i = !1;
+		for (let a = 0; a < r.length; a++) if (r[a].every((n) => !Ce(n, e, t))) {
+			r[a].push(e), n.set(Y(e), a), i = !0;
+			break;
+		}
+		i || (r.push([e]), n.set(Y(e), r.length - 1));
+	}
+	return n;
+}, Ee = (e, t, n, r, i, a) => {
+	let o = n;
+	for (let n of r) {
+		if (Y(n) === Y(e)) continue;
+		let r = i.get(Y(n));
+		r > t && Ce(e, n, a) && (o = Math.min(o, r));
+	}
+	return o - t;
+}, De = (e, t, n = {}) => {
+	let { allowStackLayout: r, maxColumnsBeforeStack: i, timeZone: a } = {
+		...Se,
+		...n
+	}, o = Math.max(...Array.from(t.values())) + 1, s = /* @__PURE__ */ new Map(), c = r && o > i;
+	for (let n of e) {
+		let r = Y(n), i = t.get(r), l = Ee(n, i, o, e, t, a), u = i + l === o;
+		if (c) {
+			let e = i * 15;
+			s.set(r, {
+				left: e,
+				width: 85,
+				isPercent: !1,
+				isLastInColumn: u
+			});
+		} else {
+			let e = 100 / o;
+			s.set(r, {
+				left: i * e,
+				width: e * l,
+				isPercent: !0,
+				isLastInColumn: u
+			});
+		}
+	}
+	return s;
+}, Oe = (e, t, n = {}) => {
+	let { timeZone: r, ...i } = {
+		...Se,
+		...n
+	}, { allDayEvents: a, timedEvents: o } = fe(e, r), s = we(o, r), c = [];
+	for (let e of s) {
+		let n = Te(e, r), a = De(e, n, {
+			...i,
+			timeZone: r
+		}), o = Math.max(...Array.from(n.values())) + 1;
+		for (let i of e) {
+			let e = X(i.startTime, r), s = X(i.endTime, r), l = e.hour() * 60 + e.minute(), u = s.hour() * 60 + s.minute(), d = Math.max(u - l, xe), f = l / t.interval * t.rowHeight, p = d / t.interval * t.rowHeight, m = Y(i), h = a.get(m);
+			c.push({
+				event: i,
+				top: f,
+				height: p,
+				left: h.left,
+				width: h.width,
+				isPercent: h.isPercent,
+				column: n.get(m),
+				totalColumns: o,
+				isLastInColumn: h.isLastInColumn
+			});
+		}
+	}
+	return {
+		timedEvents: c,
+		allDayEvents: a
+	};
+}, ke = (e, t, n, r) => Array.from({ length: 7 }, (i, a) => {
+	let o = t.add(a, "day").startOf("day"), s = o.add(1, "day"), c = [];
+	for (let t of e) {
+		let e = k(t.startTime, r), n = k(t.endTime, r);
+		_e(e, n, o, s) && c.push({
+			...t,
+			startTime: e.isBefore(o) ? o : e,
+			endTime: n.isAfter(s) ? s : n
+		});
+	}
+	let { timedEvents: l } = Oe(c, n, {
+		allowStackLayout: !0,
+		timeZone: r
+	});
+	return l;
+});
+//#endregion
+//#region src/components/Calendar/utils/layout/weekLayoutAlgorithm.ts
+function Ae(e, t, n) {
+	let r = k(e.startTime, n), i = k(e.endTime, n), a = t.add(7, "day"), o = r.isBefore(t) ? t : r, s = i.isAfter(a) ? a : i, c = t.utcOffset(), l = o.utcOffset(c), u = s.utcOffset(c), d = l.format("YYYY-MM-DD"), f = t.format("YYYY-MM-DD"), p = v(d).diff(f, "day"), m = v(u.hour() === 0 && u.minute() === 0 && u.second() === 0 ? u.format("YYYY-MM-DD") : u.add(1, "day").format("YYYY-MM-DD")).diff(f, "day");
+	return {
+		event: e,
+		startCol: p,
+		endCol: m,
+		span: m - p
+	};
+}
+function je(e, t) {
+	return e.startCol < t.endCol && e.endCol > t.startCol;
+}
+function Me(e, t, n) {
+	if (!e || e.length === 0) return [];
+	let r = e.map((e) => Ae(e, t, n)).filter((e) => e.span > 0);
+	r.sort((e, t) => e.startCol === t.startCol ? t.span - e.span : e.startCol - t.startCol);
+	let i = [], a = [];
+	for (let e of r) {
+		let t = !1;
+		for (let n = 0; n < i.length; n++) if (!i[n].some((t) => je(t, e))) {
+			i[n].push(e), a.push({
+				...e,
+				row: n
+			}), t = !0;
+			break;
+		}
+		t || (i.push([e]), a.push({
+			...e,
+			row: i.length - 1
+		}));
+	}
+	return a;
+}
+//#endregion
+//#region src/components/Calendar/utils/layout/monthLayoutAlgorithm.ts
+var Ne = {
+	HEADER_HEIGHT: 34,
+	SLOT_HEIGHT: 22,
+	SLOT_GAP: 4,
+	WEEK_PADDING_X: 10,
+	EVENT_RIGHT_GAP: 4
+};
+function Pe(e) {
+	let { startCol: t, endCol: n, row: r } = e, { HEADER_HEIGHT: i, SLOT_HEIGHT: a, SLOT_GAP: o, EVENT_RIGHT_GAP: s, WEEK_PADDING_X: c } = Ne, l = 100 / 7, u = t > 0 ? c : 0;
+	return {
+		top: i + r * (a + o),
+		height: a,
+		left: `calc(${t * l}% + ${u}px)`,
+		width: `calc(${(n - t) * l}% - ${s + u}px)`
+	};
+}
+function Fe(e, t, n, r) {
+	let i = k(e.startTime, r), a = k(e.endTime, r), o = t.add(n, "day"), s = i.isBefore(t) ? t : i, c = a.isAfter(o) ? o : a, l = s.diff(t, "day"), u = i.startOf("day").diff(t.startOf("day"), "day"), d = c.hour() === 0 && c.minute() === 0 && c.second() === 0, f = i.isSame(a) && !i.isBefore(t) && i.isBefore(o) ? l + 1 : d ? c.diff(t, "day") : c.diff(t, "day") + 1;
+	return {
+		event: e,
+		startDayIndex: l,
+		endDayIndex: f,
+		span: f - l,
+		originalStartDayIndex: u
+	};
+}
+function Ie(e, t, n, r) {
+	return !e || e.length === 0 ? [] : e.map((e) => Fe(e, t, n, r));
+}
+function Le(e) {
+	if (!e || e.length === 0) return /* @__PURE__ */ new Map();
+	let t = [...e].sort((e, t) => e.startDayIndex === t.startDayIndex ? t.span - e.span : e.startDayIndex - t.startDayIndex), n = /* @__PURE__ */ new Map(), r = [];
+	for (let e of t) {
+		let { event: t, startDayIndex: i, endDayIndex: a } = e, o = -1;
+		for (let e = 0; e <= r.length; e++) {
+			r[e] || (r[e] = []);
+			let t = !0;
+			for (let n = i; n < a; n++) if (r[e][n]) {
+				t = !1;
+				break;
+			}
+			if (t) {
+				o = e;
+				break;
+			}
+		}
+		r[o] || (r[o] = []);
+		let s = Y(t);
+		for (let e = i; e < a; e++) r[o][e] = s;
+		n.set(s, o);
+	}
+	return n;
+}
+function Re(e, t) {
+	let { event: n, startDayIndex: r, endDayIndex: i, originalStartDayIndex: a } = e, o = [], s = r;
+	for (; s < i;) {
+		let e = Math.floor(s / 7), r = (e + 1) * 7, c = Math.min(i, r), l = s % 7;
+		o.push({
+			event: n,
+			weekIndex: e,
+			startCol: l,
+			endCol: c - e * 7,
+			row: t,
+			isStart: s === a,
+			isEnd: c === i,
+			isWeekStart: l === 0
+		}), s = c;
+	}
+	return o;
+}
+function ze(e, t, n, r, i, a, o) {
+	let s = /* @__PURE__ */ new Set(), c = a || Ie(t, n, r, o);
+	if (c.length === 0) return s;
+	let l = Array.from({ length: r }, () => []);
+	for (let e of c) for (let t = e.startDayIndex; t < e.endDayIndex; t++) l[t].push(e);
+	for (let t = 0; t < r; t++) {
+		let n = l[t].filter((e) => !s.has(Y(e.event))), r = n.some((t) => e.get(Y(t.event)) >= i) && i > 1 ? i - 1 : i;
+		for (let t of n) {
+			let n = Y(t.event);
+			e.get(n) >= r && s.add(n);
+		}
+	}
+	return s;
+}
+function Be(e, t, n = 6, r) {
+	let i = Ie(e, t, n * 7, r);
+	if (!e || e.length === 0) return {
+		weekLayouts: Array.from({ length: n }, () => []),
+		eventRowMap: /* @__PURE__ */ new Map(),
+		gridEvents: i
+	};
+	let a = Le(i), o = Array.from({ length: n }, () => []);
+	for (let e of i) {
+		let t = Re(e, a.get(Y(e.event)));
+		for (let e of t) o[e.weekIndex].push(e);
+	}
+	return {
+		weekLayouts: o,
+		eventRowMap: a,
+		gridEvents: i
+	};
+}
+function Ve(e, t, n) {
+	let r = Array(7).fill(0), i = Array.from({ length: 7 }, () => /* @__PURE__ */ new Set());
+	for (let a of e) {
+		let e = Y(a.event);
+		if (t.has(e) || a.row >= n) for (let t = a.startCol; t < a.endCol; t++) i[t].has(e) || (i[t].add(e), r[t]++);
+	}
+	return r;
+}
+//#endregion
+//#region src/components/Calendar/subcomponents/DateDisplay/DateDisplay.tsx
+var He = () => {
+	let t = C((e) => e.currentDate), n = C((e) => e.mode), r = C((e) => e.timeZone), i = C((e) => e.formatMessage), c = C((e) => e.datePickerTheme), u = C((e) => e.getPopupContainer), d = w((e) => e.setCurrentDate), p = f(() => {
+		if (n === "month") return L(t, r, i);
+		if (n === "week") {
+			let e = F(t, r), n = I(t, r);
+			return `${te(e, r, i)} - ${z(n, e, r, i)}`;
+		}
+		return n === "day" ? te(t, r, i) : null;
+	}, [
+		t,
+		n,
+		r,
+		i
+	]), m = f(() => n === "month" ? "month" : n === "week" ? "week" : "date", [n]), h = l((e) => {
+		d(n === "week" ? F(e.toDate(), r).toDate() : e.toDate());
+	}, [
+		d,
+		n,
+		r
+	]);
+	return /* @__PURE__ */ o(a, {
+		picker: m,
+		value: f(() => n === "week" ? F(t, r) : v(t), [
+			t,
+			n,
+			r
+		]),
+		theme: c,
+		getPopupContainer: u,
+		triggerActiveClassName: "bsy-calendar-date-display--active",
+		onChange: h,
+		children: /* @__PURE__ */ s("div", {
+			className: "bsy-calendar-date-display",
+			children: [/* @__PURE__ */ o("span", {
+				className: "date-text",
+				children: p
+			}), /* @__PURE__ */ o(e, {
+				name: "arrow-down",
+				className: "bsy-calendar-date-arrow",
+				size: 16
+			})]
+		})
+	});
+}, Ue = () => /* @__PURE__ */ s("div", {
+	className: "bsy-calendar-header-left",
+	children: [
+		/* @__PURE__ */ o(T, {}),
+		/* @__PURE__ */ o(E, { direction: "prev" }),
+		/* @__PURE__ */ o(E, { direction: "next" }),
+		/* @__PURE__ */ o(He, {})
+	]
+}), We = {
+	day: "mode.day",
+	week: "mode.week",
+	month: "mode.month"
+}, Ge = () => {
+	let e = C((e) => e.formatMessage), t = C((e) => e.mode), n = C((e) => e.modes), i = C((e) => e.segmentedTheme), a = w((e) => e.onPanelChange), c = f(() => n.map((t) => ({
+		label: e(We[t]),
+		value: t
+	})), [n, e]), u = l((e) => {
+		a(e);
+	}, [a]);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-header",
+		children: [/* @__PURE__ */ o("div", {
+			className: "bsy-calendar-header__left",
+			children: /* @__PURE__ */ o(Ue, {})
+		}), /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-header__right",
+			children: /* @__PURE__ */ o(r, {
+				value: t,
+				options: c,
+				onChange: u,
+				theme: i
+			})
+		})]
+	});
+}, Ke = ({ zoomConfig: e }) => /* @__PURE__ */ o("div", {
+	className: "bsy-calendar-time-axis",
+	children: Array.from({ length: e.totalRows }, (e, t) => t).map((t) => /* @__PURE__ */ o("div", {
+		className: "bsy-calendar-time-axis__label",
+		style: { height: e.rowHeight },
+		children: /* @__PURE__ */ o("span", { children: se(t, e) })
+	}, t))
+}), qe = ({ zoomConfig: t, rowAction: n }) => {
+	let r = Array.from({ length: t.totalRows }, (e, t) => t), [a, c] = m(null), d = p(0);
+	u(() => {
+		n || c(null);
+	}, [n]);
+	let h = f(() => (a === null ? d.current : a) * t.rowHeight, [a, t.rowHeight]), g = l((e) => {
+		e.stopPropagation();
+		let t = a === null ? d.current : a;
+		n?.onClick(t), c(null);
+	}, [a, n]);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-time-grid",
+		onMouseLeave: n ? () => c(null) : void 0,
+		children: [r.map((e) => /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-time-grid__row",
+			style: { height: t.rowHeight },
+			onMouseEnter: n ? () => {
+				d.current = e, c(e);
+			} : void 0
+		}, e)), n ? /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-time-grid__row-action",
+			style: { top: h },
+			children: /* @__PURE__ */ o(i, {
+				content: n.tooltip,
+				placement: "top",
+				children: /* @__PURE__ */ o("button", {
+					type: "button",
+					className: `bsy-calendar-time-grid__row-action-btn${a === null ? "" : " bsy-calendar-time-grid__row-action-btn--visible"}`,
+					onClick: g,
+					"aria-label": n.tooltip,
+					children: /* @__PURE__ */ o(e, {
+						name: "add",
+						className: "bsy-calendar-time-grid__row-action-icon",
+						size: 16
+					})
+				})
+			})
+		}) : null]
+	});
+}, Je = 4, Ye = (e, t, n) => {
+	if (n) {
+		let e = J(t).startOf("day").diff(n.startOf("day"), "day");
+		return e >= 0 && e < 7;
+	}
+	return le(e, t);
+}, Xe = ({ currentDate: e, zoomConfig: t, weekStart: n, timeZone: r }) => {
+	let a = p(null), [c, l] = m(() => ue(t, r)), [f, h] = m(() => J(r)), g = Ye(e, r, n);
+	u(() => {
+		if (!g) return;
+		let e = () => {
+			l(ue(t, r)), h(J(r));
+		};
+		e();
+		let n = setInterval(e, 6e4);
+		return () => clearInterval(n);
+	}, [
+		g,
+		t,
+		r
+	]), d(() => {
+		if (!g || !a.current) return;
+		let e = a.current.parentElement?.closest?.(".bsy-calendar-day__scroll-container, .bsy-calendar-week__scroll-container");
+		if (!e) return;
+		let n = ue(t, r), i = e.scrollHeight - e.clientHeight;
+		e.scrollTop = Math.max(0, Math.min(n - e.clientHeight / 2, i));
+	}, [
+		g,
+		r,
+		t
+	]);
+	let _ = f.format("HH:mm");
+	if (!g) return null;
+	let v = -6, y;
+	return n && (v = f.diff(n, "day") / 7 * 100, y = { left: `calc(${v}% - ${Je}px)` }), /* @__PURE__ */ s("div", {
+		ref: a,
+		className: "bsy-calendar-current-time",
+		style: { top: c },
+		children: [/* @__PURE__ */ o(i, {
+			content: _,
+			placement: "top",
+			trigger: "hover",
+			showArrow: !0,
+			hoverDelay: 200,
+			style: {
+				color: "#ea4335",
+				fontSize: "12px",
+				textAlign: "center",
+				background: "#fff",
+				boxShadow: "0 2px 8px rgba(0,0,0,0.15)"
+			},
+			children: /* @__PURE__ */ o("div", {
+				className: "bsy-calendar-current-time__dot",
+				style: y
+			})
+		}), /* @__PURE__ */ o("div", { className: "bsy-calendar-current-time__line" })]
+	});
+}, Q = [
+	"day",
+	"week",
+	"month"
+], Ze = {
+	MIN_HEIGHT_FOR_TIME: 32,
+	MIN_HEIGHT_FOR_TITLE: 22
+}, Qe = {
+	COLLAPSED_COUNT: 3,
+	EXPANDED_COUNT: 5,
+	EVENT_HEIGHT: 22,
+	EVENT_GAP: 4
+}, { MIN_HEIGHT_FOR_TIME: $e, MIN_HEIGHT_FOR_TITLE: et } = Ze, tt = (e) => {
+	let t = e?.parentElement ?? null;
+	for (; t;) {
+		let { overflowY: e } = getComputedStyle(t);
+		if (e === "auto" || e === "scroll") return t;
+		t = t.parentElement;
+	}
+	return null;
+}, $ = c(function({ event: e, onClick: t, eventIndex: n, variant: r = "timed", placement: a, position: c, visual: d, tooltip: g, disableGlobalHover: v = !1 }) {
+	let b = r === "allDay", x = b && c?.mode === "grid", S = e.id, T = p(null), E = p(null), [D, O] = m(!1), k = _(y, l((e) => !v && e?.hoveredEventId === S, [v, S])), ee = C((e) => e.timeZone), A = C((e) => e.formatMessage), j = C((e) => e.tooltip), M = w((e) => e.setHoveredEventId), N = g || j, P = l(() => {
+		v || M(S);
+	}, [
+		M,
+		S,
+		v
+	]), F = l(() => {
+		v || M(null);
+	}, [M, v]), I = f(() => N?.content?.(e, n ?? e.sourceIndex), [
+		N,
+		e,
+		n
+	]), L = f(() => {
+		if (!D || b) return;
+		let e = T.current;
+		if (!e) return;
+		E.current ||= tt(e);
+		let t = E.current;
+		if (t) return { getBoundingClientRect() {
+			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = Math.max(n.top, r.top), a = Math.min(n.bottom, r.bottom), o = Math.max(n.left, r.left), s = Math.min(n.right, r.right);
+			return {
+				x: o,
+				y: i,
+				top: i,
+				bottom: a,
+				left: o,
+				right: s,
+				width: Math.max(0, s - o),
+				height: Math.max(0, a - i),
+				toJSON: () => ({})
+			};
+		} };
+	}, [D, b]), te = l((e) => {
+		O(e);
+	}, []);
+	u(() => () => {
+		E.current = null;
+	}, []);
+	let R = f(() => {
+		if (!c) return;
+		let e = {};
+		switch (c.mode) {
+			case "grid": {
+				let { row: t, startCol: n, endCol: r } = c;
+				e.gridColumn = `${n + 1} / ${r + 1}`, e.gridRow = t + 1;
+				break;
+			}
+			case "absolute": {
+				let { top: t, height: n, hOffset: r, hSpan: i, hIsPercent: a = !0, isLastInColumn: o = !1 } = c;
+				e.top = t, e.height = Math.max(n, et), a ? (e.left = `${r}%`, e.width = o ? `${i}%` : `calc(${i}% - 4px)`) : (e.left = `${r}px`, e.width = o ? `${i}px` : `${Math.max(i - 4, 0)}px`);
+				break;
+			}
+			case "month-absolute": {
+				let { top: t, height: n, left: r, width: i } = c;
+				e.top = t, e.height = Math.max(n, et), e.left = r, e.width = i;
+				break;
+			}
+			default: break;
+		}
+		return e;
+	}, [c]), z = !b && c?.mode === "absolute" && c.height >= $e, B = l((r) => {
+		r.stopPropagation(), t?.(e, n);
+	}, [
+		t,
+		e,
+		n
+	]), V = l((r) => {
+		(r.key === "Enter" || r.key === " ") && (r.preventDefault(), t?.(e, n));
+	}, [
+		t,
+		e,
+		n
+	]), H = h("bsy-calendar-event-card", {
+		"bsy-calendar-event-card--allday": b,
+		"bsy-calendar-event-card--week-grid": b && x,
+		"bsy-calendar-event-card--continues-left": d?.continuesLeft,
+		"bsy-calendar-event-card--continues-right": d?.continuesRight,
+		"bsy-calendar-event-card--timed": !b,
+		"bsy-calendar-event-card--hovered": k
+	}), ne = d ? d.showTitle !== !1 : !0, U = a || (b ? "bottom" : "top-start"), W = /* @__PURE__ */ s("div", {
+		ref: T,
+		className: H,
+		style: R,
+		role: "button",
+		tabIndex: 0,
+		onClick: B,
+		onKeyDown: V,
+		onMouseEnter: P,
+		onMouseLeave: F,
+		"aria-label": e.label,
+		children: [ne ? /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-event-card__title",
+			children: e.label
+		}) : null, z ? /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-event-card__time",
+			children: pe(e, ee, A)
+		}) : null]
+	});
+	return I ? /* @__PURE__ */ o(i, {
+		content: I,
+		showArrow: !1,
+		hoverDelay: 500,
+		placement: U,
+		fallbackPlacements: b ? void 0 : [
+			"bottom-start",
+			"right-start",
+			"left-start"
+		],
+		moveToFloatingKeepOpen: !0,
+		widthMode: "manual",
+		maxWidth: 400,
+		offset: 5,
+		virtualReference: L,
+		flipBoundary: E.current ?? void 0,
+		onVisibleChange: te,
+		style: {
+			borderRadius: "10px",
+			padding: 0,
+			backgroundColor: "#fff",
+			boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)"
+		},
+		children: W
+	}) : W;
+}), { COLLAPSED_COUNT: nt, EXPANDED_COUNT: rt, EVENT_HEIGHT: it, EVENT_GAP: at } = Qe, ot = ({ events: t = [], onClick: n }) => {
+	let r = C((e) => e.formatMessage), [i, a] = m(!1), c = C((e) => e.timeZone), l = t.length, u = l - nt, d = l > nt, p = i && l > rt, g = f(() => me(i ? Math.min(l, rt) : Math.min(l, nt), it, at), [i, l]), _ = f(() => ce(c), [c]), v = () => {
+		a((e) => !e);
+	}, y = { "--max-height": `${g}px` };
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-allday-section",
+		children: [/* @__PURE__ */ o("div", {
+			className: "bsy-calendar-allday-section__label",
+			children: /* @__PURE__ */ o("div", {
+				className: "bsy-calendar-allday-section__label-text",
+				children: _
+			})
+		}), /* @__PURE__ */ s("div", {
+			className: "bsy-calendar-allday-section__content",
+			children: [/* @__PURE__ */ o("div", {
+				className: h("bsy-calendar-allday-section__events", { "bsy-calendar-allday-section__events--scroll": p }),
+				style: y,
+				children: t.map((e, t) => /* @__PURE__ */ o($, {
+					event: e,
+					eventIndex: e.sourceIndex ?? t,
+					onClick: n,
+					variant: "allDay"
+				}, e.id))
+			}), d ? /* @__PURE__ */ s("button", {
+				type: "button",
+				className: "bsy-calendar-allday-section__toggle-btn",
+				onClick: v,
+				"aria-label": i ? r("collapse") : r("remainingCount", { count: u }),
+				children: [/* @__PURE__ */ o("span", {
+					className: "bsy-calendar-allday-section__toggle-icon",
+					children: /* @__PURE__ */ o(e, {
+						name: i ? "arrow-up" : "arrow-down",
+						size: 14
+					})
+				}), /* @__PURE__ */ o("span", {
+					className: "bsy-calendar-allday-section__toggle-text",
+					children: i ? r("collapse") : r("remainingCount", { count: u })
+				})]
+			}) : null]
+		})]
+	});
+}, st = ({ events: e = [] }) => {
+	let t = C((e) => e.formatMessage), n = C((e) => e.currentDate), r = C((e) => e.axis), i = C((e) => e.allowAdd), a = C((e) => e.onEventClick), c = C((e) => e.onAddClick), u = C((e) => e.timeZone), d = f(() => K(r), [r]), p = f(() => q(d), [d]), m = f(() => {
+		let t = k(n, u).startOf("day"), r = t.add(1, "day"), i = [];
+		for (let n of e) _e(k(n.startTime, u), k(n.endTime, u), t, r) && i.push(n);
+		return i;
+	}, [
+		e,
+		n,
+		u
+	]), { timedEvents: h, allDayEvents: g } = f(() => Oe(m, d, {
+		allowStackLayout: !1,
+		timeZone: u
+	}), [
+		m,
+		d,
+		u
+	]), _ = l((e) => {
+		if (!c) return;
+		let t = k(n, u).startOf("day").add(e * d.interval, "minute"), r = t.add(d.interval, "minute");
+		c({
+			startTime: t.valueOf(),
+			endTime: r.valueOf(),
+			anchorDate: n,
+			slotIndex: e,
+			mode: "day"
+		});
+	}, [
+		c,
+		n,
+		u,
+		d.interval
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-day",
+		children: [/* @__PURE__ */ o(ot, {
+			events: g,
+			onClick: a
+		}), /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-day__scroll-container",
+			children: /* @__PURE__ */ s("div", {
+				className: "bsy-calendar-day__content",
+				style: { height: p },
+				children: [/* @__PURE__ */ o(Ke, { zoomConfig: d }), /* @__PURE__ */ s("div", {
+					className: "bsy-calendar-day__main",
+					children: [
+						/* @__PURE__ */ o(qe, {
+							zoomConfig: d,
+							rowAction: i ? {
+								tooltip: t("addRecord"),
+								onClick: _
+							} : void 0
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "bsy-calendar-day__events",
+							children: h.map((e) => /* @__PURE__ */ o($, {
+								event: e.event,
+								eventIndex: e.event.sourceIndex,
+								onClick: a,
+								variant: "timed",
+								position: ge(e)
+							}, e.event.id))
+						}),
+						/* @__PURE__ */ o(Xe, {
+							currentDate: n,
+							zoomConfig: d,
+							timeZone: u
+						})
+					]
+				})]
+			})
+		})]
+	});
+}, { COLLAPSED_COUNT: ct, EXPANDED_COUNT: lt, EVENT_HEIGHT: ut, EVENT_GAP: dt } = Qe;
+function ft(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 pt = ({ events: t, onClick: n, weekStart: r, isGloballyExpanded: i, onExpandChange: a }) => {
+	let c = C((e) => e.formatMessage), d = p(null), g = C((e) => e.timeZone), [_, v] = m(() => Array(7).fill(!1));
+	u(() => {
+		!i && d.current && (d.current.scrollTop = 0);
+	}, [i]);
+	let y = f(() => Me(t, r, g), [
+		t,
+		r,
+		g
+	]), b = f(() => ft(y), [y]), x = y.length > 0 ? Math.max(...y.map((e) => e.row)) + 1 : 0, S = l((e) => {
+		let t = i || _[e], n = b[e];
+		return t ? Math.min(n, lt) : Math.min(n, ct);
+	}, [
+		i,
+		_,
+		b
+	]), w = f(() => Math.max(...Array(7).fill(0).map((e, t) => S(t))), [S]), T = f(() => me(w, ut, dt), [w]), E = w >= lt && x > lt, D = l((e) => {
+		if (!i) {
+			a?.(!0);
+			return;
+		}
+		v((t) => {
+			let n = [...t];
+			return n[e] = !n[e], n;
+		});
+	}, [i, a]);
+	return x === 0 ? null : /* @__PURE__ */ s("div", {
+		className: "bsy-week-allday-section",
+		children: [/* @__PURE__ */ o("div", {
+			className: "bsy-week-allday-section__main",
+			children: /* @__PURE__ */ o("div", {
+				ref: d,
+				className: h("bsy-week-allday-section__events-container", { "bsy-week-allday-section__events-container--scroll": E }),
+				style: { maxHeight: `${T}px` },
+				children: /* @__PURE__ */ o("div", {
+					className: "bsy-week-allday-section__grid",
+					style: { gridTemplateRows: `repeat(${w}, ${ut}px)` },
+					children: y.map((e) => /* @__PURE__ */ o($, {
+						event: e.event,
+						eventIndex: e.event.sourceIndex,
+						onClick: n,
+						variant: "allDay",
+						position: he(e)
+					}, e.event.id))
+				})
+			})
+		}), i ? null : /* @__PURE__ */ o("div", {
+			className: "bsy-week-allday-section__toggle-bar",
+			children: Array(7).fill(0).map((t, n) => {
+				let r = b[n], i = _[n], a = r > ct, l = r - ct;
+				return /* @__PURE__ */ o("div", {
+					className: "bsy-week-allday-section__toggle-cell",
+					children: a ? /* @__PURE__ */ s("button", {
+						type: "button",
+						className: "bsy-week-allday-section__toggle-btn",
+						onClick: () => D(n),
+						"aria-label": i ? c("collapse") : c("remainingCount", { count: l }),
+						children: [/* @__PURE__ */ o("span", {
+							className: "bsy-week-allday-section__toggle-icon",
+							children: i ? /* @__PURE__ */ o(e, {
+								name: "arrow-up",
+								size: 12
+							}) : /* @__PURE__ */ o(e, {
+								name: "arrow-down",
+								size: 12
+							})
+						}), /* @__PURE__ */ o("span", {
+							className: "bsy-week-allday-section__toggle-text",
+							children: i ? c("collapse") : c("remainingCount", { count: l })
+						})]
+					}) : null
+				}, n);
+			})
+		})]
+	});
+}, mt = ({ weekStart: e }) => {
+	let t = C((e) => e.formatMessage), n = C((e) => e.timeZone);
+	return /* @__PURE__ */ o("div", {
+		className: "bsy-week-header",
+		children: f(() => Array.from({ length: 7 }, (r, i) => {
+			let a = e.add(i, "day"), o = J(n), s = a.isSame(o, "day"), c = a.isBefore(o, "day");
+			return {
+				dayName: t(`weekday.${i}`),
+				dayNumber: R(a, t, n),
+				isToday: s,
+				isPast: c
+			};
+		}), [
+			e,
+			n,
+			t
+		]).map((e, t) => /* @__PURE__ */ s("div", {
+			className: h("bsy-week-header__day", {
+				"bsy-week-header__day--today": e.isToday,
+				"bsy-week-header__day--past": e.isPast
+			}),
+			children: [/* @__PURE__ */ o("div", {
+				className: "bsy-week-header__day-name",
+				children: e.dayName
+			}), /* @__PURE__ */ o("div", {
+				className: "bsy-week-header__day-number",
+				children: e.dayNumber
+			})]
+		}, t))
+	});
+}, ht = ({ events: t = [] }) => {
+	let n = C((e) => e.formatMessage), r = C((e) => e.currentDate), i = C((e) => e.axis), a = C((e) => e.allowAdd), c = C((e) => e.timeZone), u = C((e) => e.onEventClick), d = C((e) => e.onAddClick), [p, h] = m(!1), g = f(() => F(r, c), [r, c]), _ = f(() => K(i), [i]), v = f(() => q(_), [_]), y = f(() => ce(c), [c]), { allDayEvents: b, timedEvents: x } = f(() => fe(t, c), [t, c]), S = f(() => ke(x, g, _, c), [
+		x,
+		g,
+		_,
+		c
+	]), w = l((e) => {
+		h(e);
+	}, []), T = l(() => {
+		h(!1);
+	}, []), E = l((e, t) => {
+		if (!d) return;
+		let n = g.add(e, "day").startOf("day"), i = n.add(t * _.interval, "minute"), a = n.hour(23).minute(59).second(0).millisecond(0), o = i.add(_.interval, "minute"), s = o.isAfter(a) ? a : o;
+		d({
+			startTime: i.valueOf(),
+			endTime: s.valueOf(),
+			anchorDate: r,
+			dayIndex: e,
+			slotIndex: t,
+			mode: "week"
+		});
+	}, [
+		d,
+		g,
+		_.interval,
+		r
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-week",
+		children: [/* @__PURE__ */ s("div", {
+			className: "bsy-calendar-week__header-section",
+			children: [/* @__PURE__ */ s("div", {
+				className: "bsy-calendar-week__timezone-label",
+				children: [y ? /* @__PURE__ */ o("span", { children: y }) : null, p ? /* @__PURE__ */ o("button", {
+					type: "button",
+					className: "bsy-calendar-week__collapse-btn",
+					onClick: T,
+					title: n("collapse"),
+					"aria-label": n("collapse"),
+					children: /* @__PURE__ */ o(e, {
+						name: "arrow-up",
+						size: 16
+					})
+				}) : null]
+			}), /* @__PURE__ */ s("div", {
+				className: "bsy-calendar-week__header-content",
+				children: [/* @__PURE__ */ o(mt, { weekStart: g }), /* @__PURE__ */ o(pt, {
+					events: b,
+					onClick: u,
+					weekStart: g,
+					isGloballyExpanded: p,
+					onExpandChange: w
+				})]
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-week__scroll-container",
+			children: /* @__PURE__ */ s("div", {
+				className: "bsy-calendar-week__body",
+				style: { height: v },
+				children: [/* @__PURE__ */ o(Ke, { zoomConfig: _ }), /* @__PURE__ */ s("div", {
+					className: "bsy-calendar-week__grid",
+					children: [S.map((e, t) => /* @__PURE__ */ s("div", {
+						className: "bsy-calendar-week__day-column",
+						children: [/* @__PURE__ */ o(qe, {
+							zoomConfig: _,
+							rowAction: a ? {
+								tooltip: n("addRecord"),
+								onClick: (e) => E(t, e)
+							} : void 0
+						}), /* @__PURE__ */ o("div", {
+							className: "bsy-calendar-week__day-events",
+							children: e.map((e) => /* @__PURE__ */ o($, {
+								event: e.event,
+								eventIndex: e.event.sourceIndex,
+								onClick: u,
+								variant: "timed",
+								position: ge(e)
+							}, e.event.id))
+						})]
+					}, t)), /* @__PURE__ */ o(Xe, {
+						currentDate: r,
+						zoomConfig: _,
+						weekStart: g,
+						timeZone: c
+					})]
+				})]
+			})
+		})]
+	});
+}, gt = () => {
+	let e = C((e) => e.formatMessage);
+	return /* @__PURE__ */ o("div", {
+		className: "bsy-calendar-view-month-header",
+		children: Array.from({ length: 7 }, (t, n) => e(`weekday.${n}`)).map((e, t) => /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-view-month-header__day",
+			children: e
+		}, t))
+	});
+}, _t = ({ date: t, isCurrentMonth: n, today: r, cellRef: a }) => {
+	let c = C((e) => e.formatMessage), u = C((e) => e.allowAdd), d = C((e) => e.onAddClick), p = C((e) => e.currentDate), m = t.isSame(r, "day"), g = f(() => R(t, c), [t, c]), _ = l(() => {
+		if (!d) return;
+		let e = t.startOf("day"), n = t.add(1, "day").startOf("day");
+		d({
+			startTime: e.toISOString(),
+			endTime: n.toISOString(),
+			anchorDate: p,
+			mode: "month"
+		});
+	}, [
+		d,
+		t,
+		p
+	]);
+	return /* @__PURE__ */ o("div", {
+		ref: a,
+		className: h("bsy-calendar-view-month-cell", { "bsy-calendar-view-month-cell--other-month": !n }),
+		children: /* @__PURE__ */ s("div", {
+			className: "bsy-calendar-view-month-cell__header",
+			children: [/* @__PURE__ */ o("span", {
+				className: h("bsy-calendar-view-month-cell__date", { "bsy-calendar-view-month-cell__date--today": m }),
+				children: g
+			}), u ? /* @__PURE__ */ o(i, {
+				content: c("addRecord"),
+				placement: "top",
+				children: /* @__PURE__ */ o("button", {
+					type: "button",
+					className: "bsy-calendar-view-month-cell__add-btn",
+					onClick: _,
+					"aria-label": c("addRecord"),
+					children: /* @__PURE__ */ o(e, {
+						name: "add",
+						className: "bsy-calendar-view-month-cell__add-btn-icon",
+						size: 16
+					})
+				})
+			}) : null]
+		})
+	});
+}, vt = ({ date: t, events: n, onEventClick: r, onClose: i }) => {
+	let a = C((e) => e.formatMessage);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-view-month-cell-popover",
+		children: [/* @__PURE__ */ s("div", {
+			className: "bsy-calendar-view-month-cell-popover__header",
+			children: [/* @__PURE__ */ s("span", {
+				className: "bsy-calendar-view-month-cell-popover__title",
+				children: [
+					a("monthDay", {
+						month: t.month() + 1,
+						day: t.date()
+					}),
+					" ",
+					a(`weekday.${(t.day() + 6) % 7}`)
+				]
+			}), /* @__PURE__ */ o("button", {
+				type: "button",
+				className: "bsy-calendar-view-month-cell-popover__close",
+				onClick: i,
+				"aria-label": a("close"),
+				children: /* @__PURE__ */ o(e, {
+					name: "close",
+					size: 16
+				})
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-view-month-cell-popover__list",
+			children: n.map((e) => /* @__PURE__ */ o("div", {
+				className: "bsy-calendar-view-month-cell-popover__item",
+				children: /* @__PURE__ */ o($, {
+					event: e,
+					eventIndex: e.sourceIndex,
+					variant: "allDay",
+					onClick: r,
+					disableGlobalHover: !0,
+					placement: "right"
+				})
+			}, e.id))
+		})]
+	});
+}, yt = {
+	"--calendar-background-color": "backgroundColor",
+	"--calendar-background-image": "backgroundImage",
+	"--calendar-background-position": "backgroundPosition",
+	"--calendar-background-size": "backgroundSize",
+	"--calendar-background-repeat": "backgroundRepeat"
+}, bt = [
+	"--calendar-title-color",
+	"--calendar-schedule-border",
+	"--calendar-schedule-bg",
+	"--calendar-schedule-hover"
+], xt = (e) => {
+	let t = e?.closest?.(".bsy-calendar-view");
+	if (!t) return;
+	let n = getComputedStyle(t), r = {};
+	return Object.entries(yt).forEach(([e, t]) => {
+		let i = n.getPropertyValue(e).trim();
+		i && (r[t] = i);
+	}), bt.forEach((e) => {
+		let t = n.getPropertyValue(e).trim();
+		t && (r[e] = t);
+	}), Object.keys(r).length > 0 ? r : void 0;
+}, St = ({ dayIndex: e, date: t, hiddenCount: n, cellEvents: r, onEventClick: a }) => {
+	let s = C((e) => e.formatMessage), [c, u] = m(!1), [d, f] = m(void 0), g = p(null), _ = l(() => {
+		u(!1);
+	}, []), v = l((e) => {
+		e && f(xt(g.current)), u(e);
+	}, []), y = {
+		position: "absolute",
+		bottom: 4,
+		left: `${100 / 7 * e}%`,
+		width: "fit-content"
+	}, b = e === 0, x = s("moreEvents", { count: n });
+	return /* @__PURE__ */ o(i, {
+		trigger: "click",
+		visible: c,
+		onVisibleChange: v,
+		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)",
+			...d
+		},
+		content: /* @__PURE__ */ o(vt, {
+			date: t,
+			events: r,
+			onEventClick: a,
+			onClose: _
+		}),
+		children: /* @__PURE__ */ o("button", {
+			ref: g,
+			type: "button",
+			className: h("bsy-calendar-view-more-btn", b && "bsy-calendar-view-more-btn--first", c && "bsy-calendar-view-more-btn--active"),
+			style: y,
+			"aria-label": x,
+			children: x
+		})
+	});
+}, Ct = ({ weekSegments: e, hiddenScheduleIds: t, maxVisibleRows: n, onEventClick: r, weekDates: i, dayEventsByWeek: a }) => {
+	let { hiddenCounts: c, effectiveMaxRowsPerDay: l } = f(() => {
+		let r = Ve(e, t, n);
+		return {
+			hiddenCounts: r,
+			effectiveMaxRowsPerDay: r.map((e) => e > 0 && n > 1 ? n - 1 : n)
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-view-week-event-layer",
+		children: [f(() => e.filter((e) => !(t.has(e.event.id) || e.row >= n || e.row >= l[e.startCol])).map((e) => ({
+			...e,
+			position: {
+				mode: "month-absolute",
+				...Pe(e)
+			},
+			visual: {
+				continuesLeft: !e.isStart,
+				continuesRight: !e.isEnd,
+				showTitle: e.isStart || e.isWeekStart
+			}
+		})), [
+			e,
+			t,
+			n,
+			l
+		]).map((e) => /* @__PURE__ */ o($, {
+			event: e.event,
+			eventIndex: e.event.sourceIndex,
+			variant: "allDay",
+			onClick: r,
+			position: e.position,
+			visual: e.visual
+		}, `${e.event.id}-${e.startCol}`)), c.map((e, t) => e > 0 ? /* @__PURE__ */ o(St, {
+			dayIndex: t,
+			date: i[t],
+			hiddenCount: e,
+			cellEvents: a?.[t] || [],
+			onEventClick: r
+		}, t) : null)]
+	});
+}, wt = ({ events: e = [] }) => {
+	let t = C((e) => e.currentDate), n = C((e) => e.onEventClick), r = C((e) => e.timeZone), i = f(() => U(t, r), [t, r]), a = i.length / 7, c = f(() => J(r), [r]), [l, d] = m(3), h = p(null);
+	u(() => {
+		if (!h.current) return;
+		let e = null, t = new ResizeObserver((t) => {
+			e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
+				let e = t[0]?.contentRect?.height ?? h.current?.getBoundingClientRect().height;
+				if (!e) return;
+				let { HEADER_HEIGHT: n, SLOT_HEIGHT: r, SLOT_GAP: i } = Ne, a = e - n, o = r + i, s = Math.max(1, Math.floor(a / o));
+				d((e) => e === s ? e : s);
+			});
+		});
+		return t.observe(h.current), () => {
+			e && cancelAnimationFrame(e), t.disconnect();
+		};
+	}, []);
+	let { weekLayouts: g, eventRowMap: _, gridEvents: v } = f(() => {
+		let t = i[0];
+		return Be(e, t, a, r);
+	}, [
+		e,
+		i,
+		a,
+		r
+	]), y = f(() => {
+		let t = i[0];
+		return ze(_, e, t, a * 7, l, v, r);
+	}, [
+		_,
+		e,
+		i,
+		a,
+		l,
+		v,
+		r
+	]), b = f(() => {
+		let e = a * 7, t = Array.from({ length: e }, () => []);
+		for (let e of v) for (let n = e.startDayIndex; n < e.endDayIndex; n++) t[n].push(e.event);
+		return t;
+	}, [v, a]);
+	return /* @__PURE__ */ s("div", {
+		className: "bsy-calendar-view-month",
+		children: [/* @__PURE__ */ o(gt, {}), /* @__PURE__ */ o("div", {
+			className: "bsy-calendar-view-month__grid",
+			children: Array.from({ length: a }, (e, a) => /* @__PURE__ */ s("div", {
+				className: "bsy-calendar-view-month__week",
+				children: [Array.from({ length: 7 }, (e, n) => {
+					let s = i[a * 7 + n], l = a === 0 && n === 0;
+					return /* @__PURE__ */ o(_t, {
+						date: s,
+						isCurrentMonth: ie(s, t, r),
+						today: c,
+						cellRef: l ? h : void 0
+					}, n);
+				}), /* @__PURE__ */ o(Ct, {
+					weekSegments: g[a],
+					hiddenScheduleIds: y,
+					maxVisibleRows: l,
+					onEventClick: n,
+					weekDates: i.slice(a * 7, a * 7 + 7),
+					dayEventsByWeek: b.slice(a * 7, a * 7 + 7)
+				})]
+			}, a))
+		})]
+	});
+}, Tt = (e) => e.startsWith("calendar.") ? e : `calendar.${e}`, Et = (e, t, n) => {
+	let r = {};
+	return e && (r["--calendar-schedule-border"] = e), t && (r["--calendar-schedule-bg"] = t), n && (r["--calendar-schedule-hover"] = n), r;
+}, Dt = (e) => {
+	if (!e) return {};
+	let t = be(e);
+	return Et(e, t.normal, t.hover);
+}, Ot = {
+	center: {
+		backgroundPosition: "50%",
+		backgroundSize: "contain"
+	},
+	stretch: {
+		backgroundPosition: "50%",
+		backgroundSize: "cover"
+	},
+	masterDrawingCenter: {
+		backgroundPosition: "50%",
+		backgroundSize: "100% 100%"
+	}
+}, kt = (e) => {
+	let t = {};
+	if (n(t, "--calendar-background-color", e.colorBgContainer), e.panelBgImage) {
+		let n = Ot[e.panelBgImagePosition ?? "center"] ?? Ot.center;
+		t["--calendar-background-image"] = `url(${e.panelBgImage})`, t["--calendar-background-position"] = n.backgroundPosition, t["--calendar-background-size"] = n.backgroundSize, t["--calendar-background-repeat"] = "no-repeat";
+	}
+	return t;
+}, At = (e, t) => {
+	let r = { ...Dt(t) };
+	return !e || typeof e != "object" ? r : (Object.assign(r, kt(e)), n(r, "--calendar-title-color", e.colorText), n(r, "--calendar-over-title-color", e.colorTextTertiary), n(r, "--calendar-specifically-color", e.colorTextQuaternary ?? e.colorTextTertiary), n(r, "--calendar-header-background", e.colorFillSecondary), n(r, "--calendar-highlight-color", e.colorPrimary), n(r, "--calendar-highlight-text-color", e.colorPrimaryText), n(r, "--calendar-border-color", e.colorSplit), n(r, "--calendar-more-record-color", e.colorLink), (e.eventBorderColor || e.eventBg || e.eventBgHover) && Object.assign(r, Et(e.eventBorderColor, e.eventBg, e.eventBgHover)), r);
+}, jt = (e) => e.colorText !== void 0 || e.colorPrimary !== void 0 || e.colorFillSecondary !== void 0, Mt = (e) => e.datePickerColorBgContainer !== void 0 || e.datePickerWeekRangeBg !== void 0 || e.colorPrimary !== void 0 || e.colorText !== void 0 || e.colorTextTertiary !== void 0 || e.colorTextQuaternary !== void 0, Nt = (e) => {
+	if (!(!e || !jt(e))) return {
+		colorText: e.colorText,
+		itemSelectedBg: e.colorPrimary,
+		itemHoverBg: e.colorPrimary,
+		itemHoverBorder: e.colorPrimary,
+		trackBg: e.colorFillSecondary
+	};
+}, Pt = (e) => {
+	if (!(!e || !Mt(e))) return {
+		colorBgContainer: e.datePickerColorBgContainer,
+		colorPrimary: e.colorPrimary,
+		headerColor: e.colorText,
+		headerHoverColor: e.colorPrimary,
+		colorText: e.colorText,
+		colorTextTertiary: e.colorTextTertiary ?? e.colorTextQuaternary,
+		cellSelectedBg: e.colorPrimary,
+		weekRangeBg: e.datePickerWeekRangeBg
+	};
+}, Ft = (e) => {
+	let t = {
+		colorBgContainer: e.background?.color,
+		colorText: e.titleColor,
+		colorTextTertiary: e.overTitleColor,
+		colorFillSecondary: e.headerBackground,
+		colorPrimary: e.highlightColor,
+		colorLink: e.moreRecord,
+		colorTextQuaternary: e.specificallyColor,
+		datePickerColorBgContainer: e.dataChooseBackgroundColor ?? e.dataChooseBackroundColor,
+		datePickerWeekRangeBg: e.weekRangeBackgroundColor ?? e.weekRangeBackroundColor,
+		eventBorderColor: e.scheduleColor?.verticalBackground,
+		eventBg: e.scheduleColor?.horizontalBackground,
+		eventBgHover: e.scheduleColor?.horizontalBackgroundHover
+	};
+	return e.background?.type === "image" && e.background.image && (t.panelBgImage = e.background.image, t.panelBgImagePosition = e.background.position ?? "center"), t;
+}, It = (e) => {
+	let { data: n = [], timeZone: r, defaultMode: i = "week", modes: a = Q, color: c, theme: d, axis: h = "medium", allowAdd: g = !1, className: _, header: v = !0, tooltip: x, onChange: S, onPanelChange: C, onEventClick: w, onAddClick: T } = e, { t: E } = t(), D = l((e, t) => E(Tt(e), t), [E]), O = f(() => {
+		let e = (Array.isArray(a) ? a : Q).filter((e) => Q.includes(e));
+		return e.length > 0 ? e : Q;
+	}, [a]), k = O.includes(i) ? i : O[0], A = Object.prototype.hasOwnProperty.call(e, "mode"), [j, M] = m(k), N = A && e.mode !== void 0 ? e.mode : j, P = O.includes(N) ? N : O[0];
+	u(() => {
+		!A && !O.includes(j) && M(O[0]);
+	}, [
+		j,
+		A,
+		O
+	]);
+	let [F, I] = m(() => J(r).toDate()), [L, te] = m(null), R = p(null), z = l((e) => {
+		I(e), S?.(e);
+	}, [S]), B = f(() => ee(n, { timeZone: r }), [n, r]), V = f(() => {
+		let { start: e, end: t } = ae(F, P, r);
+		return !e?.isValid?.() || !t?.isValid?.() ? null : {
+			mode: P,
+			dates: [e, t]
+		};
+	}, [
+		F,
+		P,
+		r
+	]), H = l((e, t) => {
+		if (!e?.[0]?.isValid?.() || !e?.[1]?.isValid?.()) return;
+		let n = `${t}:${e[0].valueOf()}:${e[1].valueOf()}`;
+		R.current !== n && (R.current = n, C?.(e, t));
+	}, [C]);
+	u(() => {
+		V && H([V.dates[0], V.dates[1]], V.mode);
+	}, [V, H]);
+	let U = l(() => {
+		z(J(r).toDate());
+	}, [z, r]), W = l(() => {
+		z(ne(F, P, -1, r));
+	}, [
+		P,
+		F,
+		z,
+		r
+	]), re = l(() => {
+		z(ne(F, P, 1, r));
+	}, [
+		P,
+		F,
+		z,
+		r
+	]), ie = l((e) => {
+		let t = O.includes(e) ? e : O[0], { start: n, end: i } = ae(F, t, r);
+		A || M(t), n?.isValid?.() && i?.isValid?.() && H([n, i], t);
+	}, [
+		F,
+		H,
+		A,
+		O,
+		r
+	]);
+	u(() => {
+		N !== void 0 && O.includes(N);
+	}, [N, O]);
+	let G = f(() => At(d, c), [d, c]), K = f(() => Nt(d), [d]), oe = f(() => Pt(d), [d]), q = p(null), se = l(() => q.current ?? document.body, []), ce = f(() => ({
+		currentDate: F,
+		hoveredEventId: L,
+		mode: P,
+		modes: O,
+		axis: h,
+		allowAdd: g,
+		timeZone: r,
+		tooltip: x,
+		segmentedTheme: K,
+		datePickerTheme: oe,
+		formatMessage: D,
+		getPopupContainer: se,
+		onEventClick: w,
+		onAddClick: T
+	}), [
+		F,
+		L,
+		P,
+		O,
+		h,
+		g,
+		r,
+		x,
+		K,
+		oe,
+		D,
+		se,
+		w,
+		T
+	]), le = f(() => ({
+		setCurrentDate: z,
+		setHoveredEventId: te,
+		switchToDay: U,
+		switchPrevDate: W,
+		switchNextDate: re,
+		onPanelChange: ie
+	}), [
+		z,
+		U,
+		W,
+		re,
+		ie
+	]);
+	return /* @__PURE__ */ o(y.Provider, {
+		value: ce,
+		children: /* @__PURE__ */ o(b.Provider, {
+			value: le,
+			children: /* @__PURE__ */ o("div", {
+				ref: q,
+				className: _ ? `bsy-calendar-view ${_}` : "bsy-calendar-view",
+				style: Object.keys(G).length > 0 ? G : void 0,
+				children: /* @__PURE__ */ s("div", {
+					className: "bsy-calendar-view__container",
+					children: [v !== !1 && /* @__PURE__ */ o(Ge, {}), /* @__PURE__ */ o("div", {
+						className: "bsy-calendar-view__body",
+						children: (() => {
+							switch (P) {
+								case "day": return /* @__PURE__ */ o(st, { events: B });
+								case "week": return /* @__PURE__ */ o(ht, { events: B });
+								case "month": return /* @__PURE__ */ o(wt, { events: B });
+								default: return null;
+							}
+						})()
+					})]
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { Ft as n, At as r, It as t };