@forcecalendar/interface 1.0.16 → 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: F,
     // Support plural categories (no default)
     attachments: O = [],
-    conferenceData: R = null,
-    metadata: H = {},
+    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: F,
       // Pass categories to normalize
       attachments: O,
-      conferenceData: R,
-      metadata: H,
+      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 {
@@ -5068,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) {
-    this.subscribers.delete(e);
+  unsubscribe(e, t = null) {
+    this.subscribers.delete(e), t && this._subscriberIds && this._subscriberIds.delete(t);
+  }
+  /**
+   * 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) => {
@@ -5227,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 {
@@ -5876,7 +5935,7 @@ class v {
 /**
  * Default theme colors
  */
-_(v, "colors", {
+I(v, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5909,7 +5968,7 @@ _(v, "colors", {
 }), /**
  * Common CSS variables
  */
-_(v, "cssVariables", {
+I(v, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -5977,7 +6036,7 @@ _(v, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-_(v, "breakpoints", {
+I(v, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -7366,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) => {
@@ -7403,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);