Improves all-day event rendering and placement

Simplifies and improves the all-day event rendering process, ensuring
consistent container creation and proper placement of events.

- Ensures all-day containers are consistently created during header
  rendering, preventing potential issues with event placement.
- Removes the complex and unreliable mouseover detection for all-day
  conversion, simplifying the event dragging logic.
- Eliminates the dynamic all-day row height calculation, relying on
  CSS for layout control.
- Prevents errors when the all-day container is missing.

src/renderers/EventRenderer.ts

@@ -63,83 +63,8 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
       const { eventId, targetDate, headerRenderer } = (event as CustomEvent).detail;
       this.handleConvertToAllDay(eventId, targetDate, headerRenderer);
     });
-    
-    // Listen for header mouseover events (like original ColumnDetector)
-    eventBus.on('header:mouseover', (event) => {
-      const { element, targetDate, headerRenderer } = (event as CustomEvent).detail;
-      
-      if (this.draggedClone && targetDate) {
-        // Scenario 1: Timed event being dragged to header - convert to all-day
-        if (this.draggedClone.tagName === 'SWP-EVENT') {
-          headerRenderer.addToAllDay(element);
-          this.convertToAllDayPreview(targetDate);
-        }
-        
-        // Scenario 2: All-day event being moved to different day
-        else if (this.draggedClone.tagName === 'SWP-ALLDAY-EVENT') {
-          const currentDate = this.draggedClone.parentElement?.getAttribute('data-date');
-          if (currentDate !== targetDate) {
-            this.moveAllDayToNewDate(targetDate);
-          }
-        }
-      }
-    });
-    
-    // Setup header mouseover detection for all-day conversion
-    this.setupHeaderMouseoverDetection();
   }
-  
-  /**
-   * Setup header mouseover detection during drag
-   */
-  private setupHeaderMouseoverDetection(): void {
-    document.addEventListener('mouseover', (event) => {
-      if (!this.draggedClone) return; // Only during active drag
-      
-      const target = event.target as HTMLElement;
-      
-      // Check if mouse is over a day header
-      let dayHeader = target.closest('swp-day-header') as HTMLElement;
-      if (dayHeader) {
-        const targetDate = dayHeader.dataset.date;
-        if (targetDate && this.draggedClone.tagName === 'SWP-EVENT') {
-          
-          // Find the header renderer from the calendar header
-          const calendarHeader = dayHeader.closest('swp-calendar-header');
-          if (calendarHeader) {
-            // Emit header mouseover event like the original ColumnDetector did
-            eventBus.emit('header:mouseover', {
-              element: dayHeader,
-              targetDate: targetDate,
-              headerRenderer: this.getHeaderRenderer()
-            });
-          }
-        }
-      }
-    });
-  }
-  
-  /**
-   * Get the header renderer instance for triggering addToAllDay
-   */
-  private getHeaderRenderer(): any {
-    // For now, we'll create a simple object with the addToAllDay method
-    // This mimics what ColumnDetector had access to
-    return {
-      addToAllDay: (element: HTMLElement) => {
-        // Find the calendar header and call the HeaderRenderer's addToAllDay method
-        const calendarHeader = element.closest('swp-calendar-header') as HTMLElement;
-        if (calendarHeader) {
-          // Import and use HeaderRenderer directly
-          import('./HeaderRenderer').then(({ BaseHeaderRenderer }) => {
-            const headerRenderer = new BaseHeaderRenderer();
-            headerRenderer.addToAllDay(element);
-          });
-        }
-      }
-    };
-  }
-  
+
   /**
    * Get original event duration from data-duration attribute
    */
@@ -496,9 +421,10 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
       return;
     }
 
-    // Find the all-day container
+    // Find the all-day container (should always exist now)
     const allDayContainer = calendarHeader.querySelector('swp-allday-container') as HTMLElement;
     if (!allDayContainer) {
+      console.warn('All-day container not found - this should not happen');
       return;
     }
 
@@ -506,8 +432,7 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
     allDayContainer.innerHTML = '';
 
     if (allDayEvents.length === 0) {
-      // No events - just return
-      this.updateAllDayHeight(1);
+      // No events - container exists but is empty and hidden
       return;
     }
 
@@ -579,9 +504,6 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
       allDayContainer.appendChild(allDayEvent);
       
     });
-
-    // Update height based on max row
-    this.updateAllDayHeight(maxRow);
     
   }
 
@@ -651,23 +573,6 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
     return `${displayHour}:${minutes.toString().padStart(2, '0')} ${period}`;
   }
 
-  /**
-   * Update all-day row height and grid template based on number of rows
-   */
-  private updateAllDayHeight(maxRows: number): void {
-    const root = document.documentElement;
-    const eventHeight = parseInt(getComputedStyle(root).getPropertyValue('--all-day-event-height'));
-    const calculatedHeight = maxRows * eventHeight;
-    root.style.setProperty('--all-day-row-height', `${calculatedHeight}px`);
-    
-    // Update grid-template-rows for all swp-allday-containers
-    const allDayContainers = document.querySelectorAll('swp-allday-container');
-    allDayContainers.forEach(container => {
-      const gridRows = `repeat(${maxRows}, var(--all-day-event-height))`;
-      (container as HTMLElement).style.gridTemplateRows = gridRows;
-    });
-    
-  }
 
   /**
    * Calculate grid column span for event

src/renderers/HeaderRenderer.ts

@@ -39,10 +39,10 @@ export abstract class BaseHeaderRenderer implements HeaderRenderer {
   }
 
   /**
-   * Ensure all-day containers exist - but don't create them initially, use lazy creation
+   * Ensure all-day containers exist - always create them during header rendering
    */
   ensureAllDayContainers(calendarHeader: HTMLElement): void {
-    // Do nothing initially - containers will be created when first needed
+    this.createAllDayMainStructure(calendarHeader);
   }
 
   private animateHeaderExpansion(calendarHeader: HTMLElement): void {
@@ -163,6 +163,9 @@ export class DateHeaderRenderer extends BaseHeaderRenderer {
       
       calendarHeader.appendChild(header);
     });
+    
+    // Always create all-day container after rendering headers
+    this.ensureAllDayContainers(calendarHeader);
   }
 }
 
@@ -192,5 +195,7 @@ export class ResourceHeaderRenderer extends BaseHeaderRenderer {
       calendarHeader.appendChild(header);
     });
 
+    // Always create all-day container after rendering headers
+    this.ensureAllDayContainers(calendarHeader);
   }
 }