@forcecalendar/interface 1.0.15 → 1.0.17

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

@@ -1,6 +1,6 @@
 var V = Object.defineProperty;
 var P = (p, e, t) => e in p ? V(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
-var _ = (p, e, t) => P(p, typeof e != "symbol" ? e + "" : e, t);
+var I = (p, e, t) => P(p, typeof e != "symbol" ? e + "" : e, t);
 class $ extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
@@ -1048,14 +1048,14 @@ class M {
     visibility: b = "public",
     organizer: T = null,
     attendees: A = [],
-    reminders: I = [],
+    reminders: _ = [],
     category: L,
     // Support singular category (no default)
-    categories: O,
+    categories: F,
     // Support plural categories (no default)
-    attachments: F = [],
-    conferenceData: R = null,
-    metadata: H = {},
+    attachments: O = [],
+    conferenceData: H = null,
+    metadata: R = {},
     ...B
     // Capture any extra properties
   }) {
@@ -1079,14 +1079,14 @@ class M {
       visibility: b,
       organizer: T,
       attendees: A,
-      reminders: I,
+      reminders: _,
       category: L,
       // Pass category to normalize
-      categories: O,
+      categories: F,
       // Pass categories to normalize
-      attachments: F,
-      conferenceData: R,
-      metadata: H,
+      attachments: O,
+      conferenceData: H,
+      metadata: R,
       ...B
       // Pass any extra properties
     });
