@reservi/preact 1.3.2 → 1.4.0

package/dist/index.js

@@ -1,18 +1,58 @@
-import { render as X, h as st } from "preact";
-import { getLocaleText as E, dl as l, timeStringToMinutes as z, computeDrop as A, pxToSnappedMinutes as lt, computeResize as ct, themeToStyle as vt, CalendarApi as ut, eventsToICS as mt } from "@reservi/core";
-import { dayGridPlugin as Kt, definePlugin as Wt, defineTheme as Xt, eventsToICS as zt, listPlugin as qt, multiMonthPlugin as Jt, parseICS as Qt, resourcePlugin as Zt, themeToStyle as te, timeGridPlugin as ee, timelinePlugin as re } from "@reservi/core";
-import { jsxs as v, jsx as n, Fragment as ht } from "preact/jsx-runtime";
+import { render as at, h as bt } from "preact";
+import { getLocaleText as R, dl as s, timeStringToMinutes as K, computeDrop as J, pxToSnappedMinutes as wt, computeResize as kt, THEME_TOKEN_VARS as Dt, themeToStyle as pt, CalendarApi as Mt, eventsToICS as St } from "@reservi/core";
+import { dayGridPlugin as ge, definePlugin as ye, defineTheme as fe, eventsToICS as be, listPlugin as we, multiMonthPlugin as ke, parseICS as De, resourcePlugin as pe, themeToStyle as Me, timeGridPlugin as Se, timelinePlugin as Ce } from "@reservi/core";
+import { jsx as d, jsxs as g, Fragment as Ct } from "preact/jsx-runtime";
 import "@preact/signals";
