@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
package/dist/es6/ej2-base.es5.js
CHANGED
|
@@ -3913,7 +3913,7 @@ var IntlBase;
|
|
|
3913
3913
|
}
|
|
3914
3914
|
iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
|
|
3915
3915
|
if (mapper) {
|
|
3916
|
-
firstDay = mapper[iCulture] || defaultFirstDay;
|
|
3916
|
+
firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
|
|
3917
3917
|
}
|
|
3918
3918
|
return firstDayMapper[firstDay];
|
|
3919
3919
|
}
|
|
@@ -6290,7 +6290,7 @@ var Animation = /** @__PURE__ @class */ (function (_super) {
|
|
|
6290
6290
|
function rippleEffect(element, rippleOptions, done) {
|
|
6291
6291
|
var rippleModel = getRippleModel(rippleOptions);
|
|
6292
6292
|
if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
|
|
6293
|
-
return
|
|
6293
|
+
return (function () { });
|
|
6294
6294
|
}
|
|
6295
6295
|
element.setAttribute('data-ripple', 'true');
|
|
6296
6296
|
EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });
|
|
@@ -7067,6 +7067,11 @@ var Component = /** @__PURE__ @class */ (function (_super) {
|
|
|
7067
7067
|
}
|
|
7068
7068
|
}
|
|
7069
7069
|
};
|
|
7070
|
+
//tslint:disable-next-line
|
|
7071
|
+
Component.prototype.appendReactElement = function (element, container) {
|
|
7072
|
+
//No Code
|
|
7073
|
+
};
|
|
7074
|
+
|
|
7070
7075
|
//tslint:disable-next-line
|
|
7071
7076
|
Component.prototype.renderReactTemplates = function () {
|
|
7072
7077
|
//No Code
|
|
@@ -7242,6 +7247,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
|
|
|
7242
7247
|
_this.prevTop = 0;
|
|
7243
7248
|
_this.dragProcessStarted = false;
|
|
7244
7249
|
/* tslint:disable no-any */
|
|
7250
|
+
_this.eleTop = 0;
|
|
7245
7251
|
_this.tapHoldTimer = 0;
|
|
7246
7252
|
_this.externalInitialize = false;
|
|
7247
7253
|
_this.diffY = 0;
|
|
@@ -7465,6 +7471,11 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
|
|
|
7465
7471
|
if (this.clone && marginTop !== 0) {
|
|
7466
7472
|
pos.top += marginTop;
|
|
7467
7473
|
}
|
|
7474
|
+
this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
|
|
7475
|
+
/* istanbul ignore next */
|
|
7476
|
+
// if (this.eleTop > 0) {
|
|
7477
|
+
// pos.top += this.eleTop;
|
|
7478
|
+
// }
|
|
7468
7479
|
if (this.enableScrollHandler && !this.clone) {
|
|
7469
7480
|
pos.top -= this.parentScrollY;
|
|
7470
7481
|
pos.left -= this.parentScrollX;
|
|
@@ -7576,7 +7587,6 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
|
|
|
7576
7587
|
var dLeft = this.position.left - this.diffX;
|
|
7577
7588
|
var dTop = this.position.top - this.diffY;
|
|
7578
7589
|
var styles = getComputedStyle(helperElement);
|
|
7579
|
-
var marginTop = parseFloat(styles.marginTop);
|
|
7580
7590
|
if (this.dragArea) {
|
|
7581
7591
|
if (this.pageX !== pagex || this.skipDistanceCheck) {
|
|
7582
7592
|
var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
|
|
@@ -7625,41 +7635,46 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
|
|
|
7625
7635
|
this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
|
|
7626
7636
|
draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
|
|
7627
7637
|
draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
|
|
7628
|
-
|
|
7629
|
-
|
|
7630
|
-
|
|
7631
|
-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
|
|
7635
|
-
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
|
|
7639
|
-
|
|
7638
|
+
}
|
|
7639
|
+
else {
|
|
7640
|
+
draEleTop = top - iTop;
|
|
7641
|
+
draEleLeft = left - iLeft;
|
|
7642
|
+
}
|
|
7643
|
+
var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
|
|
7644
|
+
// when drag-element has margin-top
|
|
7645
|
+
/* istanbul ignore next */
|
|
7646
|
+
if (marginTop > 0) {
|
|
7647
|
+
if (this.clone) {
|
|
7648
|
+
draEleTop += marginTop;
|
|
7649
|
+
if (dTop < 0) {
|
|
7650
|
+
if ((marginTop + dTop) >= 0) {
|
|
7651
|
+
draEleTop = marginTop + dTop;
|
|
7652
|
+
}
|
|
7653
|
+
else {
|
|
7654
|
+
draEleTop -= marginTop;
|
|
7640
7655
|
}
|
|
7641
|
-
draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
|
|
7642
7656
|
}
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
draEleTop = tempDraEleTop;
|
|
7651
|
-
}
|
|
7657
|
+
draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
|
|
7658
|
+
}
|
|
7659
|
+
if ((top - iTop) < 0) {
|
|
7660
|
+
if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
|
|
7661
|
+
var tempDraEleTop = this.dragLimit.top + dTop - iTop;
|
|
7662
|
+
if ((tempDraEleTop + marginTop + iTop) < 0) {
|
|
7663
|
+
draEleTop -= marginTop + iTop;
|
|
7652
7664
|
}
|
|
7653
7665
|
else {
|
|
7654
|
-
draEleTop
|
|
7666
|
+
draEleTop = tempDraEleTop;
|
|
7655
7667
|
}
|
|
7656
7668
|
}
|
|
7669
|
+
else {
|
|
7670
|
+
draEleTop -= marginTop + iTop;
|
|
7671
|
+
}
|
|
7657
7672
|
}
|
|
7658
7673
|
}
|
|
7659
|
-
|
|
7660
|
-
|
|
7661
|
-
|
|
7662
|
-
}
|
|
7674
|
+
/* istanbul ignore next */
|
|
7675
|
+
// if(this.eleTop > 0) {
|
|
7676
|
+
// draEleTop += this.eleTop;
|
|
7677
|
+
// }
|
|
7663
7678
|
if (this.enableScrollHandler && !this.clone) {
|
|
7664
7679
|
draEleTop -= this.parentScrollY;
|
|
7665
7680
|
draEleLeft -= this.parentScrollX;
|
|
@@ -7832,11 +7847,6 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
|
|
|
7832
7847
|
pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
|
|
7833
7848
|
pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
|
|
7834
7849
|
}
|
|
7835
|
-
if (!this.clone && this.dragArea && !isdragscroll) {
|
|
7836
|
-
this.getScrollableValues();
|
|
7837
|
-
pageY -= this.tempScrollHeight ? this.parentScrollY : 0;
|
|
7838
|
-
pageX -= this.tempScrollWidth ? this.parentScrollX : 0;
|
|
7839
|
-
}
|
|
7840
7850
|
return {
|
|
7841
7851
|
left: pageX - (this.margin.left + this.cursorAt.left),
|
|
7842
7852
|
top: pageY - (this.margin.top + this.cursorAt.top)
|