@forcecalendar/interface 1.0.30 → 1.0.32

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

@@ -5176,14 +5176,22 @@ class ie {
   }
   /**
    * Sync state.events from Core calendar (single source of truth)
-   * This ensures state.events always matches Core's event store
+   * This ensures state.events always matches Core's event store.
+   *
+   * @param {object} options
+   * @param {boolean} options.silent  - suppress subscriber notifications
+   * @param {boolean} options.force   - always update even when IDs match
+   *                                    (required after updateEvent where IDs
+   *                                    are unchanged but content has changed)
    */
   _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;
+    const { force: t = !1 } = e, s = this.calendar.getEvents() || [];
+    return (t || this.state.events.length !== s.length || !this._eventsMatch(this.state.events, s)) && this.setState({ events: [...s] }, e), s;
   }
   /**
-   * Check if two event arrays have the same events (by id)
+   * Check if two event arrays have the same events by id.
+   * Only used for add/delete guards — updateEvent must pass force:true
+   * to bypass this check because IDs are unchanged after an update.
    */
   _eventsMatch(e, t) {
     if (e.length !== t.length) return !1;
@@ -5192,7 +5200,11 @@ class ie {
   }
   // State management
   getState() {
-    return { ...this.state };
+    return {
+      ...this.state,
+      config: { ...this.state.config },
+      events: [...this.state.events]
+    };
   }
   setState(e, t = {}) {
     const { silent: s = !1 } = t, i = { ...this.state };
@@ -5272,7 +5284,7 @@ class ie {
   updateEvent(e, t) {
     this._syncEventsFromCore({ silent: !0 });
     const s = this.calendar.updateEvent(e, t);
-    return s ? (this._syncEventsFromCore(), u.emit("event:update", { event: s }), u.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), u.emit("event:error", {
+    return s ? (this._syncEventsFromCore({ force: !0 }), u.emit("event:update", { event: s }), u.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), u.emit("event:error", {
       action: "update",
       eventId: e,
       updates: t,
@@ -5492,7 +5504,7 @@ class E 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 H {
+class F {
   /**
    * Create element with attributes and children
    */
@@ -6133,7 +6145,7 @@ I(D, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class F {
+class H {
   /**
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
@@ -6172,7 +6184,7 @@ class F {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : H.escapeHTML(String(e));
+    return e == null ? "" : F.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -6282,7 +6294,7 @@ class F {
     });
   }
 }
-class S extends F {
+class S extends H {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -6357,7 +6369,7 @@ class S extends F {
     }), this.attachCommonEventHandlers();
   }
 }
-class z extends F {
+class z extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6493,7 +6505,7 @@ class z extends F {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class L extends F {
+class L extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6912,7 +6924,7 @@ class re 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 = H.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 && this._cleanupFocusTrap(), this._cleanupFocusTrap = F.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -7470,7 +7482,7 @@ class ne extends O {
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${H.escapeHTML(r.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${F.escapeHTML(r.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -7661,8 +7673,8 @@ 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,
-  F as BaseViewRenderer,
-  H as DOMUtils,
+  H as BaseViewRenderer,
+  F as DOMUtils,
   E as DateUtils,
   L as DayViewRenderer,
   se as EventBus,