@forcecalendar/interface 1.0.25 → 1.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forcecalendar/interface",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "type": "module",
   "description": "Official interface layer for forceCalendar Core - Enterprise calendar components",
   "main": "dist/force-calendar-interface.umd.js",

package/src/renderers/BaseViewRenderer.js

@@ -211,16 +211,17 @@ export class BaseViewRenderer {
      * Attach common event handlers for day/event clicks
      */
     attachCommonEventHandlers() {
-        // Event click handlers
-        this.container.querySelectorAll('.fc-event').forEach(eventEl => {
-            this.addListener(eventEl, 'click', (e) => {
-                e.stopPropagation();
-                const eventId = eventEl.dataset.eventId;
-                const event = this.stateManager.getEvents().find(ev => ev.id === eventId);
-                if (event) {
-                    this.stateManager.selectEvent(event);
-                }
-            });
+        // Delegate event clicks at container level to avoid rebinding per event node.
+        this.addListener(this.container, 'click', (e) => {
+            const eventEl = e.target.closest('.fc-event');
+            if (!eventEl || !this.container.contains(eventEl)) return;
+
+            e.stopPropagation();
+            const eventId = eventEl.dataset.eventId;
+            const event = this.stateManager.getEvents().find(ev => ev.id === eventId);
+            if (event) {
+                this.stateManager.selectEvent(event);
+            }
         });
     }
 }

package/src/renderers/DayViewRenderer.js

@@ -164,20 +164,19 @@ export class DayViewRenderer extends BaseViewRenderer {
     }
 
     _attachEventHandlers() {
-        // Day column click handler
-        this.container.querySelectorAll('.fc-day-column').forEach(dayEl => {
-            this.addListener(dayEl, 'click', (e) => {
-                if (e.target.closest('.fc-event')) return;
-
-                const date = new Date(dayEl.dataset.date);
-                const rect = dayEl.getBoundingClientRect();
-                const scrollContainer = this.container.querySelector('#day-scroll-container');
-                const y = e.clientY - rect.top + (scrollContainer ? scrollContainer.scrollTop : 0);
-
-                // Calculate time from click position
-                date.setHours(Math.floor(y / this.hourHeight), Math.floor((y % this.hourHeight) / (this.hourHeight / 60)), 0, 0);
-                this.stateManager.selectDate(date);
-            });
+        this.addListener(this.container, 'click', (e) => {
+            const dayEl = e.target.closest('.fc-day-column');
+            if (!dayEl || !this.container.contains(dayEl)) return;
+            if (e.target.closest('.fc-event')) return;
+
+            const date = new Date(dayEl.dataset.date);
+            const rect = dayEl.getBoundingClientRect();
+            const scrollContainer = this.container.querySelector('#day-scroll-container');
+            const y = e.clientY - rect.top + (scrollContainer ? scrollContainer.scrollTop : 0);
+
+            // Calculate time from click position
+            date.setHours(Math.floor(y / this.hourHeight), Math.floor((y % this.hourHeight) / (this.hourHeight / 60)), 0, 0);
+            this.stateManager.selectDate(date);
         });
 
         // Common event handlers (event clicks)

package/src/renderers/MonthViewRenderer.js

@@ -108,13 +108,13 @@ export class MonthViewRenderer extends BaseViewRenderer {
     }
 
     _attachEventHandlers() {
-        // Day click handlers
-        this.container.querySelectorAll('.fc-month-day').forEach(dayEl => {
-            this.addListener(dayEl, 'click', (e) => {
-                if (e.target.closest('.fc-event')) return;
-                const date = new Date(dayEl.dataset.date);
-                this.stateManager.selectDate(date);
-            });
+        this.addListener(this.container, 'click', (e) => {
+            const dayEl = e.target.closest('.fc-month-day');
+            if (!dayEl || !this.container.contains(dayEl)) return;
+            if (e.target.closest('.fc-event')) return;
+
+            const date = new Date(dayEl.dataset.date);
+            this.stateManager.selectDate(date);
         });
 
         // Common event handlers (event clicks)

package/src/renderers/WeekViewRenderer.js

@@ -136,20 +136,19 @@ export class WeekViewRenderer extends BaseViewRenderer {
     }
 
     _attachEventHandlers() {
-        // Day column click handlers
-        this.container.querySelectorAll('.fc-week-day-column').forEach(dayEl => {
-            this.addListener(dayEl, 'click', (e) => {
-                if (e.target.closest('.fc-event')) return;
-
-                const date = new Date(dayEl.dataset.date);
-                const rect = dayEl.getBoundingClientRect();
-                const scrollContainer = this.container.querySelector('#week-scroll-container');
-                const y = e.clientY - rect.top + (scrollContainer ? scrollContainer.scrollTop : 0);
-
-                // Calculate time from click position
-                date.setHours(Math.floor(y / this.hourHeight), Math.floor((y % this.hourHeight) / (this.hourHeight / 60)), 0, 0);
-                this.stateManager.selectDate(date);
-            });
+        this.addListener(this.container, 'click', (e) => {
+            const dayEl = e.target.closest('.fc-week-day-column');
+            if (!dayEl || !this.container.contains(dayEl)) return;
+            if (e.target.closest('.fc-event')) return;
+
+            const date = new Date(dayEl.dataset.date);
+            const rect = dayEl.getBoundingClientRect();
+            const scrollContainer = this.container.querySelector('#week-scroll-container');
+            const y = e.clientY - rect.top + (scrollContainer ? scrollContainer.scrollTop : 0);
+
+            // Calculate time from click position
+            date.setHours(Math.floor(y / this.hourHeight), Math.floor((y % this.hourHeight) / (this.hourHeight / 60)), 0, 0);
+            this.stateManager.selectDate(date);
         });
 
         // Common event handlers (event clicks)