@glatam/calendar-ui 1.0.5 → 1.0.7

package/dist/glatam-calendar.js

@@ -1,9 +1,9 @@
-import { css as M, LitElement as E, html as d } from "lit";
-import { property as s, customElement as T, state as u } from "lit/decorators.js";
-import { isTimeBlocked as C, formatISODate as _, generateMonthDays as P, generateWeekDays as j } from "@glatam/calendar-core";
-import { formatISODate as nt, isTimeBlocked as dt, parseISODate as ct } from "@glatam/calendar-core";
-import { classMap as N } from "lit/directives/class-map.js";
-const A = M`
+import { css as M, LitElement as O, html as c } from "lit";
+import { property as l, customElement as C, state as m } from "lit/decorators.js";
+import { formatISODate as z, parseISODate as N, isTimeBlocked as _, generateMonthDays as Y, generateWeekDays as U } from "@glatam/calendar-core";
+import { formatISODate as yt, isTimeBlocked as xt, parseISODate as wt } from "@glatam/calendar-core";
+import { classMap as A } from "lit/directives/class-map.js";
+const H = M`
   :host {
     /* Fonts */
     --glatam-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -91,7 +91,7 @@ const A = M`
     --glatam-padding: 24px;
     font-size: 1.1rem;
   }
-`, W = M`
+`, q = M`
   :host {
     display: grid;
     min-width: 0;
@@ -348,9 +348,9 @@ const A = M`
     }
   }
 `;
-function I(t, e, a) {
-  if (e === a) return 0;
-  const i = (r, l) => {
+function B(e, t, a) {
+  if (t === a) return 0;
+  const r = (i, s) => {
     const o = {
       year: "numeric",
       month: "numeric",
@@ -360,102 +360,118 @@ function I(t, e, a) {
       second: "numeric",
       hour12: !1
     };
-    l !== "local" && (o.timeZone = l);
-    const n = new Intl.DateTimeFormat("en-US", o).formatToParts(r), c = new Map(n.map(($) => [$.type, $.value])), m = Number(c.get("hour")), v = m === 24 ? 0 : m;
+    s !== "local" && (o.timeZone = s);
+    const n = new Intl.DateTimeFormat("en-US", o).formatToParts(i), d = new Map(n.map((f) => [f.type, f.value])), h = Number(d.get("hour")), y = h === 24 ? 0 : h;
     return new Date(
-      Number(c.get("year")),
-      Number(c.get("month")) - 1,
-      Number(c.get("day")),
-      v,
-      Number(c.get("minute")),
-      Number(c.get("second"))
+      Number(d.get("year")),
+      Number(d.get("month")) - 1,
+      Number(d.get("day")),
+      y,
+      Number(d.get("minute")),
+      Number(d.get("second"))
     );
   };
   try {
-    const r = i(t, e);
-    return (i(t, a).getTime() - r.getTime()) / (60 * 1e3);
+    const i = r(e, t);
+    return (r(e, a).getTime() - i.getTime()) / (60 * 1e3);
   } catch {
     return 0;
   }
 }
-function U(t, e) {
-  if (e === 0)
-    return { start: t.start, end: t.end, dayShift: 0 };
-  const a = (c) => {
-    const [m, v] = c.split(":").map(Number);
-    return m * 60 + v;
-  }, i = (c) => {
-    let m = c % 1440;
-    m < 0 && (m += 1440);
-    const v = String(Math.floor(m / 60)).padStart(2, "0"), $ = String(m % 60).padStart(2, "0");
-    return `${v}:${$}`;
-  }, r = a(t.start), l = a(t.end), o = r + e, h = l + e;
+function G(e, t) {
+  if (t === 0)
+    return { start: e.start, end: e.end, dayShift: 0 };
+  const a = (d) => {
+    const [h, y] = d.split(":").map(Number);
+    return h * 60 + y;
+  }, r = (d) => {
+    let h = d % 1440;
+    h < 0 && (h += 1440);
+    const y = String(Math.floor(h / 60)).padStart(2, "0"), f = String(h % 60).padStart(2, "0");
+    return `${y}:${f}`;
+  }, i = a(e.start), s = a(e.end), o = i + t, u = s + t;
   let n = 0;
   return o < 0 ? n = -1 : o >= 1440 && (n = 1), {
-    start: i(o),
-    end: i(h),
+    start: r(o),
+    end: r(u),
     dayShift: n
   };
 }
-var L = Object.defineProperty, F = Object.getOwnPropertyDescriptor, D = (t, e, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? F(e, a) : e, l = t.length - 1, o; l >= 0; l--)
-    (o = t[l]) && (r = (i ? o(e, a, r) : o(r)) || r);
-  return i && r && L(e, a, r), r;
+function V(e, t, a) {
+  let r = null;
+  return { updatedRules: e.map((s) => {
+    if (s.id !== t) return s;
+    r = s;
+    const o = s.exceptions || [], u = o.includes(a) ? o : [...o, a];
+    return {
+      ...s,
+      exceptions: u
+    };
+  }), targetRule: r };
+}
+function F(e, t) {
+  const a = e.find((i) => i.id === t) || null;
+  return { updatedRules: e.filter((i) => i.id !== t), targetRule: a };
+}
+var X = Object.defineProperty, K = Object.getOwnPropertyDescriptor, $ = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? K(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && X(t, a, i), i;
 };
-let f = class extends E {
+let w = class extends O {
   constructor() {
     super(...arguments), this.days = [], this.locale = "es", this.startOfWeekDay = 0, this.selectedDates = [], this.role = "provider", this.size = "medium", this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null;
   }
   getWeekdayNames() {
-    const t = [], e = new Date(2026, 6, 12 + this.startOfWeekDay), a = new Intl.DateTimeFormat(this.locale, { weekday: "short" });
-    for (let i = 0; i < 7; i++)
-      t.push(a.format(e)), e.setDate(e.getDate() + 1);
-    return t;
-  }
-  handleDayClick(t) {
-    const e = this.minDate && t.dateString < this.minDate || this.maxDate && t.dateString > this.maxDate;
-    this.role === "buyer" && (t.isBlocked || e) || this.dispatchEvent(new CustomEvent("day-select", {
-      detail: { dateString: t.dateString, isBlocked: t.isBlocked },
+    const e = [], t = new Date(2026, 6, 12 + this.startOfWeekDay), a = new Intl.DateTimeFormat(this.locale, { weekday: "short" });
+    for (let r = 0; r < 7; r++)
+      e.push(a.format(t)), t.setDate(t.getDate() + 1);
+    return e;
+  }
+  handleDayClick(e) {
+    const t = this.minDate && e.dateString < this.minDate || this.maxDate && e.dateString > this.maxDate;
+    this.role === "buyer" && (e.isBlocked || t) || this.dispatchEvent(new CustomEvent("day-select", {
+      detail: { dateString: e.dateString, isBlocked: e.isBlocked },
       bubbles: !0,
       composed: !0
     }));
   }
   render() {
-    const t = this.getWeekdayNames();
-    return d`
-      ${t.map((e) => d`<div class="weekday">${e}</div>`)}
+    const e = this.getWeekdayNames();
+    return c`
+      ${e.map((t) => c`<div class="weekday">${t}</div>`)}
       
-      ${this.days.map((e) => {
-      var h;
-      if (!e.isCurrentMonth && !this.showNeighboringMonth)
-        return d`<div class="day-cell empty"></div>`;
-      const a = e.dateString === (/* @__PURE__ */ new Date()).toISOString().split("T")[0], i = this.selectedDates.includes(e.dateString), r = e.slots.filter((n) => n.isBlocked), l = this.minDate && e.dateString < this.minDate || this.maxDate && e.dateString > this.maxDate, o = this.tileClassName ? this.tileClassName({ date: e.date, dateString: e.dateString }) : "";
-      return d`
+      ${this.days.map((t) => {
+      var u;
+      if (!t.isCurrentMonth && !this.showNeighboringMonth)
+        return c`<div class="day-cell empty"></div>`;
+      const a = t.dateString === z(/* @__PURE__ */ new Date()), r = this.selectedDates.includes(t.dateString), i = t.slots.filter((n) => n.isBlocked), s = this.minDate && t.dateString < this.minDate || this.maxDate && t.dateString > this.maxDate, o = this.tileClassName ? this.tileClassName({ date: t.date, dateString: t.dateString }) : "";
+      return c`
           <div 
-            class=${N({
+            class=${A({
         "day-cell": !0,
-        padding: !e.isCurrentMonth,
-        blocked: e.isBlocked,
+        padding: !t.isCurrentMonth,
+        blocked: t.isBlocked,
         today: a,
-        selected: i,
-        disabled: !!l,
+        selected: r,
+        disabled: !!s,
         [o]: !!o
       })}
             part="day-cell ${o}"
-            @click=${() => this.handleDayClick(e)}
+            @click=${() => this.handleDayClick(t)}
           >
-            <div class="day-number">${e.dayNumber}</div>
+            <div class="day-number">${t.dayNumber}</div>
             
             <div class="slot-indicator">
-              ${e.isBlocked ? d`<div class="badge blocked-day">${((h = e.rule) == null ? void 0 : h.description) || "Bloqueado"}</div>` : r.slice(0, 2).map((n) => {
-        var c, m;
-        return d`
-                    <div class="badge blocked-slot" title=${((c = n.rule) == null ? void 0 : c.description) || ""}>
-                      🚫 ${((m = n.rule) == null ? void 0 : m.description) || n.start}
+              ${t.isBlocked ? c`<div class="badge blocked-day">${((u = t.rule) == null ? void 0 : u.description) || "Bloqueado"}</div>` : i.slice(0, 2).map((n) => {
+        var d, h;
+        return c`
+                    <div class="badge blocked-slot" title=${((d = n.rule) == null ? void 0 : d.description) || ""}>
+                      🚫 ${((h = n.rule) == null ? void 0 : h.description) || n.start}
                     </div>
                   `;
       })}
-              ${!e.isBlocked && r.length > 2 ? d`<div style="text-align: center; font-size: 0.65rem; color: var(--glatam-text-secondary);">+${r.length - 2} tareas</div>` : ""}
+              ${!t.isBlocked && i.length > 2 ? c`<div style="text-align: center; font-size: 0.65rem; color: var(--glatam-text-secondary);">+${i.length - 2} tareas</div>` : ""}
             </div>
           </div>
         `;
@@ -463,7 +479,7 @@ let f = class extends E {
     `;
   }
 };
-f.styles = M`
+w.styles = M`
     :host { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; width: 100%; }
     .weekday { font-size: 0.75rem; font-weight: 600; color: var(--glatam-text-secondary); text-transform: uppercase; text-align: center; padding: 8px 0; letter-spacing: 0.05em; }
     .day-cell {
@@ -496,55 +512,55 @@ f.styles = M`
       .day-number { margin-bottom: 0; font-size: 0.8rem; }
     }
   `;
-D([
-  s({ type: Array })
-], f.prototype, "days", 2);
-D([
-  s({ type: String })
-], f.prototype, "locale", 2);
-D([
-  s({ type: Number })
-], f.prototype, "startOfWeekDay", 2);
-D([
-  s({ type: Array })
-], f.prototype, "selectedDates", 2);
-D([
-  s({ type: String })
-], f.prototype, "role", 2);
-D([
-  s({ type: String, reflect: !0 })
-], f.prototype, "size", 2);
-D([
-  s({ type: String })
-], f.prototype, "minDate", 2);
-D([
-  s({ type: String })
-], f.prototype, "maxDate", 2);
-D([
-  s({ type: Boolean })
-], f.prototype, "showNeighboringMonth", 2);
-D([
-  s({ attribute: !1 })
-], f.prototype, "tileClassName", 2);
-f = D([
-  T("glatam-calendar-month-view")
-], f);
-var Y = Object.defineProperty, H = Object.getOwnPropertyDescriptor, R = (t, e, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? H(e, a) : e, l = t.length - 1, o; l >= 0; l--)
-    (o = t[l]) && (r = (i ? o(e, a, r) : o(r)) || r);
-  return i && r && Y(e, a, r), r;
+$([
+  l({ type: Array })
+], w.prototype, "days", 2);
+$([
+  l({ type: String })
+], w.prototype, "locale", 2);
+$([
+  l({ type: Number })
+], w.prototype, "startOfWeekDay", 2);
+$([
+  l({ type: Array })
+], w.prototype, "selectedDates", 2);
+$([
+  l({ type: String })
+], w.prototype, "role", 2);
+$([
+  l({ type: String, reflect: !0 })
+], w.prototype, "size", 2);
+$([
+  l({ type: String })
+], w.prototype, "minDate", 2);
+$([
+  l({ type: String })
+], w.prototype, "maxDate", 2);
+$([
+  l({ type: Boolean })
+], w.prototype, "showNeighboringMonth", 2);
+$([
+  l({ attribute: !1 })
+], w.prototype, "tileClassName", 2);
+w = $([
+  C("glatam-calendar-month-view")
+], w);
+var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, k = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? J(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && Z(t, a, i), i;
 };
-let w = class extends E {
+let x = class extends O {
   constructor() {
-    super(...arguments), this.days = [], this.slots = [], this.locale = "es", this.selectedRange = null, this.role = "provider", this.isDragging = !1, this.dragDayIndex = null, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null, this.handleMouseUp = () => {
+    super(...arguments), this.days = [], this.slots = [], this.locale = "es", this.selectedRange = null, this.role = "provider", this.minDate = "", this.maxDate = "", this.isDragging = !1, this.dragDayIndex = null, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null, this.handleMouseUp = () => {
       if (!this.isDragging || this.dragDayIndex === null || this.dragStartSlotIndex === null || this.dragEndSlotIndex === null) {
         this.isDragging = !1;
         return;
       }
       this.isDragging = !1;
-      const t = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), e = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex), a = this.days[this.dragDayIndex], i = a.slots.slice(t, e + 1);
-      i.some((r) => r.isBlocked) || this.dispatchEvent(new CustomEvent("range-select", {
-        detail: { dateString: a.dateString, start: i[0].start, end: i[i.length - 1].end },
+      const e = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), t = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex), a = this.days[this.dragDayIndex], r = a.slots.slice(e, t + 1);
+      r.some((i) => i.isBlocked) || this.dispatchEvent(new CustomEvent("range-select", {
+        detail: { dateString: a.dateString, start: r[0].start, end: r[r.length - 1].end },
         bubbles: !0,
         composed: !0
       })), this.dragDayIndex = null, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null;
@@ -556,63 +572,68 @@ let w = class extends E {
   disconnectedCallback() {
     window.removeEventListener("mouseup", this.handleMouseUp), super.disconnectedCallback();
   }
-  handleMouseDown(t, e, a) {
-    if (a) {
-      if (this.role === "buyer") return;
-      this.dispatchEvent(new CustomEvent("slot-click", {
-        detail: { dateString: this.days[t].dateString, slot: this.days[t].slots[e], isBlocked: !0 },
-        bubbles: !0,
-        composed: !0
-      }));
-      return;
+  handleMouseDown(e, t, a) {
+    var s;
+    const r = (s = this.days[e]) == null ? void 0 : s.dateString;
+    if (!(this.minDate && r < this.minDate || this.maxDate && r > this.maxDate)) {
+      if (a) {
+        if (this.role === "buyer") return;
+        this.dispatchEvent(new CustomEvent("slot-click", {
+          detail: { dateString: this.days[e].dateString, slot: this.days[e].slots[t], isBlocked: !0 },
+          bubbles: !0,
+          composed: !0
+        }));
+        return;
+      }
+      this.isDragging = !0, this.dragDayIndex = e, this.dragStartSlotIndex = t, this.dragEndSlotIndex = t;
     }
-    this.isDragging = !0, this.dragDayIndex = t, this.dragStartSlotIndex = e, this.dragEndSlotIndex = e;
   }
-  handleMouseEnter(t, e, a) {
-    this.isDragging && t === this.dragDayIndex && !a && (this.dragEndSlotIndex = e);
+  handleMouseEnter(e, t, a) {
+    this.isDragging && e === this.dragDayIndex && !a && (this.dragEndSlotIndex = t);
   }
-  isSlotSelected(t, e) {
-    return !this.selectedRange || this.selectedRange.dateString !== t ? !1 : e.start >= this.selectedRange.start && e.end <= this.selectedRange.end;
+  isSlotSelected(e, t) {
+    return !this.selectedRange || this.selectedRange.dateString !== e ? !1 : t.start >= this.selectedRange.start && t.end <= this.selectedRange.end;
   }
-  isSlotDragSelecting(t, e) {
-    if (!this.isDragging || t !== this.dragDayIndex) return !1;
-    const a = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), i = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex);
-    return e >= a && e <= i;
+  isSlotDragSelecting(e, t) {
+    if (!this.isDragging || e !== this.dragDayIndex) return !1;
+    const a = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), r = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex);
+    return t >= a && t <= r;
   }
   render() {
-    const t = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-    return d`
+    const e = z(/* @__PURE__ */ new Date());
+    return c`
       <div class="time-col">
         <div class="header-cell">Hora</div>
-        ${this.slots.map((e) => d`<div class="slot-cell time-slot-label">${e.start}</div>`)}
+        ${this.slots.map((t) => c`<div class="slot-cell time-slot-label">${t.start}</div>`)}
       </div>
 
-      ${this.days.map((e, a) => {
-      const i = e.dateString === t, r = new Intl.DateTimeFormat(this.locale, { weekday: "short" }).format(e.date);
-      return d`
+      ${this.days.map((t, a) => {
+      const r = t.dateString === e, i = new Intl.DateTimeFormat(this.locale, { weekday: "short" }).format(t.date), s = this.minDate && t.dateString < this.minDate || this.maxDate && t.dateString > this.maxDate;
+      return c`
           <div class="day-col">
-            <div class="header-cell ${i ? "today" : ""}">
-              <div>${r}</div>
-              <div class="day-num">${e.dayNumber}</div>
+            <div class="header-cell ${r ? "today" : ""}">
+              <div>${i}</div>
+              <div class="day-num">${t.dayNumber}</div>
             </div>
             
-            ${e.slots.map((l, o) => {
-        var m, v;
-        const h = l.isBlocked, n = this.isSlotSelected(e.dateString, l), c = this.isSlotDragSelecting(a, o);
-        return d`
+            ${t.slots.map((o, u) => {
+        var y, f;
+        const n = o.isBlocked, d = this.isSlotSelected(t.dateString, o), h = this.isSlotDragSelecting(a, u);
+        return c`
                 <div
-                  class=${N({
+                  class=${A({
           "slot-cell": !0,
-          available: !h,
-          blocked: h,
-          selected: n,
-          "drag-selecting": c
+          available: !n && !s,
+          blocked: n,
+          selected: d,
+          "drag-selecting": h,
+          disabled: s
         })}
-                  @mousedown=${() => this.handleMouseDown(a, o, h)}
-                  @mouseenter=${() => this.handleMouseEnter(a, o, h)}
-                  title=${h && ((m = l.rule) != null && m.description) ? l.rule.description : ""}
+                  @mousedown=${() => this.handleMouseDown(a, u, n)}
+                  @mouseenter=${() => this.handleMouseEnter(a, u, n)}
+                  title=${n && ((y = o.rule) != null && y.description) ? o.rule.description : ""}
                 >
-                  ${h ? ((v = l.rule) == null ? void 0 : v.description) || "Ocupado" : n ? "Reservado" : ""}
+                  ${n ? ((f = o.rule) == null ? void 0 : f.description) || "Ocupado" : d ? "Reservado" : ""}
                 </div>
               `;
       })}
@@ -622,7 +643,7 @@ let w = class extends E {
     `;
   }
 };
-w.styles = M`
+x.styles = M`
     :host {
       display: grid; grid-template-columns: var(--glatam-time-col-width) repeat(7, 1fr); gap: 2px;
       width: 100%; background-color: var(--glatam-border); border: 1px solid var(--glatam-border);
@@ -674,52 +695,59 @@ w.styles = M`
     }
     .slot-cell.selected { background-color: var(--glatam-selection-bg); border-left: 3px solid var(--glatam-selection-border); }
     .slot-cell.drag-selecting { background-color: var(--glatam-primary-light); }
+    .slot-cell.disabled { opacity: 0.35; cursor: not-allowed; background-color: var(--glatam-surface); pointer-events: none; }
   `;
-R([
-  s({ type: Array })
-], w.prototype, "days", 2);
-R([
-  s({ type: Array })
-], w.prototype, "slots", 2);
-R([
-  s({ type: String })
-], w.prototype, "locale", 2);
-R([
-  s({ type: Object })
-], w.prototype, "selectedRange", 2);
-R([
-  s({ type: String })
-], w.prototype, "role", 2);
-R([
-  u()
-], w.prototype, "isDragging", 2);
-R([
-  u()
-], w.prototype, "dragDayIndex", 2);
-R([
-  u()
-], w.prototype, "dragStartSlotIndex", 2);
-R([
-  u()
-], w.prototype, "dragEndSlotIndex", 2);
-w = R([
-  T("glatam-calendar-week-view")
-], w);
-var q = Object.defineProperty, G = Object.getOwnPropertyDescriptor, z = (t, e, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? G(e, a) : e, l = t.length - 1, o; l >= 0; l--)
-    (o = t[l]) && (r = (i ? o(e, a, r) : o(r)) || r);
-  return i && r && q(e, a, r), r;
+k([
+  l({ type: Array })
+], x.prototype, "days", 2);
+k([
+  l({ type: Array })
+], x.prototype, "slots", 2);
+k([
+  l({ type: String })
+], x.prototype, "locale", 2);
+k([
+  l({ type: Object })
+], x.prototype, "selectedRange", 2);
+k([
+  l({ type: String })
+], x.prototype, "role", 2);
+k([
+  l({ type: String })
+], x.prototype, "minDate", 2);
+k([
+  l({ type: String })
+], x.prototype, "maxDate", 2);
+k([
+  m()
+], x.prototype, "isDragging", 2);
+k([
+  m()
+], x.prototype, "dragDayIndex", 2);
+k([
+  m()
+], x.prototype, "dragStartSlotIndex", 2);
+k([
+  m()
+], x.prototype, "dragEndSlotIndex", 2);
+x = k([
+  C("glatam-calendar-week-view")
+], x);
+var Q = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, R = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? tt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && Q(t, a, i), i;
 };
-let S = class extends E {
+let S = class extends O {
   constructor() {
-    super(...arguments), this.day = null, this.slots = [], this.locale = "es", this.selectedRange = null, this.role = "provider", this.isDragging = !1, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null, this.handleMouseUp = () => {
+    super(...arguments), this.day = null, this.slots = [], this.locale = "es", this.selectedRange = null, this.role = "provider", this.minDate = "", this.maxDate = "", this.isDragging = !1, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null, this.handleMouseUp = () => {
       if (!this.isDragging || !this.day || this.dragStartSlotIndex === null || this.dragEndSlotIndex === null) {
         this.isDragging = !1;
         return;
       }
       this.isDragging = !1;
-      const t = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), e = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex), a = this.day.slots.slice(t, e + 1);
-      a.some((i) => i.isBlocked) || this.dispatchEvent(new CustomEvent("range-select", {
+      const e = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), t = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex), a = this.day.slots.slice(e, t + 1);
+      a.some((r) => r.isBlocked) || this.dispatchEvent(new CustomEvent("range-select", {
         detail: { dateString: this.day.dateString, start: a[0].start, end: a[a.length - 1].end },
         bubbles: !0,
         composed: !0
@@ -732,60 +760,65 @@ let S = class extends E {
   disconnectedCallback() {
     window.removeEventListener("mouseup", this.handleMouseUp), super.disconnectedCallback();
   }
-  handleMouseDown(t, e) {
-    if (e && this.day) {
-      if (this.role === "buyer") return;
-      this.dispatchEvent(new CustomEvent("slot-click", {
-        detail: { dateString: this.day.dateString, slot: this.day.slots[t], isBlocked: !0 },
-        bubbles: !0,
-        composed: !0
-      }));
-      return;
+  handleMouseDown(e, t) {
+    if (!this.day) return;
+    const a = this.day.dateString;
+    if (!(this.minDate && a < this.minDate || this.maxDate && a > this.maxDate)) {
+      if (t) {
+        if (this.role === "buyer") return;
+        this.dispatchEvent(new CustomEvent("slot-click", {
+          detail: { dateString: this.day.dateString, slot: this.day.slots[e], isBlocked: !0 },
+          bubbles: !0,
+          composed: !0
+        }));
+        return;
+      }
+      this.isDragging = !0, this.dragStartSlotIndex = e, this.dragEndSlotIndex = e;
     }
-    this.isDragging = !0, this.dragStartSlotIndex = t, this.dragEndSlotIndex = t;
   }
-  handleMouseEnter(t, e) {
-    this.isDragging && !e && (this.dragEndSlotIndex = t);
+  handleMouseEnter(e, t) {
+    this.isDragging && !t && (this.dragEndSlotIndex = e);
   }
-  isSlotSelected(t) {
-    return !this.day || !this.selectedRange || this.selectedRange.dateString !== this.day.dateString ? !1 : t.start >= this.selectedRange.start && t.end <= this.selectedRange.end;
+  isSlotSelected(e) {
+    return !this.day || !this.selectedRange || this.selectedRange.dateString !== this.day.dateString ? !1 : e.start >= this.selectedRange.start && e.end <= this.selectedRange.end;
   }
-  isSlotDragSelecting(t) {
+  isSlotDragSelecting(e) {
     if (!this.isDragging) return !1;
-    const e = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), a = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex);
-    return t >= e && t <= a;
+    const t = Math.min(this.dragStartSlotIndex, this.dragEndSlotIndex), a = Math.max(this.dragStartSlotIndex, this.dragEndSlotIndex);
+    return e >= t && e <= a;
   }
   render() {
-    if (!this.day) return d`<div>Cargando...</div>`;
-    const t = this.day.dateString === (/* @__PURE__ */ new Date()).toISOString().split("T")[0], e = new Intl.DateTimeFormat(this.locale, { weekday: "long", day: "numeric", month: "long" }).format(this.day.date);
-    return d`
+    if (!this.day) return c`<div>Cargando...</div>`;
+    const e = this.day.dateString === z(/* @__PURE__ */ new Date()), t = this.minDate && this.day.dateString < this.minDate || this.maxDate && this.day.dateString > this.maxDate, a = new Intl.DateTimeFormat(this.locale, { weekday: "long", day: "numeric", month: "long" }).format(this.day.date);
+    return c`
       <div class="time-col">
         <div class="header-cell">Hora</div>
-        ${this.slots.map((a) => d`<div class="slot-cell time-slot-label">${a.start}</div>`)}
+        ${this.slots.map((r) => c`<div class="slot-cell time-slot-label">${r.start}</div>`)}
       </div>
 
       <div class="day-col">
-        <div class="header-cell ${t ? "today" : ""}">
-          <div style="text-transform: capitalize;">${e}</div>
+        <div class="header-cell ${e ? "today" : ""}">
+          <div style="text-transform: capitalize;">${a}</div>
         </div>
 
-        ${this.day.slots.map((a, i) => {
-      var h, n;
-      const r = a.isBlocked, l = this.isSlotSelected(a), o = this.isSlotDragSelecting(i);
-      return d`
+        ${this.day.slots.map((r, i) => {
+      var n, d;
+      const s = r.isBlocked, o = this.isSlotSelected(r), u = this.isSlotDragSelecting(i);
+      return c`
             <div
-              class=${N({
+              class=${A({
         "slot-cell": !0,
-        available: !r,
-        blocked: r,
-        selected: l,
-        "drag-selecting": o
+        available: !s && !t,
+        blocked: s,
+        selected: o,
+        "drag-selecting": u,
+        disabled: t
       })}
-              @mousedown=${() => this.handleMouseDown(i, r)}
-              @mouseenter=${() => this.handleMouseEnter(i, r)}
-              title=${r && ((h = a.rule) != null && h.description) ? a.rule.description : ""}
+              @mousedown=${() => this.handleMouseDown(i, s)}
+              @mouseenter=${() => this.handleMouseEnter(i, s)}
+              title=${s && ((n = r.rule) != null && n.description) ? r.rule.description : ""}
             >
-              ${r ? ((n = a.rule) == null ? void 0 : n.description) || "Ocupado" : l ? "Reservado" : ""}
+              ${s ? ((d = r.rule) == null ? void 0 : d.description) || "Ocupado" : o ? "Reservado" : ""}
             </div>
           `;
     })}
@@ -822,35 +855,42 @@ S.styles = M`
     }
     .slot-cell.selected { background-color: var(--glatam-selection-bg); border-left: 3px solid var(--glatam-selection-border); }
     .slot-cell.drag-selecting { background-color: var(--glatam-primary-light); }
+    .slot-cell.disabled { opacity: 0.35; cursor: not-allowed; background-color: var(--glatam-surface); pointer-events: none; }
   `;
-z([
-  s({ type: Object })
+R([
+  l({ type: Object })
 ], S.prototype, "day", 2);
-z([
-  s({ type: Array })
+R([
+  l({ type: Array })
 ], S.prototype, "slots", 2);
-z([
-  s({ type: String })
+R([
+  l({ type: String })
 ], S.prototype, "locale", 2);
-z([
-  s({ type: Object })
+R([
+  l({ type: Object })
 ], S.prototype, "selectedRange", 2);
-z([
-  s({ type: String })
+R([
+  l({ type: String })
 ], S.prototype, "role", 2);
-z([
-  u()
+R([
+  l({ type: String })
+], S.prototype, "minDate", 2);
+R([
+  l({ type: String })
+], S.prototype, "maxDate", 2);
+R([
+  m()
 ], S.prototype, "isDragging", 2);
-z([
-  u()
+R([
+  m()
 ], S.prototype, "dragStartSlotIndex", 2);
-z([
-  u()
+R([
+  m()
 ], S.prototype, "dragEndSlotIndex", 2);
-S = z([
-  T("glatam-calendar-day-view")
+S = R([
+  C("glatam-calendar-day-view")
 ], S);
-const V = M`
+const et = M`
   dialog {
     background: transparent;
     border: none;
@@ -1006,35 +1046,42 @@ const V = M`
     background: rgba(255, 69, 58, 0.18);
   }
 `;
-var X = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, k = (t, e, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Z(e, a) : e, l = t.length - 1, o; l >= 0; l--)
-    (o = t[l]) && (r = (i ? o(e, a, r) : o(r)) || r);
-  return i && r && X(e, a, r), r;
+var at = Object.defineProperty, it = Object.getOwnPropertyDescriptor, E = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? it(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && at(t, a, i), i;
 };
-let x = class extends E {
+let D = class extends O {
   constructor() {
     super(...arguments), this.open = !1, this.dateString = "", this.startTime = "", this.endTime = "", this.isRange = !1, this.existingRule = null, this.description = "", this.blockAllDay = !0, this.isRecurring = !1, this.selectedDays = [];
   }
-  willUpdate(t) {
-    t.has("open") && this.open && (this.existingRule ? (this.description = "Bloqueo", this.blockAllDay = !this.existingRule.slots || this.existingRule.slots.length === 0, this.isRecurring = this.existingRule.type === "weekly", this.selectedDays = this.existingRule.daysOfWeek || []) : (this.description = "", this.blockAllDay = !this.isRange, this.isRecurring = !1, this.selectedDays = [(/* @__PURE__ */ new Date(this.dateString + "T00:00:00")).getDay()]));
+  willUpdate(e) {
+    if (e.has("open") && this.open)
+      if (this.existingRule)
+        this.description = this.existingRule.description || "", this.blockAllDay = !this.existingRule.slots || this.existingRule.slots.length === 0, this.isRecurring = this.existingRule.type === "weekly", this.selectedDays = this.existingRule.daysOfWeek || [], this.existingRule.slots && this.existingRule.slots.length > 0 && (this.startTime = this.existingRule.slots[0].start, this.endTime = this.existingRule.slots[0].end);
+      else {
+        this.description = "", this.blockAllDay = !this.isRange, this.isRecurring = !1;
+        const t = N(this.dateString);
+        this.selectedDays = [t.getDay()];
+      }
   }
-  updated(t) {
-    var e;
-    if (t.has("open")) {
-      const a = (e = this.shadowRoot) == null ? void 0 : e.getElementById("booking-dialog");
+  updated(e) {
+    var t;
+    if (e.has("open")) {
+      const a = (t = this.shadowRoot) == null ? void 0 : t.getElementById("booking-dialog");
       a && (this.open ? a.open || a.showModal() : a.open && a.close());
     }
   }
   handleDialogClose() {
     this.open && this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }));
   }
-  toggleDay(t) {
-    const e = this.selectedDays.indexOf(t);
-    this.selectedDays = e > -1 ? this.selectedDays.filter((a) => a !== t) : [...this.selectedDays, t];
+  toggleDay(e) {
+    const t = this.selectedDays.indexOf(e);
+    this.selectedDays = t > -1 ? this.selectedDays.filter((a) => a !== e) : [...this.selectedDays, e];
   }
   handleSave() {
-    const t = {
-      title: this.description || "Bloqueo",
+    const e = {
+      title: this.description.trim(),
       blockAllDay: this.blockAllDay,
       isRecurring: this.isRecurring,
       selectedDays: this.selectedDays,
@@ -1042,24 +1089,24 @@ let x = class extends E {
       startTime: this.startTime,
       endTime: this.endTime
     };
-    this.dispatchEvent(new CustomEvent("save-rule", { detail: t, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent("save-rule", { detail: e, bubbles: !0, composed: !0 }));
   }
   handleDelete() {
     this.existingRule && this.dispatchEvent(new CustomEvent("delete-rule", {
-      detail: { id: this.existingRule.id },
+      detail: { id: this.existingRule.id, dateString: this.dateString, rule: this.existingRule },
       bubbles: !0,
       composed: !0
     }));
   }
   render() {
-    const t = ["D", "L", "M", "M", "J", "V", "S"], e = this.isRange ? `${this.dateString} (${this.startTime} - ${this.endTime})` : this.dateString;
-    return d`
+    const e = ["D", "L", "M", "M", "J", "V", "S"], t = this.isRange ? `${this.dateString} (${this.startTime} - ${this.endTime})` : this.dateString;
+    return c`
       <dialog id="booking-dialog" @close=${this.handleDialogClose}>
         <div class="modal-content">
           <h3>${this.existingRule ? "Gestionar Bloqueo" : "Crear Bloqueo"}</h3>
           
           <div style="font-size: 0.85rem; color: var(--glatam-text-secondary);">
-            Selección: <strong>${e}</strong>
+            Selección: <strong>${t}</strong>
           </div>
 
           <div class="form-group">
@@ -1084,6 +1131,27 @@ let x = class extends E {
             </label>
           </div>
 
+          ${this.blockAllDay ? "" : c`
+            <div style="display: flex; gap: 12px;" class="form-group">
+              <div style="flex: 1;">
+                <label>Hora Inicio</label>
+                <input 
+                  type="time" 
+                  .value=${this.startTime} 
+                  @input=${(a) => this.startTime = a.target.value} 
+                />
+              </div>
+              <div style="flex: 1;">
+                <label>Hora Fin</label>
+                <input 
+                  type="time" 
+                  .value=${this.endTime} 
+                  @input=${(a) => this.endTime = a.target.value} 
+                />
+              </div>
+            </div>
+          `}
+
           <div class="switch-row">
             <label>Repetir semanalmente</label>
             <label class="switch">
@@ -1096,16 +1164,17 @@ let x = class extends E {
             </label>
           </div>
 
-          ${this.isRecurring ? d`
+          ${this.isRecurring ? c`
                 <div class="form-group">
                   <label>Repetir los días</label>
                   <div class="days-grid">
-                    ${[1, 2, 3, 4, 5, 6, 0].map((a) => d`
+                    ${[1, 2, 3, 4, 5, 6, 0].map((a) => c`
                       <button 
+                        type="button"
                         class="day-btn ${this.selectedDays.includes(a) ? "selected" : ""}"
                         @click=${() => this.toggleDay(a)}
                       >
-                        ${t[a]}
+                        ${e[a]}
                       </button>
                     `)}
                   </div>
@@ -1113,55 +1182,303 @@ let x = class extends E {
               ` : ""}
 
           <div class="btn-actions">
-            ${this.existingRule ? d`<button class="btn btn-danger" @click=${this.handleDelete}>Eliminar</button>` : ""}
-            <button class="btn btn-cancel" @click=${() => this.dispatchEvent(new CustomEvent("close"))}>Cancelar</button>
-            <button class="btn btn-save" @click=${this.handleSave}>Guardar</button>
+            ${this.existingRule ? c`<button type="button" class="btn btn-danger" @click=${this.handleDelete}>Eliminar</button>` : ""}
+            <button type="button" class="btn btn-cancel" @click=${() => this.dispatchEvent(new CustomEvent("close"))}>Cancelar</button>
+            <button type="button" class="btn btn-save" @click=${this.handleSave}>Guardar</button>
           </div>
         </div>
       </dialog>
     `;
   }
 };
-x.styles = V;
-k([
-  s({ type: Boolean })
-], x.prototype, "open", 2);
-k([
-  s({ type: String })
-], x.prototype, "dateString", 2);
-k([
-  s({ type: String })
-], x.prototype, "startTime", 2);
-k([
-  s({ type: String })
-], x.prototype, "endTime", 2);
-k([
-  s({ type: Boolean })
-], x.prototype, "isRange", 2);
-k([
-  s({ type: Object })
-], x.prototype, "existingRule", 2);
-k([
-  u()
-], x.prototype, "description", 2);
-k([
-  u()
-], x.prototype, "blockAllDay", 2);
-k([
-  u()
-], x.prototype, "isRecurring", 2);
-k([
-  u()
-], x.prototype, "selectedDays", 2);
-x = k([
-  T("glatam-calendar-modal")
-], x);
-var J = Object.defineProperty, K = Object.getOwnPropertyDescriptor, p = (t, e, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? K(e, a) : e, l = t.length - 1, o; l >= 0; l--)
-    (o = t[l]) && (r = (i ? o(e, a, r) : o(r)) || r);
-  return i && r && J(e, a, r), r;
+D.styles = et;
+E([
+  l({ type: Boolean })
+], D.prototype, "open", 2);
+E([
+  l({ type: String })
+], D.prototype, "dateString", 2);
+E([
+  l({ type: String })
+], D.prototype, "startTime", 2);
+E([
+  l({ type: String })
+], D.prototype, "endTime", 2);
+E([
+  l({ type: Boolean })
+], D.prototype, "isRange", 2);
+E([
+  l({ type: Object })
+], D.prototype, "existingRule", 2);
+E([
+  m()
+], D.prototype, "description", 2);
+E([
+  m()
+], D.prototype, "blockAllDay", 2);
+E([
+  m()
+], D.prototype, "isRecurring", 2);
+E([
+  m()
+], D.prototype, "selectedDays", 2);
+D = E([
+  C("glatam-calendar-modal")
+], D);
+const rt = M`
+  :host {
+    display: contents;
+    font-family: var(--glatam-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  }
+
+  dialog {
+    border: none;
+    border-radius: var(--glatam-border-radius, 16px);
+    padding: 0;
+    background: var(--glatam-bg, #ffffff);
+    color: var(--glatam-text, #1d1d1f);
+    max-width: 440px;
+    width: 90vw;
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
+    overflow: hidden;
+  }
+
+  dialog::backdrop {
+    background: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+  }
+
+  .confirmation-container {
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 18px;
+  }
+
+  .header {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .title {
+    font-size: 1.15rem;
+    font-weight: 600;
+    margin: 0;
+    color: var(--glatam-text, #1d1d1f);
+    line-height: 1.3;
+  }
+
+  .subtitle {
+    font-size: 0.88rem;
+    color: var(--glatam-text-secondary, #86868b);
+    margin: 0;
+    line-height: 1.4;
+  }
+
+  .rule-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 12px;
+    background: var(--glatam-surface, #f5f5f7);
+    border-radius: 8px;
+    font-size: 0.82rem;
+    font-weight: 500;
+    color: var(--glatam-text, #1d1d1f);
+  }
+
+  .options-group {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .option-card {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    padding: 14px 16px;
+    border: 1.5px solid var(--glatam-border, #e5e5ea);
+    border-radius: 12px;
+    background: var(--glatam-bg, #ffffff);
+    cursor: pointer;
+    text-align: left;
+    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .option-card:hover {
+    border-color: var(--glatam-primary, #5856d6);
+    background: var(--glatam-primary-light, rgba(88, 86, 214, 0.06));
+    transform: translateY(-1px);
+  }
+
+  .option-card:active {
+    transform: scale(0.99);
+  }
+
+  .option-icon {
+    font-size: 1.25rem;
+    line-height: 1;
+    margin-top: 2px;
+  }
+
+  .option-text {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+  }
+
+  .option-title {
+    font-size: 0.92rem;
+    font-weight: 600;
+    color: var(--glatam-text, #1d1d1f);
+  }
+
+  .option-desc {
+    font-size: 0.8rem;
+    color: var(--glatam-text-secondary, #86868b);
+    line-height: 1.35;
+  }
+
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 4px;
+  }
+
+  .btn-cancel {
+    padding: 10px 18px;
+    border-radius: 10px;
+    border: 1px solid var(--glatam-border, #e5e5ea);
+    background: var(--glatam-surface, #f5f5f7);
+    color: var(--glatam-text, #1d1d1f);
+    font-weight: 500;
+    font-size: 0.88rem;
+    cursor: pointer;
+    transition: background 0.15s ease;
+  }
+
+  .btn-cancel:hover {
+    background: var(--glatam-border, #e5e5ea);
+  }
+`;
+var ot = Object.defineProperty, st = Object.getOwnPropertyDescriptor, j = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? st(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && ot(t, a, i), i;
 };
-const Q = [
+let T = class extends O {
+  constructor() {
+    super(...arguments), this.open = !1, this.dateString = "", this.targetRule = null;
+  }
+  updated(e) {
+    var t;
+    if (e.has("open")) {
+      const a = (t = this.shadowRoot) == null ? void 0 : t.getElementById("series-dialog");
+      a && (this.open ? a.open || a.showModal() : a.open && a.close());
+    }
+  }
+  handleDialogClose() {
+    this.open && this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }));
+  }
+  handleSelectOption(e) {
+    this.targetRule && this.dispatchEvent(
+      new CustomEvent("confirm-action", {
+        detail: {
+          actionType: e,
+          dateString: this.dateString,
+          targetRule: this.targetRule
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  render() {
+    var t;
+    const e = ((t = this.targetRule) == null ? void 0 : t.description) || "Bloqueo recurrente";
+    return c`
+      <dialog id="series-dialog" @close=${this.handleDialogClose}>
+        <div class="confirmation-container">
+          <div class="header">
+            <h3 class="title">¿Eliminar bloqueo recurrente?</h3>
+            <p class="subtitle">
+              Este horario pertenece a una regla con patrón de repetición semanal.
+            </p>
+            <div class="rule-badge">
+              <span>📅 ${this.dateString}</span> • <span>${e}</span>
+            </div>
+          </div>
+
+          <div class="options-group">
+            <button
+              type="button"
+              class="option-card"
+              @click=${() => this.handleSelectOption("delete_instance")}
+              title="Anular la regla solo en esta fecha"
+            >
+              <span class="option-icon">🗓️</span>
+              <div class="option-text">
+                <span class="option-title">Eliminar / Liberar solo este día</span>
+                <span class="option-desc">
+                  Libera el horario exclusivamente para el ${this.dateString}. El resto de semanas continuarán bloqueadas.
+                </span>
+              </div>
+            </button>
+
+            <button
+              type="button"
+              class="option-card"
+              @click=${() => this.handleSelectOption("delete_series")}
+              title="Eliminar la regla semanal completa"
+            >
+              <span class="option-icon">🔄</span>
+              <div class="option-text">
+                <span class="option-title">Eliminar toda la serie recurrente</span>
+                <span class="option-desc">
+                  Remueve la regla semanal completa, liberando este horario para todas las semanas pasadas y futuras.
+                </span>
+              </div>
+            </button>
+          </div>
+
+          <div class="actions">
+            <button
+              type="button"
+              class="btn-cancel"
+              @click=${() => this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }))}
+            >
+              Cancelar
+            </button>
+          </div>
+        </div>
+      </dialog>
+    `;
+  }
+};
+T.styles = rt;
+j([
+  l({ type: Boolean })
+], T.prototype, "open", 2);
+j([
+  l({ type: String })
+], T.prototype, "dateString", 2);
+j([
+  l({ type: Object })
+], T.prototype, "targetRule", 2);
+T = j([
+  C("glatam-series-confirmation-modal")
+], T);
+var lt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, g = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? nt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && lt(t, a, i), i;
+};
+const dt = [
   { start: "09:00", end: "10:00" },
   { start: "10:00", end: "11:00" },
   { start: "11:00", end: "12:00" },
@@ -1172,92 +1489,112 @@ const Q = [
   { start: "16:00", end: "17:00" },
   { start: "17:00", end: "18:00" }
 ];
-let g = class extends E {
+let p = class extends O {
   constructor() {
-    super(...arguments), this.role = "provider", this.size = "medium", this.view = "month", this.locale = "es", this.startOfWeekDay = 0, this.rules = [], this.selectedDates = [], this.selectedRange = null, this.hostTimezone = "America/Bogota", this.activeTimezone = "local", this.slots = Q, this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null, this.activeDate = /* @__PURE__ */ new Date(), this.localRules = [], this.darkMode = !1, this.modalOpen = !1, this.modalDateString = "", this.modalStartTime = "", this.modalEndTime = "", this.modalIsRange = !1, this.modalExistingRule = null;
+    super(...arguments), this.role = "provider", this.size = "medium", this.view = "month", this.locale = "es", this.startOfWeekDay = 0, this.rules = [], this.selectedDates = [], this.selectedRange = null, this.hostTimezone = "America/Bogota", this.activeTimezone = "local", this.slots = dt, this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null, this.enableSeriesConfirmation = !1, this.activeDate = /* @__PURE__ */ new Date(), this.localRules = [], this.darkMode = !1, this.modalOpen = !1, this.modalDateString = "", this.modalStartTime = "", this.modalEndTime = "", this.modalIsRange = !1, this.modalExistingRule = null, this.seriesModalOpen = !1, this.seriesTargetRule = null, this.seriesTargetDateString = "";
   }
   firstUpdated() {
     this.darkMode = window.matchMedia("(prefers-color-scheme: dark)").matches, this.localRules = [...this.rules];
   }
-  willUpdate(t) {
-    t.has("rules") && (this.localRules = [...this.rules || []]);
+  willUpdate(e) {
+    e.has("rules") && this.rules !== this.localRules && (this.localRules = [...this.rules || []]);
   }
-  updated(t) {
-    t.has("darkMode") && this.classList.toggle("dark-mode", this.darkMode);
+  updated(e) {
+    e.has("darkMode") && this.classList.toggle("dark-mode", this.darkMode);
   }
   handlePrev() {
-    const t = new Date(this.activeDate);
-    this.view === "month" ? t.setMonth(t.getMonth() - 1) : this.view === "week" ? t.setDate(t.getDate() - 7) : t.setDate(t.getDate() - 1), this.activeDate = t;
+    const e = new Date(this.activeDate);
+    this.view === "month" ? e.setMonth(e.getMonth() - 1) : this.view === "week" ? e.setDate(e.getDate() - 7) : e.setDate(e.getDate() - 1), this.activeDate = e;
   }
   handleNext() {
-    const t = new Date(this.activeDate);
-    this.view === "month" ? t.setMonth(t.getMonth() + 1) : this.view === "week" ? t.setDate(t.getDate() + 7) : t.setDate(t.getDate() + 1), this.activeDate = t;
+    const e = new Date(this.activeDate);
+    this.view === "month" ? e.setMonth(e.getMonth() + 1) : this.view === "week" ? e.setDate(e.getDate() + 7) : e.setDate(e.getDate() + 1), this.activeDate = e;
   }
   getHeaderTitle() {
-    const t = this.view === "month" ? { month: "long", year: "numeric" } : this.view === "week" ? { month: "short", year: "numeric" } : { day: "numeric", month: "long", year: "numeric" };
-    return new Intl.DateTimeFormat(this.locale, t).format(this.activeDate);
-  }
-  handleDaySelect(t) {
-    const { dateString: e, isBlocked: a } = t.detail;
-    this.role === "buyer" && a || (this.activeDate = /* @__PURE__ */ new Date(e + "T00:00:00"), this.view = "day", this.dispatchEvent(new CustomEvent("date-selected", { detail: { dateString: e }, bubbles: !0, composed: !0 })));
-  }
-  handleRangeSelect(t) {
-    var $, O;
-    const { dateString: e, start: a, end: i } = t.detail, r = this.activeTimezone === "local" ? I(this.activeDate, this.hostTimezone, "local") : 0, l = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], o = this.minDate || (this.role === "buyer" ? l : "");
-    if (this.role === "buyer" && o && e < o) return;
-    const h = this.getDisplaySlots(r), n = h.findIndex((B) => B.start === a), c = h.findIndex((B) => B.end === i), m = (($ = this.slots[n]) == null ? void 0 : $.start) || a, v = ((O = this.slots[c]) == null ? void 0 : O.end) || i;
+    const e = this.view === "month" ? { month: "long", year: "numeric" } : this.view === "week" ? { month: "short", year: "numeric" } : { day: "numeric", month: "long", year: "numeric" };
+    return new Intl.DateTimeFormat(this.locale, e).format(this.activeDate);
+  }
+  handleDaySelect(e) {
+    const { dateString: t, isBlocked: a } = e.detail;
+    this.role === "buyer" && a || (this.activeDate = N(t), this.view = "day", this.dispatchEvent(new CustomEvent("date-selected", { detail: { dateString: t }, bubbles: !0, composed: !0 })));
+  }
+  handleRangeSelect(e) {
+    var W, L;
+    const { dateString: t, start: a, end: r } = e.detail, i = this.activeTimezone === "local" ? B(this.activeDate, this.hostTimezone, "local") : 0, s = z(/* @__PURE__ */ new Date()), o = this.minDate || (this.role === "buyer" ? s : "");
+    if (this.role === "buyer" && (o && t < o || this.maxDate && t > this.maxDate)) return;
+    const u = this.getDisplaySlots(i), n = a.split(" ")[0], d = r.split(" ")[0], h = u.findIndex((P) => P.start.startsWith(n)), y = u.findIndex((P) => P.end.startsWith(d)), f = ((W = this.slots[h]) == null ? void 0 : W.start) || n, I = ((L = this.slots[y]) == null ? void 0 : L.end) || d;
     if (this.role === "buyer") {
-      this.selectedRange = { dateString: e, start: a, end: i }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: { dateString: e, start: a, end: i, hostStart: m, hostEnd: v }, bubbles: !0, composed: !0 }));
+      this.selectedRange = { dateString: t, start: n, end: d }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: { dateString: t, start: n, end: d, hostStart: f, hostEnd: I }, bubbles: !0, composed: !0 }));
       return;
     }
-    this.openModal(e, m, v, !0, null);
+    this.openModal(t, f, I, !0, null);
   }
-  handleSlotClick(t) {
-    const { dateString: e, slot: a } = t.detail, i = /* @__PURE__ */ new Date(e + "T00:00:00"), r = this.activeTimezone === "local" ? I(this.activeDate, this.hostTimezone, "local") : 0, l = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], o = this.minDate || (this.role === "buyer" ? l : "");
-    if (this.role === "buyer" && (a.isBlocked || o && e < o)) return;
-    const h = this.getDisplaySlots(r), n = h.findIndex((v) => v.start === a.start), c = this.slots[n] || a;
+  handleSlotClick(e) {
+    const { dateString: t, slot: a } = e.detail, r = N(t), i = this.activeTimezone === "local" ? B(this.activeDate, this.hostTimezone, "local") : 0, s = z(/* @__PURE__ */ new Date()), o = this.minDate || (this.role === "buyer" ? s : "");
+    if (this.role === "buyer" && (a.isBlocked || o && t < o || this.maxDate && t > this.maxDate)) return;
+    const u = this.getDisplaySlots(i), n = a.start.split(" ")[0], d = u.findIndex((f) => f.start.startsWith(n)), h = this.slots[d] || a;
     if (this.role === "buyer") {
-      this.selectedRange = { dateString: e, start: a.start, end: a.end }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: { dateString: e, start: a.start, end: a.end, hostStart: c.start, hostEnd: c.end }, bubbles: !0, composed: !0 }));
+      this.selectedRange = { dateString: t, start: a.start, end: a.end }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: { dateString: t, start: a.start, end: a.end, hostStart: h.start, hostEnd: h.end }, bubbles: !0, composed: !0 }));
       return;
     }
-    const m = this.localRules.find((v) => C(i, c, [v]));
-    this.openModal(e, c.start, c.end, !0, m || null);
+    const y = this.localRules.find((f) => _(r, h, [f]));
+    this.openModal(t, h.start, h.end, !0, y || null);
   }
   handleBlockDayAction() {
-    const t = _(this.activeDate), e = this.localRules.find((a) => C(this.activeDate, void 0, [a]));
-    this.openModal(t, "", "", !1, e || null);
+    const e = z(this.activeDate), t = this.localRules.find((a) => _(this.activeDate, void 0, [a]));
+    this.openModal(e, "", "", !1, t || null);
   }
-  openModal(t, e, a, i, r) {
-    this.modalDateString = t, this.modalStartTime = e, this.modalEndTime = a, this.modalIsRange = i, this.modalExistingRule = r, this.modalOpen = !0;
+  openModal(e, t, a, r, i) {
+    this.modalDateString = e, this.modalStartTime = t, this.modalEndTime = a, this.modalIsRange = r, this.modalExistingRule = i, this.modalOpen = !0;
   }
-  handleSaveRule(t) {
-    const e = t.detail, a = this.modalExistingRule ? this.modalExistingRule.id : `rule-${Date.now()}`, i = {
+  handleSaveRule(e) {
+    var s;
+    const t = e.detail, a = this.modalExistingRule ? this.modalExistingRule.id : `rule-${Date.now()}`, r = {
       id: a,
-      type: e.isRecurring ? "weekly" : "date-range",
-      slots: e.blockAllDay ? void 0 : [{ start: e.startTime, end: e.endTime }],
-      daysOfWeek: e.isRecurring ? e.selectedDays : void 0,
-      startDate: e.isRecurring ? void 0 : e.dateString,
-      endDate: e.isRecurring ? void 0 : e.dateString,
-      description: e.title
-    };
-    this.localRules = this.modalExistingRule ? this.localRules.map((r) => r.id === a ? i : r) : [...this.localRules, i], this.modalOpen = !1, this.dispatchEvent(new CustomEvent("rules-changed", { detail: { rules: this.localRules }, bubbles: !0, composed: !0 }));
+      type: t.isRecurring ? "weekly" : "date-range",
+      slots: t.blockAllDay ? void 0 : [{ start: t.startTime, end: t.endTime }],
+      daysOfWeek: t.isRecurring ? t.selectedDays : void 0,
+      startDate: t.isRecurring ? void 0 : t.dateString,
+      endDate: t.isRecurring ? void 0 : t.dateString,
+      description: t.title,
+      exceptions: (s = this.modalExistingRule) == null ? void 0 : s.exceptions
+    }, i = this.modalExistingRule ? this.localRules.map((o) => o.id === a ? r : o) : [...this.localRules, r];
+    this.localRules = i, this.rules = i, this.modalOpen = !1, this.dispatchEvent(new CustomEvent("rules-changed", { detail: { rules: i }, bubbles: !0, composed: !0 }));
+  }
+  handleDeleteRule(e) {
+    const t = e.detail.rule || this.localRules.find((s) => s.id === e.detail.id), a = e.detail.dateString || this.modalDateString;
+    if (this.enableSeriesConfirmation && t && t.type === "weekly") {
+      this.modalOpen = !1, this.seriesTargetRule = t, this.seriesTargetDateString = a, this.seriesModalOpen = !0;
+      return;
+    }
+    const { updatedRules: r, targetRule: i } = F(this.localRules, e.detail.id);
+    if (this.localRules = r, this.rules = r, this.modalOpen = !1, i) {
+      const s = { actionType: "delete_series", targetRule: i, dateString: a, updatedRules: r };
+      this.dispatchEvent(new CustomEvent("rule-action-triggered", { detail: s, bubbles: !0, composed: !0 }));
+    }
+    this.dispatchEvent(new CustomEvent("rules-changed", { detail: { rules: r }, bubbles: !0, composed: !0 }));
   }
-  handleDeleteRule(t) {
-    this.localRules = this.localRules.filter((e) => e.id !== t.detail.id), this.modalOpen = !1, this.dispatchEvent(new CustomEvent("rules-changed", { detail: { rules: this.localRules }, bubbles: !0, composed: !0 }));
+  handleConfirmSeriesAction(e) {
+    const { actionType: t, dateString: a, targetRule: r } = e.detail, { updatedRules: i, targetRule: s } = t === "delete_instance" ? V(this.localRules, r.id, a) : F(this.localRules, r.id);
+    if (this.localRules = i, this.rules = i, this.seriesModalOpen = !1, s) {
+      const o = { actionType: t, targetRule: s, dateString: a, updatedRules: i };
+      this.dispatchEvent(new CustomEvent("rule-action-triggered", { detail: o, bubbles: !0, composed: !0 }));
+    }
+    this.dispatchEvent(new CustomEvent("rules-changed", { detail: { rules: i }, bubbles: !0, composed: !0 }));
   }
-  getDisplaySlots(t) {
-    return t === 0 ? this.slots : this.slots.map((e) => {
-      const a = U(e, t), i = a.dayShift > 0 ? " (+1d)" : a.dayShift < 0 ? " (-1d)" : "";
-      return { start: a.start + i, end: a.end + i };
+  getDisplaySlots(e) {
+    return e === 0 ? this.slots : this.slots.map((t) => {
+      const a = G(t, e), r = a.dayShift > 0 ? " (+1d)" : a.dayShift < 0 ? " (-1d)" : "";
+      return { start: a.start + r, end: a.end + r };
     });
   }
   render() {
-    var h;
-    const t = this.activeDate.getFullYear(), e = this.activeDate.getMonth(), a = C(this.activeDate, void 0, this.localRules), i = this.activeTimezone === "local" ? I(this.activeDate, this.hostTimezone, "local") : 0, r = this.getDisplaySlots(i), l = (n) => n.map((c) => ({ ...c, slots: c.slots.map((m, v) => {
-      var $, O;
-      return { ...m, start: (($ = r[v]) == null ? void 0 : $.start) || m.start, end: ((O = r[v]) == null ? void 0 : O.end) || m.end };
-    }) })), o = ((h = this.hostTimezone.split("/").pop()) == null ? void 0 : h.replace("_", " ")) || "Anfitrión";
-    return d`
+    var u;
+    const e = this.activeDate.getFullYear(), t = this.activeDate.getMonth(), a = _(this.activeDate, void 0, this.localRules), r = this.activeTimezone === "local" ? B(this.activeDate, this.hostTimezone, "local") : 0, i = this.getDisplaySlots(r), s = (n) => n.map((d) => ({ ...d, slots: d.slots.map((h, y) => {
+      var f, I;
+      return { ...h, start: ((f = i[y]) == null ? void 0 : f.start) || h.start, end: ((I = i[y]) == null ? void 0 : I.end) || h.end };
+    }) })), o = ((u = this.hostTimezone.split("/").pop()) == null ? void 0 : u.replace("_", " ")) || "Anfitrión";
+    return c`
       <div class="calendar-header">
         <div class="nav-group">
           <button class="btn" @click=${() => this.activeDate = /* @__PURE__ */ new Date()}>Hoy</button>
@@ -1267,7 +1604,7 @@ let g = class extends E {
         </div>
         
         <div class="view-group">
-          ${this.role === "provider" ? d`
+          ${this.role === "provider" ? c`
             <div class="timezone-badge">
               🌐 Zona:
               <select class="timezone-select" @change=${(n) => this.activeTimezone = n.target.value}>
@@ -1276,7 +1613,7 @@ let g = class extends E {
               </select>
             </div>
           ` : ""}
-          ${this.role === "provider" && this.view === "day" ? d`<button class="btn btn-primary" @click=${this.handleBlockDayAction} style="margin-right: 8px;">${a ? "Liberar Día" : "Bloquear Día"}</button>` : ""}
+          ${this.role === "provider" && this.view === "day" ? c`<button class="btn btn-primary" @click=${this.handleBlockDayAction} style="margin-right: 8px;">${a ? "Liberar Día" : "Bloquear Día"}</button>` : ""}
           <button class="btn" @click=${() => this.darkMode = !this.darkMode} style="margin-right: 8px;">${this.darkMode ? "☀️" : "🌙"}</button>
           <div class="btn-group">
             <button class="btn ${this.view === "month" ? "active" : ""}" @click=${() => this.view = "month"}>Mes</button>
@@ -1287,7 +1624,7 @@ let g = class extends E {
       </div>
 
       <div class="calendar-body">
-        ${this.view === "month" ? d`<glatam-calendar-month-view .days=${P(t, e, this.localRules, this.slots, this.startOfWeekDay)} .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${this.size} .minDate=${this.minDate || (this.role === "buyer" ? (/* @__PURE__ */ new Date()).toISOString().split("T")[0] : "")} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth} .tileClassName=${this.tileClassName} @day-select=${this.handleDaySelect}></glatam-calendar-month-view>` : this.view === "week" ? d`<glatam-calendar-week-view .days=${l(j(this.activeDate, this.localRules, this.slots, this.startOfWeekDay))} .slots=${r} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-week-view>` : d`<glatam-calendar-day-view .day=${l(j(this.activeDate, this.localRules, this.slots, this.startOfWeekDay)).find((n) => n.dateString === _(this.activeDate)) || null} .slots=${r} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-day-view>`}
+        ${this.view === "month" ? c`<glatam-calendar-month-view .days=${Y(e, t, this.localRules, this.slots, this.startOfWeekDay)} .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${this.size} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth} .tileClassName=${this.tileClassName} @day-select=${this.handleDaySelect}></glatam-calendar-month-view>` : this.view === "week" ? c`<glatam-calendar-week-view .days=${s(U(this.activeDate, this.localRules, this.slots, this.startOfWeekDay))} .slots=${i} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-week-view>` : c`<glatam-calendar-day-view .day=${s(U(this.activeDate, this.localRules, this.slots, this.startOfWeekDay)).find((n) => n.dateString === z(this.activeDate)) || null} .slots=${i} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-day-view>`}
       </div>
 
       <glatam-calendar-modal
@@ -1295,91 +1632,160 @@ let g = class extends E {
         .isRange=${this.modalIsRange} .existingRule=${this.modalExistingRule} @save-rule=${this.handleSaveRule}
         @delete-rule=${this.handleDeleteRule} @close=${() => this.modalOpen = !1}
       ></glatam-calendar-modal>
+
+      <glatam-series-confirmation-modal
+        .open=${this.seriesModalOpen} .dateString=${this.seriesTargetDateString} .targetRule=${this.seriesTargetRule}
+        @confirm-action=${this.handleConfirmSeriesAction} @close=${() => this.seriesModalOpen = !1}
+      ></glatam-series-confirmation-modal>
     `;
   }
 };
-g.styles = [A, W];
-p([
-  s({ type: String })
-], g.prototype, "role", 2);
-p([
-  s({ type: String, reflect: !0 })
-], g.prototype, "size", 2);
-p([
-  s({ type: String })
-], g.prototype, "view", 2);
-p([
-  s({ type: String })
-], g.prototype, "locale", 2);
-p([
-  s({ type: Number })
-], g.prototype, "startOfWeekDay", 2);
-p([
-  s({ type: Array })
-], g.prototype, "rules", 2);
-p([
-  s({ type: Array })
-], g.prototype, "selectedDates", 2);
-p([
-  s({ type: Object })
-], g.prototype, "selectedRange", 2);
-p([
-  s({ type: String })
-], g.prototype, "hostTimezone", 2);
-p([
-  s({ type: String })
-], g.prototype, "activeTimezone", 2);
-p([
-  s({ type: Array })
-], g.prototype, "slots", 2);
-p([
-  s({ type: String })
-], g.prototype, "minDate", 2);
-p([
-  s({ type: String })
-], g.prototype, "maxDate", 2);
-p([
-  s({ type: Boolean })
-], g.prototype, "showNeighboringMonth", 2);
-p([
-  s({ attribute: !1 })
-], g.prototype, "tileClassName", 2);
-p([
-  u()
-], g.prototype, "activeDate", 2);
-p([
-  u()
-], g.prototype, "localRules", 2);
-p([
-  u()
-], g.prototype, "darkMode", 2);
-p([
-  u()
-], g.prototype, "modalOpen", 2);
-p([
-  u()
-], g.prototype, "modalDateString", 2);
-p([
-  u()
-], g.prototype, "modalStartTime", 2);
-p([
-  u()
-], g.prototype, "modalEndTime", 2);
-p([
-  u()
-], g.prototype, "modalIsRange", 2);
-p([
-  u()
-], g.prototype, "modalExistingRule", 2);
-g = p([
-  T("glatam-calendar")
-], g);
-var tt = Object.defineProperty, et = Object.getOwnPropertyDescriptor, y = (t, e, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? et(e, a) : e, l = t.length - 1, o; l >= 0; l--)
-    (o = t[l]) && (r = (i ? o(e, a, r) : o(r)) || r);
-  return i && r && tt(e, a, r), r;
+p.styles = [H, q];
+g([
+  l({ type: String })
+], p.prototype, "role", 2);
+g([
+  l({ type: String, reflect: !0 })
+], p.prototype, "size", 2);
+g([
+  l({ type: String })
+], p.prototype, "view", 2);
+g([
+  l({ type: String })
+], p.prototype, "locale", 2);
+g([
+  l({ type: Number })
+], p.prototype, "startOfWeekDay", 2);
+g([
+  l({ type: Array })
+], p.prototype, "rules", 2);
+g([
+  l({ type: Array })
+], p.prototype, "selectedDates", 2);
+g([
+  l({ type: Object })
+], p.prototype, "selectedRange", 2);
+g([
+  l({ type: String })
+], p.prototype, "hostTimezone", 2);
+g([
+  l({ type: String })
+], p.prototype, "activeTimezone", 2);
+g([
+  l({ type: Array })
+], p.prototype, "slots", 2);
+g([
+  l({ type: String })
+], p.prototype, "minDate", 2);
+g([
+  l({ type: String })
+], p.prototype, "maxDate", 2);
+g([
+  l({ type: Boolean })
+], p.prototype, "showNeighboringMonth", 2);
+g([
+  l({ attribute: !1 })
+], p.prototype, "tileClassName", 2);
+g([
+  l({ type: Boolean, attribute: "enable-series-confirmation" })
+], p.prototype, "enableSeriesConfirmation", 2);
+g([
+  m()
+], p.prototype, "activeDate", 2);
+g([
+  m()
+], p.prototype, "localRules", 2);
+g([
+  m()
+], p.prototype, "darkMode", 2);
+g([
+  m()
+], p.prototype, "modalOpen", 2);
+g([
+  m()
+], p.prototype, "modalDateString", 2);
+g([
+  m()
+], p.prototype, "modalStartTime", 2);
+g([
+  m()
+], p.prototype, "modalEndTime", 2);
+g([
+  m()
+], p.prototype, "modalIsRange", 2);
+g([
+  m()
+], p.prototype, "modalExistingRule", 2);
+g([
+  m()
+], p.prototype, "seriesModalOpen", 2);
+g([
+  m()
+], p.prototype, "seriesTargetRule", 2);
+g([
+  m()
+], p.prototype, "seriesTargetDateString", 2);
+p = g([
+  C("glatam-calendar")
+], p);
+const ct = M`
+  :host {
+    display: inline-block;
+    background: transparent;
+    border: none;
+    padding: 0;
+    box-shadow: none;
+    width: 100%;
+    overflow: visible !important;
+  }
+
+  .mini-calendar-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 4px 8px;
+    margin-bottom: 8px;
+    user-select: none;
+  }
+
+  .mini-month-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--glatam-text);
+    text-transform: capitalize;
+    letter-spacing: -0.01em;
+  }
+
+  .mini-nav-btn {
+    background: transparent;
+    border: 1px solid var(--glatam-border);
+    border-radius: 8px;
+    color: var(--glatam-text);
+    width: 28px;
+    height: 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    font-size: 0.75rem;
+    transition: background-color var(--glatam-transition-fast), border-color var(--glatam-transition-fast), transform var(--glatam-transition-fast);
+  }
+
+  .mini-nav-btn:hover:not(:disabled) {
+    background-color: var(--glatam-surface);
+    border-color: var(--glatam-text-secondary);
+  }
+
+  .mini-nav-btn:active:not(:disabled) {
+    transform: scale(0.95);
+  }
+`;
+var pt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, v = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? gt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
+  return r && i && pt(t, a, i), i;
 };
-let b = class extends E {
+let b = class extends O {
   constructor() {
     super(...arguments), this.role = "buyer", this.locale = "es", this.startOfWeekDay = 0, this.rules = [], this.selectedRange = null, this.size = "medium", this.hostTimezone = "America/Bogota", this.activeTimezone = "local", this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null, this.slots = [
       { start: "09:00", end: "10:00" },
@@ -1391,241 +1797,168 @@ let b = class extends E {
       { start: "15:00", end: "16:00" },
       { start: "16:00", end: "17:00" },
       { start: "17:00", end: "18:00" }
-    ], this.activeDate = /* @__PURE__ */ new Date(), this.dropdownOpen = !1, this.dropdownSelectedDateString = "", this.touchStartX = 0, this.touchStartY = 0;
+    ], this.activeDate = /* @__PURE__ */ new Date(), this.dropdownOpen = !1, this.dropdownSelectedDateString = "", this.touchStartX = 0, this.touchStartY = 0, this.handleOutsideClick = (e) => {
+      this.dropdownOpen && !e.composedPath().includes(this) && (this.dropdownOpen = !1, this.dropdownSelectedDateString = "");
+    }, this.handleKeyDown = (e) => {
+      e.key === "Escape" && this.dropdownOpen && (this.dropdownOpen = !1, this.dropdownSelectedDateString = "");
+    };
   }
-  handlePrevMonth(t) {
-    t.stopPropagation();
-    const e = new Date(this.activeDate);
-    e.setMonth(e.getMonth() - 1), this.activeDate = e;
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("click", this.handleOutsideClick), window.addEventListener("keydown", this.handleKeyDown);
   }
-  handleNextMonth(t) {
-    t.stopPropagation();
-    const e = new Date(this.activeDate);
-    e.setMonth(e.getMonth() + 1), this.activeDate = e;
+  disconnectedCallback() {
+    window.removeEventListener("click", this.handleOutsideClick), window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
+  }
+  toggleDropdown(e) {
+    e.stopPropagation(), this.dropdownOpen = !this.dropdownOpen, this.dropdownOpen || (this.dropdownSelectedDateString = "");
+  }
+  handlePrevMonth(e) {
+    e.stopPropagation();
+    const t = new Date(this.activeDate);
+    t.setMonth(t.getMonth() - 1), this.activeDate = t;
+  }
+  handleNextMonth(e) {
+    e.stopPropagation();
+    const t = new Date(this.activeDate);
+    t.setMonth(t.getMonth() + 1), this.activeDate = t;
   }
-  handleTouchStart(t) {
-    t.touches && t.touches.length > 0 && (this.touchStartX = t.touches[0].clientX, this.touchStartY = t.touches[0].clientY);
+  handleTouchStart(e) {
+    e.touches && e.touches.length > 0 && (this.touchStartX = e.touches[0].clientX, this.touchStartY = e.touches[0].clientY);
   }
-  handleTouchEnd(t) {
-    if (t.changedTouches && t.changedTouches.length > 0) {
-      const e = t.changedTouches[0].clientX, a = t.changedTouches[0].clientY, i = this.touchStartX - e, r = this.touchStartY - a;
-      Math.abs(i) > 50 && Math.abs(i) > Math.abs(r) && (i > 0 ? this.handleNextMonth(t) : this.handlePrevMonth(t));
+  handleTouchEnd(e) {
+    if (e.changedTouches && e.changedTouches.length > 0) {
+      const t = this.touchStartX - e.changedTouches[0].clientX, a = this.touchStartY - e.changedTouches[0].clientY;
+      Math.abs(t) > 50 && Math.abs(t) > Math.abs(a) && (t > 0 ? this.handleNextMonth(e) : this.handlePrevMonth(e));
     }
   }
   getFormattedMonthTitle() {
-    const t = this.activeDate.toLocaleDateString(this.locale || "es", { month: "long", year: "numeric" });
-    return t.charAt(0).toUpperCase() + t.slice(1);
+    const e = this.activeDate.toLocaleDateString(this.locale || "es", { month: "long", year: "numeric" });
+    return e.charAt(0).toUpperCase() + e.slice(1);
   }
-  handleDropdownDaySelect(t) {
-    this.dropdownSelectedDateString = t.detail.dateString;
+  handleDropdownDaySelect(e) {
+    this.dropdownSelectedDateString = e.detail.dateString;
   }
-  selectDropdownSlot(t) {
-    const e = {
+  selectDropdownSlot(e) {
+    const t = {
       dateString: this.dropdownSelectedDateString,
-      start: t.displayStart,
-      end: t.displayEnd,
-      hostStart: t.start,
-      hostEnd: t.end
+      start: e.displayStart,
+      end: e.displayEnd,
+      hostStart: e.start,
+      hostEnd: e.end
     };
-    this.selectedRange = { dateString: this.dropdownSelectedDateString, start: t.displayStart, end: t.displayEnd }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: e, bubbles: !0, composed: !0 })), this.dropdownOpen = !1, this.dropdownSelectedDateString = "";
+    this.selectedRange = { dateString: this.dropdownSelectedDateString, start: e.displayStart, end: e.displayEnd }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: t, bubbles: !0, composed: !0 })), this.dropdownOpen = !1, this.dropdownSelectedDateString = "";
   }
   render() {
-    const t = this.selectedRange ? `Reserva: ${this.selectedRange.dateString} (${this.selectedRange.start} - ${this.selectedRange.end})` : "Seleccionar Fecha y Hora", e = this.activeDate.getFullYear(), a = this.activeDate.getMonth(), i = this.dropdownSelectedDateString ? /* @__PURE__ */ new Date(this.dropdownSelectedDateString + "T00:00:00") : null, r = i && this.activeTimezone === "local" ? I(i, this.hostTimezone, "local") : 0, l = i ? this.slots.map((o) => {
-      const h = C(i, o, this.rules), n = U(o, r), c = n.dayShift > 0 ? " (+1d)" : n.dayShift < 0 ? " (-1d)" : "";
-      return {
-        ...o,
-        displayStart: n.start + c,
-        displayEnd: n.end + c,
-        isBlocked: h
-      };
+    const e = this.selectedRange ? `Reserva: ${this.selectedRange.dateString} (${this.selectedRange.start} - ${this.selectedRange.end})` : "Seleccionar Fecha y Hora", t = this.activeDate.getFullYear(), a = this.activeDate.getMonth(), r = this.dropdownSelectedDateString ? N(this.dropdownSelectedDateString) : null, i = r && this.activeTimezone === "local" ? B(r, this.hostTimezone, "local") : 0, s = r ? this.slots.map((o) => {
+      const u = _(r, o, this.rules), n = G(o, i), d = n.dayShift > 0 ? " (+1d)" : n.dayShift < 0 ? " (-1d)" : "";
+      return { ...o, displayStart: n.start + d, displayEnd: n.end + d, isBlocked: u };
     }) : [];
-    return d`
+    return c`
       <div class="dropdown-container">
-        <button class="btn btn-primary dropdown-toggle" @click=${() => this.dropdownOpen = !this.dropdownOpen}>
-          <span>${t}</span> <span>${this.dropdownOpen ? "▲" : "▼"}</span>
+        <button class="btn btn-primary dropdown-toggle" @click=${this.toggleDropdown}>
+          <span>${e}</span> <span>${this.dropdownOpen ? "▲" : "▼"}</span>
         </button>
 
-        ${this.dropdownOpen ? d`
-              <div class="dropdown-card" style="--glatam-day-min-height: 38px;">
-                ${this.dropdownSelectedDateString ? d`
-                      <div style="display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid var(--glatam-border); padding-bottom:8px;">
-                        <button class="btn" style="height:28px; padding:0 8px; font-size:0.75rem;" @click=${() => this.dropdownSelectedDateString = ""}>&lt; Volver</button>
-                        <span style="font-size:0.8rem; font-weight:600; color: var(--glatam-text);">${this.dropdownSelectedDateString}</span>
-                      </div>
-                      <div class="slot-list">
-                        ${l.map((o) => d`
-                          <button
-                            class="slot-btn ${o.isBlocked ? "blocked" : ""}"
-                            ?disabled=${o.isBlocked}
-                            @click=${() => this.selectDropdownSlot(o)}
-                          >
-                            ${o.displayStart} - ${o.displayEnd} ${o.isBlocked ? "(Ocupado)" : ""}
-                          </button>
-                        `)}
-                      </div>
-                    ` : d`
-                      <div class="mini-calendar-header">
-                        <button
-                          type="button"
-                          class="mini-nav-btn"
-                          aria-label="Mes anterior"
-                          @click=${this.handlePrevMonth}
-                        >
-                          &lt;
-                        </button>
-                        <span class="mini-month-title">
-                          ${this.getFormattedMonthTitle()}
-                        </span>
-                        <button
-                          type="button"
-                          class="mini-nav-btn"
-                          aria-label="Mes siguiente"
-                          @click=${this.handleNextMonth}
-                        >
-                          &gt;
-                        </button>
-                      </div>
-                      <div
-                        class="mini-calendar-touch-wrapper"
-                        @touchstart=${this.handleTouchStart}
-                        @touchend=${this.handleTouchEnd}
-                      >
-                        <glatam-calendar-month-view
-                          .days=${P(e, a, this.rules, this.slots, this.startOfWeekDay)}
-                          .locale=${this.locale}
-                          .startOfWeekDay=${this.startOfWeekDay}
-                          .role=${this.role}
-                          size="small"
-                          .minDate=${this.minDate}
-                          .maxDate=${this.maxDate}
-                          .showNeighboringMonth=${this.showNeighboringMonth}
-                          .tileClassName=${this.tileClassName}
-                          @day-select=${this.handleDropdownDaySelect}
-                        ></glatam-calendar-month-view>
-                      </div>
-                    `}
+        ${this.dropdownOpen ? c`
+          <div class="dropdown-card" style="--glatam-day-min-height: 38px;">
+            ${this.dropdownSelectedDateString ? c`
+              <div style="display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid var(--glatam-border); padding-bottom:8px;">
+                <button type="button" class="btn" style="height:28px; padding:0 8px; font-size:0.75rem;" @click=${() => this.dropdownSelectedDateString = ""}>&lt; Volver</button>
+                <span style="font-size:0.8rem; font-weight:600; color: var(--glatam-text);">${this.dropdownSelectedDateString}</span>
+              </div>
+              <div class="slot-list">
+                ${s.map((o) => c`
+                  <button type="button" class="slot-btn ${o.isBlocked ? "blocked" : ""}" ?disabled=${o.isBlocked} @click=${() => this.selectDropdownSlot(o)}>
+                    ${o.displayStart} - ${o.displayEnd} ${o.isBlocked ? "(Ocupado)" : ""}
+                  </button>
+                `)}
+              </div>
+            ` : c`
+              <div class="mini-calendar-header">
+                <button type="button" class="mini-nav-btn" aria-label="Mes anterior" @click=${this.handlePrevMonth}>&lt;</button>
+                <span class="mini-month-title">${this.getFormattedMonthTitle()}</span>
+                <button type="button" class="mini-nav-btn" aria-label="Mes siguiente" @click=${this.handleNextMonth}>&gt;</button>
               </div>
-            ` : ""}
+              <div class="mini-calendar-touch-wrapper" @touchstart=${this.handleTouchStart} @touchend=${this.handleTouchEnd}>
+                <glatam-calendar-month-view
+                  .days=${Y(t, a, this.rules, this.slots, this.startOfWeekDay)}
+                  .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${"small"}
+                  .minDate=${this.minDate} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth}
+                  .tileClassName=${this.tileClassName} @day-select=${this.handleDropdownDaySelect}
+                ></glatam-calendar-month-view>
+              </div>
+            `}
+          </div>
+        ` : ""}
       </div>
     `;
   }
 };
-b.styles = [
-  A,
-  W,
-  M`
-      :host {
-        display: inline-block;
-        background: transparent;
-        border: none;
-        padding: 0;
-        box-shadow: none;
-        width: 100%;
-      }
-
-      .mini-calendar-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 4px 8px;
-        margin-bottom: 8px;
-        user-select: none;
-      }
-
-      .mini-month-title {
-        font-size: 0.875rem;
-        font-weight: 600;
-        color: var(--glatam-text);
-        text-transform: capitalize;
-        letter-spacing: -0.01em;
-      }
-
-      .mini-nav-btn {
-        background: transparent;
-        border: 1px solid var(--glatam-border);
-        border-radius: 8px;
-        color: var(--glatam-text);
-        width: 28px;
-        height: 28px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        font-size: 0.75rem;
-        transition: background-color var(--glatam-transition-fast), border-color var(--glatam-transition-fast), transform var(--glatam-transition-fast);
-      }
-
-      .mini-nav-btn:hover:not(:disabled) {
-        background-color: var(--glatam-surface);
-        border-color: var(--glatam-text-secondary);
-      }
-
-      .mini-nav-btn:active:not(:disabled) {
-        transform: scale(0.95);
-      }
-    `
-];
-y([
-  s({ type: String })
+b.styles = [H, q, ct];
+v([
+  l({ type: String })
 ], b.prototype, "role", 2);
-y([
-  s({ type: String })
+v([
+  l({ type: String })
 ], b.prototype, "locale", 2);
-y([
-  s({ type: Number })
+v([
+  l({ type: Number })
 ], b.prototype, "startOfWeekDay", 2);
-y([
-  s({ type: Array })
+v([
+  l({ type: Array })
 ], b.prototype, "rules", 2);
-y([
-  s({ type: Object })
+v([
+  l({ type: Object })
 ], b.prototype, "selectedRange", 2);
-y([
-  s({ type: String, reflect: !0 })
+v([
+  l({ type: String, reflect: !0 })
 ], b.prototype, "size", 2);
-y([
-  s({ type: String })
+v([
+  l({ type: String })
 ], b.prototype, "hostTimezone", 2);
-y([
-  s({ type: String })
+v([
+  l({ type: String })
 ], b.prototype, "activeTimezone", 2);
-y([
-  s({ type: String })
+v([
+  l({ type: String })
 ], b.prototype, "minDate", 2);
-y([
-  s({ type: String })
+v([
+  l({ type: String })
 ], b.prototype, "maxDate", 2);
-y([
-  s({ type: Boolean })
+v([
+  l({ type: Boolean })
 ], b.prototype, "showNeighboringMonth", 2);
-y([
-  s({ attribute: !1 })
+v([
+  l({ attribute: !1 })
 ], b.prototype, "tileClassName", 2);
-y([
-  s({ type: Array })
+v([
+  l({ type: Array })
 ], b.prototype, "slots", 2);
-y([
-  u()
+v([
+  m()
 ], b.prototype, "activeDate", 2);
-y([
-  u()
+v([
+  m()
 ], b.prototype, "dropdownOpen", 2);
-y([
-  u()
+v([
+  m()
 ], b.prototype, "dropdownSelectedDateString", 2);
-b = y([
-  T("glatam-calendar-mini")
+b = v([
+  C("glatam-calendar-mini")
 ], b);
 export {
-  g as GlatamCalendar,
+  p as GlatamCalendar,
   S as GlatamCalendarDayView,
   b as GlatamCalendarMini,
-  x as GlatamCalendarModal,
-  f as GlatamCalendarMonthView,
-  w as GlatamCalendarWeekView,
-  W as calendarStyles,
-  nt as formatISODate,
-  dt as isTimeBlocked,
-  ct as parseISODate,
-  A as variablesStyles
+  D as GlatamCalendarModal,
+  w as GlatamCalendarMonthView,
+  x as GlatamCalendarWeekView,
+  T as GlatamSeriesConfirmationModal,
+  q as calendarStyles,
+  F as deleteSeries,
+  V as deleteSingleInstance,
+  yt as formatISODate,
+  xt as isTimeBlocked,
+  wt as parseISODate,
+  H as variablesStyles
 };