Class SelectionBoxController

src/views/selection/SelectionBoxController.ts:7–163

}

export class SelectionBoxController {
    private selectionBox: HTMLElement | null = null;
    private selectionStartX = 0;
    private selectionStartY = 0;
    private readonly mouseMoveThreshold = 5;
    private mouseMoved = false;
    private selectionMode = false;

    constructor(private options: SelectionBoxControllerOptions) {}

    initialize(): void {
        this.options.highlightContainer.removeEventListener("mousedown", this.handleSelectionStart);
        this.cleanupMouseEvents();
        this.cleanupSelectionEvents();
        this.options.highlightContainer.addEventListener("mousedown", this.handleSelectionStart);
    }

    isInSelectionMode(): boolean {
        return this.selectionMode;
    }

    destroy(): void {
        if (this.selectionBox) {
            this.selectionBox.remove();
            this.selectionBox = null;
        }

        this.options.highlightContainer.removeEventListener("mousedown", this.handleSelectionStart);
        this.cleanupMouseEvents();
        this.cleanupSelectionEvents();
        this.selectionMode = false;
    }

    private handleSelectionStart = (e: MouseEvent) => {
        const target = e.target as HTMLElement;
        if (target.closest(".highlight-card") ||
            target.closest(".flashcard-mode") ||
            target.closest(".flashcard-add-group") ||
            target.closest(".flashcard-group-action")) {
            return;
        }

        this.selectionStartX = e.clientX;
        this.selectionStartY = e.clientY;
        this.mouseMoved = false;

        activeDocument.addEventListener("mousemove", this.handleMouseMove);
        activeDocument.addEventListener("mouseup", this.handleMouseUp);
    };

    private handleMouseMove = (e: MouseEvent) => {
        const dx = e.clientX - this.selectionStartX;
        const dy = e.clientY - this.selectionStartY;
        const distance = Math.sqrt(dx * dx + dy * dy);

        if (distance >= this.mouseMoveThreshold) {
            this.mouseMoved = true;
            activeDocument.removeEventListener("mousemove", this.handleMouseMove);