@forcecalendar/interface 1.0.48 → 1.0.50

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

@@ -1,7 +1,7 @@
-var C = Object.defineProperty;
-var F = (h, t, e) => t in h ? C(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var g = (h, t, e) => F(h, typeof t != "symbol" ? t + "" : t, e);
-import { Calendar as H, DateUtils as L } from "@forcecalendar/core";
+var F = Object.defineProperty;
+var H = (h, t, e) => t in h ? F(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var v = (h, t, e) => H(h, typeof t != "symbol" ? t + "" : t, e);
+import { Calendar as L, DateUtils as V } from "@forcecalendar/core";
 class M extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
@@ -249,10 +249,10 @@ class T {
     return t;
   }
 }
-const j = new T();
-class V {
+const U = new T();
+class I {
   constructor(t = {}) {
-    this.eventBus = new T(), this.calendar = new H({
+    this.eventBus = new T(), this.calendar = new L({
       view: t.view || "month",
       date: t.date || /* @__PURE__ */ new Date(),
       weekStartsOn: t.weekStartsOn ?? 0,
@@ -486,7 +486,7 @@ class V {
     this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.eventBus && (this.eventBus.clear(), this.eventBus = null), this.state = null, this.calendar = null;
   }
 }
-class p extends L {
+class p extends V {
   /**
    * Format date for display
    */
@@ -548,8 +548,8 @@ class p extends L {
    * Get relative time string (e.g., "2 hours ago", "in 3 days")
    */
   static getRelativeTime(t, e = /* @__PURE__ */ new Date(), r = "en-US") {
-    const i = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), s = t - e, n = Math.floor(s / 1e3), a = Math.floor(n / 60), o = Math.floor(a / 60), c = Math.floor(o / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), u = Math.floor(c / 365);
-    return Math.abs(n) < 60 ? i.format(n, "second") : Math.abs(a) < 60 ? i.format(a, "minute") : Math.abs(o) < 24 ? i.format(o, "hour") : Math.abs(c) < 7 ? i.format(c, "day") : Math.abs(d) < 4 ? i.format(d, "week") : Math.abs(l) < 12 ? i.format(l, "month") : i.format(u, "year");
+    const i = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), s = t - e, n = Math.floor(s / 1e3), a = Math.floor(n / 60), o = Math.floor(a / 60), c = Math.floor(o / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), f = Math.floor(c / 365);
+    return Math.abs(n) < 60 ? i.format(n, "second") : Math.abs(a) < 60 ? i.format(a, "minute") : Math.abs(o) < 24 ? i.format(o, "hour") : Math.abs(c) < 7 ? i.format(c, "day") : Math.abs(d) < 4 ? i.format(d, "week") : Math.abs(l) < 12 ? i.format(l, "month") : i.format(f, "year");
   }
   /**
    * Check if date is today
@@ -795,7 +795,7 @@ class D {
     return t.addEventListener("keydown", s), r == null || r.focus(), () => t.removeEventListener("keydown", s);
   }
 }
-class f {
+class u {
   /**
    * Get CSS variable value
    */
@@ -1132,7 +1132,7 @@ class f {
 /**
  * Default theme colors
  */
-g(f, "colors", {
+v(u, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -1165,7 +1165,7 @@ g(f, "colors", {
 }), /**
  * Common CSS variables
  */
-g(f, "cssVariables", {
+v(u, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -1233,7 +1233,7 @@ g(f, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-g(f, "breakpoints", {
+v(u, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -1325,7 +1325,7 @@ class E {
    * @returns {string} '#000000' or '#FFFFFF'
    */
   getContrastingTextColor(t) {
-    return !t || typeof t != "string" || t.charAt(0) !== "#" ? "white" : f.getContrastColor(t);
+    return !t || typeof t != "string" || t.charAt(0) !== "#" ? "white" : u.getContrastColor(t);
   }
   /**
    * Render the "now" indicator line for time-based views
@@ -1345,8 +1345,8 @@ class E {
   computeOverlapLayout(t) {
     if (!t || t.length === 0) return /* @__PURE__ */ new Map();
     const e = t.map((o) => {
-      const c = new Date(o.start), d = new Date(o.end), l = c.getHours() * 60 + c.getMinutes(), u = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
-      return { id: o.id, startMin: l, endMin: u };
+      const c = new Date(o.start), d = new Date(o.end), l = c.getHours() * 60 + c.getMinutes(), f = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
+      return { id: o.id, startMin: l, endMin: f };
     });
     e.sort((o, c) => o.startMin - c.startMin || c.endMin - c.startMin - (o.endMin - o.startMin));
     const r = [], i = /* @__PURE__ */ new Map();
@@ -1380,20 +1380,20 @@ class E {
    * @returns {string} HTML string
    */
   renderTimedEvent(t, e = {}) {
-    const { compact: r = !0, overlapLayout: i = null } = e, s = new Date(t.start), n = new Date(t.end), a = s.getHours() * 60 + s.getMinutes(), o = Math.max((n - s) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(t), d = r ? "4px 8px" : "8px 12px", l = r ? "11px" : "13px", u = r ? 2 : 12, m = r ? 2 : 24, b = r ? "4px" : "6px";
+    const { compact: r = !0, overlapLayout: i = null } = e, s = new Date(t.start), n = new Date(t.end), a = s.getHours() * 60 + s.getMinutes(), o = Math.max((n - s) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(t), d = this.getContrastingTextColor(c), l = r ? "4px 8px" : "8px 12px", f = r ? "11px" : "13px", g = r ? 2 : 12, b = r ? 2 : 24, C = r ? "4px" : "6px";
     let y, x;
     if (i && i.has(t.id)) {
-      const { column: S, totalColumns: _ } = i.get(t.id), $ = `(100% - ${u + m}px)`;
-      y = `calc(${u}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
+      const { column: S, totalColumns: _ } = i.get(t.id), $ = `(100% - ${g + b}px)`;
+      y = `calc(${g}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
     } else
-      y = `${u}px`, x = `calc(100% - ${u + m}px)`;
+      y = `${g}px`, x = `calc(100% - ${g + b}px)`;
     return `
             <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(t.id)}"
                  style="position: absolute; top: ${a}px; height: ${o}px;
                         left: ${y}; width: ${x};
-                        background-color: ${c}; border-radius: ${b};
-                        padding: ${d}; font-size: ${l};
-                        font-weight: 500; color: white; overflow: hidden;
+                        background-color: ${c}; border-radius: ${C};
+                        padding: ${l}; font-size: ${f};
+                        font-weight: 500; color: ${d}; overflow: hidden;
                         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                         cursor: pointer; z-index: 5;">
                 <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
@@ -1411,7 +1411,7 @@ class E {
    * @returns {string}
    */
   getEventColor(t) {
-    return f.sanitizeColor(t == null ? void 0 : t.backgroundColor, "#2563eb");
+    return u.sanitizeColor(t == null ? void 0 : t.backgroundColor, "#2563eb");
   }
   /**
    * Attach common event handlers for day/event clicks
@@ -1501,7 +1501,7 @@ class w extends E {
     }), this.attachCommonEventHandlers();
   }
 }
-class I extends E {
+class z extends E {
   constructor(t, e) {
     super(t, e), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1638,7 +1638,7 @@ class I extends E {
     t && (t.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class z extends E {
+class B extends E {
   constructor(t, e) {
     super(t, e), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1654,11 +1654,11 @@ class z extends E {
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _renderDayView(t, e) {
-    var l, u;
-    const r = ((u = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : u.currentDate) || /* @__PURE__ */ new Date(), i = this._extractDayData(t, r);
+    var l, f;
+    const r = ((f = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : f.currentDate) || /* @__PURE__ */ new Date(), i = this._extractDayData(t, r);
     if (!i)
       return '<div style="padding: 20px; text-align: center; color: var(--fc-text-secondary);">No data available for day view.</div>';
-    const { dayDate: s, dayName: n, isToday: a, allDayEvents: o, timedEvents: c } = i, d = Array.from({ length: 24 }, (m, b) => b);
+    const { dayDate: s, dayName: n, isToday: a, allDayEvents: o, timedEvents: c } = i, d = Array.from({ length: 24 }, (g, b) => b);
     return `
             <div class="fc-day-view" style="display: flex; flex-direction: column; height: 100%; background: var(--fc-background); overflow: hidden;">
                 ${this._renderHeader(s, n, a)}
@@ -1782,7 +1782,7 @@ class z extends E {
     t && (t.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class B extends M {
+class A extends M {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -1812,8 +1812,8 @@ class B extends M {
   }
   getStyles() {
     return `
-            ${f.getBaseStyles()}
-            ${f.getButtonStyles()}
+            ${u.getBaseStyles()}
+            ${u.getButtonStyles()}
 
             :host {
                 display: none;
@@ -2087,13 +2087,13 @@ class B 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", B);
-const v = class v extends M {
+customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", A);
+const m = class m extends M {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
   constructor() {
-    super(), this.stateManager = null, this.currentView = null, this._hasRendered = !1, this._cachedStyles = null, this._busUnsubscribers = [];
+    super(), this.stateManager = null, this.currentView = null, this._hasRendered = !1, this._busUnsubscribers = [];
   }
   initialize() {
     const t = {
@@ -2103,7 +2103,7 @@ const v = class v extends M {
       timeZone: this.getAttribute("timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone,
       weekStartsOn: parseInt(this.getAttribute("week-starts-on") || "0")
     };
-    this.stateManager = new V(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
+    this.stateManager = new I(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
     this._busUnsubscribers.forEach((r) => r()), this._busUnsubscribers = [];
@@ -2193,7 +2193,7 @@ const v = class v extends M {
     if (t) {
       this._currentViewInstance && this._currentViewInstance.cleanup && this._currentViewInstance.cleanup();
       try {
-        const e = v.RENDERERS[this.currentView] || w, r = new e(t, this.stateManager);
+        const e = m.RENDERERS[this.currentView] || w, r = new e(t, this.stateManager);
         r._viewType = this.currentView, this._currentViewInstance = r, r.render();
       } catch (e) {
         console.error("[ForceCalendar] Error switching view:", e);
@@ -2222,10 +2222,10 @@ const v = class v extends M {
   getStyles() {
     const t = this.getAttribute("height") || "800px";
     return `
-            ${f.getBaseStyles()}
-            ${f.getButtonStyles()}
-            ${f.getGridStyles()}
-            ${f.getAnimations()}
+            ${u.getBaseStyles()}
+            ${u.getButtonStyles()}
+            ${u.getGridStyles()}
+            ${u.getAnimations()}
 
             :host {
                 --calendar-height: ${t};
@@ -2677,7 +2677,7 @@ const v = class v extends M {
         return;
       this._currentViewInstance && (this._currentViewInstance.cleanup && this._currentViewInstance.cleanup(), this._viewUnsubscribe && (this._viewUnsubscribe(), this._viewUnsubscribe = null));
       try {
-        const i = v.RENDERERS[this.currentView] || w, s = new i(t, this.stateManager);
+        const i = m.RENDERERS[this.currentView] || w, s = new i(t, this.stateManager);
         s._viewType = this.currentView, this._currentViewInstance = s, s.render();
       } catch (i) {
         console.error("[ForceCalendar] Error creating/rendering view:", i);
@@ -2787,25 +2787,25 @@ const v = class v extends M {
     this._busUnsubscribers.forEach((t) => t()), this._busUnsubscribers = [], this._stateUnsubscribe && (this._stateUnsubscribe(), this._stateUnsubscribe = null), this._currentViewInstance && this._currentViewInstance.cleanup && (this._currentViewInstance.cleanup(), this._currentViewInstance = null), this.stateManager && this.stateManager.destroy(), super.cleanup();
   }
 };
-g(v, "RENDERERS", {
+v(m, "RENDERERS", {
   month: w,
-  week: I,
-  day: z
+  week: z,
+  day: B
 });
-let k = v;
+let k = m;
 customElements.get("forcecal-main") || customElements.define("forcecal-main", k);
 export {
   M as BaseComponent,
   E as BaseViewRenderer,
   D as DOMUtils,
   p as DateUtils,
-  z as DayViewRenderer,
+  B as DayViewRenderer,
   T as EventBus,
   k as ForceCalendar,
   w as MonthViewRenderer,
-  V as StateManager,
-  f as StyleUtils,
-  I as WeekViewRenderer,
-  j as eventBus
+  I as StateManager,
+  u as StyleUtils,
+  z as WeekViewRenderer,
+  U as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map