@syncfusion/ej2-base 19.3.54 → 19.4.42
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/.github/PULL_REQUEST_TEMPLATE/Bug.md +60 -0
- package/.github/PULL_REQUEST_TEMPLATE/feature.md +42 -0
- package/CHANGELOG.md +0 -8
- package/README.md +1 -1
- package/dist/ej2-base.umd.min.js +2 -2
- package/dist/ej2-base.umd.min.js.map +1 -1
- package/dist/es6/ej2-base.es2015.js +41 -36
- package/dist/es6/ej2-base.es2015.js.map +1 -1
- package/dist/es6/ej2-base.es5.js +41 -36
- package/dist/es6/ej2-base.es5.js.map +1 -1
- package/dist/global/ej2-base.min.js +2 -2
- package/dist/global/ej2-base.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +46 -10
- package/src/animation.js +1 -1
- package/src/draggable-model.d.ts +1 -0
- package/src/draggable.d.ts +4 -2
- package/src/draggable.js +38 -33
- package/src/intl/intl-base.js +2 -2
- package/styles/_fluent-dark-definition.scss +10 -0
- package/styles/_fluent-definition.scss +10 -0
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +1 -1
- package/styles/bootstrap5.css +1 -1
- package/styles/definition/_bootstrap-dark.scss +1 -0
- package/styles/definition/_bootstrap.scss +1 -0
- package/styles/definition/_bootstrap4.scss +1 -0
- package/styles/definition/_bootstrap5-dark.scss +1 -0
- package/styles/definition/_bootstrap5.scss +2 -1
- package/styles/definition/_fabric-dark.scss +1 -0
- package/styles/definition/_fabric.scss +1 -0
- package/styles/definition/_fluent-dark.scss +408 -0
- package/styles/definition/_fluent.scss +410 -0
- package/styles/definition/_highcontrast-light.scss +1 -0
- package/styles/definition/_highcontrast.scss +1 -0
- package/styles/definition/_material-dark.scss +1 -0
- package/styles/definition/_material.scss +1 -0
- package/styles/definition/_tailwind-dark.scss +1 -0
- package/styles/definition/_tailwind.scss +1 -0
- package/styles/fabric-dark.css +1 -1
- package/styles/fabric.css +1 -1
- package/styles/highcontrast-light.css +1 -1
- package/styles/highcontrast.css +1 -1
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/tailwind-dark.css +1 -629
- package/styles/tailwind.css +1 -629
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 19.
|
|
3
|
+
* version : 19.4.42
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-base@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-base@
|
|
3
|
+
"_id": "@syncfusion/ej2-base@18.44.0",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-3pnl+euDLQ1d8wXDgfFymfITBxDdARstErc7iHxLoFCEC5ww7m/tAu5gU5yZ5w6o7KEy+i1MK0GcmYbiFkERYQ==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-base",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -20,11 +20,23 @@
|
|
|
20
20
|
"/",
|
|
21
21
|
"/@syncfusion/ej2",
|
|
22
22
|
"/@syncfusion/ej2-angular-base",
|
|
23
|
+
"/@syncfusion/ej2-angular-buttons",
|
|
24
|
+
"/@syncfusion/ej2-angular-calendars",
|
|
23
25
|
"/@syncfusion/ej2-angular-charts",
|
|
26
|
+
"/@syncfusion/ej2-angular-diagrams",
|
|
24
27
|
"/@syncfusion/ej2-angular-documenteditor",
|
|
28
|
+
"/@syncfusion/ej2-angular-dropdowns",
|
|
29
|
+
"/@syncfusion/ej2-angular-filemanager",
|
|
30
|
+
"/@syncfusion/ej2-angular-gantt",
|
|
25
31
|
"/@syncfusion/ej2-angular-grids",
|
|
26
|
-
"/@syncfusion/ej2-angular-
|
|
32
|
+
"/@syncfusion/ej2-angular-inputs",
|
|
33
|
+
"/@syncfusion/ej2-angular-maps",
|
|
27
34
|
"/@syncfusion/ej2-angular-pdfviewer",
|
|
35
|
+
"/@syncfusion/ej2-angular-pivotview",
|
|
36
|
+
"/@syncfusion/ej2-angular-querybuilder",
|
|
37
|
+
"/@syncfusion/ej2-angular-schedule",
|
|
38
|
+
"/@syncfusion/ej2-angular-spreadsheet",
|
|
39
|
+
"/@syncfusion/ej2-angular-treegrid",
|
|
28
40
|
"/@syncfusion/ej2-barcode-generator",
|
|
29
41
|
"/@syncfusion/ej2-buttons",
|
|
30
42
|
"/@syncfusion/ej2-calendars",
|
|
@@ -55,11 +67,23 @@
|
|
|
55
67
|
"/@syncfusion/ej2-progressbar",
|
|
56
68
|
"/@syncfusion/ej2-querybuilder",
|
|
57
69
|
"/@syncfusion/ej2-react-base",
|
|
70
|
+
"/@syncfusion/ej2-react-buttons",
|
|
71
|
+
"/@syncfusion/ej2-react-calendars",
|
|
58
72
|
"/@syncfusion/ej2-react-charts",
|
|
73
|
+
"/@syncfusion/ej2-react-diagrams",
|
|
59
74
|
"/@syncfusion/ej2-react-documenteditor",
|
|
75
|
+
"/@syncfusion/ej2-react-dropdowns",
|
|
76
|
+
"/@syncfusion/ej2-react-filemanager",
|
|
77
|
+
"/@syncfusion/ej2-react-gantt",
|
|
60
78
|
"/@syncfusion/ej2-react-grids",
|
|
61
|
-
"/@syncfusion/ej2-react-
|
|
79
|
+
"/@syncfusion/ej2-react-inputs",
|
|
80
|
+
"/@syncfusion/ej2-react-maps",
|
|
62
81
|
"/@syncfusion/ej2-react-pdfviewer",
|
|
82
|
+
"/@syncfusion/ej2-react-pivotview",
|
|
83
|
+
"/@syncfusion/ej2-react-querybuilder",
|
|
84
|
+
"/@syncfusion/ej2-react-schedule",
|
|
85
|
+
"/@syncfusion/ej2-react-spreadsheet",
|
|
86
|
+
"/@syncfusion/ej2-react-treegrid",
|
|
63
87
|
"/@syncfusion/ej2-richtexteditor",
|
|
64
88
|
"/@syncfusion/ej2-schedule",
|
|
65
89
|
"/@syncfusion/ej2-splitbuttons",
|
|
@@ -68,14 +92,26 @@
|
|
|
68
92
|
"/@syncfusion/ej2-treegrid",
|
|
69
93
|
"/@syncfusion/ej2-treemap",
|
|
70
94
|
"/@syncfusion/ej2-vue-base",
|
|
95
|
+
"/@syncfusion/ej2-vue-buttons",
|
|
96
|
+
"/@syncfusion/ej2-vue-calendars",
|
|
71
97
|
"/@syncfusion/ej2-vue-charts",
|
|
98
|
+
"/@syncfusion/ej2-vue-diagrams",
|
|
72
99
|
"/@syncfusion/ej2-vue-documenteditor",
|
|
100
|
+
"/@syncfusion/ej2-vue-dropdowns",
|
|
101
|
+
"/@syncfusion/ej2-vue-filemanager",
|
|
102
|
+
"/@syncfusion/ej2-vue-gantt",
|
|
73
103
|
"/@syncfusion/ej2-vue-grids",
|
|
74
|
-
"/@syncfusion/ej2-vue-
|
|
75
|
-
"/@syncfusion/ej2-vue-
|
|
104
|
+
"/@syncfusion/ej2-vue-inputs",
|
|
105
|
+
"/@syncfusion/ej2-vue-maps",
|
|
106
|
+
"/@syncfusion/ej2-vue-pdfviewer",
|
|
107
|
+
"/@syncfusion/ej2-vue-pivotview",
|
|
108
|
+
"/@syncfusion/ej2-vue-querybuilder",
|
|
109
|
+
"/@syncfusion/ej2-vue-schedule",
|
|
110
|
+
"/@syncfusion/ej2-vue-spreadsheet",
|
|
111
|
+
"/@syncfusion/ej2-vue-treegrid"
|
|
76
112
|
],
|
|
77
|
-
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-base/-/ej2-base-
|
|
78
|
-
"_shasum": "
|
|
113
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-18.44.0.tgz",
|
|
114
|
+
"_shasum": "183dd0a95ceb7959d35c3774ad97d4aa917e8c59",
|
|
79
115
|
"_spec": "@syncfusion/ej2-base@*",
|
|
80
116
|
"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
|
|
81
117
|
"author": {
|
|
@@ -86,7 +122,7 @@
|
|
|
86
122
|
},
|
|
87
123
|
"bundleDependencies": false,
|
|
88
124
|
"dependencies": {
|
|
89
|
-
"@syncfusion/ej2-icons": "~19.
|
|
125
|
+
"@syncfusion/ej2-icons": "~19.4.38"
|
|
90
126
|
},
|
|
91
127
|
"deprecated": false,
|
|
92
128
|
"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
|
|
@@ -127,6 +163,6 @@
|
|
|
127
163
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
128
164
|
},
|
|
129
165
|
"typings": "index.d.ts",
|
|
130
|
-
"version": "19.
|
|
166
|
+
"version": "19.4.42",
|
|
131
167
|
"sideEffects": true
|
|
132
168
|
}
|
package/src/animation.js
CHANGED
|
@@ -271,7 +271,7 @@ export { Animation };
|
|
|
271
271
|
export function rippleEffect(element, rippleOptions, done) {
|
|
272
272
|
var rippleModel = getRippleModel(rippleOptions);
|
|
273
273
|
if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
|
|
274
|
-
return
|
|
274
|
+
return (function () { });
|
|
275
275
|
}
|
|
276
276
|
element.setAttribute('data-ripple', 'true');
|
|
277
277
|
EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });
|
package/src/draggable-model.d.ts
CHANGED
package/src/draggable.d.ts
CHANGED
|
@@ -189,6 +189,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
|
|
|
189
189
|
isPreventSelect: boolean;
|
|
190
190
|
/**
|
|
191
191
|
* Specifies the callback function for drag event.
|
|
192
|
+
|
|
192
193
|
* @event
|
|
193
194
|
*/
|
|
194
195
|
drag: Function;
|
|
@@ -273,8 +274,8 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
|
|
|
273
274
|
*/
|
|
274
275
|
tapHoldThreshold: number;
|
|
275
276
|
/**
|
|
276
|
-
|
|
277
|
-
|
|
277
|
+
* @private
|
|
278
|
+
*/
|
|
278
279
|
enableScrollHandler: boolean;
|
|
279
280
|
private target;
|
|
280
281
|
/**
|
|
@@ -298,6 +299,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
|
|
|
298
299
|
private prevLeft;
|
|
299
300
|
private prevTop;
|
|
300
301
|
private dragProcessStarted;
|
|
302
|
+
private eleTop;
|
|
301
303
|
private tapHoldTimer;
|
|
302
304
|
private dragElePosition;
|
|
303
305
|
currentStateTarget: any;
|
package/src/draggable.js
CHANGED
|
@@ -75,6 +75,7 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
75
75
|
_this.prevTop = 0;
|
|
76
76
|
_this.dragProcessStarted = false;
|
|
77
77
|
/* tslint:disable no-any */
|
|
78
|
+
_this.eleTop = 0;
|
|
78
79
|
_this.tapHoldTimer = 0;
|
|
79
80
|
_this.externalInitialize = false;
|
|
80
81
|
_this.diffY = 0;
|
|
@@ -298,6 +299,11 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
298
299
|
if (this.clone && marginTop !== 0) {
|
|
299
300
|
pos.top += marginTop;
|
|
300
301
|
}
|
|
302
|
+
this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
|
|
303
|
+
/* istanbul ignore next */
|
|
304
|
+
// if (this.eleTop > 0) {
|
|
305
|
+
// pos.top += this.eleTop;
|
|
306
|
+
// }
|
|
301
307
|
if (this.enableScrollHandler && !this.clone) {
|
|
302
308
|
pos.top -= this.parentScrollY;
|
|
303
309
|
pos.left -= this.parentScrollX;
|
|
@@ -409,7 +415,6 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
409
415
|
var dLeft = this.position.left - this.diffX;
|
|
410
416
|
var dTop = this.position.top - this.diffY;
|
|
411
417
|
var styles = getComputedStyle(helperElement);
|
|
412
|
-
var marginTop = parseFloat(styles.marginTop);
|
|
413
418
|
if (this.dragArea) {
|
|
414
419
|
if (this.pageX !== pagex || this.skipDistanceCheck) {
|
|
415
420
|
var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
|
|
@@ -458,41 +463,46 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
458
463
|
this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
|
|
459
464
|
draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
|
|
460
465
|
draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
466
|
+
}
|
|
467
|
+
else {
|
|
468
|
+
draEleTop = top - iTop;
|
|
469
|
+
draEleLeft = left - iLeft;
|
|
470
|
+
}
|
|
471
|
+
var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
|
|
472
|
+
// when drag-element has margin-top
|
|
473
|
+
/* istanbul ignore next */
|
|
474
|
+
if (marginTop > 0) {
|
|
475
|
+
if (this.clone) {
|
|
476
|
+
draEleTop += marginTop;
|
|
477
|
+
if (dTop < 0) {
|
|
478
|
+
if ((marginTop + dTop) >= 0) {
|
|
479
|
+
draEleTop = marginTop + dTop;
|
|
480
|
+
}
|
|
481
|
+
else {
|
|
482
|
+
draEleTop -= marginTop;
|
|
473
483
|
}
|
|
474
|
-
draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
|
|
475
484
|
}
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
draEleTop = tempDraEleTop;
|
|
484
|
-
}
|
|
485
|
+
draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
|
|
486
|
+
}
|
|
487
|
+
if ((top - iTop) < 0) {
|
|
488
|
+
if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
|
|
489
|
+
var tempDraEleTop = this.dragLimit.top + dTop - iTop;
|
|
490
|
+
if ((tempDraEleTop + marginTop + iTop) < 0) {
|
|
491
|
+
draEleTop -= marginTop + iTop;
|
|
485
492
|
}
|
|
486
493
|
else {
|
|
487
|
-
draEleTop
|
|
494
|
+
draEleTop = tempDraEleTop;
|
|
488
495
|
}
|
|
489
496
|
}
|
|
497
|
+
else {
|
|
498
|
+
draEleTop -= marginTop + iTop;
|
|
499
|
+
}
|
|
490
500
|
}
|
|
491
501
|
}
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
}
|
|
502
|
+
/* istanbul ignore next */
|
|
503
|
+
// if(this.eleTop > 0) {
|
|
504
|
+
// draEleTop += this.eleTop;
|
|
505
|
+
// }
|
|
496
506
|
if (this.enableScrollHandler && !this.clone) {
|
|
497
507
|
draEleTop -= this.parentScrollY;
|
|
498
508
|
draEleLeft -= this.parentScrollX;
|
|
@@ -665,11 +675,6 @@ var Draggable = /** @class */ (function (_super) {
|
|
|
665
675
|
pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
|
|
666
676
|
pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
|
|
667
677
|
}
|
|
668
|
-
if (!this.clone && this.dragArea && !isdragscroll) {
|
|
669
|
-
this.getScrollableValues();
|
|
670
|
-
pageY -= this.tempScrollHeight ? this.parentScrollY : 0;
|
|
671
|
-
pageX -= this.tempScrollWidth ? this.parentScrollX : 0;
|
|
672
|
-
}
|
|
673
678
|
return {
|
|
674
679
|
left: pageX - (this.margin.left + this.cursorAt.left),
|
|
675
680
|
top: pageY - (this.margin.top + this.cursorAt.top)
|
package/src/intl/intl-base.js
CHANGED
|
@@ -1177,7 +1177,7 @@ export var IntlBase;
|
|
|
1177
1177
|
}
|
|
1178
1178
|
iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
|
|
1179
1179
|
if (mapper) {
|
|
1180
|
-
firstDay = mapper[iCulture] || defaultFirstDay;
|
|
1180
|
+
firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
|
|
1181
1181
|
}
|
|
1182
1182
|
return firstDayMapper[firstDay];
|
|
1183
1183
|
}
|
|
@@ -1215,7 +1215,7 @@ export var IntlBase;
|
|
|
1215
1215
|
if (day < 4) {
|
|
1216
1216
|
weeknum = Math.floor((daynum + day - 1) / 7) + 1;
|
|
1217
1217
|
if (weeknum > 52) {
|
|
1218
|
-
var nYear = new Date(
|
|
1218
|
+
var nYear = new Date(date.getFullYear() + 1, 0, 1);
|
|
1219
1219
|
var nday = nYear.getDay();
|
|
1220
1220
|
nday = nday >= 0 ? nday : nday + 7;
|
|
1221
1221
|
weeknum = nday < 4 ? 1 : 53;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@import 'common/mixin.scss';
|
|
2
|
+
@import 'definition/fluent-dark.scss';
|
|
3
|
+
|
|
4
|
+
$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
|
|
5
|
+
$font-size: 12px !default;
|
|
6
|
+
$font-weight: 400 !default;
|
|
7
|
+
$error-font-color: $danger !default;
|
|
8
|
+
$warning-font-color: $orange20 !default;
|
|
9
|
+
$success-font-color: $green20 !default;
|
|
10
|
+
$information-font-color: $white !default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@import 'common/mixin.scss';
|
|
2
|
+
@import 'definition/fluent.scss';
|
|
3
|
+
|
|
4
|
+
$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
|
|
5
|
+
$font-size: 12px !default;
|
|
6
|
+
$font-weight: 400 !default;
|
|
7
|
+
$error-font-color: $danger !default;
|
|
8
|
+
$warning-font-color: $orange20 !default;
|
|
9
|
+
$success-font-color: $green20 !default;
|
|
10
|
+
$information-font-color: $white !default;
|