@tft/interact 18.0.0 → 21.0.0

package/lib/models/interact.d.ts

@@ -1,140 +0,0 @@
-import { DropzoneDirective, DraggableDirective, GesturableDirective, ResizableDirective } from '../directives';
-import { Point, DragEvent, ResizeEvent, Interactable, DropEvent, GestureEvent } from '@interactjs/types';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { InjectionToken } from '@angular/core';
-export type CssDimensionUnit = 'px' | 'em';
-export interface InteractRootConfig {
-    cssDimensionUnit: CssDimensionUnit;
-}
-export declare const INTERACT_ROOT_CONFIG: InjectionToken<InteractRootConfig>;
-export declare const DEFAULT_REGISTRY_ID = "DEFAULT";
-/**
- * Default initial value for Delta BehaviorSubject
- */
-export declare const defaultDelta: Delta;
-/**
- * Default initial value for Size BehaviorSubject
- */
-export declare const defaultSize: Size;
-/**
- * Default initial value for Position BehaviorSubject
- */
-export declare const defaultPosition: Position;
-/**
- * The shape of the state/events/behavior system for each dropzone
- * and the DEFAULT_REGISTRY_ID system (for drop components initialized outside
- * of a dropzone).
- */
-export interface InteractableSystem {
-    deltas$: BehaviorSubject<Delta>;
-    position$: BehaviorSubject<Position>;
-    size$: BehaviorSubject<Size & Delta>;
-    interactable$: Observable<TftCoords>;
-}
-/**
- * The key map of InteractableSystems. One for the drag components
- * that originated outside of a dropzone, plus one for each dropzone.
- */
-export interface InteractableRegistry {
-    [key: string]: InteractableSystem;
-}
-/**
- * HTMLElement with helpful drag directives attached to facilitate moving drag data between dropzones
- */
-export type TftDragElement = HTMLElement & {
-    dragRef?: DraggableDirective;
-    dragOrigin?: DropzoneDirective;
-    dropTarget?: DropzoneDirective;
-};
-/**
- * HTMLElement with helpful drag directives attached to facilitate moving drag data between dropzones
- */
-export type TftResizeElement = HTMLElement & {
-    resizeRef?: ResizableDirective;
-};
-/**
- * Extends the interact drop events by adding reference to the dropped components drag
- * directive to the html element. This gives the dropzone access to things like data
- * and parent dropzone of the dropped component.
- */
-export type NgDropEvent = DropEvent & {
-    draggable: Interactable & {
-        target: TftDragElement;
-    };
-    relatedTarget: TftDragElement;
-};
-/**
- * Extends the interact resize events by adding a reference to the dragRef
- * directive to the html element.
- */
-export type NgResizeEvent = ResizeEvent & {
-    draggable: Interactable & {
-        target: TftDragElement;
-    };
-};
-/**
- * We extend the interact DragEvent a little here, adding to the target element references for:
- *  - the component we are dragging (dragRef)
- *  - the dropzone component where the drag component originated (dragOrigin)
- *  - the dropzone component that it was dropped in (dropTarget)
- * This helps us to pass references to directive classes as events like dragenter and drag exit happens.
- * We use these references to emit a (mostly) consistent event across drag, drop, resize event.
- */
-export type NgDragEvent = DragEvent & {
-    dropzone: {
-        target: HTMLElement;
-    };
-    target: TftDragElement;
-};
-/**
- * Event emitted when resizing, dragging, dropping
- */
-export interface TftInteractableEvent {
-    dragRef: DraggableDirective;
-    dragOrigin?: DropzoneDirective;
-    dropTarget?: DropzoneDirective;
-    positionInDropTarget: Point;
-}
-/**
- * Event emitted on drop
- */
-export interface TftDropEvent extends TftInteractableEvent {
-    interactEvent: NgDropEvent;
-}
-/**
- * Event emitted on drag
- */
-export interface TftDragEvent extends TftInteractableEvent {
-    interactEvent: NgDragEvent;
-}
-/**
- * Event emitted on resize
- */
-export interface TftResizeEvent extends TftInteractableEvent {
-    interactEvent: ResizeEvent;
-    resizeRef: ResizableDirective;
-    size: {
-        width: number;
-        height: number;
-    };
-}
-export type TftCoords = Delta & Position & Size;
-export interface Delta {
-    deltaX: number | null;
-    deltaY: number | null;
-    targetElement: TftDragElement | null;
-}
-export interface Position {
-    x: number | null;
-    y: number | null;
-    targetElement: TftDragElement | null;
-}
-export interface Size {
-    width: number | null;
-    height: number | null;
-    targetElement: TftResizeElement | null;
-}
-export interface TftGestureEvent {
-    gestureRef: GesturableDirective;
-    interactEvent: GestureEvent;
-}

