@forcecalendar/interface 1.0.42 → 1.0.44

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

@@ -1,6 +1,6 @@
-var S = Object.defineProperty;
-var F = (h, e, t) => e in h ? S(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var v = (h, e, t) => F(h, typeof e != "symbol" ? e + "" : e, t);
+var C = Object.defineProperty;
+var F = (h, e, t) => e in h ? C(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
+var g = (h, e, t) => F(h, typeof e != "symbol" ? e + "" : e, t);
 import { Calendar as H, DateUtils as L } from "@forcecalendar/core";
 class M extends HTMLElement {
   constructor() {
@@ -179,39 +179,35 @@ class T {
       t.handler === e && this.wildcardHandlers.delete(t);
   }
   /**
-   * Emit an event
+   * Emit an event synchronously
    * @param {string} eventName - Event name
    * @param {*} data - Event data
-   * @returns {Promise} Resolves when all handlers complete
    */
-  async emit(e, t) {
-    const r = [];
+  emit(e, t) {
     if (this.events.has(e)) {
-      const i = [...this.events.get(e)];
-      for (const n of i) {
-        const { handler: o, once: a } = n;
-        a && this.off(e, o);
+      const s = [...this.events.get(e)];
+      for (const i of s) {
+        const { handler: n, once: o } = i;
+        o && this.off(e, n);
         try {
-          const c = o(t, e);
-          c instanceof Promise && r.push(c);
-        } catch (c) {
-          console.error(`Error in event handler for ${e}:`, c);
+          n(t, e);
+        } catch (a) {
+          console.error(`Error in event handler for ${e}:`, a);
         }
       }
     }
-    const s = [];
-    for (const i of [...this.wildcardHandlers])
-      if (this.matchesPattern(e, i.pattern)) {
-        const { handler: n, once: o } = i;
-        o && s.push(i);
+    const r = [];
+    for (const s of [...this.wildcardHandlers])
+      if (this.matchesPattern(e, s.pattern)) {
+        const { handler: i, once: n } = s;
+        n && r.push(s);
         try {
-          const a = n(t, e);
-          a instanceof Promise && r.push(a);
-        } catch (a) {
-          console.error(`Error in wildcard handler for ${e}:`, a);
+          i(t, e);
+        } catch (o) {
+          console.error(`Error in wildcard handler for ${e}:`, o);
         }
       }
-    return s.forEach((i) => this.wildcardHandlers.delete(i)), Promise.all(r);
+    r.forEach((s) => this.wildcardHandlers.delete(s));
   }
   /**
    * Check if event name matches a pattern
@@ -253,7 +249,7 @@ class T {
     return e;
   }
 }
-const R = new T();
+const j = new T();
 class V {
   constructor(e = {}) {
     this.eventBus = new T(), this.calendar = new H({
@@ -604,7 +600,7 @@ class p extends L {
     return i && (i.toLowerCase() === "pm" && n < 12 ? a = n + 12 : i.toLowerCase() === "am" && n === 12 && (a = 0)), r.setHours(a, o || 0, 0, 0), r;
   }
 }
-class k {
+class E {
   /**
    * Create element with attributes and children
    */
@@ -1136,7 +1132,7 @@ class u {
 /**
  * Default theme colors
  */
-v(u, "colors", {
+g(u, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -1169,7 +1165,7 @@ v(u, "colors", {
 }), /**
  * Common CSS variables
  */
-v(u, "cssVariables", {
+g(u, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -1237,7 +1233,7 @@ v(u, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-v(u, "breakpoints", {
+g(u, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -1245,7 +1241,7 @@ v(u, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class E {
+class k {
   /**
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
@@ -1284,7 +1280,7 @@ class E {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : k.escapeHTML(String(e));
+    return e == null ? "" : E.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -1395,8 +1391,8 @@ class E {
     const { compact: r = !0, overlapLayout: s = null } = t, i = new Date(e.start), n = new Date(e.end), o = i.getHours() * 60 + i.getMinutes(), a = Math.max((n - i) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(e), d = r ? "4px 8px" : "8px 12px", l = r ? "11px" : "13px", f = r ? 2 : 12, m = r ? 2 : 24, b = r ? "4px" : "6px";
     let y, x;
     if (s && s.has(e.id)) {
-      const { column: C, totalColumns: _ } = s.get(e.id), $ = `(100% - ${f + m}px)`;
-      y = `calc(${f}px + ${C} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
+      const { column: S, totalColumns: _ } = s.get(e.id), $ = `(100% - ${f + m}px)`;
+      y = `calc(${f}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
     } else
       y = `${f}px`, x = `calc(100% - ${f + m}px)`;
     return `
@@ -1438,7 +1434,7 @@ class E {
     });
   }
 }
-class g extends E {
+class w extends k {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -1513,7 +1509,7 @@ class g extends E {
     }), this.attachCommonEventHandlers();
   }
 }
-class w extends E {
+class I extends k {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1650,7 +1646,7 @@ class w extends E {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class D extends E {
+class z extends k {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1794,7 +1790,7 @@ class D extends E {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class I extends M {
+class B extends M {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -2070,7 +2066,7 @@ class I extends M {
     });
   }
   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 && this._cleanupFocusTrap(), this._cleanupFocusTrap = k.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 = E.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -2099,8 +2095,8 @@ class I extends M {
     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", I);
-class z extends M {
+customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", B);
+const v = class v extends M {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
@@ -2205,12 +2201,8 @@ class z extends M {
     if (e) {
       this._currentViewInstance && this._currentViewInstance.cleanup && this._currentViewInstance.cleanup();
       try {
-        const r = {
-          month: g,
-          week: w,
-          day: D
-        }[this.currentView] || g, s = new r(e, this.stateManager);
-        s._viewType = this.currentView, this._currentViewInstance = s, s.render();
+        const t = v.RENDERERS[this.currentView] || w, r = new t(e, this.stateManager);
+        r._viewType = this.currentView, this._currentViewInstance = r, r.render();
       } catch (t) {
         console.error("[ForceCalendar] Error switching view:", t);
       }
@@ -2630,7 +2622,7 @@ class z extends M {
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${k.escapeHTML(i.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${E.escapeHTML(i.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -2693,12 +2685,8 @@ class z extends M {
         return;
       this._currentViewInstance && (this._currentViewInstance.cleanup && this._currentViewInstance.cleanup(), this._viewUnsubscribe && (this._viewUnsubscribe(), this._viewUnsubscribe = null));
       try {
-        const i = {
-          month: g,
-          week: w,
-          day: D
-        }[this.currentView] || g, n = new i(e, this.stateManager);
-        n._viewType = this.currentView, this._currentViewInstance = n, n.render();
+        const s = v.RENDERERS[this.currentView] || w, i = new s(e, this.stateManager);
+        i._viewType = this.currentView, this._currentViewInstance = i, i.render();
       } catch (s) {
         console.error("[ForceCalendar] Error creating/rendering view:", s);
       }
@@ -2721,20 +2709,6 @@ class z extends M {
       });
     }), this._hasRendered = !0;
   }
-  /**
-   * Create a view renderer instance for the given view type
-   * Uses pure JavaScript renderer classes for Salesforce Locker Service compatibility
-   * @param {string} viewName - 'month', 'week', or 'day'
-   * @returns {BaseViewRenderer} Renderer instance
-   */
-  _createViewRenderer(e) {
-    const r = {
-      month: g,
-      week: w,
-      day: D
-    }[e] || g;
-    return new r(null, null);
-  }
   handleNavigation(e) {
     switch (e.currentTarget.dataset.action) {
       case "today":
@@ -2817,20 +2791,26 @@ class z extends M {
   destroy() {
     this._busUnsubscribers.forEach((e) => e()), this._busUnsubscribers = [], this.stateManager && this.stateManager.destroy(), super.cleanup();
   }
-}
-customElements.get("forcecal-main") || customElements.define("forcecal-main", z);
+};
+g(v, "RENDERERS", {
+  month: w,
+  week: I,
+  day: z
+});
+let D = v;
+customElements.get("forcecal-main") || customElements.define("forcecal-main", D);
 export {
   M as BaseComponent,
-  E as BaseViewRenderer,
-  k as DOMUtils,
+  k as BaseViewRenderer,
+  E as DOMUtils,
   p as DateUtils,
-  D as DayViewRenderer,
+  z as DayViewRenderer,
   T as EventBus,
-  z as ForceCalendar,
-  g as MonthViewRenderer,
+  D as ForceCalendar,
+  w as MonthViewRenderer,
   V as StateManager,
   u as StyleUtils,
-  w as WeekViewRenderer,
-  R as eventBus
+  I as WeekViewRenderer,
+  j as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map