Some ignored filles was missing

wwwroot/js/renderers/NavigationRenderer.js

@@ -0,0 +1,68 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * NavigationRenderer - Handles DOM rendering for navigation containers
+ * Separated from NavigationManager to follow Single Responsibility Principle
+ */
+export class NavigationRenderer {
+    constructor(eventBus, eventRenderer) {
+        this.eventBus = eventBus;
+        this.setupEventListeners();
+    }
+    /**
+     * Setup event listeners for DOM updates
+     */
+    setupEventListeners() {
+        this.eventBus.on(CoreEvents.PERIOD_INFO_UPDATE, (event) => {
+            const customEvent = event;
+            const { weekNumber, dateRange } = customEvent.detail;
+            this.updateWeekInfoInDOM(weekNumber, dateRange);
+        });
+    }
+    updateWeekInfoInDOM(weekNumber, dateRange) {
+        const weekNumberElement = document.querySelector('swp-week-number');
+        const dateRangeElement = document.querySelector('swp-date-range');
+        if (weekNumberElement) {
+            weekNumberElement.textContent = `Week ${weekNumber}`;
+        }
+        if (dateRangeElement) {
+            dateRangeElement.textContent = dateRange;
+        }
+    }
+    /**
+     * Apply filter state to pre-rendered grids
+     */
+    applyFilterToPreRenderedGrids(filterState) {
+        // Find all grid containers (including pre-rendered ones)
+        const allGridContainers = document.querySelectorAll('swp-grid-container');
+        allGridContainers.forEach(container => {
+            const eventsLayers = container.querySelectorAll('swp-events-layer');
+            eventsLayers.forEach(layer => {
+                if (filterState.active) {
+                    // Apply filter active state
+                    layer.setAttribute('data-filter-active', 'true');
+                    // Mark matching events in this layer
+                    const events = layer.querySelectorAll('swp-event');
+                    events.forEach(event => {
+                        const eventId = event.getAttribute('data-event-id');
+                        if (eventId && filterState.matchingIds.includes(eventId)) {
+                            event.setAttribute('data-matches', 'true');
+                        }
+                        else {
+                            event.removeAttribute('data-matches');
+                        }
+                    });
+                }
+                else {
+                    // Remove filter state
+                    layer.removeAttribute('data-filter-active');
+                    // Remove all match attributes
+                    const events = layer.querySelectorAll('swp-event');
+                    events.forEach(event => {
+                        event.removeAttribute('data-matches');
+                    });
+                }
+            });
+        });
+    }
+}
+//# sourceMappingURL=NavigationRenderer.js.map