@swimlane/ngx-datatable
Version:
ngx-datatable is an Angular table grid component for presenting large and complex data.
39 lines (38 loc) • 1.8 kB
TypeScript
import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
import { Subscription } from 'rxjs';
import { TableColumn } from '../types/table-column.type';
import { DraggableDragEvent } from '../types/internal.types';
import * as i0 from "@angular/core";
/**
* Draggable Directive for Angular2
*
* Inspiration:
* https://github.com/AngularClass/angular2-examples/blob/master/rx-draggable/directives/draggable.ts
* http://stackoverflow.com/questions/35662530/how-to-implement-drag-and-drop-in-angular2
*
*/
export declare class DraggableDirective implements OnDestroy, OnChanges {
dragEventTarget: any;
dragModel: TableColumn;
dragX: boolean;
dragY: boolean;
dragStart: EventEmitter<DraggableDragEvent>;
dragging: EventEmitter<DraggableDragEvent>;
dragEnd: EventEmitter<DraggableDragEvent>;
element: any;
isDragging: boolean;
subscription: Subscription;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
onMouseup(event: MouseEvent): void;
onMousedown(event: MouseEvent): void;
move(event: MouseEvent, mouseDownPos: {
x: number;
y: number;
}): void;
private _destroySubscription;
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[draggable]", never, { "dragEventTarget": { "alias": "dragEventTarget"; "required": false; }; "dragModel": { "alias": "dragModel"; "required": false; }; "dragX": { "alias": "dragX"; "required": false; }; "dragY": { "alias": "dragY"; "required": false; }; }, { "dragStart": "dragStart"; "dragging": "dragging"; "dragEnd": "dragEnd"; }, never, never, true, never>;
static ngAcceptInputType_dragX: unknown;
static ngAcceptInputType_dragY: unknown;
}