@forcecalendar/interface 1.0.7 → 1.0.8

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

@@ -1,7 +1,7 @@
 var H = Object.defineProperty;
-var U = (u, t, e) => t in u ? H(u, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[t] = e;
-var M = (u, t, e) => U(u, typeof t != "symbol" ? t + "" : t, e);
-class C extends HTMLElement {
+var P = (u, t, e) => t in u ? H(u, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[t] = e;
+var M = (u, t, e) => P(u, typeof t != "symbol" ? t + "" : t, e);
+class T 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 C extends HTMLElement {
     this.setProp(t, s), this._initialized && this.render();
   }
 }
-class P {
+class U {
   constructor() {
     this.timezones = {
       // UTC
@@ -372,7 +372,7 @@ class P {
 }
 class S {
   constructor() {
-    this.database = new P(), this.offsetCache = /* @__PURE__ */ new Map(), this.dstCache = /* @__PURE__ */ new Map(), this.maxCacheSize = 1e3, this.cacheHits = 0, this.cacheMisses = 0;
+    this.database = new U(), 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
@@ -712,10 +712,10 @@ class x {
     timeZone: b = null,
     endTimeZone: D = null,
     status: k = "confirmed",
-    visibility: T = "public",
+    visibility: E = "public",
     organizer: A = null,
-    attendees: z = [],
-    reminders: I = [],
+    attendees: $ = [],
+    reminders: z = [],
     category: _,
     // Support singular category (no default)
     categories: L,
@@ -743,10 +743,10 @@ class x {
       timeZone: b,
       endTimeZone: D,
       status: k,
-      visibility: T,
+      visibility: E,
       organizer: A,
-      attendees: z,
-      reminders: I,
+      attendees: $,
+      reminders: z,
       category: _,
       // Pass category to normalize
       categories: L,
@@ -1880,8 +1880,8 @@ class N {
       if (d >= e) {
         const b = new Date(d), D = new Date(d.getTime() + o), k = l.getTimezoneOffset(b, c);
         if (k !== y) {
-          const T = y - k;
-          b.setMinutes(b.getMinutes() + T), D.setMinutes(D.getMinutes() + T);
+          const E = y - k;
+          b.setMinutes(b.getMinutes() + E), D.setMinutes(D.getMinutes() + E);
         }
         y = k, this.isException(b, n, t.id) || r.push({
           start: b,
@@ -2089,7 +2089,7 @@ class N {
     return a && (n = `${a === -1 ? "Last" : ["", "1st", "2nd", "3rd", "4th", "5th"][a] || `${a}th`} ${n}`), n;
   }
 }
-class $ {
+class I {
   /**
    * Create a new LRU Cache
    * @param {number} capacity - Maximum number of items in cache
@@ -2408,7 +2408,7 @@ class W {
       enableAdaptiveMemory: !0,
       // Enable adaptive memory management
       ...t
-    }, 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 V({
+    }, this.eventCache = new I(this.config.cacheCapacity), this.queryCache = new I(Math.floor(this.config.cacheCapacity / 2)), this.dateRangeCache = new I(Math.floor(this.config.cacheCapacity / 4)), this.config.enableAdaptiveMemory && (this.memoryManager = new V({
       checkInterval: 3e4,
       memoryThreshold: 0.75,
       criticalThreshold: 0.9
@@ -4353,12 +4353,12 @@ class K {
         days: []
       };
       for (let b = 0; b < 7; b++) {
-        const D = new Date(l), k = D.getMonth() === s, T = f.isToday(D), A = D.getDay() === 0 || D.getDay() === 6;
+        const D = new Date(l), k = D.getMonth() === s, E = f.isToday(D), A = D.getDay() === 0 || D.getDay() === 6;
         y.days.push({
           date: D,
           dayOfMonth: D.getDate(),
           isCurrentMonth: k,
-          isToday: T,
+          isToday: E,
           isWeekend: A,
           events: this.getEventsForDate(D)
         }), l = f.addDays(l, 1);
@@ -4962,7 +4962,7 @@ class v extends f {
     return a && (a.toLowerCase() === "pm" && n < 12 ? o = n + 12 : a.toLowerCase() === "am" && n === 12 && (o = 0)), s.setHours(o, r || 0, 0, 0), s;
   }
 }
-class E {
+class C {
   /**
    * Create element with attributes and children
    */
@@ -5603,27 +5603,37 @@ M(p, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class J extends C {
-  // Observe data-state-registry attribute for Locker Service compatibility
-  static get observedAttributes() {
-    return ["data-state-registry"];
-  }
+class J extends T {
   constructor() {
     super(), this._stateManager = null, this.viewData = null, this.config = {
       maxEventsToShow: 3
-    };
+    }, this._registryCheckInterval = null;
   }
   connectedCallback() {
-    super.connectedCallback(), this._checkRegistry();
+    super.connectedCallback(), console.log("[MonthView] connectedCallback - starting registry polling"), this._startRegistryPolling();
   }
-  attributeChangedCallback(t, e, s) {
-    console.log("[MonthView] attributeChangedCallback:", t, e, "->", s), t === "data-state-registry" && s && this._checkRegistry();
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._stopRegistryPolling();
+  }
+  _startRegistryPolling() {
+    this._checkRegistry();
+    let t = 0;
+    this._registryCheckInterval = setInterval(() => {
+      if (t++, this._stateManager || t > 50) {
+        this._stopRegistryPolling();
+        return;
+      }
+      this._checkRegistry();
+    }, 100);
+  }
+  _stopRegistryPolling() {
+    this._registryCheckInterval && (clearInterval(this._registryCheckInterval), this._registryCheckInterval = null);
   }
   _checkRegistry() {
     const t = this.getAttribute("data-state-registry");
     if (console.log("[MonthView] Checking registry for ID:", t), t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t]) {
       const e = window.__forceCalendarRegistry[t];
-      console.log("[MonthView] Found stateManager in registry"), this.setStateManager(e);
+      console.log("[MonthView] Found stateManager in registry"), this._stopRegistryPolling(), this.setStateManager(e);
     }
   }
   set stateManager(t) {
@@ -6002,9 +6012,9 @@ class J extends C {
             <div class="${c.join(" ")}"
                  style="${r}"
                  data-event-id="${t.id}"
-                 title="${E.escapeHTML(e)}">
+                 title="${C.escapeHTML(e)}">
                 ${o ? `<span class="event-time">${o}</span>` : ""}
-                <span class="event-title">${E.escapeHTML(e)}</span>
+                <span class="event-title">${C.escapeHTML(e)}</span>
             </div>
         `;
   }
@@ -6036,22 +6046,30 @@ class J extends C {
     this.unsubscribe && this.unsubscribe();
   }
 }
-class X extends C {
-  static get observedAttributes() {
-    return ["data-state-registry"];
-  }
+class X extends T {
   constructor() {
-    super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (t, e) => e);
+    super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (t, e) => e), this._registryCheckInterval = null;
   }
   connectedCallback() {
-    super.connectedCallback(), this._checkRegistry();
+    super.connectedCallback(), this._startRegistryPolling();
   }
-  attributeChangedCallback(t, e, s) {
-    t === "data-state-registry" && s && this._checkRegistry();
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._registryCheckInterval && clearInterval(this._registryCheckInterval);
+  }
+  _startRegistryPolling() {
+    this._checkRegistry();
+    let t = 0;
+    this._registryCheckInterval = setInterval(() => {
+      if (t++, this._stateManager || t > 50) {
+        clearInterval(this._registryCheckInterval);
+        return;
+      }
+      this._checkRegistry();
+    }, 100);
   }
   _checkRegistry() {
     const t = this.getAttribute("data-state-registry");
-    t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t] && this.setStateManager(window.__forceCalendarRegistry[t]);
+    t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t] && (clearInterval(this._registryCheckInterval), this.setStateManager(window.__forceCalendarRegistry[t]));
   }
   set stateManager(t) {
     this.setStateManager(t);
@@ -6335,7 +6353,7 @@ class X extends C {
             <div class="event-container"
                  style="top: ${n}px; height: ${r}px; background-color: ${o}; color: ${c};"
                  data-event-id="${t.id}">
-                <span class="event-title">${E.escapeHTML(t.title)}</span>
+                <span class="event-title">${C.escapeHTML(t.title)}</span>
                 <span class="event-time">${v.formatTime(e)}</span>
             </div>
         `;
@@ -6346,7 +6364,7 @@ class X extends C {
             <div class="event-item"
                  style="background-color: ${e}; color: ${s}; font-size: 10px; padding: 2px 4px; border-radius: 2px; cursor: pointer; margin-bottom: 2px;"
                  data-event-id="${t.id}">
-                ${E.escapeHTML(t.title)}
+                ${C.escapeHTML(t.title)}
             </div>
         `;
   }
@@ -6373,22 +6391,30 @@ class X extends C {
     this.unsubscribe && this.unsubscribe();
   }
 }
-class tt extends C {
-  static get observedAttributes() {
-    return ["data-state-registry"];
-  }
+class tt extends T {
   constructor() {
-    super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (t, e) => e);
+    super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (t, e) => e), this._registryCheckInterval = null;
   }
   connectedCallback() {
-    super.connectedCallback(), this._checkRegistry();
+    super.connectedCallback(), this._startRegistryPolling();
   }
-  attributeChangedCallback(t, e, s) {
-    t === "data-state-registry" && s && this._checkRegistry();
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._registryCheckInterval && clearInterval(this._registryCheckInterval);
+  }
+  _startRegistryPolling() {
+    this._checkRegistry();
+    let t = 0;
+    this._registryCheckInterval = setInterval(() => {
+      if (t++, this._stateManager || t > 50) {
+        clearInterval(this._registryCheckInterval);
+        return;
+      }
+      this._checkRegistry();
+    }, 100);
   }
   _checkRegistry() {
     const t = this.getAttribute("data-state-registry");
-    t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t] && this.setStateManager(window.__forceCalendarRegistry[t]);
+    t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t] && (clearInterval(this._registryCheckInterval), this.setStateManager(window.__forceCalendarRegistry[t]));
   }
   set stateManager(t) {
     this.setStateManager(t);
@@ -6657,7 +6683,7 @@ class tt extends C {
             <div class="event-container"
                  style="top: ${n}px; height: ${r}px; background-color: ${o}; color: ${c};"
                  data-event-id="${t.id}">
-                <span class="event-title">${E.escapeHTML(t.title)}</span>
+                <span class="event-title">${C.escapeHTML(t.title)}</span>
                 <span class="event-time">${v.formatTime(e)} - ${v.formatTime(s)}</span>
             </div>
         `;
@@ -6668,7 +6694,7 @@ class tt extends C {
             <div class="event-item"
                  style="background-color: ${e}; color: ${s}; font-size: 12px; padding: 4px 8px; border-radius: 4px; cursor: pointer; font-weight: 500; margin-bottom: 2px;"
                  data-event-id="${t.id}">
-                ${E.escapeHTML(t.title)}
+                ${C.escapeHTML(t.title)}
             </div>
         `;
   }
@@ -6695,7 +6721,7 @@ class tt extends C {
     this.unsubscribe && this.unsubscribe();
   }
 }
-class et extends C {
+class et extends T {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -6969,7 +6995,7 @@ class et extends C {
     });
   }
   open(t = /* @__PURE__ */ new Date()) {
-    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = t, this._formData.end = new Date(t.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 = E.trapFocus(this.modalContent));
+    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = t, this._formData.end = new Date(t.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 = C.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -7002,7 +7028,7 @@ customElements.get("forcecal-event-form") || customElements.define("forcecal-eve
 customElements.get("forcecal-month") || customElements.define("forcecal-month", J);
 customElements.get("forcecal-week") || customElements.define("forcecal-week", X);
 customElements.get("forcecal-day") || customElements.define("forcecal-day", tt);
-class st extends C {
+class st extends T {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
@@ -7465,8 +7491,8 @@ class st extends C {
 customElements.get("forcecal-main") || customElements.define("forcecal-main", st);
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
-  C as BaseComponent,
-  E as DOMUtils,
+  T as BaseComponent,
+  C as DOMUtils,
   v as DateUtils,
   tt as DayView,
   G as EventBus,