UNPKG

1.45 kBTypeScriptView Raw
1import { ElementRef, EventEmitter, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
2import { Subscription } from 'rxjs';
3import * as i0 from "@angular/core";
4/**
5 * Draggable Directive for Angular2
6 *
7 * Inspiration:
8 * https://github.com/AngularClass/angular2-examples/blob/master/rx-draggable/directives/draggable.ts
9 * http://stackoverflow.com/questions/35662530/how-to-implement-drag-and-drop-in-angular2
10 *
11 */
12export declare class DraggableDirective implements OnDestroy, OnChanges {
13 dragEventTarget: any;
14 dragModel: any;
15 dragX: boolean;
16 dragY: boolean;
17 dragStart: EventEmitter<any>;
18 dragging: EventEmitter<any>;
19 dragEnd: EventEmitter<any>;
20 element: HTMLElement;
21 isDragging: boolean;
22 subscription: Subscription;
23 constructor(element: ElementRef);
24 ngOnChanges(changes: SimpleChanges): void;
25 ngOnDestroy(): void;
26 onMouseup(event: MouseEvent): void;
27 onMousedown(event: MouseEvent): void;
28 move(event: MouseEvent, mouseDownPos: {
29 x: number;
30 y: number;
31 }): void;
32 private _destroySubscription;
33 static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
34 static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[draggable]", never, { "dragEventTarget": "dragEventTarget"; "dragModel": "dragModel"; "dragX": "dragX"; "dragY": "dragY"; }, { "dragStart": "dragStart"; "dragging": "dragging"; "dragEnd": "dragEnd"; }, never>;
35}