-import { useRef as F, useState as R, useEffect as q } from "preact/hooks";
-function x(a, t, r) {
-  return a ? a(t) : r;
+import { useRef as $, useLayoutEffect as ot, useState as N, useEffect as H } from "preact/hooks";
+function ce(r) {
+  return { __rsvHost: !0, node: r };
 }
-function $(...a) {
-  return a.filter(Boolean).join(" ");
+function Et(r) {
+  return typeof r == "object" && r !== null && r.__rsvHost === !0;
 }
-const I = { prev: "‹", next: "›" }, gt = /* @__PURE__ */ new Set(["", "title", "today", "prev", "next"]), yt = /month|year/i, L = (a) => String(a).padStart(2, "0");
-function ft() {
-  return /* @__PURE__ */ v(
+function L(r, t, e, n) {
+  if (!r) return e;
+  const o = r(t);
+  return o === void 0 ? e : Et(o) ? n ? /* @__PURE__ */ d(xt, { bridge: n, node: o.node }) : e : o;
+}
+let Tt = 0;
+function xt({ bridge: r, node: t }) {
+  const e = $("");
+  e.current || (e.current = `rsv-host-${++Tt}`);
+  const n = $(null), o = $(t);
+  o.current = t;
+  const a = $(!1);
+  return ot(() => {
+    const h = n.current;
+    if (!h) return;
+    const u = e.current;
+    return a.current = !0, r.mount(u, h, o.current), () => {
+      a.current = !1, r.unmount(u);
+    };
+  }, []), ot(() => {
+    a.current && r.update(e.current, t);
+  }), /* @__PURE__ */ d("div", { "data-rsv": "host", ref: n });
+}
+function F(...r) {
+  return r.filter(Boolean).join(" ");
+}
+const dt = /* @__PURE__ */ new WeakSet();
+function A(r, t, e) {
+  if (!r || !t) return;
+  const n = r;
+  dt.has(n) || (dt.add(n), t(Object.assign(e(), { el: n })));
+}
+function $t(r, t) {
+  if (!r.length) return null;
+  const e = [...r].sort((o, a) => o.breakpoint - a.breakpoint);
+  let n = e[0].view;
+  for (const o of e)
+    t >= o.breakpoint && (n = o.view);
+  return n;
+}
+const G = { prev: "‹", next: "›" }, Pt = /* @__PURE__ */ new Set(["", "title", "today", "prev", "next"]), Ot = /month|year/i, B = (r) => String(r).padStart(2, "0");
+function Lt() {
+  return /* @__PURE__ */ g(
     "svg",
     {
       "data-rsv": "title-icon",
@@ -26,158 +66,158 @@ function ft() {
       "stroke-linejoin": "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ n("rect", { x: "1", y: "2.5", width: "12", height: "10.5", rx: "1.5" }),
-        /* @__PURE__ */ n("line", { x1: "1", y1: "5.5", x2: "13", y2: "5.5" }),
-        /* @__PURE__ */ n("line", { x1: "4.5", y1: "1", x2: "4.5", y2: "3.5" }),
-        /* @__PURE__ */ n("line", { x1: "9.5", y1: "1", x2: "9.5", y2: "3.5" })
+        /* @__PURE__ */ d("rect", { x: "1", y: "2.5", width: "12", height: "10.5", rx: "1.5" }),
+        /* @__PURE__ */ d("line", { x1: "1", y1: "5.5", x2: "13", y2: "5.5" }),
+        /* @__PURE__ */ d("line", { x1: "4.5", y1: "1", x2: "4.5", y2: "3.5" }),
+        /* @__PURE__ */ d("line", { x1: "9.5", y1: "1", x2: "9.5", y2: "3.5" })
       ]
     }
   );
 }
-function pt(a) {
-  var r;
-  if ((r = a.views) != null && r.length) return a.views;
-  const t = a.headerToolbar;
-  return t ? [t.start, t.center, t.end].filter((e) => !!e).flatMap((e) => e.split(/\s+/)).flatMap((e) => e.split(",")).filter((e) => !gt.has(e)) : [];
+function Ft(r) {
+  var e;
+  if ((e = r.views) != null && e.length) return r.views;
+  const t = r.headerToolbar;
+  return t ? [t.start, t.center, t.end].filter((n) => !!n).flatMap((n) => n.split(/\s+/)).flatMap((n) => n.split(",")).filter((n) => !Pt.has(n)) : [];
 }
-function bt({ api: a, title: t, activeView: r, options: e }) {
-  var T, _, P, j, U;
-  const o = E(e.locale), i = (_ = (T = e.slots) == null ? void 0 : T.toolbarStart) == null ? void 0 : _.call(T), u = (j = (P = e.slots) == null ? void 0 : P.toolbarEnd) == null ? void 0 : j.call(P), d = pt(e), s = yt.test(r), c = e.firstDay ?? o.firstDay, h = F(null), [g, f] = R(!1), p = l.toDate(a.getDate()), y = l.toDate(e.now ? l.from(e.now) : l.now()), [w, D] = R(p.getFullYear()), [k, S] = R(p.getMonth()), M = new Intl.DateTimeFormat(e.locale, { month: "short" }), at = new Intl.DateTimeFormat(e.locale, { month: "long" }), nt = new Intl.DateTimeFormat(e.locale, { weekday: "short" }), ot = Array.from(
+function Rt({ api: r, title: t, activeView: e, options: n }) {
+  var V, Z, Y, tt, et;
+  const o = R(n.locale), a = (Z = (V = n.slots) == null ? void 0 : V.toolbarStart) == null ? void 0 : Z.call(V), h = (tt = (Y = n.slots) == null ? void 0 : Y.toolbarEnd) == null ? void 0 : tt.call(Y), u = Ft(n), v = Ot.test(e), c = n.firstDay ?? o.firstDay, l = $(null), [f, b] = N(!1), k = s.toDate(r.getDate()), w = s.toDate(n.now ? s.from(n.now) : s.now()), [p, m] = N(k.getFullYear()), [S, i] = N(k.getMonth()), D = new Intl.DateTimeFormat(n.locale, { month: "short" }), C = new Intl.DateTimeFormat(n.locale, { month: "long" }), M = new Intl.DateTimeFormat(n.locale, { weekday: "short" }), E = Array.from(
     { length: 12 },
-    (m, b) => M.format(new Date(2020, b, 1))
-  ), N = () => {
-    const m = l.toDate(a.getDate());
-    D(m.getFullYear()), S(m.getMonth()), f(!0);
-  }, H = (m) => {
-    const b = w * 12 + k + m;
-    D(Math.floor(b / 12)), S((b % 12 + 12) % 12);
-  }, V = (m) => {
-    a.gotoDate(m), f(!1);
+    (y, T) => D.format(new Date(2020, T, 1))
+  ), x = () => {
+    const y = s.toDate(r.getDate());
+    m(y.getFullYear()), i(y.getMonth()), b(!0);
+  }, I = (y) => {
+    const T = p * 12 + S + y;
+    m(Math.floor(T / 12)), i((T % 12 + 12) % 12);
+  }, P = (y) => {
+    r.gotoDate(y), b(!1);
   };
-  q(() => {
-    const m = (C) => {
-      (C.ctrlKey || C.metaKey) && (C.key === "m" || C.key === "M") ? (C.preventDefault(), N()) : C.key === "Escape" && f(!1);
-    }, b = (C) => {
-      h.current && !h.current.contains(C.target) && f(!1);
+  H(() => {
+    const y = (O) => {
+      (O.ctrlKey || O.metaKey) && (O.key === "m" || O.key === "M") ? (O.preventDefault(), x()) : O.key === "Escape" && b(!1);
+    }, T = (O) => {
+      l.current && !l.current.contains(O.target) && b(!1);
     };
-    return document.addEventListener("keydown", m), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", m), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", y), document.addEventListener("mousedown", T), () => {
+      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", T);
     };
   }, []);
-  const B = (() => {
-    if (s) return { cells: [], dows: [] };
-    const m = l.from(`${w}-${L(k + 1)}-01`), b = (l.dayOfWeek(m) - c + 7) % 7, C = l.subtract(m, { days: b }), K = Array.from({ length: 42 }, (W, it) => l.toDate(l.add(C, { days: it }))), dt = K.slice(0, 7).map((W) => nt.format(W));
-    return { cells: K, dows: dt };
+  const Q = (() => {
+    if (v) return { cells: [], dows: [] };
+    const y = s.from(`${p}-${B(S + 1)}-01`), T = (s.dayOfWeek(y) - c + 7) % 7, O = s.subtract(y, { days: T }), rt = Array.from({ length: 42 }, (nt, ft) => s.toDate(s.add(O, { days: ft }))), yt = rt.slice(0, 7).map((nt) => M.format(nt));
+    return { cells: rt, dows: yt };
   })();
-  return /* @__PURE__ */ v("div", { "data-rsv": "toolbar-wrap", class: $((U = e.classNames) == null ? void 0 : U.toolbar), ref: h, children: [
-    /* @__PURE__ */ v("div", { "data-rsv": "toolbar", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "toolbar-section", "data-rsv-area": "start", children: i }),
-      /* @__PURE__ */ v("div", { "data-rsv": "toolbar-section", "data-rsv-area": "nav", children: [
-        /* @__PURE__ */ n(
+  return /* @__PURE__ */ g("div", { "data-rsv": "toolbar-wrap", class: F((et = n.classNames) == null ? void 0 : et.toolbar), ref: l, children: [
+    /* @__PURE__ */ g("div", { "data-rsv": "toolbar", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "toolbar-section", "data-rsv-area": "start", children: a }),
+      /* @__PURE__ */ g("div", { "data-rsv": "toolbar-section", "data-rsv-area": "nav", children: [
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             "data-rsv": "button",
-            title: o.today,
-            "aria-label": o.today,
-            onClick: () => a.today(),
+            title: o.todayHint,
+            "aria-label": o.todayHint,
+            onClick: () => r.today(),
             children: o.today
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             "data-rsv": "button",
             "data-rsv-nav": "prev",
-            title: o.prev,
-            "aria-label": o.prev,
-            onClick: () => a.prev(),
-            children: I.prev
+            title: o.prevHint,
+            "aria-label": o.prevHint,
+            onClick: () => r.prev(),
+            children: G.prev
           }
         ),
-        /* @__PURE__ */ v("div", { "data-rsv": "datepicker-anchor", children: [
-          /* @__PURE__ */ v(
+        /* @__PURE__ */ g("div", { "data-rsv": "datepicker-anchor", children: [
+          /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               "data-rsv": "title",
               "aria-haspopup": "dialog",
-              "aria-expanded": g,
+              "aria-expanded": f,
               title: `${t} · Ctrl+M`,
-              onClick: () => g ? f(!1) : N(),
+              onClick: () => f ? b(!1) : x(),
               children: [
-                /* @__PURE__ */ n(ft, {}),
+                /* @__PURE__ */ d(Lt, {}),
                 t
               ]
             }
           ),
-          g && /* @__PURE__ */ v(
+          f && /* @__PURE__ */ g(
             "div",
             {
               "data-rsv": "datepicker",
-              "data-rsv-mode": s ? "month" : "day",
+              "data-rsv-mode": v ? "month" : "day",
               role: "dialog",
               "aria-label": t,
               children: [
-                /* @__PURE__ */ v("div", { "data-rsv": "dp-head", children: [
-                  /* @__PURE__ */ n(
+                /* @__PURE__ */ g("div", { "data-rsv": "dp-head", children: [
+                  /* @__PURE__ */ d(
                     "button",
                     {
                       type: "button",
                       "data-rsv": "dp-nav",
                       "aria-label": o.prev,
-                      onClick: () => s ? D((m) => m - 1) : H(-1),
-                      children: I.prev
+                      onClick: () => v ? m((y) => y - 1) : I(-1),
+                      children: G.prev
                     }
                   ),
-                  /* @__PURE__ */ n("span", { "data-rsv": "dp-label", children: s ? w : `${at.format(new Date(w, k, 1))} ${w}` }),
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ d("span", { "data-rsv": "dp-label", children: v ? p : `${C.format(new Date(p, S, 1))} ${p}` }),
+                  /* @__PURE__ */ d(
                     "button",
                     {
                       type: "button",
                       "data-rsv": "dp-nav",
                       "aria-label": o.next,
-                      onClick: () => s ? D((m) => m + 1) : H(1),
-                      children: I.next
+                      onClick: () => v ? m((y) => y + 1) : I(1),
+                      children: G.next
                     }
                   )
                 ] }),
-                s ? /* @__PURE__ */ n("div", { "data-rsv": "dp-grid", children: ot.map((m, b) => /* @__PURE__ */ n(
+                v ? /* @__PURE__ */ d("div", { "data-rsv": "dp-grid", children: E.map((y, T) => /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
                     "data-rsv": "dp-month",
                     "data-active": String(
-                      w === p.getFullYear() && b === p.getMonth()
+                      p === k.getFullYear() && T === k.getMonth()
                     ),
                     "data-today": String(
-                      w === y.getFullYear() && b === y.getMonth()
+                      p === w.getFullYear() && T === w.getMonth()
                     ),
-                    onClick: () => V(`${w}-${L(b + 1)}-01`),
-                    children: m
+                    onClick: () => P(`${p}-${B(T + 1)}-01`),
+                    children: y
                   },
-                  m
-                )) }) : /* @__PURE__ */ v("div", { "data-rsv": "dp-days", children: [
-                  B.dows.map((m, b) => /* @__PURE__ */ n("div", { "data-rsv": "dp-dow", children: m }, `dow-${b}`)),
-                  B.cells.map((m) => {
-                    const b = `${m.getFullYear()}-${L(m.getMonth() + 1)}-${L(m.getDate())}`;
-                    return /* @__PURE__ */ n(
+                  y
+                )) }) : /* @__PURE__ */ g("div", { "data-rsv": "dp-days", children: [
+                  Q.dows.map((y, T) => /* @__PURE__ */ d("div", { "data-rsv": "dp-dow", children: y }, `dow-${T}`)),
+                  Q.cells.map((y) => {
+                    const T = `${y.getFullYear()}-${B(y.getMonth() + 1)}-${B(y.getDate())}`;
+                    return /* @__PURE__ */ d(
                       "button",
                       {
                         type: "button",
                         "data-rsv": "dp-day",
-                        "data-other": String(m.getMonth() !== k),
+                        "data-other": String(y.getMonth() !== S),
                         "data-active": String(
-                          m.getFullYear() === p.getFullYear() && m.getMonth() === p.getMonth() && m.getDate() === p.getDate()
+                          y.getFullYear() === k.getFullYear() && y.getMonth() === k.getMonth() && y.getDate() === k.getDate()
                         ),
                         "data-today": String(
-                          m.getFullYear() === y.getFullYear() && m.getMonth() === y.getMonth() && m.getDate() === y.getDate()
+                          y.getFullYear() === w.getFullYear() && y.getMonth() === w.getMonth() && y.getDate() === w.getDate()
                         ),
-                        onClick: () => V(b),
-                        children: m.getDate()
+                        onClick: () => P(T),
+                        children: y.getDate()
                       },
-                      b
+                      T
                     );
                   })
                 ] })
@@ -185,233 +225,319 @@ function bt({ api: a, title: t, activeView: r, options: e }) {
             }
           )
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             "data-rsv": "button",
             "data-rsv-nav": "next",
-            title: o.next,
-            "aria-label": o.next,
-            onClick: () => a.next(),
-            children: I.next
+            title: o.nextHint,
+            "aria-label": o.nextHint,
+            onClick: () => r.next(),
+            children: G.next
           }
         )
       ] }),
-      /* @__PURE__ */ v("div", { "data-rsv": "toolbar-section", "data-rsv-area": "end", children: [
-        u,
-        e.onAddClick && /* @__PURE__ */ v(
+      /* @__PURE__ */ g("div", { "data-rsv": "toolbar-section", "data-rsv-area": "end", children: [
+        h,
+        n.onAddClick && /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             "data-rsv": "button",
             "data-rsv-variant": "primary",
-            onClick: e.onAddClick,
+            onClick: n.onAddClick,
             children: [
-              /* @__PURE__ */ n("span", { "data-rsv": "add-icon", "aria-hidden": "true", children: "+" }),
-              e.addButtonText
+              /* @__PURE__ */ d("span", { "data-rsv": "add-icon", "aria-hidden": "true", children: "+" }),
+              n.addButtonText
             ]
           }
         )
       ] })
     ] }),
-    d.length > 0 && /* @__PURE__ */ n("div", { "data-rsv": "toolbar-views", role: "tablist", children: d.map((m) => /* @__PURE__ */ n(
+    u.length > 0 && /* @__PURE__ */ d("div", { "data-rsv": "toolbar-views", role: "tablist", children: u.map((y) => /* @__PURE__ */ d(
       "button",
       {
         type: "button",
         "data-rsv": "view-tab",
         role: "tab",
-        "aria-selected": m === r,
-        "data-active": String(m === r),
-        onClick: () => a.changeView(m),
-        children: o.views[m] ?? m
+        "aria-selected": y === e,
+        "data-active": String(y === e),
+        title: o.viewHint(o.views[y] ?? y),
+        onClick: () => r.changeView(y),
+        children: o.views[y] ?? y
       },
-      m
+      y
     )) })
   ] });
 }
-function J(a, t) {
-  a.trigger("navLinkDay", { date: t });
-  const r = a.hasView("timeGridDay") ? "timeGridDay" : a.hasView("dayGridDay") ? "dayGridDay" : null;
-  r && (a.gotoDate(l.toISOString(t)), a.changeView(r));
+function U(r) {
+  return r < 10 ? `0${r}` : String(r);
+}
+function It(r) {
+  const t = (Math.round(r) % 1440 + 1440) % 1440;
+  return `${U(Math.floor(t / 60))}:${U(t % 60)}`;
+}
+function At(r) {
+  const t = Math.max(0, Math.round(r));
+  return `${U(Math.floor(t / 60))}:${U(t % 60)}:00`;
+}
+function X(r, t) {
+  if (!t) return null;
+  const e = new Intl.DateTimeFormat(r, t);
+  return (n) => e.format(n);
+}
+function W(r, t, e) {
+  if (t === !1) return null;
+  const n = new Intl.DateTimeFormat(r, t ?? e);
+  return (o) => n.format(o);
+}
+function st(r, t) {
+  r.trigger("navLinkDay", { date: t });
+  const e = r.hasView("timeGridDay") ? "timeGridDay" : r.hasView("dayGridDay") ? "dayGridDay" : null;
+  e && (r.gotoDate(s.toISOString(t)), r.changeView(e));
+}
+const _ = 1440, Ht = {
+  moveLeft: ["ArrowLeft"],
+  moveRight: ["ArrowRight"],
+  moveUp: ["ArrowUp"],
+  moveDown: ["ArrowDown"],
+  activate: ["Enter", " "]
+};
+function Nt(r, t) {
+  const e = Object.entries(Ht);
+  for (const [n, o] of e)
+    if (((t == null ? void 0 : t[n]) ?? o).includes(r)) return n;
+  return null;
 }
-const O = 1440;
-function Q(a, t) {
-  const { api: r, event: e, kind: o } = t, i = z(t.snap ?? "00:30");
+function lt(r, t) {
+  const { api: e, event: n, kind: o } = t, a = K(t.snap ?? "00:30"), h = Nt(r.key, t.shortcuts);
+  if (!h) return;
+  if (h === "activate") {
+    r.preventDefault(), e.trigger("eventClick", { event: n });
+    return;
+  }
   let u = 0;
-  switch (a.key) {
-    case "ArrowLeft":
-      u = -O;
+  switch (h) {
+    case "moveLeft":
+      u = -_;
       break;
-    case "ArrowRight":
-      u = O;
+    case "moveRight":
+      u = _;
       break;
-    case "ArrowUp":
-      u = o === "timeGrid" ? -i : -O * 7;
+    case "moveUp":
+      u = o === "timeGrid" ? -a : -_ * 7;
       break;
-    case "ArrowDown":
-      u = o === "timeGrid" ? i : O * 7;
+    case "moveDown":
+      u = o === "timeGrid" ? a : _ * 7;
       break;
-    case "Enter":
-    case " ":
-      a.preventDefault(), r.trigger("eventClick", { event: e });
-      return;
-    default:
-      return;
   }
-  a.preventDefault();
-  const d = A(e.start, e.end, u, l);
-  if (r.moveEvent(e.id, d.start, d.end)) {
-    const s = r.getEventById(e.id);
-    s && r.trigger("eventDrop", { event: s });
+  r.preventDefault();
+  const v = J(n.start, n.end, u, s);
+  if (e.moveEvent(n.id, v.start, v.end)) {
+    const c = e.getEventById(n.id);
+    c && e.trigger("eventDrop", { event: c });
   }
 }
-const wt = 1440, Dt = 4;
-function Z(a, t) {
-  var e;
-  const r = document.elementFromPoint(a, t);
-  return ((e = r == null ? void 0 : r.closest('[data-rsv="day"]')) == null ? void 0 : e.dataset.date) ?? null;
-}
-function kt(a, t) {
-  a.stopPropagation();
-  const { api: r, event: e, sourceDate: o } = t, i = a.clientX, u = a.clientY;
-  let d = !1;
-  const s = (h) => {
-    !d && Math.hypot(h.clientX - i, h.clientY - u) > Dt && (d = !0, document.body.style.cursor = "grabbing");
-  }, c = (h) => {
-    var y;
-    if (document.removeEventListener("pointermove", s), document.removeEventListener("pointerup", c), document.body.style.cursor = "", !d) return;
-    (y = t.onMoved) == null || y.call(t);
-    const g = Z(h.clientX, h.clientY);
-    if (!g) return;
-    const f = l.diff(l.from(o), l.from(g), "day");
-    if (f === 0) return;
-    const p = A(e.start, e.end, f * wt, l);
-    if (r.moveEvent(e.id, p.start, p.end)) {
-      const w = r.getEventById(e.id);
-      w && r.trigger("eventDrop", { event: w });
+const Vt = 1440, Yt = 4;
+function ct(r, t) {
+  var n;
+  const e = document.elementFromPoint(r, t);
+  return ((n = e == null ? void 0 : e.closest('[data-rsv="day"]')) == null ? void 0 : n.dataset.date) ?? null;
+}
+function Gt(r, t) {
+  r.stopPropagation();
+  const { api: e, event: n, sourceDate: o } = t, a = r.clientX, h = r.clientY;
+  let u = !1;
+  const v = (l) => {
+    !u && Math.hypot(l.clientX - a, l.clientY - h) > Yt && (u = !0, document.body.style.cursor = "grabbing");
+  }, c = (l) => {
+    var w;
+    if (document.removeEventListener("pointermove", v), document.removeEventListener("pointerup", c), document.body.style.cursor = "", !u) return;
+    (w = t.onMoved) == null || w.call(t);
+    const f = ct(l.clientX, l.clientY);
+    if (!f) return;
+    const b = s.diff(s.from(o), s.from(f), "day");
+    if (b === 0) return;
+    const k = J(n.start, n.end, b * Vt, s);
+    if (e.moveEvent(n.id, k.start, k.end)) {
+      const p = e.getEventById(n.id);
+      p && e.trigger("eventDrop", { event: p });
     }
   };
-  document.addEventListener("pointermove", s), document.addEventListener("pointerup", c);
+  document.addEventListener("pointermove", v), document.addEventListener("pointerup", c);
 }
-function Ct(a, t) {
-  if (a.target.closest('[data-rsv="event"], [data-rsv="more-anchor"], [data-nav-link="true"]'))
+function Bt(r, t) {
+  if (r.target.closest('[data-rsv="event"], [data-rsv="more-anchor"], [data-nav-link="true"]'))
     return;
-  const { api: e } = t;
-  let o = t.startDate, i = !1;
-  const u = (s) => {
-    const c = Z(s.clientX, s.clientY);
-    c && c !== t.startDate && (i = !0), c && (o = c);
-  }, d = () => {
-    var f;
-    if (document.removeEventListener("pointermove", u), document.removeEventListener("pointerup", d), !i) return;
-    (f = t.onRangeSelect) == null || f.call(t);
-    const s = l.from(t.startDate), c = l.from(o), [h, g] = l.isBefore(s, c) ? [s, c] : [c, s];
-    e.select(l.toISOString(h), l.toISOString(l.add(g, { days: 1 })));
+  const { api: n } = t;
+  let o = t.startDate, a = !1;
+  const h = (v) => {
+    const c = ct(v.clientX, v.clientY);
+    c && c !== t.startDate && (a = !0), c && (o = c);
+  }, u = () => {
+    var b;
+    if (document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", u), !a) return;
+    (b = t.onRangeSelect) == null || b.call(t);
+    const v = s.from(t.startDate), c = s.from(o), [l, f] = s.isBefore(v, c) ? [v, c] : [c, v];
+    n.select(s.toISOString(l), s.toISOString(s.add(f, { days: 1 })));
   };
-  document.addEventListener("pointermove", u), document.addEventListener("pointerup", d);
+  document.addEventListener("pointermove", h), document.addEventListener("pointerup", u);
 }
-function tt({ api: a, model: t, options: r }) {
-  var d;
-  const e = r.locale ?? "en", o = new Intl.DateTimeFormat(e, { weekday: "short" }), i = ((d = t.weeks[0]) == null ? void 0 : d.days) ?? [], u = r.weekNumbers === !0;
-  return /* @__PURE__ */ v(
+function ut({ api: r, model: t, options: e }) {
+  var v;
+  const n = e.locale ?? "en", o = { type: r.getView().type }, a = W(n, e.dayHeaderFormat, { weekday: "short" }), h = ((v = t.weeks[0]) == null ? void 0 : v.days) ?? [], u = e.weekNumbers === !0;
+  return /* @__PURE__ */ g(
     "div",
     {
       "data-rsv": "daygrid",
       "data-weeknumbers": String(u),
       style: `--rsv-cols:${t.columnCount}`,
       children: [
-        /* @__PURE__ */ v("div", { "data-rsv": "daygrid-header", role: "row", children: [
-          u && /* @__PURE__ */ n("div", { "data-rsv": "daygrid-weeknum-header", role: "columnheader" }),
-          i.map((s) => {
-            var g;
-            const c = l.toDate(s.date), h = o.format(c);
-            return /* @__PURE__ */ n("div", { "data-rsv": "daygrid-dow", role: "columnheader", children: x((g = r.slots) == null ? void 0 : g.dayHeaderContent, { date: c, text: h }, h) }, s.dayOfWeek);
+        /* @__PURE__ */ g("div", { "data-rsv": "daygrid-header", role: "row", children: [
+          u && /* @__PURE__ */ d("div", { "data-rsv": "daygrid-weeknum-header", role: "columnheader" }),
+          h.map((c) => {
+            var k, w;
+            const l = s.toDate(c.date), f = a ? a(l) : "", b = {
+              date: l,
+              text: f,
+              dayOfWeek: c.dayOfWeek,
+              dayNumber: s.dayOfMonth(c.date),
+              isToday: c.isToday,
+              view: o
+            };
+            return /* @__PURE__ */ d(
+              "div",
+              {
+                "data-rsv": "daygrid-dow",
+                role: "columnheader",
+                "data-dow": String(c.dayOfWeek),
+                class: F((k = e.classNames) == null ? void 0 : k.dayHeader),
+                ref: (p) => {
+                  var m;
+                  return A(p, (m = e.hooks) == null ? void 0 : m.dayHeaderDidMount, () => b);
+                },
+                children: L((w = e.slots) == null ? void 0 : w.dayHeaderContent, b, f, e.hostBridge)
+              },
+              c.dayOfWeek
+            );
           })
         ] }),
-        t.weeks.map((s, c) => /* @__PURE__ */ v("div", { "data-rsv": "daygrid-week", role: "row", children: [
-          u && /* @__PURE__ */ n("div", { "data-rsv": "daygrid-weeknum", role: "rowheader", children: s.weekNumber }),
-          s.days.map((h) => /* @__PURE__ */ n(St, { api: a, cell: h, options: r }, l.toISOString(h.date)))
-        ] }, c))
+        t.weeks.map((c, l) => /* @__PURE__ */ g("div", { "data-rsv": "daygrid-week", role: "row", children: [
+          u && /* @__PURE__ */ d("div", { "data-rsv": "daygrid-weeknum", role: "rowheader", children: c.weekNumber }),
+          c.days.map((f) => /* @__PURE__ */ d(
+            _t,
+            {
+              api: r,
+              cell: f,
+              options: e,
+              view: o
+            },
+            s.toISOString(f.date)
+          ))
+        ] }, l))
       ]
     }
   );
 }
-function St({
-  api: a,
+function _t({
+  api: r,
   cell: t,
-  options: r
+  options: e,
+  view: n
 }) {
-  var p;
-  const e = l.toDate(t.date), o = l.dayOfMonth(t.date), i = r.navLinks ? /* @__PURE__ */ n(
+  var p, m, S;
+  const o = s.toDate(t.date), a = s.dayOfMonth(t.date), h = e.navLinks ? /* @__PURE__ */ d(
     "a",
     {
       "data-rsv": "day-number",
       "data-nav-link": "true",
       role: "link",
       tabIndex: 0,
-      onClick: (y) => {
-        y.stopPropagation(), J(a, t.date);
+      title: R(e.locale).navLinkHint(
+        new Intl.DateTimeFormat(e.locale, { dateStyle: "long" }).format(o)
+      ),
+      onClick: (i) => {
+        i.stopPropagation(), st(r, t.date);
       },
-      children: o
+      children: a
     }
-  ) : /* @__PURE__ */ n("span", { "data-rsv": "day-number", children: o }), u = x(
-    (p = r.slots) == null ? void 0 : p.dayCellContent,
-    { date: e, dayNumber: o, isToday: t.isToday, isOther: t.isOther },
-    i
-  ), [d, s] = R(!1), c = l.toISOString(t.date), h = F(!1), g = () => {
-    if (h.current) {
-      h.current = !1;
+  ) : /* @__PURE__ */ d("span", { "data-rsv": "day-number", children: a }), u = { date: o, dayNumber: a, isToday: t.isToday, isOther: t.isOther, view: n }, v = L(
+    (p = e.slots) == null ? void 0 : p.dayCellContent,
+    u,
+    h,
+    e.hostBridge
+  ), [c, l] = N(!1), f = s.toISOString(t.date), b = $(!1), k = () => {
+    if (b.current) {
+      b.current = !1;
       return;
     }
-    a.trigger("dateClick", { date: t.date }), r.selectable && a.select(c, l.toISOString(l.add(t.date, { days: 1 })));
-  }, f = (y) => {
-    y.stopPropagation(), s(!0), a.trigger("moreLinkClick", {
+    r.trigger("dateClick", { date: t.date }), e.selectable && r.select(f, s.toISOString(s.add(t.date, { days: 1 })));
+  }, w = (i) => {
+    i.stopPropagation(), l(!0), r.trigger("moreLinkClick", {
       date: t.date,
       allEvents: [...t.events, ...t.hiddenEvents],
       hiddenEvents: t.hiddenEvents
     });
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ g(
     "div",
     {
       "data-rsv": "day",
       role: "gridcell",
-      "data-date": c,
+      "data-date": f,
       "data-today": String(t.isToday),
       "data-other": String(t.isOther),
       "data-weekend": String(t.isWeekend),
       "data-business": String(t.isBusiness),
       "data-selected": String(t.isSelected),
-      onClick: g,
-      onPointerDown: r.selectable ? (y) => Ct(y, {
-        api: a,
-        startDate: c,
+      class: F((m = e.classNames) == null ? void 0 : m.day),
+      ref: (i) => {
+        var D;
+        return A(i, (D = e.hooks) == null ? void 0 : D.dayCellDidMount, () => u);
+      },
+      onClick: k,
+      onPointerDown: e.selectable ? (i) => Bt(i, {
+        api: r,
+        startDate: f,
         onRangeSelect: () => {
-          h.current = !0;
+          b.current = !0;
         }
       }) : void 0,
       children: [
-        u,
-        t.events.filter((y) => y.display !== "none").map((y) => /* @__PURE__ */ n(
-          et,
+        v,
+        t.events.filter((i) => i.display !== "none").map((i) => /* @__PURE__ */ d(
+          vt,
           {
-            api: a,
-            event: y,
-            options: r,
-            sourceDate: c
+            api: r,
+            event: i,
+            options: e,
+            view: n,
+            sourceDate: f
           },
-          y.id
+          i.id
         )),
-        t.moreCount > 0 && /* @__PURE__ */ v("div", { "data-rsv": "more-anchor", children: [
-          /* @__PURE__ */ n("button", { type: "button", "data-rsv": "more-link", onClick: f, children: E(r.locale).more(t.moreCount) }),
-          d && /* @__PURE__ */ n(
-            xt,
+        t.moreCount > 0 && /* @__PURE__ */ g("div", { "data-rsv": "more-anchor", children: [
+          /* @__PURE__ */ d("button", { type: "button", "data-rsv": "more-link", onClick: w, children: L(
+            (S = e.slots) == null ? void 0 : S.moreLinkContent,
             {
-              api: a,
+              date: o,
+              moreCount: t.moreCount,
+              allEvents: [...t.events, ...t.hiddenEvents],
+              hiddenEvents: t.hiddenEvents,
+              view: n
+            },
+            R(e.locale).more(t.moreCount),
+            e.hostBridge
+          ) }),
+          c && /* @__PURE__ */ d(
+            jt,
+            {
+              api: r,
               cell: t,
-              options: r,
-              onClose: () => s(!1)
+              options: e,
+              view: n,
+              onClose: () => l(!1)
             }
           )
         ] })
@@ -419,287 +545,463 @@ function St({
     }
   );
 }
-function xt({
-  api: a,
+function jt({
+  api: r,
   cell: t,
-  options: r,
-  onClose: e
+  options: e,
+  view: n,
+  onClose: o
 }) {
-  const o = F(null), i = new Intl.DateTimeFormat(r.locale ?? "en", {
+  const a = $(null), h = new Intl.DateTimeFormat(e.locale ?? "en", {
     weekday: "long",
     day: "numeric",
     month: "long"
-  }), u = [...t.events, ...t.hiddenEvents].filter((d) => d.display !== "none");
-  return q(() => {
-    const d = (c) => {
-      o.current && !o.current.contains(c.target) && e();
-    }, s = (c) => {
-      c.key === "Escape" && e();
+  }), u = [...t.events, ...t.hiddenEvents].filter((v) => v.display !== "none");
+  return H(() => {
+    const v = (l) => {
+      a.current && !a.current.contains(l.target) && o();
+    }, c = (l) => {
+      l.key === "Escape" && o();
     };
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", s), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", s);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", c);
     };
-  }, [e]), /* @__PURE__ */ v("div", { "data-rsv": "more-popover", role: "dialog", ref: o, onClick: (d) => d.stopPropagation(), children: [
-    /* @__PURE__ */ v("div", { "data-rsv": "more-popover-header", children: [
-      /* @__PURE__ */ n("span", { "data-rsv": "more-popover-title", children: i.format(l.toDate(t.date)) }),
-      /* @__PURE__ */ n("button", { type: "button", "data-rsv": "more-popover-close", "aria-label": "✕", onClick: e, children: "✕" })
+  }, [o]), /* @__PURE__ */ g("div", { "data-rsv": "more-popover", role: "dialog", ref: a, onClick: (v) => v.stopPropagation(), children: [
+    /* @__PURE__ */ g("div", { "data-rsv": "more-popover-header", children: [
+      /* @__PURE__ */ d("span", { "data-rsv": "more-popover-title", children: h.format(s.toDate(t.date)) }),
+      /* @__PURE__ */ d("button", { type: "button", "data-rsv": "more-popover-close", "aria-label": "✕", onClick: o, children: "✕" })
     ] }),
-    /* @__PURE__ */ n("div", { "data-rsv": "more-popover-body", children: u.map((d) => /* @__PURE__ */ n(
-      et,
+    /* @__PURE__ */ d("div", { "data-rsv": "more-popover-body", children: u.map((v) => /* @__PURE__ */ d(
+      vt,
       {
-        api: a,
-        event: d,
-        options: r,
-        sourceDate: l.toISOString(t.date)
+        api: r,
+        event: v,
+        options: e,
+        view: n,
+        sourceDate: s.toISOString(t.date)
       },
-      d.id
+      v.id
     )) })
   ] });
 }
-function et({
-  api: a,
+function vt({
+  api: r,
   event: t,
-  options: r,
-  sourceDate: e
+  options: e,
+  view: n,
+  sourceDate: o
 }) {
-  var s;
-  const o = r.editable === !0 && t.editable !== !1, i = F(!1), u = t.allDay ? "" : l.format(t.start, "HH:mm"), d = x(
-    (s = r.slots) == null ? void 0 : s.eventContent,
-    { event: t, isAllDay: t.allDay, timeText: u },
-    /* @__PURE__ */ v("span", { "data-rsv": "event-title", children: [
-      u ? `${u} ` : "",
+  var b, k;
+  const a = e.editable === !0 && t.editable !== !1, h = r.selectedEventIds.value.has(t.id), u = $(!1), v = X(e.locale ?? "en", e.eventTimeFormat), c = t.allDay ? "" : v ? v(s.toDate(t.start)) : s.format(t.start, "HH:mm"), l = { event: t, isAllDay: t.allDay, timeText: c, view: n }, f = L(
+    (b = e.slots) == null ? void 0 : b.eventContent,
+    l,
+    /* @__PURE__ */ g("span", { "data-rsv": "event-title", children: [
+      c ? `${c} ` : "",
       t.title
-    ] })
+    ] }),
+    e.hostBridge
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-rsv": "event",
       role: "button",
       tabIndex: 0,
-      class: $(...t.classNames),
+      class: F((k = e.classNames) == null ? void 0 : k.event, ...t.classNames),
       "data-all-day": String(t.allDay),
       "data-display": t.display,
       "data-event-id": t.id,
-      "data-editable": String(o),
-      style: `--rsv-event-bg:${t.backgroundColor};--rsv-event-fg:${t.textColor}`,
-      onClick: (c) => {
-        if (c.stopPropagation(), i.current) {
-          i.current = !1;
+      "data-editable": String(a),
+      "data-rsv-selected": String(h),
+      ref: (w) => {
+        var p;
+        return A(w, (p = e.hooks) == null ? void 0 : p.eventDidMount, () => l);
+      },
+      style: `--rsv-event-bg:${t.backgroundColor};--rsv-event-fg:${t.textColor};--rsv-event-border:${t.borderColor}`,
+      onClick: (w) => {
+        if (w.stopPropagation(), u.current) {
+          u.current = !1;
+          return;
+        }
+        if (w.ctrlKey || w.metaKey) {
+          r.toggleEventSelection(t.id);
           return;
         }
-        a.trigger("eventClick", { event: t }), t.url && window.open(t.url, "_self");
+        r.trigger("eventClick", { event: t, el: w.currentTarget }), t.url && window.open(t.url, "_self");
       },
-      onPointerDown: o ? (c) => kt(c, {
-        api: a,
+      onPointerDown: a ? (w) => Gt(w, {
+        api: r,
         event: t,
-        sourceDate: e,
+        sourceDate: o,
         onMoved: () => {
-          i.current = !0;
+          u.current = !0;
         }
       }) : void 0,
-      onKeyDown: o ? (c) => Q(c, { api: a, event: t, kind: "dayGrid" }) : void 0,
-      children: d
+      onKeyDown: a ? (w) => lt(w, {
+        api: r,
+        event: t,
+        kind: "dayGrid",
+        shortcuts: e.keyboardShortcuts
+      }) : void 0,
+      children: f
     }
   );
 }
-function G(a, t) {
-  a.preventDefault(), a.stopPropagation();
-  const { api: r, event: e, model: o, columnEl: i, snap: u = "00:15", edge: d } = t, s = i.getBoundingClientRect(), c = o.maxMinutes - o.minMinutes, h = s.height === 0 ? 0 : s.height / c, g = a.clientY, f = (p) => {
-    document.removeEventListener("pointerup", f);
-    const y = lt(p.clientY - g, h, u);
-    if (y === 0) return;
-    const w = d ? ct(e.start, e.end, d, y, l) : A(e.start, e.end, y, l);
-    if (r.moveEvent(e.id, w.start, w.end)) {
-      const D = r.getEventById(e.id);
-      D && r.trigger(d ? "eventResize" : "eventDrop", { event: D });
+const j = 40, it = 16, Kt = {
+  update() {
+  },
+  getScrolled: () => 0,
+  stop() {
+  }
+};
+function mt(r) {
+  if (!r) return Kt;
+  let t = 0, e = 0, n = 0;
+  const o = () => {
+    const a = r.getBoundingClientRect();
+    let h = 0;
+    if (t < a.top + j ? h = -it * (1 - Math.max(0, t - a.top) / j) : t > a.bottom - j && (h = it * (1 - Math.max(0, a.bottom - t) / j)), h !== 0) {
+      const u = r.scrollTop;
+      r.scrollTop += h, e += r.scrollTop - u;
+    }
+    n = requestAnimationFrame(o);
+  };
+  return n = requestAnimationFrame(o), {
+    update(a) {
+      t = a;
+    },
+    getScrolled: () => e,
+    stop() {
+      cancelAnimationFrame(n);
+    }
+  };
+}
+function ht(r) {
+  return r.closest('[data-rsv="tg-body"]');
+}
+function q(r, t) {
+  r.preventDefault(), r.stopPropagation();
+  const { api: e, event: n, model: o, columnEl: a, snap: h = "00:15", edge: u } = t, v = a.getBoundingClientRect(), c = o.maxMinutes - o.minMinutes, l = v.height === 0 ? 0 : v.height / c, f = r.clientY, b = mt(ht(a));
+  b.update(r.clientY);
+  const k = (p) => {
+    b.update(p.clientY);
+  }, w = (p) => {
+    document.removeEventListener("pointermove", k), document.removeEventListener("pointerup", w), b.stop();
+    const m = wt(p.clientY - f + b.getScrolled(), l, h);
+    if (m === 0) return;
+    const S = u ? kt(n.start, n.end, u, m, s) : J(n.start, n.end, m, s);
+    if (e.moveEvent(n.id, S.start, S.end)) {
+      const i = e.getEventById(n.id);
+      i && e.trigger(u ? "eventResize" : "eventDrop", { event: i });
     }
   };
-  document.addEventListener("pointerup", f);
-}
-function Mt(a, t) {
-  if (a.target.closest('[data-rsv="event"]')) return;
-  const { api: r, date: e, model: o, columnEl: i, snap: u = "00:15" } = t, d = i.getBoundingClientRect(), s = o.maxMinutes - o.minMinutes, c = d.height === 0 ? 0 : d.height / s, h = z(u) || 15, g = (k) => {
-    const S = o.minMinutes + (c === 0 ? 0 : (k - d.top) / c), M = Math.max(o.minMinutes, Math.min(o.maxMinutes, S));
-    return Math.round(M / h) * h;
-  }, f = g(a.clientY);
-  let p = f, y = !1;
-  const w = (k) => {
-    const S = g(k.clientY);
-    S !== f && (y = !0), p = S;
-  }, D = () => {
-    if (document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", D), !y) return;
-    const k = Math.min(f, p), S = Math.max(f, p), M = l.startOf(e, "day");
-    r.select(
-      l.toISOString(l.add(M, { minutes: k })),
-      l.toISOString(l.add(M, { minutes: S }))
+  document.addEventListener("pointermove", k), document.addEventListener("pointerup", w);
+}
+function Ut(r, t) {
+  if (r.target.closest('[data-rsv="event"]')) return;
+  const { api: e, date: n, model: o, columnEl: a, snap: h = "00:15" } = t, u = o.maxMinutes - o.minMinutes, v = K(h) || 15, c = (m) => {
+    const S = a.getBoundingClientRect(), i = S.height === 0 ? 0 : S.height / u, D = o.minMinutes + (i === 0 ? 0 : (m - S.top) / i), C = Math.max(o.minMinutes, Math.min(o.maxMinutes, D));
+    return Math.round(C / v) * v;
+  }, l = c(r.clientY);
+  let f = l, b = !1;
+  const k = mt(ht(a));
+  k.update(r.clientY);
+  const w = (m) => {
+    var i;
+    k.update(m.clientY);
+    const S = c(m.clientY);
+    S !== l && (b = !0), f = S, b && ((i = t.onPreview) == null || i.call(t, {
+      startMin: Math.min(l, f),
+      endMin: Math.max(l, f)
+    }));
+  }, p = () => {
+    var D;
+    if (document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", p), k.stop(), (D = t.onPreview) == null || D.call(t, null), !b) return;
+    const m = Math.min(l, f), S = Math.max(l, f), i = s.startOf(n, "day");
+    e.select(
+      s.toISOString(s.add(i, { minutes: m })),
+      s.toISOString(s.add(i, { minutes: S }))
     );
   };
-  document.addEventListener("pointermove", w), document.addEventListener("pointerup", D);
-}
-function Et({ api: a, model: t, options: r }) {
-  const e = r.locale ?? "en", o = new Intl.DateTimeFormat(e, { weekday: "short", day: "numeric" }), i = r.allDaySlot !== !1, u = `calc(var(--spacing-rsv-slot, 2.5rem) * ${t.slots.length})`;
-  return /* @__PURE__ */ v("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${t.days.length}`, children: [
-    /* @__PURE__ */ v("div", { "data-rsv": "tg-header", role: "row", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-corner" }),
-      t.days.map((d) => /* @__PURE__ */ n(
-        "div",
-        {
-          "data-rsv": "tg-col-header",
-          role: "columnheader",
-          "data-today": String(d.isToday),
-          "data-nav-link": r.navLinks ? "true" : void 0,
-          onClick: r.navLinks ? () => J(a, d.date) : void 0,
-          children: o.format(l.toDate(d.date))
-        },
-        l.toISOString(d.date)
-      ))
+  document.addEventListener("pointermove", w), document.addEventListener("pointerup", p);
+}
+function Wt({ api: r, model: t, options: e }) {
+  const n = e.locale ?? "en", o = { type: r.getView().type }, a = W(n, e.dayHeaderFormat, {
+    weekday: "short",
+    day: "numeric"
+  }), h = X(n, e.slotLabelFormat), u = e.allDaySlot !== !1, v = `calc(var(--spacing-rsv-slot, 2.5rem) * ${t.slots.length})`, c = t.maxMinutes - t.minMinutes, l = K(e.snapDuration ?? e.slotDuration ?? "00:15") || 15, f = $(null), b = $(t);
+  b.current = t;
+  const [k, w] = N(null);
+  H(() => {
+    const i = f.current;
+    if (!i) return;
+    const D = {
+      scrollToTime(C) {
+        const M = b.current, E = M.maxMinutes - M.minMinutes, x = i.scrollHeight;
+        if (E <= 0 || x <= 0) return;
+        const P = (Math.max(M.minMinutes, Math.min(M.maxMinutes, K(C))) - M.minMinutes) / E * x;
+        i.scrollTop = Math.max(0, Math.min(P, x - i.clientHeight));
+      },
+      getScrollTime() {
+        const C = b.current, M = C.maxMinutes - C.minMinutes, E = i.scrollHeight;
+        return M <= 0 || E <= 0 ? null : At(C.minMinutes + i.scrollTop / E * M);
+      }
+    };
+    return r.setViewAdapter(D), () => r.setViewAdapter(null);
+  }, [r]);
+  const p = e.scrollTime;
+  H(() => {
+    if (!p) return;
+    let i = 0;
+    const D = requestAnimationFrame(() => {
+      i = requestAnimationFrame(() => r.scrollToTime(p));
+    });
+    return () => {
+      cancelAnimationFrame(D), cancelAnimationFrame(i);
+    };
+  }, [r]);
+  const m = (i, D) => {
+    const C = i.getBoundingClientRect();
+    if (C.height === 0 || c <= 0) return t.minMinutes;
+    const M = (D - C.top) / C.height * c, E = Math.floor(Math.max(0, Math.min(c, M)) / l) * l;
+    return t.minMinutes + E;
+  }, S = t.days[0];
+  return /* @__PURE__ */ g("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${t.days.length}`, children: [
+    /* @__PURE__ */ g("div", { "data-rsv": "tg-header", role: "row", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "tg-axis-corner" }),
+      t.days.map((i) => {
+        var E, x;
+        const D = s.toDate(i.date), C = a ? a(D) : "", M = {
+          date: D,
+          text: C,
+          dayOfWeek: s.dayOfWeek(i.date),
+          dayNumber: s.dayOfMonth(i.date),
+          isToday: i.isToday,
+          view: o
+        };
+        return /* @__PURE__ */ d(
+          "div",
+          {
+            "data-rsv": "tg-col-header",
+            role: "columnheader",
+            "data-today": String(i.isToday),
+            "data-date": s.toISOString(i.date),
+            "data-nav-link": e.navLinks ? "true" : void 0,
+            class: F((E = e.classNames) == null ? void 0 : E.dayHeader),
+            ref: (I) => {
+              var P;
+              return A(I, (P = e.hooks) == null ? void 0 : P.dayHeaderDidMount, () => M);
+            },
+            onClick: e.navLinks ? () => st(r, i.date) : void 0,
+            children: L((x = e.slots) == null ? void 0 : x.dayHeaderContent, M, C, e.hostBridge)
+          },
+          s.toISOString(i.date)
+        );
+      })
     ] }),
-    i && /* @__PURE__ */ v("div", { "data-rsv": "tg-allday", role: "row", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-label", children: E(r.locale).allDay }),
-      t.days.map((d) => /* @__PURE__ */ n("div", { "data-rsv": "tg-allday-cell", children: d.allDayEvents.filter((s) => s.display !== "none").map((s) => /* @__PURE__ */ n(
+    u && /* @__PURE__ */ g("div", { "data-rsv": "tg-allday", role: "row", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "tg-axis-label", children: R(e.locale).allDay }),
+      t.days.map((i) => /* @__PURE__ */ d(
         "div",
         {
-          "data-rsv": "event",
-          "data-all-day": "true",
-          class: $(...s.classNames),
-          "data-display": s.display,
-          style: `--rsv-event-bg:${s.backgroundColor}`,
-          onClick: () => {
-            a.trigger("eventClick", { event: s }), s.url && window.open(s.url, "_self");
-          },
-          children: s.title
+          "data-rsv": "tg-allday-cell",
+          onClick: () => r.trigger("dateClick", { date: i.date, allDay: !0 }),
+          children: i.allDayEvents.filter((D) => D.display !== "none").map((D) => {
+            var C, M;
+            return /* @__PURE__ */ d(
+              "div",
+              {
+                "data-rsv": "event",
+                "data-all-day": "true",
+                "data-event-id": D.id,
+                class: F((C = e.classNames) == null ? void 0 : C.event, ...D.classNames),
+                "data-display": D.display,
+                style: `--rsv-event-bg:${D.backgroundColor};--rsv-event-fg:${D.textColor};--rsv-event-border:${D.borderColor}`,
+                onClick: (E) => {
+                  E.stopPropagation(), r.trigger("eventClick", { event: D, el: E.currentTarget }), D.url && window.open(D.url, "_self");
+                },
+                children: L(
+                  (M = e.slots) == null ? void 0 : M.eventContent,
+                  { event: D, isAllDay: !0, timeText: "", view: o },
+                  D.title,
+                  e.hostBridge
+                )
+              },
+              D.id
+            );
+          })
         },
-        s.id
-      )) }, l.toISOString(d.date)))
+        s.toISOString(i.date)
+      ))
     ] }),
-    /* @__PURE__ */ v("div", { "data-rsv": "tg-body", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis", style: `height:${u}`, children: t.slots.map((d) => {
-        var s;
-        return /* @__PURE__ */ n("div", { "data-rsv": "tg-slot", "data-major": String(d.isMajor), children: /* @__PURE__ */ n("span", { "data-rsv": "tg-slot-label", children: x(
-          (s = r.slots) == null ? void 0 : s.slotLabelContent,
-          { text: d.label, minutes: d.offsetMin, isMajor: d.isMajor },
-          d.label
-        ) }) }, d.offsetMin);
+    /* @__PURE__ */ g("div", { "data-rsv": "tg-body", ref: f, children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "tg-axis", style: `height:${v}`, children: t.slots.map((i) => {
+        var E, x;
+        const D = t.minMinutes + i.offsetMin;
+        let C = "";
+        i.isMajor && (C = h && S ? h(s.toDate(s.add(s.startOf(S.date, "day"), { minutes: D }))) : i.label || It(D));
+        const M = { text: C, minutes: D, isMajor: i.isMajor, view: o };
+        return /* @__PURE__ */ d("div", { "data-rsv": "tg-slot", "data-major": String(i.isMajor), children: /* @__PURE__ */ d(
+          "span",
+          {
+            "data-rsv": "tg-slot-label",
+            class: F((E = e.classNames) == null ? void 0 : E.slotLabel),
+            ref: (I) => {
+              var P;
+              return A(I, (P = e.hooks) == null ? void 0 : P.slotLabelDidMount, () => M);
+            },
+            children: L((x = e.slots) == null ? void 0 : x.slotLabelContent, M, C, e.hostBridge)
+          }
+        ) }, i.offsetMin);
       }) }),
-      t.days.map((d, s) => {
-        var c;
-        return /* @__PURE__ */ v(
+      t.days.map((i, D) => {
+        var C;
+        return /* @__PURE__ */ g(
           "div",
           {
             "data-rsv": "tg-col",
-            "data-today": String(d.isToday),
-            style: `height:${u}`,
-            onClick: () => a.trigger("dateClick", { date: d.date }),
-            onPointerDown: r.selectable ? (h) => Mt(h, {
-              api: a,
-              date: d.date,
+            "data-today": String(i.isToday),
+            "data-date": s.toISOString(i.date),
+            style: `height:${v}`,
+            onClick: (M) => {
+              const E = m(M.currentTarget, M.clientY);
+              r.trigger("dateClick", {
+                date: s.add(s.startOf(i.date, "day"), { minutes: E }),
+                allDay: !1
+              });
+            },
+            onPointerDown: e.selectable ? (M) => Ut(M, {
+              api: r,
+              date: i.date,
               model: t,
-              columnEl: h.currentTarget,
-              snap: r.snapDuration ?? r.slotDuration
+              columnEl: M.currentTarget,
+              snap: e.snapDuration ?? e.slotDuration,
+              onPreview: e.selectMirror ? (E) => w(
+                E ? { dayIndex: D, startMin: E.startMin, endMin: E.endMin } : null
+              ) : void 0
             }) : void 0,
             children: [
-              r.businessHours && !d.businessPct && /* @__PURE__ */ n("div", { "data-rsv": "tg-nonbusiness", style: "top:0;height:100%" }),
-              d.businessPct && /* @__PURE__ */ v(ht, { children: [
-                /* @__PURE__ */ n("div", { "data-rsv": "tg-nonbusiness", style: `top:0;height:${d.businessPct.topPct}%` }),
-                /* @__PURE__ */ n(
+              e.businessHours && !i.businessPct && /* @__PURE__ */ d("div", { "data-rsv": "tg-nonbusiness", style: "top:0;height:100%" }),
+              i.businessPct && /* @__PURE__ */ g(Ct, { children: [
+                /* @__PURE__ */ d("div", { "data-rsv": "tg-nonbusiness", style: `top:0;height:${i.businessPct.topPct}%` }),
+                /* @__PURE__ */ d(
                   "div",
                   {
                     "data-rsv": "tg-nonbusiness",
-                    style: `top:${d.businessPct.bottomPct}%;height:${100 - d.businessPct.bottomPct}%`
+                    style: `top:${i.businessPct.bottomPct}%;height:${100 - i.businessPct.bottomPct}%`
                   }
                 )
               ] }),
-              d.timedSegs.filter((h) => h.event.display !== "none").map((h) => /* @__PURE__ */ n(
-                $t,
+              (k == null ? void 0 : k.dayIndex) === D && c > 0 && /* @__PURE__ */ d(
+                "div",
+                {
+                  "data-rsv": "select-mirror",
+                  style: `top:${(k.startMin - t.minMinutes) / c * 100}%;height:${(k.endMin - k.startMin) / c * 100}%`
+                }
+              ),
+              i.timedSegs.filter((M) => M.event.display !== "none").map((M) => /* @__PURE__ */ d(
+                Xt,
                 {
-                  api: a,
-                  seg: h,
+                  api: r,
+                  seg: M,
                   model: t,
-                  options: r
+                  options: e,
+                  view: o
                 },
-                h.event.id
+                M.event.id
               )),
-              ((c = t.nowIndicator) == null ? void 0 : c.dayIndex) === s && /* @__PURE__ */ n("div", { "data-rsv": "now-indicator", style: `top:${t.nowIndicator.topPct}%` })
+              ((C = t.nowIndicator) == null ? void 0 : C.dayIndex) === D && /* @__PURE__ */ d("div", { "data-rsv": "now-indicator", style: `top:${t.nowIndicator.topPct}%` })
             ]
           },
-          l.toISOString(d.date)
+          s.toISOString(i.date)
         );
       })
     ] })
   ] });
 }
-function $t({
-  api: a,
+function Xt({
+  api: r,
   seg: t,
-  model: r,
-  options: e
+  model: e,
+  options: n,
+  view: o
 }) {
-  var h;
-  const { event: o } = t, i = e.editable === !0 && o.editable !== !1, u = 100 / t.colCount, d = l.format(o.start, "HH:mm"), s = x(
-    (h = e.slots) == null ? void 0 : h.eventContent,
-    { event: o, isAllDay: !1, timeText: d },
-    /* @__PURE__ */ v("span", { "data-rsv": "event-title", children: [
-      d,
+  var w, p;
+  const { event: a } = t, h = n.editable === !0 && a.editable !== !1, u = r.selectedEventIds.value.has(a.id), v = 100 / t.colCount, c = X(n.locale ?? "en", n.eventTimeFormat), l = c ? c(s.toDate(a.start)) : s.format(a.start, "HH:mm"), f = { event: a, isAllDay: !1, timeText: l, view: o }, b = L(
+    (w = n.slots) == null ? void 0 : w.eventContent,
+    f,
+    /* @__PURE__ */ g("span", { "data-rsv": "event-title", children: [
+      l,
       " ",
-      o.title
-    ] })
-  ), c = (g) => g.closest('[data-rsv="tg-col"]') ?? g;
-  return /* @__PURE__ */ v(
+      a.title
+    ] }),
+    n.hostBridge
+  ), k = (m) => m.closest('[data-rsv="tg-col"]') ?? m;
+  return /* @__PURE__ */ g(
     "div",
     {
       "data-rsv": "event",
       "data-all-day": "false",
-      "data-display": o.display,
-      "data-event-id": o.id,
-      class: $(...o.classNames),
+      "data-display": a.display,
+      "data-event-id": a.id,
+      "data-rsv-selected": String(u),
+      class: F((p = n.classNames) == null ? void 0 : p.event, ...a.classNames),
       role: "button",
       tabIndex: 0,
-      style: `position:absolute;top:${t.topPct}%;height:${t.heightPct}%;left:${t.col * u}%;width:${u}%;--rsv-event-bg:${o.backgroundColor};--rsv-event-fg:${o.textColor}`,
-      onClick: (g) => {
-        g.stopPropagation(), a.trigger("eventClick", { event: o }), o.url && window.open(o.url, "_self");
+      ref: (m) => {
+        var S;
+        return A(m, (S = n.hooks) == null ? void 0 : S.eventDidMount, () => f);
       },
-      onKeyDown: i ? (g) => Q(g, {
-        api: a,
-        event: o,
+      style: `position:absolute;top:${t.topPct}%;height:${t.heightPct}%;left:${t.col * v}%;width:${v}%;--rsv-event-bg:${a.backgroundColor};--rsv-event-fg:${a.textColor};--rsv-event-border:${a.borderColor}`,
+      onClick: (m) => {
+        if (m.stopPropagation(), m.ctrlKey || m.metaKey) {
+          r.toggleEventSelection(a.id);
+          return;
+        }
+        r.trigger("eventClick", { event: a, el: m.currentTarget }), a.url && window.open(a.url, "_self");
+      },
+      onKeyDown: h ? (m) => lt(m, {
+        api: r,
+        event: a,
         kind: "timeGrid",
-        snap: e.snapDuration ?? e.slotDuration
+        snap: n.snapDuration ?? n.slotDuration,
+        shortcuts: n.keyboardShortcuts
       }) : void 0,
-      onPointerDown: i ? (g) => G(g, {
-        api: a,
-        event: o,
-        model: r,
-        columnEl: c(g.currentTarget),
-        snap: e.snapDuration
+      onPointerDown: h ? (m) => q(m, {
+        api: r,
+        event: a,
+        model: e,
+        columnEl: k(m.currentTarget),
+        snap: n.snapDuration
       }) : void 0,
       children: [
-        i && /* @__PURE__ */ n(
+        h && /* @__PURE__ */ d(
           "span",
           {
             "data-rsv": "resize-handle",
             "data-edge": "start",
-            onPointerDown: (g) => G(g, {
-              api: a,
-              event: o,
-              model: r,
-              columnEl: c(g.currentTarget),
-              snap: e.snapDuration,
+            onPointerDown: (m) => q(m, {
+              api: r,
+              event: a,
+              model: e,
+              columnEl: k(m.currentTarget),
+              snap: n.snapDuration,
               edge: "start"
             })
           }
         ),
-        s,
-        i && /* @__PURE__ */ n(
+        b,
+        h && /* @__PURE__ */ d(
           "span",
           {
             "data-rsv": "resize-handle",
             "data-edge": "end",
-            onPointerDown: (g) => G(g, {
-              api: a,
-              event: o,
-              model: r,
-              columnEl: c(g.currentTarget),
-              snap: e.snapDuration,
+            onPointerDown: (m) => q(m, {
+              api: r,
+              event: a,
+              model: e,
+              columnEl: k(m.currentTarget),
+              snap: n.snapDuration,
               edge: "end"
             })
           }
@@ -708,176 +1010,187 @@ function $t({
     }
   );
 }
-function Tt({ api: a, model: t, options: r }) {
-  const e = r.locale ?? "en", o = E(r.locale), i = new Intl.DateTimeFormat(e, {
+function qt({ api: r, model: t, options: e }) {
+  const n = e.locale ?? "en", o = { type: r.getView().type }, a = R(e.locale), h = W(n, e.listDayFormat, {
     weekday: "long",
     day: "numeric",
     month: "long"
-  });
-  return t.isEmpty ? /* @__PURE__ */ n("div", { "data-rsv": "list", children: /* @__PURE__ */ n("div", { "data-rsv": "list-empty", children: o.noEvents }) }) : /* @__PURE__ */ n("div", { "data-rsv": "list", role: "list", children: t.days.map((u) => /* @__PURE__ */ v("div", { "data-rsv": "list-day", "data-today": String(u.isToday), children: [
-    /* @__PURE__ */ n("div", { "data-rsv": "list-day-header", role: "heading", "aria-level": 3, children: i.format(l.toDate(u.date)) }),
-    u.events.filter((d) => d.display !== "none").map((d) => {
-      var c;
-      const s = d.allDay ? o.allDay : l.format(d.start, "HH:mm");
-      return /* @__PURE__ */ v(
+  }), u = e.listDaySideFormat ? W(n, e.listDaySideFormat, { month: "short", day: "2-digit" }) : null, v = X(n, e.eventTimeFormat);
+  return t.isEmpty ? /* @__PURE__ */ d("div", { "data-rsv": "list", children: /* @__PURE__ */ d("div", { "data-rsv": "list-empty", children: a.noEvents }) }) : /* @__PURE__ */ d("div", { "data-rsv": "list", role: "list", children: t.days.map((c) => /* @__PURE__ */ g("div", { "data-rsv": "list-day", "data-today": String(c.isToday), children: [
+    /* @__PURE__ */ g("div", { "data-rsv": "list-day-header", role: "heading", "aria-level": 3, children: [
+      /* @__PURE__ */ d("span", { "data-rsv": "list-day-text", children: h ? h(s.toDate(c.date)) : "" }),
+      u && /* @__PURE__ */ d("span", { "data-rsv": "list-day-side-text", children: u(s.toDate(c.date)) })
+    ] }),
+    c.events.filter((l) => l.display !== "none").map((l) => {
+      var k, w;
+      const f = l.allDay ? a.allDay : v ? v(s.toDate(l.start)) : s.format(l.start, "HH:mm"), b = { event: l, isAllDay: l.allDay, timeText: f, view: o };
+      return /* @__PURE__ */ g(
         "div",
         {
           "data-rsv": "list-item",
           role: "listitem",
           tabIndex: 0,
-          class: $(...d.classNames),
-          "data-display": d.display,
-          onClick: () => {
-            a.trigger("eventClick", { event: d }), d.url && window.open(d.url, "_self");
+          "data-event-id": l.id,
+          class: F((k = e.classNames) == null ? void 0 : k.event, ...l.classNames),
+          "data-display": l.display,
+          ref: (p) => {
+            var m;
+            return A(p, (m = e.hooks) == null ? void 0 : m.eventDidMount, () => b);
+          },
+          style: `--rsv-event-bg:${l.backgroundColor};--rsv-event-fg:${l.textColor};--rsv-event-border:${l.borderColor}`,
+          onClick: (p) => {
+            r.trigger("eventClick", { event: l, el: p.currentTarget }), l.url && window.open(l.url, "_self");
           },
           children: [
-            /* @__PURE__ */ n("span", { "data-rsv": "list-item-time", children: s }),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ d("span", { "data-rsv": "list-item-time", children: f }),
+            /* @__PURE__ */ d(
               "span",
               {
                 "data-rsv": "list-item-dot",
-                style: `--rsv-event-bg:${d.backgroundColor}`
+                style: `--rsv-event-bg:${l.backgroundColor}`
               }
             ),
-            /* @__PURE__ */ n("span", { "data-rsv": "list-item-title", children: x(
-              (c = r.slots) == null ? void 0 : c.eventContent,
-              { event: d, isAllDay: d.allDay, timeText: s },
-              d.title
+            /* @__PURE__ */ d("div", { "data-rsv": "list-item-title", children: L(
+              (w = e.slots) == null ? void 0 : w.eventContent,
+              b,
+              l.title,
+              e.hostBridge
             ) })
           ]
         },
-        d.id
+        l.id
       );
     })
-  ] }, l.toISOString(u.date))) });
-}
-function Pt({ api: a, model: t, options: r }) {
-  const e = r.locale ?? "en", o = new Intl.DateTimeFormat(e, { month: "long" });
-  return /* @__PURE__ */ n("div", { "data-rsv": "multimonth", children: t.months.map((i) => /* @__PURE__ */ v("section", { "data-rsv": "mm-month", children: [
-    /* @__PURE__ */ n("header", { "data-rsv": "mm-title", children: o.format(l.toDate(i.date)) }),
-    /* @__PURE__ */ n(tt, { api: a, model: i.dayGrid, options: r })
-  ] }, l.toISOString(i.date))) });
-}
-const Y = 1.6;
-function It({ api: a, model: t, options: r }) {
-  return /* @__PURE__ */ v("div", { "data-rsv": "timeline", children: [
-    /* @__PURE__ */ n("div", { "data-rsv": "tl-axis", role: "row", children: t.slots.map((e) => /* @__PURE__ */ n("div", { "data-rsv": "tl-slot", style: `left:${e.leftPct}%`, children: e.label }, e.leftPct)) }),
-    /* @__PURE__ */ n("div", { "data-rsv": "tl-body", style: `height:${t.laneCount * Y + 0.5}rem`, children: t.segs.map((e) => /* @__PURE__ */ n(rt, { api: a, seg: e, options: r }, e.event.id)) })
+  ] }, s.toISOString(c.date))) });
+}
+function zt({ api: r, model: t, options: e }) {
+  const n = e.locale ?? "en", o = new Intl.DateTimeFormat(n, { month: "long" });
+  return /* @__PURE__ */ d("div", { "data-rsv": "multimonth", children: t.months.map((a) => /* @__PURE__ */ g("section", { "data-rsv": "mm-month", children: [
+    /* @__PURE__ */ d("header", { "data-rsv": "mm-title", children: o.format(s.toDate(a.date)) }),
+    /* @__PURE__ */ d(ut, { api: r, model: a.dayGrid, options: e })
+  ] }, s.toISOString(a.date))) });
+}
+const z = 1.6;
+function Jt({ api: r, model: t, options: e }) {
+  return /* @__PURE__ */ g("div", { "data-rsv": "timeline", children: [
+    /* @__PURE__ */ d("div", { "data-rsv": "tl-axis", role: "row", children: t.slots.map((n) => /* @__PURE__ */ d("div", { "data-rsv": "tl-slot", style: `left:${n.leftPct}%`, children: n.label }, n.leftPct)) }),
+    /* @__PURE__ */ d("div", { "data-rsv": "tl-body", style: `height:${t.laneCount * z + 0.5}rem`, children: t.segs.map((n) => /* @__PURE__ */ d(gt, { api: r, seg: n, options: e }, n.event.id)) })
   ] });
 }
-function rt({
-  api: a,
+function gt({
+  api: r,
   seg: t,
-  options: r
+  options: e
 }) {
   var o;
-  const { event: e } = t;
-  return /* @__PURE__ */ n(
+  const { event: n } = t;
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-rsv": "event",
-      "data-event-id": e.id,
+      "data-event-id": n.id,
       role: "button",
       tabIndex: 0,
-      style: `position:absolute;left:${t.leftPct}%;width:${t.widthPct}%;top:${t.lane * Y}rem;height:${Y - 0.2}rem;--rsv-event-bg:${e.backgroundColor};--rsv-event-fg:${e.textColor}`,
-      onClick: () => a.trigger("eventClick", { event: e }),
-      children: x(
-        (o = r.slots) == null ? void 0 : o.eventContent,
-        { event: e, isAllDay: e.allDay, timeText: "" },
-        e.title
+      style: `position:absolute;left:${t.leftPct}%;width:${t.widthPct}%;top:${t.lane * z}rem;height:${z - 0.2}rem;--rsv-event-bg:${n.backgroundColor};--rsv-event-fg:${n.textColor};--rsv-event-border:${n.borderColor}`,
+      onClick: (a) => r.trigger("eventClick", { event: n, el: a.currentTarget }),
+      children: L(
+        (o = e.slots) == null ? void 0 : o.eventContent,
+        { event: n, isAllDay: n.allDay, timeText: "", view: { type: r.getView().type } },
+        n.title,
+        e.hostBridge
       )
     }
   );
 }
-const Lt = 1.6;
-function Ot({ api: a, model: t, options: r }) {
-  return /* @__PURE__ */ v("div", { "data-rsv": "resource-timeline", children: [
-    /* @__PURE__ */ v("div", { "data-rsv": "rt-header", role: "row", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "resource-area-header", children: r.locale === "es" ? "Recursos" : "Resources" }),
-      /* @__PURE__ */ n("div", { "data-rsv": "tl-axis", children: t.slots.map((e) => /* @__PURE__ */ n("div", { "data-rsv": "tl-slot", style: `left:${e.leftPct}%`, children: e.label }, e.leftPct)) })
+const Qt = 1.6;
+function Zt({ api: r, model: t, options: e }) {
+  return /* @__PURE__ */ g("div", { "data-rsv": "resource-timeline", children: [
+    /* @__PURE__ */ g("div", { "data-rsv": "rt-header", role: "row", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "resource-area-header", children: e.locale === "es" ? "Recursos" : "Resources" }),
+      /* @__PURE__ */ d("div", { "data-rsv": "tl-axis", children: t.slots.map((n) => /* @__PURE__ */ d("div", { "data-rsv": "tl-slot", style: `left:${n.leftPct}%`, children: n.label }, n.leftPct)) })
     ] }),
-    t.lanes.map((e) => {
-      const o = e.laneCount * Lt + 0.4;
-      return /* @__PURE__ */ v("div", { "data-rsv": "resource-row", role: "row", children: [
-        /* @__PURE__ */ v(
+    t.lanes.map((n) => {
+      const o = n.laneCount * Qt + 0.4;
+      return /* @__PURE__ */ g("div", { "data-rsv": "resource-row", role: "row", children: [
+        /* @__PURE__ */ g(
           "div",
           {
             "data-rsv": "resource-label",
-            style: `padding-inline-start:${0.5 + e.row.depth * 1}rem`,
+            style: `padding-inline-start:${0.5 + n.row.depth * 1}rem`,
             children: [
-              e.row.hasChildren && /* @__PURE__ */ n(
+              n.row.hasChildren && /* @__PURE__ */ d(
                 "button",
                 {
                   type: "button",
                   "data-rsv": "resource-toggle",
-                  "aria-expanded": e.row.expanded,
-                  onClick: () => a.toggleResource(e.row.resource.id),
-                  children: e.row.expanded ? "▾" : "▸"
+                  "aria-expanded": n.row.expanded,
+                  onClick: () => r.toggleResource(n.row.resource.id),
+                  children: n.row.expanded ? "▾" : "▸"
                 }
               ),
-              /* @__PURE__ */ n("span", { "data-rsv": "resource-title", children: e.row.resource.title })
+              /* @__PURE__ */ d("span", { "data-rsv": "resource-title", children: n.row.resource.title })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { "data-rsv": "resource-lane", style: `height:${o}rem`, children: e.segs.map((i) => /* @__PURE__ */ n(rt, { api: a, seg: i, options: r }, i.event.id)) })
-      ] }, e.row.resource.id);
+        /* @__PURE__ */ d("div", { "data-rsv": "resource-lane", style: `height:${o}rem`, children: n.segs.map((a) => /* @__PURE__ */ d(gt, { api: r, seg: a, options: e }, a.event.id)) })
+      ] }, n.row.resource.id);
     })
   ] });
 }
-function Rt({ api: a, model: t, options: r }) {
-  const e = `calc(var(--spacing-rsv-slot, 2.5rem) * ${t.slots.length})`;
-  return /* @__PURE__ */ v("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${t.columns.length}`, children: [
-    /* @__PURE__ */ v("div", { "data-rsv": "tg-header", role: "row", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-corner" }),
-      t.columns.map((o) => /* @__PURE__ */ n("div", { "data-rsv": "tg-col-header", role: "columnheader", children: o.row.resource.title }, o.row.resource.id))
+function te({ api: r, model: t, options: e }) {
+  const n = `calc(var(--spacing-rsv-slot, 2.5rem) * ${t.slots.length})`;
+  return /* @__PURE__ */ g("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${t.columns.length}`, children: [
+    /* @__PURE__ */ g("div", { "data-rsv": "tg-header", role: "row", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "tg-axis-corner" }),
+      t.columns.map((o) => /* @__PURE__ */ d("div", { "data-rsv": "tg-col-header", role: "columnheader", children: o.row.resource.title }, o.row.resource.id))
     ] }),
-    /* @__PURE__ */ v("div", { "data-rsv": "tg-allday", role: "row", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-label", children: E(r.locale).allDay }),
-      t.columns.map((o) => /* @__PURE__ */ n("div", { "data-rsv": "tg-allday-cell", children: o.allDayEvents.map((i) => /* @__PURE__ */ n(
+    /* @__PURE__ */ g("div", { "data-rsv": "tg-allday", role: "row", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "tg-axis-label", children: R(e.locale).allDay }),
+      t.columns.map((o) => /* @__PURE__ */ d("div", { "data-rsv": "tg-allday-cell", children: o.allDayEvents.map((a) => /* @__PURE__ */ d(
         "div",
         {
           "data-rsv": "event",
           "data-all-day": "true",
-          style: `--rsv-event-bg:${i.backgroundColor}`,
-          onClick: () => a.trigger("eventClick", { event: i }),
-          children: i.title
+          style: `--rsv-event-bg:${a.backgroundColor}`,
+          onClick: (h) => r.trigger("eventClick", { event: a, el: h.currentTarget }),
+          children: a.title
         },
-        i.id
+        a.id
       )) }, o.row.resource.id))
     ] }),
-    /* @__PURE__ */ v("div", { "data-rsv": "tg-body", children: [
-      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis", style: `height:${e}`, children: t.slots.map((o) => /* @__PURE__ */ n("div", { "data-rsv": "tg-slot", "data-major": String(o.isMajor), children: /* @__PURE__ */ n("span", { "data-rsv": "tg-slot-label", children: o.label }) }, o.offsetMin)) }),
-      t.columns.map((o) => /* @__PURE__ */ v(
+    /* @__PURE__ */ g("div", { "data-rsv": "tg-body", children: [
+      /* @__PURE__ */ d("div", { "data-rsv": "tg-axis", style: `height:${n}`, children: t.slots.map((o) => /* @__PURE__ */ d("div", { "data-rsv": "tg-slot", "data-major": String(o.isMajor), children: /* @__PURE__ */ d("span", { "data-rsv": "tg-slot-label", children: o.label }) }, o.offsetMin)) }),
+      t.columns.map((o) => /* @__PURE__ */ g(
         "div",
         {
           "data-rsv": "tg-col",
           "data-rsv-resource-id": o.row.resource.id,
-          style: `height:${e}`,
+          style: `height:${n}`,
           children: [
-            o.timedSegs.map((i) => {
-              const u = 100 / i.colCount;
-              return /* @__PURE__ */ v(
+            o.timedSegs.map((a) => {
+              const h = 100 / a.colCount;
+              return /* @__PURE__ */ g(
                 "div",
                 {
                   "data-rsv": "event",
                   "data-all-day": "false",
-                  "data-event-id": i.event.id,
+                  "data-event-id": a.event.id,
                   role: "button",
                   tabIndex: 0,
-                  style: `position:absolute;top:${i.topPct}%;height:${i.heightPct}%;left:${i.col * u}%;width:${u}%;--rsv-event-bg:${i.event.backgroundColor};--rsv-event-fg:${i.event.textColor}`,
-                  onClick: (d) => {
-                    d.stopPropagation(), a.trigger("eventClick", { event: i.event });
+                  style: `position:absolute;top:${a.topPct}%;height:${a.heightPct}%;left:${a.col * h}%;width:${h}%;--rsv-event-bg:${a.event.backgroundColor};--rsv-event-fg:${a.event.textColor}`,
+                  onClick: (u) => {
+                    u.stopPropagation(), r.trigger("eventClick", { event: a.event });
                   },
                   children: [
-                    l.format(i.event.start, "HH:mm"),
+                    s.format(a.event.start, "HH:mm"),
                     " ",
-                    i.event.title
+                    a.event.title
                   ]
                 },
-                i.event.id
+                a.event.id
               );
             }),
-            t.nowTopPct != null && /* @__PURE__ */ n("div", { "data-rsv": "now-indicator", style: `top:${t.nowTopPct}%` })
+            t.nowTopPct != null && /* @__PURE__ */ d("div", { "data-rsv": "now-indicator", style: `top:${t.nowTopPct}%` })
           ]
         },
         o.row.resource.id
@@ -885,99 +1198,205 @@ function Rt({ api: a, model: t, options: r }) {
     ] })
   ] });
 }
-function Ft({ api: a, model: t }) {
-  return /* @__PURE__ */ v("div", { "data-rsv": "resource-daygrid", style: `--rsv-rdg-cols:${t.columns.length}`, children: [
-    /* @__PURE__ */ n("div", { "data-rsv": "rdg-header", role: "row", children: t.columns.map((r) => /* @__PURE__ */ n("div", { "data-rsv": "rdg-col-header", role: "columnheader", children: r.row.resource.title }, r.row.resource.id)) }),
-    /* @__PURE__ */ n("div", { "data-rsv": "rdg-body", role: "row", children: t.columns.map((r) => /* @__PURE__ */ n(
+function ee({ api: r, model: t }) {
+  return /* @__PURE__ */ g("div", { "data-rsv": "resource-daygrid", style: `--rsv-rdg-cols:${t.columns.length}`, children: [
+    /* @__PURE__ */ d("div", { "data-rsv": "rdg-header", role: "row", children: t.columns.map((e) => /* @__PURE__ */ d("div", { "data-rsv": "rdg-col-header", role: "columnheader", children: e.row.resource.title }, e.row.resource.id)) }),
+    /* @__PURE__ */ d("div", { "data-rsv": "rdg-body", role: "row", children: t.columns.map((e) => /* @__PURE__ */ d(
       "div",
       {
         "data-rsv": "rdg-col",
-        "data-rsv-resource-id": r.row.resource.id,
-        children: r.events.map((e) => /* @__PURE__ */ v(
+        "data-rsv-resource-id": e.row.resource.id,
+        children: e.events.map((n) => /* @__PURE__ */ g(
           "div",
           {
             "data-rsv": "event",
-            "data-all-day": String(e.allDay),
-            "data-event-id": e.id,
+            "data-all-day": String(n.allDay),
+            "data-event-id": n.id,
             role: "button",
             tabIndex: 0,
-            style: `--rsv-event-bg:${e.backgroundColor};--rsv-event-fg:${e.textColor}`,
-            onClick: () => a.trigger("eventClick", { event: e }),
+            style: `--rsv-event-bg:${n.backgroundColor};--rsv-event-fg:${n.textColor};--rsv-event-border:${n.borderColor}`,
+            onClick: (o) => r.trigger("eventClick", { event: n, el: o.currentTarget }),
             children: [
-              e.allDay ? "" : l.format(e.start, "HH:mm") + " ",
-              e.title
+              n.allDay ? "" : s.format(n.start, "HH:mm") + " ",
+              n.title
             ]
           },
-          e.id
+          n.id
         ))
       },
-      r.row.resource.id
+      e.row.resource.id
     )) })
   ] });
 }
-function Gt({ api: a, options: t }) {
-  var i;
-  const r = a.viewModel.value, e = t.direction ?? E(t.locale).direction, o = t.themeTokens ? vt(t.themeTokens) : void 0;
-  return /* @__PURE__ */ v(
+function re({ api: r, model: t, options: e }) {
+  return /* @__PURE__ */ d("div", { "data-rsv": "resource-daygrid-month", style: `--rsv-rdgm-cols:${t.columnCount}`, children: t.weeks.map((n, o) => /* @__PURE__ */ d("div", { "data-rsv": "rdgm-week", role: "row", children: n.days.map((a) => /* @__PURE__ */ d(
+    ne,
+    {
+      api: r,
+      cell: a,
+      options: e
+    },
+    s.toISOString(a.date)
+  )) }, `week-${o}`)) });
+}
+function ne({
+  api: r,
+  cell: t,
+  options: e
+}) {
+  const n = s.dayOfMonth(t.date);
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      "data-rsv": "day",
+      role: "gridcell",
+      "data-date": s.toISOString(t.date),
+      "data-today": String(t.isToday),
+      "data-other": String(t.isOther),
+      children: [
+        /* @__PURE__ */ d("span", { "data-rsv": "day-number", children: n }),
+        /* @__PURE__ */ d("div", { "data-rsv": "rdgm-columns", children: t.columns.map((o) => /* @__PURE__ */ g("div", { "data-rsv": "rdgm-col", "data-rsv-resource-id": o.row.resource.id, children: [
+          /* @__PURE__ */ d("span", { "data-rsv": "rdgm-col-label", children: o.row.resource.title }),
+          o.events.map((a) => {
+            const h = r.selectedEventIds.value.has(a.id);
+            return /* @__PURE__ */ g(
+              "div",
+              {
+                "data-rsv": "event",
+                "data-all-day": String(a.allDay),
+                "data-event-id": a.id,
+                "data-rsv-selected": String(h),
+                role: "button",
+                tabIndex: 0,
+                style: `--rsv-event-bg:${a.backgroundColor};--rsv-event-fg:${a.textColor};--rsv-event-border:${a.borderColor}`,
+                onClick: (u) => {
+                  if (u.stopPropagation(), u.ctrlKey || u.metaKey) {
+                    r.toggleEventSelection(a.id);
+                    return;
+                  }
+                  r.trigger("eventClick", { event: a, el: u.currentTarget }), a.url && window.open(a.url, "_self");
+                },
+                children: [
+                  a.allDay ? "" : `${s.format(a.start, "HH:mm")} `,
+                  a.title
+                ]
+              },
+              a.id
+            );
+          }),
+          o.moreCount > 0 && /* @__PURE__ */ d(
+            "span",
+            {
+              "data-rsv": "rdgm-more",
+              onClick: (a) => {
+                a.stopPropagation(), r.trigger("moreLinkClick", {
+                  date: t.date,
+                  allEvents: [...o.events, ...o.hiddenEvents],
+                  hiddenEvents: o.hiddenEvents
+                });
+              },
+              children: R(e.locale).more(o.moreCount)
+            }
+          )
+        ] }, o.row.resource.id)) })
+      ]
+    }
+  );
+}
+function ae({ api: r, options: t }) {
+  var c;
+  const e = r.viewModel.value, n = t.direction ?? R(t.locale).direction, o = r.getEffectiveOption("hourHeight", e.type), a = r.getEffectiveOption("height", e.type), h = [
+    t.themeTokens ? pt(t.themeTokens) : "",
+    o ? `${Dt.slotHeight}:${o}px` : "",
+    a != null && a !== "auto" ? `height:${typeof a == "number" ? `${a}px` : a}` : ""
+  ].filter(Boolean).join(";") || void 0, u = $(null);
+  H(() => (r.setRootEl(u.current), () => r.setRootEl(null)), [r]);
+  const v = $(t.responsiveViews);
+  return v.current = t.responsiveViews, H(() => {
+    const l = u.current;
+    if (!l || typeof ResizeObserver > "u") return;
+    let f = 0;
+    const b = new ResizeObserver((k) => {
+      const w = k[0], p = (w == null ? void 0 : w.contentRect.width) ?? l.clientWidth;
+      cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+        const m = v.current;
+        if (!(m != null && m.length)) return;
+        const S = $t(m, p);
+        S && S !== r.getView().type && r.hasView(S) && r.changeView(S);
+      });
+    });
+    return b.observe(l), () => {
+      cancelAnimationFrame(f), b.disconnect();
+    };
+  }, [r]), /* @__PURE__ */ g(
     "div",
     {
+      ref: u,
       "data-rsv": "root",
-      dir: e,
+      dir: n,
       "data-rsv-theme": t.theme,
-      style: o,
-      class: $((i = t.classNames) == null ? void 0 : i.root),
+      "data-rsv-autoheight": a === "auto" ? "true" : void 0,
+      style: h,
+      class: F((c = t.classNames) == null ? void 0 : c.root),
       children: [
-        t.headerToolbar !== !1 && /* @__PURE__ */ n(bt, { api: a, title: r.title, activeView: r.type, options: t }),
-        /* @__PURE__ */ n("div", { "data-rsv": "view", "data-view": r.type, children: r.dayGrid ? /* @__PURE__ */ n(tt, { api: a, model: r.dayGrid, options: t }) : r.timeGrid ? /* @__PURE__ */ n(Et, { api: a, model: r.timeGrid, options: t }) : r.list ? /* @__PURE__ */ n(Tt, { api: a, model: r.list, options: t }) : r.multiMonth ? /* @__PURE__ */ n(Pt, { api: a, model: r.multiMonth, options: t }) : r.resourceTimeGrid ? /* @__PURE__ */ n(Rt, { api: a, model: r.resourceTimeGrid, options: t }) : r.resourceDayGrid ? /* @__PURE__ */ n(Ft, { api: a, model: r.resourceDayGrid, options: t }) : r.resourceTimeline ? /* @__PURE__ */ n(Ot, { api: a, model: r.resourceTimeline, options: t }) : r.timeline ? /* @__PURE__ */ n(It, { api: a, model: r.timeline, options: t }) : /* @__PURE__ */ v("div", { "data-rsv": "unsupported", children: [
+        t.headerToolbar !== !1 && /* @__PURE__ */ d(Rt, { api: r, title: e.title, activeView: e.type, options: t }),
+        /* @__PURE__ */ d("div", { "data-rsv": "view", "data-view": e.type, children: e.dayGrid ? /* @__PURE__ */ d(ut, { api: r, model: e.dayGrid, options: t }) : e.timeGrid ? /* @__PURE__ */ d(Wt, { api: r, model: e.timeGrid, options: t }) : e.list ? /* @__PURE__ */ d(qt, { api: r, model: e.list, options: t }) : e.multiMonth ? /* @__PURE__ */ d(zt, { api: r, model: e.multiMonth, options: t }) : e.resourceTimeGrid ? /* @__PURE__ */ d(te, { api: r, model: e.resourceTimeGrid, options: t }) : e.resourceDayGrid ? /* @__PURE__ */ d(ee, { api: r, model: e.resourceDayGrid, options: t }) : e.resourceDayGridMonth ? /* @__PURE__ */ d(re, { api: r, model: e.resourceDayGridMonth, options: t }) : e.resourceTimeline ? /* @__PURE__ */ d(Zt, { api: r, model: e.resourceTimeline, options: t }) : e.timeline ? /* @__PURE__ */ d(Jt, { api: r, model: e.timeline, options: t }) : /* @__PURE__ */ g("div", { "data-rsv": "unsupported", children: [
           'La vista "',
-          r.type,
+          e.type,
           '" se implementa en una fase posterior.'
         ] }) })
       ]
     }
   );
 }
-function Bt(a, t) {
-  const r = new ut(t);
-  return X(st(Gt, { api: r, options: t }), a), {
-    api: r,
+function ue(r, t) {
+  const e = new Mt(t);
+  return at(bt(ae, { api: e, options: t }), r), {
+    api: e,
     destroy() {
-      X(null, a), r.destroy();
+      at(null, r), e.destroy();
     }
   };
 }
-function _t(a, t = "calendar.ics") {
+function ve(r, t = "calendar.ics") {
   if (typeof document > "u") return;
-  const r = mt(a), e = new Blob([r], { type: "text/calendar;charset=utf-8" }), o = URL.createObjectURL(e), i = document.createElement("a");
-  i.href = o, i.download = t, document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(o);
+  const e = St(r), n = new Blob([e], { type: "text/calendar;charset=utf-8" }), o = URL.createObjectURL(n), a = document.createElement("a");
+  a.href = o, a.download = t, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(o);
 }
 export {
-  Gt as Calendar,
-  tt as DayGridView,
-  Tt as ListView,
-  Pt as MultiMonthView,
-  Ft as ResourceDayGridView,
-  Rt as ResourceTimeGridView,
-  Ot as ResourceTimelineView,
-  Et as TimeGridView,
-  It as TimelineView,
-  bt as Toolbar,
-  $ as cx,
-  Kt as dayGridPlugin,
-  Wt as definePlugin,
-  Xt as defineTheme,
-  _t as downloadICS,
-  zt as eventsToICS,
-  Q as handleEventKeydown,
-  qt as listPlugin,
-  Bt as mount,
-  Jt as multiMonthPlugin,
-  Qt as parseICS,
-  x as renderSlot,
-  Zt as resourcePlugin,
-  G as startEventDrag,
-  te as themeToStyle,
-  ee as timeGridPlugin,
-  re as timelinePlugin
+  ae as Calendar,
+  ut as DayGridView,
+  qt as ListView,
+  zt as MultiMonthView,
+  ee as ResourceDayGridView,
+  te as ResourceTimeGridView,
+  Zt as ResourceTimelineView,
+  Wt as TimeGridView,
+  Jt as TimelineView,
+  Rt as Toolbar,
+  A as callDidMount,
+  F as cx,
+  W as dateFormatter,
+  ge as dayGridPlugin,
+  ye as definePlugin,
+  fe as defineTheme,
+  ve as downloadICS,
+  be as eventsToICS,
+  lt as handleEventKeydown,
+  ce as hostSlot,
+  Et as isHostSlot,
+  we as listPlugin,
+  It as minutesToLabel,
+  At as minutesToTimeString,
+  ue as mount,
+  ke as multiMonthPlugin,
+  De as parseICS,
+  L as renderSlot,
+  pe as resourcePlugin,
+  q as startEventDrag,
+  Me as themeToStyle,
+  X as timeFormatter,
+  Se as timeGridPlugin,
+  Ce as timelinePlugin
 };
 //# sourceMappingURL=index.js.map