@tft/interact 12.5.0 → 13.0.0

package/esm2015/lib/directives/draggable.directive.js

@@ -1,255 +0,0 @@
-import { Directive, ElementRef, Input, Output, EventEmitter, Optional, SkipSelf, Renderer2, ContentChild, ViewContainerRef, Inject } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import interact from 'interactjs';
-import { InteractService } from '../services/interact.service';
-import { DropzoneDirective } from './dropzone.directive';
-import { DEFAULT_REGISTRY_ID } from '../models';
-import { DragPreviewDirective } from './drag-preview.directive';
-import { getRootNode } from '../utils';
-import { DragRootDirective } from './drag-root.directive';
-import { AccountForScaleDirective } from './account-for-scale.directive';
-/** @dynamic */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export class DraggableDirective {
-    // cache holding element to use as placeholder while dragging
-    constructor(el, interactService, renderer, _viewContainerRef, _document, account_for_scale_dir, dropzone_dir, drag_root_dir) {
-        this.el = el;
-        this.interactService = interactService;
-        this.renderer = renderer;
-        this._viewContainerRef = _viewContainerRef;
-        this._document = _document;
-        this.account_for_scale_dir = account_for_scale_dir;
-        this.dropzone_dir = dropzone_dir;
-        this.drag_root_dir = drag_root_dir;
-        /* zIndex while dragging*/
-        this.dragZIndex = 10000;
-        this.enableDragDefault = true;
-        /**
-         * @deprecated replaced by 'dragDisabled' property, please migrate before v13
-         */
-        this.disabled = false;
-        this.dragDisabled = false;
-        this.showPlaceholder = false;
-        // pipes all interact events to event emitters
-        this.dragStart = new EventEmitter();
-        this.dragMove = new EventEmitter();
-        this.dragInertiaStart = new EventEmitter();
-        this.dragEnd = new EventEmitter();
-    }
-    ngOnInit() {
-        var _a, _b, _c, _d, _e;
-        this.interactable = this.initiateDragEvents(this.dragConfig, this.el.nativeElement);
-        this.dragRootEl = (((_b = (_a = this.dragRoot) === null || _a === void 0 ? void 0 : _a.el) === null || _b === void 0 ? void 0 : _b.nativeElement) || ((_d = (_c = this.drag_root_dir) === null || _c === void 0 ? void 0 : _c.el) === null || _d === void 0 ? void 0 : _d.nativeElement)) || this._document.body;
-        // register with parent dropzone if it exists, otherwise use default
-        // this gives us a place on the registry to store our drag items that don't have a dropzone
-        this.registryId = ((_e = this.dropzone_dir) === null || _e === void 0 ? void 0 : _e.dropzoneId) || DEFAULT_REGISTRY_ID;
-        // add draggable to directory and store its id
-        this.interactableId = this.interactService.addDraggableToRegistry(this.registryId, this.interactableId);
-        this.alignPositionWithInputs(this.x, this.y);
-        // cache subscription to interactable state so we can unsubscribe onDestroy
-        this.interactableState = this.interactService
-            .getInteractableState(this.interactableId, this.registryId);
-        // keep our cached position values in line with our drag state
-        this.interactableSubscription = this.interactableState.subscribe((state) => {
-            this.y = state.y;
-            this.x = state.x;
-        });
-        this.setDragConfig();
-    }
-    // TODO: watch config here as well and update interactable
-    ngOnChanges(changes) {
-        // we do this here instead of using a setter on the input so that it
-        // will only run once when there is a change to x and y
-        if (changes.y || changes.x) {
-            this.alignPositionWithInputs(this.x, this.y);
-        }
-        if (changes.dragConfig || changes.disabled || changes.dragDisabled) {
-            if (!this.interactable)
-                return;
-            this.setDragConfig();
-        }
-        /**
-         * @deprecated remove this in v13
-         */
-        if (changes.disabled) {
-            console.warn(`It looks like your using the 'disabled' input on a tftDraggable directive, it has been deprecated and is replaced with 'dragDisabled', please migrate by v13`);
-        }
-    }
-    setDragConfig() {
-        const enabled = !(this.disabled || this.dragDisabled);
-        const dragConfig = Object.assign(Object.assign({}, this.dragConfig), { enabled });
-        this.interactable.draggable(dragConfig);
-    }
-    ngAfterViewInit() {
-        this.addDragPropertiesToElement(this.el.nativeElement);
-        if (!this.dropzone_dir) {
-            this.previewRef = this.el.nativeElement;
-        }
-    }
-    ngOnDestroy() {
-        // clean up state and subscriptions related to destroyed component
-        this.interactableSubscription.unsubscribe();
-        this.interactService.destroyInteractable(this.interactableId, this.registryId);
-    }
-    dragMoveListener(event, element) {
-        const { dx, dy } = event;
-        this.interactService.updateDeltas(this.interactableId, this.registryId, { deltaX: dx, deltaY: dy }, element);
-    }
-    setDragStyles(dragElement) {
-        this.renderer.setStyle(dragElement, 'touchAction', 'none');
-        this.renderer.setStyle(dragElement, 'zIndex', this.dragZIndex);
-        this.renderer.setStyle(dragElement, 'position', 'absolute');
-    }
-    addDragPropertiesToElement(nativeElement) {
-        this.renderer.setProperty(nativeElement, 'dropTarget', this.dropzone_dir || null);
-        this.renderer.setProperty(nativeElement, 'dragOrigin', this.dropzone_dir || null);
-        this.renderer.setProperty(nativeElement, 'dragRef', this);
-    }
-    mapDragEvent(event) {
-        var _a;
-        const { target, dropzone } = event;
-        const dropzoneElement = (dropzone === null || dropzone === void 0 ? void 0 : dropzone.target) || ((_a = target.dropTarget) === null || _a === void 0 ? void 0 : _a.el.nativeElement);
-        const positionInDropTarget = target && dropzoneElement
-            ? this.interactService.calculatePositionInElement(dropzoneElement, this.previewRef)
-            : null;
-        return {
-            interactEvent: event,
-            dragRef: this,
-            dragOrigin: target.dragOrigin,
-            dropTarget: target.dropTarget,
-            positionInDropTarget
-        };
-    }
-    setPosition(x, y) {
-        this.interactService.updatePosition(this.interactableId, this.registryId, { x, y }, this.el.nativeElement);
-    }
-    alignPositionWithInputs(x, y) {
-        // short circuit if positions aren't numbers or  if they haven't changed
-        if (!this.isValidPosition(x, y))
-            return;
-        this.interactService.updatePosition(this.interactableId, this.registryId, { x, y }, this.el.nativeElement);
-    }
-    isValidPosition(x, y) {
-        return this.isNumeric(x) && this.isNumeric(y);
-    }
-    // We use use this instead of isNaN here to try and help performance
-    // We should be able to reliably restrict to numbers or falsey values
-    isNumeric(num) {
-        return typeof num === 'number' && !isNaN(num);
-    }
-    initiateDragEvents(dragConfig, nativeElement) {
-        return interact(nativeElement).draggable(Object.assign(Object.assign({}, dragConfig), { enabled: !(this.disabled || this.dragDisabled) }))
-            .on('dragstart', (event) => {
-            const interaction = event.interaction;
-            // check if we should append drag element to body
-            if (this.enableDragDefault
-                && interaction.pointerIsDown
-            // TODO: probably don't need following condition checks anymore remove by 2022
-            // && !!this.dropzone_dir
-            // && !interaction.interacting()
-            ) {
-                if (this._previewTemplate) {
-                    const viewRef = this._viewContainerRef.createEmbeddedView(this._previewTemplate.templateRef);
-                    this.previewRef = getRootNode(viewRef, this._document);
-                }
-                else {
-                    this.previewRef = cloneElement(this.el.nativeElement);
-                }
-                this.addDragPropertiesToElement(this.previewRef);
-                this.setDragStyles(this.previewRef);
-                this.dragRootEl.prepend(this.previewRef);
-                const { x, y } = this.interactService.calculatePositionInElement(this.dragRootEl, nativeElement);
-                this.interactService.updatePosition(this.interactableId, this.registryId, { x, y }, this.previewRef);
-                if (!this.showPlaceholder) {
-                    this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
-                }
-            }
-            this.dragStart.emit(this.mapDragEvent(event));
-        })
-            .on('dragmove', (event) => {
-            if (this.enableDragDefault) {
-                const dragElement = this.dropzone_dir && this.previewRef || nativeElement;
-                this.dragMoveListener(event, dragElement);
-            }
-            const mappedEvent = this.mapDragEvent(event);
-            this.dragMove.emit(mappedEvent);
-        })
-            .on('draginertiastart', (event) => {
-            this.dragInertiaStart.emit(this.mapDragEvent(event));
-        })
-            .on('dragend', (event) => {
-            const mappedEvent = this.mapDragEvent(event);
-            if (!!this.dropzone_dir && this.dropzone_dir === event.target.dropTarget) {
-                const { x, y } = mappedEvent.positionInDropTarget;
-                this.setPosition(x, y);
-            }
-            this.renderer.setStyle(this.el.nativeElement, 'display', '');
-            this.dragEnd.emit(mappedEvent);
-            if (this.el.nativeElement !== this.previewRef) {
-                // we do this in a timeout, so that we don't remove before the dropzone can get the boundingElementRect
-                setTimeout(() => {
-                    this.dragRootEl.removeChild(this.previewRef);
-                });
-            }
-        });
-    }
-}
-DraggableDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[tftDraggable]',
-                // eslint-disable-next-line @angular-eslint/no-host-metadata-property
-                host: {
-                    '[style.touchAction]': 'this.dragDisabled ? "auto" : "none"',
-                    '[style.position]': '"absolute"',
-                    '[id]': 'interactableId',
-                }
-            },] }
-];
-DraggableDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: InteractService },
-    { type: Renderer2 },
-    { type: ViewContainerRef },
-    { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: AccountForScaleDirective, decorators: [{ type: Optional }] },
-    { type: DropzoneDirective, decorators: [{ type: Optional }, { type: SkipSelf }] },
-    { type: DragRootDirective, decorators: [{ type: Optional }, { type: SkipSelf }] }
-];
-DraggableDirective.propDecorators = {
-    x: [{ type: Input }],
-    y: [{ type: Input }],
-    dragZIndex: [{ type: Input }],
-    zIndex: [{ type: Input }],
-    interactableId: [{ type: Input }],
-    dragData: [{ type: Input }],
-    enableDragDefault: [{ type: Input }],
-    disabled: [{ type: Input }],
-    dragDisabled: [{ type: Input }],
-    dragConfig: [{ type: Input }],
-    showPlaceholder: [{ type: Input }],
-    dragRoot: [{ type: Input }],
-    dragStart: [{ type: Output }],
-    dragMove: [{ type: Output }],
-    dragInertiaStart: [{ type: Output }],
-    dragEnd: [{ type: Output }],
-    _previewTemplate: [{ type: ContentChild, args: [DragPreviewDirective,] }]
-};
-/**
- * Component utils
- */
-// create a clone of the component passed in and add it to the root component
-function cloneElement(element) {
-    const clone = element.cloneNode(true);
-    clone.removeAttribute('id');
-    return clone;
-}
-function getPreviewInsertionPoint(documentRef) {
-    // We can't use the body if the user is in fullscreen mode,
-    // because the preview will render under the fullscreen element.
-    return documentRef.fullscreenElement ||
-        documentRef.webkitFullscreenElement ||
-        documentRef.mozFullScreenElement ||
-        documentRef.msFullscreenElement ||
-        documentRef.body;
-}
-//# sourceMappingURL=draggable.directive.js.map

