@zengrid/core 1.0.7 → 1.2.0

package/dist/src/features/column-drag/column-drag-manager.interface.d.ts

@@ -0,0 +1,263 @@
+/**
+ * Column Drag-and-Drop Manager - Type Definitions
+ *
+ * @description
+ * Defines types and interfaces for the column drag-and-drop feature.
+ * Supports mouse, touch, and keyboard interactions with visual feedback.
+ */
+import type { EventEmitter } from '../../events/event-emitter';
+import type { GridEvents } from '../../events/grid-events';
+import type { ColumnModel } from '../columns/column-model';
+import type { ColumnDef } from '../../types/column';
+import type { ICommandStack } from '@zengrid/shared';
+/**
+ * Drag state during drag operation
+ */
+export type DragState = 'idle' | 'pending' | 'dragging' | 'dropping' | 'cancelled';
+/**
+ * Drag event types for StateMachine
+ */
+export type DragEvent = 'mousedown' | 'dragstart' | 'drag' | 'drop' | 'cancel' | 'reset';
+/**
+ * Drop position relative to a column
+ */
+export type DropPosition = 'before' | 'after';
+/**
+ * Configuration for ColumnDragManager
+ */
+export interface ColumnDragOptions {
+    /** Event emitter for grid events */
+    events?: EventEmitter<GridEvents>;
+    /** Column model for reactive state management */
+    columnModel: ColumnModel;
+    /** Enable column drag (default: true) */
+    enabled?: boolean;
+    /** Minimum drag distance to start drag (default: 5px) */
+    dragThreshold?: number;
+    /** Enable ghost element preview (default: true) */
+    showGhost?: boolean;
+    /** Enable drop indicator line (default: true) */
+    showDropIndicator?: boolean;
+    /** Enable adjacent column highlights (default: true) */
+    showHighlights?: boolean;
+    /** Enable adjacent column highlights (alias for showHighlights) */
+    showAdjacentHighlights?: boolean;
+    /** Enable keyboard reordering (default: true) */
+    enableKeyboard?: boolean;
+    /** Enable touch support (default: true) */
+    enableTouch?: boolean;
+    /** Long press duration for touch drag in ms (default: 500) */
+    touchLongPressDuration?: number;
+    /** Command stack for undo/redo integration */
+    commandStack?: ICommandStack;
+    /** Get scroll left position */
+    getScrollLeft?: () => number;
+    /** Get viewport width */
+    getViewportWidth?: () => number;
+    /** Get header cell element by column ID */
+    getHeaderCell?: (columnId: string) => HTMLElement | null;
+    /** Columns that cannot be dragged (by column ID) */
+    lockedColumns?: Set<string>;
+    /** Columns that cannot receive drops (by column ID) */
+    noDropColumns?: Set<string>;
+    /** Auto-scroll settings for edge scrolling during drag */
+    autoScroll?: AutoScrollOptions;
+    /** Called before drag starts - return false to prevent */
+    onBeforeDrag?: (event: BeforeDragEvent) => boolean;
+    /** Called during drag - for custom animations */
+    onDuringDrag?: (event: DuringDragEvent) => void;
+    /** Called after drag completes */
+    onAfterDrag?: (event: AfterDragEvent) => void;
+}
+/**
+ * Auto-scroll configuration
+ */
+export interface AutoScrollOptions {
+    /** Enable auto-scroll (default: true) */
+    enabled?: boolean;
+    /** Edge zone width in px (default: 50) */
+    edgeZone?: number;
+    /** Scroll speed in px/frame (default: 10) */
+    speed?: number;
+}
+/**
+ * Current drag state snapshot
+ */
+export interface DragStateSnapshot {
+    /** Current state machine state */
+    state: DragState;
+    /** Column being dragged (by ID) */
+    sourceColumnId: string | null;
+    /** Source column index */
+    sourceIndex: number;
+    /** Current drop target column ID */
+    targetColumnId: string | null;
+    /** Target column index */
+    targetIndex: number;
+    /** Drop position relative to target */
+    dropPosition: DropPosition | null;
+    /** Start X position of drag */
+    startX: number;
+    /** Start Y position of drag */
+    startY: number;
+    /** Current X position */
+    currentX: number;
+    /** Current Y position */
+    currentY: number;
+}
+/**
+ * Drop zone detection result
+ */
+export interface DropZoneResult {
+    /** Whether a valid drop zone was found */
+    valid: boolean;
+    /** Target column ID */
+    columnId: string | null;
+    /** Target column index */
+    columnIndex: number;
+    /** Position relative to target column */
+    position: DropPosition;
+    /** X position for drop indicator */
+    indicatorX: number;
+}
+/**
+ * Header hit-test result for drag initiation
+ */
+export interface HeaderHitResult {
+    /** Whether hit is on a draggable header */
+    isDraggable: boolean;
+    /** Column ID if hit */
+    columnId: string | null;
+    /** Column index */
+    columnIndex: number;
+    /** Header element rect */
+    rect: DOMRect | null;
+}
+/**
+ * Before drag lifecycle event
+ */
+export interface BeforeDragEvent {
+    /** Column being dragged */
+    columnId: string;
+    /** Column definition */
+    column: ColumnDef;
+    /** Column index */
+    columnIndex: number;
+    /** Original mouse event */
+    nativeEvent: MouseEvent | TouchEvent;
+    /** Prevent drag */
+    preventDefault: () => void;
+}
+/**
+ * During drag lifecycle event
+ */
+export interface DuringDragEvent {
+    /** Column being dragged */
+    sourceColumnId: string;
+    /** Current position */
+    currentX: number;
+    currentY: number;
+    /** Drop zone info */
+    dropZone: DropZoneResult | null;
+}
+/**
+ * After drag lifecycle event
+ */
+export interface AfterDragEvent {
+    /** Column that was dragged */
+    columnId: string;
+    /** Original index */
+    fromIndex: number;
+    /** New index */
+    toIndex: number;
+    /** Whether drag was cancelled */
+    cancelled: boolean;
+}
+/**
+ * Column drag events to add to GridEvents interface
+ */
+export interface ColumnDragEvents {
+    'column:dragStart': {
+        columnId: string;
+        columnIndex: number;
+        column: ColumnDef;
+        nativeEvent: MouseEvent | TouchEvent;
+    };
+    'column:drag': {
+        columnId: string;
+        currentX: number;
+        currentY: number;
+        targetColumnId: string | null;
+        targetIndex: number;
+        dropPosition: DropPosition | null;
+    };
+    'column:dragEnd': {
+        columnId: string;
+        fromIndex: number;
+        toIndex: number;
+        cancelled: boolean;
+    };
+    'column:dragCancel': {
+        columnId: string;
+        columnIndex: number;
+        reason: 'escape' | 'invalid-drop' | 'programmatic';
+    };
+}
+/**
+ * Keyboard handler options
+ */
+export interface KeyboardHandlerOptions {
+    /** Column model */
+    columnModel: ColumnModel;
+    /** Event emitter */
+    events?: EventEmitter<GridEvents>;
+    /** Get header cell by column ID */
+    getHeaderCell?: (columnId: string) => HTMLElement | null;
+}
+/**
+ * Touch handler options
+ */
+export interface TouchHandlerOptions {
+    /** Drag threshold in pixels */
+    dragThreshold?: number;
+    /** Long press duration in ms (default: 500) */
+    longPressDuration?: number;
+}
+/**
+ * Visual feedback options
+ */
+export interface VisualFeedbackOptions {
+    /** Show ghost element */
+    showGhost?: boolean;
+    /** Show drop indicator */
+    showDropIndicator?: boolean;
+    /** Show highlights on adjacent columns */
+    showHighlights?: boolean;
+    /** Get header container element */
+    getHeaderContainer?: () => HTMLElement | null;
+}
+/**
+ * Callbacks for mouse handler to communicate with manager
+ */
+export interface DragMouseEventCallbacks {
+    /** Check if column can be dragged */
+    canDragColumn: (columnId: string) => boolean;
+    /** Get column by ID */
+    getColumn: (columnId: string) => {
+        definition: ColumnDef;
+        order: number;
+    } | null;
+    /** Get current drag state */
+    getState: () => DragState;
+    /** Get drag distance */
+    getDragDistance: () => number;
+    /** Called on mousedown */
+    onMouseDown: (columnId: string, columnIndex: number, x: number, y: number) => void;
+    /** Called on mousemove */
+    onMouseMove: (x: number, y: number) => void;
+    /** Called on mouseup */
+    onMouseUp: () => void;
+    /** Called when drag starts (threshold met) */
+    onDragStart: (event: MouseEvent, target: HTMLElement) => void;
+}
+//# sourceMappingURL=column-drag-manager.interface.d.ts.map

