@forcecalendar/interface 1.0.22 → 1.0.23

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

@@ -1,6 +1,6 @@
 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);
+var I = (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;
@@ -1049,7 +1049,7 @@ class w {
     status: D = "confirmed",
     visibility: T = "public",
     organizer: A = null,
-    attendees: I = [],
+    attendees: _ = [],
     reminders: R = [],
     category: B,
     // Support singular category (no default)
@@ -1081,7 +1081,7 @@ class w {
       status: D,
       visibility: T,
       organizer: A,
-      attendees: I,
+      attendees: _,
       reminders: R,
       category: B,
       // Pass category to normalize
@@ -2239,8 +2239,8 @@ class K {
       if (h >= t) {
         const D = new Date(h), T = new Date(h.getTime() + o), A = l.getTimezoneOffset(D, c);
         if (A !== p) {
-          const I = p - A;
-          D.setMinutes(D.getMinutes() + I), T.setMinutes(T.getMinutes() + I);
+          const _ = p - A;
+          D.setMinutes(D.getMinutes() + _), T.setMinutes(T.getMinutes() + _);
         }
         p = A, this.isException(D, n, e.id) || a.push({
           start: D,
@@ -5961,7 +5961,7 @@ class x {
 /**
  * Default theme colors
  */
-_(x, "colors", {
+I(x, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5994,7 +5994,7 @@ _(x, "colors", {
 }), /**
  * Common CSS variables
  */
-_(x, "cssVariables", {
+I(x, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -6062,7 +6062,7 @@ _(x, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-_(x, "breakpoints", {
+I(x, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -6878,11 +6878,15 @@ class ne extends O {
     var o, c;
     if (!this._hasRendered)
       return;
-    const s = e.view !== (t == null ? void 0 : t.view), i = ((o = e.currentDate) == null ? void 0 : o.getTime()) !== ((c = t == null ? void 0 : t.currentDate) == null ? void 0 : c.getTime()), r = e.events !== (t == null ? void 0 : t.events), n = e.loading !== (t == null ? void 0 : t.loading), a = e.error !== (t == null ? void 0 : t.error);
-    if (n || a) {
+    const s = e.view !== (t == null ? void 0 : t.view), i = ((o = e.currentDate) == null ? void 0 : o.getTime()) !== ((c = t == null ? void 0 : t.currentDate) == null ? void 0 : c.getTime()), r = e.events !== (t == null ? void 0 : t.events), n = e.loading !== (t == null ? void 0 : t.loading);
+    if (e.error !== (t == null ? void 0 : t.error)) {
       this.render();
       return;
     }
+    if (n) {
+      this._updateLoadingState(e.loading);
+      return;
+    }
     s && (this.currentView = e.view), s ? (this._updateTitle(), this._updateViewButtons(), this._switchView()) : i ? (this._updateTitle(), this._updateViewContent()) : r && this._updateViewContent();
   }
   /**
@@ -6930,11 +6934,18 @@ class ne extends O {
   _updateViewContent() {
     this._currentViewInstance && this._currentViewInstance.render && this._currentViewInstance.render();
   }
+  /**
+   * Toggle loading overlay without rebuilding the component tree.
+   */
+  _updateLoadingState(e) {
+    const t = this.$(".fc-loading"), s = this.$(".fc-view-container");
+    t && (t.style.display = e ? "flex" : "none"), s && (s.style.display = e ? "none" : "flex");
+  }
   mount() {
-    super.mount(), this.loadView(this.stateManager.getView());
+    this.currentView = this.stateManager.getView(), super.mount();
   }
   loadView(e) {
-    this.currentView = e, this.render();
+    !e || this.currentView === e || (this.currentView = e, this._switchView(), this._updateViewButtons(), this._updateTitle());
   }
   getStyles() {
     const e = this.getAttribute("height") || "800px";
@@ -7371,16 +7382,13 @@ class ne extends O {
                 </header>
 
                 <div class="fc-body">
-                    ${i ? `
-                        <div class="fc-loading">
-                            <div class="fc-spinner"></div>
-                            <span>Loading...</span>
-                        </div>
-                    ` : `
-                        <div class="fc-view-container">
-                            ${this.renderView()}
-                        </div>
-                    `}
+                    <div class="fc-loading" style="display: ${i ? "flex" : "none"};">
+                        <div class="fc-spinner"></div>
+                        <span>Loading...</span>
+                    </div>
+                    <div class="fc-view-container" style="display: ${i ? "none" : "flex"};">
+                        ${this.renderView()}
+                    </div>
                 </div>
                 
                 <forcecal-event-form id="event-modal"></forcecal-event-form>