package/esm2015/lib/directives/draggable.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggable.directive.js","sourceRoot":"","sources":["../../../../../../libs/interact/src/lib/directives/draggable.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnInit, Output,\n   OnDestroy, EventEmitter, Optional, SkipSelf, Renderer2, SimpleChanges, OnChanges, ContentChild, ViewContainerRef, Inject, AfterViewInit } from '@angular/core';\nimport { DOCUMENT } from '@angular/common'\nimport interact from 'interactjs';\nimport { InteractService } from '../services/interact.service';\nimport { DraggableOptions, Interactable } from '@interactjs/types/index';\nimport { Subscription, Observable } from 'rxjs';\nimport { DropzoneDirective } from './dropzone.directive';\nimport { NgDragEvent, TftDragEvent, DEFAULT_REGISTRY_ID, TftCoords, TftDragElement} from '../models';\nimport { DragPreviewDirective } from './drag-preview.directive';\nimport { getRootNode } from '../utils';\nimport { DragRootDirective } from './drag-root.directive';\nimport { AccountForScaleDirective } from './account-for-scale.directive';\n\n/** @dynamic */\n@Directive({\n  selector: '[tftDraggable]',\n  // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n  host: {\n    '[style.touchAction]': 'this.dragDisabled ? \"auto\" : \"none\"',\n    '[style.position]': '\"absolute\"',\n    '[id]': 'interactableId',\n  }\n})\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport class DraggableDirective<D = any> implements OnInit, OnChanges, OnDestroy, AfterViewInit {\n\n\n  @Input() x: number;\n  @Input() y: number;\n  /* zIndex while dragging*/\n  @Input() dragZIndex = 10000;\n  /** zIndex while at rest */\n  @Input() zIndex: number\n  @Input() interactableId: string;\n  @Input() dragData: D;\n  @Input() enableDragDefault = true;\n  /**\n   * @deprecated replaced by 'dragDisabled' property, please migrate before v13\n   */\n  @Input() disabled = false;\n  @Input() dragDisabled = false;\n  @Input() dragConfig: Partial<Interact.OrBoolean<DraggableOptions>>;\n  @Input() showPlaceholder = false;\n\n  /**\n   * The element we want to prepend the drag element to.\n   * Use `tftDragRoot` directive on a parent element to set custom root element\n   *  @default document.body\n   */\n  @Input() dragRoot: DragRootDirective; // HTMLElement;\n\n  private dragRootEl: HTMLElement;\n  // pipes all interact events to event emitters\n  @Output() dragStart = new EventEmitter<TftDragEvent>();\n  @Output() dragMove = new EventEmitter<TftDragEvent>();\n  @Output() dragInertiaStart = new EventEmitter<TftDragEvent>();\n  @Output() dragEnd = new EventEmitter<TftDragEvent>();\n\n  @ContentChild(DragPreviewDirective) _previewTemplate: DragPreviewDirective;\n  // dragPreview: Interact.Element;\n  interactableState: Observable<TftCoords>;\n  interactable: Interactable;\n  private registryId: string;\n  private interactableSubscription: Subscription;\n  // cache holding element to use as drag preview (the element the user sees being dragged around)\n  previewRef: TftDragElement;\n  // cache holding element to use as placeholder while dragging\n  constructor(\n    public el: ElementRef,\n    private interactService: InteractService,\n    private renderer: Renderer2,\n    private _viewContainerRef: ViewContainerRef,\n    @Inject(DOCUMENT) private _document: Document,\n    @Optional() public account_for_scale_dir?: AccountForScaleDirective,\n    @Optional() @SkipSelf() public dropzone_dir?: DropzoneDirective,\n    @Optional() @SkipSelf() public drag_root_dir?: DragRootDirective\n  ) { }\n\n  ngOnInit() {\n    this.interactable = this.initiateDragEvents(this.dragConfig, this.el.nativeElement);\n    this.dragRootEl = (this.dragRoot?.el?.nativeElement || this.drag_root_dir?.el?.nativeElement) as HTMLElement || this._document.body;\n    // register with parent dropzone if it exists, otherwise use default\n    // this gives us a place on the registry to store our drag items that don't have a dropzone\n    this.registryId = this.dropzone_dir?.dropzoneId || DEFAULT_REGISTRY_ID;\n    // add draggable to directory and store its id\n    this.interactableId = this.interactService.addDraggableToRegistry(this.registryId, this.interactableId);\n    this.alignPositionWithInputs(this.x, this.y);\n    // cache subscription to interactable state so we can unsubscribe onDestroy\n    this.interactableState = this.interactService\n      .getInteractableState(this.interactableId, this.registryId);\n    // keep our cached position values in line with our drag state\n    this.interactableSubscription = this.interactableState.subscribe((state) => {\n      this.y = state.y;\n      this.x = state.x;\n    });\n    this.setDragConfig();\n  }\n\n  // TODO: watch config here as well and update interactable\n  ngOnChanges(changes: SimpleChanges) {\n    // we do this here instead of using a setter on the input so that it\n    // will only run once when there is a change to x and y\n    if(changes.y || changes.x) {\n      this.alignPositionWithInputs(this.x, this.y);\n    }\n    if(changes.dragConfig || changes.disabled || changes.dragDisabled) {\n      if(!this.interactable) return;\n      this.setDragConfig();\n    }\n    /**\n     * @deprecated remove this in v13\n     */\n    if (changes.disabled) {\n      console.warn(`It looks like your using the 'disabled' input on a tftDraggable directive, it has been deprecated and is replaced with 'dragDisabled', please migrate by v13`)\n    }\n  }\n\n  setDragConfig() {\n    const enabled = !(this.disabled || this.dragDisabled)\n    const dragConfig = {...this.dragConfig, enabled};\n    this.interactable.draggable(dragConfig);\n  }\n\n  ngAfterViewInit() {\n    this.addDragPropertiesToElement(this.el.nativeElement);\n    if (!this.dropzone_dir) {\n      this.previewRef = this.el.nativeElement;\n    }\n  }\n\n  ngOnDestroy() {\n    // clean up state and subscriptions related to destroyed component\n    this.interactableSubscription.unsubscribe();\n    this.interactService.destroyInteractable(this.interactableId, this.registryId);\n  }\n\n  dragMoveListener(event: NgDragEvent, element: Interact.Element) {\n    const { dx, dy } = event;\n    this.interactService.updateDeltas(\n      this.interactableId,\n      this.registryId,\n      {deltaX: dx, deltaY: dy},\n      element\n    );\n  }\n\n  setDragStyles(dragElement: HTMLElement) {\n    this.renderer.setStyle(dragElement, 'touchAction', 'none')\n    this.renderer.setStyle(dragElement, 'zIndex', this.dragZIndex)\n    this.renderer.setStyle(dragElement, 'position', 'absolute')\n  }\n\n  addDragPropertiesToElement(nativeElement: TftDragElement) {\n    this.renderer.setProperty(nativeElement, 'dropTarget', this.dropzone_dir || null);\n    this.renderer.setProperty(nativeElement, 'dragOrigin', this.dropzone_dir || null);\n    this.renderer.setProperty(nativeElement, 'dragRef', this);\n  }\n\n  mapDragEvent(event: NgDragEvent): TftDragEvent {\n    const { target, dropzone } = event;\n    const dropzoneElement = dropzone?.target || target.dropTarget?.el.nativeElement;\n    const positionInDropTarget = target && dropzoneElement\n      ? this.interactService.calculatePositionInElement(dropzoneElement, this.previewRef)\n      : null;\n    return {\n      interactEvent: event,\n      dragRef: this,\n      dragOrigin: target.dragOrigin,\n      dropTarget: target.dropTarget,\n      positionInDropTarget\n    }\n  }\n\n  setPosition(x: number, y: number) {\n    this.interactService.updatePosition(\n      this.interactableId,\n      this.registryId,\n      {x, y},\n      this.el.nativeElement\n    );\n  }\n\n  alignPositionWithInputs(x: number, y: number) {\n    // short circuit if positions aren't numbers or  if they haven't changed\n    if(!this.isValidPosition(x, y)) return;\n    this.interactService.updatePosition(\n      this.interactableId,\n      this.registryId,\n      {x, y},\n      this.el.nativeElement\n    );\n  }\n\n  isValidPosition(x: number, y: number) {\n    return this.isNumeric(x) && this.isNumeric(y);\n  }\n  // We use use this instead of isNaN here to try and help performance\n  // We should be able to reliably restrict to numbers or falsey values\n  isNumeric(num: number) {\n    return typeof num === 'number' && !isNaN(num);\n  }\n\n  initiateDragEvents(dragConfig: Partial<Interact.OrBoolean<DraggableOptions>>, nativeElement: HTMLElement) {\n    return interact(nativeElement).draggable({...dragConfig, enabled:  !(this.disabled || this.dragDisabled) })\n      .on('dragstart',  (event: NgDragEvent) => {\n        const interaction = event.interaction;\n        // check if we should append drag element to body\n        if ( this.enableDragDefault\n          && interaction.pointerIsDown\n          // TODO: probably don't need following condition checks anymore remove by 2022\n          // && !!this.dropzone_dir\n          // && !interaction.interacting()\n          ) {\n          if (this._previewTemplate) {\n            const viewRef = this._viewContainerRef.createEmbeddedView(this._previewTemplate.templateRef);\n            this.previewRef = getRootNode(viewRef, this._document);\n          } else {\n            this.previewRef = cloneElement(this.el.nativeElement);\n          }\n          this.addDragPropertiesToElement(this.previewRef);\n          this.setDragStyles(this.previewRef)\n\n          this.dragRootEl.prepend(this.previewRef);\n\n          const {x, y} = this.interactService.calculatePositionInElement(this.dragRootEl, nativeElement);\n          this.interactService.updatePosition(this.interactableId, this.registryId, {x, y}, this.previewRef);\n          if (!this.showPlaceholder) {\n            this.renderer.setStyle(this.el.nativeElement, 'display', 'none');\n          }\n        }\n        this.dragStart.emit(this.mapDragEvent(event));\n      })\n      .on('dragmove', (event: NgDragEvent) => {\n        if (this.enableDragDefault) {\n          const dragElement = this.dropzone_dir && this.previewRef || nativeElement\n          this.dragMoveListener(event, dragElement);\n        }\n        const mappedEvent = this.mapDragEvent(event);\n        this.dragMove.emit(mappedEvent);\n      })\n      .on('draginertiastart', (event: NgDragEvent) => {\n        this.dragInertiaStart.emit(this.mapDragEvent(event))\n      })\n      .on('dragend', (event: NgDragEvent) => {\n        const mappedEvent = this.mapDragEvent(event)\n        if(!!this.dropzone_dir && this.dropzone_dir === event.target.dropTarget) {\n          const { x, y} = mappedEvent.positionInDropTarget;\n          this.setPosition(x, y);\n        }\n        this.renderer.setStyle(this.el.nativeElement, 'display', '');\n        this.dragEnd.emit(mappedEvent);\n\n        if ( this.el.nativeElement !== this.previewRef) {\n          // we do this in a timeout, so that we don't remove before the dropzone can get the boundingElementRect\n          setTimeout(() => {\n            this.dragRootEl.removeChild(this.previewRef);\n          })\n        }\n      });\n  }\n\n\n}\n\n/**\n * Component utils\n */\n// create a clone of the component passed in and add it to the root component\nfunction cloneElement(element: HTMLElement) {\n  const clone = element.cloneNode(true) as HTMLElement;\n  clone.removeAttribute('id');\n  return clone;\n}\nfunction getPreviewInsertionPoint(documentRef: any): HTMLElement {\n  // We can't use the body if the user is in fullscreen mode,\n  // because the preview will render under the fullscreen element.\n  return documentRef.fullscreenElement ||\n         documentRef.webkitFullscreenElement ||\n         documentRef.mozFullScreenElement ||\n         documentRef.msFullscreenElement ||\n         documentRef.body;\n}\n"]}

package/esm2015/lib/directives/draggable.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"DraggableDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[tftDraggable]","host":{"[style.touchAction]":"this.dragDisabled ? \"auto\" : \"none\"","[style.position]":"\"absolute\"","[id]":"interactableId","$quoted$":["[style.touchAction]","[style.position]","[id]"]}}]}],"members":{"x":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"dragZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"interactableId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"dragData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"enableDragDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"dragDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"dragConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"showPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"dragRoot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"dragMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"dragInertiaStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","module":"./drag-preview.directive","name":"DragPreviewDirective","line":59,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":73,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":73,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":74,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":75,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":76,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":76,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":69,"character":15},{"__symbolic":"reference","module":"../services/interact.service","name":"InteractService","line":70,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":71,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":72,"character":31},{"__symbolic":"error","message":"Could not resolve type","line":73,"character":41,"context":{"typeName":"Document"}},{"__symbolic":"reference","module":"./account-for-scale.directive","name":"AccountForScaleDirective","line":74,"character":47},{"__symbolic":"reference","module":"./dropzone.directive","name":"DropzoneDirective","line":75,"character":50},{"__symbolic":"reference","module":"./drag-root.directive","name":"DragRootDirective","line":76,"character":51}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setDragConfig":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"dragMoveListener":[{"__symbolic":"method"}],"setDragStyles":[{"__symbolic":"method"}],"addDragPropertiesToElement":[{"__symbolic":"method"}],"mapDragEvent":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"alignPositionWithInputs":[{"__symbolic":"method"}],"isValidPosition":[{"__symbolic":"method"}],"isNumeric":[{"__symbolic":"method"}],"initiateDragEvents":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/directives/dropzone.directive.js