package/dist/src/features/column-drag/column-drag-manager.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-drag-manager.interface.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/column-drag-manager.interface.ts"],"names":[],"mappings":"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"}

package/dist/src/features/column-drag/column-drag.styles.css

@@ -0,0 +1,90 @@
+/**
+ * Column Drag and Drop Styles
+ */
+
+:root {
+  --zg-drag-ghost-opacity: 0.7;
+  --zg-drag-highlight-opacity: 0.1;
+}
+
+/* Ghost element during drag */
+.zg-column-drag-ghost {
+  position: fixed;
+  pointer-events: none;
+  opacity: var(--zg-drag-ghost-opacity);
+  z-index: 10000;
+  box-shadow: var(--zg-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.15));
+  transform: scale(1.02);
+  transition: transform var(--zg-transition-fast, 0.1s ease);
+}
+
+/* Drop indicator line */
+.zg-column-drop-indicator {
+  position: fixed;
+  width: 3px;
+  background: var(--zg-border-active, #2196f3);
+  pointer-events: none;
+  z-index: 10001;
+  box-shadow: 0 0 8px var(--zg-border-active, #2196f3);
+}
+
+/* Adjacent column highlight */
+.zg-column-drag-highlight {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  z-index: 9999;
+  background: color-mix(in srgb, var(--zg-border-active, #2196f3) 10%, transparent);
+  border: 2px solid var(--zg-border-active, #2196f3);
+}
+
+.zg-drag-highlight-left {
+  border-left-width: 3px;
+}
+
+.zg-drag-highlight-right {
+  border-right-width: 3px;
+}
+
+/* Source column during drag */
+.zg-header-cell--dragging {
+  opacity: 0.5;
+  cursor: grabbing !important;
+}
+
+/* Keyboard reorder mode */
+.zg-header-cell--reorder-mode {
+  outline: 2px solid var(--zg-border-active, #2196f3);
+  outline-offset: -2px;
+  background: color-mix(in srgb, var(--zg-border-active, #2196f3) 10%, transparent);
+}
+
+/* Default cursor for draggable headers */
+.zg-header-cell[data-column-id]:not(.zg-header-cell--locked) {
+  cursor: grab;
+}
+
+.zg-header-cell[data-column-id]:not(.zg-header-cell--locked):active {
+  cursor: grabbing;
+}
+
+/* Locked columns (non-draggable) */
+.zg-header-cell--locked {
+  cursor: default !important;
+}
+
+/* Reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  .zg-column-drag-ghost {
+    transition: none !important;
+  }
+}
+
+/* High contrast mode */
+@media (prefers-contrast: high) {
+  .zg-column-drag-highlight {
+    background: transparent;
+    border-width: 3px;
+  }
+}

package/dist/src/features/column-drag/drag-callbacks.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Drag Callbacks Factory
+ *
+ * @description
+ * Creates callbacks for mouse handler to communicate with manager.
+ */
+import type { StateMachine } from '@zengrid/shared';
+import type { DropZoneDetector } from './drop-zone-detector';
+import type { DragStateManager } from './drag-state-manager';
+import type { DragVisualFeedback } from './drag-visual-feedback';
+import type { DragState, DragEvent, DragMouseEventCallbacks, ColumnDragOptions } from './column-drag-manager.interface';
+export declare function createMouseCallbacks(dropZoneDetector: DropZoneDetector, columnModel: ColumnDragOptions['columnModel'], stateMachine: StateMachine<DragState, DragEvent>, stateManager: DragStateManager, visualFeedback: DragVisualFeedback, events: ColumnDragOptions['events'], dragThresholdMetGetter: () => boolean, dragThresholdMetSetter: (value: boolean) => void, cancelDragCallback: (reason: 'escape' | 'invalid-drop' | 'programmatic') => void, commitDropCallback: () => void): DragMouseEventCallbacks;
+//# sourceMappingURL=drag-callbacks.d.ts.map

package/dist/src/features/column-drag/drag-callbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-callbacks.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-callbacks.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,iCAAiC,CAAC;AAEzC,wBAAgB,oBAAoB,CAClC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAC7C,YAAY,EAAE,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,EAChD,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EACnC,sBAAsB,EAAE,MAAM,OAAO,EACrC,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,EAChD,kBAAkB,EAAE,CAAC,MAAM,EAAE,QAAQ,GAAG,cAAc,GAAG,cAAc,KAAK,IAAI,EAChF,kBAAkB,EAAE,MAAM,IAAI,GAC7B,uBAAuB,CAgDzB"}

package/dist/src/features/column-drag/drag-event-handlers.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Drag Event Handlers
+ *
+ * @description
+ * Handles state transitions and keyboard events for drag operations.
+ */
+import type { StateMachine } from '@zengrid/shared';
+import type { DragKeyboardHandler } from './drag-keyboard-handler';
+import type { DragStateManager } from './drag-state-manager';
+import type { DragState, DragEvent } from './column-drag-manager.interface';
+export declare class DragEventHandlers {
+    private stateManager;
+    private keyboardHandler;
+    private stateMachine;
+    private cancelDragCallback;
+    constructor(stateManager: DragStateManager, keyboardHandler: DragKeyboardHandler, stateMachine: StateMachine<DragState, DragEvent>, cancelDragCallback: (reason: 'escape' | 'invalid-drop' | 'programmatic') => void);
+    /**
+     * Handle state machine transitions
+     */
+    handleStateTransition(_from: DragState, _event: DragEvent, to: DragState): void;
+    /**
+     * Handle keyboard events
+     */
+    handleKeyDown(e: KeyboardEvent): void;
+}
+//# sourceMappingURL=drag-event-handlers.d.ts.map

package/dist/src/features/column-drag/drag-event-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-event-handlers.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-event-handlers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5E,qBAAa,iBAAiB;IAE1B,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,kBAAkB;gBAHlB,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EAAE,mBAAmB,EACpC,YAAY,EAAE,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,EAChD,kBAAkB,EAAE,CAAC,MAAM,EAAE,QAAQ,GAAG,cAAc,GAAG,cAAc,KAAK,IAAI;IAG1F;;OAEG;IACH,qBAAqB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI;IAI/E;;OAEG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;CAqBtC"}

package/dist/src/features/column-drag/drag-keyboard-handler.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Drag Keyboard Handler
+ *
+ * @description
+ * Handles keyboard-based column reordering for accessibility.
+ *
+ * Keyboard shortcuts:
+ * - Space/Enter on focused header: Enter reorder mode
+ * - Arrow Left/Right: Move column position
+ * - Enter: Confirm new position
+ * - Escape: Cancel reorder
+ */
+import type { ColumnReorderPlugin } from '../columns/plugins/column-reorder';
+import type { KeyboardHandlerOptions } from './column-drag-manager.interface';
+/**
+ * Handles keyboard accessibility for column reordering
+ */
+export declare class DragKeyboardHandler {
+    private columnModel;
+    private reorderPlugin;
+    private events?;
+    private getHeaderCell?;
+    private isReorderMode;
+    private activeColumnId;
+    private originalOrder;
+    private currentOrder;
+    constructor(options: KeyboardHandlerOptions, reorderPlugin: ColumnReorderPlugin);
+    /**
+     * Handle keydown event on a header cell
+     *
+     * @param event Keyboard event
+     * @param focusedColumnId Currently focused column ID
+     * @returns true if event was handled
+     */
+    handleKeyDown(event: KeyboardEvent, focusedColumnId: string | null): boolean;
+    /**
+     * Enter reorder mode for a column
+     */
+    private enterReorderMode;
+    /**
+     * Move column in the specified direction
+     */
+    private moveColumn;
+    /**
+     * Confirm reorder and exit reorder mode
+     */
+    private confirmReorder;
+    /**
+     * Cancel reorder and restore original position
+     */
+    private cancelReorder;
+    /**
+     * Exit reorder mode
+     */
+    private exitReorderMode;
+    /**
+     * Announce message to screen reader
+     */
+    private announceToScreenReader;
+    /**
+     * Check if in reorder mode
+     */
+    isInReorderMode(): boolean;
+    /**
+     * Get active column ID (if in reorder mode)
+     */
+    getActiveColumnId(): string | null;
+    /**
+     * Cancel active reorder (programmatic)
+     */
+    cancel(): void;
+    /**
+     * Destroy handler
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=drag-keyboard-handler.d.ts.map

package/dist/src/features/column-drag/drag-keyboard-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-keyboard-handler.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-keyboard-handler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAG7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAE9E;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,MAAM,CAAC,CAA2B;IAC1C,OAAO,CAAC,aAAa,CAAC,CAA2C;IAGjE,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,YAAY,CAAM;gBAEd,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,mBAAmB;IAO/E;;;;;;OAMG;IACH,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO;IA6C5E;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAwBxB;;OAEG;IACH,OAAO,CAAC,UAAU;IA+BlB;;OAEG;IACH,OAAO,CAAC,cAAc;IAgCtB;;OAEG;IACH,OAAO,CAAC,aAAa;IAYrB;;OAEG;IACH,OAAO,CAAC,eAAe;IAgBvB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA+B9B;;OAEG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,iBAAiB,IAAI,MAAM,GAAG,IAAI;IAIlC;;OAEG;IACH,MAAM,IAAI,IAAI;IAMd;;OAEG;IACH,OAAO,IAAI,IAAI;CAWhB"}

package/dist/src/features/column-drag/drag-lifecycle.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Drag Lifecycle Manager
+ *
+ * @description
+ * Handles attachment, detachment, and cleanup of drag event listeners.
+ */
+import type { DragMouseHandler } from './drag-mouse-handler';
+import type { DragTouchHandler } from './drag-touch-handler';
+import type { DragVisualFeedback } from './drag-visual-feedback';
+export declare class DragLifecycle {
+    private enabled;
+    private mouseHandler;
+    private touchHandler;
+    private visualFeedback;
+    private boundHandleKeyDown;
+    private container;
+    constructor(enabled: boolean, mouseHandler: DragMouseHandler, touchHandler: DragTouchHandler, visualFeedback: DragVisualFeedback, boundHandleKeyDown: (e: KeyboardEvent) => void);
+    /**
+     * Attach drag listeners to container
+     */
+    attach(container: HTMLElement): void;
+    /**
+     * Detach all event listeners
+     */
+    detach(): void;
+    getContainer(): HTMLElement | null;
+}
+//# sourceMappingURL=drag-lifecycle.d.ts.map

package/dist/src/features/column-drag/drag-lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,qBAAa,aAAa;IAItB,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,kBAAkB;IAP5B,OAAO,CAAC,SAAS,CAA4B;gBAGnC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,kBAAkB,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI;IAGxD;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAepC;;OAEG;IACH,MAAM,IAAI,IAAI;IAcd,YAAY,IAAI,WAAW,GAAG,IAAI;CAGnC"}

package/dist/src/features/column-drag/drag-mouse-handler.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Drag Mouse Handler
+ *
+ * @description
+ * Handles mouse events (mousedown, mousemove, mouseup) for column drag operations.
+ */
+import type { ThrottledFunction } from '@zengrid/shared';
+import type { ColumnDragOptions, DragMouseEventCallbacks } from './column-drag-manager.interface';
+export declare class DragMouseHandler {
+    private enabled;
+    private dragThreshold;
+    private onBeforeDrag?;
+    private callbacks;
+    private throttledDrag;
+    private boundHandleMouseDown;
+    private boundHandleMouseMove;
+    private boundHandleMouseUp;
+    private container;
+    constructor(options: {
+        enabled: boolean;
+        dragThreshold: number;
+        onBeforeDrag?: ColumnDragOptions['onBeforeDrag'];
+    }, callbacks: DragMouseEventCallbacks, throttledDrag: ThrottledFunction<(x: number, y: number) => void>);
+    /**
+     * Attach mouse listeners to container
+     */
+    attach(container: HTMLElement): void;
+    /**
+     * Detach mouse listeners
+     */
+    detach(): void;
+    /**
+     * Handle mousedown event on header
+     */
+    private handleMouseDown;
+    /**
+     * Handle mousemove event
+     */
+    private handleMouseMove;
+    /**
+     * Handle mouseup event
+     */
+    private handleMouseUp;
+    /**
+     * Remove global mouse listeners
+     */
+    private removeGlobalListeners;
+    /**
+     * Enable mouse handling
+     */
+    enable(): void;
+    /**
+     * Disable mouse handling
+     */
+    disable(): void;
+}
+//# sourceMappingURL=drag-mouse-handler.d.ts.map

package/dist/src/features/column-drag/drag-mouse-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-mouse-handler.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-mouse-handler.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAEV,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAoC;IACzD,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,aAAa,CAAoD;IAGzE,OAAO,CAAC,oBAAoB,CAA0B;IACtD,OAAO,CAAC,oBAAoB,CAA0B;IACtD,OAAO,CAAC,kBAAkB,CAA0B;IAGpD,OAAO,CAAC,SAAS,CAA4B;gBAG3C,OAAO,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;KAClD,EACD,SAAS,EAAE,uBAAuB,EAClC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAclE;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAOpC;;OAEG;IACH,MAAM,IAAI,IAAI;IAQd;;OAEG;IACH,OAAO,CAAC,eAAe;IA2CvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAqBvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAWrB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAK7B;;OAEG;IACH,MAAM,IAAI,IAAI;IAId;;OAEG;IACH,OAAO,IAAI,IAAI;CAGhB"}

package/dist/src/features/column-drag/drag-operations.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Drag Operations Handler
+ *
+ * @description
+ * Handles drag operations: performDrag, commitDrop, cancelDrag, reset.
+ */
+import type { StateMachine } from '@zengrid/shared';
+import type { ColumnReorderPlugin } from '../columns/plugins/column-reorder';
+import type { DragStateManager } from './drag-state-manager';
+import type { DropZoneDetector } from './drop-zone-detector';
+import type { DragVisualFeedback } from './drag-visual-feedback';
+import type { DragState, DragEvent, ColumnDragOptions } from './column-drag-manager.interface';
+export declare class DragOperations {
+    private stateMachine;
+    private stateManager;
+    private dropZoneDetector;
+    private visualFeedback;
+    private reorderPlugin;
+    private columnModel;
+    private events;
+    private onDuringDrag;
+    private onAfterDrag;
+    private getContainer;
+    private dragThresholdMetSetter;
+    constructor(stateMachine: StateMachine<DragState, DragEvent>, stateManager: DragStateManager, dropZoneDetector: DropZoneDetector, visualFeedback: DragVisualFeedback, reorderPlugin: ColumnReorderPlugin, columnModel: ColumnDragOptions['columnModel'], events: ColumnDragOptions['events'], onDuringDrag: ColumnDragOptions['onDuringDrag'], onAfterDrag: ColumnDragOptions['onAfterDrag'], getContainer: () => HTMLElement | null, dragThresholdMetSetter: (value: boolean) => void);
+    /**
+     * Perform drag operation (throttled)
+     */
+    performDrag(x: number, y: number): void;
+    /**
+     * Commit the drop operation
+     */
+    commitDrop(): void;
+    /**
+     * Cancel drag operation
+     */
+    cancelDrag(reason: 'escape' | 'invalid-drop' | 'programmatic'): void;
+    /**
+     * Reset to idle state
+     */
+    reset(): void;
+}
+//# sourceMappingURL=drag-operations.d.ts.map

package/dist/src/features/column-drag/drag-operations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-operations.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-operations.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAE/F,qBAAa,cAAc;IAEvB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,sBAAsB;gBAVtB,YAAY,EAAE,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,EAChD,YAAY,EAAE,gBAAgB,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,kBAAkB,EAClC,aAAa,EAAE,mBAAmB,EAClC,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAC7C,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EACnC,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,EAC/C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAC7C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,EACtC,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAG1D;;OAEG;IACH,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IA2EvC;;OAEG;IACH,UAAU,IAAI,IAAI;IA+ClB;;OAEG;IACH,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,IAAI;IAmCpE;;OAEG;IACH,KAAK,IAAI,IAAI;CAQd"}

package/dist/src/features/column-drag/drag-state-machine.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Drag State Machine
+ *
+ * @description
+ * Creates and configures the state machine for column drag lifecycle.
+ */
+import { StateMachine } from '@zengrid/shared';
+import type { DragState, DragEvent } from './column-drag-manager.interface';
+export declare function createDragStateMachine(onTransition: (from: DragState, event: DragEvent, to: DragState) => void): StateMachine<DragState, DragEvent>;
+//# sourceMappingURL=drag-state-machine.d.ts.map

package/dist/src/features/column-drag/drag-state-machine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-state-machine.d.ts","sourceRoot":"","sources":["../../../../src/features/column-drag/drag-state-machine.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5E,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,KAAK,IAAI,GACvE,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,CAsBpC"}