calkit 0.1.0

package/dist/scheduler.es.js

@@ -0,0 +1,3235 @@
+class Fe extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" }), this._initialized = !1;
+  }
+  /** Override in subclass — return array of CSSStyleSheet or CSS strings. */
+  static get styles() {
+    return [];
+  }
+  connectedCallback() {
+    this._initialized || (this._adoptStyles(), this._initialized = !0), this.render();
+  }
+  _adoptStyles() {
+    const e = this.constructor.styles;
+    if (e.length)
+      if ("adoptedStyleSheets" in this.shadowRoot)
+        this.shadowRoot.adoptedStyleSheets = e.map((s) => {
+          if (s instanceof CSSStyleSheet) return s;
+          const a = new CSSStyleSheet();
+          return a.replaceSync(s), a;
+        });
+      else
+        for (const s of e) {
+          const a = document.createElement("style");
+          a.textContent = s instanceof CSSStyleSheet ? "" : s, this.shadowRoot.prepend(a);
+        }
+  }
+  /** Subclasses override to update Shadow DOM. */
+  render() {
+  }
+  /** Dispatch a composed, bubbling custom event. */
+  emit(e, s = {}) {
+    this.dispatchEvent(
+      new CustomEvent(e, { detail: s, bubbles: !0, composed: !0 })
+    );
+  }
+  /** Show an inline status banner. */
+  showStatus(e, s, a = {}) {
+    if (!this._store) return;
+    const { autoDismiss: n, dismissible: l = !0 } = a;
+    clearTimeout(this._statusTimer), this._store.set({ statusType: e, statusMessage: s, statusDismissible: l }), this.emit("cal:status", { type: e, message: s }), n && n > 0 && (this._statusTimer = setTimeout(() => this.clearStatus(), n));
+  }
+  /** Clear the status banner. */
+  clearStatus() {
+    this._store && (clearTimeout(this._statusTimer), this._store.set({ statusType: null, statusMessage: null, statusDismissible: !0 }), this.emit("cal:status", { type: null, message: null }));
+  }
+  /** Query within shadow root. */
+  $(e) {
+    return this.shadowRoot.querySelector(e);
+  }
+  $$(e) {
+    return this.shadowRoot.querySelectorAll(e);
+  }
+}
+function Ve(t) {
+  let e = { ...t };
+  const s = /* @__PURE__ */ new Set();
+  return {
+    get(a) {
+      return e[a];
+    },
+    set(a) {
+      const n = e;
+      e = { ...e, ...a };
+      let l = !1;
+      for (const r of Object.keys(a))
+        if (n[r] !== e[r]) {
+          l = !0;
+          break;
+        }
+      if (l)
+        for (const r of s) r(e, n);
+    },
+    getState() {
+      return e;
+    },
+    subscribe(a) {
+      return s.add(a), () => s.delete(a);
+    }
+  };
+}
+const oe = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], qe = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Oe = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], Xe = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function He(t, e = "short") {
+  const s = ee(t);
+  return s ? e === "long" ? Oe[s.getDay()] : Xe[s.getDay()] : "";
+}
+function We(t = 0) {
+  const e = [];
+  for (let s = 0; s < 7; s++)
+    e.push(qe[(t + s) % 7]);
+  return e;
+}
+function $e(t, e) {
+  return new Date(t, e + 1, 0).getDate();
+}
+function Ge(t, e) {
+  return new Date(t, e, 1).getDay();
+}
+function pe(t) {
+  if (typeof t == "string") return t;
+  const e = t instanceof Date ? t : new Date(t.year, t.month, t.day), s = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
+  return `${s}-${a}-${n}`;
+}
+function ee(t) {
+  if (!t) return null;
+  if (t instanceof Date) return t;
+  if (typeof t == "string") {
+    const [e, s, a] = t.split("-").map(Number);
+    return !e || !s || !a ? null : new Date(e, s - 1, a);
+  }
+  return null;
+}
+function _e(t, e) {
+  if (!t || !e) return !1;
+  const s = ee(t), a = ee(e);
+  return !s || !a ? !1 : s.getFullYear() === a.getFullYear() && s.getMonth() === a.getMonth() && s.getDate() === a.getDate();
+}
+function me() {
+  return pe(/* @__PURE__ */ new Date());
+}
+function xe(t, e, s) {
+  const a = new Date(t, e + s, 1);
+  return { year: a.getFullYear(), month: a.getMonth() };
+}
+function fe(t, e) {
+  const s = ee(t);
+  return s ? (s.setDate(s.getDate() + e), pe(s)) : t;
+}
+function Ue(t, e, s = 0) {
+  const a = $e(t, e), l = (Ge(t, e) - s + 7) % 7, r = [], i = me(), d = xe(t, e, -1), g = $e(d.year, d.month);
+  for (let k = l - 1; k >= 0; k--) {
+    const u = g - k, p = pe({ year: d.year, month: d.month, day: u });
+    r.push({ year: d.year, month: d.month, day: u, dateString: p, isCurrentMonth: !1, isToday: p === i });
+  }
+  for (let k = 1; k <= a; k++) {
+    const u = pe({ year: t, month: e, day: k });
+    r.push({ year: t, month: e, day: k, dateString: u, isCurrentMonth: !0, isToday: u === i });
+  }
+  const c = xe(t, e, 1);
+  let o = 1;
+  for (; r.length < 42; ) {
+    const k = pe({ year: c.year, month: c.month, day: o });
+    r.push({ year: c.year, month: c.month, day: o, dateString: k, isCurrentMonth: !1, isToday: k === i }), o++;
+  }
+  return r;
+}
+function he(t) {
+  if (!t || typeof t != "string") return null;
+  const e = t.trim().toUpperCase(), s = e.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
+  if (s) {
+    let n = parseInt(s[1], 10);
+    const l = parseInt(s[2], 10), r = s[3];
+    return r === "AM" && n === 12 && (n = 0), r === "PM" && n !== 12 && (n += 12), { hours: n, minutes: l };
+  }
+  const a = e.match(/^(\d{1,2}):(\d{2})$/);
+  return a ? { hours: parseInt(a[1], 10), minutes: parseInt(a[2], 10) } : null;
+}
+function ge(t, e, s = "24h") {
+  const a = String(e).padStart(2, "0");
+  if (s === "12h") {
+    const n = t >= 12 ? "PM" : "AM";
+    return `${t % 12 || 12}:${a} ${n}`;
+  }
+  return `${String(t).padStart(2, "0")}:${a}`;
+}
+function y(t) {
+  const e = he(t);
+  return e ? e.hours * 60 + e.minutes : 0;
+}
+function ce(t) {
+  const e = Math.floor(t / 60) % 24, s = t % 60;
+  return `${String(e).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+function Me(t, e, s) {
+  const a = [], n = y(t), l = y(e);
+  for (let r = n; r <= l; r += s)
+    a.push(ce(r));
+  return a;
+}
+function Ye() {
+  const t = /* @__PURE__ */ new Date();
+  return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+}
+function Ze(t, e = 0) {
+  const s = ee(t);
+  if (!s) return t;
+  const n = (s.getDay() - e + 7) % 7;
+  return s.setDate(s.getDate() - n), pe(s);
+}
+function Te(t, e = 0) {
+  const s = Ze(t, e), a = [];
+  for (let n = 0; n < 7; n++)
+    a.push(fe(s, n));
+  return a;
+}
+function Je(t, e, s) {
+  const a = ee(e);
+  if (!a) return "";
+  if (t === "day")
+    return `${oe[a.getMonth()]} ${a.getDate()}, ${a.getFullYear()}`;
+  if (t === "week" && s && s.length === 7) {
+    const n = ee(s[0]), l = ee(s[6]);
+    return !n || !l ? "" : n.getMonth() === l.getMonth() ? `${oe[n.getMonth()]} ${n.getDate()}–${l.getDate()}, ${n.getFullYear()}` : n.getFullYear() === l.getFullYear() ? `${oe[n.getMonth()].slice(0, 3)} ${n.getDate()} – ${oe[l.getMonth()].slice(0, 3)} ${l.getDate()}, ${n.getFullYear()}` : `${oe[n.getMonth()].slice(0, 3)} ${n.getDate()}, ${n.getFullYear()} – ${oe[l.getMonth()].slice(0, 3)} ${l.getDate()}, ${l.getFullYear()}`;
+  }
+  return t === "month" ? `${oe[a.getMonth()]} ${a.getFullYear()}` : "";
+}
+function ve(t, e) {
+  return t.filter((s) => s.start ? s.end && s.end !== s.start ? e >= s.start && e <= s.end : s.start === e : !1);
+}
+function ye(t) {
+  if (!t.length) return t;
+  const e = [...t].sort((a, n) => {
+    const l = y(a.startTime || "00:00"), r = y(n.startTime || "00:00");
+    if (l !== r) return l - r;
+    const i = y(a.endTime || "23:59");
+    return y(n.endTime || "23:59") - r - (i - l);
+  }), s = [];
+  for (const a of e) {
+    const n = y(a.startTime || "00:00"), l = y(a.endTime || "23:59");
+    let r = !1;
+    for (let i = 0; i < s.length; i++)
+      if (n >= s[i]) {
+        a._col = i, s[i] = l, r = !0;
+        break;
+      }
+    r || (a._col = s.length, s.push(l));
+  }
+  for (const a of e) {
+    const n = y(a.startTime || "00:00"), l = y(a.endTime || "23:59");
+    let r = a._col;
+    for (const i of e) {
+      const d = y(i.startTime || "00:00"), g = y(i.endTime || "23:59");
+      d < l && g > n && (r = Math.max(r, i._col));
+    }
+    a._totalCols = r + 1;
+  }
+  return e;
+}
+function ie(t, e, s, a) {
+  return (y(t) - y(e)) / a * s;
+}
+function Ie(t, e, s, a) {
+  const n = t / s * a, l = y(e) + n;
+  return ce(Math.round(l));
+}
+function ze(t, e) {
+  const s = y(t), a = Math.round(s / e) * e;
+  return ce(a);
+}
+function Ke(t, e, s) {
+  return ve(t, s).filter(
+    (a) => a.resourceId === e
+  );
+}
+function Be(t, e, s, a, n) {
+  const l = Ke(t, e, s), r = y(a), i = y(n);
+  for (const d of l) {
+    if (!d.startTime || !d.endTime) continue;
+    const g = y(d.startTime), c = y(d.endTime);
+    if (r < c && i > g)
+      return !1;
+  }
+  return !0;
+}
+function Qe(t, e, s, a, n = "08:00", l = "18:00") {
+  const { duration: r, resourceId: i, minCapacity: d } = t, g = t.date || me(), c = 14;
+  let o = e;
+  i && (o = e.filter((p) => p.id === i)), d && (o = o.filter(
+    (p) => p.capacity && p.capacity >= d
+  ));
+  const k = y(n), u = y(l);
+  for (let p = 0; p < c; p++) {
+    const v = fe(g, p);
+    for (const h of o)
+      for (let m = k; m + r <= u; m += a) {
+        const w = ce(m), T = ce(m + r);
+        if (Be(s, h.id, v, w, T))
+          return {
+            resourceId: h.id,
+            date: v,
+            startTime: w,
+            endTime: T
+          };
+      }
+  }
+  return null;
+}
+const et = `
+  :host {
+    /* Light theme (default) */
+    --cal-bg: 0 0% 100%;
+    --cal-bg-muted: 240 5% 96%;
+    --cal-fg: 240 6% 10%;
+    --cal-fg-muted: 240 4% 46%;
+    --cal-border: 240 6% 90%;
+    --cal-accent: 240 6% 10%;
+    --cal-accent-fg: 0 0% 100%;
+    --cal-accent-subtle: 240 5% 96%;
+    --cal-hover: 240 5% 93%;
+    --cal-ring: 240 6% 10%;
+    --cal-radius: 8px;
+    --cal-radius-sm: 6px;
+    --cal-cell-size: 36px;
+    --cal-transition: 150ms ease;
+
+    /* Booking color palette (softer / less saturated) */
+    --cal-booking-blue-bg: 217 55% 94%;
+    --cal-booking-blue-fg: 217 60% 35%;
+    --cal-booking-green-bg: 152 45% 93%;
+    --cal-booking-green-fg: 152 55% 28%;
+    --cal-booking-red-bg: 4 50% 94%;
+    --cal-booking-red-fg: 4 55% 40%;
+    --cal-booking-orange-bg: 30 55% 93%;
+    --cal-booking-orange-fg: 30 60% 35%;
+    --cal-booking-gray-bg: 240 8% 94%;
+    --cal-booking-gray-fg: 240 8% 38%;
+
+    /* Booking hover tokens */
+    --cal-booking-blue-hover: 217 55% 88%;
+    --cal-booking-green-hover: 152 45% 87%;
+    --cal-booking-red-hover: 4 50% 88%;
+    --cal-booking-orange-hover: 30 55% 87%;
+    --cal-booking-gray-hover: 240 8% 88%;
+
+    /* Scheduler tokens */
+    --cal-sched-grid-line: 240 6% 94%;
+    --cal-sched-now-line: 4 70% 55%;
+    --cal-sched-slot-hover: 240 5% 97%;
+    --cal-sched-header-bg: 240 5% 98%;
+
+    /* Status tokens */
+    --cal-status-error-bg: 4 50% 95%;
+    --cal-status-error-fg: 4 55% 40%;
+    --cal-status-error-border: 4 50% 85%;
+    --cal-status-warning-bg: 40 55% 95%;
+    --cal-status-warning-fg: 40 60% 35%;
+    --cal-status-warning-border: 40 50% 85%;
+    --cal-status-info-bg: 217 55% 95%;
+    --cal-status-info-fg: 217 60% 35%;
+    --cal-status-info-border: 217 50% 85%;
+    --cal-status-success-bg: 152 45% 95%;
+    --cal-status-success-fg: 152 55% 28%;
+    --cal-status-success-border: 152 45% 85%;
+  }
+
+  :host([theme="dark"]) {
+    --cal-bg: 240 6% 10%;
+    --cal-bg-muted: 240 4% 16%;
+    --cal-fg: 0 0% 98%;
+    --cal-fg-muted: 240 4% 54%;
+    --cal-border: 240 4% 20%;
+    --cal-accent: 0 0% 98%;
+    --cal-accent-fg: 240 6% 10%;
+    --cal-accent-subtle: 240 4% 16%;
+    --cal-hover: 240 4% 20%;
+    --cal-ring: 0 0% 98%;
+
+    --cal-booking-blue-bg: 217 50% 25%;
+    --cal-booking-blue-fg: 217 80% 75%;
+    --cal-booking-green-bg: 142 40% 22%;
+    --cal-booking-green-fg: 142 70% 70%;
+    --cal-booking-red-bg: 4 45% 25%;
+    --cal-booking-red-fg: 4 70% 75%;
+    --cal-booking-orange-bg: 30 45% 25%;
+    --cal-booking-orange-fg: 30 80% 75%;
+    --cal-booking-gray-bg: 240 5% 22%;
+    --cal-booking-gray-fg: 240 5% 65%;
+
+    --cal-booking-blue-hover: 217 50% 30%;
+    --cal-booking-green-hover: 142 40% 27%;
+    --cal-booking-red-hover: 4 45% 30%;
+    --cal-booking-orange-hover: 30 45% 30%;
+    --cal-booking-gray-hover: 240 5% 27%;
+
+    --cal-sched-grid-line: 240 4% 18%;
+    --cal-sched-now-line: 4 55% 55%;
+    --cal-sched-slot-hover: 240 4% 14%;
+    --cal-sched-header-bg: 240 5% 12%;
+
+    --cal-status-error-bg: 4 45% 20%;
+    --cal-status-error-fg: 4 70% 75%;
+    --cal-status-error-border: 4 45% 30%;
+    --cal-status-warning-bg: 40 45% 20%;
+    --cal-status-warning-fg: 40 80% 75%;
+    --cal-status-warning-border: 40 45% 30%;
+    --cal-status-info-bg: 217 50% 20%;
+    --cal-status-info-fg: 217 80% 75%;
+    --cal-status-info-border: 217 50% 30%;
+    --cal-status-success-bg: 152 40% 18%;
+    --cal-status-success-fg: 152 70% 70%;
+    --cal-status-success-border: 152 40% 28%;
+  }
+
+  :host([theme="auto"]) {
+    --cal-bg: 0 0% 100%;
+    --cal-bg-muted: 240 5% 96%;
+    --cal-fg: 240 6% 10%;
+    --cal-fg-muted: 240 4% 46%;
+    --cal-border: 240 6% 90%;
+    --cal-accent: 240 6% 10%;
+    --cal-accent-fg: 0 0% 100%;
+    --cal-accent-subtle: 240 5% 96%;
+    --cal-hover: 240 5% 93%;
+    --cal-ring: 240 6% 10%;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :host([theme="auto"]) {
+      --cal-bg: 240 6% 10%;
+      --cal-bg-muted: 240 4% 16%;
+      --cal-fg: 0 0% 98%;
+      --cal-fg-muted: 240 4% 54%;
+      --cal-border: 240 4% 20%;
+      --cal-accent: 0 0% 98%;
+      --cal-accent-fg: 240 6% 10%;
+      --cal-accent-subtle: 240 4% 16%;
+      --cal-hover: 240 4% 20%;
+      --cal-ring: 0 0% 98%;
+
+      --cal-booking-blue-bg: 217 50% 25%;
+      --cal-booking-blue-fg: 217 80% 75%;
+      --cal-booking-green-bg: 142 40% 22%;
+      --cal-booking-green-fg: 142 70% 70%;
+      --cal-booking-red-bg: 4 45% 25%;
+      --cal-booking-red-fg: 4 70% 75%;
+      --cal-booking-orange-bg: 30 45% 25%;
+      --cal-booking-orange-fg: 30 80% 75%;
+      --cal-booking-gray-bg: 240 5% 22%;
+      --cal-booking-gray-fg: 240 5% 65%;
+
+      --cal-booking-blue-hover: 217 50% 30%;
+      --cal-booking-green-hover: 142 40% 27%;
+      --cal-booking-red-hover: 4 45% 30%;
+      --cal-booking-orange-hover: 30 45% 30%;
+      --cal-booking-gray-hover: 240 5% 27%;
+
+      --cal-sched-grid-line: 240 4% 18%;
+      --cal-sched-now-line: 4 55% 55%;
+      --cal-sched-slot-hover: 240 4% 14%;
+      --cal-sched-header-bg: 240 5% 12%;
+
+      --cal-status-error-bg: 4 45% 20%;
+      --cal-status-error-fg: 4 70% 75%;
+      --cal-status-error-border: 4 45% 30%;
+      --cal-status-warning-bg: 40 45% 20%;
+      --cal-status-warning-fg: 40 80% 75%;
+      --cal-status-warning-border: 40 45% 30%;
+      --cal-status-info-bg: 217 50% 20%;
+      --cal-status-info-fg: 217 80% 75%;
+      --cal-status-info-border: 217 50% 30%;
+      --cal-status-success-bg: 152 40% 18%;
+      --cal-status-success-fg: 152 70% 70%;
+      --cal-status-success-border: 152 40% 28%;
+    }
+  }
+`, tt = `
+  :host {
+    display: inline-block;
+    font-family: inherit;
+    font-size: 14px;
+    line-height: 1.5;
+    color: hsl(var(--cal-fg));
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  :host([display="inline"]) {
+    display: inline-block;
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  button {
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  button:focus-visible {
+    outline: 2px solid hsl(var(--cal-ring));
+    outline-offset: 2px;
+    border-radius: var(--cal-radius-sm);
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`, at = `
+  @keyframes cal-fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+
+  @keyframes cal-slide-up {
+    from {
+      opacity: 0;
+      transform: translateY(4px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes cal-slide-left {
+    from {
+      opacity: 0;
+      transform: translateX(16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes cal-slide-right {
+    from {
+      opacity: 0;
+      transform: translateX(-16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  .cal-animate-fade { animation: cal-fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1); }
+  .cal-animate-slide-up { animation: cal-slide-up 200ms cubic-bezier(0.16, 1, 0.3, 1); }
+  .cal-animate-slide-left { animation: cal-slide-left 200ms cubic-bezier(0.16, 1, 0.3, 1); }
+  .cal-animate-slide-right { animation: cal-slide-right 200ms cubic-bezier(0.16, 1, 0.3, 1); }
+
+  @keyframes cal-shimmer {
+    0% { background-position: -200% 0; }
+    100% { background-position: 200% 0; }
+  }
+
+  .cal-skeleton {
+    background: linear-gradient(
+      90deg,
+      hsl(var(--cal-bg-muted)) 25%,
+      hsl(var(--cal-hover)) 50%,
+      hsl(var(--cal-bg-muted)) 75%
+    );
+    background-size: 200% 100%;
+    animation: cal-shimmer 1.5s infinite ease-in-out;
+    border-radius: 999px;
+  }
+
+  .cal-skeleton--rect {
+    border-radius: var(--cal-radius-sm);
+  }
+`, st = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12L6 8l4-4"/></svg>', nt = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4l4 4-4 4"/></svg>';
+function lt({ title: t, view: e, onPrev: s, onNext: a, onToday: n, onViewChange: l }) {
+  const r = document.createElement("div");
+  r.classList.add("cal-sched-nav");
+  const i = document.createElement("div");
+  i.classList.add("cal-sched-nav__left");
+  const d = document.createElement("button");
+  d.classList.add("cal-sched-nav__btn"), d.innerHTML = st, d.setAttribute("aria-label", "Previous"), d.addEventListener("click", s);
+  const g = document.createElement("button");
+  g.classList.add("cal-sched-nav__btn"), g.innerHTML = nt, g.setAttribute("aria-label", "Next"), g.addEventListener("click", a);
+  const c = document.createElement("button");
+  c.classList.add("cal-sched-nav__today"), c.textContent = "Today", c.addEventListener("click", n);
+  const o = document.createElement("span");
+  o.classList.add("cal-sched-nav__title"), o.setAttribute("aria-live", "polite"), o.textContent = t, i.appendChild(d), i.appendChild(g), i.appendChild(c), i.appendChild(o);
+  const k = document.createElement("div");
+  k.classList.add("cal-sched-nav__tabs");
+  for (const u of ["day", "week", "month"]) {
+    const p = document.createElement("button");
+    p.classList.add("cal-sched-nav__tab"), u === e && p.classList.add("cal-sched-nav__tab--active"), p.textContent = u.charAt(0).toUpperCase() + u.slice(1), p.addEventListener("click", () => l(u)), k.appendChild(p);
+  }
+  return r.appendChild(i), r.appendChild(k), r;
+}
+const rt = `
+  .cal-sched-nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 0;
+    gap: 8px;
+  }
+
+  .cal-sched-nav__left {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .cal-sched-nav__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: var(--cal-radius-sm);
+    color: hsl(var(--cal-fg));
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-nav__btn:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-sched-nav__today {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    padding: 4px 12px;
+    border-radius: var(--cal-radius-sm);
+    border: 1px solid hsl(var(--cal-border));
+    margin-left: 4px;
+    margin-right: 8px;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-nav__today:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-sched-nav__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    user-select: none;
+  }
+
+  .cal-sched-nav__tabs {
+    display: flex;
+    gap: 0;
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius-sm);
+    overflow: hidden;
+  }
+
+  .cal-sched-nav__tab {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    padding: 4px 12px;
+    transition: all var(--cal-transition);
+    border-right: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-sched-nav__tab:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-nav__tab:hover {
+    background: hsl(var(--cal-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-nav__tab--active {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+
+  .cal-sched-nav__tab--active:hover {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+`;
+function Ne({ startTime: t, endTime: e, interval: s, slotHeight: a, format: n }) {
+  const l = document.createElement("div");
+  l.classList.add("cal-sched-time-axis");
+  const r = Me(t, e, s);
+  for (let i = 0; i < r.length; i++) {
+    const d = r[i], g = he(d);
+    if (!g) continue;
+    const c = document.createElement("div");
+    if (c.classList.add("cal-sched-time-axis__slot"), c.style.height = `${a}px`, g.minutes === 0) {
+      const o = document.createElement("span");
+      o.classList.add("cal-sched-time-axis__label"), o.textContent = ge(g.hours, g.minutes, n), c.appendChild(o);
+    }
+    l.appendChild(c);
+  }
+  return l;
+}
+const it = `
+  .cal-sched-time-axis {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    width: 56px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-time-axis__slot {
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-end;
+    padding-right: 8px;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-time-axis__label {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    transform: translateY(-7px);
+    white-space: nowrap;
+    user-select: none;
+  }
+`;
+function ct({ resource: t, width: e }) {
+  const s = document.createElement("div");
+  s.classList.add("cal-sched-resource-header"), e && (s.style.width = `${e}px`), s.style.flex = e ? `0 0 ${e}px` : "1 1 0";
+  const a = document.createElement("span");
+  a.classList.add("cal-sched-resource-header__dot");
+  const n = t.color || "blue";
+  a.style.background = `hsl(var(--cal-booking-${n}-fg))`, s.appendChild(a);
+  const l = document.createElement("span");
+  if (l.classList.add("cal-sched-resource-header__name"), l.textContent = t.name, s.appendChild(l), t.capacity) {
+    const r = document.createElement("span");
+    r.classList.add("cal-sched-resource-header__capacity"), r.textContent = t.capacity, r.setAttribute("title", `Capacity: ${t.capacity}`), s.appendChild(r);
+  }
+  return s;
+}
+function dt({ resources: t }) {
+  const e = document.createElement("div");
+  e.classList.add("cal-sched-resource-header-row");
+  for (const s of t)
+    e.appendChild(ct({ resource: s }));
+  return e;
+}
+const ot = `
+  .cal-sched-resource-header-row {
+    display: flex;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+  }
+
+  .cal-sched-resource-header {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    min-width: 0;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-resource-header:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-resource-header__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-resource-header__name {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .cal-sched-resource-header__capacity {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    background: hsl(var(--cal-bg-muted));
+    padding: 1px 6px;
+    border-radius: 999px;
+    flex-shrink: 0;
+  }
+`;
+function we({ event: t, gridStartTime: e, slotHeight: s, interval: a, format: n, onClick: l, eventContent: r, showTime: i = !0, resource: d, draggable: g }) {
+  const c = document.createElement("div");
+  c.classList.add("cal-sched-event"), c.setAttribute("role", "button"), c.setAttribute("tabindex", "0"), c.dataset.eventId = t.id;
+  const o = !!t.locked;
+  g && !o && (c.dataset.draggable = "true"), o && c.classList.add("cal-sched-event--locked");
+  const k = t.color || "blue";
+  if (c.style.setProperty("--ev-bg", `var(--cal-booking-${k}-bg)`), c.style.setProperty("--ev-fg", `var(--cal-booking-${k}-fg)`), t.startTime && t.endTime) {
+    const u = ie(t.startTime, e, s, a), p = ie(t.endTime, e, s, a), v = Math.max(p - u, s * 0.5);
+    if (c.style.top = `${u}px`, c.style.height = `${v}px`, t._totalCols > 1) {
+      const h = 100 / t._totalCols;
+      c.style.left = `${t._col * h}%`, c.style.width = `${h}%`;
+    }
+  }
+  if (typeof r == "function") {
+    const u = r(t, d), p = document.createElement("div");
+    p.classList.add("cal-sched-event__custom"), u instanceof HTMLElement ? p.appendChild(u) : u != null && (p.textContent = String(u)), c.appendChild(p);
+  } else {
+    const u = document.createElement("div");
+    if (u.classList.add("cal-sched-event__title"), u.textContent = t.title || "", c.appendChild(u), i && t.startTime && t.endTime) {
+      const p = document.createElement("div");
+      p.classList.add("cal-sched-event__time");
+      const v = he(t.startTime), h = he(t.endTime);
+      v && h && (p.textContent = `${ge(v.hours, v.minutes, n)}–${ge(h.hours, h.minutes, n)}`), c.appendChild(p);
+    }
+  }
+  if (g && !o) {
+    const u = document.createElement("div");
+    u.classList.add("cal-sched-event__resize-handle"), c.appendChild(u);
+  }
+  return l && (c.addEventListener("click", (u) => {
+    if (c.dataset.wasDragged) {
+      delete c.dataset.wasDragged;
+      return;
+    }
+    u.stopPropagation(), l(t);
+  }), c.addEventListener("keydown", (u) => {
+    (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), l(t));
+  })), c;
+}
+function je({ event: t, onClick: e, eventContent: s, resource: a }) {
+  const n = document.createElement("div");
+  n.classList.add("cal-sched-allday-chip"), n.dataset.eventId = t.id;
+  const l = t.color || "blue";
+  if (n.style.setProperty("--ev-bg", `var(--cal-booking-${l}-bg)`), n.style.setProperty("--ev-fg", `var(--cal-booking-${l}-fg)`), typeof s == "function") {
+    const r = s(t, a);
+    r instanceof HTMLElement ? n.appendChild(r) : r != null && (n.textContent = String(r));
+  } else
+    n.textContent = t.title || "";
+  return e && n.addEventListener("click", (r) => {
+    r.stopPropagation(), e(t);
+  }), n;
+}
+function ht({ event: t, format: e, onClick: s, eventContent: a, resource: n }) {
+  const l = document.createElement("div");
+  l.classList.add("cal-sched-month-chip"), l.dataset.eventId = t.id;
+  const r = t.color || "blue";
+  if (l.style.setProperty("--ev-bg", `var(--cal-booking-${r}-bg)`), l.style.setProperty("--ev-fg", `var(--cal-booking-${r}-fg)`), typeof a == "function") {
+    const i = a(t, n);
+    i instanceof HTMLElement ? l.appendChild(i) : i != null && (l.textContent = String(i));
+  } else {
+    const i = document.createElement("span");
+    i.classList.add("cal-sched-month-chip__dot"), i.style.background = `hsl(var(--cal-booking-${r}-fg))`, l.appendChild(i);
+    const d = document.createElement("span");
+    if (d.classList.add("cal-sched-month-chip__text"), t.startTime) {
+      const g = he(t.startTime), c = g ? ge(g.hours, g.minutes, e) : t.startTime;
+      d.textContent = `${c} ${t.title || ""}`;
+    } else
+      d.textContent = t.title || "";
+    l.appendChild(d);
+  }
+  return s && l.addEventListener("click", (i) => {
+    i.stopPropagation(), s(t);
+  }), l;
+}
+const ut = `
+  .cal-sched-event {
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    background: hsl(var(--ev-bg));
+    color: hsl(var(--ev-fg));
+    border-left: 3px solid hsl(var(--ev-fg));
+    border-radius: var(--cal-radius-sm);
+    padding: 2px 6px;
+    font-size: 12px;
+    line-height: 1.3;
+    overflow: hidden;
+    cursor: pointer;
+    transition: box-shadow var(--cal-transition);
+    z-index: 1;
+  }
+
+  .cal-sched-event:hover {
+    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.1);
+    z-index: 2;
+  }
+
+  .cal-sched-event:focus-visible {
+    outline: 2px solid hsl(var(--cal-ring));
+    outline-offset: 1px;
+  }
+
+  .cal-sched-event__title {
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .cal-sched-event__time {
+    font-size: 11px;
+    opacity: 0.8;
+    white-space: nowrap;
+  }
+
+  .cal-sched-event__custom {
+    overflow: hidden;
+  }
+
+  .cal-sched-event--locked {
+    cursor: default;
+    opacity: 0.85;
+  }
+
+  .cal-sched-event--locked::after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    right: 4px;
+    width: 10px;
+    height: 10px;
+    background: currentColor;
+    opacity: 0.25;
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11 5V4a3 3 0 0 0-6 0v1H4v7h8V5h-1ZM6 4a2 2 0 1 1 4 0v1H6V4Z'/%3E%3C/svg%3E");
+    mask-size: contain;
+    mask-repeat: no-repeat;
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11 5V4a3 3 0 0 0-6 0v1H4v7h8V5h-1ZM6 4a2 2 0 1 1 4 0v1H6V4Z'/%3E%3C/svg%3E");
+    -webkit-mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+  }
+
+  .cal-sched-allday-chip {
+    background: hsl(var(--ev-bg));
+    color: hsl(var(--ev-fg));
+    border-left: 3px solid hsl(var(--ev-fg));
+    border-radius: var(--cal-radius-sm);
+    padding: 2px 8px;
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: pointer;
+    transition: box-shadow var(--cal-transition);
+  }
+
+  .cal-sched-allday-chip:hover {
+    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.1);
+  }
+
+  .cal-sched-month-chip {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    background: hsl(var(--ev-bg));
+    color: hsl(var(--ev-fg));
+    border-radius: var(--cal-radius-sm);
+    padding: 1px 6px;
+    font-size: 11px;
+    cursor: pointer;
+    overflow: hidden;
+    transition: box-shadow var(--cal-transition);
+  }
+
+  .cal-sched-month-chip:hover {
+    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.1);
+  }
+
+  .cal-sched-month-chip__dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-month-chip__text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+function be({ date: t, startTime: e, endTime: s, resourceName: a, format: n, onCreate: l }) {
+  const r = document.createElement("div");
+  r.classList.add("cal-sched-slot-prompt", "cal-animate-fade");
+  const i = document.createElement("div");
+  if (i.classList.add("cal-sched-slot-prompt__info"), e && s) {
+    const g = he(e), c = he(s), o = document.createElement("div");
+    o.classList.add("cal-sched-slot-prompt__time"), g && c && (o.textContent = `${ge(g.hours, g.minutes, n)}–${ge(c.hours, c.minutes, n)}`), i.appendChild(o);
+  } else {
+    const g = document.createElement("div");
+    g.classList.add("cal-sched-slot-prompt__time"), g.textContent = t, i.appendChild(g);
+  }
+  if (a) {
+    const g = document.createElement("div");
+    g.classList.add("cal-sched-slot-prompt__resource"), g.textContent = a, i.appendChild(g);
+  }
+  r.appendChild(i);
+  const d = document.createElement("button");
+  return d.classList.add("cal-sched-slot-prompt__btn"), d.setAttribute("aria-label", "Create event"), d.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M7 3v8M3 7h8"/></svg>', d.addEventListener("click", (g) => {
+    g.stopPropagation(), l == null || l();
+  }), r.appendChild(d), r.addEventListener("click", (g) => g.stopPropagation()), r;
+}
+const pt = `
+  .cal-sched-slot-prompt {
+    position: absolute;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: hsl(var(--cal-bg));
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius);
+    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.06);
+    padding: 6px 8px 6px 12px;
+    font-size: 12px;
+    color: hsl(var(--cal-fg));
+    white-space: nowrap;
+    pointer-events: auto;
+  }
+
+  .cal-sched-slot-prompt__info {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  .cal-sched-slot-prompt__time {
+    font-weight: 600;
+    font-size: 12px;
+  }
+
+  .cal-sched-slot-prompt__resource {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-slot-prompt__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    border-radius: var(--cal-radius-sm);
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    flex-shrink: 0;
+    transition: opacity var(--cal-transition);
+  }
+
+  .cal-sched-slot-prompt__btn:hover {
+    opacity: 0.85;
+  }
+
+  /* Selected slot highlight */
+  .cal-sched-week__slot--selected,
+  .cal-sched-day__slot--selected {
+    background: hsl(var(--cal-accent-subtle));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent));
+    z-index: 1;
+    position: relative;
+  }
+
+  .cal-sched-month__cell--selected {
+    background: hsl(var(--cal-accent-subtle));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent));
+  }
+`;
+function gt({
+  date: t,
+  resources: e,
+  events: s,
+  startTime: a,
+  endTime: n,
+  interval: l,
+  slotHeight: r,
+  format: i,
+  layout: d,
+  resourceMode: g,
+  selectedSlot: c,
+  eventContent: o,
+  showTime: k = !0,
+  draggable: u,
+  onSlotClick: p,
+  onEventClick: v,
+  onSlotCreate: h
+}) {
+  const m = document.createElement("div");
+  m.classList.add("cal-sched-day"), d === "horizontal" && m.classList.add("cal-sched-day--horizontal");
+  const w = g === "tabs", T = e.length > 1 && !w, D = ve(s, t), F = D.filter((_) => !_.startTime || !_.endTime), X = D.filter((_) => _.startTime && _.endTime), Y = Me(a, n, l);
+  if (F.length > 0) {
+    const _ = document.createElement("div");
+    _.classList.add("cal-sched-day__allday");
+    const E = document.createElement("div");
+    E.classList.add("cal-sched-day__allday-label"), E.textContent = "All day", _.appendChild(E);
+    const Z = document.createElement("div");
+    Z.classList.add("cal-sched-day__allday-chips");
+    for (const j of F) {
+      const M = e.find((f) => f.id === j.resourceId);
+      Z.appendChild(je({
+        event: j,
+        onClick: (f) => v == null ? void 0 : v(f, j.resourceId, M),
+        eventContent: o,
+        resource: M
+      }));
+    }
+    _.appendChild(Z), m.appendChild(_);
+  }
+  if (T) {
+    const _ = document.createElement("div");
+    _.classList.add("cal-sched-day__header");
+    const E = document.createElement("div");
+    E.classList.add("cal-sched-day__header-spacer"), _.appendChild(E), _.appendChild(dt({ resources: e })), m.appendChild(_);
+  }
+  const N = document.createElement("div");
+  N.classList.add("cal-sched-day__grid-area"), N.appendChild(Ne({ startTime: a, endTime: n, interval: l, slotHeight: r, format: i }));
+  const P = document.createElement("div");
+  if (P.classList.add("cal-sched-day__lanes"), T)
+    for (const _ of e) {
+      const E = document.createElement("div");
+      E.classList.add("cal-sched-day__lane"), E.style.flex = "1 1 0", E.dataset.resourceId = _.id, E.dataset.date = t;
+      for (let M = 0; M < Y.length; M++) {
+        const f = document.createElement("div");
+        f.classList.add("cal-sched-day__slot"), f.style.height = `${r}px`, f.dataset.time = Y[M], f.dataset.resourceId = _.id;
+        const z = M < Y.length - 1 ? Y[M + 1] : n;
+        c && c.date === t && c.startTime === Y[M] && c.resourceId === _.id && (f.classList.add("cal-sched-day__slot--selected"), f.appendChild(be({
+          date: t,
+          startTime: Y[M],
+          endTime: z,
+          resourceName: _.name,
+          format: i,
+          onCreate: () => h == null ? void 0 : h(t, Y[M], z, _.id, _)
+        }))), f.addEventListener("click", () => {
+          p == null || p(t, Y[M], z, _.id, _);
+        }), E.appendChild(f);
+      }
+      const Z = X.filter((M) => M.resourceId === _.id), j = ye(Z);
+      for (const M of j)
+        E.appendChild(we({
+          event: M,
+          gridStartTime: a,
+          slotHeight: r,
+          interval: l,
+          format: i,
+          onClick: (f) => v == null ? void 0 : v(f, _.id, _),
+          eventContent: o,
+          showTime: k,
+          resource: _,
+          draggable: u
+        }));
+      P.appendChild(E);
+    }
+  else {
+    const _ = document.createElement("div");
+    _.classList.add("cal-sched-day__lane"), _.style.flex = "1 1 0", _.dataset.date = t;
+    const E = e.length === 1 ? e[0] : null;
+    E && (_.dataset.resourceId = E.id);
+    for (let j = 0; j < Y.length; j++) {
+      const M = document.createElement("div");
+      M.classList.add("cal-sched-day__slot"), M.style.height = `${r}px`, M.dataset.time = Y[j];
+      const f = j < Y.length - 1 ? Y[j + 1] : n, z = (E == null ? void 0 : E.id) || null;
+      c && c.date === t && c.startTime === Y[j] && (c.resourceId === z || !c.resourceId && !z) && (M.classList.add("cal-sched-day__slot--selected"), M.appendChild(be({
+        date: t,
+        startTime: Y[j],
+        endTime: f,
+        resourceName: (E == null ? void 0 : E.name) || null,
+        format: i,
+        onCreate: () => h == null ? void 0 : h(t, Y[j], f, z, E)
+      }))), M.addEventListener("click", () => {
+        p == null || p(t, Y[j], f, z, E);
+      }), _.appendChild(M);
+    }
+    const Z = ye(X);
+    for (const j of Z) {
+      const M = e.find((f) => f.id === j.resourceId) || e[0];
+      _.appendChild(we({
+        event: j,
+        gridStartTime: a,
+        slotHeight: r,
+        interval: l,
+        format: i,
+        onClick: (f) => v == null ? void 0 : v(f, j.resourceId, M),
+        eventContent: o,
+        showTime: k,
+        resource: M,
+        draggable: u
+      }));
+    }
+    P.appendChild(_);
+  }
+  N.appendChild(P);
+  const H = me();
+  if (_e(t, H)) {
+    const _ = Ye(), E = y(_), Z = y(a), j = y(n);
+    if (E >= Z && E <= j) {
+      const M = ie(_, a, r, l), f = document.createElement("div");
+      f.classList.add("cal-sched-now-line"), f.style.top = `${M}px`;
+      const z = document.createElement("div");
+      z.classList.add("cal-sched-now-line__dot"), f.appendChild(z), P.appendChild(f);
+    }
+  }
+  return m.appendChild(N), m;
+}
+const mt = `
+  .cal-sched-day {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-day__allday {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+    flex-wrap: wrap;
+  }
+
+  .cal-sched-day__allday-label {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    flex-shrink: 0;
+    width: 48px;
+  }
+
+  .cal-sched-day__allday-chips {
+    display: flex;
+    gap: 4px;
+    flex-wrap: wrap;
+    flex: 1;
+  }
+
+  .cal-sched-day__header {
+    display: flex;
+    background: hsl(var(--cal-sched-header-bg));
+    position: sticky;
+    top: 0;
+    z-index: 3;
+  }
+
+  .cal-sched-day__header-spacer {
+    width: 56px;
+    flex-shrink: 0;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day__grid-area {
+    display: flex;
+    overflow-y: auto;
+    position: relative;
+    padding-top: 8px;
+  }
+
+  .cal-sched-day__lanes {
+    display: flex;
+    flex: 1;
+    position: relative;
+  }
+
+  .cal-sched-day__lane {
+    position: relative;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day__lane:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-day__slot {
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    cursor: pointer;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-day__slot:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+  }
+
+  /* Now line */
+  .cal-sched-now-line {
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: hsl(var(--cal-sched-now-line));
+    z-index: 5;
+    pointer-events: none;
+  }
+
+  .cal-sched-now-line__dot {
+    position: absolute;
+    left: -4px;
+    top: -3px;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: hsl(var(--cal-sched-now-line));
+  }
+
+  /* Horizontal layout */
+  .cal-sched-day--horizontal .cal-sched-day__grid-area {
+    flex-direction: column;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__lanes {
+    flex-direction: column;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__lane {
+    display: flex;
+    border-right: none;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__lane:last-child {
+    border-bottom: none;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__slot {
+    border-bottom: none;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    flex: 0 0 auto;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-time-axis {
+    flex-direction: row;
+    width: auto;
+    border-right: none;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day--horizontal .cal-sched-time-axis__slot {
+    border-bottom: none;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    align-items: center;
+    justify-content: center;
+    padding: 4px 0;
+  }
+`, Le = 3, Ce = 5;
+function ft({
+  date: t,
+  firstDay: e,
+  resources: s,
+  events: a,
+  startTime: n,
+  endTime: l,
+  interval: r,
+  slotHeight: i,
+  format: d,
+  layout: g,
+  resourceMode: c,
+  selectedSlot: o,
+  eventContent: k,
+  showTime: u = !0,
+  draggable: p,
+  allDayCollapsed: v,
+  onToggleAllDay: h,
+  onSlotClick: m,
+  onEventClick: w,
+  onSlotCreate: T
+}) {
+  const D = document.createElement("div");
+  D.classList.add("cal-sched-week"), g === "horizontal" && D.classList.add("cal-sched-week--horizontal");
+  const F = Te(t, e), X = c === "tabs", Y = s.length > 1 && !X, N = Me(n, l, r), P = me(), H = {};
+  for (const f of F) {
+    const z = ve(a, f).filter((W) => !W.startTime || !W.endTime);
+    z.length && (H[f] = z);
+  }
+  if (Object.keys(H).length > 0) {
+    const f = document.createElement("div");
+    f.classList.add("cal-sched-week__allday"), v && f.classList.add("cal-sched-week__allday--collapsed");
+    const z = document.createElement("div");
+    z.classList.add("cal-sched-week__allday-spacer");
+    const W = document.createElement("span");
+    W.textContent = "All day", z.appendChild(W);
+    const $ = document.createElement("button");
+    $.classList.add("cal-sched-week__allday-toggle"), $.setAttribute("aria-label", v ? "Expand all-day events" : "Collapse all-day events"), $.innerHTML = v ? '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5l3 3 3-3"/></svg>' : '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7l3-3 3 3"/></svg>', $.addEventListener("click", (R) => {
+      R.stopPropagation(), h == null || h();
+    }), z.appendChild($), f.appendChild(z);
+    for (const R of F) {
+      const U = document.createElement("div");
+      U.classList.add("cal-sched-week__allday-cell");
+      const I = H[R] || [];
+      if (v) {
+        if (I.length > 0) {
+          const C = document.createElement("div");
+          C.classList.add("cal-sched-week__allday-dots");
+          const A = I.slice(0, Ce);
+          for (const G of A) {
+            const le = document.createElement("span");
+            le.classList.add("cal-sched-week__allday-dot");
+            const ke = G.color || "blue";
+            le.style.background = `hsl(var(--cal-booking-${ke}-fg))`, C.appendChild(le);
+          }
+          if (I.length > Ce) {
+            const G = document.createElement("span");
+            G.classList.add("cal-sched-week__allday-overflow"), G.textContent = `+${I.length - Ce}`, C.appendChild(G);
+          }
+          U.appendChild(C);
+        }
+      } else {
+        const C = I.slice(0, Le);
+        for (const A of C) {
+          const G = s.find((le) => le.id === A.resourceId);
+          U.appendChild(je({
+            event: A,
+            onClick: (le) => w == null ? void 0 : w(le, A.resourceId, G),
+            eventContent: k,
+            resource: G
+          }));
+        }
+        if (I.length > Le) {
+          const A = document.createElement("span");
+          A.classList.add("cal-sched-week__allday-overflow"), A.textContent = `+${I.length - Le}`, U.appendChild(A);
+        }
+      }
+      f.appendChild(U);
+    }
+    D.appendChild(f);
+  }
+  const E = document.createElement("div");
+  E.classList.add("cal-sched-week__header");
+  const Z = document.createElement("div");
+  Z.classList.add("cal-sched-week__header-spacer"), E.appendChild(Z);
+  for (const f of F) {
+    const z = ee(f), W = document.createElement("div");
+    W.classList.add("cal-sched-week__day-header"), _e(f, P) && W.classList.add("cal-sched-week__day-header--today");
+    const $ = document.createElement("span");
+    $.classList.add("cal-sched-week__day-name"), $.textContent = He(f);
+    const R = document.createElement("span");
+    if (R.classList.add("cal-sched-week__day-num"), _e(f, P) && R.classList.add("cal-sched-week__day-num--today"), R.textContent = z ? z.getDate() : "", W.appendChild($), W.appendChild(R), Y) {
+      const U = document.createElement("div");
+      U.classList.add("cal-sched-week__res-row");
+      for (const I of s) {
+        const C = document.createElement("span");
+        C.classList.add("cal-sched-week__res-label");
+        const A = document.createElement("span");
+        A.classList.add("cal-sched-week__res-dot"), A.style.background = `hsl(var(--cal-booking-${I.color || "blue"}-fg))`, C.appendChild(A), C.appendChild(document.createTextNode(I.name)), U.appendChild(C);
+      }
+      W.appendChild(U);
+    }
+    E.appendChild(W);
+  }
+  D.appendChild(E);
+  const j = document.createElement("div");
+  j.classList.add("cal-sched-week__grid-area"), j.appendChild(Ne({ startTime: n, endTime: l, interval: r, slotHeight: i, format: d }));
+  const M = document.createElement("div");
+  M.classList.add("cal-sched-week__cols");
+  for (const f of F) {
+    const z = document.createElement("div");
+    z.classList.add("cal-sched-week__day-col"), z.dataset.date = f, _e(f, P) && z.classList.add("cal-sched-week__day-col--today");
+    const W = ve(a, f).filter(($) => $.startTime && $.endTime);
+    if (Y)
+      for (const $ of s) {
+        const R = document.createElement("div");
+        R.classList.add("cal-sched-week__lane"), R.dataset.resourceId = $.id;
+        for (let C = 0; C < N.length; C++) {
+          const A = document.createElement("div");
+          A.classList.add("cal-sched-week__slot"), A.style.height = `${i}px`, A.dataset.time = N[C];
+          const G = C < N.length - 1 ? N[C + 1] : l;
+          o && o.date === f && o.startTime === N[C] && o.resourceId === $.id && (A.classList.add("cal-sched-week__slot--selected"), A.appendChild(be({
+            date: f,
+            startTime: N[C],
+            endTime: G,
+            resourceName: $.name,
+            format: d,
+            onCreate: () => T == null ? void 0 : T(f, N[C], G, $.id, $)
+          }))), A.addEventListener("click", () => {
+            m == null || m(f, N[C], G, $.id, $);
+          }), R.appendChild(A);
+        }
+        const U = W.filter((C) => C.resourceId === $.id), I = ye(U);
+        for (const C of I)
+          R.appendChild(we({
+            event: C,
+            gridStartTime: n,
+            slotHeight: i,
+            interval: r,
+            format: d,
+            onClick: (A) => w == null ? void 0 : w(A, $.id, $),
+            eventContent: k,
+            showTime: u,
+            resource: $,
+            draggable: p
+          }));
+        z.appendChild(R);
+      }
+    else {
+      const $ = document.createElement("div");
+      $.classList.add("cal-sched-week__lane", "cal-sched-week__lane--full");
+      const R = s.length === 1 ? s[0] : null;
+      R && ($.dataset.resourceId = R.id);
+      for (let I = 0; I < N.length; I++) {
+        const C = document.createElement("div");
+        C.classList.add("cal-sched-week__slot"), C.style.height = `${i}px`, C.dataset.time = N[I];
+        const A = I < N.length - 1 ? N[I + 1] : l, G = (R == null ? void 0 : R.id) || null;
+        o && o.date === f && o.startTime === N[I] && (o.resourceId === G || !o.resourceId && !G) && (C.classList.add("cal-sched-week__slot--selected"), C.appendChild(be({
+          date: f,
+          startTime: N[I],
+          endTime: A,
+          resourceName: (R == null ? void 0 : R.name) || null,
+          format: d,
+          onCreate: () => T == null ? void 0 : T(f, N[I], A, G, R)
+        }))), C.addEventListener("click", () => {
+          m == null || m(f, N[I], A, G, R);
+        }), $.appendChild(C);
+      }
+      const U = ye(W);
+      for (const I of U) {
+        const C = s.find((A) => A.id === I.resourceId) || s[0];
+        $.appendChild(we({
+          event: I,
+          gridStartTime: n,
+          slotHeight: i,
+          interval: r,
+          format: d,
+          onClick: (A) => w == null ? void 0 : w(A, I.resourceId, C),
+          eventContent: k,
+          showTime: u,
+          resource: C,
+          draggable: p
+        }));
+      }
+      z.appendChild($);
+    }
+    M.appendChild(z);
+  }
+  if (F.includes(P)) {
+    const f = Ye(), z = y(f), W = y(n), $ = y(l);
+    if (z >= W && z <= $) {
+      const R = F.indexOf(P), U = ie(f, n, i, r), I = document.createElement("div");
+      I.classList.add("cal-sched-now-line", "cal-sched-now-line--week"), I.style.top = `${U}px`;
+      const C = 100 / 7;
+      I.style.left = `${R * C}%`, I.style.width = `${C}%`;
+      const A = document.createElement("div");
+      A.classList.add("cal-sched-now-line__dot"), I.appendChild(A), M.appendChild(I);
+    }
+  }
+  return j.appendChild(M), D.appendChild(j), D;
+}
+const vt = `
+  .cal-sched-week {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-week__allday {
+    display: flex;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+  }
+
+  .cal-sched-week__allday-spacer {
+    width: 56px;
+    flex-shrink: 0;
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    justify-content: center;
+    gap: 4px;
+    padding-right: 8px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-week__allday-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    border-radius: var(--cal-radius-sm);
+    background: transparent;
+    color: hsl(var(--cal-fg-muted));
+    cursor: pointer;
+    transition: background var(--cal-transition), color var(--cal-transition);
+  }
+
+  .cal-sched-week__allday-toggle:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-week__allday-cell {
+    flex: 1;
+    display: flex;
+    gap: 2px;
+    padding: 4px;
+    flex-wrap: wrap;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    max-height: 80px;
+    overflow: hidden;
+    align-items: flex-start;
+    align-content: flex-start;
+  }
+
+  .cal-sched-week__allday--collapsed .cal-sched-week__allday-cell {
+    max-height: 28px;
+    align-items: center;
+    align-content: center;
+  }
+
+  .cal-sched-week__allday-cell:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__allday-overflow {
+    font-size: 10px;
+    color: hsl(var(--cal-fg-muted));
+    padding: 1px 4px;
+    white-space: nowrap;
+  }
+
+  .cal-sched-week__allday-dots {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+  }
+
+  .cal-sched-week__allday-dot {
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-week__header {
+    display: flex;
+    background: hsl(var(--cal-sched-header-bg));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    position: sticky;
+    top: 0;
+    z-index: 3;
+  }
+
+  .cal-sched-week__header-spacer {
+    width: 56px;
+    flex-shrink: 0;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-week__day-header {
+    flex: 1;
+    text-align: center;
+    padding: 8px 4px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-week__day-header:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__day-name {
+    display: block;
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .cal-sched-week__day-num {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    border-radius: 50%;
+  }
+
+  .cal-sched-week__day-num--today {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+
+  .cal-sched-week__res-row {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 4px;
+  }
+
+  .cal-sched-week__res-label {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+    font-size: 10px;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-week__res-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+  }
+
+  .cal-sched-week__grid-area {
+    display: flex;
+    overflow-y: auto;
+    position: relative;
+    padding-top: 8px;
+  }
+
+  .cal-sched-week__cols {
+    display: flex;
+    flex: 1;
+    position: relative;
+  }
+
+  .cal-sched-week__day-col {
+    flex: 1;
+    display: flex;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    position: relative;
+  }
+
+  .cal-sched-week__day-col:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__lane {
+    flex: 1;
+    position: relative;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line) / 0.5);
+  }
+
+  .cal-sched-week__lane:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__lane--full {
+    border-right: none;
+  }
+
+  .cal-sched-week__slot {
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    cursor: pointer;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-week__slot:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+  }
+
+  .cal-sched-now-line--week {
+    position: absolute;
+    height: 2px;
+    background: hsl(var(--cal-sched-now-line));
+    z-index: 5;
+    pointer-events: none;
+  }
+`, Ae = 3;
+function bt({
+  date: t,
+  firstDay: e,
+  resources: s,
+  events: a,
+  format: n,
+  selectedResourceId: l,
+  selectedDate: r,
+  eventContent: i,
+  onSlotClick: d,
+  onEventClick: g,
+  onSlotCreate: c
+}) {
+  const o = document.createElement("div");
+  o.classList.add("cal-sched-month");
+  const k = ee(t);
+  if (!k) return o;
+  const u = k.getFullYear(), p = k.getMonth();
+  me();
+  const v = document.createElement("div");
+  v.classList.add("cal-sched-month__weekdays");
+  const h = We(e);
+  for (const T of h) {
+    const D = document.createElement("div");
+    D.classList.add("cal-sched-month__weekday"), D.textContent = T, v.appendChild(D);
+  }
+  o.appendChild(v);
+  const m = document.createElement("div");
+  m.classList.add("cal-sched-month__grid");
+  const w = Ue(u, p, e);
+  for (const T of w) {
+    const D = document.createElement("div");
+    D.classList.add("cal-sched-month__cell"), T.isCurrentMonth || D.classList.add("cal-sched-month__cell--outside"), T.isToday && D.classList.add("cal-sched-month__cell--today"), r && T.dateString === r && D.classList.add("cal-sched-month__cell--selected"), D.addEventListener("click", (H) => {
+      H.target.closest(".cal-sched-month-chip") || d == null || d(T.dateString);
+    });
+    const F = document.createElement("div");
+    F.classList.add("cal-sched-month__day-num"), T.isToday && F.classList.add("cal-sched-month__day-num--today"), F.textContent = T.day, D.appendChild(F);
+    let X = ve(a, T.dateString);
+    l && (X = X.filter((H) => H.resourceId === l)), X.sort((H, _) => H.startTime && !_.startTime ? -1 : !H.startTime && _.startTime ? 1 : H.startTime && _.startTime ? H.startTime.localeCompare(_.startTime) : 0);
+    const Y = document.createElement("div");
+    Y.classList.add("cal-sched-month__events");
+    const N = X.slice(0, Ae), P = X.length - Ae;
+    for (const H of N) {
+      const _ = s.find((E) => E.id === H.resourceId);
+      Y.appendChild(ht({
+        event: H,
+        format: n,
+        onClick: (E) => g == null ? void 0 : g(E, H.resourceId, _),
+        eventContent: i,
+        resource: _
+      }));
+    }
+    if (P > 0) {
+      const H = document.createElement("div");
+      H.classList.add("cal-sched-month__more"), H.textContent = `+${P} more`, Y.appendChild(H);
+    }
+    D.appendChild(Y), r && T.dateString === r && (D.style.position = "relative", D.appendChild(be({
+      date: T.dateString,
+      startTime: null,
+      endTime: null,
+      resourceName: null,
+      format: n,
+      onCreate: () => c == null ? void 0 : c(T.dateString)
+    }))), m.appendChild(D);
+  }
+  return o.appendChild(m), o;
+}
+const _t = `
+  .cal-sched-month {
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-month__weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+  }
+
+  .cal-sched-month__weekday {
+    font-size: 11px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    text-align: center;
+    padding: 8px 4px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .cal-sched-month__grid {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .cal-sched-month__cell {
+    min-height: 100px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    padding: 4px;
+    cursor: pointer;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-month__cell:nth-child(7n) {
+    border-right: none;
+  }
+
+  .cal-sched-month__cell:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+  }
+
+  .cal-sched-month__cell--outside {
+    opacity: 0.4;
+  }
+
+  .cal-sched-month__day-num {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    margin-bottom: 4px;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .cal-sched-month__day-num--today {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    border-radius: 50%;
+  }
+
+  .cal-sched-month__events {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .cal-sched-month__more {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    padding: 1px 6px;
+    cursor: pointer;
+  }
+
+  .cal-sched-month__more:hover {
+    color: hsl(var(--cal-fg));
+  }
+`;
+function xt({ columns: t = 3, rows: e = 10, slotHeight: s = 48 } = {}) {
+  const a = document.createElement("div");
+  a.setAttribute("role", "status"), a.setAttribute("aria-label", "Loading..."), a.classList.add("cal-sched-skeleton-grid");
+  const n = document.createElement("div");
+  n.classList.add("cal-sched-skeleton-grid__header");
+  const l = document.createElement("div");
+  l.classList.add("cal-sched-skeleton-grid__spacer"), n.appendChild(l);
+  for (let i = 0; i < t; i++) {
+    const d = document.createElement("div");
+    d.classList.add("cal-skeleton", "cal-sched-skeleton-grid__col-header"), n.appendChild(d);
+  }
+  a.appendChild(n);
+  const r = document.createElement("div");
+  r.classList.add("cal-sched-skeleton-grid__body");
+  for (let i = 0; i < e; i++) {
+    const d = document.createElement("div");
+    d.classList.add("cal-sched-skeleton-grid__row"), d.style.height = `${s}px`;
+    const g = document.createElement("div");
+    g.classList.add("cal-skeleton", "cal-sched-skeleton-grid__time"), d.appendChild(g);
+    for (let c = 0; c < t; c++) {
+      const o = document.createElement("div");
+      if (o.classList.add("cal-sched-skeleton-grid__cell"), Math.random() < 0.15) {
+        const k = document.createElement("div");
+        k.classList.add("cal-skeleton", "cal-skeleton--rect", "cal-sched-skeleton-grid__event"), k.style.height = `${s * (1 + Math.floor(Math.random() * 2))}px`, o.appendChild(k);
+      }
+      d.appendChild(o);
+    }
+    r.appendChild(d);
+  }
+  return a.appendChild(r), a;
+}
+function yt() {
+  const t = document.createElement("div");
+  t.setAttribute("role", "status"), t.setAttribute("aria-label", "Loading..."), t.classList.add("cal-sched-skeleton-month");
+  const e = document.createElement("div");
+  e.classList.add("cal-sched-skeleton-month__weekdays");
+  for (let a = 0; a < 7; a++) {
+    const n = document.createElement("div");
+    n.classList.add("cal-skeleton", "cal-sched-skeleton-month__weekday"), e.appendChild(n);
+  }
+  t.appendChild(e);
+  const s = document.createElement("div");
+  s.classList.add("cal-sched-skeleton-month__grid");
+  for (let a = 0; a < 35; a++) {
+    const n = document.createElement("div");
+    n.classList.add("cal-sched-skeleton-month__cell");
+    const l = document.createElement("div");
+    l.classList.add("cal-skeleton", "cal-sched-skeleton-month__num"), n.appendChild(l);
+    const r = Math.floor(Math.random() * 3);
+    for (let i = 0; i < r; i++) {
+      const d = document.createElement("div");
+      d.classList.add("cal-skeleton", "cal-skeleton--rect", "cal-sched-skeleton-month__chip"), n.appendChild(d);
+    }
+    s.appendChild(n);
+  }
+  return t.appendChild(s), t;
+}
+const wt = `
+  .cal-sched-skeleton-grid {
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-skeleton-grid__header {
+    display: flex;
+    background: hsl(var(--cal-sched-header-bg));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    padding: 12px 0;
+  }
+
+  .cal-sched-skeleton-grid__spacer {
+    width: 56px;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-skeleton-grid__col-header {
+    flex: 1;
+    height: 20px;
+    margin: 0 12px;
+  }
+
+  .cal-sched-skeleton-grid__body {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .cal-sched-skeleton-grid__row {
+    display: flex;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-skeleton-grid__time {
+    width: 36px;
+    height: 12px;
+    margin: 4px 10px;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-skeleton-grid__cell {
+    flex: 1;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    position: relative;
+    padding: 2px;
+  }
+
+  .cal-sched-skeleton-grid__cell:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-skeleton-grid__event {
+    width: 80%;
+    min-height: 24px;
+  }
+
+  .cal-sched-skeleton-month {
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-skeleton-month__weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    gap: 8px;
+    padding: 12px;
+    background: hsl(var(--cal-sched-header-bg));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-skeleton-month__weekday {
+    height: 14px;
+  }
+
+  .cal-sched-skeleton-month__grid {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .cal-sched-skeleton-month__cell {
+    min-height: 80px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    padding: 6px;
+  }
+
+  .cal-sched-skeleton-month__cell:nth-child(7n) {
+    border-right: none;
+  }
+
+  .cal-sched-skeleton-month__num {
+    width: 20px;
+    height: 14px;
+    margin-bottom: 6px;
+  }
+
+  .cal-sched-skeleton-month__chip {
+    height: 16px;
+    margin-bottom: 2px;
+    width: 85%;
+  }
+`, Pe = {
+  error: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M7 4v3M7 9.5v.01"/></svg>',
+  warning: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M7 1.5L1 12.5h12L7 1.5zM7 6v2.5M7 10.5v.01"/></svg>',
+  info: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M7 6.5V10M7 4.5v.01"/></svg>',
+  success: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M4.5 7l2 2L9.5 5"/></svg>'
+};
+function kt({ type: t = "info", message: e, dismissible: s = !0, onDismiss: a }) {
+  const n = document.createElement("div");
+  n.classList.add("cal-status", `cal-status--${t}`, "cal-animate-slide-up"), n.setAttribute("role", t === "error" ? "alert" : "status"), n.setAttribute("aria-live", t === "error" ? "assertive" : "polite");
+  const l = document.createElement("span");
+  l.classList.add("cal-status__icon"), l.innerHTML = Pe[t] || Pe.info, n.appendChild(l);
+  const r = document.createElement("span");
+  if (r.classList.add("cal-status__text"), r.textContent = e, n.appendChild(r), s) {
+    const i = document.createElement("button");
+    i.classList.add("cal-status__close"), i.setAttribute("aria-label", "Dismiss"), i.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 3l6 6M9 3l-6 6"/></svg>', i.addEventListener("click", () => a == null ? void 0 : a()), n.appendChild(i);
+  }
+  return n;
+}
+const Et = `
+  .cal-status {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    border-radius: var(--cal-radius-sm);
+    font-size: 12px;
+    line-height: 1.4;
+    margin-bottom: 8px;
+  }
+
+  .cal-status__icon {
+    flex-shrink: 0;
+    display: flex;
+  }
+
+  .cal-status__text {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .cal-status__close {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    cursor: pointer;
+    opacity: 0.7;
+    transition: opacity var(--cal-transition);
+  }
+
+  .cal-status__close:hover {
+    opacity: 1;
+  }
+
+  .cal-status--error {
+    background: hsl(var(--cal-status-error-bg));
+    color: hsl(var(--cal-status-error-fg));
+    border: 1px solid hsl(var(--cal-status-error-border));
+  }
+
+  .cal-status--warning {
+    background: hsl(var(--cal-status-warning-bg));
+    color: hsl(var(--cal-status-warning-fg));
+    border: 1px solid hsl(var(--cal-status-warning-border));
+  }
+
+  .cal-status--info {
+    background: hsl(var(--cal-status-info-bg));
+    color: hsl(var(--cal-status-info-fg));
+    border: 1px solid hsl(var(--cal-status-info-border));
+  }
+
+  .cal-status--success {
+    background: hsl(var(--cal-status-success-bg));
+    color: hsl(var(--cal-status-success-fg));
+    border: 1px solid hsl(var(--cal-status-success-border));
+  }
+`;
+function Lt({ event: t, resource: e, format: s, onClose: a, actions: n, onAction: l }) {
+  const r = document.createElement("div");
+  r.classList.add("cal-sched-detail-backdrop"), r.addEventListener("click", a);
+  const i = document.createElement("div");
+  i.classList.add("cal-sched-detail", "cal-animate-fade"), i.addEventListener("click", (u) => u.stopPropagation());
+  const d = document.createElement("button");
+  d.classList.add("cal-sched-detail__close"), d.setAttribute("aria-label", "Close"), d.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M4 4l6 6M10 4l-6 6"/></svg>', d.addEventListener("click", a), i.appendChild(d);
+  const g = t.color || "blue", c = document.createElement("div");
+  c.classList.add("cal-sched-detail__accent"), c.style.background = `hsl(var(--cal-booking-${g}-fg))`, i.appendChild(c);
+  const o = document.createElement("div");
+  if (o.classList.add("cal-sched-detail__title"), o.textContent = t.title || "Untitled", i.appendChild(o), t.startTime && t.endTime) {
+    const u = document.createElement("div");
+    u.classList.add("cal-sched-detail__row");
+    const p = document.createElement("span");
+    p.classList.add("cal-sched-detail__icon"), p.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="5.5"/><path d="M7 4v3.5l2.5 1.5"/></svg>', u.appendChild(p);
+    const v = he(t.startTime), h = he(t.endTime), m = document.createElement("span");
+    v && h && (m.textContent = `${ge(v.hours, v.minutes, s)}–${ge(h.hours, h.minutes, s)}`), u.appendChild(m), i.appendChild(u);
+  }
+  if (t.start) {
+    const u = document.createElement("div");
+    u.classList.add("cal-sched-detail__row");
+    const p = document.createElement("span");
+    p.classList.add("cal-sched-detail__icon"), p.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="1.5" y="2.5" width="11" height="9.5" rx="1.5"/><path d="M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11"/></svg>', u.appendChild(p);
+    const v = ee(t.start), h = document.createElement("span");
+    if (v) {
+      let m = `${He(t.start, "long")}, ${oe[v.getMonth()]} ${v.getDate()}`;
+      if (t.end && t.end !== t.start) {
+        const w = ee(t.end);
+        w && (m += ` – ${oe[w.getMonth()]} ${w.getDate()}`);
+      }
+      h.textContent = m;
+    }
+    u.appendChild(h), i.appendChild(u);
+  }
+  if (e && e.name) {
+    const u = document.createElement("div");
+    u.classList.add("cal-sched-detail__row");
+    const p = document.createElement("span");
+    p.classList.add("cal-sched-detail__res-dot"), p.style.background = `hsl(var(--cal-booking-${e.color || "blue"}-fg))`, u.appendChild(p);
+    const v = document.createElement("span");
+    v.textContent = e.name, e.capacity && (v.textContent += ` (capacity: ${e.capacity})`), u.appendChild(v), i.appendChild(u);
+  }
+  if (t.metadata && typeof t.metadata == "object") {
+    const u = Object.entries(t.metadata);
+    if (u.length > 0) {
+      const p = document.createElement("div");
+      p.classList.add("cal-sched-detail__meta");
+      for (const [v, h] of u) {
+        const m = document.createElement("div");
+        m.classList.add("cal-sched-detail__meta-row");
+        const w = document.createElement("span");
+        w.classList.add("cal-sched-detail__meta-label"), w.textContent = v;
+        const T = document.createElement("span");
+        T.textContent = String(h), m.appendChild(w), m.appendChild(T), p.appendChild(m);
+      }
+      i.appendChild(p);
+    }
+  }
+  if (n && n.length > 0) {
+    const u = document.createElement("div");
+    u.classList.add("cal-sched-detail__actions");
+    for (const p of n) {
+      const v = document.createElement("button");
+      v.classList.add("cal-sched-detail__action"), p.type === "danger" && v.classList.add("cal-sched-detail__action--danger"), v.textContent = p.label, v.addEventListener("click", () => {
+        l == null || l(p.label);
+      }), u.appendChild(v);
+    }
+    i.appendChild(u);
+  }
+  r.appendChild(i);
+  const k = (u) => {
+    u.key === "Escape" && a();
+  };
+  return r.addEventListener("keydown", k), requestAnimationFrame(() => d.focus()), r;
+}
+const Ct = `
+  .cal-sched-detail-backdrop {
+    position: absolute;
+    inset: 0;
+    z-index: 20;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 80px;
+    background: rgba(0, 0, 0, 0.06);
+  }
+
+  .cal-sched-detail {
+    position: relative;
+    background: hsl(var(--cal-bg));
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius);
+    box-shadow: 0 8px 30px -4px rgba(0, 0, 0, 0.12), 0 2px 8px -2px rgba(0, 0, 0, 0.06);
+    padding: 16px 20px;
+    min-width: 260px;
+    max-width: 340px;
+    font-size: 13px;
+    color: hsl(var(--cal-fg));
+    user-select: text;
+  }
+
+  .cal-sched-detail__close {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    border-radius: var(--cal-radius-sm);
+    color: hsl(var(--cal-fg-muted));
+    transition: background var(--cal-transition), color var(--cal-transition);
+  }
+
+  .cal-sched-detail__close:hover {
+    background: hsl(var(--cal-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-detail__accent {
+    width: 32px;
+    height: 4px;
+    border-radius: 2px;
+    margin-bottom: 10px;
+  }
+
+  .cal-sched-detail__title {
+    font-size: 15px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    padding-right: 24px;
+  }
+
+  .cal-sched-detail__row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 4px 0;
+    color: hsl(var(--cal-fg-muted));
+    font-size: 13px;
+  }
+
+  .cal-sched-detail__icon {
+    display: flex;
+    flex-shrink: 0;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-detail__res-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+    margin-left: 3px;
+    margin-right: 3px;
+  }
+
+  .cal-sched-detail__meta {
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-sched-detail__meta-row {
+    display: flex;
+    justify-content: space-between;
+    padding: 2px 0;
+    font-size: 12px;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-detail__meta-label {
+    font-weight: 500;
+    text-transform: capitalize;
+  }
+
+  .cal-sched-detail__actions {
+    display: flex;
+    gap: 6px;
+    margin-top: 14px;
+    padding-top: 12px;
+    border-top: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-sched-detail__action {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 6px 12px;
+    font-size: 12px;
+    font-weight: 500;
+    border-radius: var(--cal-radius-sm);
+    border: 1px solid hsl(var(--cal-border));
+    color: hsl(var(--cal-fg));
+    background: hsl(var(--cal-bg));
+    transition: background var(--cal-transition);
+    cursor: pointer;
+  }
+
+  .cal-sched-detail__action:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-sched-detail__action--danger {
+    color: hsl(var(--cal-status-error-fg));
+    border-color: hsl(var(--cal-status-error-border));
+  }
+
+  .cal-sched-detail__action--danger:hover {
+    background: hsl(var(--cal-status-error-bg));
+  }
+`;
+function Tt({ resources: t, selectedResourceId: e, onResourceFilter: s }) {
+  const a = document.createElement("div");
+  a.classList.add("cal-sched-res-tabs");
+  const n = document.createElement("button");
+  n.classList.add("cal-sched-res-tabs__tab"), e || n.classList.add("cal-sched-res-tabs__tab--active"), n.textContent = "All", n.addEventListener("click", () => s == null ? void 0 : s(null)), a.appendChild(n);
+  for (const l of t) {
+    const r = document.createElement("button");
+    r.classList.add("cal-sched-res-tabs__tab"), e === l.id && r.classList.add("cal-sched-res-tabs__tab--active");
+    const i = document.createElement("span");
+    i.classList.add("cal-sched-res-tabs__dot"), i.style.background = `hsl(var(--cal-booking-${l.color || "blue"}-fg))`, r.appendChild(i), r.appendChild(document.createTextNode(l.name)), r.addEventListener("click", () => s == null ? void 0 : s(l.id)), a.appendChild(r);
+  }
+  return a;
+}
+const Mt = `
+  .cal-sched-res-tabs {
+    display: flex;
+    gap: 4px;
+    padding: 8px 12px;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+    flex-wrap: wrap;
+  }
+
+  .cal-sched-res-tabs__tab {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    padding: 4px 10px;
+    border-radius: var(--cal-radius-sm);
+    border: 1px solid hsl(var(--cal-border));
+    transition: all var(--cal-transition);
+  }
+
+  .cal-sched-res-tabs__tab:hover {
+    background: hsl(var(--cal-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-res-tabs__tab--active {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    border-color: hsl(var(--cal-accent));
+  }
+
+  .cal-sched-res-tabs__tab--active:hover {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+
+  .cal-sched-res-tabs__dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+  }
+`;
+function St({ onClick: t }) {
+  const e = document.createElement("button");
+  return e.classList.add("cal-sched-fab"), e.setAttribute("aria-label", "Create event"), e.innerHTML = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M10 4v12M4 10h12"/></svg>', e.addEventListener("click", (s) => {
+    s.stopPropagation(), t == null || t();
+  }), e;
+}
+const Dt = `
+  .cal-sched-fab {
+    position: absolute;
+    bottom: 16px;
+    right: 16px;
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    z-index: 8;
+    transition: transform var(--cal-transition), box-shadow var(--cal-transition);
+  }
+
+  .cal-sched-fab:hover {
+    transform: scale(1.08);
+    box-shadow: 0 6px 16px -2px rgba(0, 0, 0, 0.25), 0 3px 6px -1px rgba(0, 0, 0, 0.12);
+  }
+
+  .cal-sched-fab:active {
+    transform: scale(0.96);
+  }
+
+  .cal-sched-fab:focus-visible {
+    outline: 2px solid hsl(var(--cal-ring));
+    outline-offset: 2px;
+  }
+`, $t = 4;
+function It({ shadowRoot: t, getConfig: e, getViewInfo: s, getEvents: a, onMove: n, onResize: l, onCreate: r }) {
+  let i = !1, d = null, g = null, c = null, o = null, k = 0, u = 0, p = 0, v = 0, h = !1, m = null, w = null, T = null, D = null, F = null, X = null, Y = null, N = null, P = null, H = null, _ = null, E = null, Z = 0;
+  function j(b) {
+    if (!i || b.button !== 0) return;
+    const L = b.target.closest(".cal-sched-event__resize-handle"), S = b.target.closest('.cal-sched-event[data-draggable="true"]');
+    if (S) {
+      const q = S.dataset.eventId;
+      if (g = a().find((B) => B.id === q), !g) return;
+      b.preventDefault(), b.stopPropagation(), N = S, Y = b.pointerId, S.setPointerCapture(b.pointerId), p = b.clientX, v = b.clientY, h = !1, w = g.startTime, m = g.endTime, T = g.start, D = g.resourceId, L ? (d = "resize", o = S, o.classList.add("cal-sched-event--resizing")) : (d = "move", o = S);
+    } else {
+      const q = b.target.closest("[data-time]");
+      if (!q || b.target.closest(".cal-sched-slot-prompt")) return;
+      const x = z(b.clientX, b.clientY);
+      if (!x) return;
+      b.preventDefault(), d = "create", p = b.clientX, v = b.clientY, h = !1, H = x.date, _ = x.resourceId, E = x.time;
+      const B = t.querySelectorAll("[data-time]");
+      B.length > 0 && (Z = B[0].getBoundingClientRect().top), N = q, Y = b.pointerId, q.setPointerCapture(b.pointerId);
+    }
+    t.addEventListener("pointermove", M), t.addEventListener("pointerup", f);
+  }
+  function M(b) {
+    if (!d) return;
+    const L = b.clientX - p, S = b.clientY - v, q = Math.sqrt(L * L + S * S);
+    if (!(!h && q < $t)) {
+      if (h = !0, d === "move") {
+        if (!c && o) {
+          const B = o.getBoundingClientRect();
+          k = p - B.left, u = v - B.top, c = o.cloneNode(!0), c.classList.add("cal-sched-event--ghost"), c.style.cssText = `
+          position: fixed;
+          width: ${B.width}px;
+          height: ${B.height}px;
+          left: ${B.left}px;
+          top: ${B.top}px;
+          z-index: 1000;
+          pointer-events: none;
+          opacity: 0.85;
+          box-shadow: 0 8px 24px -4px rgba(0,0,0,0.2);
+          background: hsl(var(--ev-bg));
+          color: hsl(var(--ev-fg));
+          border-left: 3px solid hsl(var(--ev-fg));
+          border-radius: var(--cal-radius-sm);
+          padding: 2px 6px;
+          font-size: 12px;
+          line-height: 1.3;
+          overflow: hidden;
+        `, c.style.setProperty("--ev-bg", o.style.getPropertyValue("--ev-bg")), c.style.setProperty("--ev-fg", o.style.getPropertyValue("--ev-fg")), t.appendChild(c), o.classList.add("cal-sched-event--dragging");
+        }
+        c && (c.style.left = `${b.clientX - k}px`, c.style.top = `${b.clientY - u}px`);
+        const x = z(b.clientX, b.clientY);
+        x ? W(x) : $();
+      } else if (d === "resize") {
+        const x = e(), B = x.snapInterval || x.interval, Q = x.slotHeight * (B / x.interval), ae = b.clientY - v, O = Math.round(ae / Q) * B, ue = y(m), re = y(w);
+        let K = ue + O;
+        const te = x.minDuration || B, se = re + te;
+        if (K < se && (K = se), x.maxDuration) {
+          const de = re + x.maxDuration;
+          K > de && (K = de);
+        }
+        const V = y(x.endTime);
+        K > V && (K = V);
+        const ne = ce(K);
+        if (o) {
+          const de = ie(w, x.startTime, x.slotHeight, x.interval), Ee = ie(ne, x.startTime, x.slotHeight, x.interval);
+          o.style.height = `${Math.max(Ee - de, x.slotHeight * 0.5)}px`;
+        }
+        U(b.clientX, b.clientY, ne, x.format);
+      } else if (d === "create") {
+        const x = e(), B = x.snapInterval || x.interval, Q = b.clientY - Z, ae = Ie(Math.max(0, Q), x.startTime, x.slotHeight, x.interval), J = ze(ae, B), O = y(J), ue = y(E), re = y(x.endTime), K = x.minDuration || B;
+        let te = Math.max(O, ue + K);
+        if (x.maxDuration) {
+          const V = ue + x.maxDuration;
+          te > V && (te = V);
+        }
+        te > re && (te = re);
+        const se = ce(te);
+        if (!P) {
+          P = document.createElement("div"), P.classList.add("cal-sched-create-preview");
+          let V = null;
+          _ && (V = t.querySelector(`[data-resource-id="${_}"][data-date="${H}"]`), V || (V = t.querySelector(`[data-date="${H}"] [data-resource-id="${_}"]`))), V || (V = t.querySelector(`[data-date="${H}"] .cal-sched-week__lane`) || t.querySelector(`[data-date="${H}"] .cal-sched-day__lane`) || t.querySelector(`[data-date="${H}"]`)), V && V.appendChild(P);
+        }
+        if (P) {
+          const V = e(), ne = ie(E, V.startTime, V.slotHeight, V.interval), de = ie(se, V.startTime, V.slotHeight, V.interval);
+          P.style.top = `${ne}px`, P.style.height = `${Math.max(de - ne, V.slotHeight * 0.5)}px`, P.dataset.endTime = se;
+        }
+        U(b.clientX, b.clientY, se, x.format);
+      }
+    }
+  }
+  function f(b) {
+    if (d) {
+      if (t.removeEventListener("pointermove", M), t.removeEventListener("pointerup", f), N && Y != null) {
+        try {
+          N.releasePointerCapture(Y);
+        } catch {
+        }
+        N = null, Y = null;
+      }
+      if (d === "move") {
+        if ($(), c && (c.remove(), c = null), o && o.classList.remove("cal-sched-event--dragging"), h) {
+          o && (o.dataset.wasDragged = "true");
+          const L = z(b.clientX, b.clientY);
+          if (L && g) {
+            const S = e(), q = y(m) - y(w), x = L.time, B = y(x), Q = Math.min(B + q, y(S.endTime)), ae = ce(Q), J = {
+              date: T,
+              startTime: w,
+              endTime: m,
+              resourceId: D
+            }, O = {
+              date: L.date,
+              startTime: x,
+              endTime: ae,
+              resourceId: L.resourceId || D
+            };
+            (J.date !== O.date || J.startTime !== O.startTime || J.resourceId !== O.resourceId) && (n == null || n({ event: g, from: J, to: O }));
+          }
+        }
+      } else if (d === "resize") {
+        if (h) {
+          const L = e(), S = L.snapInterval || L.interval, q = L.slotHeight * (S / L.interval), x = b.clientY - v, Q = Math.round(x / q) * S, ae = y(m), J = y(w);
+          let O = ae + Q;
+          const ue = L.minDuration || S, re = J + ue;
+          if (O < re && (O = re), L.maxDuration) {
+            const se = J + L.maxDuration;
+            O > se && (O = se);
+          }
+          const K = y(L.endTime);
+          O > K && (O = K);
+          const te = ce(O);
+          o && (o.dataset.wasDragged = "true"), te !== m && g && (l == null || l({
+            event: g,
+            from: { endTime: m },
+            to: { endTime: te }
+          }));
+        }
+        o && o.classList.remove("cal-sched-event--resizing"), I();
+      } else if (d === "create") {
+        I();
+        const L = (P == null ? void 0 : P.dataset.endTime) || null;
+        P && (P.remove(), P = null), h && H && E && L && (r == null || r({
+          date: H,
+          startTime: E,
+          endTime: L,
+          resourceId: _
+        })), H = null, _ = null, E = null, Z = 0;
+      }
+      d = null, g = null, o = null, k = 0, u = 0, p = 0, v = 0, h = !1, m = null, w = null, T = null, D = null;
+    }
+  }
+  function z(b, L) {
+    const S = e(), q = t.querySelectorAll("[data-date]");
+    let x = null, B = null;
+    for (const ne of q) {
+      const de = ne.getBoundingClientRect();
+      if (b >= de.left && b <= de.right) {
+        if (x = ne.dataset.date, ne.dataset.resourceId)
+          B = ne.dataset.resourceId;
+        else {
+          const Ee = ne.querySelectorAll("[data-resource-id]");
+          for (const Se of Ee) {
+            const De = Se.getBoundingClientRect();
+            if (b >= De.left && b <= De.right) {
+              B = Se.dataset.resourceId;
+              break;
+            }
+          }
+        }
+        break;
+      }
+    }
+    if (!x) return null;
+    const Q = t.querySelectorAll("[data-time]");
+    if (Q.length === 0) return null;
+    const J = Q[0].getBoundingClientRect().top, O = L - J;
+    if (O < 0) return null;
+    const ue = S.snapInterval || S.interval, re = Ie(O, S.startTime, S.slotHeight, S.interval), K = ze(re, ue), te = y(K), se = y(S.startTime), V = y(S.endTime);
+    return te < se || te >= V ? null : {
+      date: x,
+      time: K,
+      resourceId: B
+    };
+  }
+  function W(b) {
+    $();
+    const L = e();
+    let S = L.interval;
+    g && w && m && (S = y(m) - y(w));
+    let x = y(b.time) + S;
+    const B = y(L.endTime);
+    x > B && (x = B);
+    const Q = ce(x);
+    let ae = R(b.date, b.resourceId);
+    if (!ae) return;
+    X = document.createElement("div"), X.classList.add("cal-sched-drop-preview");
+    const J = ie(b.time, L.startTime, L.slotHeight, L.interval), O = ie(Q, L.startTime, L.slotHeight, L.interval);
+    X.style.top = `${J}px`, X.style.height = `${Math.max(O - J, L.slotHeight * 0.5)}px`, ae.appendChild(X);
+  }
+  function $() {
+    X && (X.remove(), X = null);
+  }
+  function R(b, L) {
+    if (L) {
+      let q = t.querySelector(
+        `[data-resource-id="${L}"][data-date="${b}"]`
+      );
+      if (q || (q = t.querySelector(
+        `[data-date="${b}"] [data-resource-id="${L}"]`
+      )), q) return q;
+    }
+    const S = t.querySelector(`[data-date="${b}"]`);
+    return S ? S.querySelector(".cal-sched-week__lane") || S.querySelector(".cal-sched-day__lane") || S : null;
+  }
+  function U(b, L, S, q) {
+    F || (F = document.createElement("div"), F.classList.add("cal-sched-drag-time-label"), t.appendChild(F));
+    const { hours: x, minutes: B } = C(S), Q = q === "12h" ? A(x, B) : S;
+    F.textContent = Q, F.style.left = `${b + 12}px`, F.style.top = `${L - 8}px`;
+  }
+  function I() {
+    F && (F.remove(), F = null);
+  }
+  function C(b) {
+    const [L, S] = b.split(":").map(Number);
+    return { hours: L, minutes: S };
+  }
+  function A(b, L) {
+    const S = b >= 12 ? "PM" : "AM";
+    return `${b % 12 || 12}:${String(L).padStart(2, "0")} ${S}`;
+  }
+  function G() {
+    i || (i = !0, t.addEventListener("pointerdown", j));
+  }
+  function le() {
+    i = !1, t.removeEventListener("pointerdown", j), t.removeEventListener("pointermove", M), t.removeEventListener("pointerup", f), ke();
+  }
+  function ke() {
+    c && (c.remove(), c = null), P && (P.remove(), P = null), o && (o.classList.remove("cal-sched-event--dragging", "cal-sched-event--resizing"), o = null), $(), I(), d = null, g = null, h = !1;
+  }
+  function Re() {
+    le();
+  }
+  return { enable: G, disable: le, destroy: Re };
+}
+const zt = `
+  [data-draggable="true"] {
+    cursor: grab;
+  }
+
+  [data-draggable="true"]:active {
+    cursor: grabbing;
+  }
+
+  .cal-sched-event--dragging {
+    opacity: 0.3;
+    pointer-events: none;
+  }
+
+  .cal-sched-event--ghost {
+    pointer-events: none;
+  }
+
+  .cal-sched-event--resizing {
+    z-index: 10;
+  }
+
+  .cal-sched-event__resize-handle {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 6px;
+    cursor: ns-resize;
+    border-radius: 0 0 var(--cal-radius-sm) var(--cal-radius-sm);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .cal-sched-event__resize-handle::after {
+    content: '';
+    width: 20px;
+    height: 2px;
+    border-radius: 1px;
+    background: currentColor;
+    opacity: 0.3;
+    transition: opacity var(--cal-transition);
+  }
+
+  .cal-sched-event__resize-handle:hover::after {
+    opacity: 0.6;
+  }
+
+  .cal-sched-drop-preview {
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    background: hsl(var(--cal-accent) / 0.12);
+    border: 1.5px solid hsl(var(--cal-accent) / 0.5);
+    border-radius: var(--cal-radius-sm);
+    z-index: 3;
+    pointer-events: none;
+    transition: top 0.05s ease, height 0.05s ease;
+  }
+
+  .cal-sched-create-preview {
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    background: hsl(var(--cal-accent) / 0.15);
+    border: 1.5px dashed hsl(var(--cal-accent));
+    border-radius: var(--cal-radius-sm);
+    z-index: 4;
+    pointer-events: none;
+    transition: height 0.05s ease;
+  }
+
+  .cal-sched-drag-time-label {
+    position: fixed;
+    background: hsl(var(--cal-fg));
+    color: hsl(var(--cal-bg));
+    font-size: 11px;
+    font-weight: 500;
+    padding: 2px 6px;
+    border-radius: var(--cal-radius-sm);
+    pointer-events: none;
+    z-index: 1001;
+    white-space: nowrap;
+  }
+`, At = `
+  .cal-sched {
+    background: hsl(var(--cal-bg));
+    border-radius: var(--cal-radius);
+    user-select: none;
+    font-size: 14px;
+  }
+
+  .cal-sched__body {
+    position: relative;
+  }
+`;
+class Pt extends Fe {
+  static get styles() {
+    return [
+      et,
+      tt,
+      at,
+      rt,
+      it,
+      ot,
+      ut,
+      mt,
+      vt,
+      _t,
+      wt,
+      Et,
+      Ct,
+      Mt,
+      pt,
+      Dt,
+      zt,
+      At
+    ];
+  }
+  static get observedAttributes() {
+    return [
+      "theme",
+      "view",
+      "layout",
+      "date",
+      "start-time",
+      "end-time",
+      "interval",
+      "format",
+      "first-day",
+      "loading",
+      "slot-height",
+      "resource-mode",
+      "show-event-time",
+      "show-fab",
+      "draggable-events",
+      "snap-interval",
+      "min-duration",
+      "max-duration"
+    ];
+  }
+  constructor() {
+    super(), this._store = Ve({
+      view: "week",
+      anchorDate: me(),
+      layout: "vertical",
+      selectedResourceId: null,
+      // Slot selection
+      selectedSlot: null,
+      // Event detail
+      detailEvent: null,
+      detailResource: null,
+      // Status
+      statusType: null,
+      statusMessage: null,
+      statusDismissible: !0,
+      // All-day collapse
+      allDayCollapsed: !1
+    }), this._resources = [], this._events = [], this._eventActions = [], this._eventContent = null, this._unsubscribe = null, this._rendering = !1, this._nowTimer = null, this._dragManager = null;
+  }
+  // -- Attribute getters --
+  get view() {
+    return this.getAttribute("view") || this._store.get("view");
+  }
+  get layout() {
+    return this.getAttribute("layout") || this._store.get("layout");
+  }
+  get startTime() {
+    return this.getAttribute("start-time") || "08:00";
+  }
+  get endTime() {
+    return this.getAttribute("end-time") || "18:00";
+  }
+  get interval() {
+    return parseInt(this.getAttribute("interval") || "30", 10);
+  }
+  get format() {
+    return this.getAttribute("format") || "24h";
+  }
+  get firstDay() {
+    return parseInt(this.getAttribute("first-day") || "0", 10);
+  }
+  get slotHeight() {
+    return parseInt(this.getAttribute("slot-height") || "48", 10);
+  }
+  get resourceMode() {
+    return this.getAttribute("resource-mode") || "tabs";
+  }
+  get loading() {
+    return this.hasAttribute("loading");
+  }
+  set loading(e) {
+    e ? this.setAttribute("loading", "") : this.removeAttribute("loading");
+  }
+  get showEventTime() {
+    return this.getAttribute("show-event-time") !== "false";
+  }
+  get showFab() {
+    return this.hasAttribute("show-fab");
+  }
+  get draggableEvents() {
+    return this.hasAttribute("draggable-events");
+  }
+  get snapInterval() {
+    const e = this.getAttribute("snap-interval");
+    return e ? parseInt(e, 10) : null;
+  }
+  get minDuration() {
+    const e = this.getAttribute("min-duration");
+    return e ? parseInt(e, 10) : null;
+  }
+  get maxDuration() {
+    const e = this.getAttribute("max-duration");
+    return e ? parseInt(e, 10) : null;
+  }
+  // -- Properties --
+  get resources() {
+    return this._resources;
+  }
+  set resources(e) {
+    this._resources = Array.isArray(e) ? e : [], this._initialized && this.render();
+  }
+  get events() {
+    return this._events;
+  }
+  set events(e) {
+    this._events = Array.isArray(e) ? e : [], this._initialized && this.render();
+  }
+  get eventActions() {
+    return this._eventActions;
+  }
+  set eventActions(e) {
+    this._eventActions = Array.isArray(e) ? e : [], this._initialized && this.render();
+  }
+  get eventContent() {
+    return this._eventContent;
+  }
+  set eventContent(e) {
+    this._eventContent = typeof e == "function" ? e : null, this._initialized && this.render();
+  }
+  get value() {
+    return this._lastSlotValue || null;
+  }
+  // -- Lifecycle --
+  connectedCallback() {
+    const e = this.getAttribute("date");
+    e && this._store.set({ anchorDate: e });
+    const s = this.getAttribute("view");
+    s && this._store.set({ view: s });
+    const a = this.getAttribute("layout");
+    a && this._store.set({ layout: a }), super.connectedCallback(), this._unsubscribe = this._store.subscribe(() => {
+      this._rendering || this.render();
+    }), this._nowTimer = setInterval(() => {
+      const n = this._store.get("view");
+      (n === "day" || n === "week") && this.render();
+    }, 6e4), this.draggableEvents && this._initDrag();
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this._unsubscribe) == null || e.call(this), clearInterval(this._nowTimer), clearTimeout(this._statusTimer), this._destroyDrag(), this._escHandler && (document.removeEventListener("keydown", this._escHandler), this._escHandler = null);
+  }
+  attributeChangedCallback(e, s, a) {
+    if (s !== a) {
+      if (e === "date" && a) {
+        this._store.set({ anchorDate: a });
+        return;
+      }
+      if (e === "view" && a) {
+        this._store.set({ view: a });
+        return;
+      }
+      if (e === "layout" && a) {
+        this._store.set({ layout: a });
+        return;
+      }
+      e === "draggable-events" && (a !== null ? this._initDrag() : this._destroyDrag()), this._initialized && this.render();
+    }
+  }
+  // -- Public methods --
+  goToDate(e) {
+    this._store.set({ anchorDate: e }), this.emit("cal:date-change", { date: e, view: this._store.get("view") });
+  }
+  setView(e) {
+    ["day", "week", "month"].includes(e) && (this._store.set({ view: e }), this.emit("cal:view-change", { view: e, date: this._store.get("anchorDate") }));
+  }
+  today() {
+    this.goToDate(me());
+  }
+  next() {
+    const e = this._store.getState(), s = ee(e.anchorDate);
+    if (!s) return;
+    let a;
+    if (e.view === "day")
+      a = fe(e.anchorDate, 1);
+    else if (e.view === "week")
+      a = fe(e.anchorDate, 7);
+    else {
+      const { year: n, month: l } = xe(s.getFullYear(), s.getMonth(), 1);
+      a = pe(new Date(n, l, 1));
+    }
+    this._store.set({ anchorDate: a }), this.emit("cal:date-change", { date: a, view: e.view });
+  }
+  prev() {
+    const e = this._store.getState(), s = ee(e.anchorDate);
+    if (!s) return;
+    let a;
+    if (e.view === "day")
+      a = fe(e.anchorDate, -1);
+    else if (e.view === "week")
+      a = fe(e.anchorDate, -7);
+    else {
+      const { year: n, month: l } = xe(s.getFullYear(), s.getMonth(), -1);
+      a = pe(new Date(n, l, 1));
+    }
+    this._store.set({ anchorDate: a }), this.emit("cal:date-change", { date: a, view: e.view });
+  }
+  findAvailableSlot(e) {
+    return Qe(
+      e,
+      this._resources,
+      this._events,
+      this.interval,
+      this.startTime,
+      this.endTime
+    );
+  }
+  isSlotAvailable(e, s, a, n) {
+    return Be(this._events, n, e, s, a);
+  }
+  // -- Event handlers --
+  _handleSlotClick(e, s, a, n, l) {
+    this._lastSlotValue = { date: e, startTime: s, endTime: a, resourceId: n, resource: l }, this._store.set({ selectedSlot: { date: e, startTime: s, endTime: a, resourceId: n, resource: l } }), this.emit("cal:slot-select", { date: e, startTime: s, endTime: a, resourceId: n, resource: l });
+  }
+  _handleSlotCreate(e, s, a, n, l) {
+    this.emit("cal:slot-create", { date: e, startTime: s, endTime: a, resourceId: n, resource: l });
+  }
+  _dismissSlot() {
+    this._store.set({ selectedSlot: null });
+  }
+  _handleEventClick(e, s, a) {
+    this._dismissSlot(), this._store.set({ detailEvent: e, detailResource: a || null }), this.emit("cal:event-click", { event: e, resourceId: s, resource: a });
+  }
+  _closeDetail() {
+    this._store.set({ detailEvent: null, detailResource: null });
+  }
+  _handleViewChange(e) {
+    this._dismissSlot(), this.setView(e);
+  }
+  _handleResourceFilter(e) {
+    this._dismissSlot(), this._store.set({ selectedResourceId: e });
+  }
+  _handleEventAction(e) {
+    const s = this._store.getState(), a = s.detailEvent, n = s.detailResource;
+    this.emit("cal:event-action", {
+      action: e,
+      event: a,
+      resourceId: a == null ? void 0 : a.resourceId,
+      resource: n
+    });
+  }
+  _initDrag() {
+    this._dragManager || (this._dragManager = It({
+      shadowRoot: this.shadowRoot,
+      getConfig: () => ({
+        slotHeight: this.slotHeight,
+        interval: this.interval,
+        startTime: this.startTime,
+        endTime: this.endTime,
+        format: this.format,
+        snapInterval: this.snapInterval,
+        minDuration: this.minDuration,
+        maxDuration: this.maxDuration
+      }),
+      getViewInfo: () => {
+        const e = this._store.getState();
+        return {
+          view: e.view,
+          anchorDate: e.anchorDate,
+          weekDates: Te(e.anchorDate, this.firstDay),
+          resources: this._resources.length > 0 ? this._resources : [{ id: "__default", name: "" }],
+          resourceMode: this.resourceMode,
+          selectedResourceId: e.selectedResourceId
+        };
+      },
+      getEvents: () => this._events,
+      onMove: (e) => {
+        this.emit("cal:event-move", e);
+      },
+      onResize: (e) => {
+        this.emit("cal:event-resize", e);
+      },
+      onCreate: (e) => {
+        const s = this._resources.find((a) => a.id === e.resourceId) || null;
+        this.emit("cal:slot-create", { ...e, resource: s });
+      }
+    }), this._dragManager.enable());
+  }
+  _destroyDrag() {
+    this._dragManager && (this._dragManager.destroy(), this._dragManager = null);
+  }
+  _handleFabClick() {
+    const e = this._store.getState();
+    this.emit("cal:fab-create", { date: e.anchorDate, view: e.view });
+  }
+  // -- Render --
+  render() {
+    var v;
+    if (this._rendering) return;
+    this._rendering = !0;
+    const e = this.shadowRoot, s = [...e.childNodes];
+    for (const h of s)
+      h.nodeName !== "STYLE" && !(h instanceof CSSStyleSheet) && e.removeChild(h);
+    const a = this._store.getState(), n = document.createElement("div");
+    n.classList.add("cal-sched"), a.statusType && a.statusMessage && n.appendChild(kt({
+      type: a.statusType,
+      message: a.statusMessage,
+      dismissible: a.statusDismissible,
+      onDismiss: () => this.clearStatus()
+    }));
+    const l = a.view, r = a.anchorDate, i = Te(r, this.firstDay), d = Je(l, r, i), g = this.resourceMode;
+    n.appendChild(lt({
+      title: d,
+      view: l,
+      onPrev: () => this.prev(),
+      onNext: () => this.next(),
+      onToday: () => this.today(),
+      onViewChange: (h) => this._handleViewChange(h)
+    }));
+    const c = this._resources.length > 0 ? this._resources : [{ id: "__default", name: "" }], o = g === "tabs" && c.length > 1 && c[0].id !== "__default";
+    o && !this.loading && n.appendChild(Tt({
+      resources: c,
+      selectedResourceId: a.selectedResourceId,
+      onResourceFilter: (h) => this._handleResourceFilter(h)
+    }));
+    let k = this._events;
+    o && a.selectedResourceId && (k = this._events.filter((h) => h.resourceId === a.selectedResourceId));
+    let u = c;
+    if (o && a.selectedResourceId) {
+      const h = c.find((m) => m.id === a.selectedResourceId);
+      h && (u = [h]);
+    }
+    const p = document.createElement("div");
+    if (p.classList.add("cal-sched__body"), this.loading)
+      if (l === "month")
+        p.appendChild(yt());
+      else {
+        const h = l === "week" ? 7 : Math.max(this._resources.length, 1);
+        p.appendChild(xt({
+          columns: h,
+          rows: Math.ceil((y(this.endTime) - y(this.startTime)) / this.interval),
+          slotHeight: this.slotHeight
+        }));
+      }
+    else
+      l === "day" ? p.appendChild(gt({
+        date: r,
+        resources: u,
+        events: k,
+        startTime: this.startTime,
+        endTime: this.endTime,
+        interval: this.interval,
+        slotHeight: this.slotHeight,
+        format: this.format,
+        layout: a.layout,
+        resourceMode: g,
+        selectedSlot: a.selectedSlot,
+        eventContent: this._eventContent,
+        showTime: this.showEventTime,
+        draggable: this.draggableEvents,
+        onSlotClick: (h, m, w, T, D) => this._handleSlotClick(h, m, w, T, D),
+        onEventClick: (h, m, w) => this._handleEventClick(h, m, w),
+        onSlotCreate: (h, m, w, T, D) => this._handleSlotCreate(h, m, w, T, D)
+      })) : l === "week" ? p.appendChild(ft({
+        date: r,
+        firstDay: this.firstDay,
+        resources: u,
+        events: k,
+        startTime: this.startTime,
+        endTime: this.endTime,
+        interval: this.interval,
+        slotHeight: this.slotHeight,
+        format: this.format,
+        layout: a.layout,
+        resourceMode: g,
+        selectedSlot: a.selectedSlot,
+        eventContent: this._eventContent,
+        showTime: this.showEventTime,
+        draggable: this.draggableEvents,
+        allDayCollapsed: a.allDayCollapsed,
+        onToggleAllDay: () => this._store.set({ allDayCollapsed: !a.allDayCollapsed }),
+        onSlotClick: (h, m, w, T, D) => this._handleSlotClick(h, m, w, T, D),
+        onEventClick: (h, m, w) => this._handleEventClick(h, m, w),
+        onSlotCreate: (h, m, w, T, D) => this._handleSlotCreate(h, m, w, T, D)
+      })) : l === "month" && p.appendChild(bt({
+        date: r,
+        firstDay: this.firstDay,
+        resources: u,
+        events: k,
+        format: this.format,
+        selectedResourceId: a.selectedResourceId,
+        selectedDate: ((v = a.selectedSlot) == null ? void 0 : v.date) || null,
+        eventContent: this._eventContent,
+        onSlotClick: (h) => this._handleSlotClick(h, null, null, null, null),
+        onEventClick: (h, m, w) => this._handleEventClick(h, m, w),
+        onSlotCreate: (h) => this._handleSlotCreate(h, null, null, null, null)
+      }));
+    n.appendChild(p), a.detailEvent && p.appendChild(Lt({
+      event: a.detailEvent,
+      resource: a.detailResource,
+      format: this.format,
+      onClose: () => this._closeDetail(),
+      actions: this._eventActions,
+      onAction: (h) => this._handleEventAction(h)
+    })), this.showFab && !this.loading && p.appendChild(St({
+      onClick: () => this._handleFabClick()
+    })), e.appendChild(n), this._escHandler || (this._escHandler = (h) => {
+      h.key === "Escape" && this._store.get("selectedSlot") && this._dismissSlot();
+    }, this.shadowRoot.addEventListener("keydown", this._escHandler), document.addEventListener("keydown", this._escHandler)), this._rendering = !1;
+  }
+}
+customElements.get("cal-scheduler") || customElements.define("cal-scheduler", Pt);
+export {
+  Pt as CalScheduler
+};
+//# sourceMappingURL=scheduler.es.js.map