package/lib/pipes/array-of-n.pipe.d.ts

@@ -1,12 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ArrayOfNPipe implements PipeTransform {
-    /**
-     *
-     * @param n the number to make an array of
-     * @param max the max length of the array (useful for limiting rendering in ngFor loop)
-     */
-    transform(n: number, max: number): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayOfNPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayOfNPipe, "arrayOfN", false>;
-}

package/lib/pipes/index.d.ts

@@ -1 +0,0 @@
-export * from './array-of-n.pipe';

package/lib/services/interact.service.d.ts

@@ -1,83 +0,0 @@
-import { RendererFactory2, NgZone } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { TftCoords, Delta, Size, Position, InteractableRegistry, TftDragElement, TftResizeElement } from '../models';
-import * as i0 from "@angular/core";
-export declare class InteractService {
-    private rendererFactory;
-    private ngZone;
-    rootConfig: any;
-    private _interactableIndex;
-    private _dropzoneIndex;
-    private renderer;
-    readonly dragRegistrySystem: {
-        [key: string]: InteractableRegistry;
-    };
-    private cssUnit;
-    constructor(rendererFactory: RendererFactory2, ngZone: NgZone, rootConfig: any);
-    addDeltaToPosition(delta: Delta, position: Position): {
-        x: number;
-        y: number;
-        targetElement: TftDragElement;
-    };
-    addRegistryToSystem(customRegistryId?: string | null): string;
-    addDraggableToRegistry(customRegistryId?: any, interactableId?: string | null): string;
-    destroyInteractable(interactableId: string, registryId?: string): void;
-    subscribeToInteractable(interactableId: string, registryId?: string): import("../models").InteractableSystem;
-    createInteractableState(initialPosition: Position, initialSize: Size, initialDelta: Delta): {
-        deltas$: BehaviorSubject<Delta>;
-        position$: BehaviorSubject<Position>;
-        size$: BehaviorSubject<{
-            deltaX: number | null;
-            deltaY: number | null;
-            targetElement: TftDragElement | null;
-            width: number | null;
-            height: number | null;
-        }>;
-        interactable$: Observable<TftCoords>;
-    };
-    createInteractableId(customInteractableId?: string | null): string;
-    createDropzoneId(index: number): string;
-    getInteractableState(interactableId: string, registryId?: string): Observable<TftCoords>;
-    updateDeltas(interactId: string, registryId: string, { deltaX, deltaY }: {
-        deltaX: any;
-        deltaY: any;
-    }, targetElement: any): void;
-    updatePosition(interactId: string, registryId: string, { x, y }: {
-        x: number;
-        y: number;
-    }, targetElement: any): void;
-    updateSize(interactId: string, registryId: string, { deltaX, deltaY, width, height }: {
-        deltaX: any;
-        deltaY: any;
-        width: any;
-        height: any;
-    }, targetElement: any): void;
-    interactableExistOnRegistry(interactId: string, registryId?: string): boolean;
-    /**
-     * Uses renderer to set width and height of angular component
-     * @param width the desired width of component
-     * @param height the desired height of component
-     * @param target the element to transform
-     */
-    setElementSize(width: number, height: number, target: TftResizeElement): void;
-    /**
-     * Uses renderer to set position of angular component
-     * @param x position on x axis
-     * @param y position on y axis
-     * @param target the element to transform
-     */
-    setElementTransform(x: number, y: number, position: Position): void;
-    /**
-     * Generates a translate string for the x and y arguments passed to
-     * be passed to css transform
-     * @param x the position along the x axis
-     * @param y the position along the y axis
-     */
-    createTransformString(x: number, y: number): string;
-    calculatePositionInElement(zoneElement: Interact.Element, dragElement: TftDragElement, scale?: number): {
-        x: number;
-        y: number;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<InteractService, [null, null, { optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<InteractService>;
-}

package/lib/utils/helpers.d.ts

@@ -1,12 +0,0 @@
-import { EmbeddedViewRef } from '@angular/core';
-/** Gets the closest ancestor of an element that matches a selector. */
-export declare function getClosestMatchingAncestor(element: HTMLElement, selector: string): HTMLElement;
-/**
- * Create a copy of the HTML Element
- */
-export declare function cloneElement(element: HTMLElement): HTMLElement;
-/**
- * Gets the root HTML element of an embedded view.
- * If the root is not an HTML element it gets wrapped in one.
- */
-export declare function getRootNode(viewRef: EmbeddedViewRef<any>, _document: Document): HTMLElement;

package/lib/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './helpers';