@angular/cdk 7.1.1 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/_a11y.scss +1 -1
- package/a11y/typings/focus-monitor/focus-monitor.d.ts +0 -1
- package/a11y/typings/focus-trap/focus-trap.d.ts +2 -0
- package/a11y/typings/index.metadata.json +1 -1
- package/bundles/cdk-a11y.umd.js +30 -24
- package/bundles/cdk-a11y.umd.js.map +1 -1
- package/bundles/cdk-a11y.umd.min.js +1 -1
- package/bundles/cdk-a11y.umd.min.js.map +1 -1
- package/bundles/cdk-coercion.umd.js +20 -4
- package/bundles/cdk-coercion.umd.js.map +1 -1
- package/bundles/cdk-coercion.umd.min.js +1 -1
- package/bundles/cdk-coercion.umd.min.js.map +1 -1
- package/bundles/cdk-drag-drop.umd.js +3246 -1894
- package/bundles/cdk-drag-drop.umd.js.map +1 -1
- package/bundles/cdk-drag-drop.umd.min.js +2 -1
- package/bundles/cdk-drag-drop.umd.min.js.map +1 -1
- package/bundles/cdk-observers.umd.js +2 -2
- package/bundles/cdk-observers.umd.js.map +1 -1
- package/bundles/cdk-observers.umd.min.js +1 -1
- package/bundles/cdk-observers.umd.min.js.map +1 -1
- package/bundles/cdk-overlay.umd.js +107 -45
- package/bundles/cdk-overlay.umd.js.map +1 -1
- package/bundles/cdk-overlay.umd.min.js +2 -2
- package/bundles/cdk-overlay.umd.min.js.map +1 -1
- package/bundles/cdk-portal.umd.js +3 -3
- package/bundles/cdk-portal.umd.js.map +1 -1
- package/bundles/cdk-portal.umd.min.js.map +1 -1
- package/bundles/cdk-scrolling.umd.js +9 -6
- package/bundles/cdk-scrolling.umd.js.map +1 -1
- package/bundles/cdk-scrolling.umd.min.js +1 -1
- package/bundles/cdk-scrolling.umd.min.js.map +1 -1
- package/bundles/cdk-stepper.umd.js +36 -16
- package/bundles/cdk-stepper.umd.js.map +1 -1
- package/bundles/cdk-stepper.umd.min.js +1 -1
- package/bundles/cdk-stepper.umd.min.js.map +1 -1
- package/bundles/cdk-table.umd.js +8 -4
- package/bundles/cdk-table.umd.js.map +1 -1
- package/bundles/cdk-table.umd.min.js +1 -1
- package/bundles/cdk-table.umd.min.js.map +1 -1
- package/bundles/cdk-text-field.umd.js +47 -22
- package/bundles/cdk-text-field.umd.js.map +1 -1
- package/bundles/cdk-text-field.umd.min.js +1 -1
- package/bundles/cdk-text-field.umd.min.js.map +1 -1
- package/bundles/cdk-tree.umd.js +1 -1
- package/bundles/cdk-tree.umd.js.map +1 -1
- package/bundles/cdk-tree.umd.min.js +1 -1
- package/bundles/cdk-tree.umd.min.js.map +1 -1
- package/bundles/cdk.umd.js +1 -1
- package/bundles/cdk.umd.js.map +1 -1
- package/bundles/cdk.umd.min.js +1 -1
- package/bundles/cdk.umd.min.js.map +1 -1
- package/coercion/typings/element.d.ts +13 -0
- package/coercion/typings/index.metadata.json +1 -1
- package/coercion/typings/public-api.d.ts +1 -0
- package/drag-drop/typings/{drag-handle.d.ts → directives/drag-handle.d.ts} +6 -2
- package/drag-drop/typings/{drag-placeholder.d.ts → directives/drag-placeholder.d.ts} +0 -0
- package/drag-drop/typings/{drag-preview.d.ts → directives/drag-preview.d.ts} +0 -0
- package/drag-drop/typings/directives/drag.d.ts +114 -0
- package/{typings/esm5/drag-drop → drag-drop/typings/directives}/drop-list-group.d.ts +3 -0
- package/drag-drop/typings/{drop-list.d.ts → directives/drop-list.d.ts} +44 -70
- package/drag-drop/typings/drag-drop-registry.d.ts +8 -3
- package/drag-drop/typings/drag-drop.d.ts +33 -0
- package/drag-drop/typings/drag-events.d.ts +14 -7
- package/{typings/esm5/drag-drop/drag.d.ts → drag-drop/typings/drag-ref.d.ts} +162 -86
- package/drag-drop/typings/drop-list-container.d.ts +19 -3
- package/drag-drop/typings/drop-list-ref.d.ts +238 -0
- package/drag-drop/typings/index.d.ts +2 -1
- package/drag-drop/typings/index.metadata.json +1 -1
- package/drag-drop/typings/public-api.d.ts +16 -6
- package/esm2015/a11y.js +30 -20
- package/esm2015/a11y.js.map +1 -1
- package/esm2015/cdk.js +1 -1
- package/esm2015/cdk.js.map +1 -1
- package/esm2015/coercion.js +18 -1
- package/esm2015/coercion.js.map +1 -1
- package/esm2015/drag-drop.js +2281 -1289
- package/esm2015/drag-drop.js.map +1 -1
- package/esm2015/observers.js +3 -3
- package/esm2015/observers.js.map +1 -1
- package/esm2015/overlay.js +75 -31
- package/esm2015/overlay.js.map +1 -1
- package/esm2015/portal.js +1 -1
- package/esm2015/portal.js.map +1 -1
- package/esm2015/scrolling.js +9 -6
- package/esm2015/scrolling.js.map +1 -1
- package/esm2015/stepper.js +30 -16
- package/esm2015/stepper.js.map +1 -1
- package/esm2015/table.js +8 -4
- package/esm2015/table.js.map +1 -1
- package/esm2015/text-field.js +31 -19
- package/esm2015/text-field.js.map +1 -1
- package/esm2015/tree.js +2 -2
- package/esm2015/tree.js.map +1 -1
- package/esm5/a11y.es5.js +31 -25
- package/esm5/a11y.es5.js.map +1 -1
- package/esm5/cdk.es5.js +1 -1
- package/esm5/cdk.es5.js.map +1 -1
- package/esm5/coercion.es5.js +18 -1
- package/esm5/coercion.es5.js.map +1 -1
- package/esm5/drag-drop.es5.js +3247 -1899
- package/esm5/drag-drop.es5.js.map +1 -1
- package/esm5/observers.es5.js +3 -3
- package/esm5/observers.es5.js.map +1 -1
- package/esm5/overlay.es5.js +107 -45
- package/esm5/overlay.es5.js.map +1 -1
- package/esm5/portal.es5.js +3 -3
- package/esm5/portal.es5.js.map +1 -1
- package/esm5/scrolling.es5.js +9 -6
- package/esm5/scrolling.es5.js.map +1 -1
- package/esm5/stepper.es5.js +36 -17
- package/esm5/stepper.es5.js.map +1 -1
- package/esm5/table.es5.js +8 -4
- package/esm5/table.es5.js.map +1 -1
- package/esm5/text-field.es5.js +44 -19
- package/esm5/text-field.es5.js.map +1 -1
- package/esm5/tree.es5.js +2 -2
- package/esm5/tree.es5.js.map +1 -1
- package/overlay/typings/index.metadata.json +1 -1
- package/overlay/typings/overlay-directives.d.ts +0 -2
- package/overlay/typings/overlay-ref.d.ts +5 -1
- package/overlay/typings/position/flexible-connected-position-strategy.d.ts +17 -4
- package/overlay/typings/position/overlay-position-builder.d.ts +3 -3
- package/package.json +4 -4
- package/portal/typings/portal.d.ts +1 -1
- package/schematics/migration.json +5 -0
- package/schematics/ng-generate/drag-drop/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +2 -2
- package/schematics/ng-update/index.d.ts +2 -0
- package/schematics/ng-update/index.js +5 -0
- package/schematics/ng-update/index.js.map +1 -1
- package/schematics/ng-update/target-version.d.ts +7 -1
- package/schematics/ng-update/target-version.js +10 -0
- package/schematics/ng-update/target-version.js.map +1 -1
- package/schematics/ng-update/upgrade-data.js +2 -1
- package/schematics/ng-update/upgrade-data.js.map +1 -1
- package/schematics/ng-update/upgrade-rules/index.js +3 -2
- package/schematics/ng-update/upgrade-rules/index.js.map +1 -1
- package/schematics/utils/ast/ng-module-imports.d.ts +1 -1
- package/schematics/utils/ast/ng-module-imports.js +25 -13
- package/schematics/utils/ast/ng-module-imports.js.map +1 -1
- package/schematics/utils/get-project.js +2 -1
- package/schematics/utils/get-project.js.map +1 -1
- package/schematics/utils/parse5-element.js +3 -2
- package/schematics/utils/parse5-element.js.map +1 -1
- package/schematics/utils/project-targets.js +2 -1
- package/schematics/utils/project-targets.js.map +1 -1
- package/schematics/utils/version-agnostic-typescript.js +3 -2
- package/schematics/utils/version-agnostic-typescript.js.map +1 -1
- package/stepper/typings/index.metadata.json +1 -1
- package/stepper/typings/stepper.d.ts +14 -2
- package/text-field/typings/autosize.d.ts +6 -0
- package/text-field/typings/index.metadata.json +1 -1
- package/tree/typings/control/base-tree-control.d.ts +1 -1
- package/tree/typings/control/nested-tree-control.d.ts +2 -2
- package/tree/typings/control/tree-control.d.ts +1 -1
- package/typings/a11y/focus-monitor/focus-monitor.d.ts +0 -1
- package/typings/a11y/focus-trap/focus-trap.d.ts +2 -0
- package/typings/a11y/index.metadata.json +1 -1
- package/typings/coercion/element.d.ts +13 -0
- package/typings/coercion/index.metadata.json +1 -1
- package/typings/coercion/public-api.d.ts +1 -0
- package/typings/drag-drop/{drag-handle.d.ts → directives/drag-handle.d.ts} +6 -2
- package/typings/drag-drop/{drag-placeholder.d.ts → directives/drag-placeholder.d.ts} +0 -0
- package/typings/drag-drop/{drag-preview.d.ts → directives/drag-preview.d.ts} +0 -0
- package/typings/drag-drop/directives/drag.d.ts +114 -0
- package/typings/drag-drop/{drop-list-group.d.ts → directives/drop-list-group.d.ts} +3 -0
- package/typings/{esm5/drag-drop → drag-drop/directives}/drop-list.d.ts +44 -70
- package/typings/drag-drop/drag-drop-registry.d.ts +8 -3
- package/typings/drag-drop/drag-drop.d.ts +33 -0
- package/typings/drag-drop/drag-events.d.ts +14 -7
- package/typings/drag-drop/{drag.d.ts → drag-ref.d.ts} +162 -86
- package/typings/drag-drop/drop-list-container.d.ts +19 -3
- package/typings/drag-drop/drop-list-ref.d.ts +238 -0
- package/typings/drag-drop/index.d.ts +2 -1
- package/typings/drag-drop/index.metadata.json +1 -1
- package/typings/drag-drop/public-api.d.ts +16 -6
- package/typings/esm5/a11y/focus-monitor/focus-monitor.d.ts +0 -1
- package/typings/esm5/a11y/focus-trap/focus-trap.d.ts +2 -0
- package/typings/esm5/a11y/index.metadata.json +1 -1
- package/typings/esm5/coercion/element.d.ts +13 -0
- package/typings/esm5/coercion/index.metadata.json +1 -1
- package/typings/esm5/coercion/public-api.d.ts +1 -0
- package/typings/esm5/drag-drop/{drag-handle.d.ts → directives/drag-handle.d.ts} +6 -2
- package/typings/esm5/drag-drop/{drag-placeholder.d.ts → directives/drag-placeholder.d.ts} +0 -0
- package/typings/esm5/drag-drop/{drag-preview.d.ts → directives/drag-preview.d.ts} +0 -0
- package/typings/esm5/drag-drop/directives/drag.d.ts +114 -0
- package/{drag-drop/typings → typings/esm5/drag-drop/directives}/drop-list-group.d.ts +3 -0
- package/typings/{drag-drop → esm5/drag-drop/directives}/drop-list.d.ts +44 -70
- package/typings/esm5/drag-drop/drag-drop-registry.d.ts +8 -3
- package/typings/esm5/drag-drop/drag-drop.d.ts +33 -0
- package/typings/esm5/drag-drop/drag-events.d.ts +14 -7
- package/{drag-drop/typings/drag.d.ts → typings/esm5/drag-drop/drag-ref.d.ts} +162 -86
- package/typings/esm5/drag-drop/drop-list-container.d.ts +19 -3
- package/typings/esm5/drag-drop/drop-list-ref.d.ts +238 -0
- package/typings/esm5/drag-drop/index.d.ts +2 -1
- package/typings/esm5/drag-drop/index.metadata.json +1 -1
- package/typings/esm5/drag-drop/public-api.d.ts +16 -6
- package/typings/esm5/index.metadata.json +1 -1
- package/typings/esm5/overlay/index.metadata.json +1 -1
- package/typings/esm5/overlay/overlay-directives.d.ts +0 -2
- package/typings/esm5/overlay/overlay-ref.d.ts +5 -1
- package/typings/esm5/overlay/position/flexible-connected-position-strategy.d.ts +17 -4
- package/typings/esm5/overlay/position/overlay-position-builder.d.ts +3 -3
- package/typings/esm5/portal/portal.d.ts +1 -1
- package/typings/esm5/stepper/index.metadata.json +1 -1
- package/typings/esm5/stepper/stepper.d.ts +14 -2
- package/typings/esm5/text-field/autosize.d.ts +6 -0
- package/typings/esm5/text-field/index.metadata.json +1 -1
- package/typings/esm5/tree/control/base-tree-control.d.ts +1 -1
- package/typings/esm5/tree/control/nested-tree-control.d.ts +2 -2
- package/typings/esm5/tree/control/tree-control.d.ts +1 -1
- package/typings/index.metadata.json +1 -1
- package/typings/overlay/index.metadata.json +1 -1
- package/typings/overlay/overlay-directives.d.ts +0 -2
- package/typings/overlay/overlay-ref.d.ts +5 -1
- package/typings/overlay/position/flexible-connected-position-strategy.d.ts +17 -4
- package/typings/overlay/position/overlay-position-builder.d.ts +3 -3
- package/typings/portal/portal.d.ts +1 -1
- package/typings/schematics/ng-update/index.d.ts +2 -0
- package/typings/schematics/ng-update/target-version.d.ts +7 -1
- package/typings/schematics/utils/ast/ng-module-imports.d.ts +1 -1
- package/typings/stepper/index.metadata.json +1 -1
- package/typings/stepper/stepper.d.ts +14 -2
- package/typings/text-field/autosize.d.ts +6 -0
- package/typings/text-field/index.metadata.json +1 -1
- package/typings/tree/control/base-tree-control.d.ts +1 -1
- package/typings/tree/control/nested-tree-control.d.ts +2 -2
- package/typings/tree/control/tree-control.d.ts +1 -1
|
@@ -5,19 +5,36 @@
|
|
|
5
5
|
* Use of this source code is governed by an MIT-style license that can be
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
|
-
import { ElementRef, EventEmitter, OnDestroy,
|
|
8
|
+
import { ElementRef, EventEmitter, OnDestroy, QueryList, ChangeDetectorRef, AfterContentInit } from '@angular/core';
|
|
9
9
|
import { Directionality } from '@angular/cdk/bidi';
|
|
10
10
|
import { CdkDrag } from './drag';
|
|
11
|
-
import { DragDropRegistry } from '
|
|
12
|
-
import { CdkDragDrop, CdkDragEnter, CdkDragExit, CdkDragSortEvent } from '
|
|
11
|
+
import { DragDropRegistry } from '../drag-drop-registry';
|
|
12
|
+
import { CdkDragDrop, CdkDragEnter, CdkDragExit, CdkDragSortEvent } from '../drag-events';
|
|
13
|
+
import { CdkDropListContainer } from '../drop-list-container';
|
|
13
14
|
import { CdkDropListGroup } from './drop-list-group';
|
|
15
|
+
import { DropListRef } from '../drop-list-ref';
|
|
16
|
+
import { DragRef } from '../drag-ref';
|
|
17
|
+
import { DragDrop } from '../drag-drop';
|
|
18
|
+
/**
|
|
19
|
+
* Internal compile-time-only representation of a `CdkDropList`.
|
|
20
|
+
* Used to avoid circular import issues between the `CdkDropList` and the `CdkDrag`.
|
|
21
|
+
* @docs-private
|
|
22
|
+
*/
|
|
23
|
+
export interface CdkDropListInternal extends CdkDropList {
|
|
24
|
+
}
|
|
14
25
|
/** Container that wraps a set of draggable items. */
|
|
15
|
-
export declare class CdkDropList<T = any> implements
|
|
26
|
+
export declare class CdkDropList<T = any> implements CdkDropListContainer, AfterContentInit, OnDestroy {
|
|
27
|
+
/** Element that the drop list is attached to. */
|
|
16
28
|
element: ElementRef<HTMLElement>;
|
|
17
|
-
private _dragDropRegistry;
|
|
18
29
|
private _changeDetectorRef;
|
|
19
30
|
private _dir?;
|
|
20
31
|
private _group?;
|
|
32
|
+
/** Emits when the list has been destroyed. */
|
|
33
|
+
private _destroyed;
|
|
34
|
+
/** Keeps track of the drop lists that are currently on the page. */
|
|
35
|
+
private static _dropLists;
|
|
36
|
+
/** Reference to the underlying drop list instance. */
|
|
37
|
+
_dropListRef: DropListRef<CdkDropList<T>>;
|
|
21
38
|
/** Draggable items in the container. */
|
|
22
39
|
_draggables: QueryList<CdkDrag>;
|
|
23
40
|
/**
|
|
@@ -58,24 +75,17 @@ export declare class CdkDropList<T = any> implements OnInit, OnDestroy {
|
|
|
58
75
|
exited: EventEmitter<CdkDragExit<T>>;
|
|
59
76
|
/** Emits as the user is swapping items while actively dragging. */
|
|
60
77
|
sorted: EventEmitter<CdkDragSortEvent<T>>;
|
|
61
|
-
constructor(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
/** Whether an item in the container is being dragged. */
|
|
65
|
-
_dragging: boolean;
|
|
66
|
-
/** Cache of the dimensions of all the items and the sibling containers. */
|
|
67
|
-
private _positionCache;
|
|
68
|
-
/**
|
|
69
|
-
* Draggable items that are currently active inside the container. Includes the items
|
|
70
|
-
* from `_draggables`, as well as any items that have been dragged in, but haven't
|
|
71
|
-
* been dropped yet.
|
|
72
|
-
*/
|
|
73
|
-
private _activeDraggables;
|
|
78
|
+
constructor(
|
|
79
|
+
/** Element that the drop list is attached to. */
|
|
80
|
+
element: ElementRef<HTMLElement>, dragDropRegistry: DragDropRegistry<DragRef, DropListRef>, _changeDetectorRef: ChangeDetectorRef, _dir?: Directionality | undefined, _group?: CdkDropListGroup<CdkDropList<any>> | undefined, _document?: any,
|
|
74
81
|
/**
|
|
75
|
-
*
|
|
76
|
-
*
|
|
82
|
+
* @deprecated `dragDropRegistry` and `_document` parameters to be removed.
|
|
83
|
+
* Also `dragDrop` parameter to be made required.
|
|
84
|
+
* @breaking-change 8.0.0.
|
|
77
85
|
*/
|
|
78
|
-
|
|
86
|
+
dragDrop?: DragDrop);
|
|
87
|
+
ngAfterContentInit(): void;
|
|
88
|
+
ngOnDestroy(): void;
|
|
79
89
|
/** Starts dragging an item. */
|
|
80
90
|
start(): void;
|
|
81
91
|
/**
|
|
@@ -83,8 +93,10 @@ export declare class CdkDropList<T = any> implements OnInit, OnDestroy {
|
|
|
83
93
|
* @param item Item being dropped into the container.
|
|
84
94
|
* @param currentIndex Index at which the item should be inserted.
|
|
85
95
|
* @param previousContainer Container from which the item got dragged in.
|
|
96
|
+
* @param isPointerOverContainer Whether the user's pointer was over the
|
|
97
|
+
* container when the item was dropped.
|
|
86
98
|
*/
|
|
87
|
-
drop(item: CdkDrag, currentIndex: number, previousContainer:
|
|
99
|
+
drop(item: CdkDrag, currentIndex: number, previousContainer: Partial<CdkDropListContainer>, isPointerOverContainer: boolean): void;
|
|
88
100
|
/**
|
|
89
101
|
* Emits an event to indicate that the user moved an item into the container.
|
|
90
102
|
* @param item Item that was moved into the container.
|
|
@@ -107,7 +119,7 @@ export declare class CdkDropList<T = any> implements OnInit, OnDestroy {
|
|
|
107
119
|
* @param item Item to be sorted.
|
|
108
120
|
* @param pointerX Position of the item along the X axis.
|
|
109
121
|
* @param pointerY Position of the item along the Y axis.
|
|
110
|
-
* @param
|
|
122
|
+
* @param pointerDelta Direction in which the pointer is moving along each axis.
|
|
111
123
|
*/
|
|
112
124
|
_sortItem(item: CdkDrag, pointerX: number, pointerY: number, pointerDelta: {
|
|
113
125
|
x: number;
|
|
@@ -120,53 +132,15 @@ export declare class CdkDropList<T = any> implements OnInit, OnDestroy {
|
|
|
120
132
|
* @param x Position of the item along the X axis.
|
|
121
133
|
* @param y Position of the item along the Y axis.
|
|
122
134
|
*/
|
|
123
|
-
_getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number):
|
|
124
|
-
/**
|
|
125
|
-
* Checks whether an item that started in this container can be returned to it,
|
|
126
|
-
* after it was moved out into another container.
|
|
127
|
-
* @param x Position of the item along the X axis.
|
|
128
|
-
* @param y Position of the item along the Y axis.
|
|
129
|
-
*/
|
|
130
|
-
_canReturnItem(x: number, y: number): boolean;
|
|
131
|
-
/** Refreshes the position cache of the items and sibling containers. */
|
|
132
|
-
private _cachePositions;
|
|
133
|
-
/** Resets the container to its initial state. */
|
|
134
|
-
private _reset;
|
|
135
|
-
/**
|
|
136
|
-
* Updates the top/left positions of a `ClientRect`, as well as their bottom/right counterparts.
|
|
137
|
-
* @param clientRect `ClientRect` that should be updated.
|
|
138
|
-
* @param top Amount to add to the `top` position.
|
|
139
|
-
* @param left Amount to add to the `left` position.
|
|
140
|
-
*/
|
|
141
|
-
private _adjustClientRect;
|
|
142
|
-
/**
|
|
143
|
-
* Gets the index of an item in the drop container, based on the position of the user's pointer.
|
|
144
|
-
* @param item Item that is being sorted.
|
|
145
|
-
* @param pointerX Position of the user's pointer along the X axis.
|
|
146
|
-
* @param pointerY Position of the user's pointer along the Y axis.
|
|
147
|
-
* @param delta Direction in which the user is moving their pointer.
|
|
148
|
-
*/
|
|
149
|
-
private _getItemIndexFromPointerPosition;
|
|
150
|
-
/**
|
|
151
|
-
* Checks whether the pointer coordinates are close to the drop container.
|
|
152
|
-
* @param pointerX Coordinates along the X axis.
|
|
153
|
-
* @param pointerY Coordinates along the Y axis.
|
|
154
|
-
*/
|
|
155
|
-
private _isPointerNearDropContainer;
|
|
156
|
-
/**
|
|
157
|
-
* Gets the offset in pixels by which the item that is being dragged should be moved.
|
|
158
|
-
* @param currentPosition Current position of the item.
|
|
159
|
-
* @param newPosition Position of the item where the current item should be moved.
|
|
160
|
-
* @param delta Direction in which the user is moving.
|
|
161
|
-
*/
|
|
162
|
-
private _getItemOffsetPx;
|
|
135
|
+
_getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDropListContainer | null;
|
|
163
136
|
/**
|
|
164
|
-
*
|
|
165
|
-
* @param
|
|
166
|
-
* @param
|
|
167
|
-
* @param delta Direction in which the user is moving.
|
|
137
|
+
* Checks whether the user's pointer is positioned over the container.
|
|
138
|
+
* @param x Pointer position along the X axis.
|
|
139
|
+
* @param y Pointer position along the Y axis.
|
|
168
140
|
*/
|
|
169
|
-
|
|
170
|
-
/**
|
|
171
|
-
private
|
|
141
|
+
_isOverContainer(x: number, y: number): boolean;
|
|
142
|
+
/** Syncs the inputs of the CdkDropList with the options of the underlying DropListRef. */
|
|
143
|
+
private _syncInputs;
|
|
144
|
+
/** Handles events from the underlying DropListRef. */
|
|
145
|
+
private _handleEvents;
|
|
172
146
|
}
|
|
@@ -54,13 +54,18 @@ export declare class DragDropRegistry<I, C extends {
|
|
|
54
54
|
stopDragging(drag: I): void;
|
|
55
55
|
/** Gets whether a drag item instance is currently being dragged. */
|
|
56
56
|
isDragging(drag: I): boolean;
|
|
57
|
-
/**
|
|
57
|
+
/**
|
|
58
|
+
* Gets a drop container by its id.
|
|
59
|
+
* @deprecated No longer being used. To be removed.
|
|
60
|
+
* @breaking-change 8.0.0
|
|
61
|
+
*/
|
|
58
62
|
getDropContainer(id: string): C | undefined;
|
|
59
63
|
ngOnDestroy(): void;
|
|
60
64
|
/**
|
|
61
|
-
*
|
|
65
|
+
* Event listener that will prevent the default browser action while the user is dragging.
|
|
66
|
+
* @param event Event whose default action should be prevented.
|
|
62
67
|
*/
|
|
63
|
-
private
|
|
68
|
+
private _preventDefaultWhileDragging;
|
|
64
69
|
/** Clears out the global event listeners from the `document`. */
|
|
65
70
|
private _clearGlobalListeners;
|
|
66
71
|
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { NgZone, ElementRef } from '@angular/core';
|
|
9
|
+
import { ViewportRuler } from '@angular/cdk/scrolling';
|
|
10
|
+
import { DragRef, DragRefConfig } from './drag-ref';
|
|
11
|
+
import { DropListRef } from './drop-list-ref';
|
|
12
|
+
import { DragDropRegistry } from './drag-drop-registry';
|
|
13
|
+
/**
|
|
14
|
+
* Service that allows for drag-and-drop functionality to be attached to DOM elements.
|
|
15
|
+
*/
|
|
16
|
+
export declare class DragDrop {
|
|
17
|
+
private _document;
|
|
18
|
+
private _ngZone;
|
|
19
|
+
private _viewportRuler;
|
|
20
|
+
private _dragDropRegistry;
|
|
21
|
+
constructor(_document: any, _ngZone: NgZone, _viewportRuler: ViewportRuler, _dragDropRegistry: DragDropRegistry<DragRef, DropListRef>);
|
|
22
|
+
/**
|
|
23
|
+
* Turns an element into a draggable item.
|
|
24
|
+
* @param element Element to which to attach the dragging functionality.
|
|
25
|
+
* @param config Object used to configure the dragging behavior.
|
|
26
|
+
*/
|
|
27
|
+
createDrag<T = any>(element: ElementRef<HTMLElement> | HTMLElement, config?: DragRefConfig): DragRef<T>;
|
|
28
|
+
/**
|
|
29
|
+
* Turns an element into a drop list.
|
|
30
|
+
* @param element Element to which to attach the drop list functionality.
|
|
31
|
+
*/
|
|
32
|
+
createDropList<T = any>(element: ElementRef<HTMLElement> | HTMLElement): DropListRef<T>;
|
|
33
|
+
}
|
|
@@ -5,13 +5,18 @@
|
|
|
5
5
|
* Use of this source code is governed by an MIT-style license that can be
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
|
-
import { CdkDrag } from './drag';
|
|
9
|
-
import {
|
|
8
|
+
import { CdkDrag } from './directives/drag';
|
|
9
|
+
import { CdkDropList } from './directives/drop-list';
|
|
10
10
|
/** Event emitted when the user starts dragging a draggable. */
|
|
11
11
|
export interface CdkDragStart<T = any> {
|
|
12
12
|
/** Draggable that emitted the event. */
|
|
13
13
|
source: CdkDrag<T>;
|
|
14
14
|
}
|
|
15
|
+
/** Event emitted when the user releases an item, before any animations have started. */
|
|
16
|
+
export interface CdkDragRelease<T = any> {
|
|
17
|
+
/** Draggable that emitted the event. */
|
|
18
|
+
source: CdkDrag<T>;
|
|
19
|
+
}
|
|
15
20
|
/** Event emitted when the user stops dragging a draggable. */
|
|
16
21
|
export interface CdkDragEnd<T = any> {
|
|
17
22
|
/** Draggable that emitted the event. */
|
|
@@ -20,7 +25,7 @@ export interface CdkDragEnd<T = any> {
|
|
|
20
25
|
/** Event emitted when the user moves an item into a new drop container. */
|
|
21
26
|
export interface CdkDragEnter<T = any, I = T> {
|
|
22
27
|
/** Container into which the user has moved the item. */
|
|
23
|
-
container:
|
|
28
|
+
container: CdkDropList<T>;
|
|
24
29
|
/** Item that was removed from the container. */
|
|
25
30
|
item: CdkDrag<I>;
|
|
26
31
|
}
|
|
@@ -30,7 +35,7 @@ export interface CdkDragEnter<T = any, I = T> {
|
|
|
30
35
|
*/
|
|
31
36
|
export interface CdkDragExit<T = any, I = T> {
|
|
32
37
|
/** Container from which the user has a removed an item. */
|
|
33
|
-
container:
|
|
38
|
+
container: CdkDropList<T>;
|
|
34
39
|
/** Item that was removed from the container. */
|
|
35
40
|
item: CdkDrag<I>;
|
|
36
41
|
}
|
|
@@ -43,9 +48,11 @@ export interface CdkDragDrop<T, O = T> {
|
|
|
43
48
|
/** Item that is being dropped. */
|
|
44
49
|
item: CdkDrag;
|
|
45
50
|
/** Container in which the item was dropped. */
|
|
46
|
-
container:
|
|
51
|
+
container: CdkDropList<T>;
|
|
47
52
|
/** Container from which the item was picked up. Can be the same as the `container`. */
|
|
48
|
-
previousContainer:
|
|
53
|
+
previousContainer: CdkDropList<O>;
|
|
54
|
+
/** Whether the user's pointer was over the container when the item was dropped. */
|
|
55
|
+
isPointerOverContainer: boolean;
|
|
49
56
|
}
|
|
50
57
|
/** Event emitted as the user is dragging a draggable item. */
|
|
51
58
|
export interface CdkDragMove<T = any> {
|
|
@@ -76,7 +83,7 @@ export interface CdkDragSortEvent<T = any, I = T> {
|
|
|
76
83
|
/** Index that the item is currently in. */
|
|
77
84
|
currentIndex: number;
|
|
78
85
|
/** Container that the item belongs to. */
|
|
79
|
-
container:
|
|
86
|
+
container: CdkDropList<T>;
|
|
80
87
|
/** Item that is being sorted. */
|
|
81
88
|
item: CdkDrag<I>;
|
|
82
89
|
}
|
|
@@ -5,18 +5,14 @@
|
|
|
5
5
|
* Use of this source code is governed by an MIT-style license that can be
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
8
|
+
import { ElementRef, NgZone, ViewContainerRef, TemplateRef } from '@angular/core';
|
|
9
9
|
import { ViewportRuler } from '@angular/cdk/scrolling';
|
|
10
|
-
import {
|
|
11
|
-
import { Observable } from 'rxjs';
|
|
10
|
+
import { Direction } from '@angular/cdk/bidi';
|
|
11
|
+
import { Subject, Observable } from 'rxjs';
|
|
12
|
+
import { DropListRefInternal as DropListRef } from './drop-list-ref';
|
|
12
13
|
import { DragDropRegistry } from './drag-drop-registry';
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
import { CdkDragPlaceholder } from './drag-placeholder';
|
|
16
|
-
import { CdkDragPreview } from './drag-preview';
|
|
17
|
-
import { CdkDropListContainer } from './drop-list-container';
|
|
18
|
-
/** Object that can be used to configure the behavior of CdkDrag. */
|
|
19
|
-
export interface CdkDragConfig {
|
|
14
|
+
/** Object that can be used to configure the behavior of DragRef. */
|
|
15
|
+
export interface DragRefConfig {
|
|
20
16
|
/**
|
|
21
17
|
* Minimum amount of pixels that the user should
|
|
22
18
|
* drag, before the CDK initiates a drag sequence.
|
|
@@ -28,23 +24,29 @@ export interface CdkDragConfig {
|
|
|
28
24
|
*/
|
|
29
25
|
pointerDirectionChangeThreshold: number;
|
|
30
26
|
}
|
|
31
|
-
/**
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
export
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
27
|
+
/**
|
|
28
|
+
* Internal compile-time-only representation of a `DragRef`.
|
|
29
|
+
* Used to avoid circular import issues between the `DragRef` and the `DropListRef`.
|
|
30
|
+
* @docs-private
|
|
31
|
+
*/
|
|
32
|
+
export interface DragRefInternal extends DragRef {
|
|
33
|
+
}
|
|
34
|
+
/** Template that can be used to create a drag helper element (e.g. a preview or a placeholder). */
|
|
35
|
+
interface DragHelperTemplate<T = any> {
|
|
36
|
+
template: TemplateRef<T> | null;
|
|
37
|
+
viewContainer: ViewContainerRef;
|
|
38
|
+
context: T;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Reference to a draggable item. Used to manipulate or dispose of the item.
|
|
42
|
+
* @docs-private
|
|
43
|
+
*/
|
|
44
|
+
export declare class DragRef<T = any> {
|
|
45
|
+
private _config;
|
|
46
|
+
private _document;
|
|
41
47
|
private _ngZone;
|
|
42
|
-
private _viewContainerRef;
|
|
43
48
|
private _viewportRuler;
|
|
44
49
|
private _dragDropRegistry;
|
|
45
|
-
private _config;
|
|
46
|
-
private _dir;
|
|
47
|
-
private _document;
|
|
48
50
|
/** Element displayed next to the user's pointer while the element is dragged. */
|
|
49
51
|
private _preview;
|
|
50
52
|
/** Reference to the view of the preview element. */
|
|
@@ -77,10 +79,10 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
77
79
|
* Whether the dragging sequence has been started. Doesn't
|
|
78
80
|
* necessarily mean that the element has been moved.
|
|
79
81
|
*/
|
|
80
|
-
_hasStartedDragging
|
|
82
|
+
private _hasStartedDragging;
|
|
81
83
|
/** Whether the element has moved since the user started dragging it. */
|
|
82
84
|
private _hasMoved;
|
|
83
|
-
/** Drop container in which the
|
|
85
|
+
/** Drop container in which the DragRef resided when dragging began. */
|
|
84
86
|
private _initialContainer;
|
|
85
87
|
/** Cached scroll position on the page when the element was picked up. */
|
|
86
88
|
private _scrollPosition;
|
|
@@ -95,8 +97,16 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
95
97
|
private _pointerDirectionDelta;
|
|
96
98
|
/** Pointer position at which the last change in the delta occurred. */
|
|
97
99
|
private _pointerPositionAtLastDirectionChange;
|
|
98
|
-
/**
|
|
100
|
+
/**
|
|
101
|
+
* Root DOM node of the drag instance. This is the element that will
|
|
102
|
+
* be moved around as the user is dragging.
|
|
103
|
+
*/
|
|
99
104
|
private _rootElement;
|
|
105
|
+
/**
|
|
106
|
+
* Inline style value of `-webkit-tap-highlight-color` at the time the
|
|
107
|
+
* dragging was started. Used to restore the value once we're done dragging.
|
|
108
|
+
*/
|
|
109
|
+
private _rootElementTapHighlight;
|
|
100
110
|
/** Subscription to pointer movement events. */
|
|
101
111
|
private _pointerMoveSubscription;
|
|
102
112
|
/** Subscription to the event that is dispatched when the user lifts their pointer. */
|
|
@@ -107,47 +117,83 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
107
117
|
* mouse event for each touch event, after a certain time.
|
|
108
118
|
*/
|
|
109
119
|
private _lastTouchEventTime;
|
|
110
|
-
/**
|
|
111
|
-
private
|
|
112
|
-
/**
|
|
113
|
-
|
|
120
|
+
/** Cached reference to the boundary element. */
|
|
121
|
+
private _boundaryElement;
|
|
122
|
+
/** Whether the native dragging interactions have been enabled on the root element. */
|
|
123
|
+
private _nativeInteractionsEnabled;
|
|
124
|
+
/** Cached dimensions of the preview element. */
|
|
125
|
+
private _previewRect?;
|
|
126
|
+
/** Cached dimensions of the boundary element. */
|
|
127
|
+
private _boundaryRect?;
|
|
114
128
|
/** Element that will be used as a template to create the draggable item's preview. */
|
|
115
|
-
_previewTemplate
|
|
129
|
+
private _previewTemplate?;
|
|
116
130
|
/** Template for placeholder element rendered to show where a draggable would be dropped. */
|
|
117
|
-
_placeholderTemplate
|
|
118
|
-
/**
|
|
119
|
-
|
|
120
|
-
/**
|
|
131
|
+
private _placeholderTemplate?;
|
|
132
|
+
/** Elements that can be used to drag the draggable item. */
|
|
133
|
+
private _handles;
|
|
134
|
+
/** Registered handles that are currently disabled. */
|
|
135
|
+
private _disabledHandles;
|
|
136
|
+
/** Droppable container that the draggable is a part of. */
|
|
137
|
+
private _dropContainer?;
|
|
138
|
+
/** Layout direction of the item. */
|
|
139
|
+
private _direction;
|
|
140
|
+
/** Axis along which dragging is locked. */
|
|
121
141
|
lockAxis: 'x' | 'y';
|
|
122
|
-
/**
|
|
123
|
-
* Selector that will be used to determine the root draggable element, starting from
|
|
124
|
-
* the `cdkDrag` element and going up the DOM. Passing an alternate root element is useful
|
|
125
|
-
* when trying to enable dragging on an element that you might not have access to.
|
|
126
|
-
*/
|
|
127
|
-
rootElementSelector: string;
|
|
128
142
|
/** Whether starting to drag this element is disabled. */
|
|
129
143
|
disabled: boolean;
|
|
130
144
|
private _disabled;
|
|
145
|
+
/** Emits as the drag sequence is being prepared. */
|
|
146
|
+
beforeStarted: Subject<void>;
|
|
131
147
|
/** Emits when the user starts dragging the item. */
|
|
132
|
-
started:
|
|
148
|
+
started: Subject<{
|
|
149
|
+
source: DragRef<any>;
|
|
150
|
+
}>;
|
|
151
|
+
/** Emits when the user has released a drag item, before any animations have started. */
|
|
152
|
+
released: Subject<{
|
|
153
|
+
source: DragRef<any>;
|
|
154
|
+
}>;
|
|
133
155
|
/** Emits when the user stops dragging an item in the container. */
|
|
134
|
-
ended:
|
|
156
|
+
ended: Subject<{
|
|
157
|
+
source: DragRef<any>;
|
|
158
|
+
}>;
|
|
135
159
|
/** Emits when the user has moved the item into a new container. */
|
|
136
|
-
entered:
|
|
160
|
+
entered: Subject<{
|
|
161
|
+
container: DropListRef;
|
|
162
|
+
item: DragRef<any>;
|
|
163
|
+
}>;
|
|
137
164
|
/** Emits when the user removes the item its container by dragging it into another container. */
|
|
138
|
-
exited:
|
|
165
|
+
exited: Subject<{
|
|
166
|
+
container: DropListRef;
|
|
167
|
+
item: DragRef<any>;
|
|
168
|
+
}>;
|
|
139
169
|
/** Emits when the user drops the item inside a container. */
|
|
140
|
-
dropped:
|
|
170
|
+
dropped: Subject<{
|
|
171
|
+
previousIndex: number;
|
|
172
|
+
currentIndex: number;
|
|
173
|
+
item: DragRef<any>;
|
|
174
|
+
container: DropListRef;
|
|
175
|
+
previousContainer: DropListRef;
|
|
176
|
+
isPointerOverContainer: boolean;
|
|
177
|
+
}>;
|
|
141
178
|
/**
|
|
142
179
|
* Emits as the user is dragging the item. Use with caution,
|
|
143
180
|
* because this event will fire for every pixel that the user has dragged.
|
|
144
181
|
*/
|
|
145
|
-
moved: Observable<
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
182
|
+
moved: Observable<{
|
|
183
|
+
source: DragRef;
|
|
184
|
+
pointerPosition: {
|
|
185
|
+
x: number;
|
|
186
|
+
y: number;
|
|
187
|
+
};
|
|
188
|
+
event: MouseEvent | TouchEvent;
|
|
189
|
+
delta: {
|
|
190
|
+
x: -1 | 0 | 1;
|
|
191
|
+
y: -1 | 0 | 1;
|
|
192
|
+
};
|
|
193
|
+
}>;
|
|
194
|
+
/** Arbitrary data that can be attached to the drag item. */
|
|
195
|
+
data: T;
|
|
196
|
+
constructor(element: ElementRef<HTMLElement> | HTMLElement, _config: DragRefConfig, _document: Document, _ngZone: NgZone, _viewportRuler: ViewportRuler, _dragDropRegistry: DragDropRegistry<DragRef, DropListRef>);
|
|
151
197
|
/**
|
|
152
198
|
* Returns the element that is being used as a placeholder
|
|
153
199
|
* while the current element is being dragged.
|
|
@@ -155,16 +201,62 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
155
201
|
getPlaceholderElement(): HTMLElement;
|
|
156
202
|
/** Returns the root draggable element. */
|
|
157
203
|
getRootElement(): HTMLElement;
|
|
204
|
+
/** Registers the handles that can be used to drag the element. */
|
|
205
|
+
withHandles(handles: (HTMLElement | ElementRef<HTMLElement>)[]): this;
|
|
206
|
+
/**
|
|
207
|
+
* Registers the template that should be used for the drag preview.
|
|
208
|
+
* @param template Template that from which to stamp out the preview.
|
|
209
|
+
*/
|
|
210
|
+
withPreviewTemplate(template: DragHelperTemplate | null): this;
|
|
211
|
+
/**
|
|
212
|
+
* Registers the template that should be used for the drag placeholder.
|
|
213
|
+
* @param template Template that from which to stamp out the placeholder.
|
|
214
|
+
*/
|
|
215
|
+
withPlaceholderTemplate(template: DragHelperTemplate | null): this;
|
|
216
|
+
/**
|
|
217
|
+
* Sets an alternate drag root element. The root element is the element that will be moved as
|
|
218
|
+
* the user is dragging. Passing an alternate root element is useful when trying to enable
|
|
219
|
+
* dragging on an element that you might not have access to.
|
|
220
|
+
*/
|
|
221
|
+
withRootElement(rootElement: ElementRef<HTMLElement> | HTMLElement): this;
|
|
222
|
+
/**
|
|
223
|
+
* Element to which the draggable's position will be constrained.
|
|
224
|
+
*/
|
|
225
|
+
withBoundaryElement(boundaryElement: ElementRef<HTMLElement> | HTMLElement | null): this;
|
|
226
|
+
/** Removes the dragging functionality from the DOM element. */
|
|
227
|
+
dispose(): void;
|
|
228
|
+
/** Checks whether the element is currently being dragged. */
|
|
229
|
+
isDragging(): boolean;
|
|
158
230
|
/** Resets a standalone drag item to its initial position. */
|
|
159
231
|
reset(): void;
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
232
|
+
/**
|
|
233
|
+
* Sets a handle as disabled. While a handle is disabled, it'll capture and interrupt dragging.
|
|
234
|
+
* @param handle Handle element that should be disabled.
|
|
235
|
+
*/
|
|
236
|
+
disableHandle(handle: HTMLElement): void;
|
|
237
|
+
/**
|
|
238
|
+
* Enables a handle, if it has been disabled.
|
|
239
|
+
* @param handle Handle element to be enabled.
|
|
240
|
+
*/
|
|
241
|
+
enableHandle(handle: HTMLElement): void;
|
|
242
|
+
/** Sets the layout direction of the draggable item. */
|
|
243
|
+
withDirection(direction: Direction): this;
|
|
244
|
+
/** Sets the container that the item is part of. */
|
|
245
|
+
_withDropContainer(container: DropListRef): void;
|
|
246
|
+
/** Unsubscribes from the global subscriptions. */
|
|
247
|
+
private _removeSubscriptions;
|
|
248
|
+
/** Destroys the preview element and its ViewRef. */
|
|
249
|
+
private _destroyPreview;
|
|
250
|
+
/** Destroys the placeholder element and its ViewRef. */
|
|
251
|
+
private _destroyPlaceholder;
|
|
166
252
|
/** Handler for the `mousedown`/`touchstart` events. */
|
|
167
|
-
_pointerDown
|
|
253
|
+
private _pointerDown;
|
|
254
|
+
/** Handler that is invoked when the user moves their pointer after they've initiated a drag. */
|
|
255
|
+
private _pointerMove;
|
|
256
|
+
/** Handler that is invoked when the user lifts their pointer up, after initiating a drag. */
|
|
257
|
+
private _pointerUp;
|
|
258
|
+
/** Starts the dragging sequence. */
|
|
259
|
+
private _startDragSequence;
|
|
168
260
|
/**
|
|
169
261
|
* Sets up the different variables and subscriptions
|
|
170
262
|
* that will be necessary for the dragging sequence.
|
|
@@ -172,12 +264,6 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
172
264
|
* @param event Browser event object that started the sequence.
|
|
173
265
|
*/
|
|
174
266
|
private _initializeDragSequence;
|
|
175
|
-
/** Starts the dragging sequence. */
|
|
176
|
-
private _startDragSequence;
|
|
177
|
-
/** Handler that is invoked when the user moves their pointer after they've initiated a drag. */
|
|
178
|
-
private _pointerMove;
|
|
179
|
-
/** Handler that is invoked when the user lifts their pointer up, after initiating a drag. */
|
|
180
|
-
private _pointerUp;
|
|
181
267
|
/** Cleans up the DOM artifacts that were added to facilitate the element being dragged. */
|
|
182
268
|
private _cleanupDragArtifacts;
|
|
183
269
|
/**
|
|
@@ -190,6 +276,11 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
190
276
|
* and will be used as a preview of the element that is being dragged.
|
|
191
277
|
*/
|
|
192
278
|
private _createPreviewElement;
|
|
279
|
+
/**
|
|
280
|
+
* Animates the preview element from its current position to the location of the drop placeholder.
|
|
281
|
+
* @returns Promise that resolves when the animation completes.
|
|
282
|
+
*/
|
|
283
|
+
private _animatePreviewToPlaceholder;
|
|
193
284
|
/** Creates an element that will be shown instead of the current element while dragging. */
|
|
194
285
|
private _createPlaceholderElement;
|
|
195
286
|
/**
|
|
@@ -198,30 +289,15 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
|
|
|
198
289
|
* @param event Event that initiated the dragging.
|
|
199
290
|
*/
|
|
200
291
|
private _getPointerPositionInElement;
|
|
201
|
-
/**
|
|
202
|
-
* Animates the preview element from its current position to the location of the drop placeholder.
|
|
203
|
-
* @returns Promise that resolves when the animation completes.
|
|
204
|
-
*/
|
|
205
|
-
private _animatePreviewToPlaceholder;
|
|
206
|
-
/**
|
|
207
|
-
* Helper to remove an element from the DOM and to do all the necessary null checks.
|
|
208
|
-
* @param element Element to be removed.
|
|
209
|
-
*/
|
|
210
|
-
private _removeElement;
|
|
211
292
|
/** Determines the point of the page that was touched by the user. */
|
|
212
293
|
private _getPointerPositionOnPage;
|
|
213
294
|
/** Gets the pointer position on the page, accounting for any position constraints. */
|
|
214
295
|
private _getConstrainedPointerPosition;
|
|
215
|
-
/** Determines whether an event is a touch event. */
|
|
216
|
-
private _isTouchEvent;
|
|
217
|
-
/** Destroys the preview element and its ViewRef. */
|
|
218
|
-
private _destroyPreview;
|
|
219
|
-
/** Destroys the placeholder element and its ViewRef. */
|
|
220
|
-
private _destroyPlaceholder;
|
|
221
296
|
/** Updates the current drag delta, based on the user's current pointer position on the page. */
|
|
222
297
|
private _updatePointerDirectionDelta;
|
|
223
|
-
/**
|
|
224
|
-
private
|
|
225
|
-
/**
|
|
226
|
-
private
|
|
298
|
+
/** Toggles the native drag interactions, based on how many handles are registered. */
|
|
299
|
+
private _toggleNativeDragInteractions;
|
|
300
|
+
/** Removes the manually-added event listeners from the root element. */
|
|
301
|
+
private _removeRootElementListeners;
|
|
227
302
|
}
|
|
303
|
+
export {};
|