import * as _angular_core from '@angular/core';
import { TemplateRef } from '@angular/core';
import * as i1 from '@angular/cdk/drag-drop';
import { CdkDragDrop } from '@angular/cdk/drag-drop';

/** Payload emitted whenever the user finishes a reorder. */
interface WrSortableReorderEvent<T> {
    /** The new items array after the move. */
    readonly items: readonly T[];
    /** Index the item was dragged from. */
    readonly previousIndex: number;
    /** Index the item was dropped at. */
    readonly currentIndex: number;
    /** Convenience handle for the dropped item. */
    readonly item: T;
}

/**
 * Drag-to-reorder list. Wraps CDK's `cdkDropList` + `cdkDrag` with a
 * signal-based items binding — the source array is updated in place and
 * emitted via 2-way `[(items)]`.
 *
 * Drop a single template — it's rendered per item with `let-item
 * let-index="index"`. Add `[handle]="true"` (or `[wrDragHandle]` inside
 * your template) to restrict drag start to a handle element.
 *
 * @example
 * ```html
 * <wr-sortable-list [(items)]="rows" (reorder)="onReorder($event)">
 *   <ng-template let-row let-i="index">
 *     <div class="row">
 *       <span wrDragHandle>≡</span>
 *       {{ i + 1 }}. {{ row.label }}
 *     </div>
 *   </ng-template>
 * </wr-sortable-list>
 * ```
 *
 * @see https://ngwr.dev/components/drag-drop
 */
declare class WrSortableList<T = unknown> {
    /** Items to render. Two-way — emits the reordered array on drop. */
    readonly items: _angular_core.ModelSignal<T[]>;
    /** Layout direction. Drives CDK's `cdkDropListOrientation`. @default 'vertical' */
    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
    /** Disable all dragging. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Locked axis — restrict drag movement to one axis even diagonally. */
    readonly lockAxis: _angular_core.InputSignal<"x" | "y" | undefined>;
    /**
     * Delay (ms) before a drag begins after the pointer goes down. The touch
     * delay is the fix for the classic CDK touch snag: without it, the
     * `touch-action: none` CDK puts on each item blocks scrolling the list on a
     * phone. With a small touch delay, a quick swipe scrolls and a brief hold
     * starts the drag; mouse stays instant. Pass a single number to apply one
     * delay to both pointers. @default { touch: 150, mouse: 0 }
     */
    readonly dragStartDelay: _angular_core.InputSignal<number | {
        touch: number;
        mouse: number;
    }>;
    /** `trackBy` for the inner `@for`. Defaults to identity. */
    readonly trackBy: _angular_core.InputSignal<(index: number, item: T) => unknown>;
    /** Fired after a successful reorder with the new array + indices. */
    readonly reorder: _angular_core.OutputEmitterRef<WrSortableReorderEvent<T>>;
    protected readonly rowTemplate: _angular_core.Signal<TemplateRef<any>>;
    protected onDrop(event: CdkDragDrop<T[]>): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSortableList<any>, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSortableList<any>, "wr-sortable-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "lockAxis": { "alias": "lockAxis"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "reorder": "reorder"; }, ["rowTemplate"], never, true, never>;
}

/**
 * Drag handle for {@link WrSortableList} (and any nested `cdkDrag`).
 * Composes CDK's `cdkDragHandle` via `hostDirectives` so consumers don't
 * need to import the CDK selector directly.
 *
 * @example
 * ```html
 * <wr-sortable-list [(items)]="rows">
 *   <ng-template let-row>
 *     <div class="row">
 *       <span wrDragHandle class="grip">≡</span>
 *       <span>{{ row.label }}</span>
 *     </div>
 *   </ng-template>
 * </wr-sortable-list>
 * ```
 */
declare class WrDragHandle {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDragHandle, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrDragHandle, "[wrDragHandle]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: {}; outputs: {}; }]>;
}

export { WrDragHandle, WrSortableList };
export type { WrSortableReorderEvent };