@tft/interact 14.0.0 → 15.1.0

package/lib/directives/drag-preview.directive.d.ts

@@ -1,10 +1,10 @@
-import { InjectionToken, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare const TFT_DRAG_PREVIEW: InjectionToken<DragPreviewDirective<any>>;
-export declare class DragPreviewDirective<T = any> {
-    templateRef: TemplateRef<T>;
-    dragData: T;
-    constructor(templateRef: TemplateRef<T>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DragPreviewDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DragPreviewDirective<any>, "ng-template[tftDragPreview]", never, { "dragData": "dragData"; }, {}, never, never, false>;
-}
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const TFT_DRAG_PREVIEW: InjectionToken<DragPreviewDirective<any>>;
+export declare class DragPreviewDirective<T = any> {
+    templateRef: TemplateRef<T>;
+    dragData: T;
+    constructor(templateRef: TemplateRef<T>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragPreviewDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragPreviewDirective<any>, "ng-template[tftDragPreview]", never, { "dragData": { "alias": "dragData"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/directives/drag-root.directive.d.ts

@@ -1,15 +1,15 @@
-import { AccountForScaleDirective } from './account-for-scale.directive';
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Use this directive to select which element to attach the element to while dragging
- * @example <div tftDragRoot><div tftDraggable> </div> </div>
- * @note this directive will overwrite any style transformations (e.g. transform: scale(2); )
- */
-export declare class DragRootDirective {
-    el: ElementRef;
-    account_for_scale_dir?: AccountForScaleDirective;
-    constructor(el: ElementRef, account_for_scale_dir?: AccountForScaleDirective);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DragRootDirective, [null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DragRootDirective, "[tftDragRoot]", ["tftDragRoot"], {}, {}, never, never, false>;
-}
+import { AccountForScaleDirective } from './account-for-scale.directive';
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Use this directive to select which element to attach the element to while dragging
+ * @example <div tftDragRoot><div tftDraggable> </div> </div>
+ * @note this directive will overwrite any style transformations (e.g. transform: scale(2); )
+ */
+export declare class DragRootDirective {
+    el: ElementRef;
+    account_for_scale_dir?: AccountForScaleDirective;
+    constructor(el: ElementRef, account_for_scale_dir?: AccountForScaleDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragRootDirective, [null, { optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragRootDirective, "[tftDragRoot]", ["tftDragRoot"], {}, {}, never, never, false, never>;
+}

package/lib/directives/draggable.directive.d.ts

@@ -1,76 +1,76 @@
-/// <reference types="@interactjs/types" />
-import { ElementRef, OnInit, OnDestroy, EventEmitter, Renderer2, SimpleChanges, OnChanges, ViewContainerRef, AfterViewInit } from '@angular/core';
-import { InteractService } from '../services/interact.service';
-import { DraggableOptions, Interactable } from '@interactjs/types/index';
-import { Observable } from 'rxjs';
-import { DropzoneDirective } from './dropzone.directive';
-import { NgDragEvent, TftDragEvent, TftCoords, TftDragElement } from '../models';
-import { DragPreviewDirective } from './drag-preview.directive';
-import { DragRootDirective } from './drag-root.directive';
-import { AccountForScaleDirective } from './account-for-scale.directive';
-import { AutoScrollDirective } from './auto-scroll.directive';
-import * as i0 from "@angular/core";
-/** @dynamic */
-export declare class DraggableDirective<D = any> implements OnInit, OnChanges, OnDestroy, AfterViewInit {
-    el: ElementRef;
-    private interactService;
-    private renderer;
-    private _viewContainerRef;
-    private _document;
-    account_for_scale_dir?: AccountForScaleDirective;
-    dropzone_dir?: DropzoneDirective;
-    drag_root_dir?: DragRootDirective;
-    auto_scroll_dir?: AutoScrollDirective;
-    x: number;
-    y: number;
-    dragZIndex: number;
-    /** zIndex while at rest */
-    zIndex: number;
-    interactableId: string;
-    dragData: D;
-    enableDragDefault: boolean;
-    /**
-     * @deprecated replaced by 'dragDisabled' property, please migrate before v13
-     */
-    disabled: boolean;
-    dragDisabled: boolean;
-    dragConfig: Partial<Interact.OrBoolean<DraggableOptions>>;
-    showPlaceholder: boolean;
-    /**
-     * The element we want to prepend the drag element to.
-     * Use `tftDragRoot` directive on a parent element to set custom root element
-     *  @default document.body
-     */
-    dragRoot: DragRootDirective;
-    private dragRootEl;
-    dragStart: EventEmitter<TftDragEvent>;
-    dragMove: EventEmitter<TftDragEvent>;
-    dragInertiaStart: EventEmitter<TftDragEvent>;
-    dragEnd: EventEmitter<TftDragEvent>;
-    _previewTemplate: DragPreviewDirective;
-    interactableState: Observable<TftCoords>;
-    interactable: Interactable;
-    private registryId;
-    private interactableSubscription;
-    private scrollEventsSubscription;
-    previewRef: TftDragElement;
-    get scale(): number;
-    constructor(el: ElementRef, interactService: InteractService, renderer: Renderer2, _viewContainerRef: ViewContainerRef, _document: Document, account_for_scale_dir?: AccountForScaleDirective, dropzone_dir?: DropzoneDirective, drag_root_dir?: DragRootDirective, auto_scroll_dir?: AutoScrollDirective);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    setDragConfig(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    dragMoveListener(event: NgDragEvent, element: Interact.Element): void;
-    setDragStyles(dragElement: HTMLElement): void;
-    addDragPropertiesToElement(nativeElement: TftDragElement): void;
-    mapDragEvent(event: NgDragEvent): TftDragEvent;
-    setPosition(x: number, y: number): void;
-    alignPositionWithInputs(x: number, y: number): void;
-    isValidPosition(x: number, y: number): boolean;
-    isNumeric(num: number): boolean;
-    initiateDragEvents(dragConfig: Partial<Interact.OrBoolean<DraggableOptions>>, nativeElement: HTMLElement): import("@interactjs/core/Interactable").Interactable;
-    subscribeToScrollEvents(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective<any>, [null, null, null, null, null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective<any>, "[tftDraggable]", never, { "x": "x"; "y": "y"; "dragZIndex": "dragZIndex"; "zIndex": "zIndex"; "interactableId": "interactableId"; "dragData": "dragData"; "enableDragDefault": "enableDragDefault"; "disabled": "disabled"; "dragDisabled": "dragDisabled"; "dragConfig": "dragConfig"; "showPlaceholder": "showPlaceholder"; "dragRoot": "dragRoot"; }, { "dragStart": "dragStart"; "dragMove": "dragMove"; "dragInertiaStart": "dragInertiaStart"; "dragEnd": "dragEnd"; }, ["_previewTemplate"], never, false>;
-}
+/// <reference types="@interactjs/types" />
+import { ElementRef, OnInit, OnDestroy, EventEmitter, Renderer2, SimpleChanges, OnChanges, ViewContainerRef, AfterViewInit } from '@angular/core';
+import { InteractService } from '../services/interact.service';
+import { DraggableOptions, Interactable } from '@interactjs/types/index';
+import { Observable } from 'rxjs';
+import { DropzoneDirective } from './dropzone.directive';
+import { NgDragEvent, TftDragEvent, TftCoords, TftDragElement } from '../models';
+import { DragPreviewDirective } from './drag-preview.directive';
+import { DragRootDirective } from './drag-root.directive';
+import { AccountForScaleDirective } from './account-for-scale.directive';
+import { AutoScrollDirective } from './auto-scroll.directive';
+import * as i0 from "@angular/core";
+/** @dynamic */
+export declare class DraggableDirective<D = any> implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+    el: ElementRef;
+    private interactService;
+    private renderer;
+    private _viewContainerRef;
+    private _document;
+    account_for_scale_dir?: AccountForScaleDirective;
+    dropzone_dir?: DropzoneDirective;
+    drag_root_dir?: DragRootDirective;
+    auto_scroll_dir?: AutoScrollDirective;
+    x: number;
+    y: number;
+    dragZIndex: number;
+    /** zIndex while at rest */
+    zIndex: number;
+    interactableId: string;
+    dragData: D;
+    enableDragDefault: boolean;
+    /**
+     * @deprecated replaced by 'dragDisabled' property, please migrate before v13
+     */
+    disabled: boolean;
+    dragDisabled: boolean;
+    dragConfig: Partial<Interact.OrBoolean<DraggableOptions>>;
+    showPlaceholder: boolean;
+    /**
+     * The element we want to prepend the drag element to.
+     * Use `tftDragRoot` directive on a parent element to set custom root element
+     *  @default document.body
+     */
+    dragRoot: DragRootDirective;
+    private dragRootEl;
+    dragStart: EventEmitter<TftDragEvent>;
+    dragMove: EventEmitter<TftDragEvent>;
+    dragInertiaStart: EventEmitter<TftDragEvent>;
+    dragEnd: EventEmitter<TftDragEvent>;
+    _previewTemplate: DragPreviewDirective;
+    interactableState: Observable<TftCoords>;
+    interactable: Interactable;
+    private registryId;
+    private interactableSubscription;
+    private scrollEventsSubscription;
+    previewRef: TftDragElement;
+    get scale(): number;
+    constructor(el: ElementRef, interactService: InteractService, renderer: Renderer2, _viewContainerRef: ViewContainerRef, _document: Document, account_for_scale_dir?: AccountForScaleDirective, dropzone_dir?: DropzoneDirective, drag_root_dir?: DragRootDirective, auto_scroll_dir?: AutoScrollDirective);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setDragConfig(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    dragMoveListener(event: NgDragEvent, element: Interact.Element): void;
+    setDragStyles(dragElement: HTMLElement): void;
+    addDragPropertiesToElement(nativeElement: TftDragElement): void;
+    mapDragEvent(event: NgDragEvent): TftDragEvent;
+    setPosition(x: number, y: number): void;
+    alignPositionWithInputs(x: number, y: number): void;
+    isValidPosition(x: number, y: number): boolean;
+    isNumeric(num: number): boolean;
+    initiateDragEvents(dragConfig: Partial<Interact.OrBoolean<DraggableOptions>>, nativeElement: HTMLElement): import("@interactjs/core/Interactable").Interactable;
+    subscribeToScrollEvents(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective<any>, [null, null, null, null, null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective<any>, "[tftDraggable]", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "dragZIndex": { "alias": "dragZIndex"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "interactableId": { "alias": "interactableId"; "required": false; }; "dragData": { "alias": "dragData"; "required": false; }; "enableDragDefault": { "alias": "enableDragDefault"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dragDisabled": { "alias": "dragDisabled"; "required": false; }; "dragConfig": { "alias": "dragConfig"; "required": false; }; "showPlaceholder": { "alias": "showPlaceholder"; "required": false; }; "dragRoot": { "alias": "dragRoot"; "required": false; }; }, { "dragStart": "dragStart"; "dragMove": "dragMove"; "dragInertiaStart": "dragInertiaStart"; "dragEnd": "dragEnd"; }, ["_previewTemplate"], never, false, never>;
+}

package/lib/directives/dropzone.directive.d.ts

@@ -1,40 +1,40 @@
-/// <reference types="@interactjs/types" />
-import { ElementRef, OnInit, EventEmitter, SimpleChanges, OnChanges, Renderer2 } from '@angular/core';
-import { DropzoneOptions, Interactable } from '@interactjs/types/index';
-import { InteractService } from '../services/interact.service';
-import { NgDropEvent, TftDropEvent } from '../models';
-import { AccountForScaleDirective } from './account-for-scale.directive';
-import * as i0 from "@angular/core";
-export declare type PositionOption = 'relative' | 'absolute' | 'fixed' | 'static' | 'sticky' | 'unset' | 'inherit' | 'initial' | 'revert';
-export declare class DropzoneDirective implements OnInit, OnChanges {
-    el: ElementRef;
-    private renderer;
-    private interactService;
-    private account_for_scale_dir?;
-    dropzoneId: string;
-    dropzoneConfig: DropzoneOptions;
-    dropzoneData: any;
-    position: PositionOption;
-    dropActivate: EventEmitter<TftDropEvent>;
-    dragEnter: EventEmitter<TftDropEvent>;
-    dragLeave: EventEmitter<TftDropEvent>;
-    dragDrop: EventEmitter<TftDropEvent>;
-    dropzone: Interactable;
-    get scale(): number;
-    constructor(el: ElementRef, renderer: Renderer2, interactService: InteractService, account_for_scale_dir?: AccountForScaleDirective);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-    * Connects element to interacts dropzone events and returns a reference to the interactable
-    * @param nativeElement the element to tie drop events to
-    * @param dropzoneConfig the interact configuration to use when connecting
-    */
-    connectDropzoneEvents(nativeElement: any, dropzoneConfig: DropzoneOptions): import("@interactjs/core/Interactable").Interactable;
-    /**
-     * Maps the drop event emitted by interact to something a little easier to use
-     * @param event the drop event emitted by interact, extended with extra fields we added to
-     */
-    mapDropzoneEvent(event: NgDropEvent): TftDropEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropzoneDirective, [null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropzoneDirective, "[tftDropzone]", never, { "dropzoneId": "dropzoneId"; "dropzoneConfig": "dropzoneConfig"; "dropzoneData": "dropzoneData"; "position": "position"; }, { "dropActivate": "dropActivate"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragDrop": "dragDrop"; }, never, never, false>;
-}
+/// <reference types="@interactjs/types" />
+import { ElementRef, OnInit, EventEmitter, SimpleChanges, OnChanges, Renderer2 } from '@angular/core';
+import { DropzoneOptions, Interactable } from '@interactjs/types/index';
+import { InteractService } from '../services/interact.service';
+import { NgDropEvent, TftDropEvent } from '../models';
+import { AccountForScaleDirective } from './account-for-scale.directive';
+import * as i0 from "@angular/core";
+export type PositionOption = 'relative' | 'absolute' | 'fixed' | 'static' | 'sticky' | 'unset' | 'inherit' | 'initial' | 'revert';
+export declare class DropzoneDirective implements OnInit, OnChanges {
+    el: ElementRef;
+    private renderer;
+    private interactService;
+    private account_for_scale_dir?;
+    dropzoneId: string;
+    dropzoneConfig: DropzoneOptions;
+    dropzoneData: any;
+    position: PositionOption;
+    dropActivate: EventEmitter<TftDropEvent>;
+    dragEnter: EventEmitter<TftDropEvent>;
+    dragLeave: EventEmitter<TftDropEvent>;
+    dragDrop: EventEmitter<TftDropEvent>;
+    dropzone: Interactable;
+    get scale(): number;
+    constructor(el: ElementRef, renderer: Renderer2, interactService: InteractService, account_for_scale_dir?: AccountForScaleDirective);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+    * Connects element to interacts dropzone events and returns a reference to the interactable
+    * @param nativeElement the element to tie drop events to
+    * @param dropzoneConfig the interact configuration to use when connecting
+    */
+    connectDropzoneEvents(nativeElement: any, dropzoneConfig: DropzoneOptions): import("@interactjs/core/Interactable").Interactable;
+    /**
+     * Maps the drop event emitted by interact to something a little easier to use
+     * @param event the drop event emitted by interact, extended with extra fields we added to
+     */
+    mapDropzoneEvent(event: NgDropEvent): TftDropEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropzoneDirective, [null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropzoneDirective, "[tftDropzone]", never, { "dropzoneId": { "alias": "dropzoneId"; "required": false; }; "dropzoneConfig": { "alias": "dropzoneConfig"; "required": false; }; "dropzoneData": { "alias": "dropzoneData"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "dropActivate": "dropActivate"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragDrop": "dragDrop"; }, never, never, false, never>;
+}

package/lib/directives/gesturable.directive.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="@interactjs/types" />
-import { ElementRef, OnInit, EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
-import { DraggableOptions, GesturableOptions, Interactable } from '@interactjs/types/index';
-import { Observable } from 'rxjs';
-import { TftCoords, TftGestureEvent } from '../models';
-import { DraggableDirective } from '../directives';
-import * as i0 from "@angular/core";
-/** @dynamic */
-export declare class GesturableDirective<D = any> implements OnInit, OnChanges {
-    el: ElementRef;
-    private draggable_dir?;
-    gesturableId: string;
-    gestureDisabled: boolean;
-    gestureConfig: Partial<Interact.OrBoolean<DraggableOptions>>;
-    gestureStart: EventEmitter<TftGestureEvent>;
-    gestureMove: EventEmitter<TftGestureEvent>;
-    gestureEnd: EventEmitter<TftGestureEvent>;
-    interactableState: Observable<TftCoords>;
-    interactable: Interactable;
-    constructor(el: ElementRef, draggable_dir?: DraggableDirective);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    setGestureConfig(): void;
-    initiateGestureEvents(gestureConfig: Partial<Interact.OrBoolean<GesturableOptions>>, nativeElement: HTMLElement): import("@interactjs/core/Interactable").Interactable;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GesturableDirective<any>, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GesturableDirective<any>, "[tftGesturable]", never, { "gesturableId": "gesturableId"; "gestureDisabled": "gestureDisabled"; "gestureConfig": "gestureConfig"; }, { "gestureStart": "gestureStart"; "gestureMove": "gestureMove"; "gestureEnd": "gestureEnd"; }, never, never, false>;
-}
+/// <reference types="@interactjs/types" />
+import { ElementRef, OnInit, EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
+import { DraggableOptions, GesturableOptions, Interactable } from '@interactjs/types/index';
+import { Observable } from 'rxjs';
+import { TftCoords, TftGestureEvent } from '../models';
+import { DraggableDirective } from '../directives';
+import * as i0 from "@angular/core";
+/** @dynamic */
+export declare class GesturableDirective<D = any> implements OnInit, OnChanges {
+    el: ElementRef;
+    private draggable_dir?;
+    gesturableId: string;
+    gestureDisabled: boolean;
+    gestureConfig: Partial<Interact.OrBoolean<DraggableOptions>>;
+    gestureStart: EventEmitter<TftGestureEvent>;
+    gestureMove: EventEmitter<TftGestureEvent>;
+    gestureEnd: EventEmitter<TftGestureEvent>;
+    interactableState: Observable<TftCoords>;
+    interactable: Interactable;
+    constructor(el: ElementRef, draggable_dir?: DraggableDirective);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setGestureConfig(): void;
+    initiateGestureEvents(gestureConfig: Partial<Interact.OrBoolean<GesturableOptions>>, nativeElement: HTMLElement): import("@interactjs/core/Interactable").Interactable;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GesturableDirective<any>, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GesturableDirective<any>, "[tftGesturable]", never, { "gesturableId": { "alias": "gesturableId"; "required": false; }; "gestureDisabled": { "alias": "gestureDisabled"; "required": false; }; "gestureConfig": { "alias": "gestureConfig"; "required": false; }; }, { "gestureStart": "gestureStart"; "gestureMove": "gestureMove"; "gestureEnd": "gestureEnd"; }, never, never, false, never>;
+}

package/lib/directives/index.d.ts

@@ -1,9 +1,9 @@
-export * from './draggable.directive';
-export * from './dropzone.directive';
-export * from './resizable.directive';
-export * from './drag-preview.directive';
-export * from './gesturable.directive';
-export * from './drag-root.directive';
-export * from './account-for-scale.directive';
-export * from './apply-scale.directive';
-export * from './auto-scroll.directive';
+export * from './draggable.directive';
+export * from './dropzone.directive';
+export * from './resizable.directive';
+export * from './drag-preview.directive';
+export * from './gesturable.directive';
+export * from './drag-root.directive';
+export * from './account-for-scale.directive';
+export * from './apply-scale.directive';
+export * from './auto-scroll.directive';

package/lib/directives/resizable.directive.d.ts

@@ -1,61 +1,61 @@
-/// <reference types="@interactjs/types" />
-import { OnInit, OnDestroy, ElementRef, EventEmitter, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
-import { InteractService } from '../services/interact.service';
-import { ResizableOptions, ResizeEvent, Interactable } from '@interactjs/types/index';
-import { DraggableDirective } from './draggable.directive';
-import { DropzoneDirective } from './dropzone.directive';
-import { DragRootDirective } from './drag-root.directive';
-import { AccountForScaleDirective } from './account-for-scale.directive';
-import { NgResizeEvent, TftResizeEvent, TftDragElement } from '../models';
-import { AutoScrollDirective } from './auto-scroll.directive';
-import * as i0 from "@angular/core";
-/** @dynamic */
-export declare class ResizableDirective implements OnInit, OnDestroy, OnChanges {
-    el: ElementRef;
-    private _document;
-    private interactService;
-    private renderer;
-    private drag_root_dir?;
-    account_for_scale_dir?: AccountForScaleDirective;
-    private draggable_dir?;
-    private dropzone_dir?;
-    auto_scroll_dir?: AutoScrollDirective;
-    enableResizeDefault: boolean;
-    position: string;
-    resizeConfig: Partial<Interact.OrBoolean<ResizableOptions>>;
-    interactableId: string;
-    width: number;
-    height: number;
-    resizeDisabled: boolean;
-    resizeStart: EventEmitter<TftResizeEvent>;
-    resizeMove: EventEmitter<TftResizeEvent>;
-    resizeInertiaStart: EventEmitter<TftResizeEvent>;
-    resizeEnd: EventEmitter<TftResizeEvent>;
-    defaultConfig: Partial<Interact.OrBoolean<ResizableOptions>>;
-    registryId: string;
-    interactable: Interactable;
-    dragRootEl: HTMLElement;
-    private activeEdges;
-    private interactableSubscription;
-    private scrollEventsSubscription;
-    get scale(): number;
-    constructor(el: ElementRef, _document: Document, interactService: InteractService, renderer: Renderer2, drag_root_dir?: DragRootDirective, account_for_scale_dir?: AccountForScaleDirective, draggable_dir?: DraggableDirective, dropzone_dir?: DropzoneDirective, auto_scroll_dir?: AutoScrollDirective);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    resizeListener(event: ResizeEvent): void;
-    /**
-     *  hook elements into interacts resize event listeners
-     *  we spread the configs so that the consuming component only overwrites the
-     *  pieces that it explicitly indicates
-     * @param resizeConfig
-     * @param nativeElement
-     */
-    initiateResizeEvents(resizeConfig: Partial<Interact.OrBoolean<ResizableOptions>>, nativeElement: TftDragElement): import("@interactjs/core/Interactable").Interactable;
-    mapResizeEvent(event: NgResizeEvent): TftResizeEvent;
-    alignDimensionsWithInputs(width: number, height: number): void;
-    addResizePropertiesToElement(nativeElement: TftDragElement): void;
-    subscribeToScrollEvents(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[tftResizable]", never, { "enableResizeDefault": "enableResizeDefault"; "position": "position"; "resizeConfig": "resizeConfig"; "interactableId": "interactableId"; "width": "width"; "height": "height"; "resizeDisabled": "resizeDisabled"; }, { "resizeStart": "resizeStart"; "resizeMove": "resizeMove"; "resizeInertiaStart": "resizeInertiaStart"; "resizeEnd": "resizeEnd"; }, never, never, false>;
-}
+/// <reference types="@interactjs/types" />
+import { OnInit, OnDestroy, ElementRef, EventEmitter, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
+import { InteractService } from '../services/interact.service';
+import { ResizableOptions, ResizeEvent, Interactable } from '@interactjs/types/index';
+import { DraggableDirective } from './draggable.directive';
+import { DropzoneDirective } from './dropzone.directive';
+import { DragRootDirective } from './drag-root.directive';
+import { AccountForScaleDirective } from './account-for-scale.directive';
+import { NgResizeEvent, TftResizeEvent, TftDragElement } from '../models';
+import { AutoScrollDirective } from './auto-scroll.directive';
+import * as i0 from "@angular/core";
+/** @dynamic */
+export declare class ResizableDirective implements OnInit, OnDestroy, OnChanges {
+    el: ElementRef;
+    private _document;
+    private interactService;
+    private renderer;
+    private drag_root_dir?;
+    account_for_scale_dir?: AccountForScaleDirective;
+    private draggable_dir?;
+    private dropzone_dir?;
+    auto_scroll_dir?: AutoScrollDirective;
+    enableResizeDefault: boolean;
+    position: string;
+    resizeConfig: Partial<Interact.OrBoolean<ResizableOptions>>;
+    interactableId: string;
+    width: number;
+    height: number;
+    resizeDisabled: boolean;
+    resizeStart: EventEmitter<TftResizeEvent>;
+    resizeMove: EventEmitter<TftResizeEvent>;
+    resizeInertiaStart: EventEmitter<TftResizeEvent>;
+    resizeEnd: EventEmitter<TftResizeEvent>;
+    defaultConfig: Partial<Interact.OrBoolean<ResizableOptions>>;
+    registryId: string;
+    interactable: Interactable;
+    dragRootEl: HTMLElement;
+    private activeEdges;
+    private interactableSubscription;
+    private scrollEventsSubscription;
+    get scale(): number;
+    constructor(el: ElementRef, _document: Document, interactService: InteractService, renderer: Renderer2, drag_root_dir?: DragRootDirective, account_for_scale_dir?: AccountForScaleDirective, draggable_dir?: DraggableDirective, dropzone_dir?: DropzoneDirective, auto_scroll_dir?: AutoScrollDirective);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    resizeListener(event: ResizeEvent): void;
+    /**
+     *  hook elements into interacts resize event listeners
+     *  we spread the configs so that the consuming component only overwrites the
+     *  pieces that it explicitly indicates
+     * @param resizeConfig
+     * @param nativeElement
+     */
+    initiateResizeEvents(resizeConfig: Partial<Interact.OrBoolean<ResizableOptions>>, nativeElement: TftDragElement): import("@interactjs/core/Interactable").Interactable;
+    mapResizeEvent(event: NgResizeEvent): TftResizeEvent;
+    alignDimensionsWithInputs(width: number, height: number): void;
+    addResizePropertiesToElement(nativeElement: TftDragElement): void;
+    subscribeToScrollEvents(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[tftResizable]", never, { "enableResizeDefault": { "alias": "enableResizeDefault"; "required": false; }; "position": { "alias": "position"; "required": false; }; "resizeConfig": { "alias": "resizeConfig"; "required": false; }; "interactableId": { "alias": "interactableId"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "resizeDisabled": { "alias": "resizeDisabled"; "required": false; }; }, { "resizeStart": "resizeStart"; "resizeMove": "resizeMove"; "resizeInertiaStart": "resizeInertiaStart"; "resizeEnd": "resizeEnd"; }, never, never, false, never>;
+}

package/lib/interact.module.d.ts

@@ -1,20 +1,20 @@
-import { ModuleWithProviders } from '@angular/core';
-import { InteractRootConfig } from './models';
-import * as i0 from "@angular/core";
-import * as i1 from "./directives/draggable.directive";
-import * as i2 from "./directives/resizable.directive";
-import * as i3 from "./directives/dropzone.directive";
-import * as i4 from "./directives/gesturable.directive";
-import * as i5 from "./directives/drag-root.directive";
-import * as i6 from "./directives/auto-scroll.directive";
-import * as i7 from "./directives/account-for-scale.directive";
-import * as i8 from "./directives/apply-scale.directive";
-import * as i9 from "./directives/drag-preview.directive";
-import * as i10 from "./pipes/array-of-n.pipe";
-import * as i11 from "@angular/common";
-export declare class InteractModule {
-    static forRoot(config: InteractRootConfig): ModuleWithProviders<InteractModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InteractModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InteractModule, [typeof i1.DraggableDirective, typeof i2.ResizableDirective, typeof i3.DropzoneDirective, typeof i4.GesturableDirective, typeof i5.DragRootDirective, typeof i6.AutoScrollDirective, typeof i7.AccountForScaleDirective, typeof i8.ApplyScaleDirective, typeof i9.DragPreviewDirective, typeof i10.ArrayOfNPipe], [typeof i11.CommonModule], [typeof i1.DraggableDirective, typeof i2.ResizableDirective, typeof i3.DropzoneDirective, typeof i4.GesturableDirective, typeof i5.DragRootDirective, typeof i6.AutoScrollDirective, typeof i7.AccountForScaleDirective, typeof i8.ApplyScaleDirective, typeof i9.DragPreviewDirective, typeof i10.ArrayOfNPipe]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<InteractModule>;
-}
+import { ModuleWithProviders } from '@angular/core';
+import { InteractRootConfig } from './models';
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/draggable.directive";
+import * as i2 from "./directives/resizable.directive";
+import * as i3 from "./directives/dropzone.directive";
+import * as i4 from "./directives/gesturable.directive";
+import * as i5 from "./directives/drag-root.directive";
+import * as i6 from "./directives/auto-scroll.directive";
+import * as i7 from "./directives/account-for-scale.directive";
+import * as i8 from "./directives/apply-scale.directive";
+import * as i9 from "./directives/drag-preview.directive";
+import * as i10 from "./pipes/array-of-n.pipe";
+import * as i11 from "@angular/common";
+export declare class InteractModule {
+    static forRoot(config: InteractRootConfig): ModuleWithProviders<InteractModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InteractModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InteractModule, [typeof i1.DraggableDirective, typeof i2.ResizableDirective, typeof i3.DropzoneDirective, typeof i4.GesturableDirective, typeof i5.DragRootDirective, typeof i6.AutoScrollDirective, typeof i7.AccountForScaleDirective, typeof i8.ApplyScaleDirective, typeof i9.DragPreviewDirective, typeof i10.ArrayOfNPipe], [typeof i11.CommonModule], [typeof i1.DraggableDirective, typeof i2.ResizableDirective, typeof i3.DropzoneDirective, typeof i4.GesturableDirective, typeof i5.DragRootDirective, typeof i6.AutoScrollDirective, typeof i7.AccountForScaleDirective, typeof i8.ApplyScaleDirective, typeof i9.DragPreviewDirective, typeof i10.ArrayOfNPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InteractModule>;
+}

package/lib/models/index.d.ts

@@ -1 +1 @@
-export * from './interact';
+export * from './interact';