@forcecalendar/interface 1.0.51 → 1.0.52

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

@@ -1,7 +1,7 @@
 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";
+import { Calendar as I, DateUtils as L } 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;
@@ -111,7 +111,7 @@ class M extends HTMLElement {
     this.setProp(t, r), this._initialized && this.render();
   }
 }
-class S {
+class T {
   constructor() {
     this.events = /* @__PURE__ */ new Map(), this.wildcardHandlers = /* @__PURE__ */ new Set();
   }
@@ -249,10 +249,10 @@ class S {
     return t;
   }
 }
-const U = new S();
-class I {
+const U = new T();
+class V {
   constructor(t = {}) {
-    this.eventBus = new S(), this.calendar = new L({
+    this.eventBus = new T(), this.calendar = new I({
       view: t.view || "month",
       date: t.date || /* @__PURE__ */ new Date(),
       weekStartsOn: t.weekStartsOn ?? 0,
@@ -486,7 +486,7 @@ class I {
     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 u extends V {
+class u extends L {
   /**
    * Format date for display
    */
@@ -1254,7 +1254,7 @@ class E {
    * @param {StateManager} stateManager - The state manager instance
    */
   constructor(t, e) {
-    this.container = t, this.stateManager = e, this._listeners = [], this._scrolled = !1;
+    this.container = t, this.stateManager = e, this._listeners = [], this._scrolled = !1, this._nowIndicatorTimer = null;
   }
   /**
    * Render the view into the container
@@ -1269,7 +1269,7 @@ class E {
   cleanup() {
     this._listeners.forEach(({ element: t, event: e, handler: r }) => {
       t.removeEventListener(e, r);
-    }), this._listeners = [];
+    }), this._listeners = [], this._nowIndicatorTimer && (clearInterval(this._nowIndicatorTimer), this._nowIndicatorTimer = null);
   }
   /**
    * Add an event listener with automatic cleanup tracking
@@ -1342,6 +1342,19 @@ class E {
     const t = /* @__PURE__ */ new Date();
     return `<div class="fc-now-indicator" style="position: absolute; left: 0; right: 0; top: ${t.getHours() * 60 + t.getMinutes()}px; height: 2px; background: var(--fc-danger-color); z-index: 15; pointer-events: none;"></div>`;
   }
+  /**
+   * Start a timer that updates the now indicator position every 60 seconds.
+   * Call this after render() in day/week views that show a now indicator.
+   */
+  startNowIndicatorTimer() {
+    this._nowIndicatorTimer && clearInterval(this._nowIndicatorTimer), this._nowIndicatorTimer = setInterval(() => {
+      const t = this.container.querySelector(".fc-now-indicator");
+      if (t) {
+        const e = /* @__PURE__ */ new Date();
+        t.style.top = `${e.getHours() * 60 + e.getMinutes()}px`;
+      }
+    }, 6e4);
+  }
   /**
    * Compute overlap layout columns for a list of timed events.
    * Returns a Map of event.id -> { column, totalColumns }.
@@ -1387,7 +1400,7 @@ 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), l = this.getContrastingTextColor(c), d = r ? "4px 8px" : "8px 12px", p = r ? "11px" : "13px", g = r ? 2 : 12, b = r ? 2 : 24, T = 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), l = this.getContrastingTextColor(c), d = r ? "4px 8px" : "8px 12px", p = r ? "11px" : "13px", g = r ? 2 : 12, b = r ? 2 : 24, S = r ? "4px" : "6px";
     let y, x;
     if (i && i.has(t.id)) {
       const { column: C, totalColumns: _ } = i.get(t.id), $ = `(100% - ${g + b}px)`;
@@ -1398,7 +1411,7 @@ class E {
             <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: ${T};
+                        background-color: ${c}; border-radius: ${S};
                         padding: ${d}; font-size: ${p};
                         font-weight: 500; color: ${l}; overflow: hidden;
                         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
@@ -1521,7 +1534,7 @@ class z extends E {
     }
     this.cleanup(), this._scrolled = !1;
     const e = this.stateManager.getState().config, r = this._renderWeekView(t, e);
-    this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
+    this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime(), this.startNowIndicatorTimer();
   }
   _renderWeekView(t, e) {
     const r = t.days, i = this.stateManager.getState().config.locale || "en-US", s = Array.from({ length: 24 }, (a, o) => o), n = r.map((a) => {
@@ -1658,7 +1671,7 @@ class B extends E {
     }
     this.cleanup(), this._scrolled = !1;
     const e = this.stateManager.getState().config, r = this._renderDayView(t, e);
-    this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
+    this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime(), this.startNowIndicatorTimer();
   }
   _renderDayView(t, e) {
     var d, p;
@@ -2110,7 +2123,7 @@ const m = class m extends M {
       timeZone: this.getAttribute("timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone,
       weekStartsOn: parseInt(this.getAttribute("week-starts-on") || "0")
     };
-    this.stateManager = new I(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
+    this.stateManager = new V(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
     this._busUnsubscribers.forEach((r) => r()), this._busUnsubscribers = [];
@@ -2807,10 +2820,10 @@ export {
   k as DOMUtils,
   u as DateUtils,
   B as DayViewRenderer,
-  S as EventBus,
+  T as EventBus,
   D as ForceCalendar,
   w as MonthViewRenderer,
-  I as StateManager,
+  V as StateManager,
   f as StyleUtils,
   z as WeekViewRenderer,
   U as eventBus