@@ -1,99 +0,0 @@
-import { Directive, ElementRef, Input, Output, EventEmitter, Renderer2, Optional } from '@angular/core';
-import interact from 'interactjs';
-import { InteractService } from '../services/interact.service';
-import { AccountForScaleDirective } from './account-for-scale.directive';
-export class DropzoneDirective {
-    constructor(el, renderer, interactService, account_for_scale_dir) {
-        this.el = el;
-        this.renderer = renderer;
-        this.interactService = interactService;
-        this.account_for_scale_dir = account_for_scale_dir;
-        this.dropzoneConfig = {};
-        // proxies to pass interact events through to consumer of directive
-        this.dropActivate = new EventEmitter();
-        this.dragEnter = new EventEmitter();
-        this.dragLeave = new EventEmitter();
-        this.dragDrop = new EventEmitter();
-    }
-    ngOnInit() {
-        // connects
-        this.dropzone = this.connectDropzoneEvents(this.el.nativeElement, this.dropzoneConfig);
-        this.dropzoneId = this.interactService.addRegistryToSystem(this.dropzoneId);
-    }
-    ngOnChanges(changes) {
-        if (!changes.dropzoneConfig || !this.dropzone)
-            return;
-        // this.dropzone.unset();
-        // this.dropzone = this.connectDropzoneEvents(this.el.nativeElement, this.dropzoneConfig)
-        this.dropzone.dropzone(this.dropzoneConfig);
-    }
-    /**
-    * 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, dropzoneConfig) {
-        return interact(nativeElement).dropzone(dropzoneConfig)
-            // TODO: investigate when this fires in different scenarios
-            .on('dropactivate', (event) => {
-            this.dropActivate.emit(this.mapDropzoneEvent(event));
-        })
-            .on('dragenter', (event) => {
-            this.renderer.setProperty(event.relatedTarget, 'dropTarget', this);
-            this.dragEnter.emit(this.mapDropzoneEvent(event));
-        })
-            .on('dragleave', (event) => {
-            if (event.relatedTarget.dropTarget === this) {
-                this.renderer.setProperty(event.relatedTarget, 'dropTarget', null);
-            }
-            this.dragLeave.emit(this.mapDropzoneEvent(event));
-        })
-            .on('drop', (event) => {
-            this.dragDrop.emit(this.mapDropzoneEvent(event));
-        });
-    }
-    /**
-     * 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) {
-        var _a, _b, _c;
-        const zoneElement = event.target;
-        const dragElement = (_b = (_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.dragRef) === null || _b === void 0 ? void 0 : _b.previewRef;
-        const scale = ((_c = this.account_for_scale_dir) === null || _c === void 0 ? void 0 : _c.scale) || null;
-        const positionInDropTarget = zoneElement && dragElement
-            ? this.interactService.calculatePositionInElement(zoneElement, dragElement, scale)
-            : null;
-        return {
-            interactEvent: event,
-            dragRef: dragElement.dragRef,
-            dragOrigin: dragElement.dragOrigin,
-            dropTarget: event.relatedTarget.dropTarget,
-            positionInDropTarget
-        };
-    }
-}
-DropzoneDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[tftDropzone]',
-                host: {
-                    '[id]': 'dropzoneId',
-                }
-            },] }
-];
-DropzoneDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: InteractService },
-    { type: AccountForScaleDirective, decorators: [{ type: Optional }] }
-];
-DropzoneDirective.propDecorators = {
-    dropzoneId: [{ type: Input }],
-    dropzoneConfig: [{ type: Input }],
-    dropzoneData: [{ type: Input }],
-    dropActivate: [{ type: Output }],
-    dragEnter: [{ type: Output }],
-    dragLeave: [{ type: Output }],
-    dragDrop: [{ type: Output }]
-};
-//# sourceMappingURL=dropzone.directive.js.map

package/esm2015/lib/directives/dropzone.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropzone.directive.js","sourceRoot":"","sources":["../../../../../../libs/interact/src/lib/directives/dropzone.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnInit, Output, EventEmitter, SimpleChanges, OnChanges, Renderer2, Optional } from '@angular/core';\nimport interact from 'interactjs';\nimport { DropzoneOptions, Interactable } from '@interactjs/types/index';\nimport { InteractService } from '../services/interact.service';\nimport { NgDropEvent, TftDragElement, TftDropEvent } from '../models';\nimport { AccountForScaleDirective } from './account-for-scale.directive';\n@Directive({\n  selector: '[tftDropzone]',\n  host: {\n    '[id]': 'dropzoneId',\n  }\n})\nexport class DropzoneDirective implements OnInit, OnChanges {\n\n  @Input() dropzoneId: string;\n  @Input() dropzoneConfig: DropzoneOptions = {};\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Input() dropzoneData: any;\n  // proxies to pass interact events through to consumer of directive\n  @Output() dropActivate = new EventEmitter<TftDropEvent>();\n  @Output() dragEnter = new EventEmitter<TftDropEvent>();\n  @Output() dragLeave = new EventEmitter<TftDropEvent>();\n  @Output() dragDrop = new EventEmitter<TftDropEvent>();\n\n  dropzone: Interactable;\n  constructor(\n    public el: ElementRef,\n    private renderer: Renderer2,\n    private interactService: InteractService,\n    @Optional() private account_for_scale_dir?: AccountForScaleDirective\n  ) { }\n\n  ngOnInit() {\n    // connects\n    this.dropzone = this.connectDropzoneEvents(this.el.nativeElement, this.dropzoneConfig);\n    this.dropzoneId = this.interactService.addRegistryToSystem(this.dropzoneId);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if(!changes.dropzoneConfig || !this.dropzone) return;\n    // this.dropzone.unset();\n    // this.dropzone = this.connectDropzoneEvents(this.el.nativeElement, this.dropzoneConfig)\n    this.dropzone.dropzone(this.dropzoneConfig)\n  }\n  /**\n  * Connects element to interacts dropzone events and returns a reference to the interactable\n  * @param nativeElement the element to tie drop events to\n  * @param dropzoneConfig the interact configuration to use when connecting\n  */\n  connectDropzoneEvents(nativeElement, dropzoneConfig: DropzoneOptions) {\n    return interact(nativeElement).dropzone(dropzoneConfig)\n      // TODO: investigate when this fires in different scenarios\n      .on('dropactivate', (event: NgDropEvent) => {\n        this.dropActivate.emit(this.mapDropzoneEvent(event));\n      })\n      .on('dragenter', (event: NgDropEvent) => {\n        this.renderer.setProperty(event.relatedTarget, 'dropTarget', this)\n        this.dragEnter.emit(this.mapDropzoneEvent(event));\n      })\n      .on('dragleave', (event: NgDropEvent) => {\n        if ( event.relatedTarget.dropTarget === this) {\n          this.renderer.setProperty(event.relatedTarget, 'dropTarget', null)\n        }\n        this.dragLeave.emit(this.mapDropzoneEvent(event));\n      })\n      .on('drop',  (event: NgDropEvent) => {\n        this.dragDrop.emit(this.mapDropzoneEvent(event));\n      });\n  }\n  /**\n   * Maps the drop event emitted by interact to something a little easier to use\n   * @param event the drop event emitted by interact, extended with extra fields we added to\n   */\n  mapDropzoneEvent(event: NgDropEvent): TftDropEvent {\n    const zoneElement = event.target;\n    const dragElement = event.relatedTarget?.dragRef?.previewRef as TftDragElement;\n    const scale = this.account_for_scale_dir?.scale || null;\n    const positionInDropTarget = zoneElement && dragElement\n    ? this.interactService.calculatePositionInElement(zoneElement, dragElement, scale)\n    : null;\n    return {\n      interactEvent: event,\n      dragRef: dragElement.dragRef,\n      dragOrigin: dragElement.dragOrigin,\n      dropTarget: event.relatedTarget.dropTarget,\n      positionInDropTarget\n    }\n  }\n}\n"]}

package/esm2015/lib/directives/dropzone.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"DropzoneDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[tftDropzone]","host":{"[id]":"dropzoneId","$quoted$":["[id]"]}}]}],"members":{"dropzoneId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"dropzoneConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"dropzoneData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"dropActivate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"dragEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"dragLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"dragDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":27,"character":22},{"__symbolic":"reference","module":"../services/interact.service","name":"InteractService","line":28,"character":29},{"__symbolic":"reference","module":"./account-for-scale.directive","name":"AccountForScaleDirective","line":29,"character":48}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"connectDropzoneEvents":[{"__symbolic":"method"}],"mapDropzoneEvent":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/directives/gesturable.directive.js

