@forcecalendar/interface 1.0.20 → 1.0.22

package/dist/force-calendar-interface.esm.js

@@ -1,6 +1,6 @@
-var V = Object.defineProperty;
-var W = (u, e, t) => e in u ? V(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var $ = (u, e, t) => W(u, typeof e != "symbol" ? e + "" : e, t);
+var W = Object.defineProperty;
+var j = (u, e, t) => e in u ? W(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var _ = (u, e, t) => j(u, typeof e != "symbol" ? e + "" : e, t);
 class O extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
@@ -108,7 +108,7 @@ class O extends HTMLElement {
     this.setProp(e, s), this._initialized && this.render();
   }
 }
-class j {
+class Z {
   constructor() {
     this.timezones = {
       // UTC
@@ -691,7 +691,7 @@ class C {
     k && k.clearCache(), k = null;
   }
   constructor() {
-    this.database = new j(), this.offsetCache = /* @__PURE__ */ new Map(), this.dstCache = /* @__PURE__ */ new Map(), this.maxCacheSize = 1e3, this.cacheHits = 0, this.cacheMisses = 0;
+    this.database = new Z(), this.offsetCache = /* @__PURE__ */ new Map(), this.dstCache = /* @__PURE__ */ new Map(), this.maxCacheSize = 1e3, this.cacheHits = 0, this.cacheMisses = 0;
   }
   /**
    * Convert date from one timezone to another
@@ -984,7 +984,7 @@ class w {
    */
   static normalize(e) {
     const t = { ...e };
-    return t.start && (t.start = new Date(t.start)), t.end && (t.end = new Date(t.end)), t.end || (t.end = t.start ? new Date(t.start) : null), t.allDay && t.start && (t.start.setHours(0, 0, 0, 0), t.end && t.end.setHours(23, 59, 59, 999)), t.id = String(t.id || "").trim(), t.title = String(t.title || "").trim(), t.description = String(t.description || "").trim(), t.location = String(t.location || "").trim(), t.attendees = Array.isArray(t.attendees) ? t.attendees : [], t.reminders = Array.isArray(t.reminders) ? t.reminders : [], e.category && !e.categories ? t.categories = [e.category] : t.categories ? t.categories = Array.isArray(t.categories) ? t.categories : [] : t.categories = [], t.attachments = Array.isArray(t.attachments) ? t.attachments : [], ["confirmed", "tentative", "cancelled"].includes(t.status) || (t.status = "confirmed"), ["public", "private", "confidential"].includes(t.visibility) || (t.visibility = "public"), t.color && !t.backgroundColor && (t.backgroundColor = t.color), t.color && !t.borderColor && (t.borderColor = t.color), t;
+    return t.start && (t.start = new Date(t.start)), t.end && (t.end = new Date(t.end)), t.end || (t.end = t.start ? new Date(t.start) : null), t.allDay && t.start && (t.start.setHours(0, 0, 0, 0), t.end && t.end.setHours(23, 59, 59, 999)), t.id = String(t.id || "").trim(), t.title = String(t.title || "").trim(), t.description = String(t.description || "").trim(), t.location = String(t.location || "").trim(), t.attendees = Array.isArray(t.attendees) ? t.attendees : [], t.reminders = Array.isArray(t.reminders) ? t.reminders : [], e.category && !e.categories ? t.categories = [e.category] : t.categories ? t.categories = Array.isArray(t.categories) ? t.categories : [] : t.categories = [], t.attachments = Array.isArray(t.attachments) ? t.attachments : [], t.recurrence && !t.recurrenceRule && (t.recurrenceRule = t.recurrence), t.recurrenceRule && (t.recurring = !0), ["confirmed", "tentative", "cancelled"].includes(t.status) || (t.status = "confirmed"), ["public", "private", "confidential"].includes(t.visibility) || (t.visibility = "public"), t.color && !t.backgroundColor && (t.backgroundColor = t.color), t.color && !t.borderColor && (t.borderColor = t.color), t;
   }
   /**
    * Validate event data
@@ -1042,21 +1042,23 @@ class w {
     textColor: h = null,
     recurring: d = !1,
     recurrenceRule: p = null,
-    timeZone: b = null,
-    endTimeZone: v = null,
-    status: M = "confirmed",
-    visibility: D = "public",
-    organizer: T = null,
-    attendees: A = [],
-    reminders: I = [],
-    category: R,
+    recurrence: b = null,
+    // Backward-compatible alias for recurrenceRule
+    timeZone: v = null,
+    endTimeZone: M = null,
+    status: D = "confirmed",
+    visibility: T = "public",
+    organizer: A = null,
+    attendees: I = [],
+    reminders: R = [],
+    category: B,
     // Support singular category (no default)
-    categories: B,
+    categories: U,
     // Support plural categories (no default)
-    attachments: U = [],
-    conferenceData: Y = null,
-    metadata: N = {},
-    ...P
+    attachments: Y = [],
+    conferenceData: N = null,
+    metadata: P = {},
+    ...V
     // Capture any extra properties
   }) {
     const g = w.normalize({
@@ -1073,21 +1075,22 @@ class w {
       textColor: h,
       recurring: d,
       recurrenceRule: p,
-      timeZone: b,
-      endTimeZone: v,
-      status: M,
-      visibility: D,
-      organizer: T,
-      attendees: A,
-      reminders: I,
-      category: R,
+      recurrence: b,
+      timeZone: v,
+      endTimeZone: M,
+      status: D,
+      visibility: T,
+      organizer: A,
+      attendees: I,
+      reminders: R,
+      category: B,
       // Pass category to normalize
-      categories: B,
+      categories: U,
       // Pass categories to normalize
-      attachments: U,
-      conferenceData: Y,
-      metadata: N,
-      ...P
+      attachments: Y,
+      conferenceData: N,
+      metadata: P,
+      ...V
       // Pass any extra properties
     });
     w.validate(g), this.id = g.id, this.title = g.title, this._timezoneManager = C.getInstance(), this.timeZone = g.timeZone || this._timezoneManager.getSystemTimezone(), this.endTimeZone = g.endTimeZone || this.timeZone, this.start = g.start, this.end = g.end, this.startUTC = this._timezoneManager.toUTC(this.start, this.timeZone), this.endUTC = this._timezoneManager.toUTC(this.end, this.endTimeZone), this.allDay = g.allDay, this.description = g.description, this.location = g.location, this.color = g.color, this.backgroundColor = g.backgroundColor, this.borderColor = g.borderColor, this.textColor = g.textColor, this.recurring = g.recurring, this.recurrenceRule = g.recurrenceRule, this._originalTimeZone = g.timeZone || null, this.status = g.status, this.visibility = g.visibility, this.organizer = g.organizer, this.attendees = [...g.attendees], this.reminders = [...g.reminders], this.categories = g.categories ? [...g.categories] : [], this.attachments = [...g.attachments], this.conferenceData = g.conferenceData, this.metadata = { ...g.metadata }, this._cache = {}, this._validateAttendees(), this._validateReminders();
@@ -1157,6 +1160,13 @@ class w {
   isRecurring() {
     return this.recurring && this.recurrenceRule !== null;
   }
+  /**
+   * Backward-compatible alias for recurrenceRule
+   * @returns {import('../../types.js').RecurrenceRule|string|null}
+   */
+  get recurrence() {
+    return this.recurrenceRule;
+  }
   /**
    * Check if event occurs on a specific date
    * @param {Date|string} date - The date to check
@@ -1214,6 +1224,7 @@ class w {
       textColor: this.textColor,
       recurring: this.recurring,
       recurrenceRule: this.recurrenceRule,
+      recurrence: this.recurrenceRule,
       timeZone: this.timeZone,
       status: this.status,
       visibility: this.visibility,
@@ -1952,7 +1963,7 @@ let f = class y {
     return new Date(d);
   }
 };
-class Z {
+class q {
   /**
    * Parse an RRULE string into a structured rule object
    * @param {string|Object} rrule - RRULE string or rule object
@@ -2206,7 +2217,7 @@ class Z {
     return e.count ? r += `, ${e.count} time${e.count > 1 ? "s" : ""}` : e.until && (r += `, until ${e.until.toLocaleDateString()}`), r;
   }
 }
-class q {
+class K {
   /**
    * Expand a recurring event into individual occurrences
    * @param {import('./Event.js').Event} event - The recurring event
@@ -2258,7 +2269,7 @@ class q {
    * @returns {import('../../types.js').RecurrenceRule} Parsed rule object
    */
   static parseRule(e) {
-    return Z.parse(e);
+    return q.parse(e);
   }
   /**
    * Calculate the next occurrence based on the rule
@@ -2446,7 +2457,7 @@ class q {
     return r && (n = `${r === -1 ? "Last" : ["", "1st", "2nd", "3rd", "4th", "5th"][r] || `${r}th`} ${n}`), n;
   }
 }
-class _ {
+class $ {
   /**
    * Create a new LRU Cache
    * @param {number} capacity - Maximum number of items in cache
@@ -2533,7 +2544,7 @@ class _ {
     return this.cache.size;
   }
 }
-class K {
+class G {
   constructor(e = {}) {
     this.config = {
       checkInterval: 3e4,
@@ -2751,7 +2762,7 @@ class K {
     this.stopMonitoring(), this.caches.clear();
   }
 }
-class G {
+class Q {
   constructor(e = {}) {
     this.config = {
       enableCache: !0,
@@ -2766,7 +2777,7 @@ class G {
       enableAdaptiveMemory: !0,
       // Enable adaptive memory management
       ...e
-    }, this.eventCache = new _(this.config.cacheCapacity), this.queryCache = new _(Math.floor(this.config.cacheCapacity / 2)), this.dateRangeCache = new _(Math.floor(this.config.cacheCapacity / 4)), this.config.enableAdaptiveMemory && (this.memoryManager = new K({
+    }, this.eventCache = new $(this.config.cacheCapacity), this.queryCache = new $(Math.floor(this.config.cacheCapacity / 2)), this.dateRangeCache = new $(Math.floor(this.config.cacheCapacity / 4)), this.config.enableAdaptiveMemory && (this.memoryManager = new G({
       checkInterval: 3e4,
       memoryThreshold: 0.75,
       criticalThreshold: 0.9
@@ -3056,7 +3067,7 @@ class G {
     this.cleanupTimer && (clearInterval(this.cleanupTimer), this.cleanupTimer = null), this.batchTimer && (clearTimeout(this.batchTimer), this.batchTimer = null), this.eventCache.clear(), this.queryCache.clear(), this.dateRangeCache.clear(), this.lazyIndexes.clear(), this.pendingIndexes.clear();
   }
 }
-class Q {
+class J {
   /**
    * Create a new ConflictDetector
    * @param {import('../events/EventStore.js').EventStore} eventStore - Event store instance
@@ -3343,7 +3354,7 @@ class Q {
     return i >= n && r <= a;
   }
 }
-class J {
+class X {
   constructor(e = {}) {
     this.events = /* @__PURE__ */ new Map(), this.indices = {
       /** @type {Map<string, Set<string>>} UTC Date string -> Set of event IDs */
@@ -3356,7 +3367,7 @@ class J {
       byCategory: /* @__PURE__ */ new Map(),
       /** @type {Map<string, Set<string>>} Status -> Set of event IDs */
       byStatus: /* @__PURE__ */ new Map()
-    }, this.timezoneManager = C.getInstance(), this.defaultTimezone = e.timezone || this.timezoneManager.getSystemTimezone(), this.optimizer = new G(e.performance), this.conflictDetector = new Q(this), this.isBatchMode = !1, this.batchNotifications = [], this.batchBackup = null, this.version = 0, this.listeners = /* @__PURE__ */ new Set();
+    }, this.timezoneManager = C.getInstance(), this.defaultTimezone = e.timezone || this.timezoneManager.getSystemTimezone(), this.optimizer = new Q(e.performance), this.conflictDetector = new J(this), this.isBatchMode = !1, this.batchNotifications = [], this.batchBackup = null, this._batchLock = null, this._batchLockResolve = null, this.version = 0, this.listeners = /* @__PURE__ */ new Set();
   }
   /**
    * Add an event to the store
@@ -3629,7 +3640,7 @@ class J {
       return [e];
     i = i || this.defaultTimezone;
     const r = e.timeZone || i;
-    return q.expandEvent(e, t, s).map((a, o) => e.clone({
+    return K.expandEvent(e, t, s).map((a, o) => e.clone({
       id: `${e.id}_occurrence_${o}`,
       start: a.start,
       end: a.end,
@@ -3735,6 +3746,10 @@ class J {
       s.delete(e.id), s.size === 0 && this.indices.byDate.delete(t);
     for (const [t, s] of this.indices.byMonth)
       s.delete(e.id), s.size === 0 && this.indices.byMonth.delete(t);
+    for (const [t, s] of this.indices.byCategory)
+      s.delete(e.id), s.size === 0 && this.indices.byCategory.delete(t);
+    for (const [t, s] of this.indices.byStatus)
+      s.delete(e.id), s.size === 0 && this.indices.byStatus.delete(t);
     this.indices.recurring.delete(e.id);
   }
   /**
@@ -3813,18 +3828,29 @@ class J {
   }
   /**
    * Execute batch operation with automatic rollback on error
+   * Uses a lock to prevent concurrent batch operations from corrupting state
    * @param {Function} operation - Operation to execute
    * @param {boolean} [enableRollback=true] - Enable automatic rollback on error
    * @returns {*} Result of operation
    * @throws {Error} If operation fails
    */
   async executeBatch(e, t = !0) {
-    this.startBatch(t);
+    for (; this._batchLock; )
+      await this._batchLock;
+    this._batchLock = new Promise((s) => {
+      this._batchLockResolve = s;
+    });
     try {
-      const s = await e();
-      return this.commitBatch(), s;
-    } catch (s) {
-      throw t && this.rollbackBatch(), s;
+      this.startBatch(t);
+      try {
+        const s = await e();
+        return this.commitBatch(), s;
+      } catch (s) {
+        throw t && this.rollbackBatch(), s;
+      }
+    } finally {
+      const s = this._batchLockResolve;
+      this._batchLock = null, this._batchLockResolve = null, s && s();
     }
   }
   /**
@@ -4023,7 +4049,7 @@ class J {
     return t;
   }
 }
-let X = class {
+let ee = class {
   /**
    * Create a new StateManager instance
    * @param {Partial<import('../../types.js').CalendarState>} [initialState={}] - Initial state values
@@ -4404,7 +4430,7 @@ let X = class {
           }
   }
 };
-class ee {
+class te {
   /**
    * Create a new Calendar instance
    * @param {import('../../types.js').CalendarConfig} [config={}] - Configuration options
@@ -4425,7 +4451,7 @@ class ee {
         end: "17:00"
       },
       ...e
-    }, this.eventStore = new J({ timezone: this.config.timeZone }), this.state = new X({
+    }, this.eventStore = new X({ timezone: this.config.timeZone }), this.state = new ee({
       view: this.config.view,
       currentDate: this.config.date,
       weekStartsOn: this.config.weekStartsOn,
@@ -4925,7 +4951,7 @@ class ee {
     }), this.plugins.clear(), this.views.clear(), this._emit("destroy");
   }
 }
-class te {
+class se {
   constructor() {
     this.events = /* @__PURE__ */ new Map(), this.wildcardHandlers = /* @__PURE__ */ new Set();
   }
@@ -5067,10 +5093,10 @@ class te {
     return e;
   }
 }
-const m = new te();
-class se {
+const m = new se();
+class ie {
   constructor(e = {}) {
-    this.calendar = new ee({
+    this.calendar = new te({
       view: e.view || "month",
       date: e.date || /* @__PURE__ */ new Date(),
       weekStartsOn: e.weekStartsOn ?? 0,
@@ -5403,7 +5429,7 @@ class S extends f {
     return r && (r.toLowerCase() === "pm" && n < 12 ? o = n + 12 : r.toLowerCase() === "am" && n === 12 && (o = 0)), s.setHours(o, a || 0, 0, 0), s;
   }
 }
-class L {
+class F {
   /**
    * Create element with attributes and children
    */
@@ -5935,7 +5961,7 @@ class x {
 /**
  * Default theme colors
  */
-$(x, "colors", {
+_(x, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5968,7 +5994,7 @@ $(x, "colors", {
 }), /**
  * Common CSS variables
  */
-$(x, "cssVariables", {
+_(x, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -6036,7 +6062,7 @@ $(x, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-$(x, "breakpoints", {
+_(x, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -6083,7 +6109,7 @@ class H {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : L.escapeHTML(String(e));
+    return e == null ? "" : F.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -6383,7 +6409,7 @@ class z extends H {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class F extends H {
+class L extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6516,7 +6542,7 @@ class F extends H {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class ie extends O {
+class re extends O {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -6790,7 +6816,7 @@ class ie extends O {
     });
   }
   open(e = /* @__PURE__ */ new Date()) {
-    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = e, this._formData.end = new Date(e.getTime() + this.config.defaultDuration * 60 * 1e3), this._formData.title = "", this._formData.color = this.config.colors[0].color, this.startInput && (this.titleInput.value = "", this.startInput.value = this.formatDateForInput(this._formData.start), this.endInput.value = this.formatDateForInput(this._formData.end), this.updateColorSelection(), this._cleanupFocusTrap = L.trapFocus(this.modalContent));
+    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = e, this._formData.end = new Date(e.getTime() + this.config.defaultDuration * 60 * 1e3), this._formData.title = "", this._formData.color = this.config.colors[0].color, this.startInput && (this.titleInput.value = "", this.startInput.value = this.formatDateForInput(this._formData.start), this.endInput.value = this.formatDateForInput(this._formData.end), this.updateColorSelection(), this._cleanupFocusTrap = F.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -6819,13 +6845,13 @@ class ie extends O {
     this._cleanupFocusTrap && this._cleanupFocusTrap(), this._handleKeyDown && (window.removeEventListener("keydown", this._handleKeyDown), this._handleKeyDown = null, this._keydownListenerAdded = !1);
   }
 }
-customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", ie);
-class re extends O {
+customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", re);
+class ne extends O {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
   constructor() {
-    super(), this.stateManager = null, this.currentView = null, this._hasRendered = !1, this._cachedStyles = null;
+    super(), this.stateManager = null, this.currentView = null, this._hasRendered = !1, this._cachedStyles = null, this._busUnsubscribers = [];
   }
   initialize() {
     const e = {
@@ -6835,18 +6861,18 @@ class re extends O {
       timeZone: this.getAttribute("timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone,
       weekStartsOn: parseInt(this.getAttribute("week-starts-on") || "0")
     };
-    this.stateManager = new se(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
+    this.stateManager = new ie(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
-    m.on("navigation:*", (e, t) => {
+    this._busUnsubscribers.forEach((e) => e()), this._busUnsubscribers = [], this._busUnsubscribers.push(m.on("navigation:*", (e, t) => {
       this.emit("calendar-navigate", { action: t.split(":")[1], ...e });
-    }), m.on("view:changed", (e) => {
+    })), this._busUnsubscribers.push(m.on("view:changed", (e) => {
       this.emit("calendar-view-change", e);
-    }), m.on("event:*", (e, t) => {
+    })), this._busUnsubscribers.push(m.on("event:*", (e, t) => {
       this.emit(`calendar-event-${t.split(":")[1]}`, e);
-    }), m.on("date:selected", (e) => {
+    })), this._busUnsubscribers.push(m.on("date:selected", (e) => {
       this.emit("calendar-date-select", e);
-    });
+    }));
   }
   handleStateChange(e, t) {
     var o, c;
@@ -6890,7 +6916,7 @@ class re extends O {
         const s = {
           month: E,
           week: z,
-          day: F
+          day: L
         }[this.currentView] || E, i = new s(e, this.stateManager);
         i._viewType = this.currentView, this._currentViewInstance = i, i.render();
       } catch (t) {
@@ -7305,7 +7331,7 @@ class re extends O {
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${L.escapeHTML(r.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${F.escapeHTML(r.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -7374,7 +7400,7 @@ class re extends O {
         const r = {
           month: E,
           week: z,
-          day: F
+          day: L
         }[this.currentView] || E, n = new r(e, this.stateManager);
         n._viewType = this.currentView, this._currentViewInstance = n, n.render();
       } catch (i) {
@@ -7409,7 +7435,7 @@ class re extends O {
     const s = {
       month: E,
       week: z,
-      day: F
+      day: L
     }[e] || E;
     return new s(null, null);
   }
@@ -7492,21 +7518,21 @@ class re extends O {
     this.stateManager.today();
   }
   destroy() {
-    this.stateManager && this.stateManager.destroy(), m.clear(), super.cleanup();
+    this._busUnsubscribers.forEach((e) => e()), this._busUnsubscribers = [], this.stateManager && this.stateManager.destroy(), super.cleanup();
   }
 }
-customElements.get("forcecal-main") || customElements.define("forcecal-main", re);
+customElements.get("forcecal-main") || customElements.define("forcecal-main", ne);
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
   O as BaseComponent,
   H as BaseViewRenderer,
-  L as DOMUtils,
+  F as DOMUtils,
   S as DateUtils,
-  F as DayViewRenderer,
-  te as EventBus,
-  re as ForceCalendar,
+  L as DayViewRenderer,
+  se as EventBus,
+  ne as ForceCalendar,
   E as MonthViewRenderer,
-  se as StateManager,
+  ie as StateManager,
   x as StyleUtils,
   z as WeekViewRenderer,
   m as eventBus