draggable.directive.d.ts 1.0 KB

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