@@ -1,77 +0,0 @@
-import { Directive, ElementRef, Input, Output, EventEmitter, Optional } from '@angular/core';
-import interact from 'interactjs';
-import { DraggableDirective } from '../directives';
-/** @dynamic */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export class GesturableDirective {
-    constructor(el, draggable_dir) {
-        this.el = el;
-        this.draggable_dir = draggable_dir;
-        this.gestureDisabled = false;
-        // pipes all interact events to event emitters
-        this.gestureStart = new EventEmitter();
-        this.gestureMove = new EventEmitter();
-        this.gestureEnd = new EventEmitter();
-    }
-    ngOnInit() {
-        var _a;
-        this.gesturableId = ((_a = this.draggable_dir) === null || _a === void 0 ? void 0 : _a.interactableId) || 'id';
-        this.interactable = this.initiateGestureEvents(this.gestureConfig, this.el.nativeElement);
-        this.setGestureConfig();
-    }
-    // TODO: watch config here as well and update interactable
-    ngOnChanges(changes) {
-        // we do this here instead of using a setter on the input so that it
-        // will only run once when there is a change to x and y
-        if (changes.gestureConfig || changes.gestureDisabled) {
-            if (!this.interactable)
-                return;
-            this.setGestureConfig();
-        }
-    }
-    setGestureConfig() {
-        const enabled = !this.gestureDisabled;
-        const gestureConfig = Object.assign(Object.assign({}, this.gestureConfig), { enabled });
-        this.interactable.gesturable(gestureConfig);
-    }
-    initiateGestureEvents(gestureConfig, nativeElement) {
-        var _a;
-        const defaultConfig = {
-            enabled: !this.gestureDisabled,
-        };
-        const interactable = ((_a = this.draggable_dir) === null || _a === void 0 ? void 0 : _a.interactable) || interact(nativeElement);
-        return interactable.gesturable(Object.assign(Object.assign({}, defaultConfig), gestureConfig))
-            .on('gesturestart', (event) => {
-            this.gestureStart.emit({ gestureRef: this, interactEvent: event });
-        })
-            .on('gesturemove', (event) => {
-            this.gestureMove.emit({ gestureRef: this, interactEvent: event });
-        })
-            .on('gestureend', (event) => {
-            this.gestureEnd.emit({ gestureRef: this, interactEvent: event });
-        });
-    }
-}
-GesturableDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[tftGesturable]',
-                // eslint-disable-next-line @angular-eslint/no-host-metadata-property
-                host: {
-                    // '[style.touchAction]': 'this.gestureDisabled ? "auto" : "none"',
-                    '[id]': 'gesturableId',
-                }
-            },] }
-];
-GesturableDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: DraggableDirective, decorators: [{ type: Optional }] }
-];
-GesturableDirective.propDecorators = {
-    gesturableId: [{ type: Input }],
-    gestureDisabled: [{ type: Input }],
-    gestureConfig: [{ type: Input }],
-    gestureStart: [{ type: Output }],
-    gestureMove: [{ type: Output }],
-    gestureEnd: [{ type: Output }]
-};
-//# sourceMappingURL=gesturable.directive.js.map

