Major refactor into type safe TS

With a risk oof rolling it all back

src/renderers/EventRenderer.ts

@@ -8,6 +8,7 @@ import { OverlapDetector, OverlapResult } from '../utils/OverlapDetector';
 import { SwpEventElement } from '../elements/SwpEventElement';
 import { TimeFormatter } from '../utils/TimeFormatter';
 import { PositionUtils } from '../utils/PositionUtils';
+import { DragOffset, StackLinkData } from '../types/DragDropTypes';
 
 /**
  * Interface for event rendering strategies
@@ -15,8 +16,8 @@ import { PositionUtils } from '../utils/PositionUtils';
 export interface EventRendererStrategy {
   renderEvents(events: CalendarEvent[], container: HTMLElement): void;
   clearEvents(container?: HTMLElement): void;
-  handleDragStart?(originalElement: HTMLElement, eventId: string, mouseOffset: any, column: string): void;
-  handleDragMove?(eventId: string, snappedY: number, column: string, mouseOffset: any): void;
+  handleDragStart?(originalElement: HTMLElement, eventId: string, mouseOffset: DragOffset, column: string): void;
+  handleDragMove?(eventId: string, snappedY: number, column: string, mouseOffset: DragOffset): void;
   handleDragAutoScroll?(eventId: string, snappedY: number): void;
   handleDragEnd?(eventId: string, originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: string, finalY: number): void;
   handleEventClick?(eventId: string, originalElement: HTMLElement): void;
@@ -159,7 +160,7 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
   /**
    * Handle drag start event
    */
-  public handleDragStart(originalElement: HTMLElement, eventId: string, mouseOffset: any, column: string): void {
+  public handleDragStart(originalElement: HTMLElement, eventId: string, mouseOffset: DragOffset, column: string): void {
     this.originalEvent = originalElement;
 
     // Remove stacking styling during drag will be handled by new system
@@ -195,7 +196,7 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
   /**
    * Handle drag move event
    */
-  public handleDragMove(eventId: string, snappedY: number, column: string, mouseOffset: any): void {
+  public handleDragMove(eventId: string, snappedY: number, column: string, mouseOffset: DragOffset): void {
     if (!this.draggedClone) return;
 
     // Update position
@@ -259,7 +260,7 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
         const allStackEventIds: Set<string> = new Set();
 
         // Recursive funktion til at traversere stack chain
-        const traverseStack = (linkData: any, visitedIds: Set<string>) => {
+        const traverseStack = (linkData: StackLinkData, visitedIds: Set<string>) => {
           if (linkData.prev && !visitedIds.has(linkData.prev)) {
             visitedIds.add(linkData.prev);
             const prevElement = document.querySelector(`swp-time-grid [data-event-id="${linkData.prev}"]`) as HTMLElement;

src/renderers/EventRendererManager.ts

@@ -275,7 +275,7 @@ export class EventRenderingService {
     /**
      * Handle conversion from all-day event to time event
      */
-    private handleConvertToTimeEvent(draggedElement: HTMLElement, mousePosition: any, column: string): void {
+    private handleConvertToTimeEvent(draggedElement: HTMLElement, mousePosition: { x: number; y: number }, column: string): void {
         // Use the provided draggedElement directly
         const allDayClone = draggedElement;
         const draggedEventId = draggedElement?.dataset.eventId?.replace('clone-', '') || '';

src/renderers/GridStyleManager.ts

@@ -1,6 +1,16 @@
 import { calendarConfig } from '../core/CalendarConfig';
 import { ResourceCalendarData } from '../types/CalendarTypes';
 
+interface GridSettings {
+  hourHeight: number;
+  snapInterval: number;
+  dayStartHour: number;
+  dayEndHour: number;
+  workStartHour: number;
+  workEndHour: number;
+  fitToWidth?: boolean;
+}
+
 /**
  * GridStyleManager - Manages CSS variables and styling for the grid
  * Separated from GridManager to follow Single Responsibility Principle
@@ -38,7 +48,7 @@ export class GridStyleManager {
   /**
    * Set time-related CSS variables
    */
-  private setTimeVariables(root: HTMLElement, gridSettings: any): void {
+  private setTimeVariables(root: HTMLElement, gridSettings: GridSettings): void {
     root.style.setProperty('--hour-height', `${gridSettings.hourHeight}px`);
     root.style.setProperty('--minute-height', `${gridSettings.hourHeight / 60}px`);
     root.style.setProperty('--snap-interval', gridSettings.snapInterval.toString());
@@ -76,7 +86,7 @@ export class GridStyleManager {
   /**
    * Set column width based on fitToWidth setting
    */
-  private setColumnWidth(root: HTMLElement, gridSettings: any): void {
+  private setColumnWidth(root: HTMLElement, gridSettings: GridSettings): void {
     if (gridSettings.fitToWidth) {
       root.style.setProperty('--day-column-min-width', '50px'); // Small min-width allows columns to fit available space
     } else {