@forcecalendar/interface 1.0.5 → 1.0.7

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 C = (u, t, e) => U(u, typeof t != "symbol" ? t + "" : t, e);
-class S extends HTMLElement {
+var M = (u, t, e) => U(u, typeof t != "symbol" ? t + "" : t, e);
+class C extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
   }
@@ -370,7 +370,7 @@ class P {
     };
   }
 }
-class M {
+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;
   }
@@ -716,17 +716,17 @@ class x {
     organizer: A = null,
     attendees: z = [],
     reminders: I = [],
-    category: L,
+    category: _,
     // Support singular category (no default)
-    categories: F,
+    categories: L,
     // Support plural categories (no default)
-    attachments: O = [],
-    conferenceData: _ = null,
+    attachments: F = [],
+    conferenceData: O = null,
     metadata: R = {},
     ...B
     // Capture any extra properties
   }) {
-    const m = x.normalize({
+    const g = x.normalize({
       id: t,
       title: e,
       start: s,
@@ -747,17 +747,17 @@ class x {
       organizer: A,
       attendees: z,
       reminders: I,
-      category: L,
+      category: _,
       // Pass category to normalize
-      categories: F,
+      categories: L,
       // Pass categories to normalize
-      attachments: O,
-      conferenceData: _,
+      attachments: F,
+      conferenceData: O,
       metadata: R,
       ...B
       // Pass any extra properties
     });
-    x.validate(m), this.id = m.id, this.title = m.title, this._timezoneManager = new M(), this.timeZone = m.timeZone || this._timezoneManager.getSystemTimezone(), this.endTimeZone = m.endTimeZone || this.timeZone, this.start = m.start, this.end = m.end, this.startUTC = this._timezoneManager.toUTC(this.start, this.timeZone), this.endUTC = this._timezoneManager.toUTC(this.end, this.endTimeZone), this.allDay = m.allDay, this.description = m.description, this.location = m.location, this.color = m.color, this.backgroundColor = m.backgroundColor, this.borderColor = m.borderColor, this.textColor = m.textColor, this.recurring = m.recurring, this.recurrenceRule = m.recurrenceRule, this._originalTimeZone = m.timeZone || null, this.status = m.status, this.visibility = m.visibility, this.organizer = m.organizer, this.attendees = [...m.attendees], this.reminders = [...m.reminders], this.categories = m.categories ? [...m.categories] : [], this.attachments = [...m.attachments], this.conferenceData = m.conferenceData, this.metadata = { ...m.metadata }, this._cache = {}, this._validateAttendees(), this._validateReminders();
+    x.validate(g), this.id = g.id, this.title = g.title, this._timezoneManager = new S(), this.timeZone = g.timeZone || this._timezoneManager.getSystemTimezone(), this.endTimeZone = g.endTimeZone || this.timeZone, this.start = g.start, this.end = g.end, this.startUTC = this._timezoneManager.toUTC(this.start, this.timeZone), this.endUTC = this._timezoneManager.toUTC(this.end, this.endTimeZone), this.allDay = g.allDay, this.description = g.description, this.location = g.location, this.color = g.color, this.backgroundColor = g.backgroundColor, this.borderColor = g.borderColor, this.textColor = g.textColor, this.recurring = g.recurring, this.recurrenceRule = g.recurrenceRule, this._originalTimeZone = g.timeZone || null, this.status = g.status, this.visibility = g.visibility, this.organizer = g.organizer, this.attendees = [...g.attendees], this.reminders = [...g.reminders], this.categories = g.categories ? [...g.categories] : [], this.attachments = [...g.attachments], this.conferenceData = g.conferenceData, this.metadata = { ...g.metadata }, this._cache = {}, this._validateAttendees(), this._validateReminders();
   }
   /**
    * Get event duration in milliseconds
@@ -1872,7 +1872,7 @@ class N {
   static expandEvent(t, e, s, i = 365, a = null) {
     if (!t.recurring || !t.recurrenceRule)
       return [{ start: t.start, end: t.end, timezone: t.timeZone }];
-    const n = this.parseRule(t.recurrenceRule), r = [], o = t.end - t.start, c = a || t.timeZone || "UTC", l = new M();
+    const n = this.parseRule(t.recurrenceRule), r = [], o = t.end - t.start, c = a || t.timeZone || "UTC", l = new S();
     let d = new Date(t.start), h = 0;
     n.until && n.until < s && (s = n.until);
     let y = l.getTimezoneOffset(d, c);
@@ -2176,7 +2176,7 @@ class $ {
     return this.cache.size;
   }
 }
-class W {
+class V {
   constructor(t = {}) {
     this.config = {
       checkInterval: 3e4,
@@ -2393,7 +2393,7 @@ class W {
     this.stopMonitoring(), this.caches.clear();
   }
 }
-class V {
+class W {
   constructor(t = {}) {
     this.config = {
       enableCache: !0,
@@ -2408,7 +2408,7 @@ class V {
       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 W({
+    }, 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({
       checkInterval: 3e4,
       memoryThreshold: 0.75,
       criticalThreshold: 0.9
@@ -3010,7 +3010,7 @@ class Z {
       byCategory: /* @__PURE__ */ new Map(),
       /** @type {Map<string, Set<string>>} Status -> Set of event IDs */
       byStatus: /* @__PURE__ */ new Map()
-    }, this.timezoneManager = new M(), this.defaultTimezone = t.timezone || this.timezoneManager.getSystemTimezone(), this.optimizer = new V(t.performance), this.conflictDetector = new j(this), this.isBatchMode = !1, this.batchNotifications = [], this.batchBackup = null, this.version = 0, this.listeners = /* @__PURE__ */ new Set();
+    }, this.timezoneManager = new S(), this.defaultTimezone = t.timezone || this.timezoneManager.getSystemTimezone(), this.optimizer = new W(t.performance), this.conflictDetector = new j(this), this.isBatchMode = !1, this.batchNotifications = [], this.batchBackup = null, this.version = 0, this.listeners = /* @__PURE__ */ new Set();
   }
   /**
    * Add an event to the store
@@ -4036,7 +4036,7 @@ class K {
    * @param {import('../../types.js').CalendarConfig} [config={}] - Configuration options
    */
   constructor(t = {}) {
-    this.timezoneManager = new M(), this.config = {
+    this.timezoneManager = new S(), this.config = {
       view: "month",
       date: /* @__PURE__ */ new Date(),
       weekStartsOn: 0,
@@ -4653,7 +4653,7 @@ class G {
     return this.events.has(t) ? this.events.get(t).length : 0;
   }
 }
-const g = new G();
+const m = new G();
 class Q {
   constructor(t = {}) {
     this.calendar = new K({
@@ -4702,62 +4702,62 @@ class Q {
       (i) => t[i] !== e[i]
     );
     s.forEach((i) => {
-      g.emit(`state:${i}:changed`, {
+      m.emit(`state:${i}:changed`, {
         oldValue: t[i],
         newValue: e[i],
         state: e
       });
-    }), s.length > 0 && g.emit("state:changed", { oldState: t, newState: e, changedKeys: s });
+    }), s.length > 0 && m.emit("state:changed", { oldState: t, newState: e, changedKeys: s });
   }
   // Calendar operations
   setView(t) {
-    this.calendar.setView(t), this.setState({ view: t }), g.emit("view:changed", { view: t });
+    this.calendar.setView(t), this.setState({ view: t }), m.emit("view:changed", { view: t });
   }
   getView() {
     return this.state.view;
   }
   setDate(t) {
-    this.calendar.goToDate(t), this.setState({ currentDate: this.calendar.getCurrentDate() }), g.emit("date:changed", { date: this.state.currentDate });
+    this.calendar.goToDate(t), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("date:changed", { date: this.state.currentDate });
   }
   getCurrentDate() {
     return this.state.currentDate;
   }
   // Navigation
   next() {
-    this.calendar.next(), this.setState({ currentDate: this.calendar.getCurrentDate() }), g.emit("navigation:next", { date: this.state.currentDate });
+    this.calendar.next(), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:next", { date: this.state.currentDate });
   }
   previous() {
-    this.calendar.previous(), this.setState({ currentDate: this.calendar.getCurrentDate() }), g.emit("navigation:previous", { date: this.state.currentDate });
+    this.calendar.previous(), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:previous", { date: this.state.currentDate });
   }
   today() {
-    this.calendar.today(), this.setState({ currentDate: this.calendar.getCurrentDate() }), g.emit("navigation:today", { date: this.state.currentDate });
+    this.calendar.today(), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:today", { date: this.state.currentDate });
   }
   goToDate(t) {
-    this.calendar.goToDate(t), this.setState({ currentDate: this.calendar.getCurrentDate() }), g.emit("navigation:goto", { date: this.state.currentDate });
+    this.calendar.goToDate(t), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:goto", { date: this.state.currentDate });
   }
   // Event management
   addEvent(t) {
     const e = this.calendar.addEvent(t);
     if (!e)
-      return console.error("Failed to add event to calendar"), g.emit("event:error", { action: "add", event: t, error: "Failed to add event" }), null;
+      return console.error("Failed to add event to calendar"), m.emit("event:error", { action: "add", event: t, error: "Failed to add event" }), null;
     const s = [...this.state.events, e];
-    return this.setState({ events: s }), g.emit("event:added", { event: e }), e;
+    return this.setState({ events: s }), m.emit("event:added", { event: e }), e;
   }
   updateEvent(t, e) {
     const s = this.calendar.updateEvent(t, e);
     if (!s)
-      return console.error(`Failed to update event: ${t}`), g.emit("event:error", { action: "update", eventId: t, updates: e, error: "Event not found in calendar" }), null;
+      return console.error(`Failed to update event: ${t}`), m.emit("event:error", { action: "update", eventId: t, updates: e, error: "Event not found in calendar" }), null;
     const i = this.state.events.findIndex((n) => n.id === t);
     if (i === -1)
-      return console.error(`Event ${t} not found in state`), g.emit("event:error", { action: "update", eventId: t, error: "Event not found in state" }), null;
+      return console.error(`Event ${t} not found in state`), m.emit("event:error", { action: "update", eventId: t, error: "Event not found in state" }), null;
     const a = [...this.state.events];
-    return a[i] = s, this.setState({ events: a }), g.emit("event:updated", { event: s }), s;
+    return a[i] = s, this.setState({ events: a }), m.emit("event:updated", { event: s }), s;
   }
   deleteEvent(t) {
     if (!this.calendar.removeEvent(t))
-      return console.error(`Failed to delete event: ${t}`), g.emit("event:error", { action: "delete", eventId: t, error: "Event not found" }), !1;
+      return console.error(`Failed to delete event: ${t}`), m.emit("event:error", { action: "delete", eventId: t, error: "Event not found" }), !1;
     const s = this.state.events.filter((i) => i.id !== t);
-    return this.setState({ events: s }), g.emit("event:deleted", { eventId: t }), !0;
+    return this.setState({ events: s }), m.emit("event:deleted", { eventId: t }), !0;
   }
   getEvents() {
     return this.calendar.getEvents();
@@ -4801,20 +4801,20 @@ class Q {
   }
   // Selection management
   selectEvent(t) {
-    this.setState({ selectedEvent: t }), g.emit("event:selected", { event: t });
+    this.setState({ selectedEvent: t }), m.emit("event:selected", { event: t });
   }
   selectEventById(t) {
     const e = this.state.events.find((s) => s.id === t);
     e && this.selectEvent(e);
   }
   deselectEvent() {
-    this.setState({ selectedEvent: null }), g.emit("event:deselected", {});
+    this.setState({ selectedEvent: null }), m.emit("event:deselected", {});
   }
   selectDate(t) {
-    this.setState({ selectedDate: t }), g.emit("date:selected", { date: t });
+    this.setState({ selectedDate: t }), m.emit("date:selected", { date: t });
   }
   deselectDate() {
-    this.setState({ selectedDate: null }), g.emit("date:deselected", {});
+    this.setState({ selectedDate: null }), m.emit("date:deselected", {});
   }
   // Utility methods
   isToday(t) {
@@ -4834,7 +4834,7 @@ class Q {
   }
   // Error handling
   setError(t) {
-    this.setState({ error: t }), t && g.emit("error", { error: t });
+    this.setState({ error: t }), t && m.emit("error", { error: t });
   }
   clearError() {
     this.setState({ error: null });
@@ -5494,7 +5494,7 @@ class p {
 /**
  * Default theme colors
  */
-C(p, "colors", {
+M(p, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5527,7 +5527,7 @@ C(p, "colors", {
 }), /**
  * Common CSS variables
  */
-C(p, "cssVariables", {
+M(p, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -5595,7 +5595,7 @@ C(p, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-C(p, "breakpoints", {
+M(p, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -5603,14 +5603,39 @@ C(p, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class J extends S {
+class J extends C {
+  // Observe data-state-registry attribute for Locker Service compatibility
+  static get observedAttributes() {
+    return ["data-state-registry"];
+  }
   constructor() {
     super(), this._stateManager = null, this.viewData = null, this.config = {
       maxEventsToShow: 3
     };
   }
+  connectedCallback() {
+    super.connectedCallback(), this._checkRegistry();
+  }
+  attributeChangedCallback(t, e, s) {
+    console.log("[MonthView] attributeChangedCallback:", t, e, "->", s), t === "data-state-registry" && s && this._checkRegistry();
+  }
+  _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);
+    }
+  }
   set stateManager(t) {
-    this._stateManager = t, t && (this.unsubscribe = t.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData());
+    console.log("[MonthView] stateManager setter called with:", !!t), this.setStateManager(t);
+  }
+  // Method alternative for Salesforce Locker Service compatibility
+  setStateManager(t) {
+    if (console.log("[MonthView] setStateManager method called with:", !!t), this._stateManager === t) {
+      console.log("[MonthView] stateManager already set, skipping");
+      return;
+    }
+    this._stateManager = t, t && (console.log("[MonthView] Subscribing to state changes and loading view data"), this.unsubscribe = t.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData());
   }
   get stateManager() {
     return this._stateManager;
@@ -5636,9 +5661,9 @@ class J extends S {
     }
   }
   loadViewData() {
-    if (!this.stateManager) return;
+    if (console.log("[MonthView] loadViewData called, stateManager:", !!this.stateManager), !this.stateManager) return;
     const t = this.stateManager.getViewData();
-    this.viewData = this.processViewData(t), this.render();
+    console.log("[MonthView] viewData from stateManager:", t), this.viewData = this.processViewData(t), console.log("[MonthView] processed viewData:", this.viewData), this.render(), console.log("[MonthView] render completed");
   }
   processViewData(t) {
     var i, a;
@@ -6011,12 +6036,28 @@ class J extends S {
     this.unsubscribe && this.unsubscribe();
   }
 }
-class X extends S {
+class X extends C {
+  static get observedAttributes() {
+    return ["data-state-registry"];
+  }
   constructor() {
     super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (t, e) => e);
   }
+  connectedCallback() {
+    super.connectedCallback(), this._checkRegistry();
+  }
+  attributeChangedCallback(t, e, s) {
+    t === "data-state-registry" && s && this._checkRegistry();
+  }
+  _checkRegistry() {
+    const t = this.getAttribute("data-state-registry");
+    t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t] && this.setStateManager(window.__forceCalendarRegistry[t]);
+  }
   set stateManager(t) {
-    this._stateManager = t, t && (this.unsubscribe = t.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData());
+    this.setStateManager(t);
+  }
+  setStateManager(t) {
+    this._stateManager !== t && (this._stateManager = t, t && (this.unsubscribe = t.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData()));
   }
   get stateManager() {
     return this._stateManager;
@@ -6332,12 +6373,28 @@ class X extends S {
     this.unsubscribe && this.unsubscribe();
   }
 }
-class tt extends S {
+class tt extends C {
+  static get observedAttributes() {
+    return ["data-state-registry"];
+  }
   constructor() {
     super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (t, e) => e);
   }
+  connectedCallback() {
+    super.connectedCallback(), this._checkRegistry();
+  }
+  attributeChangedCallback(t, e, s) {
+    t === "data-state-registry" && s && this._checkRegistry();
+  }
+  _checkRegistry() {
+    const t = this.getAttribute("data-state-registry");
+    t && window.__forceCalendarRegistry && window.__forceCalendarRegistry[t] && this.setStateManager(window.__forceCalendarRegistry[t]);
+  }
   set stateManager(t) {
-    this._stateManager = t, t && (this.unsubscribe = t.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData());
+    this.setStateManager(t);
+  }
+  setStateManager(t) {
+    this._stateManager !== t && (this._stateManager = t, t && (this.unsubscribe = t.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData()));
   }
   get stateManager() {
     return this._stateManager;
@@ -6638,7 +6695,7 @@ class tt extends S {
     this.unsubscribe && this.unsubscribe();
   }
 }
-class et extends S {
+class et extends C {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -6945,7 +7002,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 S {
+class st extends C {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
@@ -6963,13 +7020,13 @@ class st extends S {
     this.stateManager = new Q(t), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
-    g.on("navigation:*", (t, e) => {
+    m.on("navigation:*", (t, e) => {
       this.emit("calendar-navigate", { action: e.split(":")[1], ...t });
-    }), g.on("view:changed", (t) => {
+    }), m.on("view:changed", (t) => {
       this.emit("calendar-view-change", t);
-    }), g.on("event:*", (t, e) => {
+    }), m.on("event:*", (t, e) => {
       this.emit(`calendar-event-${e.split(":")[1]}`, t);
-    }), g.on("date:selected", (t) => {
+    }), m.on("date:selected", (t) => {
       this.emit("calendar-date-select", t);
     });
   }
@@ -7300,7 +7357,12 @@ class st extends S {
   }
   afterRender() {
     const t = this.$("#calendar-view");
-    t && this.stateManager && (t.stateManager = this.stateManager), this.$$("[data-action]").forEach((i) => {
+    if (console.log("[ForceCalendar] afterRender - viewElement:", t), console.log("[ForceCalendar] afterRender - stateManager:", !!this.stateManager), t && this.stateManager) {
+      const i = this._registryId || (this._registryId = "fc-" + Math.random().toString(36).substr(2, 9));
+      window.__forceCalendarRegistry = window.__forceCalendarRegistry || {}, window.__forceCalendarRegistry[i] = this.stateManager, t.setAttribute("data-state-registry", i), console.log("[ForceCalendar] Set registry ID:", i);
+    } else
+      console.log("[ForceCalendar] Could not set stateManager - viewElement:", !!t, "stateManager:", !!this.stateManager);
+    this.$$("[data-action]").forEach((i) => {
       this.addListener(i, "click", this.handleNavigation);
     }), this.$$("[data-view]").forEach((i) => {
       this.addListener(i, "click", this.handleViewChange);
@@ -7397,13 +7459,13 @@ class st extends S {
     this.stateManager.today();
   }
   destroy() {
-    this.stateManager && this.stateManager.destroy(), g.clear(), super.cleanup();
+    this.stateManager && this.stateManager.destroy(), m.clear(), super.cleanup();
   }
 }
 customElements.get("forcecal-main") || customElements.define("forcecal-main", st);
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
-  S as BaseComponent,
+  C as BaseComponent,
   E as DOMUtils,
   v as DateUtils,
   tt as DayView,
@@ -7413,6 +7475,6 @@ export {
   Q as StateManager,
   p as StyleUtils,
   X as WeekView,
-  g as eventBus
+  m as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map