calkit 0.1.0

package/dist/booking.es.js

@@ -0,0 +1,1845 @@
+class ce 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((a) => {
+          if (a instanceof CSSStyleSheet) return a;
+          const t = new CSSStyleSheet();
+          return t.replaceSync(a), t;
+        });
+      else
+        for (const a of e) {
+          const t = document.createElement("style");
+          t.textContent = a instanceof CSSStyleSheet ? "" : a, this.shadowRoot.prepend(t);
+        }
+  }
+  /** Subclasses override to update Shadow DOM. */
+  render() {
+  }
+  /** Dispatch a composed, bubbling custom event. */
+  emit(e, a = {}) {
+    this.dispatchEvent(
+      new CustomEvent(e, { detail: a, bubbles: !0, composed: !0 })
+    );
+  }
+  /** Show an inline status banner. */
+  showStatus(e, a, t = {}) {
+    if (!this._store) return;
+    const { autoDismiss: n, dismissible: i = !0 } = t;
+    clearTimeout(this._statusTimer), this._store.set({ statusType: e, statusMessage: a, statusDismissible: i }), this.emit("cal:status", { type: e, message: a }), 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 de(s) {
+  let e = { ...s };
+  const a = /* @__PURE__ */ new Set();
+  return {
+    get(t) {
+      return e[t];
+    },
+    set(t) {
+      const n = e;
+      e = { ...e, ...t };
+      let i = !1;
+      for (const r of Object.keys(t))
+        if (n[r] !== e[r]) {
+          i = !0;
+          break;
+        }
+      if (i)
+        for (const r of a) r(e, n);
+    },
+    getState() {
+      return e;
+    },
+    subscribe(t) {
+      return a.add(t), () => a.delete(t);
+    }
+  };
+}
+const J = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], ue = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function ge(s = 0) {
+  const e = [];
+  for (let a = 0; a < 7; a++)
+    e.push(ue[(s + a) % 7]);
+  return e;
+}
+function V(s, e) {
+  return new Date(s, e + 1, 0).getDate();
+}
+function he(s, e) {
+  return new Date(s, e, 1).getDay();
+}
+function T(s) {
+  if (typeof s == "string") return s;
+  const e = s instanceof Date ? s : new Date(s.year, s.month, s.day), a = e.getFullYear(), t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
+  return `${a}-${t}-${n}`;
+}
+function M(s) {
+  if (!s) return null;
+  if (s instanceof Date) return s;
+  if (typeof s == "string") {
+    const [e, a, t] = s.split("-").map(Number);
+    return !e || !a || !t ? null : new Date(e, a - 1, t);
+  }
+  return null;
+}
+function Y(s, e) {
+  if (!s || !e) return !1;
+  const a = M(s), t = M(e);
+  return !a || !t ? !1 : a.getFullYear() === t.getFullYear() && a.getMonth() === t.getMonth() && a.getDate() === t.getDate();
+}
+function be(s, e, a) {
+  if (!s || !e || !a) return !1;
+  const t = M(s), n = M(e), i = M(a);
+  if (!t || !n || !i) return !1;
+  const r = t.getTime(), o = Math.min(n.getTime(), i.getTime()), l = Math.max(n.getTime(), i.getTime());
+  return r >= o && r <= l;
+}
+function ae() {
+  return T(/* @__PURE__ */ new Date());
+}
+function B(s, e, a) {
+  const t = new Date(s, e + a, 1);
+  return { year: t.getFullYear(), month: t.getMonth() };
+}
+function me(s, e, a = 0) {
+  const t = V(s, e), i = (he(s, e) - a + 7) % 7, r = [], o = ae(), l = B(s, e, -1), u = V(l.year, l.month);
+  for (let c = i - 1; c >= 0; c--) {
+    const d = u - c, b = T({ year: l.year, month: l.month, day: d });
+    r.push({ year: l.year, month: l.month, day: d, dateString: b, isCurrentMonth: !1, isToday: b === o });
+  }
+  for (let c = 1; c <= t; c++) {
+    const d = T({ year: s, month: e, day: c });
+    r.push({ year: s, month: e, day: c, dateString: d, isCurrentMonth: !0, isToday: d === o });
+  }
+  const m = B(s, e, 1);
+  let g = 1;
+  for (; r.length < 42; ) {
+    const c = T({ year: m.year, month: m.month, day: g });
+    r.push({ year: m.year, month: m.month, day: g, dateString: c, isCurrentMonth: !1, isToday: c === o }), g++;
+  }
+  return r;
+}
+function N(s) {
+  if (!s || typeof s != "string") return null;
+  const e = s.trim().toUpperCase(), a = e.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
+  if (a) {
+    let n = parseInt(a[1], 10);
+    const i = parseInt(a[2], 10), r = a[3];
+    return r === "AM" && n === 12 && (n = 0), r === "PM" && n !== 12 && (n += 12), { hours: n, minutes: i };
+  }
+  const t = e.match(/^(\d{1,2}):(\d{2})$/);
+  return t ? { hours: parseInt(t[1], 10), minutes: parseInt(t[2], 10) } : null;
+}
+function K(s, e, a = "24h") {
+  const t = String(e).padStart(2, "0");
+  if (a === "12h") {
+    const n = s >= 12 ? "PM" : "AM";
+    return `${s % 12 || 12}:${t} ${n}`;
+  }
+  return `${String(s).padStart(2, "0")}:${t}`;
+}
+function A(s) {
+  const e = N(s);
+  return e ? e.hours * 60 + e.minutes : 0;
+}
+function X(s) {
+  const e = Math.floor(s / 60) % 24, a = s % 60;
+  return `${String(e).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
+}
+function pe(s, e, a) {
+  const t = [], n = A(s), i = A(e);
+  for (let r = n; r <= i; r += a)
+    t.push(X(r));
+  return t;
+}
+function fe(s, e, a, t = "24h") {
+  const n = [], i = A(s), r = A(e);
+  for (let o = i; o <= r; o += a) {
+    const l = X(o), u = o + a, m = X(Math.min(u, r + a)), g = N(l), c = N(m), d = g ? K(g.hours, g.minutes, t) : l, b = c ? K(c.hours, c.minutes, t) : m;
+    n.push({ time: l, displayText: `${d}–${b}` });
+  }
+  return n;
+}
+function Q(s, e, a) {
+  const t = A(s), n = A(e), i = A(a), r = Math.min(n, i), o = Math.max(n, i);
+  return t >= r && t <= o;
+}
+const ve = `
+  :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%;
+    }
+  }
+`, ye = `
+  :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;
+  }
+`, ke = `
+  @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);
+  }
+`, ne = '<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>', se = '<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 Z({ year: s, month: e, onPrev: a, onNext: t, onTitleClick: n }) {
+  const i = document.createElement("div");
+  i.classList.add("cal-nav");
+  const r = document.createElement("button");
+  r.classList.add("cal-nav__btn", "cal-nav__btn--prev"), r.innerHTML = ne, r.setAttribute("aria-label", "Previous month"), r.addEventListener("click", a);
+  const o = n ? "button" : "div", l = document.createElement(o);
+  l.classList.add("cal-nav__title"), n && (l.classList.add("cal-nav__title--interactive"), l.setAttribute("aria-label", `Select month and year, currently ${J[e]} ${s}`), l.addEventListener("click", n)), l.setAttribute("aria-live", "polite"), l.textContent = `${J[e]} ${s}`;
+  const u = document.createElement("button");
+  return u.classList.add("cal-nav__btn", "cal-nav__btn--next"), u.innerHTML = se, u.setAttribute("aria-label", "Next month"), u.addEventListener("click", t), i.appendChild(r), i.appendChild(l), i.appendChild(u), i;
+}
+const _e = `
+  .cal-nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 4px;
+    margin-bottom: 8px;
+  }
+
+  .cal-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-nav__btn:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-nav__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    user-select: none;
+  }
+
+  .cal-nav__title--interactive {
+    cursor: pointer;
+    padding: 2px 8px;
+    border-radius: var(--cal-radius-sm);
+    transition: background var(--cal-transition);
+  }
+
+  .cal-nav__title--interactive:hover {
+    background: hsl(var(--cal-hover));
+  }
+`, xe = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+function we({
+  pickerYear: s,
+  viewMonth: e,
+  viewYear: a,
+  onMonthSelect: t,
+  onYearPrev: n,
+  onYearNext: i,
+  onClose: r
+}) {
+  const o = document.createElement("div");
+  o.classList.add("cal-myp", "cal-animate-fade");
+  const l = document.createElement("div");
+  l.classList.add("cal-myp__year-nav");
+  const u = document.createElement("button");
+  u.classList.add("cal-nav__btn"), u.innerHTML = ne, u.setAttribute("aria-label", "Previous year"), u.addEventListener("click", n);
+  const m = document.createElement("div");
+  m.classList.add("cal-myp__year-label"), m.textContent = s;
+  const g = document.createElement("button");
+  g.classList.add("cal-nav__btn"), g.innerHTML = se, g.setAttribute("aria-label", "Next year"), g.addEventListener("click", i), l.appendChild(u), l.appendChild(m), l.appendChild(g), o.appendChild(l);
+  const c = document.createElement("div");
+  c.classList.add("cal-myp__grid");
+  const d = /* @__PURE__ */ new Date(), b = d.getMonth(), E = d.getFullYear();
+  for (let v = 0; v < 12; v++) {
+    const x = document.createElement("button");
+    x.classList.add("cal-myp__cell"), x.textContent = xe[v], v === e && s === a && x.classList.add("cal-myp__cell--active"), v === b && s === E && x.classList.add("cal-myp__cell--today"), x.addEventListener("click", () => t(v, s)), c.appendChild(x);
+  }
+  return o.appendChild(c), o.addEventListener("keydown", (v) => {
+    v.key === "Escape" && (v.stopPropagation(), r());
+  }), o;
+}
+const Se = `
+  .cal-myp {
+    width: calc(7 * var(--cal-cell-size));
+  }
+
+  .cal-myp__year-nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 4px;
+    margin-bottom: 8px;
+  }
+
+  .cal-myp__year-label {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    user-select: none;
+  }
+
+  .cal-myp__grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 4px;
+  }
+
+  .cal-myp__cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: calc(var(--cal-cell-size) * 1.5);
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    border-radius: var(--cal-radius-sm);
+    cursor: pointer;
+    transition: background var(--cal-transition);
+    user-select: none;
+  }
+
+  .cal-myp__cell:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-myp__cell--active {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-myp__cell--active:hover {
+    background: hsl(var(--cal-accent));
+  }
+
+  .cal-myp__cell--today:not(.cal-myp__cell--active) {
+    border: 1px solid hsl(var(--cal-border));
+    font-weight: 600;
+  }
+`;
+function Le({ trigger: s, content: e, onClose: a }) {
+  const t = document.createElement("div");
+  t.classList.add("cal-popover"), t.setAttribute("role", "dialog"), t.setAttribute("aria-modal", "false"), t.style.display = "none", t.appendChild(e);
+  let n = !1;
+  function i() {
+    t.classList.remove("cal-popover--above");
+    const g = s.getBoundingClientRect(), c = t.offsetHeight, d = window.innerHeight - g.bottom, b = g.top;
+    d < c + 8 && b > d ? (t.classList.add("cal-popover--above"), t.style.top = "auto", t.style.bottom = "100%", t.style.marginBottom = "4px", t.style.marginTop = "0") : (t.style.top = "100%", t.style.bottom = "auto", t.style.marginTop = "4px", t.style.marginBottom = "0");
+  }
+  function r() {
+    n || (n = !0, t.style.display = "", t.classList.add("cal-animate-slide-up"), requestAnimationFrame(() => i()), document.addEventListener("click", l, !0), document.addEventListener("keydown", u, !0));
+  }
+  function o() {
+    n && (n = !1, t.style.display = "none", t.classList.remove("cal-animate-slide-up"), document.removeEventListener("click", l, !0), document.removeEventListener("keydown", u, !0), a == null || a());
+  }
+  function l(g) {
+    var d;
+    const c = (d = s.getRootNode()) == null ? void 0 : d.host;
+    c && !c.contains(g.target) && g.target !== c && o();
+  }
+  function u(g) {
+    g.key === "Escape" && (g.stopPropagation(), o());
+  }
+  function m() {
+    n && (n = !1, t.style.display = "none", t.classList.remove("cal-animate-slide-up")), document.removeEventListener("click", l, !0), document.removeEventListener("keydown", u, !0);
+  }
+  return { panel: t, open: r, close: o, destroy: m, get isOpen() {
+    return n;
+  } };
+}
+const Ee = `
+  .cal-popover-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+
+  .cal-popover {
+    position: absolute;
+    left: 0;
+    z-index: 50;
+    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.08), 0 2px 6px -2px rgba(0, 0, 0, 0.04);
+    padding: 12px;
+  }
+
+  .cal-trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    height: 36px;
+    padding: 0 12px;
+    font-size: 14px;
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius-sm);
+    background: hsl(var(--cal-bg));
+    color: hsl(var(--cal-fg));
+    cursor: pointer;
+    transition: border-color var(--cal-transition);
+    white-space: nowrap;
+  }
+
+  .cal-trigger:hover {
+    border-color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-trigger--placeholder {
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-trigger__icon {
+    display: flex;
+    color: hsl(var(--cal-fg-muted));
+  }
+`, ee = {
+  blue: { bg: "var(--cal-booking-blue-bg)", fg: "var(--cal-booking-blue-fg)", hover: "var(--cal-booking-blue-hover)" },
+  green: { bg: "var(--cal-booking-green-bg)", fg: "var(--cal-booking-green-fg)", hover: "var(--cal-booking-green-hover)" },
+  red: { bg: "var(--cal-booking-red-bg)", fg: "var(--cal-booking-red-fg)", hover: "var(--cal-booking-red-hover)" },
+  orange: { bg: "var(--cal-booking-orange-bg)", fg: "var(--cal-booking-orange-fg)", hover: "var(--cal-booking-orange-hover)" },
+  gray: { bg: "var(--cal-booking-gray-bg)", fg: "var(--cal-booking-gray-fg)", hover: "var(--cal-booking-gray-hover)" }
+}, z = "blue";
+function P(s) {
+  return ee[s] || ee[z];
+}
+function De(s, e = [], a = {}, t = null) {
+  const n = e.find((b) => b.end === s), i = e.find((b) => b.start === s), r = e.find(
+    (b) => b.start < s && b.end > s
+  );
+  let o = "available", l = null, u = !1, m = null, g = null, c = null;
+  n && i ? (o = "half-day", u = !0, m = P(n.color || z), g = P(i.color || z)) : r ? (o = "booked", c = P(r.color || z)) : i && !n ? (o = "checkin-only", g = P(i.color || z)) : n && !i && (o = "checkout-only", m = P(n.color || z));
+  const d = a[s];
+  if (d && (d.status && (o = d.status), d.label !== void 0 && (l = d.label)), t) {
+    const b = t(s);
+    b && (b.status && (o = b.status), b.label !== void 0 && (l = b.label));
+  }
+  return { status: o, label: l, checkoutBooking: n, checkinBooking: i, halfDay: u, colorOut: m, colorIn: g, colorFull: c };
+}
+function ie(s, e, a = []) {
+  if (!s || !e) return !0;
+  const t = s < e ? s : e, n = s < e ? e : s;
+  for (const i of a)
+    if (t < i.end && n > i.start)
+      return !1;
+  return !0;
+}
+function Me(s, e, a = []) {
+  return !s || !e ? !1 : !ie(s, e, a);
+}
+function Ce(s) {
+  const {
+    year: e,
+    month: a,
+    firstDay: t = 0,
+    selectedDates: n = [],
+    rangeStart: i,
+    rangeEnd: r,
+    hoverDate: o,
+    minDate: l,
+    maxDate: u,
+    disabledDates: m = [],
+    mode: g = "single",
+    focusedDate: c,
+    onSelect: d,
+    onHover: b,
+    // Booking-specific params
+    bookings: E = null,
+    dayData: v = null,
+    labelFormula: x = null,
+    showLabelsOnHover: q = !1
+  } = s, y = E !== null, _ = document.createElement("div");
+  _.setAttribute("role", "grid"), _.classList.add("cal-grid");
+  const S = document.createElement("div");
+  S.setAttribute("role", "row"), S.classList.add("cal-weekdays");
+  for (const w of ge(t)) {
+    const C = document.createElement("div");
+    C.setAttribute("role", "columnheader"), C.setAttribute("aria-label", w), C.classList.add("cal-weekday"), C.textContent = w, S.appendChild(C);
+  }
+  _.appendChild(S);
+  const re = me(e, a, t), G = g === "range" && i && !r && o || y && i && !r && o ? o : r, oe = y ? Me(i, o, E) : !1;
+  let $;
+  return re.forEach((w, C) => {
+    C % 7 === 0 && ($ = document.createElement("div"), $.setAttribute("role", "row"), $.classList.add("cal-row"), _.appendChild($));
+    const h = document.createElement("button");
+    h.setAttribute("role", "gridcell"), h.setAttribute("part", "day"), h.classList.add("cal-day");
+    const p = w.dateString;
+    h.dataset.date = p;
+    const le = new Date(w.year, w.month, w.day);
+    h.setAttribute("aria-label", le.toLocaleDateString("en-US", {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    })), w.isCurrentMonth || h.classList.add("cal-day--outside"), w.isToday && h.classList.add("cal-day--today");
+    let k = null, O = !1;
+    if (y) {
+      k = De(p, E, v || {}, x);
+      const { status: f, label: L, halfDay: F, colorOut: R, colorIn: I, colorFull: H } = k;
+      if (f === "booked" && (h.classList.add("cal-day--booked"), H && (h.style.setProperty("--booking-bg", `hsl(${H.bg})`), h.style.setProperty("--booking-fg", `hsl(${H.fg})`), h.style.setProperty("--booking-hover", `hsl(${H.hover})`)), O = !0), f === "blocked" && (h.classList.add("cal-day--blocked"), O = !0), F && (h.classList.add("cal-day--half-day"), R && h.style.setProperty("--half-day-color-out", `hsl(${R.bg})`), I && h.style.setProperty("--half-day-color-in", `hsl(${I.bg})`), O = !0), f === "checkout-only" && (h.classList.add("cal-day--checkout-only"), R && h.style.setProperty("--half-day-color-out", `hsl(${R.bg})`)), f === "checkin-only" && (h.classList.add("cal-day--checkin-only"), I && h.style.setProperty("--half-day-color-in", `hsl(${I.bg})`)), q) {
+        let D = null;
+        if (F && k.checkoutBooking && k.checkinBooking)
+          D = `${k.checkoutBooking.label || ""} / ${k.checkinBooking.label || ""}`;
+        else if (f === "booked") {
+          const j = E.find((W) => W.start <= p && W.end > p);
+          j && (D = j.label);
+        } else f === "checkout-only" && k.checkoutBooking ? D = k.checkoutBooking.label : f === "checkin-only" && k.checkinBooking && (D = k.checkinBooking.label);
+        D && h.setAttribute("data-booking-label", D);
+      }
+      if (oe && i && !r && o) {
+        const D = i < o ? i : o, j = i < o ? o : i;
+        p >= D && p <= j && h.classList.add("cal-day--invalid-range");
+      }
+    }
+    if (y ? i && r && (Y(p, i) || Y(p, r)) ? (h.classList.add("cal-day--selected"), h.setAttribute("aria-selected", "true")) : h.setAttribute("aria-selected", "false") : n.some((L) => Y(L, p)) ? (h.classList.add("cal-day--selected"), h.setAttribute("aria-selected", "true")) : h.setAttribute("aria-selected", "false"), (g === "range" || y) && i && G) {
+      const f = Y(p, i), L = Y(p, G), F = be(p, i, G);
+      f && h.classList.add("cal-day--range-start"), L && h.classList.add("cal-day--range-end"), F && !f && !L && h.classList.add("cal-day--in-range");
+    }
+    const U = Te(p, l, u, m) || O;
+    if (U && (h.classList.add("cal-day--disabled"), h.disabled = !0, h.setAttribute("aria-disabled", "true")), c && Y(p, c) ? h.setAttribute("tabindex", "0") : h.setAttribute("tabindex", "-1"), y && k && k.label != null) {
+      h.classList.add("cal-day--with-label");
+      const f = document.createElement("span");
+      f.classList.add("cal-day__number"), f.textContent = w.day, h.appendChild(f);
+      const L = document.createElement("span");
+      L.classList.add("cal-day__label"), L.textContent = k.label, h.appendChild(L);
+    } else
+      h.textContent = w.day;
+    U ? y && h.addEventListener("mouseenter", () => b == null ? void 0 : b(p)) : (h.addEventListener("click", () => d == null ? void 0 : d(p)), h.addEventListener("mouseenter", () => b == null ? void 0 : b(p))), $.appendChild(h);
+  }), _.addEventListener("mouseleave", () => b == null ? void 0 : b(null)), _;
+}
+function Te(s, e, a, t) {
+  return !!(t.includes(s) || e && s < e || a && s > a);
+}
+const Ae = `
+  .cal-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .cal-weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, var(--cal-cell-size));
+    gap: 0;
+    margin-bottom: 4px;
+  }
+
+  .cal-weekday {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: var(--cal-cell-size);
+    font-size: 12px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    user-select: none;
+  }
+
+  .cal-row {
+    display: grid;
+    grid-template-columns: repeat(7, var(--cal-cell-size));
+    gap: 0;
+  }
+
+  .cal-day {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--cal-cell-size);
+    height: var(--cal-cell-size);
+    font-size: 14px;
+    border-radius: var(--cal-radius-sm);
+    transition: background var(--cal-transition), color var(--cal-transition);
+    position: relative;
+    user-select: none;
+  }
+
+  .cal-day:not(.cal-day--disabled):not(.cal-day--selected):not(.cal-day--booked):not(.cal-day--half-day):not(.cal-day--blocked):not(.cal-day--checkout-only):not(.cal-day--checkin-only):hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-day--outside {
+    color: hsl(var(--cal-fg-muted));
+    opacity: 0.4;
+  }
+
+  .cal-day--today:not(.cal-day--selected):not(.cal-day--booked):not(.cal-day--half-day):not(.cal-day--checkout-only):not(.cal-day--checkin-only) {
+    border: 1px solid hsl(var(--cal-border));
+    font-weight: 600;
+  }
+
+  .cal-day--selected {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-day--range-start {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+    border-radius: var(--cal-radius-sm) 0 0 var(--cal-radius-sm);
+  }
+
+  .cal-day--range-end {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+    border-radius: 0 var(--cal-radius-sm) var(--cal-radius-sm) 0;
+  }
+
+  .cal-day--range-start.cal-day--range-end {
+    border-radius: var(--cal-radius-sm);
+  }
+
+  .cal-day--in-range {
+    background: hsl(var(--cal-accent-subtle));
+    border-radius: 0;
+  }
+
+  .cal-day--in-range:hover {
+    background: hsl(var(--cal-accent-subtle)) !important;
+  }
+
+  .cal-day--disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  /* ── Booking-specific styles ── */
+
+  /* Booked (fully occupied) */
+  .cal-day--booked {
+    background: var(--booking-bg, hsl(var(--cal-booking-blue-bg)));
+    color: var(--booking-fg, hsl(var(--cal-booking-blue-fg)));
+    cursor: not-allowed;
+  }
+
+  .cal-day--booked:hover {
+    background: var(--booking-hover, hsl(var(--cal-booking-blue-hover)));
+  }
+
+  /* Blocked */
+  .cal-day--blocked {
+    background: hsl(var(--cal-bg-muted));
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  /* Half-day diagonal (checkout + checkin on same day) */
+  .cal-day--half-day {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-bg)) 49.5%, hsl(var(--cal-bg)) 50.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-green-bg))) 50.5%);
+    cursor: not-allowed;
+  }
+
+  /* Checkout-only (last day of a booking — outgoing triangle) */
+  .cal-day--checkout-only {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-bg)) 49.5%);
+  }
+
+  /* Checkin-only (first day of a booking — incoming triangle) */
+  .cal-day--checkin-only {
+    background: linear-gradient(135deg,
+      hsl(var(--cal-bg)) 50.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-blue-bg))) 50.5%);
+  }
+
+  /* Diagonal cells: standard text color for clean contrast */
+  .cal-day--half-day,
+  .cal-day--checkout-only,
+  .cal-day--checkin-only {
+    color: hsl(var(--cal-fg));
+  }
+
+  /* ── Diagonal + selection compounds ── */
+
+  /* Checkout-only — range boundary: accent-subtle fill + refined ring */
+  .cal-day--checkout-only.cal-day--range-start,
+  .cal-day--checkout-only.cal-day--range-end,
+  .cal-day--checkout-only.cal-day--selected {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-accent-subtle)) 50.5%);
+    color: hsl(var(--cal-fg));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent) / 0.3);
+  }
+
+  /* Checkout-only — in range: accent-subtle fill */
+  .cal-day--checkout-only.cal-day--in-range {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-accent-subtle)) 50.5%);
+  }
+
+  /* Checkin-only — range boundary: accent-subtle fill + refined ring */
+  .cal-day--checkin-only.cal-day--range-start,
+  .cal-day--checkin-only.cal-day--range-end,
+  .cal-day--checkin-only.cal-day--selected {
+    background: linear-gradient(135deg,
+      hsl(var(--cal-accent-subtle)) 49.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-blue-bg))) 50.5%);
+    color: hsl(var(--cal-fg));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent) / 0.3);
+  }
+
+  /* Checkin-only — in range: accent-subtle fill */
+  .cal-day--checkin-only.cal-day--in-range {
+    background: linear-gradient(135deg,
+      hsl(var(--cal-accent-subtle)) 49.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-blue-bg))) 50.5%);
+  }
+
+  /* Half-day in range — accent-subtle stripe between booking triangles */
+  .cal-day--half-day.cal-day--in-range {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-accent-subtle)) 49.5%, hsl(var(--cal-accent-subtle)) 50.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-green-bg))) 50.5%);
+  }
+
+  /* Invalid range preview (crosses a booking) */
+  .cal-day--invalid-range {
+    background: hsl(var(--cal-booking-red-bg));
+    border-radius: 0;
+  }
+
+  /* Booked/half-day/diagonal cells stay opaque even when disabled */
+  .cal-day--disabled.cal-day--booked,
+  .cal-day--disabled.cal-day--half-day,
+  .cal-day--disabled.cal-day--checkout-only,
+  .cal-day--disabled.cal-day--checkin-only {
+    opacity: 1;
+  }
+
+  /* Sublabel spans */
+  .cal-day__number {
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 1;
+  }
+
+  .cal-day__label {
+    font-size: 9px;
+    font-weight: 500;
+    line-height: 1;
+    opacity: 0.8;
+  }
+
+  .cal-day--with-label {
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  /* CSS Tooltip */
+  .cal-day[data-booking-label] {
+    overflow: visible;
+  }
+
+  .cal-day[data-booking-label]:hover::after {
+    content: attr(data-booking-label);
+    position: absolute;
+    bottom: calc(100% + 6px);
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 4px 8px;
+    font-size: 11px;
+    font-weight: 500;
+    white-space: nowrap;
+    color: hsl(var(--cal-accent-fg));
+    background: hsl(var(--cal-accent));
+    border-radius: 4px;
+    pointer-events: none;
+    z-index: 10;
+  }
+
+  .cal-day[data-booking-label]:hover::before {
+    content: '';
+    position: absolute;
+    bottom: calc(100% + 2px);
+    left: 50%;
+    transform: translateX(-50%);
+    border: 4px solid transparent;
+    border-top-color: hsl(var(--cal-accent));
+    pointer-events: none;
+    z-index: 10;
+  }
+`;
+function Ye(s) {
+  const {
+    slots: e = [],
+    mode: a = "single",
+    format: t = "24h",
+    selected: n,
+    hoverTime: i,
+    rangeStart: r,
+    unavailableTimes: o = [],
+    onSelect: l,
+    onHover: u,
+    durationLabels: m = !1
+  } = s, g = document.createElement("div");
+  g.classList.add("cal-time-grid"), m && g.classList.add("cal-time-grid--duration"), g.setAttribute("role", "listbox"), a === "multi" && g.setAttribute("aria-multiselectable", "true");
+  for (const c of e) {
+    const d = document.createElement("button");
+    d.classList.add("cal-time-slot"), d.setAttribute("role", "option"), d.dataset.time = c.time;
+    const b = N(c.time), E = c.displayText ? c.displayText : b ? K(b.hours, b.minutes, t) : c.time, v = document.createElement("span");
+    if (v.classList.add("cal-time-slot__time"), v.textContent = E, d.appendChild(v), c.label) {
+      const y = document.createElement("span");
+      y.classList.add("cal-time-slot__label"), y.textContent = c.label, d.appendChild(y);
+    }
+    const x = c.available === !1 || o.includes(c.time);
+    if (x && (d.classList.add("cal-time-slot--unavailable"), d.disabled = !0, d.setAttribute("aria-disabled", "true")), ze(c.time, n, a) ? (d.classList.add("cal-time-slot--selected"), d.setAttribute("aria-selected", "true")) : d.setAttribute("aria-selected", "false"), a === "range" && r && !$e(n) && i) {
+      const y = Q(c.time, r, i), _ = c.time === r, S = c.time === i;
+      y && !_ && !S && d.classList.add("cal-time-slot--in-range"), _ && d.classList.add("cal-time-slot--range-start"), S && d.classList.add("cal-time-slot--range-end");
+    } else if (a === "range" && n && typeof n == "object" && n.start && n.end) {
+      const y = Q(c.time, n.start, n.end), _ = c.time === n.start, S = c.time === n.end;
+      _ && d.classList.add("cal-time-slot--range-start", "cal-time-slot--selected"), S && d.classList.add("cal-time-slot--range-end", "cal-time-slot--selected"), y && !_ && !S && d.classList.add("cal-time-slot--in-range");
+    }
+    x || (d.addEventListener("click", () => l == null ? void 0 : l(c.time)), d.addEventListener("mouseenter", () => u == null ? void 0 : u(c.time))), g.appendChild(d);
+  }
+  return g.addEventListener("mouseleave", () => u == null ? void 0 : u(null)), g;
+}
+function ze(s, e, a) {
+  return e ? a === "single" ? e === s : a === "multi" ? Array.isArray(e) && e.includes(s) : a === "range" && typeof e == "object" && e.start && e.end ? e.start === s || e.end === s : !1 : !1;
+}
+function $e(s) {
+  return s && typeof s == "object" && s.start && s.end;
+}
+const Pe = `
+  .cal-time-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+    gap: 6px;
+    max-height: 280px;
+    overflow-y: auto;
+    padding: 4px;
+  }
+
+  .cal-time-grid::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .cal-time-grid::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .cal-time-grid::-webkit-scrollbar-thumb {
+    background: hsl(var(--cal-border));
+    border-radius: 3px;
+  }
+
+  .cal-time-slot {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    padding: 0 8px;
+    border-radius: 999px;
+    font-size: 13px;
+    background: hsl(var(--cal-bg-muted));
+    color: hsl(var(--cal-fg));
+    transition: background var(--cal-transition), color var(--cal-transition);
+    gap: 1px;
+  }
+
+  .cal-time-slot:not(.cal-time-slot--unavailable):not(.cal-time-slot--selected):hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-time-slot__time {
+    font-weight: 500;
+    line-height: 1;
+  }
+
+  .cal-time-slot__label {
+    font-size: 9px;
+    opacity: 0.7;
+    line-height: 1;
+  }
+
+  .cal-time-slot--selected {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-time-slot--in-range {
+    background: hsl(var(--cal-accent-subtle));
+  }
+
+  .cal-time-slot--range-start,
+  .cal-time-slot--range-end {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-time-slot--unavailable {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  .cal-time-grid--duration {
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+
+  .cal-time-grid--duration .cal-time-slot {
+    font-size: 12px;
+  }
+`;
+function Be({ columns: s = 3, rows: e = 4, durationLabels: a = !1 } = {}) {
+  const t = document.createElement("div");
+  t.setAttribute("role", "status"), t.setAttribute("aria-label", "Loading..."), t.classList.add("cal-skeleton-time-grid"), a && t.classList.add("cal-skeleton-time-grid--duration");
+  const n = s * e;
+  for (let i = 0; i < n; i++) {
+    const r = document.createElement("div");
+    r.classList.add("cal-skeleton"), t.appendChild(r);
+  }
+  return t;
+}
+function Oe({ rows: s = 5 } = {}) {
+  const e = document.createElement("div");
+  e.setAttribute("role", "status"), e.setAttribute("aria-label", "Loading..."), e.classList.add("cal-skeleton-calendar-grid");
+  for (let t = 0; t < 7; t++) {
+    const n = document.createElement("div");
+    n.classList.add("cal-skeleton", "cal-skeleton-calendar-grid__header"), e.appendChild(n);
+  }
+  const a = 7 * s;
+  for (let t = 0; t < a; t++) {
+    const n = document.createElement("div");
+    n.classList.add("cal-skeleton", "cal-skeleton-calendar-grid__day"), e.appendChild(n);
+  }
+  return e;
+}
+const Fe = `
+  .cal-skeleton-time-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+    gap: 6px;
+    padding: 4px;
+  }
+
+  .cal-skeleton-time-grid--duration {
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+
+  .cal-skeleton-time-grid .cal-skeleton {
+    height: 40px;
+  }
+
+  .cal-skeleton-calendar-grid {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    gap: 2px;
+    padding: 4px;
+  }
+
+  .cal-skeleton-calendar-grid__header {
+    height: 20px;
+    margin-bottom: 4px;
+  }
+
+  .cal-skeleton-calendar-grid__day {
+    height: var(--cal-cell-size, 36px);
+    aspect-ratio: 1;
+    border-radius: var(--cal-radius-sm) !important;
+  }
+`, te = {
+  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 Re({ type: s = "info", message: e, dismissible: a = !0, onDismiss: t }) {
+  const n = document.createElement("div");
+  n.classList.add("cal-status", `cal-status--${s}`, "cal-animate-slide-up"), n.setAttribute("role", s === "error" ? "alert" : "status"), n.setAttribute("aria-live", s === "error" ? "assertive" : "polite");
+  const i = document.createElement("span");
+  i.classList.add("cal-status__icon"), i.innerHTML = te[s] || te.info, n.appendChild(i);
+  const r = document.createElement("span");
+  if (r.classList.add("cal-status__text"), r.textContent = e, n.appendChild(r), a) {
+    const o = document.createElement("button");
+    o.classList.add("cal-status__close"), o.setAttribute("aria-label", "Dismiss"), o.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>', o.addEventListener("click", () => t == null ? void 0 : t()), n.appendChild(o);
+  }
+  return n;
+}
+const Ie = `
+  .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));
+  }
+`, He = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="12" height="11" rx="2"/><path d="M5 1v3M11 1v3M2 7h12"/></svg>', je = `
+  .cal-picker {
+    background: hsl(var(--cal-bg));
+    border-radius: var(--cal-radius);
+    user-select: none;
+  }
+
+  :host([display="inline"]) .cal-picker {
+    border: 1px solid hsl(var(--cal-border));
+    padding: 12px;
+  }
+
+  .cal-months {
+    display: flex;
+    gap: 16px;
+  }
+
+  .cal-month {
+    flex: 0 0 auto;
+  }
+
+  /* Time section */
+  .cal-booking-time-section {
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-booking-time-header {
+    font-size: 13px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    margin-bottom: 8px;
+  }
+`;
+class Ne extends ce {
+  static get styles() {
+    return [ve, ye, ke, Ae, Pe, _e, Se, Ee, Fe, Ie, je];
+  }
+  static get observedAttributes() {
+    return [
+      "theme",
+      "display",
+      "min-date",
+      "max-date",
+      "first-day",
+      "placeholder",
+      "dual",
+      "show-labels-on-hover",
+      "time-slots",
+      "time-start",
+      "time-end",
+      "time-interval",
+      "time-format",
+      "duration-labels",
+      "loading"
+    ];
+  }
+  constructor() {
+    super();
+    const e = /* @__PURE__ */ new Date();
+    this._store = de({
+      viewYear: e.getFullYear(),
+      viewMonth: e.getMonth(),
+      rangeStart: null,
+      rangeEnd: null,
+      hoverDate: null,
+      isOpen: !1,
+      focusedDate: ae(),
+      navDirection: null,
+      pickingMonth: !1,
+      pickerYear: e.getFullYear(),
+      // Time state
+      startTime: null,
+      endTime: null,
+      timeSelectPhase: null,
+      // null | 'start' | 'end'
+      // Status
+      statusType: null,
+      statusMessage: null,
+      statusDismissible: !0
+    }), this._bookings = [], this._dayData = {}, this._labelFormula = null, this._timeSlots = null, this._popover = null, this._unsubscribe = null, this._rendering = !1;
+  }
+  // -- Attribute getters --
+  get display() {
+    return this.getAttribute("display") || "inline";
+  }
+  get placeholder() {
+    return this.getAttribute("placeholder") || "Select dates";
+  }
+  get firstDay() {
+    return parseInt(this.getAttribute("first-day") || "0", 10);
+  }
+  get minDate() {
+    return this.getAttribute("min-date") || null;
+  }
+  get maxDate() {
+    return this.getAttribute("max-date") || null;
+  }
+  get showLabelsOnHover() {
+    return this.hasAttribute("show-labels-on-hover");
+  }
+  get timeSlotsEnabled() {
+    return this.hasAttribute("time-slots");
+  }
+  get timeStartTime() {
+    return this.getAttribute("time-start") || "09:00";
+  }
+  get timeEndTime() {
+    return this.getAttribute("time-end") || "17:00";
+  }
+  get timeInterval() {
+    return parseInt(this.getAttribute("time-interval") || "60", 10);
+  }
+  get timeFormat() {
+    return this.getAttribute("time-format") || "24h";
+  }
+  get durationLabels() {
+    return this.hasAttribute("duration-labels");
+  }
+  get loading() {
+    return this.hasAttribute("loading");
+  }
+  set loading(e) {
+    e ? this.setAttribute("loading", "") : this.removeAttribute("loading");
+  }
+  // -- Properties --
+  get bookings() {
+    return this._bookings;
+  }
+  set bookings(e) {
+    this._bookings = Array.isArray(e) ? e : [], this._initialized && this.render();
+  }
+  get dayData() {
+    return this._dayData;
+  }
+  set dayData(e) {
+    this._dayData = e && typeof e == "object" ? e : {}, this._initialized && this.render();
+  }
+  get labelFormula() {
+    return this._labelFormula;
+  }
+  set labelFormula(e) {
+    this._labelFormula = typeof e == "function" ? e : null, this._initialized && this.render();
+  }
+  get timeSlots() {
+    return this._timeSlots;
+  }
+  set timeSlots(e) {
+    this._timeSlots = Array.isArray(e) ? e : null, this._initialized && this.render();
+  }
+  get value() {
+    const e = this._store.getState();
+    if (!e.rangeStart || !e.rangeEnd) return null;
+    const a = { start: e.rangeStart, end: e.rangeEnd };
+    return this.timeSlotsEnabled && (e.startTime && (a.startTime = e.startTime), e.endTime && (a.endTime = e.endTime)), a;
+  }
+  set value(e) {
+    if (e && typeof e == "object" && e.start && e.end) {
+      const a = typeof e.start == "string" ? e.start : T(e.start), t = typeof e.end == "string" ? e.end : T(e.end), n = { rangeStart: a, rangeEnd: t };
+      e.startTime && (n.startTime = e.startTime), e.endTime && (n.endTime = e.endTime), this._store.set(n), this._navigateToDate(a);
+    } else
+      this._store.set({
+        rangeStart: null,
+        rangeEnd: null,
+        startTime: null,
+        endTime: null,
+        timeSelectPhase: null
+      });
+  }
+  _navigateToDate(e) {
+    const a = M(e);
+    a && this._store.set({ viewYear: a.getFullYear(), viewMonth: a.getMonth() });
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._unsubscribe = this._store.subscribe((a, t) => {
+      if (this._rendering) return;
+      a.hoverDate !== t.hoverDate && a.viewYear === t.viewYear && a.viewMonth === t.viewMonth && a.rangeStart === t.rangeStart && a.rangeEnd === t.rangeEnd && a.isOpen === t.isOpen && a.navDirection === t.navDirection && a.pickingMonth === t.pickingMonth && a.pickerYear === t.pickerYear && a.timeSelectPhase === t.timeSelectPhase ? this._updateGridHighlight(a) : this.render();
+    });
+    const e = this.getAttribute("bookings");
+    if (e && !this._bookings.length)
+      try {
+        this._bookings = JSON.parse(e);
+      } catch {
+      }
+  }
+  disconnectedCallback() {
+    var e, a;
+    (e = this._unsubscribe) == null || e.call(this), (a = this._popover) == null || a.destroy(), clearTimeout(this._statusTimer);
+  }
+  attributeChangedCallback(e, a, t) {
+    a !== t && this._initialized && this.render();
+  }
+  // -- Selection --
+  _handleSelect(e) {
+    const a = this._store.getState();
+    if (!a.rangeStart || a.rangeEnd)
+      this._store.set({
+        rangeStart: e,
+        rangeEnd: null,
+        hoverDate: null,
+        focusedDate: e,
+        startTime: null,
+        endTime: null,
+        timeSelectPhase: null
+      });
+    else {
+      let t = a.rangeStart, n = e;
+      if (t > n && ([t, n] = [n, t]), !ie(t, n, this._bookings)) {
+        this.emit("cal:selection-invalid", { start: t, end: n }), this._store.set({
+          rangeStart: null,
+          rangeEnd: null,
+          hoverDate: null,
+          startTime: null,
+          endTime: null,
+          timeSelectPhase: null
+        }), this.showStatus("error", "Selection overlaps an existing booking", { autoDismiss: 4e3 });
+        return;
+      }
+      this.timeSlotsEnabled ? this._store.set({
+        rangeStart: t,
+        rangeEnd: n,
+        hoverDate: null,
+        focusedDate: n,
+        timeSelectPhase: "start"
+      }) : (this._store.set({
+        rangeStart: t,
+        rangeEnd: n,
+        hoverDate: null,
+        focusedDate: n
+      }), this.emit("cal:change", { value: { start: t, end: n } }), this.display === "popover" && this.close());
+    }
+  }
+  _handleTimeSelect(e) {
+    const a = this._store.getState();
+    if (a.timeSelectPhase === "start")
+      this._store.set({ startTime: e, timeSelectPhase: "end" });
+    else if (a.timeSelectPhase === "end") {
+      this._store.set({ endTime: e, timeSelectPhase: null });
+      const t = {
+        start: a.rangeStart,
+        end: a.rangeEnd,
+        startTime: a.startTime,
+        endTime: e
+      };
+      this.emit("cal:change", { value: t }), this.display === "popover" && this.close();
+    }
+  }
+  _handleHover(e) {
+    this._store.set({ hoverDate: e });
+  }
+  // -- Lightweight hover highlight --
+  _updateGridHighlight(e) {
+    const a = this.$$(".cal-day"), { rangeStart: t, hoverDate: n } = e, i = t && !e.rangeEnd && n ? n : e.rangeEnd;
+    let r = !1;
+    if (t && !e.rangeEnd && n) {
+      const o = t < n ? t : n, l = t < n ? n : t;
+      for (const u of this._bookings)
+        if (o < u.end && l > u.start) {
+          r = !0;
+          break;
+        }
+    }
+    for (const o of a) {
+      const l = o.dataset.date;
+      if (!l) continue;
+      const u = l === t && !!i, m = l === i && !!i;
+      let g = !1;
+      if (t && i) {
+        const d = t < i ? t : i, b = t < i ? i : t;
+        g = l >= d && l <= b && !u && !m;
+      }
+      const c = r && t && !e.rangeEnd && n && (() => {
+        const d = t < n ? t : n, b = t < n ? n : t;
+        return l >= d && l <= b;
+      })();
+      o.classList.toggle("cal-day--range-start", u), o.classList.toggle("cal-day--range-end", m), o.classList.toggle("cal-day--in-range", g), o.classList.toggle("cal-day--invalid-range", !!c);
+    }
+  }
+  // -- Navigation --
+  _prevMonth() {
+    const { viewYear: e, viewMonth: a } = this._store.getState(), { year: t, month: n } = B(e, a, -1);
+    this._store.set({ viewYear: t, viewMonth: n, navDirection: "prev" }), this.emit("cal:month-change", { year: t, month: n });
+  }
+  _nextMonth() {
+    const { viewYear: e, viewMonth: a } = this._store.getState(), { year: t, month: n } = B(e, a, 1);
+    this._store.set({ viewYear: t, viewMonth: n, navDirection: "next" }), this.emit("cal:month-change", { year: t, month: n });
+  }
+  // -- Month picker --
+  _toggleMonthPicker() {
+    const e = this._store.getState();
+    this._store.set({
+      pickingMonth: !e.pickingMonth,
+      pickerYear: e.viewYear
+    });
+  }
+  _selectMonthFromPicker(e, a) {
+    this._store.set({
+      viewYear: a,
+      viewMonth: e,
+      pickingMonth: !1
+    }), this.emit("cal:month-change", { year: a, month: e });
+  }
+  // -- Keyboard --
+  _handleKeydown(e) {
+    if (e.key === "Escape" && this._store.get("pickingMonth")) {
+      e.stopPropagation(), this._store.set({ pickingMonth: !1 });
+      return;
+    }
+    const a = this._store.getState(), t = M(a.focusedDate);
+    if (!t) return;
+    let n = null;
+    switch (e.key) {
+      case "ArrowLeft":
+        n = new Date(t), n.setDate(t.getDate() - 1);
+        break;
+      case "ArrowRight":
+        n = new Date(t), n.setDate(t.getDate() + 1);
+        break;
+      case "ArrowUp":
+        n = new Date(t), n.setDate(t.getDate() - 7);
+        break;
+      case "ArrowDown":
+        n = new Date(t), n.setDate(t.getDate() + 7);
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), this._handleSelect(a.focusedDate);
+        return;
+      case "Escape":
+        this.display === "popover" && this.close();
+        return;
+      default:
+        return;
+    }
+    if (n) {
+      e.preventDefault();
+      const i = T(n);
+      n.getMonth() !== a.viewMonth || n.getFullYear() !== a.viewYear ? this._store.set({
+        viewYear: n.getFullYear(),
+        viewMonth: n.getMonth(),
+        focusedDate: i,
+        navDirection: n > t ? "next" : "prev"
+      }) : this._store.set({ focusedDate: i }), requestAnimationFrame(() => {
+        const r = this.$(`[data-date="${i}"]`);
+        r == null || r.focus();
+      });
+    }
+  }
+  // -- Public API --
+  open() {
+    this._popover && (this._popover.open(), this._store.set({ isOpen: !0 }), this.emit("cal:open"));
+  }
+  close() {
+    this._popover && (this._popover.close(), this._store.set({ isOpen: !1 }), this.emit("cal:close"));
+  }
+  goToMonth(e, a) {
+    this._store.set({ viewYear: a, viewMonth: e });
+  }
+  // -- Time slots generation --
+  _getTimeSlotArray() {
+    return this._timeSlots ? this._timeSlots : this.durationLabels ? fe(this.timeStartTime, this.timeEndTime, this.timeInterval, this.timeFormat).map((a) => ({ ...a, available: !0 })) : pe(this.timeStartTime, this.timeEndTime, this.timeInterval).map((a) => ({ time: a, available: !0 }));
+  }
+  // -- Render --
+  _renderCalendarContent() {
+    const e = this._store.getState(), a = document.createElement("div");
+    if (a.classList.add("cal-picker"), e.statusType && e.statusMessage && a.appendChild(Re({
+      type: e.statusType,
+      message: e.statusMessage,
+      dismissible: e.statusDismissible,
+      onDismiss: () => this.clearStatus()
+    })), this.loading) {
+      const r = document.createElement("div");
+      r.classList.add("cal-months");
+      const o = document.createElement("div");
+      if (o.classList.add("cal-month"), o.appendChild(Oe()), r.appendChild(o), a.appendChild(r), this.timeSlotsEnabled) {
+        const l = document.createElement("div");
+        l.classList.add("cal-booking-time-section"), l.appendChild(Be({ durationLabels: this.durationLabels })), a.appendChild(l);
+      }
+      return a.addEventListener("keydown", (l) => this._handleKeydown(l)), a;
+    }
+    const t = document.createElement("div");
+    t.classList.add("cal-months");
+    const n = this.hasAttribute("dual"), i = n ? 2 : 1;
+    for (let r = 0; r < i; r++) {
+      const { year: o, month: l } = r === 0 ? { year: e.viewYear, month: e.viewMonth } : B(e.viewYear, e.viewMonth, 1), u = document.createElement("div");
+      if (u.classList.add("cal-month"), r === 0 && u.appendChild(Z({
+        year: o,
+        month: l,
+        onPrev: e.pickingMonth ? () => {
+        } : () => this._prevMonth(),
+        onNext: e.pickingMonth ? () => {
+        } : () => {
+          n || this._nextMonth();
+        },
+        onTitleClick: () => this._toggleMonthPicker()
+      })), r === 1 && u.appendChild(Z({
+        year: o,
+        month: l,
+        onPrev: () => {
+        },
+        onNext: () => this._nextMonth()
+      })), e.pickingMonth && r === 0) {
+        const m = we({
+          pickerYear: e.pickerYear,
+          viewMonth: e.viewMonth,
+          viewYear: e.viewYear,
+          onMonthSelect: (g, c) => this._selectMonthFromPicker(g, c),
+          onYearPrev: () => this._store.set({ pickerYear: e.pickerYear - 1 }),
+          onYearNext: () => this._store.set({ pickerYear: e.pickerYear + 1 }),
+          onClose: () => this._store.set({ pickingMonth: !1 })
+        });
+        u.appendChild(m);
+      } else {
+        const m = e.navDirection === "next" ? "cal-animate-slide-left" : e.navDirection === "prev" ? "cal-animate-slide-right" : "", g = Ce({
+          year: o,
+          month: l,
+          firstDay: this.firstDay,
+          rangeStart: e.rangeStart,
+          rangeEnd: e.rangeEnd,
+          hoverDate: e.hoverDate,
+          minDate: this.minDate,
+          maxDate: this.maxDate,
+          focusedDate: e.focusedDate,
+          mode: "range",
+          onSelect: (c) => this._handleSelect(c),
+          onHover: (c) => this._handleHover(c),
+          // Booking-specific params
+          bookings: this._bookings,
+          dayData: this._dayData,
+          labelFormula: this._labelFormula,
+          showLabelsOnHover: this.showLabelsOnHover
+        });
+        m && g.classList.add(m), u.appendChild(g);
+      }
+      t.appendChild(u);
+    }
+    if (a.appendChild(t), this.timeSlotsEnabled && e.timeSelectPhase && !e.pickingMonth) {
+      const r = document.createElement("div");
+      r.classList.add("cal-booking-time-section");
+      const o = document.createElement("div");
+      o.classList.add("cal-booking-time-header"), o.textContent = e.timeSelectPhase === "start" ? "Select check-in time" : "Select check-out time", r.appendChild(o);
+      const l = this._getTimeSlotArray(), u = Ye({
+        slots: l,
+        mode: "single",
+        format: this.timeFormat,
+        selected: e.timeSelectPhase === "end" ? e.startTime : null,
+        onSelect: (m) => this._handleTimeSelect(m),
+        onHover: () => {
+        },
+        durationLabels: this.durationLabels
+      });
+      r.appendChild(u), a.appendChild(r);
+    }
+    return a.addEventListener("keydown", (r) => this._handleKeydown(r)), a;
+  }
+  _formatTriggerText() {
+    const e = this._store.getState();
+    if (e.rangeStart && e.rangeEnd) {
+      let a = `${this._formatShortDate(e.rangeStart)} – ${this._formatShortDate(e.rangeEnd)}`;
+      return e.startTime && e.endTime && (a += ` (${e.startTime} – ${e.endTime})`), a;
+    }
+    return null;
+  }
+  _formatShortDate(e) {
+    const a = M(e);
+    return a ? `${J[a.getMonth()].slice(0, 3)} ${a.getDate()}, ${a.getFullYear()}` : e;
+  }
+  render() {
+    var t;
+    if (this._rendering) return;
+    this._rendering = !0;
+    const e = this.shadowRoot, a = [...e.childNodes];
+    for (const n of a)
+      n.nodeName !== "STYLE" && !(n instanceof CSSStyleSheet) && e.removeChild(n);
+    if ((t = this._popover) == null || t.destroy(), this._popover = null, this.display === "popover") {
+      const n = document.createElement("div");
+      n.classList.add("cal-popover-wrapper");
+      const i = document.createElement("button");
+      i.classList.add("cal-trigger");
+      const r = document.createElement("span");
+      r.classList.add("cal-trigger__icon"), r.innerHTML = He, i.appendChild(r);
+      const o = this._formatTriggerText(), l = document.createElement("span");
+      o ? l.textContent = o : (l.textContent = this.placeholder, l.classList.add("cal-trigger--placeholder")), i.appendChild(l), n.appendChild(i);
+      const u = this._renderCalendarContent(), m = Le({
+        trigger: i,
+        content: u,
+        onClose: () => {
+          this._store.set({ isOpen: !1 }), this.emit("cal:close");
+        }
+      });
+      n.appendChild(m.panel), e.appendChild(n), i.addEventListener("click", (g) => {
+        g.stopPropagation(), m.isOpen ? this.close() : this.open();
+      }), this._popover = m, this._store.get("isOpen") && m.open();
+    } else
+      e.appendChild(this._renderCalendarContent());
+    this._store.set({ navDirection: null }), this._rendering = !1;
+  }
+}
+customElements.get("cal-booking") || customElements.define("cal-booking", Ne);
+export {
+  Ne as CalBooking
+};
+//# sourceMappingURL=booking.es.js.map