Type Members

1.  trait AbsoluteRect extends Object

   Annotations

   @JSType()

2.  trait ActionOptions extends Object with RestrictAble with InertiaAble

   Annotations

   @JSType()

3.  trait AutoScrollAble extends Object

   Scroll a container (window or an HTMLElement) when a drag or resize move happens at the edge of the container.

   Scroll a container (window or an HTMLElement) when a drag or resize move happens at the edge of the container.

   Annotations

   @JSType()

4.  trait AutoScrollOptions extends Object

   Scroll a container (window or an HTMLElement) when a drag or resize move happens at the edge of the container.

   Scroll a container (window or an HTMLElement) when a drag or resize move happens at the edge of the container.

   Annotations

   @JSType()

5.  trait DragEvent extends Object with InteractEvent

   Annotations

   @JSType() @native()

6.  trait DraggableOptions extends Object with ActionOptions with RestrictAble with InertiaAble with AutoScrollAble

   Annotations

   @JSType()

7.  trait DropEvent extends Object

   Dropzones can receive the following events: dropactivate, dropdeactivate, dragenter, dragleave, dropmove, drop.

   Dropzones can receive the following events: dropactivate, dropdeactivate, dragenter, dragleave, dropmove, drop.

   The dropzone events are plain objects with the following properties:

   Annotations

   @JSType() @native()

8.  trait DropzoneOptions extends Object with ActionOptions

   Annotations

   @JSType()

9.  trait GesturableOptions extends Object with ActionOptions with RestrictAble

   Annotations

   @JSType()

10.  trait GestureEvent extends Object with InteractEvent

    Annotations

    @JSType() @native()

11.  trait InertiaAble extends Object

    Inertia allows drag and resize actions to continue after the user releases the pointer at a fast enough speed.

    Inertia allows drag and resize actions to continue after the user releases the pointer at a fast enough speed. The required launch speed, end speed and resistance can optionally be configured with the settings below.

    If an action ends without inertia but is snapped or restricted with the endOnly option, then the the coordinates are interpolated from the end coords to the snapped/restricted coords.

    Annotations

    @JSType()

12.  trait InertiaOptions extends Object

    Inertia allows drag and resize actions to continue after the user releases the pointer at a fast enough speed.

    Inertia allows drag and resize actions to continue after the user releases the pointer at a fast enough speed. The required launch speed, end speed and resistance can optionally be configured with the settings below.

    If an action ends without inertia but is snapped or restricted with the endOnly option, then the the coordinates are interpolated from the end coords to the snapped/restricted coords.

    Annotations

    @JSType()

13.  trait InteractEvent extends Object

    The InteractEvent types are: Draggable: dragstart, dragmove, draginertiastart, dragend Resizable: resizestart, resizemove, resizeinertiastart, resizeend Gesturable: gesturestart, gesturemove, gestureend

    The InteractEvent types are: Draggable: dragstart, dragmove, draginertiastart, dragend Resizable: resizestart, resizemove, resizeinertiastart, resizeend Gesturable: gesturestart, gesturemove, gestureend

    To respond to InteractEvents, you must add listeners for the event types either directly on an interactable or globally for all events of those types on the interact object.

    The event object that was created is passed to these functions as the first parameter.

    InteractEvent properties include the usual properties of mouse/touch events such as pageX/Y, clientX/Y, modifier keys etc. But also some properties providing information about the change in coordinates and event specific data. The table below displays all of these events.

    Annotations

    @JSType() @native()

14.  trait InteractJSOptions extends Object

    Annotations

    @JSType()

15.  trait InteractJSStatic extends Object

    Annotations

    @JSType() @native()

16.  trait Interactable extends Object

    Annotations

    @JSType() @native()

17.  trait Point extends Object

    Annotations

    @JSType()

18.  trait PointerEvent extends Object

    Annotations

    @JSType() @native()

19.  trait PointerEventOptions extends Object

    Annotations

    @JSType()

20.  trait RelativeRect extends Object

    Annotations

    @JSType()

21.  trait ResizableEdgesOptions extends AnyRef
22.  trait ResizableOptions extends Object with ActionOptions with RestrictAble with InertiaAble with AutoScrollAble

    Annotations

    @JSType()

23.  trait ResizeEvent extends Object with InteractEvent

    Annotations

    @JSType() @native()

24.  trait RestrictAble extends Object

    Drags, resizes and gestures can be restricted to a certain areas using one of 3 variations of action restriction: - pointer coordinate-based restrict - element size-based restrictSize (resize only) - and element edge-based restrictEdges (resize only)

    Drags, resizes and gestures can be restricted to a certain areas using one of 3 variations of action restriction: - pointer coordinate-based restrict - element size-based restrictSize (resize only) - and element edge-based restrictEdges (resize only)

    Annotations

    @JSType()

25.  trait RestrictOptions extends Object

    Drags, resizes and gestures can be restricted to a certain areas using one of 3 variations of action restriction: - pointer coordinate-based restrict - element size-based restrictSize (resize only) - and element edge-based restrictEdges (resize only)

    Drags, resizes and gestures can be restricted to a certain areas using one of 3 variations of action restriction: - pointer coordinate-based restrict - element size-based restrictSize (resize only) - and element edge-based restrictEdges (resize only)

    Annotations

    @JSType()

26.  trait SnapGridOptions extends Object with SnapTarget

    Annotations

    @JSType()

27.  trait SnapOptions extends Object

    Using the snap option while dragging, The coordinates of the pointer that the drag event listeners receive will be modified to meet the coordinates of the snap targets.

    Using the snap option while dragging, The coordinates of the pointer that the drag event listeners receive will be modified to meet the coordinates of the snap targets. This option can also be used with resizable targets, but may not yield intuitive results. The snapSize option is specifically for snapping the dimensions of targets when resizing. With both snap and snapSize, the snapping targets is an array of objects and functions. There are more options listed below.

    Annotations

    @JSType()

28.  trait SnapTarget extends Object with Point

    Annotations

    @JSType()

29.  sealed trait SnapTargetGrid extends Any

    Annotations

    @JSType()