@forcecalendar/interface 1.0.42 → 1.0.43

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() {
@@ -253,7 +253,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 +604,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 +1136,7 @@ class u {
 /**
  * Default theme colors
  */
-v(u, "colors", {
+g(u, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -1169,7 +1169,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 +1237,7 @@ v(u, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-v(u, "breakpoints", {
+g(u, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -1245,7 +1245,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 +1284,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 +1395,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 +1438,7 @@ class E {
     });
   }
 }
-class g extends E {
+class w extends k {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -1513,7 +1513,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 +1650,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 +1794,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 +2070,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 +2099,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 +2205,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 +2626,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 +2689,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 +2713,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 +2795,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