behnoo-calendar 1.0.0

package/dist/index.js

@@ -0,0 +1,1731 @@
+import { Fragment as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createVNode as c, defineComponent as l, guardReactiveProps as u, inject as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, ref as x, renderList as S, renderSlot as C, resolveComponent as w, toDisplayString as T, unref as E, useTemplateRef as D, vShow as O, watch as k, withCtx as A, withDirectives as j, withModifiers as M } from "vue";
+//#region src/composables/useCalendarPackage.js
+var N = () => {
+	let e = x(typeof window < "u" ? window.innerWidth : 1024), t = x(typeof window < "u" ? window.innerHeight : 768), n = () => {
+		e.value = window.innerWidth, t.value = window.innerHeight;
+	};
+	return _(() => window.addEventListener("resize", n)), v(() => window.removeEventListener("resize", n)), {
+		width: e,
+		height: t
+	};
+}, P = (e) => (typeof e == "object" && e && "value" in e ? String(e.value) : String(e || "fa-IR")).replace(/[^a-zA-Z-]/g, "-").split("-")[0] || "fa", F = () => {
+	let e = d("calendarConfig", x({
+		locale: "en",
+		calendar: "gregory",
+		startOfWeek: "sunday",
+		showHolidays: !1
+	}));
+	return {
+		t: (t, n) => {
+			let r = e.value.locale.startsWith("fa");
+			return {
+				"calendar.dayTimes.morning": r ? "صبح" : "Morning",
+				"calendar.dayTimes.noon": r ? "ظهر" : "Noon",
+				"calendar.dayTimes.afternoon": r ? "عصر" : "Afternoon",
+				"calendar.dayTimes.night": r ? "شب" : "Night",
+				"calendar.moreItems": r ? `${n?.count} مورد دیگر` : `${n?.count} More Items`,
+				"calendar.noEvents": r ? "رویدادی وجود ندارد" : "No events",
+				"calendar.allDay": r ? "تمام روز" : "All day",
+				"calendar.agenda": r ? "برنامه" : "Agenda"
+			}[t] || t;
+		},
+		config: e
+	};
+}, I = (e) => {
+	let t = d("calendarConfig", x({
+		locale: "fa-IR",
+		calendar: "jalaali",
+		startOfWeek: "saturday",
+		showHolidays: !0
+	})), r = e || t, i = d("calendarHolidays", x({})), a = n(() => {
+		let e = r.value.calendar;
+		return e === "jalaali" ? "persian" : e === "islamic" ? "islamic-uma" : "gregory";
+	}), o = (e) => ({
+		sunday: 0,
+		monday: 1,
+		tuesday: 2,
+		wednesday: 3,
+		thursday: 4,
+		friday: 5,
+		saturday: 6
+	})[e.toLowerCase()] ?? 0, s = (e) => {
+		let t = new Date(e);
+		t.setHours(12, 0, 0, 0);
+		let n = a.value;
+		n === "islamic-uma" && (n = "islamic-civil", t.setDate(t.getDate() - 1));
+		let r = new Intl.DateTimeFormat(`en-u-ca-${n}`, {
+			year: "numeric",
+			month: "numeric",
+			day: "numeric"
+		}).formatToParts(t), i = (e) => parseInt(r.find((t) => t.type === e)?.value || "0");
+		return {
+			year: i("year"),
+			month: i("month"),
+			day: i("day")
+		};
+	}, c = n(() => r.value.calendar === "gregory" ? 1 : 6), l = (e) => String(e), u = (e) => {
+		let t = [
+			"۰",
+			"۱",
+			"۲",
+			"۳",
+			"۴",
+			"۵",
+			"۶",
+			"۷",
+			"۸",
+			"۹"
+		];
+		return String(e).replace(/\d/g, (e) => t[parseInt(e)] ?? e);
+	}, f = (e) => {
+		let t = P(r.value.locale), n = new Date(e);
+		n.setDate(n.getDate() + -1);
+		let o = (t, n = e) => {
+			let r = new Intl.DateTimeFormat(`en-u-ca-${t}`, {
+				year: "numeric",
+				month: "numeric",
+				day: "numeric"
+			}).formatToParts(n);
+			return parseInt(r.find((e) => e.type === "day")?.value || "0");
+		}, s = o("gregory"), c = o("persian"), d = o("islamic-civil", n), f = t === "fa" || t === "ar", p = l(s), m = f ? u(c) : l(c), h = f ? u(d) : l(d), g = r.value.calendar, _, v, y;
+		g === "jalaali" ? (_ = m, v = p, y = h) : g === "islamic" ? (_ = h, v = m, y = p) : (_ = p, v = m, y = h);
+		let b = /* @__PURE__ */ new Date(), x = e.getDate() === b.getDate() && e.getMonth() === b.getMonth() && e.getFullYear() === b.getFullYear(), S = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, C = i.value[S], w = C?.isHoliday || !1, T = C?.titles?.join(" - ") || null, E = e.getDay(), D = r.value.showHolidays ? g === "jalaali" || g === "islamic" ? E === 5 : E === 0 : !1, O = r.value.showHolidays ? D || w : !1, k = a.value, A = new Intl.DateTimeFormat(`${t}-u-ca-${k}`, { weekday: "long" }).format(e), j = new Intl.DateTimeFormat(`${t}-u-ca-${k}`, { weekday: "short" }).format(e);
+		return {
+			date: new Date(e),
+			primary: _,
+			secondary: v,
+			tertiary: y,
+			jalaali: c,
+			gregorian: s,
+			ghamari: d,
+			isToday: x,
+			isWeekend: D,
+			isHoliday: O,
+			holidayTitle: T,
+			name: A,
+			shortName: j,
+			dayOfWeek: E
+		};
+	}, p = (e, t) => {
+		if (!e) return [];
+		let n = [];
+		if (t === "monthly") {
+			let t = new Date(e.start);
+			t.setHours(12, 0, 0, 0);
+			let i = s(t), a = i.month, c = i.year, l = new Date(t);
+			for (; s(l).day !== 1;) l.setDate(l.getDate() - 1);
+			let u = new Date(l);
+			for (;;) {
+				u.setDate(u.getDate() + 1);
+				let e = s(u);
+				if (e.month !== a || e.year !== c) {
+					u.setDate(u.getDate() - 1);
+					break;
+				}
+			}
+			let d = o(r.value.calendar === "gregory" ? "monday" : "saturday"), p = l.getDay() - d;
+			p < 0 && (p += 7);
+			let m = new Date(l);
+			m.setDate(m.getDate() - p);
+			let h = ((d + 6) % 7 - u.getDay() + 7) % 7, g = new Date(u);
+			g.setDate(g.getDate() + h);
+			let _ = new Date(m);
+			for (; _ <= g;) {
+				let e = f(new Date(_)), t = s(_);
+				n.push({
+					...e,
+					otherMonth: t.month !== a || t.year !== c
+				}), _.setDate(_.getDate() + 1);
+			}
+		} else if (t === "agenda") {
+			let t = new Date(e.start);
+			t.setHours(12, 0, 0, 0);
+			let r = s(t), i = r.month, a = r.year, o = new Date(t);
+			for (; s(o).day !== 1;) o.setDate(o.getDate() - 1);
+			let c = new Date(o);
+			for (;;) {
+				c.setDate(c.getDate() + 1);
+				let e = s(c);
+				if (e.month !== i || e.year !== a) {
+					c.setDate(c.getDate() - 1);
+					break;
+				}
+			}
+			let l = new Date(o);
+			for (; l <= c;) {
+				let e = f(new Date(l));
+				n.push({
+					...e,
+					otherMonth: !1
+				}), l.setDate(l.getDate() + 1);
+			}
+		} else if (t === "weekly") {
+			let t = o(r.value.calendar === "gregory" ? "monday" : "saturday"), i = new Date(e.start), a = i.getDay() - t;
+			a < 0 && (a += 7), i.setDate(i.getDate() - a);
+			for (let e = 0; e < 7; e++) {
+				let t = new Date(i);
+				t.setDate(i.getDate() + e), n.push({
+					...f(t),
+					otherMonth: !1
+				});
+			}
+		} else if (t === "3days") for (let t = 0; t < 3; t++) {
+			let r = new Date(e.start);
+			r.setDate(r.getDate() + t), n.push({
+				...f(r),
+				otherMonth: !1
+			});
+		}
+		else n.push({
+			...f(new Date(e.start)),
+			otherMonth: !1
+		});
+		return n;
+	}, m = n(() => {
+		let e = P(r.value.locale), t = a.value, n = c.value, i = new Date(2025, 0, 12 + n), o = new Intl.DateTimeFormat(`${e}-u-ca-${t}`, { weekday: "narrow" }), s = new Intl.DateTimeFormat(`${e}-u-ca-${t}`, { weekday: "long" });
+		return Array.from({ length: 7 }, (e, t) => {
+			let n = new Date(i);
+			return n.setDate(i.getDate() + t), {
+				dayOfWeek: n.getDay(),
+				label: o.format(n),
+				fullName: s.format(n)
+			};
+		});
+	}), h = (e) => {
+		let t = P(r.value.locale), n = a.value;
+		return {
+			sunday: 0,
+			monday: 1,
+			tuesday: 2,
+			wednesday: 3,
+			thursday: 4,
+			friday: 5,
+			saturday: 6
+		}[new Intl.DateTimeFormat(`${t}-u-ca-${n}`, { weekday: "long" }).format(e).toLowerCase()] ?? 0;
+	}, g = () => {
+		let e = /* @__PURE__ */ new Date(), t = s(e), n = new Date(e);
+		for (n.setHours(0, 0, 0, 0); s(n).day !== t.day || s(n).month !== t.month || s(n).year !== t.year;) n.setDate(n.getDate() - 1);
+		return n;
+	}, _ = (e) => {
+		let t = new Date(e);
+		t.setHours(12, 0, 0, 0);
+		let n = s(t), r = n.month, i = n.year;
+		for (; n.day !== 1;) t.setDate(t.getDate() - 1), n = s(t);
+		let a = new Date(t);
+		for (;;) {
+			a.setDate(a.getDate() + 1);
+			let e = s(a);
+			if (e.month !== r || e.year !== i) {
+				a.setDate(a.getDate() - 1);
+				break;
+			}
+		}
+		return a.setHours(23, 59, 59, 999), {
+			start: t,
+			end: a
+		};
+	}, v = (e) => {
+		let t = new Date(e);
+		return t.setHours(0, 0, 0, 0), t.setMilliseconds(0), t;
+	}, y = () => r.value.calendar === "gregory" ? 1 : 6, b = (e) => {
+		let t = g();
+		if (e === "daily" || e === "3days") return v(t);
+		if (e === "weekly") {
+			let e = y(), n = t.getDay() - e;
+			n < 0 && (n += 7);
+			let r = new Date(t);
+			return r.setDate(r.getDate() - n), v(r);
+		}
+		s(t);
+		let n = v(t);
+		for (n.setHours(12, 0, 0, 0); s(n).day !== 1;) n.setDate(n.getDate() - 1);
+		return v(n);
+	}, S = (e, t) => {
+		let n = P(e), r = t === "jalaali" ? "persian" : t === "islamic" ? "islamic-civil" : "gregory", i = s(/* @__PURE__ */ new Date()).year, a = w(1, i), o = [];
+		for (let e = 1; e <= 12; e++) {
+			let t = w(e, i, a);
+			a = new Date(t);
+			let s = new Intl.DateTimeFormat(`${n}-u-ca-${r}`, { month: "long" }).format(t);
+			o.push({
+				value: e,
+				label: s,
+				shortLabel: s
+			});
+		}
+		return o;
+	}, C = (e = /* @__PURE__ */ new Date()) => {
+		let t = s(e);
+		return {
+			month: t.month,
+			year: t.year
+		};
+	}, w = (e, t, n) => {
+		let r = n ? new Date(n) : /* @__PURE__ */ new Date();
+		r.setHours(12, 0, 0, 0);
+		let i = s(r), a = 1e3, o = 0;
+		for (; (i.year !== t || i.month !== e) && o < a;) i.year < t || i.year === t && i.month < e ? r.setDate(r.getDate() + 1) : r.setDate(r.getDate() - 1), i = s(r), o++;
+		for (; i.day !== 1 && o < a;) r.setDate(r.getDate() - 1), i = s(r), o++;
+		return r.setHours(0, 0, 0, 0), r;
+	};
+	return {
+		getCalendarHeaders: p,
+		getDayDetails: f,
+		offsetPeriod: (e, t, n) => {
+			let r = new Date(e);
+			if (t === "daily") r.setDate(r.getDate() + n);
+			else if (t === "3days") r.setDate(r.getDate() + n * 3);
+			else if (t === "weekly") r.setDate(r.getDate() + n * 7);
+			else {
+				let e = s(r), t = e.month + n, i = e.year;
+				return t < 1 && (t += 12, i--), t > 12 && (t -= 12, i++), v(w(t, i));
+			}
+			return v(r);
+		},
+		getMonthBounds: _,
+		getWeekDayNames: m,
+		getParts: s,
+		resetToToday: b,
+		getTodayInActiveCalendar: g,
+		getCurrentPeriodStart: (e) => b(e),
+		getCurrentMonthYear: C,
+		getDayOfWeekIndex: h,
+		getMonthNames: S,
+		getFirstDayOfMonthInActiveCalendar: w
+	};
+}, ee = l({
+	name: "CalendarDayBadge",
+	props: { day: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		return {
+			getDayItemColor: n(() => {
+				let t = e.day, n = "border-outline-variant bg-surface", r = "text-on-surface/50";
+				return t.isToday && (n = "bg-today border-outline-variant/0", r = "text-surface"), (t.isWeekend || t.isHoliday) && (r = "text-error"), {
+					fill: n,
+					text: r
+				};
+			}),
+			getFont: (e, t) => {
+				if (String(t.gregorian) === t[e]) return "font-latin";
+			}
+		};
+	}
+}), L = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, te = { class: "flex flex-col items-center" };
+function ne(e, t, n, r, i, s) {
+	return y(), a("div", te, [o("div", { class: m(["w-7 h-7 sm:w-8 sm:h-8 md:w-9 md:h-9 select-none border flex flex-col justify-center items-center rounded-full", [e.getDayItemColor.fill, e.getDayItemColor.text]]) }, [
+		o("div", { class: m([[e.getFont("tertiary", e.day)], "leading-none opacity-70 text-[6px] sm:text-[7px] md:text-[8px]"]) }, T(e.day.tertiary), 3),
+		o("div", { class: m([[e.getFont("primary", e.day)], "leading-tight text-[11px] sm:text-xs md:text-label-md font-medium"]) }, T(e.day.primary), 3),
+		o("div", { class: m([[e.getFont("secondary", e.day)], "leading-none opacity-70 text-[6px] sm:text-[7px] md:text-[8px]"]) }, T(e.day.secondary), 3)
+	], 2)]);
+}
+var R = /* @__PURE__ */ L(ee, [["render", ne]]), re = l({
+	name: "CalendarHeaderItem",
+	components: { CalendarDayBadge: R },
+	props: {
+		days: {
+			type: Array,
+			default: () => []
+		},
+		mode: {
+			type: String,
+			default: "monthly"
+		},
+		todayColumnIndex: {
+			type: Number,
+			default: -1
+		}
+	},
+	setup(e) {
+		return { itemWidths: n(() => `${100 / (e.days.length + (e.mode === "monthly" ? 0 : 1))}%`) };
+	}
+}), ie = { class: "w-full items-stretch flex justify-between" }, ae = {
+	key: 0,
+	class: "border shrink-0 w-8 sm:w-9 md:w-25 min-w-8 sm:min-w-9 md:min-w-25 max-w-8 sm:max-w-9 md:max-w-25 border-outline-variant"
+}, oe = { class: "select-none text-on-surface/50 text-[9px] sm:text-[10px] md:text-label-md truncate max-w-full text-center px-0.5" }, se = { class: "sm:hidden" }, z = { class: "hidden sm:inline" };
+function B(t, n, s, c, l, u) {
+	let d = w("CalendarDayBadge");
+	return y(), a("div", ie, [t.mode === "monthly" ? i("", !0) : (y(), a("div", ae)), (y(!0), a(e, null, S(t.days, (e, n) => (y(), a("div", {
+		class: m(["border-y rtl:border-l ltr:border-r border-outline-variant py-1.5 sm:py-2 md:py-4 flex-col flex-1 min-w-0 gap-y-1 sm:gap-y-1.5 md:gap-y-2.5 flex items-center justify-center transition-colors", { "bg-today-column": n === t.todayColumnIndex }]),
+		key: e.name + n
+	}, [t.mode === "monthly" ? i("", !0) : (y(), r(d, {
+		key: 0,
+		day: e
+	}, null, 8, ["day"])), o("div", oe, [o("span", se, T(e.shortName || e.name), 1), o("span", z, T(e.name), 1)])], 2))), 128))]);
+}
+var V = /* @__PURE__ */ L(re, [["render", B], ["__scopeId", "data-v-683574e2"]]), H = l({
+	name: "CalendarSideItem",
+	props: { range: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let { t, config: r } = F(), { width: i } = N(), a = n(() => i.value < 768), o = n(() => new Intl.NumberFormat(r.value.locale.startsWith("fa") ? "fa-IR" : "en-US")), s = n(() => `${100 / c.value.length}%`), c = n(() => {
+			let n = [], { start: r, end: i } = e.range;
+			for (let e = r; e < i; e++) if (a.value) n.push({
+				raw: e,
+				label: o.value.format(e)
+			});
+			else {
+				let r = "";
+				r = e >= 1 && e <= 11 ? "morning" : e === 12 ? "noon" : e >= 13 && e < 19 ? "afternoon" : "night";
+				let i = e;
+				e > 12 && (i = e - 12), e === 0 && (i = 12), n.push({
+					raw: e,
+					label: `${o.value.format(i)} ${t(`calendar.dayTimes.${r}`)}`
+				});
+			}
+			return n;
+		});
+		return {
+			hoursList: c,
+			itemHeights: s
+		};
+	}
+}), U = { class: "w-8 sm:w-9 md:w-25 min-h-full flex flex-col ltr:border-r ltr:border-r-outline-variant rtl:border-l border-l-outline-variant" };
+function W(t, n, r, i, o, s) {
+	return y(), a("div", U, [(y(!0), a(e, null, S(t.hoursList, (e) => (y(), a("div", {
+		key: e.raw,
+		style: g({ height: t.itemHeights }),
+		class: "flex items-center text-center justify-center text-[10px] sm:text-xs md:text-label-md text-on-surface/50 border-b min-h-20 border-b-outline-variant select-none"
+	}, T(e.label), 5))), 128))]);
+}
+var G = /* @__PURE__ */ L(H, [["render", W]]), K = l({
+	name: "CalendarPattern",
+	setup() {
+		return { getX: (e) => -50 + (e - 1) * 25 };
+	}
+}), ce = {
+	width: "100%",
+	height: "120%",
+	viewBox: "0 0 440 221",
+	preserveAspectRatio: "xMidYMid slice",
+	class: "text-surface-variant",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, le = ["x", "transform"];
+function ue(t, n, r, i, s, c) {
+	return y(), a("svg", ce, [(y(), a(e, null, S(25, (e) => o("rect", {
+		key: e,
+		x: t.getX(e),
+		y: "220.895",
+		width: "300",
+		height: "12",
+		transform: `rotate(-115 ${t.getX(e)} 220.895)`,
+		fill: "currentColor"
+	}, null, 8, le)), 64))]);
+}
+var de = /* @__PURE__ */ L(K, [["render", ue]]), q = {
+	"--cal-primary": {
+		light: {
+			r: 26,
+			g: 157,
+			b: 144
+		},
+		dark: {
+			r: 64,
+			g: 184,
+			b: 172
+		}
+	},
+	"--color-primary": {
+		light: {
+			r: 26,
+			g: 157,
+			b: 144
+		},
+		dark: {
+			r: 64,
+			g: 184,
+			b: 172
+		}
+	},
+	"--cal-surface": {
+		light: {
+			r: 255,
+			g: 255,
+			b: 255
+		},
+		dark: {
+			r: 21,
+			g: 24,
+			b: 35
+		}
+	},
+	"--color-surface": {
+		light: {
+			r: 255,
+			g: 255,
+			b: 255
+		},
+		dark: {
+			r: 21,
+			g: 24,
+			b: 35
+		}
+	},
+	"--cal-on-surface": {
+		light: {
+			r: 44,
+			g: 44,
+			b: 46
+		},
+		dark: {
+			r: 255,
+			g: 255,
+			b: 255
+		}
+	},
+	"--color-on-surface": {
+		light: {
+			r: 44,
+			g: 44,
+			b: 46
+		},
+		dark: {
+			r: 255,
+			g: 255,
+			b: 255
+		}
+	},
+	"--cal-error": {
+		light: {
+			r: 229,
+			g: 43,
+			b: 22
+		},
+		dark: {
+			r: 234,
+			g: 85,
+			b: 69
+		}
+	},
+	"--color-error": {
+		light: {
+			r: 229,
+			g: 43,
+			b: 22
+		},
+		dark: {
+			r: 234,
+			g: 85,
+			b: 69
+		}
+	}
+};
+function J(e) {
+	if (!e || typeof e != "string") return null;
+	let t = e.trim().toLowerCase();
+	if (t.startsWith("var(")) {
+		let e = t.match(/var\(\s*([^,\s)]+)/), n = e ? e[1] : "";
+		if (typeof document < "u" && n) try {
+			let e = getComputedStyle(document.documentElement).getPropertyValue(n).trim();
+			if (e) {
+				let t = J(e);
+				if (t) return t;
+			}
+		} catch {}
+		let r = t.match(/var\([^,]+,\s*([^)]+)\)/);
+		if (r && r[1]) {
+			let e = J(r[1].trim());
+			if (e) return e;
+		}
+		return n && q[n] ? typeof document < "u" && document.documentElement.classList.contains("dark") ? q[n].dark : q[n].light : {
+			r: 26,
+			g: 157,
+			b: 144
+		};
+	}
+	if (t.startsWith("#")) {
+		let e = t.slice(1);
+		if (e.length === 3 || e.length === 4) {
+			let t = e[0] || "0", n = e[1] || "0", r = e[2] || "0", i = parseInt(t + t, 16), a = parseInt(n + n, 16), o = parseInt(r + r, 16);
+			if (!Number.isNaN(i) && !Number.isNaN(a) && !Number.isNaN(o)) return {
+				r: i,
+				g: a,
+				b: o
+			};
+		} else if (e.length === 6 || e.length === 8) {
+			let t = parseInt(e.slice(0, 2), 16), n = parseInt(e.slice(2, 4), 16), r = parseInt(e.slice(4, 6), 16);
+			if (!Number.isNaN(t) && !Number.isNaN(n) && !Number.isNaN(r)) return {
+				r: t,
+				g: n,
+				b: r
+			};
+		}
+		return null;
+	}
+	if (t.startsWith("rgb")) {
+		let e = t.match(/\(([^)]+)\)/);
+		if (e && e[1]) {
+			let t = e[1].split(/[\s,/]+/).filter(Boolean), n = t[0], r = t[1], i = t[2];
+			if (n !== void 0 && r !== void 0 && i !== void 0) {
+				let e = n.endsWith("%") ? parseFloat(n) / 100 * 255 : parseFloat(n), t = r.endsWith("%") ? parseFloat(r) / 100 * 255 : parseFloat(r), a = i.endsWith("%") ? parseFloat(i) / 100 * 255 : parseFloat(i);
+				if (!Number.isNaN(e) && !Number.isNaN(t) && !Number.isNaN(a)) return {
+					r: Math.min(255, Math.max(0, Math.round(e))),
+					g: Math.min(255, Math.max(0, Math.round(t))),
+					b: Math.min(255, Math.max(0, Math.round(a)))
+				};
+			}
+		}
+		return null;
+	}
+	if (t.startsWith("hsl")) {
+		let e = t.match(/\(([^)]+)\)/);
+		if (e && e[1]) {
+			let t = e[1].split(/[\s,/]+/).filter(Boolean), n = t[0], r = t[1], i = t[2];
+			if (n !== void 0 && r !== void 0 && i !== void 0) {
+				let e = parseFloat(n), t = parseFloat(r) / 100, a = parseFloat(i) / 100;
+				if (!Number.isNaN(e) && !Number.isNaN(t) && !Number.isNaN(a)) return fe(e, t, a);
+			}
+		}
+		return null;
+	}
+	let n = {
+		white: {
+			r: 255,
+			g: 255,
+			b: 255
+		},
+		black: {
+			r: 0,
+			g: 0,
+			b: 0
+		},
+		transparent: {
+			r: 255,
+			g: 255,
+			b: 255
+		},
+		red: {
+			r: 255,
+			g: 0,
+			b: 0
+		},
+		green: {
+			r: 0,
+			g: 128,
+			b: 0
+		},
+		blue: {
+			r: 0,
+			g: 0,
+			b: 255
+		},
+		yellow: {
+			r: 255,
+			g: 255,
+			b: 0
+		},
+		orange: {
+			r: 255,
+			g: 165,
+			b: 0
+		},
+		purple: {
+			r: 128,
+			g: 0,
+			b: 128
+		},
+		teal: {
+			r: 0,
+			g: 128,
+			b: 128
+		},
+		gray: {
+			r: 128,
+			g: 128,
+			b: 128
+		},
+		grey: {
+			r: 128,
+			g: 128,
+			b: 128
+		}
+	};
+	return n[t] ? n[t] : null;
+}
+function fe(e, t, n) {
+	let r = (e % 360 + 360) % 360, i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i / 2, s = 0, c = 0, l = 0;
+	return r >= 0 && r < 60 ? (s = i, c = a) : r >= 60 && r < 120 ? (s = a, c = i) : r >= 120 && r < 180 ? (c = i, l = a) : r >= 180 && r < 240 ? (c = a, l = i) : r >= 240 && r < 300 ? (s = a, l = i) : (s = i, l = a), {
+		r: Math.round((s + o) * 255),
+		g: Math.round((c + o) * 255),
+		b: Math.round((l + o) * 255)
+	};
+}
+function Y(e, t, n) {
+	let r = (e) => {
+		let t = Math.max(0, Math.min(255, e)) / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	}, i = r(e), a = r(t), o = r(n);
+	return .2126 * i + .7152 * a + .0722 * o;
+}
+function pe(e, t) {
+	let n = typeof e == "string" ? J(e) ?? {
+		r: 0,
+		g: 0,
+		b: 0
+	} : e, r = typeof t == "string" ? J(t) ?? {
+		r: 255,
+		g: 255,
+		b: 255
+	} : t, i = Y(n.r, n.g, n.b), a = Y(r.r, r.g, r.b), o = Math.max(i, a), s = Math.min(i, a);
+	return (o + .05) / (s + .05);
+}
+function X(e, t) {
+	let n = t?.darkColor ?? "#0f172a", r = t?.lightColor ?? "#ffffff";
+	if (!e) return r;
+	let i = J(e) ?? {
+		r: 26,
+		g: 157,
+		b: 144
+	}, a = J(n) ?? {
+		r: 15,
+		g: 23,
+		b: 42
+	}, o = J(r) ?? {
+		r: 255,
+		g: 255,
+		b: 255
+	}, s = Y(i.r, i.g, i.b), c = Y(a.r, a.g, a.b), l = Y(o.r, o.g, o.b), u = (Math.max(s, c) + .05) / (Math.min(s, c) + .05);
+	return (Math.max(s, l) + .05) / (Math.min(s, l) + .05) >= u ? r : n;
+}
+//#endregion
+//#region src/components/CalendarItemDisplay.vue
+var Z = /* @__PURE__ */ l({
+	__name: "CalendarItemDisplay",
+	props: {
+		event: {},
+		mode: {},
+		headers: {},
+		hours: {},
+		position: {},
+		isMobile: { type: Boolean },
+		overlapIndex: {},
+		overlapCount: {}
+	},
+	emits: ["event-click"],
+	setup(e) {
+		let t = e, r = n(() => t.event.color || "var(--cal-primary)"), i = n(() => X(r.value)), s = n(() => {
+			if (t.mode === "monthly") return {
+				zIndex: 10,
+				position: "relative"
+			};
+			if (t.position === "static") return {
+				width: "100%",
+				height: "36px",
+				position: "relative"
+			};
+			if (!t.headers?.length || !t.hours) return { display: "none" };
+			let e = new Date(t.event.date).toLocaleDateString("en-CA"), n = t.headers.findIndex((t) => new Date(t.date).toLocaleDateString("en-CA") === e);
+			if (n === -1 || t.hours.end - t.hours.start <= 0) return { display: "none" };
+			let r = t.event.time.split(":").map(Number), i = (r[0] ?? 0) + (r[1] ?? 0) / 60, a = (i - t.hours.start) * 80, o = 100 / t.headers.length, s = t.overlapCount ?? 1, c = t.overlapIndex ?? 0, l = o / s, u, d;
+			if (t.event.duration && t.event.duration > 0) {
+				let e = Math.min(i + t.event.duration / 60, t.hours.end);
+				u = `${Math.max(0, e - i) * 80}px`, d = "20px";
+			} else u = t.isMobile && t.mode === "weekly" ? "16px" : "36px";
+			return {
+				top: `${a}px`,
+				insetInlineStart: `${n * o + c * l}%`,
+				width: `${l}%`,
+				height: u,
+				minHeight: d,
+				zIndex: 10,
+				boxSizing: "border-box"
+			};
+		}), c = n(() => ({
+			backgroundColor: r.value,
+			color: i.value
+		})), l = n(() => {
+			let e = r.value, n = i.value;
+			return t.mode === "monthly" ? {
+				backgroundColor: e,
+				color: n,
+				opacity: .9,
+				borderLeft: `4px solid ${e}`
+			} : {
+				backgroundColor: e,
+				color: n
+			};
+		});
+		return (t, n) => (y(), a("div", {
+			id: "event-display",
+			style: g(s.value),
+			class: m([e.position === "static" ? "" : "absolute", e.mode === "monthly" ? "" : e.isMobile && e.mode === "weekly" ? "px-0.5" : "px-1 sm:px-2"]),
+			onClick: n[0] ||= M((n) => t.$emit("event-click", e.event, n), ["stop"])
+		}, [o("div", {
+			class: m(["flex whitespace-normal items-center rounded cursor-pointer transition-transform text-[10px] sm:text-[11px] leading-tight overflow-hidden", e.mode === "monthly" ? "px-2 relative mb-1 h-6 shrink-0 whitespace-nowrap text-ellipsis w-[calc(100%-16px)]" : e.isMobile && e.mode === "weekly" ? "absolute px-1 h-full w-[calc(100%-4px)] text-[9px] leading-none" : "absolute px-2 sm:px-4 h-full w-[calc(100%-8px)] sm:w-[calc(100%-16px)] sm:rounded-md"]),
+			style: g(l.value)
+		}, [C(t.$slots, "event", {
+			event: e.event,
+			mode: e.mode
+		}, () => [o("div", {
+			style: g(c.value),
+			class: "w-full h-full relative z-10 flex items-center gap-x-1 truncate font-medium"
+		}, T(e.event.title), 5)])], 6)], 6));
+	}
+}), me = l({
+	name: "CalendarDayHolder",
+	props: {
+		day: {
+			type: Object,
+			required: !0
+		},
+		otherMonth: {
+			type: Boolean,
+			default: !1
+		},
+		events: {
+			type: Array,
+			default: () => []
+		}
+	},
+	components: {
+		CalendarDayBadge: R,
+		CalendarPattern: de,
+		CalendarItemDisplay: Z
+	},
+	emits: ["open-day", "event-click"],
+	setup(e, { emit: t }) {
+		let { t: r } = F();
+		return {
+			t: r,
+			displayedEvents: n(() => e.events.slice(0, 2)),
+			openDay: () => {
+				t("open-day", e.day);
+			},
+			remainingCount: n(() => e.events.length - 2)
+		};
+	}
+}), he = { class: "relative top-0 left-0 w-full h-full p-4 flex flex-col" }, ge = {
+	key: 0,
+	class: "shrink-0"
+}, _e = {
+	id: "holder",
+	class: "w-full flex-1 relative flex flex-col gap-y-1.5 mt-2"
+}, ve = { class: "w-full h-full pointer-events-none absolute top-0 left-0" };
+function ye(t, n, s, l, u, d) {
+	let p = w("CalendarDayBadge"), h = w("CalendarItemDisplay"), g = w("CalendarPattern");
+	return y(), a("div", { class: m(["border border-outline-variant/50 w-full relative h-full transition-colors", [t.otherMonth ? "overflow-hidden" : "overflow-visible", t.day.isToday && !t.otherMonth ? "bg-today-column" : ""]]) }, [o("div", he, [t.otherMonth ? i("", !0) : (y(), a("div", ge, [c(p, { day: t.day }, null, 8, ["day"])])), o("div", _e, [(y(!0), a(e, null, S(t.displayedEvents, (e) => (y(), r(h, {
+		key: e.id,
+		position: "static",
+		event: e,
+		onEventClick: n[0] ||= (e) => t.$emit("event-click", e)
+	}, {
+		event: A((e) => [C(t.$slots, "event", f({ ref_for: !0 }, e))]),
+		_: 3
+	}, 8, ["event"]))), 128)), t.remainingCount > 0 ? (y(), a("div", {
+		key: 0,
+		onClick: n[1] ||= (...e) => t.openDay && t.openDay(...e),
+		class: "w-full relative z-0 h-9 px-2 flex cursor-pointer items-center rounded-lg bg-surface-variant text-label-sm text-on-surface select-none"
+	}, T(t.t("calendar.moreItems", { count: t.remainingCount })), 1)) : i("", !0)])]), o("div", ve, [t.otherMonth ? (y(), r(g, {
+		key: 0,
+		class: "absolute inset-0 z-0 pointer-events-none"
+	})) : i("", !0)])], 2);
+}
+var be = /* @__PURE__ */ L(me, [["render", ye]]), xe = l({
+	name: "CalendarPointer",
+	props: {
+		mode: {
+			type: String,
+			required: !0
+		},
+		hours: {
+			type: Object,
+			required: !0
+		},
+		headers: {
+			type: Array,
+			required: !0
+		}
+	},
+	setup(e) {
+		let t = x(/* @__PURE__ */ new Date()), r;
+		_(() => {
+			r = setInterval(() => {
+				t.value = /* @__PURE__ */ new Date();
+			}, 6e4);
+		}), v(() => {
+			r && clearInterval(r);
+		});
+		let i = n(() => {
+			if (!e.headers || e.headers.length === 0) return { display: "none" };
+			let n = e.headers.findIndex((e) => e.isToday);
+			if (n === -1) return { display: "none" };
+			let r = t.value, i = r.getHours() + r.getMinutes() / 60;
+			if (e.mode === "monthly") {
+				let t = Math.ceil(e.headers.length / 7), r = Math.floor(n / 7), a = n % 7, o = 100 / t, s = i / 24 * o;
+				return {
+					width: `${100 / 7}%`,
+					top: `${r * o + s}%`,
+					insetInlineStart: `${a / 7 * 100}%`,
+					transition: ""
+				};
+			}
+			if (i < e.hours.start || i > e.hours.end) return { display: "none" };
+			let a = e.headers.length, o = e.hours.end - e.hours.start;
+			return {
+				width: `${100 / a}%`,
+				top: `${(i - e.hours.start) / o * 100}%`,
+				insetInlineStart: `${n / a * 100}%`,
+				transition: ""
+			};
+		});
+		return {
+			pointerStyle: i,
+			isVisible: n(() => i.value.display !== "none")
+		};
+	}
+});
+//#endregion
+//#region src/components/CalendarPointer.vue
+function Se(e, t, n, r, i, s) {
+	return j((y(), a("div", {
+		class: "absolute z-20 pointer-events-none -translate-y-1/2 flex items-center",
+		style: g(e.pointerStyle)
+	}, [...t[0] ||= [o("div", { class: "w-2.5 aspect-square rounded-full bg-error shrink-0" }, null, -1), o("div", { class: "h-0.5 flex-1 bg-error" }, null, -1)]], 4)), [[O, e.isVisible]]);
+}
+var Ce = /* @__PURE__ */ L(xe, [["render", Se]]), we = l({
+	name: "MobileDayHolder",
+	props: {
+		day: {
+			type: Object,
+			required: !0
+		},
+		isSelected: {
+			type: Boolean,
+			default: !1
+		},
+		events: {
+			type: Array,
+			default: () => []
+		},
+		expandProgress: {
+			type: Number,
+			default: 0
+		},
+		isDragging: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		return {
+			canSelect: n(() => e.events.length > 0),
+			displayedEvents: n(() => e.events.slice(0, 4)),
+			selectDay: () => {
+				t("select", e.day);
+			},
+			styles: n(() => e.isSelected ? {
+				border: "border-transparent",
+				bg: "opacity-100",
+				text: "text-surface"
+			} : e.day.isToday ? {
+				border: "border-primary",
+				bg: "opacity-0",
+				text: "text-primary"
+			} : {
+				border: "border-transparent",
+				bg: "opacity-0",
+				text: "text-on-surface/50"
+			})
+		};
+	}
+}), Te = { class: "w-full h-full absolute inset-0 left-0 top-0 flex items-center justify-center" }, Ee = { class: "w-full flex-1 relative flex justify-center" };
+function De(t, n, r, s, c, l) {
+	return y(), a("div", {
+		onClick: n[0] ||= (...e) => t.selectDay && t.selectDay(...e),
+		class: m(["flex flex-col items-center justify-start gap-y-0.5 w-full overflow-hidden hw-accel-height", [t.canSelect ? "cursor-pointer" : "cursor-default", t.isDragging ? "" : "transition-all duration-300 ease-out"]]),
+		style: g({ height: `${40 + t.expandProgress * 16}px` })
+	}, [o("div", { class: m(["relative w-8 h-8 shrink-0 rounded-full transition-all duration-200 ease-in-out aspect-square border", t.styles.border]) }, [o("div", { class: m(["rounded-full w-full h-full transition-all duration-200 ease-in-out bg-on-surface", t.styles.bg]) }, null, 2), o("div", Te, [o("div", { class: m(["select-none text-label-md transition-all duration-200 ease-in-out", t.styles.text]) }, T(t.day.primary), 3)])], 2), o("div", Ee, [t.canSelect ? (y(), a("div", {
+		key: 0,
+		class: m(["rounded-full aspect-square w-1.5 bg-error absolute hw-accel", [t.isDragging ? "" : "transition-all duration-300 ease-out"]]),
+		style: g({
+			opacity: Math.max(0, 1 - t.expandProgress * 2),
+			transform: `scale(${Math.max(0, 1 - t.expandProgress * 2)})`
+		})
+	}, null, 6)) : i("", !0), t.canSelect ? (y(), a("div", {
+		key: 1,
+		class: m(["w-full flex flex-col gap-y-px absolute top-0 px-0.5 hw-accel", [t.isDragging ? "" : "transition-all duration-300 ease-out"]]),
+		style: g({
+			opacity: t.expandProgress,
+			transform: `translateY(${(1 - t.expandProgress) * 6}px)`
+		})
+	}, [(y(!0), a(e, null, S(t.displayedEvents, (e) => (y(), a("div", {
+		key: e.id,
+		class: "w-full rounded-full shrink-0 min-h-1",
+		style: g({ backgroundColor: e.color || "var(--cal-primary)" })
+	}, null, 4))), 128))], 6)) : i("", !0)])], 6);
+}
+var Oe = /* @__PURE__ */ L(we, [["render", De], ["__scopeId", "data-v-d90e616f"]]), ke = { class: "flex flex-col gap-y-1 p-3 flex-1" }, Ae = { class: "text-label-md font-semibold text-on-surface" }, je = { class: "text-body-sm text-on-surface/60" }, Me = l({
+	name: "MobileCalendarGrid",
+	components: {
+		MobileDayHolder: Oe,
+		MobileEventListItem: /* @__PURE__ */ l({
+			__name: "MobileEventListItem",
+			props: { event: {} },
+			emits: ["event-click"],
+			setup(e) {
+				return (t, n) => (y(), a("div", {
+					class: "bg-surface-variant flex flex-col rounded-lg border cursor-pointer",
+					onClick: n[0] ||= M((n) => t.$emit("event-click", e.event, n), ["stop"])
+				}, [o("div", ke, [C(t.$slots, "event", { event: e.event }, () => [o("div", Ae, T(e.event.title), 1), o("div", je, T(e.event.time), 1)])]), o("div", {
+					class: "w-full h-1 shrink-0 rounded-b-full rounded-t-none",
+					style: g({ backgroundColor: e.event.color || "#3b82f6" })
+				}, null, 4)]));
+			}
+		})
+	},
+	props: {
+		days: {
+			type: Array,
+			default: () => []
+		},
+		eventsByDay: {
+			type: Object,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["event-click"],
+	setup(e) {
+		let { getWeekDayNames: t } = I(), r = n(() => t.value), i = x(!1), a = x([]), o = x(""), s = (t) => {
+			let n = new Date(t.date).toDateString();
+			o.value = n;
+			let r = e.eventsByDay.get(n);
+			r && r.length > 0 ? (a.value = [...r], i.value = !0) : i.value = !1;
+		};
+		_(() => {
+			let t = (/* @__PURE__ */ new Date()).toDateString();
+			o.value = t;
+			let n = e.eventsByDay.get(t);
+			n && n.length > 0 && (a.value = [...n], i.value = !0);
+		});
+		let c = (e) => o.value === new Date(e.date).toDateString(), l = x(0), u = x(!1), d = 0, f = 0, p = !1;
+		function m(e) {
+			d = e, f = l.value, u.value = !0;
+		}
+		function h(e) {
+			if (!u.value) return;
+			let t = e - d;
+			p ||= (requestAnimationFrame(() => {
+				let e = f + t / 120;
+				l.value = Math.max(0, Math.min(1, e)), p = !1;
+			}), !0);
+		}
+		function g() {
+			u.value = !1, l.value > .25 && f === 0 ? l.value = 1 : l.value < .75 && f === 1 ? l.value = 0 : l.value = f;
+		}
+		let v = (e) => {
+			m(e.touches[0]?.clientY ?? 0);
+		}, y = (e) => {
+			let t = e.touches[0];
+			t && h(t.clientY);
+		}, b = () => {
+			g();
+		}, S = (e) => {
+			m(e.clientY), document.addEventListener("mousemove", C), document.addEventListener("mouseup", w);
+		}, C = (e) => {
+			h(e.clientY);
+		}, w = () => {
+			g(), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", w);
+		};
+		return {
+			isDaySelected: c,
+			weekDays: r,
+			selectDay: s,
+			handleMouseDown: S,
+			handleMouseLeave: () => {
+				u.value && (g(), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", w));
+			},
+			selectedDate: o,
+			showEventsList: i,
+			progress: l,
+			isDragging: u,
+			handleTouchStart: v,
+			handleTouchMove: y,
+			handleTouchEnd: b,
+			eventsList: a
+		};
+	}
+}), Ne = { class: "w-full pt-6 px-4 relative flex flex-col flex-1 overflow-y-auto" }, Pe = { class: "select-none text-[10px] text-on-surface/50 w-full flex items-center justify-between" }, Fe = { class: "font-medium" }, Ie = { class: "w-full mt-4 grid grid-cols-7 gap-x-5 gap-y-4" }, Le = {
+	key: 0,
+	class: "transition-all duration-200 ease-in-out overflow-hidden w-full mt-4 flex-1 overflow-y-auto"
+}, Re = { class: "py-2 text-on-surface text-title-sm font-bold select-none border-b border-outline-variant mb-2" }, ze = { class: "w-full flex flex-col gap-y-2" };
+function Be(t, n, s, l, u, d) {
+	let f = w("MobileDayHolder"), p = w("MobileEventListItem");
+	return y(), a("div", Ne, [
+		n[6] ||= o("div", { class: "w-full fixed right-0 -translate-y-6 pointer-events-none z-50 h-6 bg-gradient-to-b from-surface to-transparent" }, null, -1),
+		o("div", {
+			id: "mobile-grid",
+			class: "w-full shrink-0 select-none",
+			style: {
+				"touch-action": "pan-x",
+				"user-select": "none"
+			},
+			onTouchstart: n[0] ||= M((...e) => t.handleTouchStart && t.handleTouchStart(...e), ["prevent"]),
+			onTouchmove: n[1] ||= M((...e) => t.handleTouchMove && t.handleTouchMove(...e), ["prevent"]),
+			onTouchend: n[2] ||= (...e) => t.handleTouchEnd && t.handleTouchEnd(...e),
+			onMousedown: n[3] ||= M((...e) => t.handleMouseDown && t.handleMouseDown(...e), ["prevent"]),
+			onMouseleave: n[4] ||= (...e) => t.handleMouseLeave && t.handleMouseLeave(...e)
+		}, [o("div", Pe, [(y(!0), a(e, null, S(t.weekDays, (e) => (y(), a("div", {
+			class: "aspect-square w-8 shrink-0 flex items-center justify-center",
+			key: e.dayOfWeek
+		}, [o("div", Fe, T(e.label), 1)]))), 128))]), o("div", Ie, [(y(!0), a(e, null, S(t.days, (e, n) => (y(), a("div", {
+			key: n,
+			class: m([
+				"transition-all duration-200 rounded-lg",
+				e.otherMonth ? "opacity-0 pointer-events-none" : "opacity-100",
+				e.isToday && !e.otherMonth ? "bg-today-column" : ""
+			])
+		}, [c(f, {
+			"is-selected": t.isDaySelected(e),
+			"expand-progress": t.progress,
+			"is-dragging": t.isDragging,
+			onSelect: t.selectDay,
+			day: e,
+			events: t.eventsByDay.get(new Date(e.date).toDateString()) || []
+		}, null, 8, [
+			"is-selected",
+			"expand-progress",
+			"is-dragging",
+			"onSelect",
+			"day",
+			"events"
+		])], 2))), 128))])], 32),
+		t.showEventsList ? (y(), a("div", Le, [o("div", Re, T(t.selectedDate), 1), o("div", ze, [(y(!0), a(e, null, S(t.eventsList, (e) => (y(), r(p, {
+			key: e.id,
+			event: e,
+			onEventClick: n[5] ||= (e, n) => t.$emit("event-click", e, n)
+		}, {
+			event: A(({ event: e }) => [C(t.$slots, "event-mobile", { event: e })]),
+			_: 2
+		}, 1032, ["event"]))), 128))])])) : i("", !0)
+	]);
+}
+var Ve = /* @__PURE__ */ L(Me, [["render", Be]]), He = { class: "detail-wrapper-stub" }, Ue = l({
+	components: {
+		MobileCalendarGrid: Ve,
+		CalendarHeaderItem: V,
+		CalendarSideItem: G,
+		CalendarDayHolder: be,
+		CalendarPointer: Ce,
+		CalendarItemDisplay: Z,
+		CalendarEventDetailWrapper: /* @__PURE__ */ l({
+			__name: "CalendarEventDetailWrapper",
+			emits: ["lock-scroll"],
+			setup(e) {
+				return (e, t) => (y(), a("div", He));
+			}
+		})
+	},
+	props: {
+		range: {
+			type: Object,
+			required: !0
+		},
+		mode: {
+			type: String,
+			default: "monthly"
+		},
+		hours: {
+			type: Object,
+			default: () => ({
+				start: 0,
+				end: 24
+			})
+		},
+		events: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: [
+		"update:mode",
+		"update:range",
+		"event-click"
+	],
+	setup(e, { emit: t }) {
+		let r = n(() => e.loading), { width: i } = N(), a = n(() => i.value < 768), { getCalendarHeaders: o } = I(), s = D("scrollContainer"), c = n(() => o(e.range, e.mode)), l = n(() => c.value), u = n(() => e.mode === "monthly" ? l.value.slice(0, 7) : l.value), d = n(() => e.mode === "daily" || e.mode === "monthly" ? -1 : l.value.findIndex((e) => e.isToday)), f = n(() => {
+			let t = /* @__PURE__ */ new Map();
+			return e.events.forEach((e) => {
+				let n = new Date(e.date).toDateString();
+				t.has(n) || t.set(n, []), t.get(n)?.push(e);
+			}), t;
+		}), m = n(() => {
+			let t = /* @__PURE__ */ new Map(), n = c.value.filter((e) => !e.otherMonth), r = new Set(n.map((e) => new Date(e.date).toDateString()));
+			return e.events.forEach((e) => {
+				let n = new Date(e.date).toDateString();
+				r.has(n) && (t.has(n) || t.set(n, []), t.get(n)?.push(e));
+			}), t;
+		});
+		function h(e) {
+			if (!e.duration || e.duration <= 0) return [e];
+			let t = e.time.split(":").map(Number), n = (t[0] ?? 0) + (t[1] ?? 0) / 60;
+			if (n + e.duration / 60 <= 24) return [e];
+			let r = [], i = new Date(e.date), a = 0, o = n, s = e.duration;
+			for (; s > 0;) {
+				let t = Math.min(s, (24 - o) * 60), n = Math.floor(o), c = Math.round((o - n) * 60);
+				r.push({
+					...e,
+					id: `${e.id}_d${a}`,
+					date: new Date(i.getTime() + a * 864e5),
+					time: `${String(n).padStart(2, "0")}:${String(c).padStart(2, "0")}`,
+					duration: Math.round(t)
+				}), s -= t, o = 0, a++;
+			}
+			return r;
+		}
+		let g = n(() => {
+			if (e.mode === "monthly") return [];
+			let t = new Set(l.value.map((e) => new Date(e.date).toLocaleDateString("en-CA")));
+			return e.events.flatMap(h).filter((e) => {
+				let n = new Date(e.date).toLocaleDateString("en-CA");
+				return t.has(n);
+			});
+		}), _ = n(() => {
+			let t = [], n = [], r = /* @__PURE__ */ new Map();
+			for (let e of l.value) r.set(new Date(e.date).toLocaleDateString("en-CA"), []);
+			for (let e of g.value) r.get(new Date(e.date).toLocaleDateString("en-CA"))?.push(e);
+			for (let [i, a] of r.entries()) {
+				if (!a.length) continue;
+				let r = l.value.findIndex((e) => new Date(e.date).toLocaleDateString("en-CA") === i), o = a.map((e) => {
+					let t = e.time.split(":").map(Number), n = (t[0] ?? 0) + (t[1] ?? 0) / 60;
+					return {
+						event: e,
+						start: n,
+						end: e.duration ? n + e.duration / 60 : n + .5,
+						col: 0
+					};
+				}).sort((e, t) => e.start - t.start || t.end - e.end), s = [];
+				for (let e of o) {
+					let t = s.findIndex((t) => t <= e.start);
+					e.col = t === -1 ? s.length : t, s[e.col] = e.end;
+				}
+				if (e.mode === "daily") for (let e of o) {
+					let n = e.col;
+					for (let t of o) t !== e && t.start < e.end && t.end > e.start && (n = Math.max(n, t.col));
+					t.push({
+						event: e.event,
+						overlapIndex: e.col,
+						overlapCount: n + 1
+					});
+				}
+				else {
+					for (let e of o) {
+						if (e.col >= 2) continue;
+						let n = e.col;
+						for (let t of o) t !== e && t.col < 2 && t.start < e.end && t.end > e.start && (n = Math.max(n, t.col));
+						t.push({
+							event: e.event,
+							overlapIndex: e.col,
+							overlapCount: n + 1
+						});
+					}
+					let e = o.filter((e) => e.col >= 2).sort((e, t) => e.start - t.start), i = [];
+					for (let t of e) {
+						let e = i[i.length - 1];
+						!e || t.start >= e.end ? i.push({
+							start: t.start,
+							end: t.end,
+							count: 1
+						}) : (e.end = Math.max(e.end, t.end), e.count++);
+					}
+					for (let e of i) {
+						let t = o.filter((t) => t.col < 2 && t.start < e.end && t.end > e.start).reduce((e, t) => Math.max(e, t.end), e.start);
+						n.push({
+							dayIndex: r,
+							endDecimal: t,
+							count: e.count
+						});
+					}
+				}
+			}
+			return {
+				events: t,
+				overflows: n
+			};
+		}), v = n(() => _.value.events), y = n(() => _.value.overflows), b = n(() => {
+			if (e.mode === "monthly" || g.value.length === 0) return e.hours;
+			let t = e.hours.start, n = e.hours.end;
+			for (let e of g.value) {
+				let r = e.time.split(":").map(Number), i = (r[0] ?? 0) + (r[1] ?? 0) / 60, a = e.duration ? i + e.duration / 60 : i;
+				t = Math.min(t, Math.floor(i)), n = Math.max(n, Math.ceil(a));
+			}
+			return {
+				start: Math.max(0, t),
+				end: Math.min(24, n)
+			};
+		}), S = x(!1), C = (e) => {
+			S.value = e;
+		}, w = (e) => {
+			let n = new Date(e.date);
+			t("update:range", {
+				start: new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0, 0),
+				end: new Date(n.getFullYear(), n.getMonth(), n.getDate(), 23, 59, 59, 999)
+			}), t("update:mode", "daily", n);
+		}, T = x(!0);
+		k([a, () => e.mode], () => {
+			T.value = a.value ? e.mode !== "monthly" : !0;
+		}, { immediate: !0 });
+		let E = n(() => {
+			let e = [];
+			for (let t = b.value.start; t < b.value.end; t++) e.push({ raw: t });
+			return e;
+		});
+		return k(() => e.events, async () => {
+			if (e.mode === "monthly" || !s.value) return;
+			await p();
+			let t = s.value, n = g.value.map((e) => parseInt(e.time.split(":")[0], 10));
+			if (n.length === 0) return;
+			n.sort((e, t) => e - t);
+			let r = ((n[Math.floor(n.length / 2)] ?? b.value.start) - b.value.start) * 80 - t.clientHeight / 2 + 80 / 2;
+			t.scrollTo({
+				top: Math.max(0, r),
+				behavior: "smooth"
+			});
+		}, { deep: !0 }), {
+			isLoading: r,
+			hoursList: E,
+			effectiveHours: b,
+			scrollContainer: s,
+			headers: l,
+			allHeaders: c,
+			isMobile: a,
+			displayedHeader: u,
+			todayColumnIndex: d,
+			monthlyEventsByDay: m,
+			eventsByDay: f,
+			gridEvents: v,
+			overflowIndicators: y,
+			scrollLocked: S,
+			showMonthly: T,
+			setLockScroll: C,
+			openSpecificDay: w
+		};
+	}
+}), We = ["dir"], Ge = {
+	ref: "scrollContainer",
+	class: "flex-1 w-full flex overflow-y-auto cal-scrollbar"
+}, Ke = { class: "flex-1 relative" }, qe = { class: "absolute inset-0 w-full flex flex-col pointer-events-none" }, Je = { class: "absolute inset-0 w-full flex pointer-events-none" }, Ye = { class: "relative min-h-full w-full" }, Xe = ["onClick"], Ze = {
+	key: 2,
+	class: "w-full"
+};
+function Qe(n, l, u, d, p, h) {
+	let _ = w("CalendarEventDetailWrapper"), v = w("CalendarHeaderItem"), b = w("CalendarSideItem"), x = w("CalendarPointer"), E = w("CalendarItemDisplay"), D = w("CalendarDayHolder"), O = w("MobileCalendarGrid");
+	return y(), a("div", {
+		class: "w-full h-full flex flex-col bg-surface whitespace-normal",
+		dir: n.dir
+	}, [
+		c(_, { onLockScroll: n.setLockScroll }, null, 8, ["onLockScroll"]),
+		n.showMonthly ? (y(), r(v, {
+			key: 0,
+			class: "shrink-0 border-b border-surface-variant",
+			mode: n.mode,
+			days: n.displayedHeader,
+			"today-column-index": n.todayColumnIndex
+		}, null, 8, [
+			"mode",
+			"days",
+			"today-column-index"
+		])) : i("", !0),
+		o("div", Ge, [o("div", { class: m(["shrink-0 transition-all duration-300", [n.mode === "monthly" ? "w-0 opacity-0 overflow-hidden" : "w-8 sm:w-9 md:w-25 opacity-100 h-full"]]) }, [c(b, {
+			class: "w-8 sm:w-9 md:w-25 min-h-full",
+			range: n.effectiveHours
+		}, null, 8, ["range"])], 2), o("div", Ke, [c(t, {
+			name: "calendar-view",
+			mode: "out-in"
+		}, {
+			default: A(() => [n.mode === "monthly" ? n.isMobile ? n.mode === "monthly" && n.isMobile ? (y(), a("div", Ze, [c(O, {
+				loading: n.isLoading,
+				days: n.headers,
+				mode: n.mode,
+				"events-by-day": n.monthlyEventsByDay,
+				"is-other-month-func": (e) => n.headers.find((t) => new Date(t.date).toDateString() === new Date(e).toDateString())?.otherMonth || !1,
+				onEventClick: l[2] ||= (e) => n.$emit("event-click", e)
+			}, s({ _: 2 }, [n.$slots["event-mobile"] ? {
+				name: "event-mobile",
+				fn: A(({ event: e }) => [C(n.$slots, "event-mobile", {
+					event: e,
+					mode: "monthly-mobile"
+				}, void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"loading",
+				"days",
+				"mode",
+				"events-by-day",
+				"is-other-month-func"
+			])])) : i("", !0) : (y(), a("div", {
+				key: `month-${n.range?.start?.getTime()}`,
+				class: "w-full grid grid-cols-7 auto-rows-[186px] overflow-hidden"
+			}, [(y(!0), a(e, null, S(n.allHeaders, (e, t) => (y(), r(D, {
+				key: t,
+				day: e,
+				"other-month": !!e.otherMonth,
+				events: n.monthlyEventsByDay.get(new Date(e.date).toDateString()) || [],
+				onOpenDay: (t) => n.openSpecificDay(e),
+				onEventClick: l[1] ||= (e) => n.$emit("event-click", e)
+			}, s({ _: 2 }, [n.$slots.event ? {
+				name: "event",
+				fn: A((e) => [C(n.$slots, "event", f({ ref_for: !0 }, e), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"day",
+				"other-month",
+				"events",
+				"onOpenDay"
+			]))), 128))])) : (y(), a("div", {
+				key: `time-${n.mode}-${n.range?.start?.getTime()}`,
+				class: "w-full relative",
+				style: g({ height: `${n.hoursList.length * 80}px` })
+			}, [
+				c(x, {
+					mode: n.mode,
+					hours: n.effectiveHours,
+					headers: n.headers
+				}, null, 8, [
+					"mode",
+					"hours",
+					"headers"
+				]),
+				o("div", qe, [(y(!0), a(e, null, S(n.effectiveHours.end - n.effectiveHours.start, (e) => (y(), a("div", {
+					key: e,
+					class: "w-full border-b border-surface-variant box-border h-20"
+				}))), 128))]),
+				o("div", Je, [(y(!0), a(e, null, S(n.headers, (e, t) => (y(), a("div", {
+					class: m(["h-full border-r border-surface-variant flex-1 transition-colors", { "bg-today-column": t === n.todayColumnIndex }]),
+					key: "v" + t
+				}, null, 2))), 128))]),
+				o("div", Ye, [(y(!0), a(e, null, S(n.gridEvents, (e) => (y(), r(E, {
+					key: e.event.id,
+					event: e.event,
+					mode: n.mode,
+					headers: n.headers,
+					hours: n.effectiveHours,
+					isMobile: n.isMobile,
+					"overlap-index": e.overlapIndex,
+					"overlap-count": e.overlapCount,
+					onEventClick: l[0] ||= (e) => n.$emit("event-click", e)
+				}, s({ _: 2 }, [n.$slots.event ? {
+					name: "event",
+					fn: A((e) => [C(n.$slots, "event", f({ ref_for: !0 }, e), void 0, !0)]),
+					key: "0"
+				} : void 0]), 1032, [
+					"event",
+					"mode",
+					"headers",
+					"hours",
+					"isMobile",
+					"overlap-index",
+					"overlap-count"
+				]))), 128)), (y(!0), a(e, null, S(n.overflowIndicators, (e, t) => (y(), a("div", {
+					key: `of-${t}`,
+					class: "absolute px-0.5 sm:px-1 z-20 pointer-events-auto",
+					style: g({
+						top: `${(Math.min(e.endDecimal, n.effectiveHours.end) - n.effectiveHours.start) * 80}px`,
+						insetInlineStart: `${e.dayIndex * (100 / n.headers.length)}%`,
+						width: `${100 / n.headers.length}%`
+					})
+				}, [o("button", {
+					class: "w-full text-[8px] sm:text-[10px] leading-none rounded bg-surface-variant hover:bg-surface-variant/80 text-on-surface/70 px-1 sm:px-2 py-0.5 sm:py-1 truncate transition-colors",
+					onClick: (t) => n.openSpecificDay(n.headers[e.dayIndex])
+				}, " +" + T(e.count) + " more ", 9, Xe)], 4))), 128))])
+			], 4))]),
+			_: 3
+		})])], 512)
+	], 8, We);
+}
+var $e = /* @__PURE__ */ L(Ue, [["render", Qe], ["__scopeId", "data-v-66575d8b"]]), et = ["dir"], tt = {
+	ref: "scrollContainer",
+	class: "flex-1 w-full overflow-y-auto cal-scrollbar px-2 sm:px-4 md:px-6 py-3 sm:py-5"
+}, nt = { class: "max-w-4xl mx-auto flex flex-col gap-6" }, rt = { class: "agenda-section-header sticky top-0 z-10 py-1.5 flex items-center gap-3 bg-surface/95 backdrop-blur-xs" }, it = { class: "rounded-full bg-surface-variant px-3 py-0.5 text-xs font-semibold text-on-surface/70 border border-outline-variant shadow-xs select-none" }, at = { class: "flex flex-col gap-3" }, ot = { class: "agenda-date-col shrink-0 flex flex-col items-start w-24 sm:w-32 md:w-36 pt-0.5 select-none" }, st = { class: "sm:hidden" }, ct = { class: "hidden sm:inline" }, lt = { class: "mt-1 flex items-center gap-1.5 sm:gap-2" }, ut = { class: "flex flex-col text-[10px] sm:text-xs leading-none text-on-surface/50 gap-0.5" }, dt = {
+	key: 0,
+	class: "opacity-70"
+}, ft = {
+	key: 0,
+	class: "mt-1 text-[10px] font-medium text-error truncate max-w-full"
+}, pt = { class: "agenda-events-col flex-1 min-w-0 flex flex-col gap-2" }, Q = ["onClick"], mt = { class: "min-w-0 flex-1 font-semibold text-xs sm:text-sm md:text-base leading-snug truncate" }, ht = {
+	key: 0,
+	class: "shrink-0 text-[11px] sm:text-xs md:text-sm font-medium opacity-90 flex items-center gap-1.5 whitespace-nowrap"
+}, gt = {
+	key: 1,
+	class: "agenda-no-events flex items-center text-xs text-on-surface/40 italic py-2 px-3 rounded-lg border border-dashed border-outline-variant select-none"
+}, $ = /* @__PURE__ */ L(/* @__PURE__ */ l({
+	__name: "CalendarAgenda",
+	props: {
+		range: {},
+		events: { default: () => [] },
+		dir: { default: "" }
+	},
+	emits: ["event-click"],
+	setup(t) {
+		let r = t, s = d("calendarConfig", x({
+			locale: "fa-IR",
+			calendar: "jalaali",
+			startOfWeek: "saturday",
+			showHolidays: !1
+		})), { t: c } = F(), { getCalendarHeaders: l } = I(), u = n(() => {
+			let e = String(s.value.locale || "").toLowerCase();
+			return e.startsWith("fa") || e.startsWith("ar");
+		}), f = n(() => r.dir ? r.dir : u.value ? "rtl" : "ltr");
+		function p(e) {
+			if (!e || typeof e != "string") return 0;
+			let t = e.split(":").map(Number), n = t[0] ?? 0, r = t[1] ?? 0;
+			return Number.isNaN(n) || Number.isNaN(r) ? 0 : n * 60 + r;
+		}
+		let h = [
+			"۰",
+			"۱",
+			"۲",
+			"۳",
+			"۴",
+			"۵",
+			"۶",
+			"۷",
+			"۸",
+			"۹"
+		];
+		function _(e) {
+			return u.value ? e.replace(/\d/g, (e) => h[parseInt(e, 10)] ?? e) : e;
+		}
+		function v(e) {
+			if (e.isFullDay) return c("calendar.allDay") || (u.value ? "تمام روز" : "All day");
+			if (!e.time) return "";
+			if (!e.duration || e.duration <= 0) return _(e.time);
+			let t = p(e.time) + e.duration, n = Math.floor(t % 1440 / 60), r = t % 60, i = `${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}`, a = _(e.time), o = _(i);
+			return u.value ? `${a} تا ${o}` : `${a} – ${o}`;
+		}
+		function b(e) {
+			let t = e.color || "var(--cal-primary, #1a9d90)";
+			return {
+				backgroundColor: t,
+				color: X(t)
+			};
+		}
+		let w = n(() => l(r.range, "agenda"));
+		function D(e, t) {
+			if (!e.date) return !1;
+			let n = new Date(t.date), r = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0, 0).getTime(), i = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 23, 59, 59, 999).getTime(), a = new Date(e.date), o = p(e.time), s = new Date(a.getFullYear(), a.getMonth(), a.getDate(), 0, 0, 0, 0).getTime() + o * 60 * 1e3, c = s;
+			return e.duration && e.duration > 0 ? c = s + e.duration * 60 * 1e3 : e.isFullDay && (c = new Date(a.getFullYear(), a.getMonth(), a.getDate(), 23, 59, 59, 999).getTime()), s <= i && c >= r;
+		}
+		function O(e) {
+			return r.events.filter((t) => D(t, e)).sort((e, t) => {
+				if (e.isFullDay && !t.isFullDay) return -1;
+				if (!e.isFullDay && t.isFullDay) return 1;
+				let n = p(e.time), r = p(t.time);
+				return n === r ? String(e.title || "").localeCompare(String(t.title || "")) : n - r;
+			});
+		}
+		function k(e, t) {
+			let n = u.value, r = n ? "fa-IR" : "en-US", i = s.value.calendar === "jalaali" ? "persian" : s.value.calendar === "islamic" ? "islamic-civil" : "gregory", a = new Intl.DateTimeFormat(`${r}-u-ca-${i}`, {
+				day: "numeric",
+				month: "short",
+				year: "numeric"
+			}).formatToParts(e), o = new Intl.DateTimeFormat(`${r}-u-ca-${i}`, {
+				day: "numeric",
+				month: "short",
+				year: "numeric"
+			}).formatToParts(t), c = a.find((e) => e.type === "day")?.value || "", l = a.find((e) => e.type === "month")?.value || "", d = a.find((e) => e.type === "year")?.value || "", f = o.find((e) => e.type === "day")?.value || "", p = o.find((e) => e.type === "month")?.value || "", m = o.find((e) => e.type === "year")?.value || "";
+			return d === m && l === p ? n ? `${c} – ${f} ${l}` : `${l} ${c} – ${f}` : d === m ? n ? `${c} ${l} – ${f} ${p}` : `${l} ${c} – ${p} ${f}` : n ? `${c} ${l} ${d} – ${f} ${p} ${m}` : `${l} ${c}, ${d} – ${p} ${f}, ${d}`;
+		}
+		let A = n(() => {
+			let e = w.value;
+			if (!e.length) return [];
+			let t = [];
+			for (let n = 0; n < e.length; n += 7) {
+				let r = e.slice(n, n + 7), i = r[0]?.date || /* @__PURE__ */ new Date(), a = r[r.length - 1]?.date || i;
+				t.push({
+					id: `section-${i.getTime()}-${a.getTime()}`,
+					rangeLabel: k(i, a),
+					days: r.map((e) => ({
+						day: e,
+						events: O(e)
+					}))
+				});
+			}
+			return t;
+		});
+		return (t, n) => (y(), a("div", {
+			class: "calendar-agenda w-full h-full flex flex-col bg-surface overflow-hidden",
+			dir: f.value
+		}, [o("div", tt, [o("div", nt, [(y(!0), a(e, null, S(A.value, (r) => (y(), a("div", {
+			key: r.id,
+			class: "agenda-section flex flex-col gap-3"
+		}, [o("div", rt, [
+			n[0] ||= o("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1),
+			o("span", it, T(r.rangeLabel), 1),
+			n[1] ||= o("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1)
+		]), o("div", at, [(y(!0), a(e, null, S(r.days, (r) => (y(), a("div", {
+			key: r.day.name + r.day.date.getTime(),
+			class: m(["agenda-day-row flex flex-row items-start gap-3 sm:gap-5 p-2.5 sm:p-3.5 rounded-xl border border-outline-variant/60 transition-colors", {
+				"bg-today-column ring-1 ring-primary/30 border-primary/40": r.day.isToday,
+				"bg-surface": !r.day.isToday
+			}])
+		}, [o("div", ot, [
+			o("span", { class: m(["text-xs sm:text-sm font-semibold truncate max-w-full", r.day.isToday ? "text-primary font-bold" : "text-on-surface/80"]) }, [o("span", st, T(r.day.shortName || r.day.name), 1), o("span", ct, T(r.day.name), 1)], 2),
+			o("div", lt, [o("div", { class: m(["flex size-7 sm:size-8 items-center justify-center rounded-full text-xs sm:text-sm font-bold shadow-xs shrink-0", [r.day.isToday ? "bg-primary text-surface font-extrabold ring-2 ring-primary/30" : r.day.isWeekend || r.day.isHoliday ? "bg-surface-variant text-error border border-outline-variant" : "bg-surface-variant text-on-surface border border-outline-variant"]]) }, T(r.day.primary), 3), o("div", ut, [o("span", { class: m({ "text-error": r.day.isWeekend || r.day.isHoliday }) }, T(r.day.secondary), 3), r.day.tertiary ? (y(), a("span", dt, T(r.day.tertiary), 1)) : i("", !0)])]),
+			r.day.holidayTitle ? (y(), a("span", ft, T(r.day.holidayTitle), 1)) : i("", !0)
+		]), o("div", pt, [r.events.length > 0 ? (y(!0), a(e, { key: 0 }, S(r.events, (e) => (y(), a("div", {
+			key: e.id,
+			class: "agenda-event-card group flex items-center justify-between gap-3 rounded-lg sm:rounded-xl p-2.5 sm:px-4 sm:py-3 shadow-xs cursor-pointer transition-all hover:scale-[1.006] hover:shadow-md active:scale-[0.995]",
+			style: g(b(e)),
+			onClick: (n) => t.$emit("event-click", e)
+		}, [C(t.$slots, "event", {
+			event: e,
+			mode: "agenda"
+		}, () => [o("div", mt, T(e.title), 1), e.time || e.isFullDay ? (y(), a("div", ht, [n[2] ||= o("svg", {
+			class: "size-3 sm:size-3.5 opacity-80",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2"
+		}, [o("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), o("polyline", { points: "12 6 12 12 16 14" })], -1), o("span", null, T(v(e)), 1)])) : i("", !0)], !0)], 12, Q))), 128)) : (y(), a("div", gt, T(E(c)("calendar.noEvents") || "No events"), 1))])], 2))), 128))])]))), 128))])], 512)], 8, et));
+	}
+}), [["__scopeId", "data-v-d9fbe1f4"]]), _t = {
+	key: 0,
+	class: "w-full h-full flex flex-col font-sans",
+	style: {
+		color: "var(--cal-on-surface)",
+		background: "var(--cal-surface)"
+	}
+}, vt = { class: "w-full flex-1 overflow-hidden relative" }, yt = /* @__PURE__ */ l({
+	__name: "VueCalendar",
+	props: {
+		events: { default: () => [] },
+		mode: { default: "monthly" },
+		locale: { default: "en-US" },
+		calendarType: { default: "gregory" },
+		startOfWeek: {},
+		hours: { default: () => ({
+			start: 0,
+			end: 24
+		}) },
+		initialDate: { default: () => /* @__PURE__ */ new Date() }
+	},
+	emits: [
+		"update:mode",
+		"range-change",
+		"event-click"
+	],
+	setup(e, { expose: t, emit: c }) {
+		let l = e, d = c, f = x(!1), p = x(new Date(l.initialDate)), m = {
+			gregory: "gregory",
+			persian: "jalaali",
+			"islamic-uma": "islamic"
+		}, g = [
+			"sunday",
+			"monday",
+			"tuesday",
+			"wednesday",
+			"thursday",
+			"friday",
+			"saturday"
+		], v = n(() => l.startOfWeek !== void 0 && l.startOfWeek >= 0 && l.startOfWeek <= 6 ? l.startOfWeek : l.calendarType === "gregory" ? 1 : 6), S = n(() => ({
+			locale: l.locale,
+			calendar: m[l.calendarType],
+			startOfWeek: g[v.value] ?? "sunday",
+			showHolidays: !1
+		}));
+		b("calendarConfig", S), b("calendarHolidays", x({}));
+		let { getMonthBounds: w, offsetPeriod: T } = I(S), E = n(() => {
+			let e = new Date(p.value), t = new Date(p.value);
+			if (l.mode === "daily") return e.setHours(0, 0, 0, 0), t.setHours(23, 59, 59, 999), {
+				start: e,
+				end: t
+			};
+			if (l.mode === "3days") return e.setHours(0, 0, 0, 0), t.setTime(e.getTime()), t.setDate(e.getDate() + 2), t.setHours(23, 59, 59, 999), {
+				start: e,
+				end: t
+			};
+			if (l.mode === "weekly") {
+				let n = v.value, r = e.getDay(), i = (r < n ? 7 : 0) + r - n;
+				return e.setDate(e.getDate() - i), e.setHours(0, 0, 0, 0), t.setTime(e.getTime()), t.setDate(e.getDate() + 6), t.setHours(23, 59, 59, 999), {
+					start: e,
+					end: t
+				};
+			} else return w(p.value);
+		}), D = () => {
+			p.value = T(p.value, l.mode, 1), d("range-change", E.value);
+		}, O = () => {
+			p.value = T(p.value, l.mode, -1), d("range-change", E.value);
+		}, j = (e, t) => {
+			t && (p.value = new Date(t)), d("update:mode", e, t);
+		}, M = (e, t) => {
+			t && (p.value = new Date(t)), d("update:mode", e, t);
+		};
+		return k(() => l.initialDate, (e) => {
+			e && (p.value = new Date(e), d("range-change", E.value));
+		}), k(E, (e) => {
+			f.value && d("range-change", e);
+		}), _(() => {
+			f.value = !0, d("range-change", E.value);
+		}), t({
+			goNext: D,
+			goPrev: O,
+			setMode: M,
+			currentRange: E,
+			handleModeUpdate: j
+		}), (t, n) => f.value ? (y(), a("div", _t, [C(t.$slots, "header", {
+			mode: e.mode,
+			range: E.value,
+			next: D,
+			prev: O,
+			setMode: M
+		}), o("div", vt, [e.mode === "agenda" ? (y(), r($, {
+			key: 0,
+			range: E.value,
+			events: e.events,
+			onEventClick: n[0] ||= (e) => t.$emit("event-click", e)
+		}, s({ _: 2 }, [t.$slots.event ? {
+			name: "event",
+			fn: A((e) => [C(t.$slots, "event", h(u(e)))]),
+			key: "0"
+		} : void 0]), 1032, ["range", "events"])) : (y(), r($e, {
+			key: 1,
+			range: E.value,
+			mode: e.mode,
+			events: e.events,
+			hours: e.hours,
+			"onUpdate:mode": n[1] ||= (e, t) => j(e, t),
+			onEventClick: n[2] ||= (e) => t.$emit("event-click", e),
+			"onUpdate:range": n[3] ||= (e) => t.$emit("range-change", e)
+		}, s({ _: 2 }, [t.$slots.event ? {
+			name: "event",
+			fn: A((e) => [C(t.$slots, "event", h(u(e)))]),
+			key: "0"
+		} : void 0, t.$slots["event-mobile"] ? {
+			name: "event-mobile",
+			fn: A((e) => [C(t.$slots, "event-mobile", h(u(e)))]),
+			key: "1"
+		} : void 0]), 1032, [
+			"range",
+			"mode",
+			"events",
+			"hours"
+		]))])])) : i("", !0);
+	}
+});
+//#endregion
+export { $ as CalendarAgenda, yt as VueCalendar, X as getAccessibleTextColor, pe as getContrastRatio, Y as getRelativeLuminance, J as parseColorToRgb };