@siemens/ngx-datatable/lib/directives/orderable.directive.d.ts

ngx-datatable is an Angular table grid component for presenting large and complex data.

import { AfterContentInit, EventEmitter, KeyValueDiffer, OnDestroy, QueryList } from '@angular/core';
import { DraggableDirective } from './draggable.directive';
import { DraggableDragEvent, ReorderEventInternal, TableColumnInternal, TargetChangedEvent } from '../types/internal.types';
import * as i0 from "@angular/core";
interface OrderPosition {
    left: number;
    right: number;
    index: number;
    element: HTMLElement;
}
export declare class OrderableDirective implements AfterContentInit, OnDestroy {
    private document;
    reorder: EventEmitter<ReorderEventInternal>;
    targetChanged: EventEmitter<TargetChangedEvent>;
    draggables: QueryList<DraggableDirective>;
    positions?: Record<string, OrderPosition>;
    differ: KeyValueDiffer<string, DraggableDirective>;
    lastDraggingIndex?: number;
    ngAfterContentInit(): void;
    ngOnDestroy(): void;
    updateSubscriptions(): void;
    onDragStart(): void;
    onDragging({ element, model, event }: DraggableDragEvent): void;
    onDragEnd({ element, model, event }: DraggableDragEvent): void;
    isTarget(model: TableColumnInternal, event: MouseEvent | TouchEvent): {
        pos: OrderPosition;
        i: number;
    } | undefined;
    private createMapDiffs;
    static ɵfac: i0.ɵɵFactoryDeclaration<OrderableDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<OrderableDirective, "[orderable]", never, {}, { "reorder": "reorder"; "targetChanged": "targetChanged"; }, ["draggables"], never, true, never>;
}
export {};