package/esm2015/lib/directives/gesturable.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gesturable.directive.js","sourceRoot":"","sources":["../../../../../../libs/interact/src/lib/directives/gesturable.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnInit, Output,\n   EventEmitter, Optional, SimpleChanges, OnChanges } from '@angular/core';\nimport interact from 'interactjs';\nimport { DraggableOptions, GesturableOptions, Interactable, GestureEvent } from '@interactjs/types/index';\nimport { Observable } from 'rxjs';\nimport { TftCoords, TftGestureEvent } from '../models';\nimport { DraggableDirective } from '../directives';\n\n/** @dynamic */\n@Directive({\n  selector: '[tftGesturable]',\n  // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n  host: {\n    // '[style.touchAction]': 'this.gestureDisabled ? \"auto\" : \"none\"',\n    '[id]': 'gesturableId',\n  }\n})\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport class GesturableDirective<D = any> implements OnInit, OnChanges {\n\n  @Input() gesturableId: string;\n  @Input() gestureDisabled = false;\n  @Input() gestureConfig: Partial<Interact.OrBoolean<DraggableOptions>>;\n  // pipes all interact events to event emitters\n  @Output() gestureStart = new EventEmitter<TftGestureEvent>();\n  @Output() gestureMove = new EventEmitter<TftGestureEvent>();\n  @Output() gestureEnd = new EventEmitter<TftGestureEvent>();\n\n  interactableState: Observable<TftCoords>;\n  interactable: Interactable;\n\n  constructor(\n    public el: ElementRef,\n    @Optional() private draggable_dir?: DraggableDirective,\n  ) { }\n\n  ngOnInit() {\n    this.gesturableId = this.draggable_dir?.interactableId || 'id';\n    this.interactable = this.initiateGestureEvents(this.gestureConfig, this.el.nativeElement);\n    this.setGestureConfig();\n  }\n\n  // TODO: watch config here as well and update interactable\n  ngOnChanges(changes: SimpleChanges) {\n    // we do this here instead of using a setter on the input so that it\n    // will only run once when there is a change to x and y\n    if(changes.gestureConfig || changes.gestureDisabled) {\n      if(!this.interactable) return;\n      this.setGestureConfig();\n    }\n  }\n\n  setGestureConfig() {\n    const enabled = !this.gestureDisabled;\n    const gestureConfig = {...this.gestureConfig, enabled};\n    this.interactable.gesturable(gestureConfig);\n  }\n\n  initiateGestureEvents(gestureConfig: Partial<Interact.OrBoolean<GesturableOptions>>, nativeElement: HTMLElement) {\n\n    const defaultConfig: GesturableOptions = {\n      enabled:  !this.gestureDisabled,\n    };\n    const interactable = this.draggable_dir?.interactable || interact(nativeElement);\n\n    return interactable.gesturable({...defaultConfig, ...gestureConfig})\n      .on('gesturestart', (event: GestureEvent) => {\n        this.gestureStart.emit({gestureRef: this, interactEvent: event})\n      })\n      .on('gesturemove', (event: GestureEvent) => {\n        this.gestureMove.emit({gestureRef: this, interactEvent: event})\n      })\n      .on('gestureend', (event: GestureEvent) => {\n        this.gestureEnd.emit({gestureRef: this, interactEvent: event})\n      })\n  }\n}\n"]}

package/esm2015/lib/directives/gesturable.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GesturableDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[tftGesturable]","host":{"[id]":"gesturableId","$quoted$":["[id]"]}}]}],"members":{"gesturableId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"gestureDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"gestureConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"gestureStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"gestureMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"gestureEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":32,"character":15},{"__symbolic":"reference","module":"../directives","name":"DraggableDirective","line":33,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setGestureConfig":[{"__symbolic":"method"}],"initiateGestureEvents":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/directives/index.js

@@ -1,9 +0,0 @@
-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';
-//# sourceMappingURL=index.js.map

package/esm2015/lib/directives/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/interact/src/lib/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './draggable.directive';\nexport * from './dropzone.directive';\nexport * from './resizable.directive';\nexport * from './drag-preview.directive';\nexport * from './gesturable.directive';\nexport * from './drag-root.directive';\nexport * from './account-for-scale.directive';\nexport * from './apply-scale.directive';\n"]}

package/esm2015/lib/directives/index.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./draggable.directive"},{"from":"./dropzone.directive"},{"from":"./resizable.directive"},{"from":"./drag-preview.directive"},{"from":"./gesturable.directive"},{"from":"./drag-root.directive"},{"from":"./account-for-scale.directive"},{"from":"./apply-scale.directive"}]}]