@syncfusion/ej2-base 26.1.35-806029 → 26.1.35-813980
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/.eslintrc.json +261 -0
- package/{ReadMe.md → README.md} +100 -100
- package/bin/syncfusion-license.js +1 -104
- package/dist/ej2-base.min.js +10 -1
- package/dist/ej2-base.umd.min.js +10 -1
- package/dist/ej2-base.umd.min.js.map +1 -1
- package/dist/es6/ej2-base.es2015.js +67 -74
- package/dist/es6/ej2-base.es2015.js.map +1 -1
- package/dist/es6/ej2-base.es5.js +117 -124
- package/dist/es6/ej2-base.es5.js.map +1 -1
- package/dist/global/ej2-base.min.js +10 -1
- package/dist/global/ej2-base.min.js.map +1 -1
- package/dist/global/index.d.ts +9 -0
- package/e2e/crypto.js +16 -16
- package/e2e/index.d.ts +27 -27
- package/e2e/m.protractor.config.js +286 -286
- package/e2e/modified-protractor/protractor.config.js +316 -316
- package/e2e/protractor.config.js +389 -389
- package/helpers/e2e/index.js +3 -3
- package/license +10 -10
- package/package.json +225 -225
- package/src/animation-model.d.ts +41 -41
- package/src/animation.js +19 -19
- package/src/browser.js +0 -4
- package/src/component-model.d.ts +16 -16
- package/src/component.js +19 -19
- package/src/draggable-model.d.ts +113 -113
- package/src/draggable.js +68 -35
- package/src/droppable-model.d.ts +23 -23
- package/src/droppable.js +19 -19
- package/src/intl/number-formatter.js +1 -8
- package/src/keyboard-model.d.ts +16 -16
- package/src/keyboard.js +19 -19
- package/src/touch-model.d.ts +39 -39
- package/src/touch.js +19 -19
- package/src/validate-lic.js +1 -1
- package/styles/_all.scss +2 -2
- package/styles/_bds-dark-definition.scss +15 -16
- package/styles/_bds-definition.scss +15 -16
- package/styles/_bootstrap-dark-definition.scss +42 -42
- package/styles/_bootstrap-definition.scss +42 -42
- package/styles/_bootstrap4-definition.scss +11 -11
- package/styles/_bootstrap5-dark-definition.scss +9 -9
- package/styles/_bootstrap5-definition.scss +8 -8
- package/styles/_bootstrap5.3-dark-definition.scss +8 -8
- package/styles/_bootstrap5.3-definition.scss +8 -8
- package/styles/_fabric-dark-definition.scss +42 -42
- package/styles/_fabric-definition.scss +42 -42
- package/styles/_fluent-dark-definition.scss +9 -9
- package/styles/_fluent-definition.scss +9 -9
- package/styles/_fluent2-dark-definition.scss +9 -9
- package/styles/_fluent2-definition.scss +9 -9
- package/styles/_fluent2-highcontrast-definition.scss +9 -9
- package/styles/_fusionnew-dark-definition.scss +8 -8
- package/styles/_fusionnew-definition.scss +8 -8
- package/styles/_highcontrast-definition.scss +42 -42
- package/styles/_highcontrast-light-definition.scss +42 -42
- package/styles/_material-dark-definition.scss +48 -49
- package/styles/_material-definition.scss +49 -50
- package/styles/_material3-dark-definition.scss +14 -15
- package/styles/_material3-definition.scss +15 -16
- package/styles/_tailwind-dark-definition.scss +15 -16
- package/styles/_tailwind-definition.scss +15 -16
- package/styles/animation/_all.scss +559 -535
- package/styles/bootstrap-dark.css +51 -235
- package/styles/bootstrap.css +51 -235
- package/styles/bootstrap4.css +51 -223
- package/styles/bootstrap5-dark.css +53 -228
- package/styles/bootstrap5.css +51 -226
- package/styles/common/_all.scss +2 -2
- package/styles/common/_core.scss +113 -111
- package/styles/common/_mixin.scss +9 -11
- package/styles/definition/_bds-dark.scss +1067 -1193
- package/styles/definition/_bds.scss +1327 -1488
- package/styles/definition/_bootstrap-dark.scss +207 -213
- package/styles/definition/_bootstrap.scss +202 -208
- package/styles/definition/_bootstrap4.scss +153 -159
- package/styles/definition/_bootstrap5-dark.scss +475 -481
- package/styles/definition/_bootstrap5.3-dark.scss +853 -1232
- package/styles/definition/_bootstrap5.3.scss +1486 -1579
- package/styles/definition/_bootstrap5.scss +475 -481
- package/styles/definition/_fabric-dark.scss +188 -194
- package/styles/definition/_fabric.scss +186 -192
- package/styles/definition/_fluent-dark.scss +488 -494
- package/styles/definition/_fluent.scss +488 -494
- package/styles/definition/_fluent2-dark.scss +1506 -1523
- package/styles/definition/_fluent2-highcontrast.scss +1506 -1523
- package/styles/definition/_fluent2.scss +2266 -2295
- package/styles/definition/_fusionnew-dark.scss +324 -330
- package/styles/definition/_fusionnew.scss +324 -331
- package/styles/definition/_highcontrast-light.scss +183 -189
- package/styles/definition/_highcontrast.scss +183 -189
- package/styles/definition/_material-dark.scss +187 -193
- package/styles/definition/_material.scss +180 -186
- package/styles/definition/_material3-dark.scss +654 -660
- package/styles/definition/_material3.scss +723 -729
- package/styles/definition/_tailwind-dark.scss +439 -445
- package/styles/definition/_tailwind.scss +437 -443
- package/styles/fabric-dark.css +51 -235
- package/styles/fabric.css +51 -235
- package/styles/fluent-dark.css +51 -226
- package/styles/fluent.css +51 -226
- package/styles/fluent2.css +82 -274
- package/styles/highcontrast-light.css +51 -235
- package/styles/highcontrast.css +51 -235
- package/styles/material-dark.css +51 -235
- package/styles/material.css +51 -235
- package/styles/material3-dark.css +51 -226
- package/styles/material3.css +51 -226
- package/styles/offline-theme/material-dark.css +51 -235
- package/styles/offline-theme/material.css +51 -235
- package/styles/offline-theme/tailwind-dark.css +51 -226
- package/styles/offline-theme/tailwind.css +51 -226
- package/styles/tailwind-dark.css +51 -226
- package/styles/tailwind.css +51 -226
- package/tslint.json +111 -0
- package/dist/ts/undefined +0 -67
- package/styles/_tailwind3-dark-definition.scss +0 -15
- package/styles/_tailwind3-definition.scss +0 -15
- package/styles/bds-lite.css +0 -3408
- package/styles/bds-lite.scss +0 -3
- package/styles/bds.css +0 -3408
- package/styles/bds.scss +0 -3
- package/styles/bootstrap-dark-lite.css +0 -3749
- package/styles/bootstrap-dark-lite.scss +0 -3
- package/styles/bootstrap-lite.css +0 -3749
- package/styles/bootstrap-lite.scss +0 -3
- package/styles/bootstrap4-lite.css +0 -3390
- package/styles/bootstrap4-lite.scss +0 -3
- package/styles/bootstrap5-dark-lite.css +0 -2966
- package/styles/bootstrap5-dark-lite.scss +0 -3
- package/styles/bootstrap5-lite.css +0 -2966
- package/styles/bootstrap5-lite.scss +0 -3
- package/styles/bootstrap5.3-lite.css +0 -3559
- package/styles/bootstrap5.3-lite.scss +0 -3
- package/styles/bootstrap5.3.css +0 -3559
- package/styles/bootstrap5.3.scss +0 -3
- package/styles/definition/_tailwind3-dark.scss +0 -1622
- package/styles/definition/_tailwind3.scss +0 -2093
- package/styles/fabric-dark-lite.css +0 -3734
- package/styles/fabric-dark-lite.scss +0 -3
- package/styles/fabric-lite.css +0 -3734
- package/styles/fabric-lite.scss +0 -3
- package/styles/fluent-dark-lite.css +0 -2966
- package/styles/fluent-dark-lite.scss +0 -3
- package/styles/fluent-lite.css +0 -2966
- package/styles/fluent-lite.scss +0 -3
- package/styles/fluent2-lite.css +0 -4017
- package/styles/fluent2-lite.scss +0 -3
- package/styles/highcontrast-light-lite.css +0 -3725
- package/styles/highcontrast-light-lite.scss +0 -3
- package/styles/highcontrast-lite.css +0 -3725
- package/styles/highcontrast-lite.scss +0 -3
- package/styles/material-dark-lite.css +0 -3702
- package/styles/material-dark-lite.scss +0 -3
- package/styles/material-lite.css +0 -3702
- package/styles/material-lite.scss +0 -3
- package/styles/material3-dark-lite.css +0 -3021
- package/styles/material3-dark-lite.scss +0 -3
- package/styles/material3-lite.css +0 -3077
- package/styles/material3-lite.scss +0 -3
- package/styles/tailwind-dark-lite.css +0 -2967
- package/styles/tailwind-dark-lite.scss +0 -3
- package/styles/tailwind-lite.css +0 -2967
- package/styles/tailwind-lite.scss +0 -3
- package/styles/tailwind3-lite.css +0 -3775
- package/styles/tailwind3-lite.scss +0 -3
- package/styles/tailwind3.css +0 -3775
- package/styles/tailwind3.scss +0 -3
package/src/component-model.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
|
|
1
|
+
import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Interface for a class Component
|
|
@@ -6,24 +6,24 @@ import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor
|
|
|
6
6
|
export interface ComponentModel {
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Enable or disable persisting component's state between page reloads.
|
|
10
|
-
*
|
|
11
|
-
* @default false
|
|
12
|
-
*/
|
|
13
|
-
enablePersistence?: boolean;
|
|
9
|
+
* Enable or disable persisting component's state between page reloads.
|
|
10
|
+
*
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
enablePersistence?: boolean;
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* Enable or disable rendering component in right to left direction.
|
|
17
|
-
*
|
|
18
|
-
* @default false
|
|
19
|
-
*/
|
|
20
|
-
enableRtl?: boolean;
|
|
16
|
+
* Enable or disable rendering component in right to left direction.
|
|
17
|
+
*
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
20
|
+
enableRtl?: boolean;
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
|
-
* Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
|
|
24
|
-
*
|
|
25
|
-
* @default ''
|
|
26
|
-
*/
|
|
27
|
-
locale?: string;
|
|
23
|
+
* Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
|
|
24
|
+
*
|
|
25
|
+
* @default ''
|
|
26
|
+
*/
|
|
27
|
+
locale?: string;
|
|
28
28
|
|
|
29
29
|
}
|
package/src/component.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
|
|
21
21
|
import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
|
|
22
22
|
import { ModuleLoader } from './module-loader';
|
package/src/draggable-model.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Base } from './base';
|
|
1
|
+
import { Base } from './base';import { Browser } from './browser';import { isVisible } from './dom';import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { ChildProperty } from './child-property';import { select, closest, setStyleAttribute, addClass, createElement } from './dom';import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util';
|
|
2
2
|
import {DragDirection} from "./draggable";
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,14 +7,14 @@ import {DragDirection} from "./draggable";
|
|
|
7
7
|
export interface PositionModel {
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* Specifies the left position of cursor in draggable.
|
|
11
|
-
*/
|
|
12
|
-
left?: number;
|
|
10
|
+
* Specifies the left position of cursor in draggable.
|
|
11
|
+
*/
|
|
12
|
+
left?: number;
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
* Specifies the left position of cursor in draggable.
|
|
16
|
-
*/
|
|
17
|
-
top?: number;
|
|
15
|
+
* Specifies the left position of cursor in draggable.
|
|
16
|
+
*/
|
|
17
|
+
top?: number;
|
|
18
18
|
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -24,157 +24,157 @@ export interface PositionModel {
|
|
|
24
24
|
export interface DraggableModel {
|
|
25
25
|
|
|
26
26
|
/**
|
|
27
|
-
* Defines the distance between the cursor and the draggable element.
|
|
28
|
-
*/
|
|
29
|
-
cursorAt?: PositionModel;
|
|
27
|
+
* Defines the distance between the cursor and the draggable element.
|
|
28
|
+
*/
|
|
29
|
+
cursorAt?: PositionModel;
|
|
30
30
|
|
|
31
31
|
/**
|
|
32
|
-
* If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
|
|
33
|
-
*
|
|
34
|
-
* @default true
|
|
35
|
-
*/
|
|
36
|
-
clone?: boolean;
|
|
32
|
+
* If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
|
|
33
|
+
*
|
|
34
|
+
* @default true
|
|
35
|
+
*/
|
|
36
|
+
clone?: boolean;
|
|
37
37
|
|
|
38
38
|
/**
|
|
39
|
-
* Defines the parent element in which draggable element movement will be restricted.
|
|
40
|
-
*/
|
|
41
|
-
dragArea?: HTMLElement | string;
|
|
39
|
+
* Defines the parent element in which draggable element movement will be restricted.
|
|
40
|
+
*/
|
|
41
|
+
dragArea?: HTMLElement | string;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
|
-
* Defines the dragArea is scrollable or not.
|
|
45
|
-
*/
|
|
46
|
-
isDragScroll?: boolean;
|
|
44
|
+
* Defines the dragArea is scrollable or not.
|
|
45
|
+
*/
|
|
46
|
+
isDragScroll?: boolean;
|
|
47
47
|
|
|
48
48
|
/**
|
|
49
|
-
* Defines wheather need to replace drag element by currentstateTarget.
|
|
50
|
-
*
|
|
51
|
-
* @private
|
|
52
|
-
*/
|
|
53
|
-
isReplaceDragEle?: boolean;
|
|
49
|
+
* Defines wheather need to replace drag element by currentstateTarget.
|
|
50
|
+
*
|
|
51
|
+
* @private
|
|
52
|
+
*/
|
|
53
|
+
isReplaceDragEle?: boolean;
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
|
-
* Defines wheather need to add prevent select class to body or not.
|
|
57
|
-
*
|
|
58
|
-
* @private
|
|
59
|
-
*/
|
|
60
|
-
isPreventSelect?: boolean;
|
|
56
|
+
* Defines wheather need to add prevent select class to body or not.
|
|
57
|
+
*
|
|
58
|
+
* @private
|
|
59
|
+
*/
|
|
60
|
+
isPreventSelect?: boolean;
|
|
61
61
|
|
|
62
62
|
/**
|
|
63
|
-
* Specifies the callback function for drag event.
|
|
64
|
-
*
|
|
65
|
-
* @event drag
|
|
66
|
-
*/
|
|
67
|
-
drag?: Function;
|
|
63
|
+
* Specifies the callback function for drag event.
|
|
64
|
+
*
|
|
65
|
+
* @event drag
|
|
66
|
+
*/
|
|
67
|
+
drag?: Function;
|
|
68
68
|
|
|
69
69
|
/**
|
|
70
|
-
* Specifies the callback function for dragStart event.
|
|
71
|
-
*
|
|
72
|
-
* @event dragStart
|
|
73
|
-
*/
|
|
74
|
-
dragStart?: Function;
|
|
70
|
+
* Specifies the callback function for dragStart event.
|
|
71
|
+
*
|
|
72
|
+
* @event dragStart
|
|
73
|
+
*/
|
|
74
|
+
dragStart?: Function;
|
|
75
75
|
|
|
76
76
|
/**
|
|
77
|
-
* Specifies the callback function for dragStop event.
|
|
78
|
-
*
|
|
79
|
-
* @event dragStop
|
|
80
|
-
*/
|
|
81
|
-
dragStop?: Function;
|
|
77
|
+
* Specifies the callback function for dragStop event.
|
|
78
|
+
*
|
|
79
|
+
* @event dragStop
|
|
80
|
+
*/
|
|
81
|
+
dragStop?: Function;
|
|
82
82
|
|
|
83
83
|
/**
|
|
84
|
-
* Defines the minimum distance draggable element to be moved to trigger the drag operation.
|
|
85
|
-
*
|
|
86
|
-
* @default 1
|
|
87
|
-
*/
|
|
88
|
-
distance?: number;
|
|
84
|
+
* Defines the minimum distance draggable element to be moved to trigger the drag operation.
|
|
85
|
+
*
|
|
86
|
+
* @default 1
|
|
87
|
+
*/
|
|
88
|
+
distance?: number;
|
|
89
89
|
|
|
90
90
|
/**
|
|
91
|
-
* Defines the child element selector which will act as drag handle.
|
|
92
|
-
*/
|
|
93
|
-
handle?: string;
|
|
91
|
+
* Defines the child element selector which will act as drag handle.
|
|
92
|
+
*/
|
|
93
|
+
handle?: string;
|
|
94
94
|
|
|
95
95
|
/**
|
|
96
|
-
* Defines the child element selector which will prevent dragging of element.
|
|
97
|
-
*/
|
|
98
|
-
abort?: string | string[];
|
|
96
|
+
* Defines the child element selector which will prevent dragging of element.
|
|
97
|
+
*/
|
|
98
|
+
abort?: string | string[];
|
|
99
99
|
|
|
100
100
|
/**
|
|
101
|
-
* Defines the callback function for customizing the cloned element.
|
|
102
|
-
*/
|
|
103
|
-
helper?: Function;
|
|
101
|
+
* Defines the callback function for customizing the cloned element.
|
|
102
|
+
*/
|
|
103
|
+
helper?: Function;
|
|
104
104
|
|
|
105
105
|
/**
|
|
106
|
-
* Defines the scope value to group sets of draggable and droppable items.
|
|
107
|
-
* A draggable with the same scope value will be accepted by the droppable.
|
|
108
|
-
*/
|
|
109
|
-
scope?: string;
|
|
106
|
+
* Defines the scope value to group sets of draggable and droppable items.
|
|
107
|
+
* A draggable with the same scope value will be accepted by the droppable.
|
|
108
|
+
*/
|
|
109
|
+
scope?: string;
|
|
110
110
|
|
|
111
111
|
/**
|
|
112
|
-
* Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
|
|
113
|
-
*
|
|
114
|
-
* @private
|
|
115
|
-
*/
|
|
116
|
-
dragTarget?: string;
|
|
112
|
+
* Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
|
|
113
|
+
*
|
|
114
|
+
* @private
|
|
115
|
+
*/
|
|
116
|
+
dragTarget?: string;
|
|
117
117
|
|
|
118
118
|
/**
|
|
119
|
-
* Defines the axis to limit the draggable element drag path.The possible axis path values are
|
|
120
|
-
* * `x` - Allows drag movement in horizontal direction only.
|
|
121
|
-
* * `y` - Allows drag movement in vertical direction only.
|
|
122
|
-
*/
|
|
123
|
-
axis?: DragDirection;
|
|
119
|
+
* Defines the axis to limit the draggable element drag path.The possible axis path values are
|
|
120
|
+
* * `x` - Allows drag movement in horizontal direction only.
|
|
121
|
+
* * `y` - Allows drag movement in vertical direction only.
|
|
122
|
+
*/
|
|
123
|
+
axis?: DragDirection;
|
|
124
124
|
|
|
125
125
|
/**
|
|
126
|
-
* Defines the function to change the position value.
|
|
127
|
-
*
|
|
128
|
-
* @private
|
|
129
|
-
*/
|
|
130
|
-
queryPositionInfo?: Function;
|
|
126
|
+
* Defines the function to change the position value.
|
|
127
|
+
*
|
|
128
|
+
* @private
|
|
129
|
+
*/
|
|
130
|
+
queryPositionInfo?: Function;
|
|
131
131
|
|
|
132
132
|
/**
|
|
133
|
-
* Defines whether the drag clone element will be split form the cursor pointer.
|
|
134
|
-
*
|
|
135
|
-
* @private
|
|
136
|
-
*/
|
|
137
|
-
enableTailMode?: boolean;
|
|
133
|
+
* Defines whether the drag clone element will be split form the cursor pointer.
|
|
134
|
+
*
|
|
135
|
+
* @private
|
|
136
|
+
*/
|
|
137
|
+
enableTailMode?: boolean;
|
|
138
138
|
|
|
139
139
|
/**
|
|
140
|
-
* Defines whether to skip the previous drag movement comparison.
|
|
141
|
-
*
|
|
142
|
-
* @private
|
|
143
|
-
*/
|
|
144
|
-
skipDistanceCheck?: boolean;
|
|
140
|
+
* Defines whether to skip the previous drag movement comparison.
|
|
141
|
+
*
|
|
142
|
+
* @private
|
|
143
|
+
*/
|
|
144
|
+
skipDistanceCheck?: boolean;
|
|
145
145
|
|
|
146
146
|
/**
|
|
147
|
-
* @private
|
|
148
|
-
*/
|
|
149
|
-
preventDefault?: boolean;
|
|
147
|
+
* @private
|
|
148
|
+
*/
|
|
149
|
+
preventDefault?: boolean;
|
|
150
150
|
|
|
151
151
|
/**
|
|
152
|
-
* Defines whether to enable autoscroll on drag movement of draggable element.
|
|
153
|
-
* enableAutoScroll
|
|
154
|
-
*
|
|
155
|
-
* @private
|
|
156
|
-
*/
|
|
157
|
-
enableAutoScroll?: boolean;
|
|
152
|
+
* Defines whether to enable autoscroll on drag movement of draggable element.
|
|
153
|
+
* enableAutoScroll
|
|
154
|
+
*
|
|
155
|
+
* @private
|
|
156
|
+
*/
|
|
157
|
+
enableAutoScroll?: boolean;
|
|
158
158
|
|
|
159
159
|
/**
|
|
160
|
-
* Defines whether to enable taphold on mobile devices.
|
|
161
|
-
* enableAutoScroll
|
|
162
|
-
*
|
|
163
|
-
* @private
|
|
164
|
-
*/
|
|
165
|
-
enableTapHold?: boolean;
|
|
160
|
+
* Defines whether to enable taphold on mobile devices.
|
|
161
|
+
* enableAutoScroll
|
|
162
|
+
*
|
|
163
|
+
* @private
|
|
164
|
+
*/
|
|
165
|
+
enableTapHold?: boolean;
|
|
166
166
|
|
|
167
167
|
/**
|
|
168
|
-
* Specifies the time delay for tap hold.
|
|
169
|
-
*
|
|
170
|
-
* @default 750
|
|
171
|
-
* @private
|
|
172
|
-
*/
|
|
173
|
-
tapHoldThreshold?: number;
|
|
168
|
+
* Specifies the time delay for tap hold.
|
|
169
|
+
*
|
|
170
|
+
* @default 750
|
|
171
|
+
* @private
|
|
172
|
+
*/
|
|
173
|
+
tapHoldThreshold?: number;
|
|
174
174
|
|
|
175
175
|
/**
|
|
176
|
-
* @private
|
|
177
|
-
*/
|
|
178
|
-
enableScrollHandler?: boolean;
|
|
176
|
+
* @private
|
|
177
|
+
*/
|
|
178
|
+
enableScrollHandler?: boolean;
|
|
179
179
|
|
|
180
180
|
}
|
package/src/draggable.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
21
21
|
import { Base } from './base';
|
|
22
22
|
import { Browser } from './browser';
|
|
@@ -93,6 +93,39 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
93
93
|
Draggable.getDefaultPosition = function () {
|
|
94
94
|
return extend({}, defaultPosition);
|
|
95
95
|
};
|
|
96
|
+
|
|
97
|
+
Draggable.prototype.getDragEventName = function (type) {
|
|
98
|
+
var eventName;
|
|
99
|
+
|
|
100
|
+
switch (type) {
|
|
101
|
+
case 'move':
|
|
102
|
+
eventName = Browser.touchMoveEvent;
|
|
103
|
+
break;
|
|
104
|
+
case 'end':
|
|
105
|
+
eventName = Browser.touchEndEvent;
|
|
106
|
+
break;
|
|
107
|
+
case 'cancel':
|
|
108
|
+
eventName = Browser.touchCancelEvent;
|
|
109
|
+
break;
|
|
110
|
+
default:
|
|
111
|
+
eventName = Browser.touchStartEvent;
|
|
112
|
+
break;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
if (Browser.isSafari()) {
|
|
116
|
+
var suffix = {
|
|
117
|
+
start: 'pointerdown mousedown',
|
|
118
|
+
move: 'pointermove mousemove',
|
|
119
|
+
end: 'pointerup mouseup',
|
|
120
|
+
cancel: 'pointercancel mouseleave'
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
eventName += ' ' + suffix[type];
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
return eventName;
|
|
127
|
+
};
|
|
128
|
+
|
|
96
129
|
Draggable.prototype.toggleEvents = function (isUnWire) {
|
|
97
130
|
var ele;
|
|
98
131
|
if (!isUndefined(this.handle)) {
|
|
@@ -100,10 +133,10 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
100
133
|
}
|
|
101
134
|
var handler = (this.enableTapHold && Browser.isDevice && Browser.isTouch) ? this.mobileInitialize : this.initialize;
|
|
102
135
|
if (isUnWire) {
|
|
103
|
-
|
|
136
|
+
EventHandler.remove(ele || this.element, this.getDragEventName('start'), handler);
|
|
104
137
|
}
|
|
105
138
|
else {
|
|
106
|
-
EventHandler.add(ele || this.element,
|
|
139
|
+
EventHandler.add(ele || this.element, this.getDragEventName('start'), handler, this);
|
|
107
140
|
}
|
|
108
141
|
};
|
|
109
142
|
/* istanbul ignore next */
|
|
@@ -115,14 +148,14 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
115
148
|
_this.removeTapholdTimer();
|
|
116
149
|
_this.initialize(evt, target);
|
|
117
150
|
}, this.tapHoldThreshold);
|
|
118
|
-
EventHandler.add(document,
|
|
119
|
-
EventHandler.add(document,
|
|
151
|
+
EventHandler.add(document, this.getDragEventName('move'), this.removeTapholdTimer, this);
|
|
152
|
+
EventHandler.add(document, this.getDragEventName('end'), this.removeTapholdTimer, this);
|
|
120
153
|
};
|
|
121
154
|
/* istanbul ignore next */
|
|
122
155
|
Draggable.prototype.removeTapholdTimer = function () {
|
|
123
156
|
clearTimeout(this.tapHoldTimer);
|
|
124
|
-
EventHandler.remove(document,
|
|
125
|
-
EventHandler.remove(document,
|
|
157
|
+
EventHandler.remove(document, this.getDragEventName('move'), this.removeTapholdTimer);
|
|
158
|
+
EventHandler.remove(document, this.getDragEventName('end'), this.removeTapholdTimer);
|
|
126
159
|
};
|
|
127
160
|
/* istanbul ignore next */
|
|
128
161
|
Draggable.prototype.getScrollableParent = function (element, axis) {
|
|
@@ -213,8 +246,8 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
213
246
|
this.intDragStart(evt);
|
|
214
247
|
}
|
|
215
248
|
else {
|
|
216
|
-
EventHandler.add(document,
|
|
217
|
-
EventHandler.add(document,
|
|
249
|
+
EventHandler.add(document, this.getDragEventName('move'), this.intDragStart, this);
|
|
250
|
+
EventHandler.add(document, this.getDragEventName('end'), this.intDestroy, this);
|
|
218
251
|
}
|
|
219
252
|
this.toggleEvents(true);
|
|
220
253
|
if (evt.type !== 'touchstart' && this.isPreventSelect) {
|
|
@@ -313,8 +346,8 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
313
346
|
}
|
|
314
347
|
this.dragElePosition = { top: pos.top, left: pos.left };
|
|
315
348
|
setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
|
|
316
|
-
EventHandler.remove(document,
|
|
317
|
-
EventHandler.remove(document,
|
|
349
|
+
EventHandler.remove(document, this.getDragEventName('move'), this.intDragStart);
|
|
350
|
+
EventHandler.remove(document, this.getDragEventName('end'), this.intDestroy);
|
|
318
351
|
if (!isBlazor()) {
|
|
319
352
|
this.bindDragEvents(dragTargetElement);
|
|
320
353
|
}
|
|
@@ -322,8 +355,8 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
322
355
|
};
|
|
323
356
|
Draggable.prototype.bindDragEvents = function (dragTargetElement) {
|
|
324
357
|
if (isVisible(dragTargetElement)) {
|
|
325
|
-
EventHandler.add(document,
|
|
326
|
-
EventHandler.add(document,
|
|
358
|
+
EventHandler.add(document, this.getDragEventName('move'), this.intDrag, this);
|
|
359
|
+
EventHandler.add(document, this.getDragEventName('end'), this.intDragStop, this);
|
|
327
360
|
this.setGlobalDroppables(false, this.element, dragTargetElement);
|
|
328
361
|
}
|
|
329
362
|
else {
|
|
@@ -666,10 +699,10 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
666
699
|
this.toggleEvents();
|
|
667
700
|
document.body.classList.remove('e-prevent-select');
|
|
668
701
|
this.element.setAttribute('aria-grabbed', 'false');
|
|
669
|
-
EventHandler.remove(document,
|
|
670
|
-
EventHandler.remove(document,
|
|
671
|
-
EventHandler.remove(document,
|
|
672
|
-
EventHandler.remove(document,
|
|
702
|
+
EventHandler.remove(document, this.getDragEventName('move'), this.intDragStart);
|
|
703
|
+
EventHandler.remove(document, this.getDragEventName('end'), this.intDragStop);
|
|
704
|
+
EventHandler.remove(document, this.getDragEventName('end'), this.intDestroy);
|
|
705
|
+
EventHandler.remove(document, this.getDragEventName('move'), this.intDrag);
|
|
673
706
|
if (this.isDragStarted()) {
|
|
674
707
|
this.isDragStarted(true);
|
|
675
708
|
}
|
package/src/droppable-model.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Base } from './base';
|
|
1
|
+
import { Base } from './base';import { Browser } from './browser';import { isVisible, matches } from './dom';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { compareElementParent } from './util';import {Coordinates, DropInfo} from './draggable';
|
|
2
2
|
import {DropEventArgs} from "./droppable";
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,35 +7,35 @@ import {DropEventArgs} from "./droppable";
|
|
|
7
7
|
export interface DroppableModel {
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* Defines the selector for draggable element to be accepted by the droppable.
|
|
11
|
-
*/
|
|
12
|
-
accept?: string;
|
|
10
|
+
* Defines the selector for draggable element to be accepted by the droppable.
|
|
11
|
+
*/
|
|
12
|
+
accept?: string;
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
* Defines the scope value to group sets of draggable and droppable items.
|
|
16
|
-
* A draggable with the same scope value will only be accepted by the droppable.
|
|
17
|
-
*/
|
|
18
|
-
scope?: string;
|
|
15
|
+
* Defines the scope value to group sets of draggable and droppable items.
|
|
16
|
+
* A draggable with the same scope value will only be accepted by the droppable.
|
|
17
|
+
*/
|
|
18
|
+
scope?: string;
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
|
-
* Specifies the callback function, which will be triggered while drag element is dropped in droppable.
|
|
22
|
-
*
|
|
23
|
-
* @event drop
|
|
24
|
-
*/
|
|
25
|
-
drop?: (args: DropEventArgs) => void;
|
|
21
|
+
* Specifies the callback function, which will be triggered while drag element is dropped in droppable.
|
|
22
|
+
*
|
|
23
|
+
* @event drop
|
|
24
|
+
*/
|
|
25
|
+
drop?: (args: DropEventArgs) => void;
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
|
-
* Specifies the callback function, which will be triggered while drag element is moved over droppable element.
|
|
29
|
-
*
|
|
30
|
-
* @event over
|
|
31
|
-
*/
|
|
32
|
-
over?: Function;
|
|
28
|
+
* Specifies the callback function, which will be triggered while drag element is moved over droppable element.
|
|
29
|
+
*
|
|
30
|
+
* @event over
|
|
31
|
+
*/
|
|
32
|
+
over?: Function;
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
|
-
* Specifies the callback function, which will be triggered while drag element is moved out of droppable element.
|
|
36
|
-
*
|
|
37
|
-
* @event bind
|
|
38
|
-
*/
|
|
39
|
-
out?: Function;
|
|
35
|
+
* Specifies the callback function, which will be triggered while drag element is moved out of droppable element.
|
|
36
|
+
*
|
|
37
|
+
* @event bind
|
|
38
|
+
*/
|
|
39
|
+
out?: Function;
|
|
40
40
|
|
|
41
41
|
}
|
package/src/droppable.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
import { Base } from './base';
|
|
21
21
|
import { Browser } from './browser';
|
|
22
22
|
import { isVisible, matches } from './dom';
|