@reservi/preact 1.4.1 → 1.5.0

package/dist/index.js

@@ -1,58 +1,58 @@
-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 { render as At, h as Ce } from "preact";
+import { getLocaleText as V, dl as m, timeStringToMinutes as X, computeDrop as ht, pxToSnappedMinutes as It, computeResize as $t, THEME_TOKEN_VARS as xe, themeToStyle as Pe, CalendarApi as Ae, eventsToICS as Ie } from "@reservi/core";
+import { dayGridPlugin as Sn, definePlugin as On, defineTheme as Tn, eventsToICS as En, listPlugin as Mn, multiMonthPlugin as kn, parseICS as Cn, resourcePlugin as xn, themeToStyle as Pn, timeGridPlugin as An, timelinePlugin as In } from "@reservi/core";
+import { jsx as u, jsxs as k, Fragment as $e } from "preact/jsx-runtime";
 import "@preact/signals";
-import { useRef as $, useLayoutEffect as ot, useState as N, useEffect as H } from "preact/hooks";
-function ce(r) {
-  return { __rsvHost: !0, node: r };
-}
-function Et(r) {
-  return typeof r == "object" && r !== null && r.__rsvHost === !0;
-}
-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);
+import { useRef as F, useLayoutEffect as jt, useState as K, useEffect as R } from "preact/hooks";
+function pn(t) {
+  return { __rsvHost: !0, node: t };
+}
+function je(t) {
+  return typeof t == "object" && t !== null && t.__rsvHost === !0;
+}
+function L(t, e, r, n) {
+  if (!t) return r;
+  const a = t(e);
+  return a === void 0 ? r : je(a) ? n ? /* @__PURE__ */ u(Re, { bridge: n, node: a.node }) : r : a;
+}
+let Fe = 0;
+function Re({ bridge: t, node: e }) {
+  const r = F("");
+  r.current || (r.current = `rsv-host-${++Fe}`);
+  const n = F(null), a = F(e);
+  a.current = e;
+  const o = F(!1);
+  return jt(() => {
+    const s = n.current;
+    if (!s) return;
+    const i = r.current;
+    return o.current = !0, t.mount(i, s, a.current), () => {
+      o.current = !1, t.unmount(i);
     };
-  }, []), 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);
+  }, []), jt(() => {
+    o.current && t.update(r.current, e);
+  }), /* @__PURE__ */ u("div", { "data-rsv": "host", ref: n });
+}
+function N(...t) {
+  return t.filter(Boolean).join(" ");
+}
+const Ft = /* @__PURE__ */ new WeakSet();
+function W(t, e, r) {
+  if (!t || !e) return;
+  const n = t;
+  Ft.has(n) || (Ft.add(n), e(Object.assign(r(), { el: n })));
+}
+function He(t, e) {
+  if (!t.length) return null;
+  const r = [...t].sort((a, o) => a.breakpoint - o.breakpoint);
+  let n = r[0].view;
+  for (const a of r)
+    e >= a.breakpoint && (n = a.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(
+const rt = { prev: "‹", next: "›" }, Le = /* @__PURE__ */ new Set(["", "title", "today", "prev", "next"]), Ne = /month|year/i, nt = (t) => String(t).padStart(2, "0");
+function Be() {
+  return /* @__PURE__ */ k(
     "svg",
     {
       "data-rsv": "title-icon",
@@ -66,158 +66,158 @@ function Lt() {
       "stroke-linejoin": "round",
       "aria-hidden": "true",
       children: [
-        /* @__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" })
+        /* @__PURE__ */ u("rect", { x: "1", y: "2.5", width: "12", height: "10.5", rx: "1.5" }),
+        /* @__PURE__ */ u("line", { x1: "1", y1: "5.5", x2: "13", y2: "5.5" }),
+        /* @__PURE__ */ u("line", { x1: "4.5", y1: "1", x2: "4.5", y2: "3.5" }),
+        /* @__PURE__ */ u("line", { x1: "9.5", y1: "1", x2: "9.5", y2: "3.5" })
       ]
     }
   );
 }
-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 Ke(t) {
+  var r;
+  if ((r = t.views) != null && r.length) return t.views;
+  const e = t.headerToolbar;
+  return e ? [e.start, e.center, e.end].filter((n) => !!n).flatMap((n) => n.split(/\s+/)).flatMap((n) => n.split(",")).filter((n) => !Le.has(n)) : [];
 }
-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(
+function Ve({ api: t, title: e, activeView: r, options: n }) {
+  var I, $, j, U, _;
+  const a = V(n.locale), o = ($ = (I = n.slots) == null ? void 0 : I.toolbarStart) == null ? void 0 : $.call(I), s = (U = (j = n.slots) == null ? void 0 : j.toolbarEnd) == null ? void 0 : U.call(j), i = Ke(n), d = Ne.test(r), l = n.firstDay ?? a.firstDay, c = F(null), [p, D] = K(!1), v = m.toDate(t.getDate()), g = m.toDate(n.now ? m.from(n.now) : m.now()), [h, b] = K(v.getFullYear()), [w, S] = K(v.getMonth()), M = new Intl.DateTimeFormat(n.locale, { month: "short" }), x = new Intl.DateTimeFormat(n.locale, { month: "long" }), y = new Intl.DateTimeFormat(n.locale, { weekday: "short" }), f = Array.from(
     { length: 12 },
-    (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);
+    (O, A) => M.format(new Date(2020, A, 1))
+  ), T = () => {
+    const O = m.toDate(t.getDate());
+    b(O.getFullYear()), S(O.getMonth()), D(!0);
+  }, C = (O) => {
+    const A = h * 12 + w + O;
+    b(Math.floor(A / 12)), S((A % 12 + 12) % 12);
+  }, E = (O) => {
+    t.gotoDate(O), D(!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);
+  R(() => {
+    const O = (H) => {
+      (H.ctrlKey || H.metaKey) && (H.key === "m" || H.key === "M") ? (H.preventDefault(), T()) : H.key === "Escape" && D(!1);
+    }, A = (H) => {
+      c.current && !c.current.contains(H.target) && D(!1);
     };
-    return document.addEventListener("keydown", y), document.addEventListener("mousedown", T), () => {
-      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", T);
+    return document.addEventListener("keydown", O), document.addEventListener("mousedown", A), () => {
+      document.removeEventListener("keydown", O), document.removeEventListener("mousedown", A);
     };
   }, []);
-  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 };
+  const P = (() => {
+    if (d) return { cells: [], dows: [] };
+    const O = m.from(`${h}-${nt(w + 1)}-01`), A = (m.dayOfWeek(O) - l + 7) % 7, H = m.subtract(O, { days: A }), xt = Array.from({ length: 42 }, (Pt, ke) => m.toDate(m.add(H, { days: ke }))), Me = xt.slice(0, 7).map((Pt) => y.format(Pt));
+    return { cells: xt, dows: Me };
   })();
-  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(
+  return /* @__PURE__ */ k("div", { "data-rsv": "toolbar-wrap", class: N((_ = n.classNames) == null ? void 0 : _.toolbar), ref: c, children: [
+    /* @__PURE__ */ k("div", { "data-rsv": "toolbar", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "toolbar-section", "data-rsv-area": "start", children: o }),
+      /* @__PURE__ */ k("div", { "data-rsv": "toolbar-section", "data-rsv-area": "nav", children: [
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
             "data-rsv": "button",
-            title: o.todayHint,
-            "aria-label": o.todayHint,
-            onClick: () => r.today(),
-            children: o.today
+            title: a.todayHint,
+            "aria-label": a.todayHint,
+            onClick: () => t.today(),
+            children: a.today
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
             "data-rsv": "button",
             "data-rsv-nav": "prev",
-            title: o.prevHint,
-            "aria-label": o.prevHint,
-            onClick: () => r.prev(),
-            children: G.prev
+            title: a.prevHint,
+            "aria-label": a.prevHint,
+            onClick: () => t.prev(),
+            children: rt.prev
           }
         ),
-        /* @__PURE__ */ g("div", { "data-rsv": "datepicker-anchor", children: [
-          /* @__PURE__ */ g(
+        /* @__PURE__ */ k("div", { "data-rsv": "datepicker-anchor", children: [
+          /* @__PURE__ */ k(
             "button",
             {
               type: "button",
               "data-rsv": "title",
               "aria-haspopup": "dialog",
-              "aria-expanded": f,
-              title: `${t} · Ctrl+M`,
-              onClick: () => f ? b(!1) : x(),
+              "aria-expanded": p,
+              title: `${e} · Ctrl+M`,
+              onClick: () => p ? D(!1) : T(),
               children: [
-                /* @__PURE__ */ d(Lt, {}),
-                t
+                /* @__PURE__ */ u(Be, {}),
+                e
               ]
             }
           ),
-          f && /* @__PURE__ */ g(
+          p && /* @__PURE__ */ k(
             "div",
             {
               "data-rsv": "datepicker",
-              "data-rsv-mode": v ? "month" : "day",
+              "data-rsv-mode": d ? "month" : "day",
               role: "dialog",
-              "aria-label": t,
+              "aria-label": e,
               children: [
-                /* @__PURE__ */ g("div", { "data-rsv": "dp-head", children: [
-                  /* @__PURE__ */ d(
+                /* @__PURE__ */ k("div", { "data-rsv": "dp-head", children: [
+                  /* @__PURE__ */ u(
                     "button",
                     {
                       type: "button",
                       "data-rsv": "dp-nav",
-                      "aria-label": o.prev,
-                      onClick: () => v ? m((y) => y - 1) : I(-1),
-                      children: G.prev
+                      "aria-label": a.prev,
+                      onClick: () => d ? b((O) => O - 1) : C(-1),
+                      children: rt.prev
                     }
                   ),
-                  /* @__PURE__ */ d("span", { "data-rsv": "dp-label", children: v ? p : `${C.format(new Date(p, S, 1))} ${p}` }),
-                  /* @__PURE__ */ d(
+                  /* @__PURE__ */ u("span", { "data-rsv": "dp-label", children: d ? h : `${x.format(new Date(h, w, 1))} ${h}` }),
+                  /* @__PURE__ */ u(
                     "button",
                     {
                       type: "button",
                       "data-rsv": "dp-nav",
-                      "aria-label": o.next,
-                      onClick: () => v ? m((y) => y + 1) : I(1),
-                      children: G.next
+                      "aria-label": a.next,
+                      onClick: () => d ? b((O) => O + 1) : C(1),
+                      children: rt.next
                     }
                   )
                 ] }),
-                v ? /* @__PURE__ */ d("div", { "data-rsv": "dp-grid", children: E.map((y, T) => /* @__PURE__ */ d(
+                d ? /* @__PURE__ */ u("div", { "data-rsv": "dp-grid", children: f.map((O, A) => /* @__PURE__ */ u(
                   "button",
                   {
                     type: "button",
                     "data-rsv": "dp-month",
                     "data-active": String(
-                      p === k.getFullYear() && T === k.getMonth()
+                      h === v.getFullYear() && A === v.getMonth()
                     ),
                     "data-today": String(
-                      p === w.getFullYear() && T === w.getMonth()
+                      h === g.getFullYear() && A === g.getMonth()
                     ),
-                    onClick: () => P(`${p}-${B(T + 1)}-01`),
-                    children: y
+                    onClick: () => E(`${h}-${nt(A + 1)}-01`),
+                    children: O
                   },
-                  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(
+                  O
+                )) }) : /* @__PURE__ */ k("div", { "data-rsv": "dp-days", children: [
+                  P.dows.map((O, A) => /* @__PURE__ */ u("div", { "data-rsv": "dp-dow", children: O }, `dow-${A}`)),
+                  P.cells.map((O) => {
+                    const A = `${O.getFullYear()}-${nt(O.getMonth() + 1)}-${nt(O.getDate())}`;
+                    return /* @__PURE__ */ u(
                       "button",
                       {
                         type: "button",
                         "data-rsv": "dp-day",
-                        "data-other": String(y.getMonth() !== S),
+                        "data-other": String(O.getMonth() !== w),
                         "data-active": String(
-                          y.getFullYear() === k.getFullYear() && y.getMonth() === k.getMonth() && y.getDate() === k.getDate()
+                          O.getFullYear() === v.getFullYear() && O.getMonth() === v.getMonth() && O.getDate() === v.getDate()
                         ),
                         "data-today": String(
-                          y.getFullYear() === w.getFullYear() && y.getMonth() === w.getMonth() && y.getDate() === w.getDate()
+                          O.getFullYear() === g.getFullYear() && O.getMonth() === g.getMonth() && O.getDate() === g.getDate()
                         ),
-                        onClick: () => P(T),
-                        children: y.getDate()
+                        onClick: () => E(A),
+                        children: O.getDate()
                       },
-                      T
+                      A
                     );
                   })
                 ] })
@@ -225,22 +225,22 @@ function Rt({ api: r, title: t, activeView: e, options: n }) {
             }
           )
         ] }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
             "data-rsv": "button",
             "data-rsv-nav": "next",
-            title: o.nextHint,
-            "aria-label": o.nextHint,
-            onClick: () => r.next(),
-            children: G.next
+            title: a.nextHint,
+            "aria-label": a.nextHint,
+            onClick: () => t.next(),
+            children: rt.next
           }
         )
       ] }),
-      /* @__PURE__ */ g("div", { "data-rsv": "toolbar-section", "data-rsv-area": "end", children: [
-        h,
-        n.onAddClick && /* @__PURE__ */ g(
+      /* @__PURE__ */ k("div", { "data-rsv": "toolbar-section", "data-rsv-area": "end", children: [
+        s,
+        n.onAddClick && /* @__PURE__ */ k(
           "button",
           {
             type: "button",
@@ -248,296 +248,1926 @@ function Rt({ api: r, title: t, activeView: e, options: n }) {
             "data-rsv-variant": "primary",
             onClick: n.onAddClick,
             children: [
-              /* @__PURE__ */ d("span", { "data-rsv": "add-icon", "aria-hidden": "true", children: "+" }),
+              /* @__PURE__ */ u("span", { "data-rsv": "add-icon", "aria-hidden": "true", children: "+" }),
               n.addButtonText
             ]
           }
         )
       ] })
     ] }),
-    u.length > 0 && /* @__PURE__ */ d("div", { "data-rsv": "toolbar-views", role: "tablist", children: u.map((y) => /* @__PURE__ */ d(
+    i.length > 0 && /* @__PURE__ */ u("div", { "data-rsv": "toolbar-views", role: "tablist", children: i.map((O) => /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         "data-rsv": "view-tab",
         role: "tab",
-        "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
+        "aria-selected": O === r,
+        "data-active": String(O === r),
+        title: a.viewHint(a.views[O] ?? O),
+        onClick: () => t.changeView(O),
+        children: a.views[O] ?? O
       },
-      y
+      O
     )) })
   ] });
 }
-function U(r) {
-  return r < 10 ? `0${r}` : String(r);
+function dt(t) {
+  return t < 10 ? `0${t}` : String(t);
 }
-function It(r) {
-  const t = (Math.round(r) % 1440 + 1440) % 1440;
-  return `${U(Math.floor(t / 60))}:${U(t % 60)}`;
+function Ye(t) {
+  const e = (Math.round(t) % 1440 + 1440) % 1440;
+  return `${dt(Math.floor(e / 60))}:${dt(e % 60)}`;
 }
-function At(r) {
-  const t = Math.max(0, Math.round(r));
-  return `${U(Math.floor(t / 60))}:${U(t % 60)}:00`;
+function We(t) {
+  const e = Math.max(0, Math.round(t));
+  return `${dt(Math.floor(e / 60))}:${dt(e % 60)}:00`;
 }
-function X(r, t) {
-  if (!t) return null;
-  const e = new Intl.DateTimeFormat(r, t);
-  return (n) => e.format(n);
+function ct(t, e) {
+  if (!e) return null;
+  const r = new Intl.DateTimeFormat(t, e);
+  return (n) => r.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(t, e, r) {
+  if (e === !1) return null;
+  const n = new Intl.DateTimeFormat(t, e ?? r);
+  return (a) => n.format(a);
 }
-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));
+function ee(t, e) {
+  t.trigger("navLinkDay", { date: e });
+  const r = t.hasView("timeGridDay") ? "timeGridDay" : t.hasView("dayGridDay") ? "dayGridDay" : null;
+  r && (t.gotoDate(m.toISOString(e)), t.changeView(r));
 }
-const _ = 1440, Ht = {
+const at = 1440, Ge = {
   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;
+function Ue(t, e) {
+  const r = Object.entries(Ge);
+  for (const [n, a] of r)
+    if (((e == null ? void 0 : e[n]) ?? a).includes(t)) return n;
   return null;
 }
-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 });
+function re(t, e) {
+  const { api: r, event: n, kind: a } = e, o = X(e.snap ?? "00:30"), s = Ue(t.key, e.shortcuts);
+  if (!s) return;
+  if (s === "activate") {
+    t.preventDefault(), r.trigger("eventClick", { event: n });
     return;
   }
-  let u = 0;
-  switch (h) {
+  let i = 0;
+  switch (s) {
     case "moveLeft":
-      u = -_;
+      i = -at;
       break;
     case "moveRight":
-      u = _;
+      i = at;
       break;
     case "moveUp":
-      u = o === "timeGrid" ? -a : -_ * 7;
+      i = a === "timeGrid" ? -o : -at * 7;
       break;
     case "moveDown":
-      u = o === "timeGrid" ? a : _ * 7;
+      i = a === "timeGrid" ? o : at * 7;
       break;
   }
-  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 });
+  t.preventDefault();
+  const d = ht(n.start, n.end, i, m);
+  if (r.moveEvent(n.id, d.start, d.end)) {
+    const l = r.getEventById(n.id);
+    l && r.trigger("eventDrop", { event: l });
   }
 }
-const Vt = 1440, Yt = 4;
-function ct(r, t) {
+function ze(t, e) {
   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 });
+  const r = document.elementFromPoint(t, e);
+  return ((n = r == null ? void 0 : r.closest('[data-rsv="day"]')) == null ? void 0 : n.dataset.date) ?? null;
+}
+function Xe(t, e) {
+  if (t.target.closest('[data-rsv="event"], [data-rsv="more-anchor"], [data-nav-link="true"]'))
+    return;
+  const { api: n } = e;
+  let a = e.startDate, o = !1;
+  const s = (d) => {
+    const l = ze(d.clientX, d.clientY);
+    l && l !== e.startDate && (o = !0), l && (a = l);
+  }, i = () => {
+    var D;
+    if (document.removeEventListener("pointermove", s), document.removeEventListener("pointerup", i), !o) return;
+    (D = e.onRangeSelect) == null || D.call(e);
+    const d = m.from(e.startDate), l = m.from(a), [c, p] = m.isBefore(d, l) ? [d, l] : [l, d];
+    n.select(m.toISOString(c), m.toISOString(m.add(p, { days: 1 })));
+  };
+  document.addEventListener("pointermove", s), document.addEventListener("pointerup", i);
+}
+function qe(t) {
+  if (Array.isArray(t)) return t;
+}
+function _e(t, e) {
+  var r = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (r != null) {
+    var n, a, o, s, i = [], d = !0, l = !1;
+    try {
+      if (o = (r = r.call(t)).next, e !== 0) for (; !(d = (n = o.call(r)).done) && (i.push(n.value), i.length !== e); d = !0) ;
+    } catch (c) {
+      l = !0, a = c;
+    } finally {
+      try {
+        if (!d && r.return != null && (s = r.return(), Object(s) !== s)) return;
+      } finally {
+        if (l) throw a;
+      }
+    }
+    return i;
+  }
+}
+function bt(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
+  return n;
+}
+function ne(t, e) {
+  if (t) {
+    if (typeof t == "string") return bt(t, e);
+    var r = {}.toString.call(t).slice(8, -1);
+    return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? bt(t, e) : void 0;
+  }
+}
+function Ze() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function ae(t, e) {
+  return qe(t) || _e(t, e) || ne(t, e) || Ze();
+}
+var ft = {}, Z = {}, Rt;
+function oe() {
+  if (Rt) return Z;
+  Rt = 1, Object.defineProperty(Z, "__esModule", { value: !0 }), Z.bind = void 0;
+  function t(e, r) {
+    var n = r.type, a = r.listener, o = r.options;
+    return e.addEventListener(n, a, o), function() {
+      e.removeEventListener(n, a, o);
+    };
+  }
+  return Z.bind = t, Z;
+}
+var Y = {}, Ht;
+function Je() {
+  if (Ht) return Y;
+  Ht = 1;
+  var t = Y && Y.__assign || function() {
+    return t = Object.assign || function(o) {
+      for (var s, i = 1, d = arguments.length; i < d; i++) {
+        s = arguments[i];
+        for (var l in s) Object.prototype.hasOwnProperty.call(s, l) && (o[l] = s[l]);
+      }
+      return o;
+    }, t.apply(this, arguments);
+  };
+  Object.defineProperty(Y, "__esModule", { value: !0 }), Y.bindAll = void 0;
+  var e = /* @__PURE__ */ oe();
+  function r(o) {
+    if (!(typeof o > "u"))
+      return typeof o == "boolean" ? {
+        capture: o
+      } : o;
+  }
+  function n(o, s) {
+    if (s == null)
+      return o;
+    var i = t(t({}, o), { options: t(t({}, r(s)), r(o.options)) });
+    return i;
+  }
+  function a(o, s, i) {
+    var d = s.map(function(l) {
+      var c = n(l, i);
+      return (0, e.bind)(o, c);
+    });
+    return function() {
+      d.forEach(function(c) {
+        return c();
+      });
+    };
+  }
+  return Y.bindAll = a, Y;
+}
+var Lt;
+function Qe() {
+  return Lt || (Lt = 1, (function(t) {
+    Object.defineProperty(t, "__esModule", { value: !0 }), t.bindAll = t.bind = void 0;
+    var e = /* @__PURE__ */ oe();
+    Object.defineProperty(t, "bind", { enumerable: !0, get: function() {
+      return e.bind;
+    } });
+    var r = /* @__PURE__ */ Je();
+    Object.defineProperty(t, "bindAll", { enumerable: !0, get: function() {
+      return r.bindAll;
+    } });
+  })(ft)), ft;
+}
+var q = /* @__PURE__ */ Qe(), ie = "data-pdnd-honey-pot";
+function de(t) {
+  return t instanceof Element && t.hasAttribute(ie);
+}
+function se(t) {
+  var e = document.elementsFromPoint(t.x, t.y), r = ae(e, 2), n = r[0], a = r[1];
+  return n ? de(n) ? a ?? null : n : null;
+}
+function Q(t) {
+  "@babel/helpers - typeof";
+  return Q = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, Q(t);
+}
+function tr(t, e) {
+  if (Q(t) != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e);
+    if (Q(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function er(t) {
+  var e = tr(t, "string");
+  return Q(e) == "symbol" ? e : e + "";
+}
+function ut(t, e, r) {
+  return (e = er(e)) in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+var le = 2147483647, ce = {
+  inset: "unset",
+  border: "none",
+  padding: 0,
+  margin: 0,
+  overflow: "visible",
+  color: "inherit",
+  background: "transparent",
+  width: "auto",
+  height: "auto"
+};
+function G(t) {
+  var e = null;
+  return function() {
+    if (!e) {
+      for (var n = arguments.length, a = new Array(n), o = 0; o < n; o++)
+        a[o] = arguments[o];
+      var s = t.apply(this, a);
+      e = {
+        result: s
+      };
+    }
+    return e.result;
+  };
+}
+var z = G(function() {
+  return typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function";
+});
+function Nt(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(t, a).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function Bt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Nt(Object(r), !0).forEach(function(n) {
+      ut(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Nt(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+var tt = 2, Kt = tt / 2;
+function rr(t) {
+  return {
+    x: Math.floor(t.x),
+    y: Math.floor(t.y)
+  };
+}
+function nr(t) {
+  return {
+    x: t.x - Kt,
+    y: t.y - Kt
+  };
+}
+function ar(t) {
+  return {
+    x: Math.max(t.x, 0),
+    y: Math.max(t.y, 0)
+  };
+}
+function or(t) {
+  return {
+    x: Math.min(t.x, window.innerWidth - tt),
+    y: Math.min(t.y, window.innerHeight - tt)
+  };
+}
+function Vt(t) {
+  var e = t.client, r = or(ar(nr(rr(e))));
+  return DOMRect.fromRect({
+    x: r.x,
+    y: r.y,
+    width: tt,
+    height: tt
+  });
+}
+function Yt(t) {
+  var e = t.clientRect;
+  return {
+    left: "".concat(e.left, "px"),
+    top: "".concat(e.top, "px"),
+    width: "".concat(e.width, "px"),
+    height: "".concat(e.height, "px")
+  };
+}
+function ir(t) {
+  var e = t.client, r = t.clientRect;
+  return (
+    // is within horizontal bounds
+    e.x >= r.x && e.x <= r.x + r.width && // is within vertical bounds
+    e.y >= r.y && e.y <= r.y + r.height
+  );
+}
+function dr(t) {
+  var e = t.initial, r = document.createElement("div");
+  r.setAttribute(ie, "true"), z() && r.setAttribute("popover", "manual");
+  var n = Vt({
+    client: e
+  });
+  Object.assign(r.style, Bt(Bt({
+    position: "fixed"
+  }, z() ? (
+    // needs to come first as it has 'inset: unset' which
+    // needs to be overridden by our top / left values
+    ce
+  ) : {
+    // Fallback: using maximum possible z-index so that this element
+    // will always be on top of other positioned content.
+    zIndex: le
+  }), {}, {
+    // Setting a background color explicitly to avoid any inherited styles.
+    // Looks like this could be `opacity: 0`, but worried that _might_
+    // cause the element to be ignored on some platforms.
+    // When debugging, set backgroundColor to something like "red".
+    backgroundColor: "transparent",
+    // Being explicit to avoid inheriting styles
+    padding: 0,
+    margin: 0,
+    boxSizing: "border-box",
+    // We want this element to absorb pointer events,
+    // it's kind of the whole point 😉
+    pointerEvents: "auto"
+  }, Yt({
+    clientRect: n
+  }))), document.body.appendChild(r), z() && r.showPopover();
+  var a = q.bind(window, {
+    type: "pointermove",
+    listener: function(s) {
+      var i = {
+        x: s.clientX,
+        y: s.clientY
+      };
+      n = Vt({
+        client: i
+      }), Object.assign(r.style, Yt({
+        clientRect: n
+      }));
+    },
+    // using capture so we are less likely to be impacted by event stopping
+    options: {
+      capture: !0
+    }
+  });
+  return function(s) {
+    var i = s.current;
+    if (a(), ir({
+      client: i,
+      clientRect: n
+    })) {
+      r.remove();
+      return;
     }
+    function d() {
+      l(), r.remove();
+    }
+    var l = q.bindAll(window, [
+      {
+        type: "pointerdown",
+        listener: d
+      },
+      {
+        type: "pointermove",
+        listener: d
+      },
+      {
+        type: "focusin",
+        listener: d
+      },
+      {
+        type: "focusout",
+        listener: d
+      },
+      // a 'pointerdown' should happen before 'dragstart', but just being super safe
+      {
+        type: "dragstart",
+        listener: d
+      },
+      // if the user has dragged something out of the window
+      // and then is dragging something back into the window
+      // the first events we will see are "dragenter" (and then "dragover").
+      // So if we see any of these we need to clear the post drag fix.
+      {
+        type: "dragenter",
+        listener: d
+      },
+      {
+        type: "dragover",
+        listener: d
+      }
+      // Not adding a "wheel" event listener, as "wheel" by itself does not
+      // resolve the bug.
+    ], {
+      // Using `capture` so less likely to be impacted by other code stopping events
+      capture: !0
+    });
   };
-  document.addEventListener("pointermove", v), document.addEventListener("pointerup", c);
 }
-function Bt(r, t) {
-  if (r.target.closest('[data-rsv="event"], [data-rsv="more-anchor"], [data-nav-link="true"]'))
+function sr() {
+  var t = null;
+  function e() {
+    return t = null, q.bind(window, {
+      type: "pointermove",
+      listener: function(a) {
+        t = {
+          x: a.clientX,
+          y: a.clientY
+        };
+      },
+      // listening for pointer move in capture phase
+      // so we are less likely to be impacted by events being stopped.
+      options: {
+        capture: !0
+      }
+    });
+  }
+  function r() {
+    var n = null;
+    return function(o) {
+      var s = o.eventName, i = o.payload;
+      if (s === "onDragStart") {
+        var d = i.location.initial.input, l = t ?? {
+          x: d.clientX,
+          y: d.clientY
+        };
+        n = dr({
+          initial: l
+        });
+      }
+      if (s === "onDrop") {
+        var c, p = i.location.current.input;
+        (c = n) === null || c === void 0 || c({
+          current: {
+            x: p.clientX,
+            y: p.clientY
+          }
+        }), n = null, t = null;
+      }
+    };
+  }
+  return {
+    bindEvents: e,
+    getOnPostDispatch: r
+  };
+}
+function lr(t) {
+  if (Array.isArray(t)) return bt(t);
+}
+function cr(t) {
+  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
+}
+function ur() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function ue(t) {
+  return lr(t) || cr(t) || ne(t) || ur();
+}
+var vr = G(function() {
+  return process.env.NODE_ENV === "test" ? !1 : navigator.userAgent.includes("Firefox");
+}), vt = G(function() {
+  if (process.env.NODE_ENV === "test")
+    return !1;
+  var e = navigator, r = e.userAgent;
+  return r.includes("AppleWebKit") && !r.includes("Chrome");
+});
+function fr(t) {
+  return "nodeName" in t;
+}
+function gr(t) {
+  return fr(t) && t.ownerDocument !== document;
+}
+var wt = {
+  isLeavingWindow: Symbol("leaving"),
+  isEnteringWindow: Symbol("entering")
+};
+(function() {
+  if (typeof window > "u" || process.env.NODE_ENV === "test" || !vt())
     return;
-  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 })));
+  function e() {
+    return {
+      enterCount: 0,
+      isOverWindow: !1
+    };
+  }
+  var r = e();
+  function n() {
+    r = e();
+  }
+  q.bindAll(
+    window,
+    [{
+      type: "dragstart",
+      listener: function() {
+        r.enterCount = 0, r.isOverWindow = !0;
+      }
+    }, {
+      type: "drop",
+      listener: n
+    }, {
+      type: "dragend",
+      listener: n
+    }, {
+      type: "dragenter",
+      listener: function(o) {
+        !r.isOverWindow && r.enterCount === 0 && (o[wt.isEnteringWindow] = !0), r.isOverWindow = !0, r.enterCount++;
+      }
+    }, {
+      type: "dragleave",
+      listener: function(o) {
+        r.enterCount--, r.isOverWindow && r.enterCount === 0 && (o[wt.isLeavingWindow] = !0, r.isOverWindow = !1);
+      }
+    }],
+    // using `capture: true` so that adding event listeners
+    // in bubble phase will have the correct symbols
+    {
+      capture: !0
+    }
+  );
+})();
+function mr(t) {
+  var e = t.dragLeave;
+  return vt() ? e.hasOwnProperty(wt.isLeavingWindow) : !1;
+}
+function yr(t) {
+  var e = t.dragLeave, r = e.type, n = e.relatedTarget;
+  return r !== "dragleave" ? !1 : vt() ? mr({
+    dragLeave: e
+  }) : n == null ? !0 : vr() ? gr(n) : n instanceof HTMLIFrameElement;
+}
+function pr(t) {
+  var e = t.onDragEnd;
+  return [
+    // ## Detecting drag ending for removed draggables
+    //
+    // If a draggable element is removed during a drag and the user drops:
+    // 1. if over a valid drop target: we get a "drop" event to know the drag is finished
+    // 2. if not over a valid drop target (or cancelled): we get nothing
+    // The "dragend" event will not fire on the source draggable if it has been
+    // removed from the DOM.
+    // So we need to figure out if a drag operation has finished by looking at other events
+    // We can do this by looking at other events
+    // ### First detection: "pointermove" events
+    // 1. "pointermove" events cannot fire during a drag and drop operation
+    // according to the spec. So if we get a "pointermove" it means that
+    // the drag and drop operations has finished. So if we get a "pointermove"
+    // we know that the drag is over
+    // 2. 🦊😤 Drag and drop operations are _supposed_ to suppress
+    // other pointer events. However, firefox will allow a few
+    // pointer event to get through after a drag starts.
+    // The most I've seen is 3
+    {
+      type: "pointermove",
+      listener: /* @__PURE__ */ (function() {
+        var r = 0;
+        return function() {
+          if (r < 20) {
+            r++;
+            return;
+          }
+          e();
+        };
+      })()
+    },
+    // ### Second detection: "pointerdown" events
+    // If we receive this event then we know that a drag operation has finished
+    // and potentially another one is about to start.
+    // Note: `pointerdown` fires on all browsers / platforms before "dragstart"
+    {
+      type: "pointerdown",
+      listener: e
+    }
+  ];
+}
+function J(t) {
+  return {
+    altKey: t.altKey,
+    button: t.button,
+    buttons: t.buttons,
+    ctrlKey: t.ctrlKey,
+    metaKey: t.metaKey,
+    shiftKey: t.shiftKey,
+    clientX: t.clientX,
+    clientY: t.clientY,
+    pageX: t.pageX,
+    pageY: t.pageY
+  };
+}
+var hr = function(e) {
+  var r = [], n = null, a = function() {
+    for (var s = arguments.length, i = new Array(s), d = 0; d < s; d++)
+      i[d] = arguments[d];
+    r = i, !n && (n = requestAnimationFrame(function() {
+      n = null, e.apply(void 0, r);
+    }));
+  };
+  return a.cancel = function() {
+    n && (cancelAnimationFrame(n), n = null);
+  }, a;
+}, gt = hr(function(t) {
+  return t();
+}), ot = /* @__PURE__ */ (function() {
+  var t = null;
+  function e(n) {
+    var a = requestAnimationFrame(function() {
+      t = null, n();
+    });
+    t = {
+      frameId: a,
+      fn: n
+    };
+  }
+  function r() {
+    t && (cancelAnimationFrame(t.frameId), t.fn(), t = null);
+  }
+  return {
+    schedule: e,
+    flush: r
+  };
+})();
+function br(t) {
+  var e = t.source, r = t.initial, n = t.dispatchEvent, a = {
+    dropTargets: []
+  };
+  function o(i) {
+    n(i), a = {
+      dropTargets: i.payload.location.current.dropTargets
+    };
+  }
+  var s = {
+    start: function(d) {
+      var l = d.nativeSetDragImage, c = {
+        current: r,
+        previous: a,
+        initial: r
+      };
+      o({
+        eventName: "onGenerateDragPreview",
+        payload: {
+          source: e,
+          location: c,
+          nativeSetDragImage: l
+        }
+      }), ot.schedule(function() {
+        o({
+          eventName: "onDragStart",
+          payload: {
+            source: e,
+            location: c
+          }
+        });
+      });
+    },
+    dragUpdate: function(d) {
+      var l = d.current;
+      ot.flush(), gt.cancel(), o({
+        eventName: "onDropTargetChange",
+        payload: {
+          source: e,
+          location: {
+            initial: r,
+            previous: a,
+            current: l
+          }
+        }
+      });
+    },
+    drag: function(d) {
+      var l = d.current;
+      gt(function() {
+        ot.flush();
+        var c = {
+          initial: r,
+          previous: a,
+          current: l
+        };
+        o({
+          eventName: "onDrag",
+          payload: {
+            source: e,
+            location: c
+          }
+        });
+      });
+    },
+    drop: function(d) {
+      var l = d.current, c = d.updatedSourcePayload;
+      ot.flush(), gt.cancel(), o({
+        eventName: "onDrop",
+        payload: {
+          source: c ?? e,
+          location: {
+            current: l,
+            previous: a,
+            initial: r
+          }
+        }
+      });
+    }
+  };
+  return s;
+}
+var Dt = {
+  isActive: !1
+};
+function ve() {
+  return !Dt.isActive;
+}
+function wr(t) {
+  return t.dataTransfer ? t.dataTransfer.setDragImage.bind(t.dataTransfer) : null;
+}
+function Dr(t) {
+  var e = t.current, r = t.next;
+  if (e.length !== r.length)
+    return !0;
+  for (var n = 0; n < e.length; n++)
+    if (e[n].element !== r[n].element)
+      return !0;
+  return !1;
+}
+function Sr(t) {
+  var e = t.event, r = t.dragType, n = t.getDropTargetsOver, a = t.dispatchEvent;
+  if (!ve())
+    return;
+  var o = Or({
+    event: e,
+    dragType: r,
+    getDropTargetsOver: n
+  });
+  Dt.isActive = !0;
+  var s = {
+    current: o
+  };
+  mt({
+    event: e,
+    current: o.dropTargets
+  });
+  var i = br({
+    source: r.payload,
+    dispatchEvent: a,
+    initial: o
+  });
+  function d(v) {
+    var g = Dr({
+      current: s.current.dropTargets,
+      next: v.dropTargets
+    });
+    s.current = v, g && i.dragUpdate({
+      current: s.current
+    });
+  }
+  function l(v) {
+    var g = J(v), h = de(v.target) ? se({
+      x: g.clientX,
+      y: g.clientY
+    }) : v.target, b = n({
+      target: h,
+      input: g,
+      source: r.payload,
+      current: s.current.dropTargets
+    });
+    b.length && (v.preventDefault(), mt({
+      event: v,
+      current: b
+    })), d({
+      dropTargets: b,
+      input: g
+    });
+  }
+  function c() {
+    s.current.dropTargets.length && d({
+      dropTargets: [],
+      input: s.current.input
+    }), i.drop({
+      current: s.current,
+      updatedSourcePayload: null
+    }), p();
+  }
+  function p() {
+    Dt.isActive = !1, D();
+  }
+  var D = q.bindAll(
+    window,
+    [{
+      // 👋 Note: we are repurposing the `dragover` event as our `drag` event
+      // this is because firefox does not publish pointer coordinates during
+      // a `drag` event, but does for every other type of drag event
+      // `dragover` fires on all elements that are being dragged over
+      // Because we are binding to `window` - our `dragover` is effectively the same as a `drag`
+      // 🦊😤
+      type: "dragover",
+      listener: function(g) {
+        l(g), i.drag({
+          current: s.current
+        });
+      }
+    }, {
+      type: "dragenter",
+      listener: l
+    }, {
+      type: "dragleave",
+      listener: function(g) {
+        yr({
+          dragLeave: g
+        }) && (d({
+          input: s.current.input,
+          dropTargets: []
+        }), r.startedFrom === "external" && c());
+      }
+    }, {
+      // A "drop" can only happen if the browser allowed the drop
+      type: "drop",
+      listener: function(g) {
+        if (s.current = {
+          dropTargets: s.current.dropTargets,
+          input: J(g)
+        }, !s.current.dropTargets.length) {
+          c();
+          return;
+        }
+        g.preventDefault(), mt({
+          event: g,
+          current: s.current.dropTargets
+        }), i.drop({
+          current: s.current,
+          // When dropping something native, we need to extract the latest
+          // `.items` from the "drop" event as it is now accessible
+          updatedSourcePayload: r.type === "external" ? r.getDropPayload(g) : null
+        }), p();
+      }
+    }, {
+      // "dragend" fires when on the drag source (eg a draggable element)
+      // when the drag is finished.
+      // "dragend" will fire after "drop" (if there was a successful drop)
+      // "dragend" does not fire if the draggable source has been removed during the drag
+      // or for external drag sources (eg files)
+      // This "dragend" listener will not fire if there was a successful drop
+      // as we will have already removed the event listener
+      type: "dragend",
+      listener: function(g) {
+        s.current = {
+          dropTargets: s.current.dropTargets,
+          input: J(g)
+        }, c();
+      }
+    }].concat(ue(pr({
+      onDragEnd: c
+    }))),
+    // Once we have started a managed drag operation it is important that we see / own all drag events
+    // We got one adoption bug pop up where some code was stopping (`event.stopPropagation()`)
+    // all "drop" events in the bubble phase on the `document.body`.
+    // This meant that we never saw the "drop" event.
+    {
+      capture: !0
+    }
+  );
+  i.start({
+    nativeSetDragImage: wr(e)
+  });
+}
+function mt(t) {
+  var e, r = t.event, n = t.current, a = (e = n[0]) === null || e === void 0 ? void 0 : e.dropEffect;
+  a != null && r.dataTransfer && (r.dataTransfer.dropEffect = a);
+}
+function Or(t) {
+  var e = t.event, r = t.dragType, n = t.getDropTargetsOver, a = J(e);
+  if (r.startedFrom === "external")
+    return {
+      input: a,
+      dropTargets: []
+    };
+  var o = n({
+    input: a,
+    source: r.payload,
+    target: e.target,
+    current: []
+  });
+  return {
+    input: a,
+    dropTargets: o
+  };
+}
+var Wt = {
+  canStart: ve,
+  start: Sr
+}, St = /* @__PURE__ */ new Map();
+function Tr(t) {
+  var e = t.typeKey, r = t.mount, n = St.get(e);
+  if (n)
+    return n.usageCount++, n;
+  var a = {
+    typeKey: e,
+    unmount: r(),
+    usageCount: 1
+  };
+  return St.set(e, a), a;
+}
+function Er(t) {
+  var e = Tr(t);
+  return function() {
+    e.usageCount--, !(e.usageCount > 0) && (e.unmount(), St.delete(t.typeKey));
   };
-  document.addEventListener("pointermove", h), document.addEventListener("pointerup", u);
 }
-function ut({ api: r, model: t, options: e }) {
+function Et() {
+  for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)
+    e[r] = arguments[r];
+  return function() {
+    e.forEach(function(a) {
+      return a();
+    });
+  };
+}
+function fe(t, e) {
+  var r = e.attribute, n = e.value;
+  return t.setAttribute(r, n), function() {
+    return t.removeAttribute(r);
+  };
+}
+function Gt(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(t, a).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function B(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Gt(Object(r), !0).forEach(function(n) {
+      ut(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Gt(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function yt(t, e) {
+  var r = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (!r) {
+    if (Array.isArray(t) || (r = Mr(t)) || e) {
+      r && (t = r);
+      var n = 0, a = function() {
+      };
+      return { s: a, n: function() {
+        return n >= t.length ? { done: !0 } : { done: !1, value: t[n++] };
+      }, e: function(l) {
+        throw l;
+      }, f: a };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }
+  var o, s = !0, i = !1;
+  return { s: function() {
+    r = r.call(t);
+  }, n: function() {
+    var l = r.next();
+    return s = l.done, l;
+  }, e: function(l) {
+    i = !0, o = l;
+  }, f: function() {
+    try {
+      s || r.return == null || r.return();
+    } finally {
+      if (i) throw o;
+    }
+  } };
+}
+function Mr(t, e) {
+  if (t) {
+    if (typeof t == "string") return Ut(t, e);
+    var r = {}.toString.call(t).slice(8, -1);
+    return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Ut(t, e) : void 0;
+  }
+}
+function Ut(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
+  return n;
+}
+function pt(t) {
+  return t.slice(0).reverse();
+}
+function kr(t) {
+  var e = t.typeKey, r = t.defaultDropEffect, n = /* @__PURE__ */ new WeakMap(), a = "data-drop-target-for-".concat(e), o = "[".concat(a, "]");
+  function s(v) {
+    return n.set(v.element, v), function() {
+      return n.delete(v.element);
+    };
+  }
+  function i(v) {
+    if (process.env.NODE_ENV !== "production") {
+      var g = n.get(v.element);
+      g && console.warn("You have already registered a [".concat(e, "] dropTarget on the same element"), {
+        existing: g,
+        proposed: v
+      }), v.element instanceof HTMLIFrameElement && console.warn(`
+            We recommend not registering <iframe> elements as drop targets
+            as it can result in some strange browser event ordering.
+          `.replace(/\s{2,}/g, " ").trim());
+    }
+    var h = Et(fe(v.element, {
+      attribute: a,
+      value: "true"
+    }), s(v));
+    return G(h);
+  }
+  function d(v) {
+    var g, h, b, w, S = v.source, M = v.target, x = v.input, y = v.result, f = y === void 0 ? [] : y;
+    if (M == null)
+      return f;
+    if (!(M instanceof Element))
+      return M instanceof Node ? d({
+        source: S,
+        target: M.parentElement,
+        input: x,
+        result: f
+      }) : f;
+    var T = M.closest(o);
+    if (T == null)
+      return f;
+    var C = n.get(T);
+    if (C == null)
+      return f;
+    var E = {
+      input: x,
+      source: S,
+      element: C.element
+    };
+    if (C.canDrop && !C.canDrop(E))
+      return d({
+        source: S,
+        target: C.element.parentElement,
+        input: x,
+        result: f
+      });
+    var P = (g = (h = C.getData) === null || h === void 0 ? void 0 : h.call(C, E)) !== null && g !== void 0 ? g : {}, I = (b = (w = C.getDropEffect) === null || w === void 0 ? void 0 : w.call(C, E)) !== null && b !== void 0 ? b : r, $ = {
+      data: P,
+      element: C.element,
+      dropEffect: I,
+      // we are collecting _actual_ drop targets, so these are
+      // being applied _not_ due to stickiness
+      isActiveDueToStickiness: !1
+    };
+    return d({
+      source: S,
+      target: C.element.parentElement,
+      input: x,
+      // Using bubble ordering. Same ordering as `event.getPath()`
+      result: [].concat(ue(f), [$])
+    });
+  }
+  function l(v) {
+    var g = v.eventName, h = v.payload, b = yt(h.location.current.dropTargets), w;
+    try {
+      for (b.s(); !(w = b.n()).done; ) {
+        var S, M = w.value, x = n.get(M.element), y = B(B({}, h), {}, {
+          self: M
+        });
+        x == null || (S = x[g]) === null || S === void 0 || S.call(
+          x,
+          // I cannot seem to get the types right here.
+          // TS doesn't seem to like that one event can need `nativeSetDragImage`
+          // @ts-expect-error
+          y
+        );
+      }
+    } catch (f) {
+      b.e(f);
+    } finally {
+      b.f();
+    }
+  }
+  var c = {
+    onGenerateDragPreview: l,
+    onDrag: l,
+    onDragStart: l,
+    onDrop: l,
+    onDropTargetChange: function(g) {
+      var h = g.payload, b = new Set(h.location.current.dropTargets.map(function(A) {
+        return A.element;
+      })), w = /* @__PURE__ */ new Set(), S = yt(h.location.previous.dropTargets), M;
+      try {
+        for (S.s(); !(M = S.n()).done; ) {
+          var x, y = M.value;
+          w.add(y.element);
+          var f = n.get(y.element), T = b.has(y.element), C = B(B({}, h), {}, {
+            self: y
+          });
+          if (f == null || (x = f.onDropTargetChange) === null || x === void 0 || x.call(f, C), !T) {
+            var E;
+            f == null || (E = f.onDragLeave) === null || E === void 0 || E.call(f, C);
+          }
+        }
+      } catch (A) {
+        S.e(A);
+      } finally {
+        S.f();
+      }
+      var P = yt(h.location.current.dropTargets), I;
+      try {
+        for (P.s(); !(I = P.n()).done; ) {
+          var $, j, U = I.value;
+          if (!w.has(U.element)) {
+            var _ = B(B({}, h), {}, {
+              self: U
+            }), O = n.get(U.element);
+            O == null || ($ = O.onDropTargetChange) === null || $ === void 0 || $.call(O, _), O == null || (j = O.onDragEnter) === null || j === void 0 || j.call(O, _);
+          }
+        }
+      } catch (A) {
+        P.e(A);
+      } finally {
+        P.f();
+      }
+    }
+  };
+  function p(v) {
+    c[v.eventName](v);
+  }
+  function D(v) {
+    var g = v.source, h = v.target, b = v.input, w = v.current, S = d({
+      source: g,
+      target: h,
+      input: b
+    });
+    if (S.length >= w.length)
+      return S;
+    for (var M = pt(w), x = pt(S), y = [], f = 0; f < M.length; f++) {
+      var T, C = M[f], E = x[f];
+      if (E != null) {
+        y.push(E);
+        continue;
+      }
+      var P = y[f - 1], I = M[f - 1];
+      if ((P == null ? void 0 : P.element) !== (I == null ? void 0 : I.element))
+        break;
+      var $ = n.get(C.element);
+      if (!$)
+        break;
+      var j = {
+        input: b,
+        source: g,
+        element: $.element
+      };
+      if ($.canDrop && !$.canDrop(j) || !((T = $.getIsSticky) !== null && T !== void 0 && T.call($, j)))
+        break;
+      y.push(B(B({}, C), {}, {
+        // making it clear to consumers this drop target is active due to stickiness
+        isActiveDueToStickiness: !0
+      }));
+    }
+    return pt(y);
+  }
+  return {
+    dropTargetForConsumers: i,
+    getIsOver: D,
+    dispatchEvent: p
+  };
+}
+function Cr(t, e) {
+  var r = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (!r) {
+    if (Array.isArray(t) || (r = xr(t)) || e) {
+      r && (t = r);
+      var n = 0, a = function() {
+      };
+      return { s: a, n: function() {
+        return n >= t.length ? { done: !0 } : { done: !1, value: t[n++] };
+      }, e: function(l) {
+        throw l;
+      }, f: a };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }
+  var o, s = !0, i = !1;
+  return { s: function() {
+    r = r.call(t);
+  }, n: function() {
+    var l = r.next();
+    return s = l.done, l;
+  }, e: function(l) {
+    i = !0, o = l;
+  }, f: function() {
+    try {
+      s || r.return == null || r.return();
+    } finally {
+      if (i) throw o;
+    }
+  } };
+}
+function xr(t, e) {
+  if (t) {
+    if (typeof t == "string") return zt(t, e);
+    var r = {}.toString.call(t).slice(8, -1);
+    return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? zt(t, e) : void 0;
+  }
+}
+function zt(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
+  return n;
+}
+function Xt(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(t, a).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function Pr(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Xt(Object(r), !0).forEach(function(n) {
+      ut(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Xt(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function Ar() {
+  var t = /* @__PURE__ */ new Set(), e = null;
+  function r(o) {
+    e && (!o.canMonitor || o.canMonitor(e.canMonitorArgs)) && e.active.add(o);
+  }
+  function n(o) {
+    var s = Pr({}, o);
+    t.add(s), r(s);
+    function i() {
+      t.delete(s), e && e.active.delete(s);
+    }
+    return G(i);
+  }
+  function a(o) {
+    var s = o.eventName, i = o.payload;
+    if (s === "onGenerateDragPreview") {
+      e = {
+        canMonitorArgs: {
+          initial: i.location.initial,
+          source: i.source
+        },
+        active: /* @__PURE__ */ new Set()
+      };
+      var d = Cr(t), l;
+      try {
+        for (d.s(); !(l = d.n()).done; ) {
+          var c = l.value;
+          r(c);
+        }
+      } catch (b) {
+        d.e(b);
+      } finally {
+        d.f();
+      }
+    }
+    if (e) {
+      for (var p = Array.from(e.active), D = 0, v = p; D < v.length; D++) {
+        var g = v[D];
+        if (e.active.has(g)) {
+          var h;
+          (h = g[s]) === null || h === void 0 || h.call(g, i);
+        }
+      }
+      s === "onDrop" && (e.active.clear(), e = null);
+    }
+  }
+  return {
+    dispatchEvent: a,
+    monitorForConsumers: n
+  };
+}
+function Ir(t) {
+  var e = t.typeKey, r = t.mount, n = t.dispatchEventToSource, a = t.onPostDispatch, o = t.defaultDropEffect, s = Ar(), i = kr({
+    typeKey: e,
+    defaultDropEffect: o
+  });
+  function d(p) {
+    n == null || n(p), i.dispatchEvent(p), s.dispatchEvent(p), a == null || a(p);
+  }
+  function l(p) {
+    var D = p.event, v = p.dragType;
+    Wt.start({
+      event: D,
+      dragType: v,
+      getDropTargetsOver: i.getIsOver,
+      dispatchEvent: d
+    });
+  }
+  function c() {
+    function p() {
+      var D = {
+        canStart: Wt.canStart,
+        start: l
+      };
+      return r(D);
+    }
+    return Er({
+      typeKey: e,
+      mount: p
+    });
+  }
+  return {
+    registerUsage: c,
+    dropTarget: i.dropTargetForConsumers,
+    monitor: s.monitorForConsumers
+  };
+}
+var $r = G(function() {
+  return navigator.userAgent.toLocaleLowerCase().includes("android");
+}), jr = "pdnd:android-fallback", qt = "text/plain", Fr = "text/uri-list", Rr = "application/vnd.pdnd", et = /* @__PURE__ */ new WeakMap();
+function Hr(t) {
+  return et.set(t.element, t), function() {
+    et.delete(t.element);
+  };
+}
+var _t = sr(), Mt = Ir({
+  typeKey: "element",
+  defaultDropEffect: "move",
+  mount: function(e) {
+    return Et(_t.bindEvents(), q.bind(document, {
+      type: "dragstart",
+      listener: function(n) {
+        var a, o, s, i, d, l;
+        if (e.canStart(n) && !n.defaultPrevented) {
+          if (!n.dataTransfer) {
+            process.env.NODE_ENV !== "production" && console.warn(`
+              It appears as though you have are not testing DragEvents correctly.
+
+              - If you are unit testing, ensure you have polyfilled DragEvent.
+              - If you are browser testing, ensure you are dispatching drag events correctly.
+
+              Please see our testing guides for more information:
+              https://atlassian.design/components/pragmatic-drag-and-drop/core-package/testing
+            `.replace(/ {2}/g, ""));
+            return;
+          }
+          var c = n.target;
+          if (c instanceof HTMLElement) {
+            var p = et.get(c);
+            if (p) {
+              var D = J(n), v = {
+                element: p.element,
+                dragHandle: (a = p.dragHandle) !== null && a !== void 0 ? a : null,
+                input: D
+              };
+              if (p.canDrag && !p.canDrag(v)) {
+                n.preventDefault();
+                return;
+              }
+              if (p.dragHandle) {
+                var g = se({
+                  x: D.clientX,
+                  y: D.clientY
+                });
+                if (!p.dragHandle.contains(g)) {
+                  n.preventDefault();
+                  return;
+                }
+              }
+              var h = (o = (s = p.getInitialDataForExternal) === null || s === void 0 ? void 0 : s.call(p, v)) !== null && o !== void 0 ? o : null;
+              if (h)
+                for (var b = 0, w = Object.entries(h); b < w.length; b++) {
+                  var S = ae(w[b], 2), M = S[0], x = S[1];
+                  n.dataTransfer.setData(M, x ?? "");
+                }
+              $r() && !n.dataTransfer.types.includes(qt) && !n.dataTransfer.types.includes(Fr) && n.dataTransfer.setData(qt, jr), n.dataTransfer.setData(Rr, "");
+              var y = {
+                element: p.element,
+                dragHandle: (i = p.dragHandle) !== null && i !== void 0 ? i : null,
+                data: (d = (l = p.getInitialData) === null || l === void 0 ? void 0 : l.call(p, v)) !== null && d !== void 0 ? d : {}
+              }, f = {
+                type: "element",
+                payload: y,
+                startedFrom: "internal"
+              };
+              e.start({
+                event: n,
+                dragType: f
+              });
+            }
+          }
+        }
+      }
+    }));
+  },
+  dispatchEventToSource: function(e) {
+    var r, n, a = e.eventName, o = e.payload;
+    (r = et.get(o.source.element)) === null || r === void 0 || (n = r[a]) === null || n === void 0 || n.call(
+      r,
+      // I cannot seem to get the types right here.
+      // TS doesn't seem to like that one event can need `nativeSetDragImage`
+      // @ts-expect-error
+      o
+    );
+  },
+  onPostDispatch: _t.getOnPostDispatch()
+}), ge = Mt.dropTarget, kt = Mt.monitor;
+function Lr(t) {
+  if (process.env.NODE_ENV !== "production" && t.dragHandle && !t.element.contains(t.dragHandle) && console.warn("Drag handle element must be contained in draggable element", {
+    element: t.element,
+    dragHandle: t.dragHandle
+  }), process.env.NODE_ENV !== "production") {
+    var e = et.get(t.element);
+    e && console.warn("You have already registered a `draggable` on the same element", {
+      existing: e,
+      proposed: t
+    });
+  }
+  var r = Et(
+    // making the draggable register the adapter rather than drop targets
+    // this is because you *must* have a draggable element to start a drag
+    // but you _might_ not have any drop targets immediately
+    // (You might create drop targets async)
+    Mt.registerUsage(),
+    Hr(t),
+    fe(t.element, {
+      attribute: "draggable",
+      value: "true"
+    })
+  );
+  return G(r);
+}
+function Zt(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(t, a).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function Jt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Zt(Object(r), !0).forEach(function(n) {
+      ut(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Zt(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function Nr() {
+  return {
+    x: 0,
+    y: 0
+  };
+}
+function Br(t) {
+  var e = t.render, r = t.nativeSetDragImage, n = t.getOffset, a = n === void 0 ? Nr : n, o = document.createElement("div");
+  z() && o.setAttribute("popover", "manual"), Object.assign(o.style, Jt(Jt({
+    // Ensuring we don't cause reflow when adding the element to the page
+    // Using `position:fixed` rather than `position:absolute` so we are
+    // positioned on the current viewport.
+    // `position:fixed` also creates a new stacking context, so we don't need to do that here
+    position: "fixed"
+  }, z() ? (
+    // needs to come first as it has 'inset: unset' which
+    // needs to be overridden by our top / left values
+    ce
+  ) : {
+    // Fallback: using maximum possible z-index so that this element
+    // will always be on top of other positioned content.
+    zIndex: le
+  }), {}, {
+    // According to `mdn`, the element can be offscreen:
+    // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage#imgelement
+    //
+    // However, that  information does not appear in the specs:
+    // https://html.spec.whatwg.org/multipage/dnd.html#dom-datatransfer-setdragimage-dev
+    //
+    // If the element is _completely_ offscreen, Safari@17.1 will cancel the drag
+    top: 0,
+    left: 0,
+    // Avoiding any additional events caused by the new element (being super safe)
+    pointerEvents: "none"
+  })), document.body.append(o), z() && o.showPopover();
+  var s = e({
+    container: o
+  });
+  queueMicrotask(function() {
+    var l = a({
+      container: o
+    });
+    if (vt()) {
+      var c = o.getBoundingClientRect();
+      if (c.width === 0)
+        return;
+      o.style.left = "-".concat(c.width - 1e-4, "px");
+    }
+    r == null || r(o, l.x, l.y);
+  });
+  function i() {
+    d(), s == null || s(), document.body.removeChild(o);
+  }
+  var d = kt({
+    // Remove portal in the dragstart event so that the user will never see it
+    onDragStart: i,
+    // Backup: remove portal when the drop finishes (this would be an error case)
+    onDrop: i
+  });
+}
+function Kr(t) {
+  var e = t.element, r = t.input;
+  return function(a) {
+    var o = a.container, s = e.getBoundingClientRect(), i = o.getBoundingClientRect(), d = Math.min(
+      // difference
+      r.clientX - s.x,
+      // don't let the difference be more than the width of the container,
+      // otherwise the pointer will be off the preview
+      i.width
+    ), l = Math.min(
+      // difference
+      r.clientY - s.y,
+      // don't let the difference be more than the height of the container,
+      // otherwise the pointer will be off the preview
+      i.height
+    );
+    return {
+      x: d,
+      y: l
+    };
+  };
+}
+let me = 0;
+function lt() {
+  me = Date.now();
+}
+function ye(t = 300) {
+  return Date.now() - me < t;
+}
+const Ct = "rsv-timegrid-event", pe = "rsv-timegrid-col";
+function he(t, e, r) {
+  return r ? Lr({
+    element: t,
+    getInitialData: () => ({ [Ct]: !0, id: e.id }),
+    onGenerateDragPreview({ location: n, nativeSetDragImage: a }) {
+      Br({
+        nativeSetDragImage: a,
+        getOffset: Kr({ element: t, input: n.current.input }),
+        render({ container: o }) {
+          const s = t.cloneNode(!0);
+          s.setAttribute("data-rsv-drag-preview", "true"), s.style.width = `${t.offsetWidth}px`, s.style.height = `${t.offsetHeight}px`, o.appendChild(s);
+        }
+      });
+    }
+  }) : () => {
+  };
+}
+function Vr(t) {
+  return ge({
+    element: t,
+    canDrop: ({ source: e }) => e.data[Ct] === !0,
+    getData: ({ element: e }) => ({
+      [pe]: !0,
+      dayIndex: Number(e.dataset.rsvDayIndex ?? 0)
+    })
+  });
+}
+function Yr(t, e, r, n) {
+  const a = t.getBoundingClientRect(), o = r.maxMinutes - r.minMinutes;
+  if (a.height === 0 || o <= 0) return r.minMinutes;
+  const s = r.minMinutes + (e - a.top) / a.height * o, i = Math.max(r.minMinutes, Math.min(r.maxMinutes, s));
+  return Math.round(i / n) * n;
+}
+function Ot(t, e) {
+  return m.diff(t, e, "minute");
+}
+function Wr(t, e, r) {
+  const n = m.add(m.startOf(t, "day"), { minutes: e });
+  if (Ot(n, r.start) === 0) return null;
+  const a = r.end ? Ot(r.start, r.end) : 0;
+  return {
+    start: n,
+    end: r.end ? m.add(n, { minutes: a }) : null
+  };
+}
+function Gr({
+  api: t,
+  getModel: e,
+  snap: r,
+  onPreview: n,
+  onDragging: a
+}) {
+  const o = X(r ?? "00:15") || 15, s = (i) => {
+    const d = i.current.dropTargets.find((c) => c.data[pe] === !0);
+    if (!d) return null;
+    const l = Yr(
+      d.element,
+      i.current.input.clientY,
+      e(),
+      o
+    );
+    return { target: d, inicio: l };
+  };
+  return kt({
+    canMonitor: ({ source: i }) => i.data[Ct] === !0,
+    onDragStart: ({ source: i }) => {
+      lt(), a(String(i.data.id));
+    },
+    onDrag: ({ source: i, location: d }) => {
+      const l = s(d);
+      if (!l) return;
+      const c = t.getEventById(String(i.data.id));
+      if (!c) return;
+      const p = c.end ? Math.max(o, Ot(c.start, c.end)) : o;
+      n({
+        dayIndex: Number(l.target.data.dayIndex),
+        startMin: l.inicio,
+        endMin: l.inicio + p
+      });
+    },
+    onDrop: ({ source: i, location: d }) => {
+      var v;
+      lt(), n(null), a(null);
+      const l = s(d);
+      if (!l) return;
+      const c = t.getEventById(String(i.data.id));
+      if (!c) return;
+      const p = (v = e().days[Number(l.target.data.dayIndex)]) == null ? void 0 : v.date;
+      if (!p) return;
+      const D = Wr(p, l.inicio, c);
+      if (D && t.moveEvent(c.id, D.start, D.end)) {
+        const g = t.getEventById(c.id);
+        g && t.trigger("eventDrop", { event: g });
+      }
+    }
+  });
+}
+const be = "rsv-timegrid-event", we = "rsv-daygrid-day";
+function Ur(t, e) {
+  const r = m.diff(m.startOf(e.start, "day"), m.startOf(t, "day"), "day");
+  return r === 0 ? null : {
+    start: m.add(e.start, { days: r }),
+    end: e.end ? m.add(e.end, { days: r }) : null
+  };
+}
+function zr(t) {
+  return ge({
+    element: t,
+    canDrop: ({ source: e }) => e.data[be] === !0,
+    // Sin capturas: la fecha se lee del DOM al soltar, porque Preact reutiliza
+    // la celda al navegar de mes.
+    getData: ({ element: e }) => ({
+      [we]: !0,
+      fechaISO: e.dataset.date ?? ""
+    })
+  });
+}
+function Xr({
+  api: t,
+  onPreview: e,
+  onDragging: r
+}) {
+  const n = (a) => a.current.dropTargets.find((o) => o.data[we] === !0) ?? null;
+  return kt({
+    canMonitor: ({ source: a }) => a.data[be] === !0,
+    onDragStart: ({ source: a }) => {
+      lt(), r(String(a.data.id));
+    },
+    onDrag: ({ location: a }) => {
+      const o = n(a);
+      e(o ? String(o.data.fechaISO) : null);
+    },
+    onDrop: ({ source: a, location: o }) => {
+      lt(), e(null), r(null);
+      const s = n(o);
+      if (!s) return;
+      const i = t.getEventById(String(a.data.id));
+      if (!i) return;
+      const d = Ur(m.from(String(s.data.fechaISO)), i);
+      if (d && t.moveEvent(i.id, d.start, d.end)) {
+        const l = t.getEventById(i.id);
+        l && t.trigger("eventDrop", { event: l });
+      }
+    }
+  });
+}
+function De({ api: t, model: e, options: r }) {
   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(
+  const n = r.locale ?? "en", a = { type: t.getView().type }, o = st(n, r.dayHeaderFormat, { weekday: "short" }), s = ((v = e.weeks[0]) == null ? void 0 : v.days) ?? [], i = r.weekNumbers === !0, [d, l] = K(null), [c, p] = K(null), D = F(/* @__PURE__ */ new Map());
+  return R(
+    () => Xr({ api: t, onPreview: l, onDragging: p }),
+    [t]
+  ), R(() => {
+    const g = D.current;
+    return () => {
+      for (const h of g.values()) h();
+      g.clear();
+    };
+  }, []), /* @__PURE__ */ k(
     "div",
     {
       "data-rsv": "daygrid",
-      "data-weeknumbers": String(u),
-      style: `--rsv-cols:${t.columnCount}`,
+      "data-weeknumbers": String(i),
+      style: `--rsv-cols:${e.columnCount}`,
       children: [
-        /* @__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
+        /* @__PURE__ */ k("div", { "data-rsv": "daygrid-header", role: "row", children: [
+          i && /* @__PURE__ */ u("div", { "data-rsv": "daygrid-weeknum-header", role: "columnheader" }),
+          s.map((g) => {
+            var S, M;
+            const h = m.toDate(g.date), b = o ? o(h) : "", w = {
+              date: h,
+              text: b,
+              dayOfWeek: g.dayOfWeek,
+              dayNumber: m.dayOfMonth(g.date),
+              isToday: g.isToday,
+              view: a
             };
-            return /* @__PURE__ */ d(
+            return /* @__PURE__ */ u(
               "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);
+                "data-dow": String(g.dayOfWeek),
+                class: N((S = r.classNames) == null ? void 0 : S.dayHeader),
+                ref: (x) => {
+                  var y;
+                  return W(x, (y = r.hooks) == null ? void 0 : y.dayHeaderDidMount, () => w);
                 },
-                children: L((w = e.slots) == null ? void 0 : w.dayHeaderContent, b, f, e.hostBridge)
+                children: L((M = r.slots) == null ? void 0 : M.dayHeaderContent, w, b, r.hostBridge)
               },
-              c.dayOfWeek
+              g.dayOfWeek
             );
           })
         ] }),
-        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,
+        e.weeks.map((g, h) => /* @__PURE__ */ k("div", { "data-rsv": "daygrid-week", role: "row", children: [
+          i && /* @__PURE__ */ u("div", { "data-rsv": "daygrid-weeknum", role: "rowheader", children: g.weekNumber }),
+          g.days.map((b) => /* @__PURE__ */ u(
+            qr,
             {
-              api: r,
-              cell: f,
-              options: e,
-              view: o
+              api: t,
+              cell: b,
+              options: r,
+              view: a,
+              dropActivo: d === m.toISOString(b.date),
+              limpiezaDias: D,
+              idArrastrado: c
             },
-            s.toISOString(f.date)
+            m.toISOString(b.date)
           ))
-        ] }, l))
+        ] }, h))
       ]
     }
   );
 }
-function _t({
-  api: r,
-  cell: t,
-  options: e,
-  view: n
+function qr({
+  api: t,
+  cell: e,
+  options: r,
+  view: n,
+  dropActivo: a,
+  limpiezaDias: o,
+  idArrastrado: s
 }) {
-  var p, m, S;
-  const o = s.toDate(t.date), a = s.dayOfMonth(t.date), h = e.navLinks ? /* @__PURE__ */ d(
+  var S, M, x;
+  const i = m.toDate(e.date), d = m.dayOfMonth(e.date), l = r.navLinks ? /* @__PURE__ */ u(
     "a",
     {
       "data-rsv": "day-number",
       "data-nav-link": "true",
       role: "link",
       tabIndex: 0,
-      title: R(e.locale).navLinkHint(
-        new Intl.DateTimeFormat(e.locale, { dateStyle: "long" }).format(o)
+      title: V(r.locale).navLinkHint(
+        new Intl.DateTimeFormat(r.locale, { dateStyle: "long" }).format(i)
       ),
-      onClick: (i) => {
-        i.stopPropagation(), st(r, t.date);
+      onClick: (y) => {
+        y.stopPropagation(), ee(t, e.date);
       },
-      children: a
+      children: d
     }
-  ) : /* @__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;
+  ) : /* @__PURE__ */ u("span", { "data-rsv": "day-number", children: d }), c = { date: i, dayNumber: d, isToday: e.isToday, isOther: e.isOther, view: n }, p = L(
+    (S = r.slots) == null ? void 0 : S.dayCellContent,
+    c,
+    l,
+    r.hostBridge
+  ), [D, v] = K(!1), g = m.toISOString(e.date), h = F(!1), b = () => {
+    if (h.current) {
+      h.current = !1;
       return;
     }
-    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
+    t.trigger("dateClick", { date: e.date }), r.selectable && t.select(g, m.toISOString(m.add(e.date, { days: 1 })));
+  }, w = (y) => {
+    y.stopPropagation(), v(!0), t.trigger("moreLinkClick", {
+      date: e.date,
+      allEvents: [...e.events, ...e.hiddenEvents],
+      hiddenEvents: e.hiddenEvents
     });
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ k(
     "div",
     {
       "data-rsv": "day",
       role: "gridcell",
-      "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),
-      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);
+      "data-date": g,
+      "data-rsv-drop": a ? "true" : void 0,
+      "data-today": String(e.isToday),
+      "data-other": String(e.isOther),
+      "data-weekend": String(e.isWeekend),
+      "data-business": String(e.isBusiness),
+      "data-selected": String(e.isSelected),
+      class: N((M = r.classNames) == null ? void 0 : M.day),
+      ref: (y) => {
+        var f;
+        W(y, (f = r.hooks) == null ? void 0 : f.dayCellDidMount, () => c), !(!y || o.current.has(y)) && o.current.set(y, zr(y));
       },
-      onClick: k,
-      onPointerDown: e.selectable ? (i) => Bt(i, {
-        api: r,
-        startDate: f,
+      onClick: b,
+      onPointerDown: r.selectable ? (y) => Xe(y, {
+        api: t,
+        startDate: g,
         onRangeSelect: () => {
-          b.current = !0;
+          h.current = !0;
         }
       }) : void 0,
       children: [
-        v,
-        t.events.filter((i) => i.display !== "none").map((i) => /* @__PURE__ */ d(
-          vt,
+        p,
+        e.events.filter((y) => y.display !== "none").map((y) => /* @__PURE__ */ u(
+          Se,
           {
-            api: r,
-            event: i,
-            options: e,
+            api: t,
+            event: y,
+            options: r,
             view: n,
-            sourceDate: f
+            arrastrandose: s === y.id
           },
-          i.id
+          y.id
         )),
-        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,
+        e.moreCount > 0 && /* @__PURE__ */ k("div", { "data-rsv": "more-anchor", children: [
+          /* @__PURE__ */ u("button", { type: "button", "data-rsv": "more-link", onClick: w, children: L(
+            (x = r.slots) == null ? void 0 : x.moreLinkContent,
             {
-              date: o,
-              moreCount: t.moreCount,
-              allEvents: [...t.events, ...t.hiddenEvents],
-              hiddenEvents: t.hiddenEvents,
+              date: i,
+              moreCount: e.moreCount,
+              allEvents: [...e.events, ...e.hiddenEvents],
+              hiddenEvents: e.hiddenEvents,
               view: n
             },
-            R(e.locale).more(t.moreCount),
-            e.hostBridge
+            V(r.locale).more(e.moreCount),
+            r.hostBridge
           ) }),
-          c && /* @__PURE__ */ d(
-            jt,
+          D && /* @__PURE__ */ u(
+            _r,
             {
-              api: r,
-              cell: t,
-              options: e,
+              api: t,
+              cell: e,
+              options: r,
               view: n,
-              onClose: () => l(!1)
+              onClose: () => v(!1)
             }
           )
         ] })
@@ -545,463 +2175,502 @@ function _t({
     }
   );
 }
-function jt({
-  api: r,
-  cell: t,
-  options: e,
+function _r({
+  api: t,
+  cell: e,
+  options: r,
   view: n,
-  onClose: o
+  onClose: a
 }) {
-  const a = $(null), h = new Intl.DateTimeFormat(e.locale ?? "en", {
+  const o = F(null), s = new Intl.DateTimeFormat(r.locale ?? "en", {
     weekday: "long",
     day: "numeric",
     month: "long"
-  }), 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();
+  }), i = [...e.events, ...e.hiddenEvents].filter((d) => d.display !== "none");
+  return R(() => {
+    const d = (c) => {
+      o.current && !o.current.contains(c.target) && a();
+    }, l = (c) => {
+      c.key === "Escape" && a();
     };
-    return document.addEventListener("mousedown", v), document.addEventListener("keydown", c), () => {
-      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", c);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", l), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", l);
     };
-  }, [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: "✕" })
+  }, [a]), /* @__PURE__ */ k("div", { "data-rsv": "more-popover", role: "dialog", ref: o, onClick: (d) => d.stopPropagation(), children: [
+    /* @__PURE__ */ k("div", { "data-rsv": "more-popover-header", children: [
+      /* @__PURE__ */ u("span", { "data-rsv": "more-popover-title", children: s.format(m.toDate(e.date)) }),
+      /* @__PURE__ */ u("button", { type: "button", "data-rsv": "more-popover-close", "aria-label": "✕", onClick: a, children: "✕" })
     ] }),
-    /* @__PURE__ */ d("div", { "data-rsv": "more-popover-body", children: u.map((v) => /* @__PURE__ */ d(
-      vt,
+    /* @__PURE__ */ u("div", { "data-rsv": "more-popover-body", children: i.map((d) => /* @__PURE__ */ u(
+      Se,
       {
-        api: r,
-        event: v,
-        options: e,
+        api: t,
+        event: d,
+        options: r,
         view: n,
-        sourceDate: s.toISOString(t.date)
+        arrastrandose: !1
       },
-      v.id
+      d.id
     )) })
   ] });
 }
-function vt({
-  api: r,
-  event: t,
-  options: e,
+function Se({
+  api: t,
+  event: e,
+  options: r,
   view: n,
-  sourceDate: o
+  arrastrandose: a
 }) {
-  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
+  var h, b;
+  const o = r.editable === !0 && e.editable !== !1, s = o && r.eventDraggable === !0, i = F(null), d = F(null);
+  R(() => () => {
+    var w;
+    return (w = i.current) == null ? void 0 : w.call(i);
+  }, []);
+  const l = t.selectedEventIds.value.has(e.id), c = F(!1), p = ct(r.locale ?? "en", r.eventTimeFormat), D = e.allDay ? "" : p ? p(m.toDate(e.start)) : m.format(e.start, "HH:mm"), v = { event: e, isAllDay: e.allDay, timeText: D, view: n }, g = L(
+    (h = r.slots) == null ? void 0 : h.eventContent,
+    v,
+    /* @__PURE__ */ k("span", { "data-rsv": "event-title", children: [
+      D ? `${D} ` : "",
+      e.title
     ] }),
-    e.hostBridge
+    r.hostBridge
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(
     "div",
     {
       "data-rsv": "event",
       role: "button",
       tabIndex: 0,
-      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(a),
-      "data-rsv-selected": String(h),
+      class: N((b = r.classNames) == null ? void 0 : b.event, ...e.classNames),
+      "data-all-day": String(e.allDay),
+      "data-display": e.display,
+      "data-event-id": e.id,
+      "data-editable": String(o),
+      "data-rsv-selected": String(l),
+      "data-rsv-dragging": a ? "true" : void 0,
       ref: (w) => {
-        var p;
-        return A(w, (p = e.hooks) == null ? void 0 : p.eventDidMount, () => l);
+        var S, M;
+        W(w, (S = r.hooks) == null ? void 0 : S.eventDidMount, () => v), w !== d.current && ((M = i.current) == null || M.call(i), d.current = w, i.current = w ? he(w, e, s) : null);
       },
-      style: `--rsv-event-bg:${t.backgroundColor};--rsv-event-fg:${t.textColor};--rsv-event-border:${t.borderColor}`,
+      style: `--rsv-event-bg:${e.backgroundColor};--rsv-event-fg:${e.textColor};--rsv-event-border:${e.borderColor}`,
       onClick: (w) => {
-        if (w.stopPropagation(), u.current) {
-          u.current = !1;
+        if (w.stopPropagation(), c.current) {
+          c.current = !1;
           return;
         }
         if (w.ctrlKey || w.metaKey) {
-          r.toggleEventSelection(t.id);
+          t.toggleEventSelection(e.id);
           return;
         }
-        r.trigger("eventClick", { event: t, el: w.currentTarget }), t.url && window.open(t.url, "_self");
+        t.trigger("eventClick", { event: e, el: w.currentTarget }), e.url && window.open(e.url, "_self");
       },
-      onPointerDown: a ? (w) => Gt(w, {
-        api: r,
-        event: t,
-        sourceDate: o,
-        onMoved: () => {
-          u.current = !0;
-        }
-      }) : void 0,
-      onKeyDown: a ? (w) => lt(w, {
-        api: r,
-        event: t,
+      onKeyDown: o ? (w) => re(w, {
+        api: t,
+        event: e,
         kind: "dayGrid",
-        shortcuts: e.keyboardShortcuts
+        shortcuts: r.keyboardShortcuts
       }) : void 0,
-      children: f
+      children: g
     }
   );
 }
-const j = 40, it = 16, Kt = {
+const it = 40, Qt = 16, Zr = {
   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;
+function Oe(t) {
+  if (!t) return Zr;
+  let e = 0, r = 0, n = 0;
+  const a = () => {
+    const o = t.getBoundingClientRect();
+    let s = 0;
+    if (e < o.top + it ? s = -Qt * (1 - Math.max(0, e - o.top) / it) : e > o.bottom - it && (s = Qt * (1 - Math.max(0, o.bottom - e) / it)), s !== 0) {
+      const i = t.scrollTop;
+      t.scrollTop += s, r += t.scrollTop - i;
     }
-    n = requestAnimationFrame(o);
+    n = requestAnimationFrame(a);
   };
-  return n = requestAnimationFrame(o), {
-    update(a) {
-      t = a;
+  return n = requestAnimationFrame(a), {
+    update(o) {
+      e = o;
     },
-    getScrolled: () => e,
+    getScrolled: () => r,
     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 });
+function Te(t) {
+  return t.closest('[data-rsv="tg-body"]');
+}
+function te(t, e) {
+  t.preventDefault(), t.stopPropagation();
+  const { api: r, event: n, model: a, columnEl: o, snap: s = "00:15", edge: i, onPreview: d } = e, l = o.getBoundingClientRect(), c = a.maxMinutes - a.minMinutes, p = l.height === 0 ? 0 : l.height / c, D = t.clientY, v = Oe(Te(o));
+  v.update(t.clientY);
+  const g = X(s) || 15, h = (S) => {
+    const M = m.toDate(S);
+    return M.getHours() * 60 + M.getMinutes();
+  }, b = (S) => {
+    if (v.update(S.clientY), !d) return;
+    const M = It(S.clientY - D + v.getScrolled(), p, s), x = i ? $t(n.start, n.end, i, M, m) : ht(n.start, n.end, M, m), y = h(x.start), f = x.end ? h(x.end) : y + g;
+    d({ startMin: Math.min(y, f), endMin: Math.max(y, f) });
+  }, w = (S) => {
+    document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", w), v.stop(), d == null || d(null);
+    const M = It(S.clientY - D + v.getScrolled(), p, s);
+    if (M === 0) return;
+    const x = i ? $t(n.start, n.end, i, M, m) : ht(n.start, n.end, M, m);
+    if (r.moveEvent(n.id, x.start, x.end)) {
+      const y = r.getEventById(n.id);
+      y && r.trigger(i ? "eventResize" : "eventDrop", { event: y });
     }
   };
-  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)
+  document.addEventListener("pointermove", b), document.addEventListener("pointerup", w);
+}
+function Jr(t, e) {
+  if (t.target.closest('[data-rsv="event"]')) return;
+  const { api: r, date: n, model: a, columnEl: o, snap: s = "00:15" } = e, i = a.maxMinutes - a.minMinutes, d = X(s) || 15, l = (b) => {
+    const w = o.getBoundingClientRect(), S = w.height === 0 ? 0 : w.height / i, M = a.minMinutes + (S === 0 ? 0 : (b - w.top) / S), x = Math.max(a.minMinutes, Math.min(a.maxMinutes, M));
+    return Math.round(x / d) * d;
+  }, c = l(t.clientY);
+  let p = c, D = !1;
+  const v = Oe(Te(o));
+  v.update(t.clientY);
+  const g = (b) => {
+    var S;
+    v.update(b.clientY);
+    const w = l(b.clientY);
+    w !== c && (D = !0), p = w, D && ((S = e.onPreview) == null || S.call(e, {
+      startMin: Math.min(c, p),
+      endMin: Math.max(c, p)
     }));
-  }, 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 }))
+  }, h = () => {
+    var M;
+    if (document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", h), v.stop(), (M = e.onPreview) == null || M.call(e, null), !D) return;
+    const b = Math.min(c, p), w = Math.max(c, p), S = m.startOf(n, "day");
+    r.select(
+      m.toISOString(m.add(S, { minutes: b })),
+      m.toISOString(m.add(S, { minutes: w }))
     );
   };
-  document.addEventListener("pointermove", w), document.addEventListener("pointerup", p);
+  document.addEventListener("pointermove", g), document.addEventListener("pointerup", h);
 }
-function Wt({ api: r, model: t, options: e }) {
-  const n = e.locale ?? "en", o = { type: r.getView().type }, a = W(n, e.dayHeaderFormat, {
+function Qr({ api: t, model: e, options: r }) {
+  const n = r.locale ?? "en", a = { type: t.getView().type }, o = st(n, r.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 = {
+  }), s = ct(n, r.slotLabelFormat), i = r.allDaySlot !== !1, d = `calc(var(--spacing-rsv-slot, 2.5rem) * ${e.slots.length})`, l = e.maxMinutes - e.minMinutes, c = X(r.snapDuration ?? r.slotDuration ?? "00:15") || 15, p = F(null), D = F(e);
+  D.current = e;
+  const [v, g] = K(null), [h, b] = K(null), w = F(null), S = F(/* @__PURE__ */ new Map());
+  R(() => {
+    const f = S.current;
+    return () => {
+      for (const T of f.values()) T();
+      f.clear();
+    };
+  }, []), R(
+    () => Gr({
+      api: t,
+      getModel: () => D.current,
+      snap: r.snapDuration ?? r.slotDuration,
+      onPreview: (f) => b(f ? { id: w.current ?? "", preview: f } : null),
+      onDragging: (f) => {
+        w.current = f, f === null && b(null);
+      }
+    }),
+    [t, r.snapDuration, r.slotDuration]
+  ), R(() => {
+    const f = p.current;
+    if (!f) return;
+    const T = {
       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));
+        const E = D.current, P = E.maxMinutes - E.minMinutes, I = f.scrollHeight;
+        if (P <= 0 || I <= 0) return;
+        const j = (Math.max(E.minMinutes, Math.min(E.maxMinutes, X(C))) - E.minMinutes) / P * I;
+        f.scrollTop = Math.max(0, Math.min(j, I - f.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);
+        const C = D.current, E = C.maxMinutes - C.minMinutes, P = f.scrollHeight;
+        return E <= 0 || P <= 0 ? null : We(C.minMinutes + f.scrollTop / P * E);
       }
     };
-    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 t.setViewAdapter(T), () => t.setViewAdapter(null);
+  }, [t]);
+  const M = r.scrollTime;
+  R(() => {
+    if (!M) return;
+    let f = 0;
+    const T = requestAnimationFrame(() => {
+      f = requestAnimationFrame(() => t.scrollToTime(M));
     });
     return () => {
-      cancelAnimationFrame(D), cancelAnimationFrame(i);
+      cancelAnimationFrame(T), cancelAnimationFrame(f);
     };
-  }, [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,
+  }, [t]);
+  const x = (f, T) => {
+    const C = f.getBoundingClientRect();
+    if (C.height === 0 || l <= 0) return e.minMinutes;
+    const E = (T - C.top) / C.height * l, P = Math.floor(Math.max(0, Math.min(l, E)) / c) * c;
+    return e.minMinutes + P;
+  }, y = e.days[0];
+  return /* @__PURE__ */ k("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${e.days.length}`, children: [
+    /* @__PURE__ */ k("div", { "data-rsv": "tg-header", role: "row", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "tg-axis-corner" }),
+      e.days.map((f) => {
+        var P, I;
+        const T = m.toDate(f.date), C = o ? o(T) : "", E = {
+          date: T,
           text: C,
-          dayOfWeek: s.dayOfWeek(i.date),
-          dayNumber: s.dayOfMonth(i.date),
-          isToday: i.isToday,
-          view: o
+          dayOfWeek: m.dayOfWeek(f.date),
+          dayNumber: m.dayOfMonth(f.date),
+          isToday: f.isToday,
+          view: a
         };
-        return /* @__PURE__ */ d(
+        return /* @__PURE__ */ u(
           "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);
+            "data-today": String(f.isToday),
+            "data-date": m.toISOString(f.date),
+            "data-nav-link": r.navLinks ? "true" : void 0,
+            class: N((P = r.classNames) == null ? void 0 : P.dayHeader),
+            ref: ($) => {
+              var j;
+              return W($, (j = r.hooks) == null ? void 0 : j.dayHeaderDidMount, () => E);
             },
-            onClick: e.navLinks ? () => st(r, i.date) : void 0,
-            children: L((x = e.slots) == null ? void 0 : x.dayHeaderContent, M, C, e.hostBridge)
+            onClick: r.navLinks ? () => ee(t, f.date) : void 0,
+            children: L((I = r.slots) == null ? void 0 : I.dayHeaderContent, E, C, r.hostBridge)
           },
-          s.toISOString(i.date)
+          m.toISOString(f.date)
         );
       })
     ] }),
-    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(
+    i && /* @__PURE__ */ k("div", { "data-rsv": "tg-allday", role: "row", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "tg-axis-label", children: V(r.locale).allDay }),
+      e.days.map((f) => /* @__PURE__ */ u(
         "div",
         {
           "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(
+          onClick: () => t.trigger("dateClick", { date: f.date, allDay: !0 }),
+          children: f.allDayEvents.filter((T) => T.display !== "none").map((T) => {
+            var C, E;
+            return /* @__PURE__ */ u(
               "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");
+                "data-event-id": T.id,
+                class: N((C = r.classNames) == null ? void 0 : C.event, ...T.classNames),
+                "data-display": T.display,
+                style: `--rsv-event-bg:${T.backgroundColor};--rsv-event-fg:${T.textColor};--rsv-event-border:${T.borderColor}`,
+                onClick: (P) => {
+                  P.stopPropagation(), t.trigger("eventClick", { event: T, el: P.currentTarget }), T.url && window.open(T.url, "_self");
                 },
                 children: L(
-                  (M = e.slots) == null ? void 0 : M.eventContent,
-                  { event: D, isAllDay: !0, timeText: "", view: o },
-                  D.title,
-                  e.hostBridge
+                  (E = r.slots) == null ? void 0 : E.eventContent,
+                  { event: T, isAllDay: !0, timeText: "", view: a },
+                  T.title,
+                  r.hostBridge
                 )
               },
-              D.id
+              T.id
             );
           })
         },
-        s.toISOString(i.date)
+        m.toISOString(f.date)
       ))
     ] }),
-    /* @__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;
+    /* @__PURE__ */ k("div", { "data-rsv": "tg-body", ref: p, children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "tg-axis", style: `height:${d}`, children: e.slots.map((f) => {
+        var P, I;
+        const T = e.minMinutes + f.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(
+        f.isMajor && (C = s && y ? s(m.toDate(m.add(m.startOf(y.date, "day"), { minutes: T }))) : f.label || Ye(T));
+        const E = { text: C, minutes: T, isMajor: f.isMajor, view: a };
+        return /* @__PURE__ */ u("div", { "data-rsv": "tg-slot", "data-major": String(f.isMajor), children: /* @__PURE__ */ u(
           "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);
+            class: N((P = r.classNames) == null ? void 0 : P.slotLabel),
+            ref: ($) => {
+              var j;
+              return W($, (j = r.hooks) == null ? void 0 : j.slotLabelDidMount, () => E);
             },
-            children: L((x = e.slots) == null ? void 0 : x.slotLabelContent, M, C, e.hostBridge)
+            children: L((I = r.slots) == null ? void 0 : I.slotLabelContent, E, C, r.hostBridge)
           }
-        ) }, i.offsetMin);
+        ) }, f.offsetMin);
       }) }),
-      t.days.map((i, D) => {
+      e.days.map((f, T) => {
         var C;
-        return /* @__PURE__ */ g(
+        return /* @__PURE__ */ k(
           "div",
           {
             "data-rsv": "tg-col",
-            "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 }),
+            "data-today": String(f.isToday),
+            "data-date": m.toISOString(f.date),
+            "data-rsv-day-index": String(T),
+            ref: (E) => {
+              !E || S.current.has(E) || S.current.set(E, Vr(E));
+            },
+            style: `height:${d}`,
+            onClick: (E) => {
+              if (ye()) return;
+              const P = x(E.currentTarget, E.clientY);
+              t.trigger("dateClick", {
+                date: m.add(m.startOf(f.date, "day"), { minutes: P }),
                 allDay: !1
               });
             },
-            onPointerDown: e.selectable ? (M) => Ut(M, {
-              api: r,
-              date: i.date,
-              model: t,
-              columnEl: M.currentTarget,
-              snap: e.snapDuration ?? e.slotDuration,
-              onPreview: e.selectMirror ? (E) => w(
-                E ? { dayIndex: D, startMin: E.startMin, endMin: E.endMin } : null
+            onPointerDown: r.selectable ? (E) => Jr(E, {
+              api: t,
+              date: f.date,
+              model: e,
+              columnEl: E.currentTarget,
+              snap: r.snapDuration ?? r.slotDuration,
+              onPreview: r.selectMirror ? (P) => g(
+                P ? { dayIndex: T, startMin: P.startMin, endMin: P.endMin } : null
               ) : void 0
             }) : void 0,
             children: [
-              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(
+              r.businessHours && !f.businessPct && /* @__PURE__ */ u("div", { "data-rsv": "tg-nonbusiness", style: "top:0;height:100%" }),
+              f.businessPct && /* @__PURE__ */ k($e, { children: [
+                /* @__PURE__ */ u("div", { "data-rsv": "tg-nonbusiness", style: `top:0;height:${f.businessPct.topPct}%` }),
+                /* @__PURE__ */ u(
                   "div",
                   {
                     "data-rsv": "tg-nonbusiness",
-                    style: `top:${i.businessPct.bottomPct}%;height:${100 - i.businessPct.bottomPct}%`
+                    style: `top:${f.businessPct.bottomPct}%;height:${100 - f.businessPct.bottomPct}%`
                   }
                 )
               ] }),
-              (k == null ? void 0 : k.dayIndex) === D && c > 0 && /* @__PURE__ */ d(
+              (v == null ? void 0 : v.dayIndex) === T && l > 0 && /* @__PURE__ */ u(
                 "div",
                 {
                   "data-rsv": "select-mirror",
-                  style: `top:${(k.startMin - t.minMinutes) / c * 100}%;height:${(k.endMin - k.startMin) / c * 100}%`
+                  style: `top:${(v.startMin - e.minMinutes) / l * 100}%;height:${(v.endMin - v.startMin) / l * 100}%`
                 }
               ),
-              i.timedSegs.filter((M) => M.event.display !== "none").map((M) => /* @__PURE__ */ d(
-                Xt,
+              f.timedSegs.filter((E) => E.event.display !== "none").map((E) => /* @__PURE__ */ u(
+                tn,
                 {
-                  api: r,
-                  seg: M,
-                  model: t,
-                  options: e,
-                  view: o
+                  api: t,
+                  seg: E,
+                  model: e,
+                  options: r,
+                  view: a,
+                  dragging: (h == null ? void 0 : h.id) === E.event.id,
+                  onDragPreview: (P) => b(P ? { id: E.event.id, preview: { dayIndex: T, ...P } } : null)
                 },
-                M.event.id
+                E.event.id
               )),
-              ((C = t.nowIndicator) == null ? void 0 : C.dayIndex) === D && /* @__PURE__ */ d("div", { "data-rsv": "now-indicator", style: `top:${t.nowIndicator.topPct}%` })
+              (h == null ? void 0 : h.preview.dayIndex) === T && l > 0 && /* @__PURE__ */ u(
+                "div",
+                {
+                  "data-rsv": "drag-mirror",
+                  style: `top:${(h.preview.startMin - e.minMinutes) / l * 100}%;height:${(h.preview.endMin - h.preview.startMin) / l * 100}%`
+                }
+              ),
+              ((C = e.nowIndicator) == null ? void 0 : C.dayIndex) === T && /* @__PURE__ */ u("div", { "data-rsv": "now-indicator", style: `top:${e.nowIndicator.topPct}%` })
             ]
           },
-          s.toISOString(i.date)
+          m.toISOString(f.date)
         );
       })
     ] })
   ] });
 }
-function Xt({
-  api: r,
-  seg: t,
-  model: e,
+function tn({
+  api: t,
+  seg: e,
+  model: r,
   options: n,
-  view: o
+  view: a,
+  dragging: o,
+  onDragPreview: s
 }) {
-  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,
+  var M, x;
+  const { event: i } = e, d = n.editable === !0 && i.editable !== !1, l = d && n.eventDraggable === !0, c = F(null), p = F(null);
+  R(() => () => {
+    var y;
+    return (y = c.current) == null ? void 0 : y.call(c);
+  }, []);
+  const D = t.selectedEventIds.value.has(i.id), v = 100 / e.colCount, g = ct(n.locale ?? "en", n.eventTimeFormat), h = g ? g(m.toDate(i.start)) : m.format(i.start, "HH:mm"), b = { event: i, isAllDay: !1, timeText: h, view: a }, w = L(
+    (M = n.slots) == null ? void 0 : M.eventContent,
+    b,
+    /* @__PURE__ */ k("span", { "data-rsv": "event-title", children: [
+      h,
       " ",
-      a.title
+      i.title
     ] }),
     n.hostBridge
-  ), k = (m) => m.closest('[data-rsv="tg-col"]') ?? m;
-  return /* @__PURE__ */ g(
+  ), S = (y) => y.closest('[data-rsv="tg-col"]') ?? y;
+  return /* @__PURE__ */ k(
     "div",
     {
       "data-rsv": "event",
       "data-all-day": "false",
-      "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),
+      "data-display": i.display,
+      "data-event-id": i.id,
+      "data-rsv-selected": String(D),
+      "data-rsv-dragging": o ? "true" : void 0,
+      class: N((x = n.classNames) == null ? void 0 : x.event, ...i.classNames),
       role: "button",
       tabIndex: 0,
-      ref: (m) => {
-        var S;
-        return A(m, (S = n.hooks) == null ? void 0 : S.eventDidMount, () => f);
+      ref: (y) => {
+        var f, T;
+        W(y, (f = n.hooks) == null ? void 0 : f.eventDidMount, () => b), y !== p.current && ((T = c.current) == null || T.call(c), p.current = y, c.current = y ? he(y, i, l) : null);
       },
-      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;
+      style: `position:absolute;top:${e.topPct}%;height:${e.heightPct}%;left:${e.col * v}%;width:${v}%;--rsv-event-bg:${i.backgroundColor};--rsv-event-fg:${i.textColor};--rsv-event-border:${i.borderColor}`,
+      onClick: (y) => {
+        if (y.stopPropagation(), !ye()) {
+          if (y.ctrlKey || y.metaKey) {
+            t.toggleEventSelection(i.id);
+            return;
+          }
+          t.trigger("eventClick", { event: i, el: y.currentTarget }), i.url && window.open(i.url, "_self");
         }
-        r.trigger("eventClick", { event: a, el: m.currentTarget }), a.url && window.open(a.url, "_self");
       },
-      onKeyDown: h ? (m) => lt(m, {
-        api: r,
-        event: a,
+      onKeyDown: d ? (y) => re(y, {
+        api: t,
+        event: i,
         kind: "timeGrid",
         snap: n.snapDuration ?? n.slotDuration,
         shortcuts: n.keyboardShortcuts
       }) : void 0,
-      onPointerDown: h ? (m) => q(m, {
-        api: r,
-        event: a,
-        model: e,
-        columnEl: k(m.currentTarget),
-        snap: n.snapDuration
-      }) : void 0,
       children: [
-        h && /* @__PURE__ */ d(
+        d && /* @__PURE__ */ u(
           "span",
           {
             "data-rsv": "resize-handle",
             "data-edge": "start",
-            onPointerDown: (m) => q(m, {
-              api: r,
-              event: a,
-              model: e,
-              columnEl: k(m.currentTarget),
+            onPointerDown: (y) => te(y, {
+              api: t,
+              event: i,
+              model: r,
+              columnEl: S(y.currentTarget),
               snap: n.snapDuration,
+              onPreview: s,
               edge: "start"
             })
           }
         ),
-        b,
-        h && /* @__PURE__ */ d(
+        w,
+        d && /* @__PURE__ */ u(
           "span",
           {
             "data-rsv": "resize-handle",
             "data-edge": "end",
-            onPointerDown: (m) => q(m, {
-              api: r,
-              event: a,
-              model: e,
-              columnEl: k(m.currentTarget),
+            onPointerDown: (y) => te(y, {
+              api: t,
+              event: i,
+              model: r,
+              columnEl: S(y.currentTarget),
               snap: n.snapDuration,
+              onPreview: s,
               edge: "end"
             })
           }
@@ -1010,203 +2679,203 @@ function Xt({
     }
   );
 }
-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, {
+function en({ api: t, model: e, options: r }) {
+  const n = r.locale ?? "en", a = { type: t.getView().type }, o = V(r.locale), s = st(n, r.listDayFormat, {
     weekday: "long",
     day: "numeric",
     month: "long"
-  }), 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)) })
+  }), i = r.listDaySideFormat ? st(n, r.listDaySideFormat, { month: "short", day: "2-digit" }) : null, d = ct(n, r.eventTimeFormat);
+  return e.isEmpty ? /* @__PURE__ */ u("div", { "data-rsv": "list", children: /* @__PURE__ */ u("div", { "data-rsv": "list-empty", children: o.noEvents }) }) : /* @__PURE__ */ u("div", { "data-rsv": "list", role: "list", children: e.days.map((l) => /* @__PURE__ */ k("div", { "data-rsv": "list-day", "data-today": String(l.isToday), children: [
+    /* @__PURE__ */ k("div", { "data-rsv": "list-day-header", role: "heading", "aria-level": 3, children: [
+      /* @__PURE__ */ u("span", { "data-rsv": "list-day-text", children: s ? s(m.toDate(l.date)) : "" }),
+      i && /* @__PURE__ */ u("span", { "data-rsv": "list-day-side-text", children: i(m.toDate(l.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(
+    l.events.filter((c) => c.display !== "none").map((c) => {
+      var v, g;
+      const p = c.allDay ? o.allDay : d ? d(m.toDate(c.start)) : m.format(c.start, "HH:mm"), D = { event: c, isAllDay: c.allDay, timeText: p, view: a };
+      return /* @__PURE__ */ k(
         "div",
         {
           "data-rsv": "list-item",
           role: "listitem",
           tabIndex: 0,
-          "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);
+          "data-event-id": c.id,
+          class: N((v = r.classNames) == null ? void 0 : v.event, ...c.classNames),
+          "data-display": c.display,
+          ref: (h) => {
+            var b;
+            return W(h, (b = r.hooks) == null ? void 0 : b.eventDidMount, () => D);
           },
-          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");
+          style: `--rsv-event-bg:${c.backgroundColor};--rsv-event-fg:${c.textColor};--rsv-event-border:${c.borderColor}`,
+          onClick: (h) => {
+            t.trigger("eventClick", { event: c, el: h.currentTarget }), c.url && window.open(c.url, "_self");
           },
           children: [
-            /* @__PURE__ */ d("span", { "data-rsv": "list-item-time", children: f }),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ u("span", { "data-rsv": "list-item-time", children: p }),
+            /* @__PURE__ */ u(
               "span",
               {
                 "data-rsv": "list-item-dot",
-                style: `--rsv-event-bg:${l.backgroundColor}`
+                style: `--rsv-event-bg:${c.backgroundColor}`
               }
             ),
-            /* @__PURE__ */ d("div", { "data-rsv": "list-item-title", children: L(
-              (w = e.slots) == null ? void 0 : w.eventContent,
-              b,
-              l.title,
-              e.hostBridge
+            /* @__PURE__ */ u("div", { "data-rsv": "list-item-title", children: L(
+              (g = r.slots) == null ? void 0 : g.eventContent,
+              D,
+              c.title,
+              r.hostBridge
             ) })
           ]
         },
-        l.id
+        c.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)) })
+  ] }, m.toISOString(l.date))) });
+}
+function rn({ api: t, model: e, options: r }) {
+  const n = r.locale ?? "en", a = new Intl.DateTimeFormat(n, { month: "long" });
+  return /* @__PURE__ */ u("div", { "data-rsv": "multimonth", children: e.months.map((o) => /* @__PURE__ */ k("section", { "data-rsv": "mm-month", children: [
+    /* @__PURE__ */ u("header", { "data-rsv": "mm-title", children: a.format(m.toDate(o.date)) }),
+    /* @__PURE__ */ u(De, { api: t, model: o.dayGrid, options: r })
+  ] }, m.toISOString(o.date))) });
+}
+const Tt = 1.6;
+function nn({ api: t, model: e, options: r }) {
+  return /* @__PURE__ */ k("div", { "data-rsv": "timeline", children: [
+    /* @__PURE__ */ u("div", { "data-rsv": "tl-axis", role: "row", children: e.slots.map((n) => /* @__PURE__ */ u("div", { "data-rsv": "tl-slot", style: `left:${n.leftPct}%`, children: n.label }, n.leftPct)) }),
+    /* @__PURE__ */ u("div", { "data-rsv": "tl-body", style: `height:${e.laneCount * Tt + 0.5}rem`, children: e.segs.map((n) => /* @__PURE__ */ u(Ee, { api: t, seg: n, options: r }, n.event.id)) })
   ] });
 }
-function gt({
-  api: r,
-  seg: t,
-  options: e
+function Ee({
+  api: t,
+  seg: e,
+  options: r
 }) {
-  var o;
-  const { event: n } = t;
-  return /* @__PURE__ */ d(
+  var a;
+  const { event: n } = e;
+  return /* @__PURE__ */ u(
     "div",
     {
       "data-rsv": "event",
       "data-event-id": n.id,
       role: "button",
       tabIndex: 0,
-      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 }),
+      style: `position:absolute;left:${e.leftPct}%;width:${e.widthPct}%;top:${e.lane * Tt}rem;height:${Tt - 0.2}rem;--rsv-event-bg:${n.backgroundColor};--rsv-event-fg:${n.textColor};--rsv-event-border:${n.borderColor}`,
+      onClick: (o) => t.trigger("eventClick", { event: n, el: o.currentTarget }),
       children: L(
-        (o = e.slots) == null ? void 0 : o.eventContent,
-        { event: n, isAllDay: n.allDay, timeText: "", view: { type: r.getView().type } },
+        (a = r.slots) == null ? void 0 : a.eventContent,
+        { event: n, isAllDay: n.allDay, timeText: "", view: { type: t.getView().type } },
         n.title,
-        e.hostBridge
+        r.hostBridge
       )
     }
   );
 }
-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)) })
+const an = 1.6;
+function on({ api: t, model: e, options: r }) {
+  return /* @__PURE__ */ k("div", { "data-rsv": "resource-timeline", children: [
+    /* @__PURE__ */ k("div", { "data-rsv": "rt-header", role: "row", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "resource-area-header", children: r.locale === "es" ? "Recursos" : "Resources" }),
+      /* @__PURE__ */ u("div", { "data-rsv": "tl-axis", children: e.slots.map((n) => /* @__PURE__ */ u("div", { "data-rsv": "tl-slot", style: `left:${n.leftPct}%`, children: n.label }, n.leftPct)) })
     ] }),
-    t.lanes.map((n) => {
-      const o = n.laneCount * Qt + 0.4;
-      return /* @__PURE__ */ g("div", { "data-rsv": "resource-row", role: "row", children: [
-        /* @__PURE__ */ g(
+    e.lanes.map((n) => {
+      const a = n.laneCount * an + 0.4;
+      return /* @__PURE__ */ k("div", { "data-rsv": "resource-row", role: "row", children: [
+        /* @__PURE__ */ k(
           "div",
           {
             "data-rsv": "resource-label",
             style: `padding-inline-start:${0.5 + n.row.depth * 1}rem`,
             children: [
-              n.row.hasChildren && /* @__PURE__ */ d(
+              n.row.hasChildren && /* @__PURE__ */ u(
                 "button",
                 {
                   type: "button",
                   "data-rsv": "resource-toggle",
                   "aria-expanded": n.row.expanded,
-                  onClick: () => r.toggleResource(n.row.resource.id),
+                  onClick: () => t.toggleResource(n.row.resource.id),
                   children: n.row.expanded ? "▾" : "▸"
                 }
               ),
-              /* @__PURE__ */ d("span", { "data-rsv": "resource-title", children: n.row.resource.title })
+              /* @__PURE__ */ u("span", { "data-rsv": "resource-title", children: n.row.resource.title })
             ]
           }
         ),
-        /* @__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)) })
+        /* @__PURE__ */ u("div", { "data-rsv": "resource-lane", style: `height:${a}rem`, children: n.segs.map((o) => /* @__PURE__ */ u(Ee, { api: t, seg: o, options: r }, o.event.id)) })
       ] }, n.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))
+function dn({ api: t, model: e, options: r }) {
+  const n = `calc(var(--spacing-rsv-slot, 2.5rem) * ${e.slots.length})`;
+  return /* @__PURE__ */ k("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${e.columns.length}`, children: [
+    /* @__PURE__ */ k("div", { "data-rsv": "tg-header", role: "row", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "tg-axis-corner" }),
+      e.columns.map((a) => /* @__PURE__ */ u("div", { "data-rsv": "tg-col-header", role: "columnheader", children: a.row.resource.title }, a.row.resource.id))
     ] }),
-    /* @__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(
+    /* @__PURE__ */ k("div", { "data-rsv": "tg-allday", role: "row", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "tg-axis-label", children: V(r.locale).allDay }),
+      e.columns.map((a) => /* @__PURE__ */ u("div", { "data-rsv": "tg-allday-cell", children: a.allDayEvents.map((o) => /* @__PURE__ */ u(
         "div",
         {
           "data-rsv": "event",
           "data-all-day": "true",
-          style: `--rsv-event-bg:${a.backgroundColor}`,
-          onClick: (h) => r.trigger("eventClick", { event: a, el: h.currentTarget }),
-          children: a.title
+          style: `--rsv-event-bg:${o.backgroundColor}`,
+          onClick: (s) => t.trigger("eventClick", { event: o, el: s.currentTarget }),
+          children: o.title
         },
-        a.id
-      )) }, o.row.resource.id))
+        o.id
+      )) }, a.row.resource.id))
     ] }),
-    /* @__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(
+    /* @__PURE__ */ k("div", { "data-rsv": "tg-body", children: [
+      /* @__PURE__ */ u("div", { "data-rsv": "tg-axis", style: `height:${n}`, children: e.slots.map((a) => /* @__PURE__ */ u("div", { "data-rsv": "tg-slot", "data-major": String(a.isMajor), children: /* @__PURE__ */ u("span", { "data-rsv": "tg-slot-label", children: a.label }) }, a.offsetMin)) }),
+      e.columns.map((a) => /* @__PURE__ */ k(
         "div",
         {
           "data-rsv": "tg-col",
-          "data-rsv-resource-id": o.row.resource.id,
+          "data-rsv-resource-id": a.row.resource.id,
           style: `height:${n}`,
           children: [
-            o.timedSegs.map((a) => {
-              const h = 100 / a.colCount;
-              return /* @__PURE__ */ g(
+            a.timedSegs.map((o) => {
+              const s = 100 / o.colCount;
+              return /* @__PURE__ */ k(
                 "div",
                 {
                   "data-rsv": "event",
                   "data-all-day": "false",
-                  "data-event-id": a.event.id,
+                  "data-event-id": o.event.id,
                   role: "button",
                   tabIndex: 0,
-                  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 });
+                  style: `position:absolute;top:${o.topPct}%;height:${o.heightPct}%;left:${o.col * s}%;width:${s}%;--rsv-event-bg:${o.event.backgroundColor};--rsv-event-fg:${o.event.textColor}`,
+                  onClick: (i) => {
+                    i.stopPropagation(), t.trigger("eventClick", { event: o.event });
                   },
                   children: [
-                    s.format(a.event.start, "HH:mm"),
+                    m.format(o.event.start, "HH:mm"),
                     " ",
-                    a.event.title
+                    o.event.title
                   ]
                 },
-                a.event.id
+                o.event.id
               );
             }),
-            t.nowTopPct != null && /* @__PURE__ */ d("div", { "data-rsv": "now-indicator", style: `top:${t.nowTopPct}%` })
+            e.nowTopPct != null && /* @__PURE__ */ u("div", { "data-rsv": "now-indicator", style: `top:${e.nowTopPct}%` })
           ]
         },
-        o.row.resource.id
+        a.row.resource.id
       ))
     ] })
   ] });
 }
-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(
+function sn({ api: t, model: e }) {
+  return /* @__PURE__ */ k("div", { "data-rsv": "resource-daygrid", style: `--rsv-rdg-cols:${e.columns.length}`, children: [
+    /* @__PURE__ */ u("div", { "data-rsv": "rdg-header", role: "row", children: e.columns.map((r) => /* @__PURE__ */ u("div", { "data-rsv": "rdg-col-header", role: "columnheader", children: r.row.resource.title }, r.row.resource.id)) }),
+    /* @__PURE__ */ u("div", { "data-rsv": "rdg-body", role: "row", children: e.columns.map((r) => /* @__PURE__ */ u(
       "div",
       {
         "data-rsv": "rdg-col",
-        "data-rsv-resource-id": e.row.resource.id,
-        children: e.events.map((n) => /* @__PURE__ */ g(
+        "data-rsv-resource-id": r.row.resource.id,
+        children: r.events.map((n) => /* @__PURE__ */ k(
           "div",
           {
             "data-rsv": "event",
@@ -1215,188 +2884,188 @@ function ee({ api: r, model: t }) {
             role: "button",
             tabIndex: 0,
             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 }),
+            onClick: (a) => t.trigger("eventClick", { event: n, el: a.currentTarget }),
             children: [
-              n.allDay ? "" : s.format(n.start, "HH:mm") + " ",
+              n.allDay ? "" : m.format(n.start, "HH:mm") + " ",
               n.title
             ]
           },
           n.id
         ))
       },
-      e.row.resource.id
+      r.row.resource.id
     )) })
   ] });
 }
-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,
+function ln({ api: t, model: e, options: r }) {
+  return /* @__PURE__ */ u("div", { "data-rsv": "resource-daygrid-month", style: `--rsv-rdgm-cols:${e.columnCount}`, children: e.weeks.map((n, a) => /* @__PURE__ */ u("div", { "data-rsv": "rdgm-week", role: "row", children: n.days.map((o) => /* @__PURE__ */ u(
+    cn,
     {
-      api: r,
-      cell: a,
-      options: e
+      api: t,
+      cell: o,
+      options: r
     },
-    s.toISOString(a.date)
-  )) }, `week-${o}`)) });
+    m.toISOString(o.date)
+  )) }, `week-${a}`)) });
 }
-function ne({
-  api: r,
-  cell: t,
-  options: e
+function cn({
+  api: t,
+  cell: e,
+  options: r
 }) {
-  const n = s.dayOfMonth(t.date);
-  return /* @__PURE__ */ g(
+  const n = m.dayOfMonth(e.date);
+  return /* @__PURE__ */ k(
     "div",
     {
       "data-rsv": "day",
       role: "gridcell",
-      "data-date": s.toISOString(t.date),
-      "data-today": String(t.isToday),
-      "data-other": String(t.isOther),
+      "data-date": m.toISOString(e.date),
+      "data-today": String(e.isToday),
+      "data-other": String(e.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(
+        /* @__PURE__ */ u("span", { "data-rsv": "day-number", children: n }),
+        /* @__PURE__ */ u("div", { "data-rsv": "rdgm-columns", children: e.columns.map((a) => /* @__PURE__ */ k("div", { "data-rsv": "rdgm-col", "data-rsv-resource-id": a.row.resource.id, children: [
+          /* @__PURE__ */ u("span", { "data-rsv": "rdgm-col-label", children: a.row.resource.title }),
+          a.events.map((o) => {
+            const s = t.selectedEventIds.value.has(o.id);
+            return /* @__PURE__ */ k(
               "div",
               {
                 "data-rsv": "event",
-                "data-all-day": String(a.allDay),
-                "data-event-id": a.id,
-                "data-rsv-selected": String(h),
+                "data-all-day": String(o.allDay),
+                "data-event-id": o.id,
+                "data-rsv-selected": String(s),
                 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);
+                style: `--rsv-event-bg:${o.backgroundColor};--rsv-event-fg:${o.textColor};--rsv-event-border:${o.borderColor}`,
+                onClick: (i) => {
+                  if (i.stopPropagation(), i.ctrlKey || i.metaKey) {
+                    t.toggleEventSelection(o.id);
                     return;
                   }
-                  r.trigger("eventClick", { event: a, el: u.currentTarget }), a.url && window.open(a.url, "_self");
+                  t.trigger("eventClick", { event: o, el: i.currentTarget }), o.url && window.open(o.url, "_self");
                 },
                 children: [
-                  a.allDay ? "" : `${s.format(a.start, "HH:mm")} `,
-                  a.title
+                  o.allDay ? "" : `${m.format(o.start, "HH:mm")} `,
+                  o.title
                 ]
               },
-              a.id
+              o.id
             );
           }),
-          o.moreCount > 0 && /* @__PURE__ */ d(
+          a.moreCount > 0 && /* @__PURE__ */ u(
             "span",
             {
               "data-rsv": "rdgm-more",
-              onClick: (a) => {
-                a.stopPropagation(), r.trigger("moreLinkClick", {
-                  date: t.date,
-                  allEvents: [...o.events, ...o.hiddenEvents],
-                  hiddenEvents: o.hiddenEvents
+              onClick: (o) => {
+                o.stopPropagation(), t.trigger("moreLinkClick", {
+                  date: e.date,
+                  allEvents: [...a.events, ...a.hiddenEvents],
+                  hiddenEvents: a.hiddenEvents
                 });
               },
-              children: R(e.locale).more(o.moreCount)
+              children: V(r.locale).more(a.moreCount)
             }
           )
-        ] }, o.row.resource.id)) })
+        ] }, a.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);
+function un({ api: t, options: e }) {
+  var l;
+  const r = t.viewModel.value, n = e.direction ?? V(e.locale).direction, a = t.getEffectiveOption("hourHeight", r.type), o = t.getEffectiveOption("height", r.type), s = [
+    e.themeTokens ? Pe(e.themeTokens) : "",
+    a ? `${xe.slotHeight}:${a}px` : "",
+    o != null && o !== "auto" ? `height:${typeof o == "number" ? `${o}px` : o}` : ""
+  ].filter(Boolean).join(";") || void 0, i = F(null);
+  R(() => (t.setRootEl(i.current), () => t.setRootEl(null)), [t]);
+  const d = F(e.responsiveViews);
+  return d.current = e.responsiveViews, R(() => {
+    const c = i.current;
+    if (!c || typeof ResizeObserver > "u") return;
+    let p = 0;
+    const D = new ResizeObserver((v) => {
+      const g = v[0], h = (g == null ? void 0 : g.contentRect.width) ?? c.clientWidth;
+      cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+        const b = d.current;
+        if (!(b != null && b.length)) return;
+        const w = He(b, h);
+        w && w !== t.getView().type && t.hasView(w) && t.changeView(w);
       });
     });
-    return b.observe(l), () => {
-      cancelAnimationFrame(f), b.disconnect();
+    return D.observe(c), () => {
+      cancelAnimationFrame(p), D.disconnect();
     };
-  }, [r]), /* @__PURE__ */ g(
+  }, [t]), /* @__PURE__ */ k(
     "div",
     {
-      ref: u,
+      ref: i,
       "data-rsv": "root",
       dir: n,
-      "data-rsv-theme": t.theme,
-      "data-rsv-autoheight": a === "auto" ? "true" : void 0,
-      style: h,
-      class: F((c = t.classNames) == null ? void 0 : c.root),
+      "data-rsv-theme": e.theme,
+      "data-rsv-autoheight": o === "auto" ? "true" : void 0,
+      style: s,
+      class: N((l = e.classNames) == null ? void 0 : l.root),
       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: [
+        e.headerToolbar !== !1 && /* @__PURE__ */ u(Ve, { api: t, title: r.title, activeView: r.type, options: e }),
+        /* @__PURE__ */ u("div", { "data-rsv": "view", "data-view": r.type, children: r.dayGrid ? /* @__PURE__ */ u(De, { api: t, model: r.dayGrid, options: e }) : r.timeGrid ? /* @__PURE__ */ u(Qr, { api: t, model: r.timeGrid, options: e }) : r.list ? /* @__PURE__ */ u(en, { api: t, model: r.list, options: e }) : r.multiMonth ? /* @__PURE__ */ u(rn, { api: t, model: r.multiMonth, options: e }) : r.resourceTimeGrid ? /* @__PURE__ */ u(dn, { api: t, model: r.resourceTimeGrid, options: e }) : r.resourceDayGrid ? /* @__PURE__ */ u(sn, { api: t, model: r.resourceDayGrid, options: e }) : r.resourceDayGridMonth ? /* @__PURE__ */ u(ln, { api: t, model: r.resourceDayGridMonth, options: e }) : r.resourceTimeline ? /* @__PURE__ */ u(on, { api: t, model: r.resourceTimeline, options: e }) : r.timeline ? /* @__PURE__ */ u(nn, { api: t, model: r.timeline, options: e }) : /* @__PURE__ */ k("div", { "data-rsv": "unsupported", children: [
           'La vista "',
-          e.type,
+          r.type,
           '" se implementa en una fase posterior.'
         ] }) })
       ]
     }
   );
 }
-function ue(r, t) {
-  const e = new Mt(t);
-  return at(bt(ae, { api: e, options: t }), r), {
-    api: e,
+function hn(t, e) {
+  const r = new Ae(e);
+  return At(Ce(un, { api: r, options: e }), t), {
+    api: r,
     destroy() {
-      at(null, r), e.destroy();
+      At(null, t), r.destroy();
     }
   };
 }
-function ve(r, t = "calendar.ics") {
+function bn(t, e = "calendar.ics") {
   if (typeof document > "u") return;
-  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);
+  const r = Ie(t), n = new Blob([r], { type: "text/calendar;charset=utf-8" }), a = URL.createObjectURL(n), o = document.createElement("a");
+  o.href = a, o.download = e, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(a);
 }
 export {
-  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,
+  un as Calendar,
+  De as DayGridView,
+  en as ListView,
+  rn as MultiMonthView,
+  sn as ResourceDayGridView,
+  dn as ResourceTimeGridView,
+  on as ResourceTimelineView,
+  Qr as TimeGridView,
+  nn as TimelineView,
+  Ve as Toolbar,
+  W as callDidMount,
+  N as cx,
+  st as dateFormatter,
+  Sn as dayGridPlugin,
+  On as definePlugin,
+  Tn as defineTheme,
+  bn as downloadICS,
+  En as eventsToICS,
+  re as handleEventKeydown,
+  pn as hostSlot,
+  je as isHostSlot,
+  Mn as listPlugin,
+  Ye as minutesToLabel,
+  We as minutesToTimeString,
+  hn as mount,
+  kn as multiMonthPlugin,
+  Cn as parseICS,
   L as renderSlot,
-  pe as resourcePlugin,
-  q as startEventDrag,
-  Me as themeToStyle,
-  X as timeFormatter,
-  Se as timeGridPlugin,
-  Ce as timelinePlugin
+  xn as resourcePlugin,
+  te as startEventDrag,
+  Pn as themeToStyle,
+  ct as timeFormatter,
+  An as timeGridPlugin,
+  In as timelinePlugin
 };
 //# sourceMappingURL=index.js.map