@reservi/preact 1.1.0

package/dist/index.js

@@ -0,0 +1,939 @@
+import { render as X, h as st } from "preact";
+import { getLocaleText as E, dl as l, timeStringToMinutes as z, computeDrop as A, pxToSnappedMinutes as lt, computeResize as ct, themeToStyle as vt, CalendarApi as ut, eventsToICS as mt } from "@reservi/core";
+import { dayGridPlugin as Kt, definePlugin as Wt, defineTheme as Xt, eventsToICS as zt, listPlugin as qt, multiMonthPlugin as Jt, parseICS as Qt, resourcePlugin as Zt, themeToStyle as te, timeGridPlugin as ee, timelinePlugin as re } from "@reservi/core";
+import { jsxs as v, jsx as n, Fragment as ht } from "preact/jsx-runtime";
+import "@preact/signals";
+import { useRef as F, useState as R, useEffect as q } from "preact/hooks";
+function x(a, t, r) {
+  return a ? a(t) : r;
+}
+function $(...a) {
+  return a.filter(Boolean).join(" ");
+}
+const I = { prev: "‹", next: "›" }, gt = /* @__PURE__ */ new Set(["", "title", "today", "prev", "next"]), yt = /month|year/i, L = (a) => String(a).padStart(2, "0");
+function ft() {
+  return /* @__PURE__ */ v(
+    "svg",
+    {
+      "data-rsv": "title-icon",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "1.3",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ n("rect", { x: "1", y: "2.5", width: "12", height: "10.5", rx: "1.5" }),
+        /* @__PURE__ */ n("line", { x1: "1", y1: "5.5", x2: "13", y2: "5.5" }),
+        /* @__PURE__ */ n("line", { x1: "4.5", y1: "1", x2: "4.5", y2: "3.5" }),
+        /* @__PURE__ */ n("line", { x1: "9.5", y1: "1", x2: "9.5", y2: "3.5" })
+      ]
+    }
+  );
+}
+function pt(a) {
+  var r;
+  if ((r = a.views) != null && r.length) return a.views;
+  const t = a.headerToolbar;
+  return t ? [t.start, t.center, t.end].filter((e) => !!e).flatMap((e) => e.split(/\s+/)).flatMap((e) => e.split(",")).filter((e) => !gt.has(e)) : [];
+}
+function bt({ api: a, title: t, activeView: r, options: e }) {
+  var T, _, P, j, U;
+  const o = E(e.locale), i = (_ = (T = e.slots) == null ? void 0 : T.toolbarStart) == null ? void 0 : _.call(T), u = (j = (P = e.slots) == null ? void 0 : P.toolbarEnd) == null ? void 0 : j.call(P), d = pt(e), s = yt.test(r), c = e.firstDay ?? o.firstDay, h = F(null), [g, f] = R(!1), p = l.toDate(a.getDate()), y = l.toDate(e.now ? l.from(e.now) : l.now()), [w, D] = R(p.getFullYear()), [k, S] = R(p.getMonth()), M = new Intl.DateTimeFormat(e.locale, { month: "short" }), at = new Intl.DateTimeFormat(e.locale, { month: "long" }), nt = new Intl.DateTimeFormat(e.locale, { weekday: "short" }), ot = Array.from({ length: 12 }, (m, b) => M.format(new Date(2020, b, 1))), N = () => {
+    const m = l.toDate(a.getDate());
+    D(m.getFullYear()), S(m.getMonth()), f(!0);
+  }, H = (m) => {
+    const b = w * 12 + k + m;
+    D(Math.floor(b / 12)), S((b % 12 + 12) % 12);
+  }, V = (m) => {
+    a.gotoDate(m), f(!1);
+  };
+  q(() => {
+    const m = (C) => {
+      (C.ctrlKey || C.metaKey) && (C.key === "m" || C.key === "M") ? (C.preventDefault(), N()) : C.key === "Escape" && f(!1);
+    }, b = (C) => {
+      h.current && !h.current.contains(C.target) && f(!1);
+    };
+    return document.addEventListener("keydown", m), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", m), document.removeEventListener("mousedown", b);
+    };
+  }, []);
+  const B = (() => {
+    if (s) return { cells: [], dows: [] };
+    const m = l.from(`${w}-${L(k + 1)}-01`), b = (l.dayOfWeek(m) - c + 7) % 7, C = l.subtract(m, { days: b }), K = Array.from({ length: 42 }, (W, it) => l.toDate(l.add(C, { days: it }))), dt = K.slice(0, 7).map((W) => nt.format(W));
+    return { cells: K, dows: dt };
+  })();
+  return /* @__PURE__ */ v("div", { "data-rsv": "toolbar-wrap", class: $((U = e.classNames) == null ? void 0 : U.toolbar), ref: h, children: [
+    /* @__PURE__ */ v("div", { "data-rsv": "toolbar", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "toolbar-section", "data-rsv-area": "start", children: i }),
+      /* @__PURE__ */ v("div", { "data-rsv": "toolbar-section", "data-rsv-area": "nav", children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            "data-rsv": "button",
+            title: o.today,
+            "aria-label": o.today,
+            onClick: () => a.today(),
+            children: o.today
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            "data-rsv": "button",
+            "data-rsv-nav": "prev",
+            title: o.prev,
+            "aria-label": o.prev,
+            onClick: () => a.prev(),
+            children: I.prev
+          }
+        ),
+        /* @__PURE__ */ v("div", { "data-rsv": "datepicker-anchor", children: [
+          /* @__PURE__ */ v(
+            "button",
+            {
+              type: "button",
+              "data-rsv": "title",
+              "aria-haspopup": "dialog",
+              "aria-expanded": g,
+              title: `${t} · Ctrl+M`,
+              onClick: () => g ? f(!1) : N(),
+              children: [
+                /* @__PURE__ */ n(ft, {}),
+                t
+              ]
+            }
+          ),
+          g && /* @__PURE__ */ v("div", { "data-rsv": "datepicker", "data-rsv-mode": s ? "month" : "day", role: "dialog", "aria-label": t, children: [
+            /* @__PURE__ */ v("div", { "data-rsv": "dp-head", children: [
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  "data-rsv": "dp-nav",
+                  "aria-label": o.prev,
+                  onClick: () => s ? D((m) => m - 1) : H(-1),
+                  children: I.prev
+                }
+              ),
+              /* @__PURE__ */ n("span", { "data-rsv": "dp-label", children: s ? w : `${at.format(new Date(w, k, 1))} ${w}` }),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  "data-rsv": "dp-nav",
+                  "aria-label": o.next,
+                  onClick: () => s ? D((m) => m + 1) : H(1),
+                  children: I.next
+                }
+              )
+            ] }),
+            s ? /* @__PURE__ */ n("div", { "data-rsv": "dp-grid", children: ot.map((m, b) => /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                "data-rsv": "dp-month",
+                "data-active": String(
+                  w === p.getFullYear() && b === p.getMonth()
+                ),
+                "data-today": String(w === y.getFullYear() && b === y.getMonth()),
+                onClick: () => V(`${w}-${L(b + 1)}-01`),
+                children: m
+              },
+              m
+            )) }) : /* @__PURE__ */ v("div", { "data-rsv": "dp-days", children: [
+              B.dows.map((m, b) => /* @__PURE__ */ n("div", { "data-rsv": "dp-dow", children: m }, `dow-${b}`)),
+              B.cells.map((m) => {
+                const b = `${m.getFullYear()}-${L(m.getMonth() + 1)}-${L(m.getDate())}`;
+                return /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    "data-rsv": "dp-day",
+                    "data-other": String(m.getMonth() !== k),
+                    "data-active": String(
+                      m.getFullYear() === p.getFullYear() && m.getMonth() === p.getMonth() && m.getDate() === p.getDate()
+                    ),
+                    "data-today": String(
+                      m.getFullYear() === y.getFullYear() && m.getMonth() === y.getMonth() && m.getDate() === y.getDate()
+                    ),
+                    onClick: () => V(b),
+                    children: m.getDate()
+                  },
+                  b
+                );
+              })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            "data-rsv": "button",
+            "data-rsv-nav": "next",
+            title: o.next,
+            "aria-label": o.next,
+            onClick: () => a.next(),
+            children: I.next
+          }
+        )
+      ] }),
+      /* @__PURE__ */ v("div", { "data-rsv": "toolbar-section", "data-rsv-area": "end", children: [
+        u,
+        e.onAddClick && /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            "data-rsv": "button",
+            "data-rsv-variant": "primary",
+            onClick: e.onAddClick,
+            children: [
+              /* @__PURE__ */ n("span", { "data-rsv": "add-icon", "aria-hidden": "true", children: "+" }),
+              e.addButtonText
+            ]
+          }
+        )
+      ] })
+    ] }),
+    d.length > 0 && /* @__PURE__ */ n("div", { "data-rsv": "toolbar-views", role: "tablist", children: d.map((m) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        "data-rsv": "view-tab",
+        role: "tab",
+        "aria-selected": m === r,
+        "data-active": String(m === r),
+        onClick: () => a.changeView(m),
+        children: o.views[m] ?? m
+      },
+      m
+    )) })
+  ] });
+}
+function J(a, t) {
+  a.trigger("navLinkDay", { date: t });
+  const r = a.hasView("timeGridDay") ? "timeGridDay" : a.hasView("dayGridDay") ? "dayGridDay" : null;
+  r && (a.gotoDate(l.toISOString(t)), a.changeView(r));
+}
+const O = 1440;
+function Q(a, t) {
+  const { api: r, event: e, kind: o } = t, i = z(t.snap ?? "00:30");
+  let u = 0;
+  switch (a.key) {
+    case "ArrowLeft":
+      u = -O;
+      break;
+    case "ArrowRight":
+      u = O;
+      break;
+    case "ArrowUp":
+      u = o === "timeGrid" ? -i : -O * 7;
+      break;
+    case "ArrowDown":
+      u = o === "timeGrid" ? i : O * 7;
+      break;
+    case "Enter":
+    case " ":
+      a.preventDefault(), r.trigger("eventClick", { event: e });
+      return;
+    default:
+      return;
+  }
+  a.preventDefault();
+  const d = A(e.start, e.end, u, l);
+  if (r.moveEvent(e.id, d.start, d.end)) {
+    const s = r.getEventById(e.id);
+    s && r.trigger("eventDrop", { event: s });
+  }
+}
+const wt = 1440, Dt = 4;
+function Z(a, t) {
+  var e;
+  const r = document.elementFromPoint(a, t);
+  return ((e = r == null ? void 0 : r.closest('[data-rsv="day"]')) == null ? void 0 : e.dataset.date) ?? null;
+}
+function kt(a, t) {
+  a.stopPropagation();
+  const { api: r, event: e, sourceDate: o } = t, i = a.clientX, u = a.clientY;
+  let d = !1;
+  const s = (h) => {
+    !d && Math.hypot(h.clientX - i, h.clientY - u) > Dt && (d = !0, document.body.style.cursor = "grabbing");
+  }, c = (h) => {
+    var y;
+    if (document.removeEventListener("pointermove", s), document.removeEventListener("pointerup", c), document.body.style.cursor = "", !d) return;
+    (y = t.onMoved) == null || y.call(t);
+    const g = Z(h.clientX, h.clientY);
+    if (!g) return;
+    const f = l.diff(l.from(o), l.from(g), "day");
+    if (f === 0) return;
+    const p = A(e.start, e.end, f * wt, l);
+    if (r.moveEvent(e.id, p.start, p.end)) {
+      const w = r.getEventById(e.id);
+      w && r.trigger("eventDrop", { event: w });
+    }
+  };
+  document.addEventListener("pointermove", s), document.addEventListener("pointerup", c);
+}
+function Ct(a, t) {
+  if (a.target.closest('[data-rsv="event"], [data-rsv="more-anchor"], [data-nav-link="true"]'))
+    return;
+  const { api: e } = t;
+  let o = t.startDate, i = !1;
+  const u = (s) => {
+    const c = Z(s.clientX, s.clientY);
+    c && c !== t.startDate && (i = !0), c && (o = c);
+  }, d = () => {
+    var f;
+    if (document.removeEventListener("pointermove", u), document.removeEventListener("pointerup", d), !i) return;
+    (f = t.onRangeSelect) == null || f.call(t);
+    const s = l.from(t.startDate), c = l.from(o), [h, g] = l.isBefore(s, c) ? [s, c] : [c, s];
+    e.select(l.toISOString(h), l.toISOString(l.add(g, { days: 1 })));
+  };
+  document.addEventListener("pointermove", u), document.addEventListener("pointerup", d);
+}
+function tt({ api: a, model: t, options: r }) {
+  var d;
+  const e = r.locale ?? "en", o = new Intl.DateTimeFormat(e, { weekday: "short" }), i = ((d = t.weeks[0]) == null ? void 0 : d.days) ?? [], u = r.weekNumbers === !0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-rsv": "daygrid",
+      "data-weeknumbers": String(u),
+      style: `--rsv-cols:${t.columnCount}`,
+      children: [
+        /* @__PURE__ */ v("div", { "data-rsv": "daygrid-header", role: "row", children: [
+          u && /* @__PURE__ */ n("div", { "data-rsv": "daygrid-weeknum-header", role: "columnheader" }),
+          i.map((s) => {
+            var g;
+            const c = l.toDate(s.date), h = o.format(c);
+            return /* @__PURE__ */ n("div", { "data-rsv": "daygrid-dow", role: "columnheader", children: x((g = r.slots) == null ? void 0 : g.dayHeaderContent, { date: c, text: h }, h) }, s.dayOfWeek);
+          })
+        ] }),
+        t.weeks.map((s, c) => /* @__PURE__ */ v("div", { "data-rsv": "daygrid-week", role: "row", children: [
+          u && /* @__PURE__ */ n("div", { "data-rsv": "daygrid-weeknum", role: "rowheader", children: s.weekNumber }),
+          s.days.map((h) => /* @__PURE__ */ n(St, { api: a, cell: h, options: r }, l.toISOString(h.date)))
+        ] }, c))
+      ]
+    }
+  );
+}
+function St({
+  api: a,
+  cell: t,
+  options: r
+}) {
+  var p;
+  const e = l.toDate(t.date), o = l.dayOfMonth(t.date), i = r.navLinks ? /* @__PURE__ */ n(
+    "a",
+    {
+      "data-rsv": "day-number",
+      "data-nav-link": "true",
+      role: "link",
+      tabIndex: 0,
+      onClick: (y) => {
+        y.stopPropagation(), J(a, t.date);
+      },
+      children: o
+    }
+  ) : /* @__PURE__ */ n("span", { "data-rsv": "day-number", children: o }), u = x(
+    (p = r.slots) == null ? void 0 : p.dayCellContent,
+    { date: e, dayNumber: o, isToday: t.isToday, isOther: t.isOther },
+    i
+  ), [d, s] = R(!1), c = l.toISOString(t.date), h = F(!1), g = () => {
+    if (h.current) {
+      h.current = !1;
+      return;
+    }
+    a.trigger("dateClick", { date: t.date }), r.selectable && a.select(c, l.toISOString(l.add(t.date, { days: 1 })));
+  }, f = (y) => {
+    y.stopPropagation(), s(!0), a.trigger("moreLinkClick", {
+      date: t.date,
+      allEvents: [...t.events, ...t.hiddenEvents],
+      hiddenEvents: t.hiddenEvents
+    });
+  };
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-rsv": "day",
+      role: "gridcell",
+      "data-date": c,
+      "data-today": String(t.isToday),
+      "data-other": String(t.isOther),
+      "data-weekend": String(t.isWeekend),
+      "data-business": String(t.isBusiness),
+      "data-selected": String(t.isSelected),
+      onClick: g,
+      onPointerDown: r.selectable ? (y) => Ct(y, {
+        api: a,
+        startDate: c,
+        onRangeSelect: () => {
+          h.current = !0;
+        }
+      }) : void 0,
+      children: [
+        u,
+        t.events.filter((y) => y.display !== "none").map((y) => /* @__PURE__ */ n(et, { api: a, event: y, options: r, sourceDate: c }, y.id)),
+        t.moreCount > 0 && /* @__PURE__ */ v("div", { "data-rsv": "more-anchor", children: [
+          /* @__PURE__ */ n("button", { type: "button", "data-rsv": "more-link", onClick: f, children: E(r.locale).more(t.moreCount) }),
+          d && /* @__PURE__ */ n(
+            xt,
+            {
+              api: a,
+              cell: t,
+              options: r,
+              onClose: () => s(!1)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function xt({
+  api: a,
+  cell: t,
+  options: r,
+  onClose: e
+}) {
+  const o = F(null), i = new Intl.DateTimeFormat(r.locale ?? "en", {
+    weekday: "long",
+    day: "numeric",
+    month: "long"
+  }), u = [...t.events, ...t.hiddenEvents].filter((d) => d.display !== "none");
+  return q(() => {
+    const d = (c) => {
+      o.current && !o.current.contains(c.target) && e();
+    }, s = (c) => {
+      c.key === "Escape" && e();
+    };
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", s);
+    };
+  }, [e]), /* @__PURE__ */ v("div", { "data-rsv": "more-popover", role: "dialog", ref: o, onClick: (d) => d.stopPropagation(), children: [
+    /* @__PURE__ */ v("div", { "data-rsv": "more-popover-header", children: [
+      /* @__PURE__ */ n("span", { "data-rsv": "more-popover-title", children: i.format(l.toDate(t.date)) }),
+      /* @__PURE__ */ n("button", { type: "button", "data-rsv": "more-popover-close", "aria-label": "✕", onClick: e, children: "✕" })
+    ] }),
+    /* @__PURE__ */ n("div", { "data-rsv": "more-popover-body", children: u.map((d) => /* @__PURE__ */ n(
+      et,
+      {
+        api: a,
+        event: d,
+        options: r,
+        sourceDate: l.toISOString(t.date)
+      },
+      d.id
+    )) })
+  ] });
+}
+function et({
+  api: a,
+  event: t,
+  options: r,
+  sourceDate: e
+}) {
+  var s;
+  const o = r.editable === !0 && t.editable !== !1, i = F(!1), u = t.allDay ? "" : l.format(t.start, "HH:mm"), d = x(
+    (s = r.slots) == null ? void 0 : s.eventContent,
+    { event: t, isAllDay: t.allDay, timeText: u },
+    /* @__PURE__ */ v("span", { "data-rsv": "event-title", children: [
+      u ? `${u} ` : "",
+      t.title
+    ] })
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-rsv": "event",
+      role: "button",
+      tabIndex: 0,
+      class: $(...t.classNames),
+      "data-all-day": String(t.allDay),
+      "data-display": t.display,
+      "data-event-id": t.id,
+      "data-editable": String(o),
+      style: `--rsv-event-bg:${t.backgroundColor};--rsv-event-fg:${t.textColor}`,
+      onClick: (c) => {
+        if (c.stopPropagation(), i.current) {
+          i.current = !1;
+          return;
+        }
+        a.trigger("eventClick", { event: t }), t.url && window.open(t.url, "_self");
+      },
+      onPointerDown: o ? (c) => kt(c, {
+        api: a,
+        event: t,
+        sourceDate: e,
+        onMoved: () => {
+          i.current = !0;
+        }
+      }) : void 0,
+      onKeyDown: o ? (c) => Q(c, { api: a, event: t, kind: "dayGrid" }) : void 0,
+      children: d
+    }
+  );
+}
+function G(a, t) {
+  a.preventDefault(), a.stopPropagation();
+  const { api: r, event: e, model: o, columnEl: i, snap: u = "00:15", edge: d } = t, s = i.getBoundingClientRect(), c = o.maxMinutes - o.minMinutes, h = s.height === 0 ? 0 : s.height / c, g = a.clientY, f = (p) => {
+    document.removeEventListener("pointerup", f);
+    const y = lt(p.clientY - g, h, u);
+    if (y === 0) return;
+    const w = d ? ct(e.start, e.end, d, y, l) : A(e.start, e.end, y, l);
+    if (r.moveEvent(e.id, w.start, w.end)) {
+      const D = r.getEventById(e.id);
+      D && r.trigger(d ? "eventResize" : "eventDrop", { event: D });
+    }
+  };
+  document.addEventListener("pointerup", f);
+}
+function Mt(a, t) {
+  if (a.target.closest('[data-rsv="event"]')) return;
+  const { api: r, date: e, model: o, columnEl: i, snap: u = "00:15" } = t, d = i.getBoundingClientRect(), s = o.maxMinutes - o.minMinutes, c = d.height === 0 ? 0 : d.height / s, h = z(u) || 15, g = (k) => {
+    const S = o.minMinutes + (c === 0 ? 0 : (k - d.top) / c), M = Math.max(o.minMinutes, Math.min(o.maxMinutes, S));
+    return Math.round(M / h) * h;
+  }, f = g(a.clientY);
+  let p = f, y = !1;
+  const w = (k) => {
+    const S = g(k.clientY);
+    S !== f && (y = !0), p = S;
+  }, D = () => {
+    if (document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", D), !y) return;
+    const k = Math.min(f, p), S = Math.max(f, p), M = l.startOf(e, "day");
+    r.select(
+      l.toISOString(l.add(M, { minutes: k })),
+      l.toISOString(l.add(M, { minutes: S }))
+    );
+  };
+  document.addEventListener("pointermove", w), document.addEventListener("pointerup", D);
+}
+function Et({ api: a, model: t, options: r }) {
+  const e = r.locale ?? "en", o = new Intl.DateTimeFormat(e, { weekday: "short", day: "numeric" }), i = r.allDaySlot !== !1, u = `calc(var(--spacing-rsv-slot, 2.5rem) * ${t.slots.length})`;
+  return /* @__PURE__ */ v("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${t.days.length}`, children: [
+    /* @__PURE__ */ v("div", { "data-rsv": "tg-header", role: "row", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-corner" }),
+      t.days.map((d) => /* @__PURE__ */ n(
+        "div",
+        {
+          "data-rsv": "tg-col-header",
+          role: "columnheader",
+          "data-today": String(d.isToday),
+          "data-nav-link": r.navLinks ? "true" : void 0,
+          onClick: r.navLinks ? () => J(a, d.date) : void 0,
+          children: o.format(l.toDate(d.date))
+        },
+        l.toISOString(d.date)
+      ))
+    ] }),
+    i && /* @__PURE__ */ v("div", { "data-rsv": "tg-allday", role: "row", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-label", children: E(r.locale).allDay }),
+      t.days.map((d) => /* @__PURE__ */ n("div", { "data-rsv": "tg-allday-cell", children: d.allDayEvents.filter((s) => s.display !== "none").map((s) => /* @__PURE__ */ n(
+        "div",
+        {
+          "data-rsv": "event",
+          "data-all-day": "true",
+          class: $(...s.classNames),
+          "data-display": s.display,
+          style: `--rsv-event-bg:${s.backgroundColor}`,
+          onClick: () => {
+            a.trigger("eventClick", { event: s }), s.url && window.open(s.url, "_self");
+          },
+          children: s.title
+        },
+        s.id
+      )) }, l.toISOString(d.date)))
+    ] }),
+    /* @__PURE__ */ v("div", { "data-rsv": "tg-body", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis", style: `height:${u}`, children: t.slots.map((d) => {
+        var s;
+        return /* @__PURE__ */ n("div", { "data-rsv": "tg-slot", "data-major": String(d.isMajor), children: /* @__PURE__ */ n("span", { "data-rsv": "tg-slot-label", children: x(
+          (s = r.slots) == null ? void 0 : s.slotLabelContent,
+          { text: d.label, minutes: d.offsetMin, isMajor: d.isMajor },
+          d.label
+        ) }) }, d.offsetMin);
+      }) }),
+      t.days.map((d, s) => {
+        var c;
+        return /* @__PURE__ */ v(
+          "div",
+          {
+            "data-rsv": "tg-col",
+            "data-today": String(d.isToday),
+            style: `height:${u}`,
+            onClick: () => a.trigger("dateClick", { date: d.date }),
+            onPointerDown: r.selectable ? (h) => Mt(h, {
+              api: a,
+              date: d.date,
+              model: t,
+              columnEl: h.currentTarget,
+              snap: r.snapDuration ?? r.slotDuration
+            }) : void 0,
+            children: [
+              r.businessHours && !d.businessPct && /* @__PURE__ */ n("div", { "data-rsv": "tg-nonbusiness", style: "top:0;height:100%" }),
+              d.businessPct && /* @__PURE__ */ v(ht, { children: [
+                /* @__PURE__ */ n("div", { "data-rsv": "tg-nonbusiness", style: `top:0;height:${d.businessPct.topPct}%` }),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    "data-rsv": "tg-nonbusiness",
+                    style: `top:${d.businessPct.bottomPct}%;height:${100 - d.businessPct.bottomPct}%`
+                  }
+                )
+              ] }),
+              d.timedSegs.filter((h) => h.event.display !== "none").map((h) => /* @__PURE__ */ n($t, { api: a, seg: h, model: t, options: r }, h.event.id)),
+              ((c = t.nowIndicator) == null ? void 0 : c.dayIndex) === s && /* @__PURE__ */ n("div", { "data-rsv": "now-indicator", style: `top:${t.nowIndicator.topPct}%` })
+            ]
+          },
+          l.toISOString(d.date)
+        );
+      })
+    ] })
+  ] });
+}
+function $t({
+  api: a,
+  seg: t,
+  model: r,
+  options: e
+}) {
+  var h;
+  const { event: o } = t, i = e.editable === !0 && o.editable !== !1, u = 100 / t.colCount, d = l.format(o.start, "HH:mm"), s = x(
+    (h = e.slots) == null ? void 0 : h.eventContent,
+    { event: o, isAllDay: !1, timeText: d },
+    /* @__PURE__ */ v("span", { "data-rsv": "event-title", children: [
+      d,
+      " ",
+      o.title
+    ] })
+  ), c = (g) => g.closest('[data-rsv="tg-col"]') ?? g;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-rsv": "event",
+      "data-all-day": "false",
+      "data-display": o.display,
+      "data-event-id": o.id,
+      class: $(...o.classNames),
+      role: "button",
+      tabIndex: 0,
+      style: `position:absolute;top:${t.topPct}%;height:${t.heightPct}%;left:${t.col * u}%;width:${u}%;--rsv-event-bg:${o.backgroundColor};--rsv-event-fg:${o.textColor}`,
+      onClick: (g) => {
+        g.stopPropagation(), a.trigger("eventClick", { event: o }), o.url && window.open(o.url, "_self");
+      },
+      onKeyDown: i ? (g) => Q(g, {
+        api: a,
+        event: o,
+        kind: "timeGrid",
+        snap: e.snapDuration ?? e.slotDuration
+      }) : void 0,
+      onPointerDown: i ? (g) => G(g, {
+        api: a,
+        event: o,
+        model: r,
+        columnEl: c(g.currentTarget),
+        snap: e.snapDuration
+      }) : void 0,
+      children: [
+        i && /* @__PURE__ */ n(
+          "span",
+          {
+            "data-rsv": "resize-handle",
+            "data-edge": "start",
+            onPointerDown: (g) => G(g, {
+              api: a,
+              event: o,
+              model: r,
+              columnEl: c(g.currentTarget),
+              snap: e.snapDuration,
+              edge: "start"
+            })
+          }
+        ),
+        s,
+        i && /* @__PURE__ */ n(
+          "span",
+          {
+            "data-rsv": "resize-handle",
+            "data-edge": "end",
+            onPointerDown: (g) => G(g, {
+              api: a,
+              event: o,
+              model: r,
+              columnEl: c(g.currentTarget),
+              snap: e.snapDuration,
+              edge: "end"
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+function Tt({ api: a, model: t, options: r }) {
+  const e = r.locale ?? "en", o = E(r.locale), i = new Intl.DateTimeFormat(e, {
+    weekday: "long",
+    day: "numeric",
+    month: "long"
+  });
+  return t.isEmpty ? /* @__PURE__ */ n("div", { "data-rsv": "list", children: /* @__PURE__ */ n("div", { "data-rsv": "list-empty", children: o.noEvents }) }) : /* @__PURE__ */ n("div", { "data-rsv": "list", role: "list", children: t.days.map((u) => /* @__PURE__ */ v("div", { "data-rsv": "list-day", "data-today": String(u.isToday), children: [
+    /* @__PURE__ */ n("div", { "data-rsv": "list-day-header", role: "heading", "aria-level": 3, children: i.format(l.toDate(u.date)) }),
+    u.events.filter((d) => d.display !== "none").map((d) => {
+      var c;
+      const s = d.allDay ? o.allDay : l.format(d.start, "HH:mm");
+      return /* @__PURE__ */ v(
+        "div",
+        {
+          "data-rsv": "list-item",
+          role: "listitem",
+          tabIndex: 0,
+          class: $(...d.classNames),
+          "data-display": d.display,
+          onClick: () => {
+            a.trigger("eventClick", { event: d }), d.url && window.open(d.url, "_self");
+          },
+          children: [
+            /* @__PURE__ */ n("span", { "data-rsv": "list-item-time", children: s }),
+            /* @__PURE__ */ n(
+              "span",
+              {
+                "data-rsv": "list-item-dot",
+                style: `--rsv-event-bg:${d.backgroundColor}`
+              }
+            ),
+            /* @__PURE__ */ n("span", { "data-rsv": "list-item-title", children: x(
+              (c = r.slots) == null ? void 0 : c.eventContent,
+              { event: d, isAllDay: d.allDay, timeText: s },
+              d.title
+            ) })
+          ]
+        },
+        d.id
+      );
+    })
+  ] }, l.toISOString(u.date))) });
+}
+function Pt({ api: a, model: t, options: r }) {
+  const e = r.locale ?? "en", o = new Intl.DateTimeFormat(e, { month: "long" });
+  return /* @__PURE__ */ n("div", { "data-rsv": "multimonth", children: t.months.map((i) => /* @__PURE__ */ v("section", { "data-rsv": "mm-month", children: [
+    /* @__PURE__ */ n("header", { "data-rsv": "mm-title", children: o.format(l.toDate(i.date)) }),
+    /* @__PURE__ */ n(tt, { api: a, model: i.dayGrid, options: r })
+  ] }, l.toISOString(i.date))) });
+}
+const Y = 1.6;
+function It({ api: a, model: t, options: r }) {
+  return /* @__PURE__ */ v("div", { "data-rsv": "timeline", children: [
+    /* @__PURE__ */ n("div", { "data-rsv": "tl-axis", role: "row", children: t.slots.map((e) => /* @__PURE__ */ n("div", { "data-rsv": "tl-slot", style: `left:${e.leftPct}%`, children: e.label }, e.leftPct)) }),
+    /* @__PURE__ */ n("div", { "data-rsv": "tl-body", style: `height:${t.laneCount * Y + 0.5}rem`, children: t.segs.map((e) => /* @__PURE__ */ n(rt, { api: a, seg: e, options: r }, e.event.id)) })
+  ] });
+}
+function rt({
+  api: a,
+  seg: t,
+  options: r
+}) {
+  var o;
+  const { event: e } = t;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-rsv": "event",
+      "data-event-id": e.id,
+      role: "button",
+      tabIndex: 0,
+      style: `position:absolute;left:${t.leftPct}%;width:${t.widthPct}%;top:${t.lane * Y}rem;height:${Y - 0.2}rem;--rsv-event-bg:${e.backgroundColor};--rsv-event-fg:${e.textColor}`,
+      onClick: () => a.trigger("eventClick", { event: e }),
+      children: x((o = r.slots) == null ? void 0 : o.eventContent, { event: e, isAllDay: e.allDay, timeText: "" }, e.title)
+    }
+  );
+}
+const Lt = 1.6;
+function Ot({ api: a, model: t, options: r }) {
+  return /* @__PURE__ */ v("div", { "data-rsv": "resource-timeline", children: [
+    /* @__PURE__ */ v("div", { "data-rsv": "rt-header", role: "row", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "resource-area-header", children: r.locale === "es" ? "Recursos" : "Resources" }),
+      /* @__PURE__ */ n("div", { "data-rsv": "tl-axis", children: t.slots.map((e) => /* @__PURE__ */ n("div", { "data-rsv": "tl-slot", style: `left:${e.leftPct}%`, children: e.label }, e.leftPct)) })
+    ] }),
+    t.lanes.map((e) => {
+      const o = e.laneCount * Lt + 0.4;
+      return /* @__PURE__ */ v("div", { "data-rsv": "resource-row", role: "row", children: [
+        /* @__PURE__ */ v(
+          "div",
+          {
+            "data-rsv": "resource-label",
+            style: `padding-inline-start:${0.5 + e.row.depth * 1}rem`,
+            children: [
+              e.row.hasChildren && /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  "data-rsv": "resource-toggle",
+                  "aria-expanded": e.row.expanded,
+                  onClick: () => a.toggleResource(e.row.resource.id),
+                  children: e.row.expanded ? "▾" : "▸"
+                }
+              ),
+              /* @__PURE__ */ n("span", { "data-rsv": "resource-title", children: e.row.resource.title })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n("div", { "data-rsv": "resource-lane", style: `height:${o}rem`, children: e.segs.map((i) => /* @__PURE__ */ n(rt, { api: a, seg: i, options: r }, i.event.id)) })
+      ] }, e.row.resource.id);
+    })
+  ] });
+}
+function Rt({ api: a, model: t, options: r }) {
+  const e = `calc(var(--spacing-rsv-slot, 2.5rem) * ${t.slots.length})`;
+  return /* @__PURE__ */ v("div", { "data-rsv": "timegrid", style: `--rsv-tg-days:${t.columns.length}`, children: [
+    /* @__PURE__ */ v("div", { "data-rsv": "tg-header", role: "row", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-corner" }),
+      t.columns.map((o) => /* @__PURE__ */ n("div", { "data-rsv": "tg-col-header", role: "columnheader", children: o.row.resource.title }, o.row.resource.id))
+    ] }),
+    /* @__PURE__ */ v("div", { "data-rsv": "tg-allday", role: "row", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis-label", children: E(r.locale).allDay }),
+      t.columns.map((o) => /* @__PURE__ */ n("div", { "data-rsv": "tg-allday-cell", children: o.allDayEvents.map((i) => /* @__PURE__ */ n(
+        "div",
+        {
+          "data-rsv": "event",
+          "data-all-day": "true",
+          style: `--rsv-event-bg:${i.backgroundColor}`,
+          onClick: () => a.trigger("eventClick", { event: i }),
+          children: i.title
+        },
+        i.id
+      )) }, o.row.resource.id))
+    ] }),
+    /* @__PURE__ */ v("div", { "data-rsv": "tg-body", children: [
+      /* @__PURE__ */ n("div", { "data-rsv": "tg-axis", style: `height:${e}`, children: t.slots.map((o) => /* @__PURE__ */ n("div", { "data-rsv": "tg-slot", "data-major": String(o.isMajor), children: /* @__PURE__ */ n("span", { "data-rsv": "tg-slot-label", children: o.label }) }, o.offsetMin)) }),
+      t.columns.map((o) => /* @__PURE__ */ v(
+        "div",
+        {
+          "data-rsv": "tg-col",
+          "data-rsv-resource-id": o.row.resource.id,
+          style: `height:${e}`,
+          children: [
+            o.timedSegs.map((i) => {
+              const u = 100 / i.colCount;
+              return /* @__PURE__ */ v(
+                "div",
+                {
+                  "data-rsv": "event",
+                  "data-all-day": "false",
+                  "data-event-id": i.event.id,
+                  role: "button",
+                  tabIndex: 0,
+                  style: `position:absolute;top:${i.topPct}%;height:${i.heightPct}%;left:${i.col * u}%;width:${u}%;--rsv-event-bg:${i.event.backgroundColor};--rsv-event-fg:${i.event.textColor}`,
+                  onClick: (d) => {
+                    d.stopPropagation(), a.trigger("eventClick", { event: i.event });
+                  },
+                  children: [
+                    l.format(i.event.start, "HH:mm"),
+                    " ",
+                    i.event.title
+                  ]
+                },
+                i.event.id
+              );
+            }),
+            t.nowTopPct != null && /* @__PURE__ */ n("div", { "data-rsv": "now-indicator", style: `top:${t.nowTopPct}%` })
+          ]
+        },
+        o.row.resource.id
+      ))
+    ] })
+  ] });
+}
+function Ft({ api: a, model: t }) {
+  return /* @__PURE__ */ v("div", { "data-rsv": "resource-daygrid", style: `--rsv-rdg-cols:${t.columns.length}`, children: [
+    /* @__PURE__ */ n("div", { "data-rsv": "rdg-header", role: "row", children: t.columns.map((r) => /* @__PURE__ */ n("div", { "data-rsv": "rdg-col-header", role: "columnheader", children: r.row.resource.title }, r.row.resource.id)) }),
+    /* @__PURE__ */ n("div", { "data-rsv": "rdg-body", role: "row", children: t.columns.map((r) => /* @__PURE__ */ n("div", { "data-rsv": "rdg-col", "data-rsv-resource-id": r.row.resource.id, children: r.events.map((e) => /* @__PURE__ */ v(
+      "div",
+      {
+        "data-rsv": "event",
+        "data-all-day": String(e.allDay),
+        "data-event-id": e.id,
+        role: "button",
+        tabIndex: 0,
+        style: `--rsv-event-bg:${e.backgroundColor};--rsv-event-fg:${e.textColor}`,
+        onClick: () => a.trigger("eventClick", { event: e }),
+        children: [
+          e.allDay ? "" : l.format(e.start, "HH:mm") + " ",
+          e.title
+        ]
+      },
+      e.id
+    )) }, r.row.resource.id)) })
+  ] });
+}
+function Gt({ api: a, options: t }) {
+  var i;
+  const r = a.viewModel.value, e = t.direction ?? E(t.locale).direction, o = t.themeTokens ? vt(t.themeTokens) : void 0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-rsv": "root",
+      dir: e,
+      "data-rsv-theme": t.theme,
+      style: o,
+      class: $((i = t.classNames) == null ? void 0 : i.root),
+      children: [
+        t.headerToolbar !== !1 && /* @__PURE__ */ n(bt, { api: a, title: r.title, activeView: r.type, options: t }),
+        /* @__PURE__ */ n("div", { "data-rsv": "view", "data-view": r.type, children: r.dayGrid ? /* @__PURE__ */ n(tt, { api: a, model: r.dayGrid, options: t }) : r.timeGrid ? /* @__PURE__ */ n(Et, { api: a, model: r.timeGrid, options: t }) : r.list ? /* @__PURE__ */ n(Tt, { api: a, model: r.list, options: t }) : r.multiMonth ? /* @__PURE__ */ n(Pt, { api: a, model: r.multiMonth, options: t }) : r.resourceTimeGrid ? /* @__PURE__ */ n(Rt, { api: a, model: r.resourceTimeGrid, options: t }) : r.resourceDayGrid ? /* @__PURE__ */ n(Ft, { api: a, model: r.resourceDayGrid, options: t }) : r.resourceTimeline ? /* @__PURE__ */ n(Ot, { api: a, model: r.resourceTimeline, options: t }) : r.timeline ? /* @__PURE__ */ n(It, { api: a, model: r.timeline, options: t }) : /* @__PURE__ */ v("div", { "data-rsv": "unsupported", children: [
+          'La vista "',
+          r.type,
+          '" se implementa en una fase posterior.'
+        ] }) })
+      ]
+    }
+  );
+}
+function Bt(a, t) {
+  const r = new ut(t);
+  return X(st(Gt, { api: r, options: t }), a), {
+    api: r,
+    destroy() {
+      X(null, a), r.destroy();
+    }
+  };
+}
+function _t(a, t = "calendar.ics") {
+  if (typeof document > "u") return;
+  const r = mt(a), e = new Blob([r], { type: "text/calendar;charset=utf-8" }), o = URL.createObjectURL(e), i = document.createElement("a");
+  i.href = o, i.download = t, document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(o);
+}
+export {
+  Gt as Calendar,
+  tt as DayGridView,
+  Tt as ListView,
+  Pt as MultiMonthView,
+  Ft as ResourceDayGridView,
+  Rt as ResourceTimeGridView,
+  Ot as ResourceTimelineView,
+  Et as TimeGridView,
+  It as TimelineView,
+  bt as Toolbar,
+  $ as cx,
+  Kt as dayGridPlugin,
+  Wt as definePlugin,
+  Xt as defineTheme,
+  _t as downloadICS,
+  zt as eventsToICS,
+  Q as handleEventKeydown,
+  qt as listPlugin,
+  Bt as mount,
+  Jt as multiMonthPlugin,
+  Qt as parseICS,
+  x as renderSlot,
+  Zt as resourcePlugin,
+  G as startEventDrag,
+  te as themeToStyle,
+  ee as timeGridPlugin,
+  re as timelinePlugin
+};
+//# sourceMappingURL=index.js.map