@syncfusion/ej2-base 19.3.56 → 19.4.48
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 +3 -9
- package/README.md +3 -3
- 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 +45 -35
- package/dist/es6/ej2-base.es2015.js.map +1 -1
- package/dist/es6/ej2-base.es5.js +45 -35
- 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 +73 -7
- package/src/animation.js +1 -1
- package/src/component.d.ts +1 -0
- package/src/component.js +5 -0
- 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 +1 -1
- 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
|
@@ -3867,7 +3867,7 @@ var IntlBase;
|
|
|
3867
3867
|
}
|
|
3868
3868
|
iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
|
|
3869
3869
|
if (mapper) {
|
|
3870
|
-
firstDay = mapper[iCulture] || defaultFirstDay;
|
|
3870
|
+
firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
|
|
3871
3871
|
}
|
|
3872
3872
|
return firstDayMapper[firstDay];
|
|
3873
3873
|
}
|
|
@@ -6122,7 +6122,7 @@ Animation = Animation_1 = __decorate([
|
|
|
6122
6122
|
function rippleEffect(element, rippleOptions, done) {
|
|
6123
6123
|
const rippleModel = getRippleModel(rippleOptions);
|
|
6124
6124
|
if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
|
|
6125
|
-
return
|
|
6125
|
+
return (() => { });
|
|
6126
6126
|
}
|
|
6127
6127
|
element.setAttribute('data-ripple', 'true');
|
|
6128
6128
|
EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });
|
|
@@ -6872,6 +6872,11 @@ let Component = class Component extends Base {
|
|
|
6872
6872
|
}
|
|
6873
6873
|
}
|
|
6874
6874
|
//tslint:disable-next-line
|
|
6875
|
+
appendReactElement(element, container) {
|
|
6876
|
+
//No Code
|
|
6877
|
+
}
|
|
6878
|
+
;
|
|
6879
|
+
//tslint:disable-next-line
|
|
6875
6880
|
renderReactTemplates() {
|
|
6876
6881
|
//No Code
|
|
6877
6882
|
}
|
|
@@ -7020,6 +7025,7 @@ let Draggable = Draggable_1 = class Draggable extends Base {
|
|
|
7020
7025
|
this.prevTop = 0;
|
|
7021
7026
|
this.dragProcessStarted = false;
|
|
7022
7027
|
/* tslint:disable no-any */
|
|
7028
|
+
this.eleTop = 0;
|
|
7023
7029
|
this.tapHoldTimer = 0;
|
|
7024
7030
|
this.externalInitialize = false;
|
|
7025
7031
|
this.diffY = 0;
|
|
@@ -7240,6 +7246,11 @@ let Draggable = Draggable_1 = class Draggable extends Base {
|
|
|
7240
7246
|
if (this.clone && marginTop !== 0) {
|
|
7241
7247
|
pos.top += marginTop;
|
|
7242
7248
|
}
|
|
7249
|
+
this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
|
|
7250
|
+
/* istanbul ignore next */
|
|
7251
|
+
// if (this.eleTop > 0) {
|
|
7252
|
+
// pos.top += this.eleTop;
|
|
7253
|
+
// }
|
|
7243
7254
|
if (this.enableScrollHandler && !this.clone) {
|
|
7244
7255
|
pos.top -= this.parentScrollY;
|
|
7245
7256
|
pos.left -= this.parentScrollX;
|
|
@@ -7351,7 +7362,6 @@ let Draggable = Draggable_1 = class Draggable extends Base {
|
|
|
7351
7362
|
let dLeft = this.position.left - this.diffX;
|
|
7352
7363
|
let dTop = this.position.top - this.diffY;
|
|
7353
7364
|
let styles = getComputedStyle(helperElement);
|
|
7354
|
-
let marginTop = parseFloat(styles.marginTop);
|
|
7355
7365
|
if (this.dragArea) {
|
|
7356
7366
|
if (this.pageX !== pagex || this.skipDistanceCheck) {
|
|
7357
7367
|
let helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
|
|
@@ -7400,41 +7410,46 @@ let Draggable = Draggable_1 = class Draggable extends Base {
|
|
|
7400
7410
|
this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
|
|
7401
7411
|
draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
|
|
7402
7412
|
draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
|
|
7403
|
-
|
|
7404
|
-
|
|
7405
|
-
|
|
7406
|
-
|
|
7407
|
-
|
|
7408
|
-
|
|
7409
|
-
|
|
7410
|
-
|
|
7411
|
-
|
|
7412
|
-
|
|
7413
|
-
|
|
7414
|
-
|
|
7413
|
+
}
|
|
7414
|
+
else {
|
|
7415
|
+
draEleTop = top - iTop;
|
|
7416
|
+
draEleLeft = left - iLeft;
|
|
7417
|
+
}
|
|
7418
|
+
let marginTop = parseFloat(getComputedStyle(this.element).marginTop);
|
|
7419
|
+
// when drag-element has margin-top
|
|
7420
|
+
/* istanbul ignore next */
|
|
7421
|
+
if (marginTop > 0) {
|
|
7422
|
+
if (this.clone) {
|
|
7423
|
+
draEleTop += marginTop;
|
|
7424
|
+
if (dTop < 0) {
|
|
7425
|
+
if ((marginTop + dTop) >= 0) {
|
|
7426
|
+
draEleTop = marginTop + dTop;
|
|
7427
|
+
}
|
|
7428
|
+
else {
|
|
7429
|
+
draEleTop -= marginTop;
|
|
7415
7430
|
}
|
|
7416
|
-
draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
|
|
7417
7431
|
}
|
|
7418
|
-
|
|
7419
|
-
|
|
7420
|
-
|
|
7421
|
-
|
|
7422
|
-
|
|
7423
|
-
|
|
7424
|
-
|
|
7425
|
-
draEleTop = tempDraEleTop;
|
|
7426
|
-
}
|
|
7432
|
+
draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
|
|
7433
|
+
}
|
|
7434
|
+
if ((top - iTop) < 0) {
|
|
7435
|
+
if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
|
|
7436
|
+
let tempDraEleTop = this.dragLimit.top + dTop - iTop;
|
|
7437
|
+
if ((tempDraEleTop + marginTop + iTop) < 0) {
|
|
7438
|
+
draEleTop -= marginTop + iTop;
|
|
7427
7439
|
}
|
|
7428
7440
|
else {
|
|
7429
|
-
draEleTop
|
|
7441
|
+
draEleTop = tempDraEleTop;
|
|
7430
7442
|
}
|
|
7431
7443
|
}
|
|
7444
|
+
else {
|
|
7445
|
+
draEleTop -= marginTop + iTop;
|
|
7446
|
+
}
|
|
7432
7447
|
}
|
|
7433
7448
|
}
|
|
7434
|
-
|
|
7435
|
-
|
|
7436
|
-
|
|
7437
|
-
}
|
|
7449
|
+
/* istanbul ignore next */
|
|
7450
|
+
// if(this.eleTop > 0) {
|
|
7451
|
+
// draEleTop += this.eleTop;
|
|
7452
|
+
// }
|
|
7438
7453
|
if (this.enableScrollHandler && !this.clone) {
|
|
7439
7454
|
draEleTop -= this.parentScrollY;
|
|
7440
7455
|
draEleLeft -= this.parentScrollX;
|
|
@@ -7607,11 +7622,6 @@ let Draggable = Draggable_1 = class Draggable extends Base {
|
|
|
7607
7622
|
pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
|
|
7608
7623
|
pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
|
|
7609
7624
|
}
|
|
7610
|
-
if (!this.clone && this.dragArea && !isdragscroll) {
|
|
7611
|
-
this.getScrollableValues();
|
|
7612
|
-
pageY -= this.tempScrollHeight ? this.parentScrollY : 0;
|
|
7613
|
-
pageX -= this.tempScrollWidth ? this.parentScrollX : 0;
|
|
7614
|
-
}
|
|
7615
7625
|
return {
|
|
7616
7626
|
left: pageX - (this.margin.left + this.cursorAt.left),
|
|
7617
7627
|
top: pageY - (this.margin.top + this.cursorAt.top)
|