@@ -2228,8 +2228,8 @@ class N {
       if (d >= t) {
         const b = new Date(d), T = new Date(d.getTime() + o), A = l.getTimezoneOffset(b, c);
         if (A !== g) {
-          const I = g - A;
-          b.setMinutes(b.getMinutes() + I), T.setMinutes(T.getMinutes() + I);
+          const _ = g - A;
+          b.setMinutes(b.getMinutes() + _), T.setMinutes(T.getMinutes() + _);
         }
         g = A, this.isException(b, n, e.id) || a.push({
           start: b,
@@ -4959,10 +4959,39 @@ class Q {
    * Unsubscribe from an event
    */
   off(e, t) {
+    if (e.includes("*")) {
+      for (const r of this.wildcardHandlers)
+        if (r.pattern === e && r.handler === t) {
+          this.wildcardHandlers.delete(r);
+          return;
+        }
+      return;
+    }
     if (!this.events.has(e)) return;
     const s = this.events.get(e), i = s.findIndex((r) => r.handler === t);
     i > -1 && s.splice(i, 1), s.length === 0 && this.events.delete(e);
   }
+  /**
+   * Remove all wildcard handlers matching a pattern
+   * @param {string} pattern - Pattern to match (e.g., 'event:*')
+   */
+  offWildcard(e) {
+    for (const t of [...this.wildcardHandlers])
+      t.pattern === e && this.wildcardHandlers.delete(t);
+  }
+  /**
+   * Remove all handlers (regular and wildcard) for a specific handler function
+   * Useful for cleanup when a component is destroyed
+   * @param {Function} handler - Handler function to remove
+   */
+  offAll(e) {
+    for (const [t, s] of this.events) {
+      const i = s.findIndex((r) => r.handler === e);
+      i > -1 && s.splice(i, 1), s.length === 0 && this.events.delete(t);
+    }
+    for (const t of [...this.wildcardHandlers])
+      t.handler === e && this.wildcardHandlers.delete(t);
+  }
   /**
    * Emit an event
    * @param {string} eventName - Event name
@@ -5022,6 +5051,21 @@ class Q {
   getHandlerCount(e) {
     return this.events.has(e) ? this.events.get(e).length : 0;
   }
+  /**
+   * Get wildcard handler count
+   */
+  getWildcardHandlerCount() {
+    return this.wildcardHandlers.size;
+  }
+  /**
+   * Get total handler count (for debugging/monitoring)
+   */
+  getTotalHandlerCount() {
+    let e = this.wildcardHandlers.size;
+    for (const t of this.events.values())
+      e += t.length;
+    return e;
+  }
 }
 const y = new Q();
 class J {
@@ -5042,7 +5086,23 @@ class J {
       loading: !1,
       error: null,
       config: { ...e }
-    }, this.subscribers = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this), this.unsubscribe = this.unsubscribe.bind(this), this.setState = this.setState.bind(this);
+    }, this.subscribers = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this), this.unsubscribe = this.unsubscribe.bind(this), this.setState = this.setState.bind(this), this._syncEventsFromCore({ silent: !0 });
+  }
+  /**
+   * Sync state.events from Core calendar (single source of truth)
+   * This ensures state.events always matches Core's event store
+   */
+  _syncEventsFromCore(e = {}) {
+    const t = this.calendar.getEvents() || [];
+    return (this.state.events.length !== t.length || !this._eventsMatch(this.state.events, t)) && this.setState({ events: [...t] }, e), t;
+  }
+  /**
+   * Check if two event arrays have the same events (by id)
+   */
+  _eventsMatch(e, t) {
+    if (e.length !== t.length) return !1;
+    const s = new Set(e.map((i) => i.id));
+    return t.every((i) => s.has(i.id));
   }
   // State management
   getState() {
@@ -5052,11 +5112,26 @@ class J {
     const { silent: s = !1 } = t, i = { ...this.state };
     return this.state = { ...this.state, ...e }, s || (this.notifySubscribers(i, this.state), this.emitStateChange(i, this.state)), this.state;
   }
-  subscribe(e) {
-    return this.subscribers.add(e), () => this.unsubscribe(e);
+  subscribe(e, t = null) {
+    return this.subscribers.add(e), t && (this._subscriberIds || (this._subscriberIds = /* @__PURE__ */ new Map()), this._subscriberIds.set(t, e)), () => this.unsubscribe(e, t);
+  }
+  unsubscribe(e, t = null) {
+    this.subscribers.delete(e), t && this._subscriberIds && this._subscriberIds.delete(t);
   }
-  unsubscribe(e) {
-    this.subscribers.delete(e);
+  /**
+   * Unsubscribe by subscriber ID
+   * @param {string} subscriberId - ID used when subscribing
+   */
+  unsubscribeById(e) {
+    if (!this._subscriberIds) return !1;
+    const t = this._subscriberIds.get(e);
+    return t ? (this.subscribers.delete(t), this._subscriberIds.delete(e), !0) : !1;
+  }
+  /**
+   * Get subscriber count (for debugging/monitoring)
+   */
+  getSubscriberCount() {
+    return this.subscribers.size;
   }
   notifySubscribers(e, t) {
     this.subscribers.forEach((s) => {
@@ -5108,29 +5183,25 @@ class J {
   // Event management
   addEvent(e) {
     const t = this.calendar.addEvent(e);
-    if (!t)
-      return console.error("Failed to add event to calendar"), y.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null;
-    const s = [...this.state.events, t];
-    return this.setState({ events: s }), y.emit("event:added", { event: t }), t;
+    return t ? (this._syncEventsFromCore(), y.emit("event:added", { event: t }), t) : (console.error("Failed to add event to calendar"), y.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null);
   }
   updateEvent(e, t) {
+    this._syncEventsFromCore({ silent: !0 });
     const s = this.calendar.updateEvent(e, t);
-    if (!s)
-      return console.error(`Failed to update event: ${e}`), y.emit("event:error", { action: "update", eventId: e, updates: t, error: "Event not found in calendar" }), null;
-    const i = this.state.events.findIndex((n) => n.id === e);
-    if (i === -1)
-      return console.error(`Event ${e} not found in state`), y.emit("event:error", { action: "update", eventId: e, error: "Event not found in state" }), null;
-    const r = [...this.state.events];
-    return r[i] = s, this.setState({ events: r }), y.emit("event:updated", { event: s }), s;
+    return s ? (this._syncEventsFromCore(), y.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), y.emit("event:error", { action: "update", eventId: e, updates: t, error: "Event not found in calendar" }), null);
   }
   deleteEvent(e) {
-    if (!this.calendar.removeEvent(e))
-      return console.error(`Failed to delete event: ${e}`), y.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1;
-    const s = this.state.events.filter((i) => i.id !== e);
-    return this.setState({ events: s }), y.emit("event:deleted", { eventId: e }), !0;
+    return this._syncEventsFromCore({ silent: !0 }), this.calendar.removeEvent(e) ? (this._syncEventsFromCore(), y.emit("event:deleted", { eventId: e }), !0) : (console.error(`Failed to delete event: ${e}`), y.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1);
   }
   getEvents() {
-    return this.calendar.getEvents();
+    return this.calendar.getEvents() || [];
+  }
+  /**
+   * Force sync state.events from Core calendar
+   * Use this if you've modified events directly on the Core calendar
+   */
+  syncEvents() {
+    return this._syncEventsFromCore();
   }
   getEventsForDate(e) {
     return this.calendar.getEventsForDate(e);
@@ -5215,7 +5286,7 @@ class J {
   }
   // Destroy
   destroy() {
-    this.subscribers.clear(), this.state = null, this.calendar = null;
+    this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.state = null, this.calendar = null;
   }
 }
 class x extends u {
@@ -5864,7 +5935,7 @@ class v {
 /**
  * Default theme colors
  */
-_(v, "colors", {
+I(v, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5897,7 +5968,7 @@ _(v, "colors", {
 }), /**
  * Common CSS variables
  */
-_(v, "cssVariables", {
+I(v, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -5965,7 +6036,7 @@ _(v, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-_(v, "breakpoints", {
+I(v, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -7354,9 +7425,9 @@ class se extends $ {
       });
     }), this.addListener(this, "click", (e) => {
       e.target === this && this.close();
-    }), this._handleKeyDown && window.removeEventListener("keydown", this._handleKeyDown), this._handleKeyDown = (e) => {
+    }), this._keydownListenerAdded || (this._handleKeyDown = (e) => {
       e.key === "Escape" && this.hasAttribute("open") && this.close();
-    }, window.addEventListener("keydown", this._handleKeyDown);
+    }, window.addEventListener("keydown", this._handleKeyDown), this._keydownListenerAdded = !0);
   }
   updateColorSelection() {
     this.colorContainer.querySelectorAll(".color-btn").forEach((t) => {
@@ -7391,7 +7462,7 @@ class se extends $ {
     return `${s}-${i}-${r}T${n}:${a}`;
   }
   unmount() {
-    this._cleanupFocusTrap && this._cleanupFocusTrap(), window.removeEventListener("keydown", this._handleKeyDown);
+    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", se);