@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.
Files changed (49) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +60 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/feature.md +42 -0
  3. package/CHANGELOG.md +3 -9
  4. package/README.md +3 -3
  5. package/dist/ej2-base.umd.min.js +2 -2
  6. package/dist/ej2-base.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-base.es2015.js +45 -35
  8. package/dist/es6/ej2-base.es2015.js.map +1 -1
  9. package/dist/es6/ej2-base.es5.js +45 -35
  10. package/dist/es6/ej2-base.es5.js.map +1 -1
  11. package/dist/global/ej2-base.min.js +2 -2
  12. package/dist/global/ej2-base.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +73 -7
  15. package/src/animation.js +1 -1
  16. package/src/component.d.ts +1 -0
  17. package/src/component.js +5 -0
  18. package/src/draggable-model.d.ts +1 -0
  19. package/src/draggable.d.ts +4 -2
  20. package/src/draggable.js +38 -33
  21. package/src/intl/intl-base.js +1 -1
  22. package/styles/_fluent-dark-definition.scss +10 -0
  23. package/styles/_fluent-definition.scss +10 -0
  24. package/styles/bootstrap4.css +1 -1
  25. package/styles/bootstrap5-dark.css +1 -1
  26. package/styles/bootstrap5.css +1 -1
  27. package/styles/definition/_bootstrap-dark.scss +1 -0
  28. package/styles/definition/_bootstrap.scss +1 -0
  29. package/styles/definition/_bootstrap4.scss +1 -0
  30. package/styles/definition/_bootstrap5-dark.scss +1 -0
  31. package/styles/definition/_bootstrap5.scss +2 -1
  32. package/styles/definition/_fabric-dark.scss +1 -0
  33. package/styles/definition/_fabric.scss +1 -0
  34. package/styles/definition/_fluent-dark.scss +408 -0
  35. package/styles/definition/_fluent.scss +410 -0
  36. package/styles/definition/_highcontrast-light.scss +1 -0
  37. package/styles/definition/_highcontrast.scss +1 -0
  38. package/styles/definition/_material-dark.scss +1 -0
  39. package/styles/definition/_material.scss +1 -0
  40. package/styles/definition/_tailwind-dark.scss +1 -0
  41. package/styles/definition/_tailwind.scss +1 -0
  42. package/styles/fabric-dark.css +1 -1
  43. package/styles/fabric.css +1 -1
  44. package/styles/highcontrast-light.css +1 -1
  45. package/styles/highcontrast.css +1 -1
  46. package/styles/material-dark.css +1 -1
  47. package/styles/material.css +1 -1
  48. package/styles/tailwind-dark.css +1 -629
  49. package/styles/tailwind.css +1 -629
@@ -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 Function;
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
- // when drag-element has margin-top
7629
- /* istanbul ignore next */
7630
- if (marginTop > 0) {
7631
- if (this.clone) {
7632
- draEleTop += this.element.offsetTop;
7633
- if (dTop < 0) {
7634
- if ((this.element.offsetTop + dTop) >= 0) {
7635
- draEleTop = this.element.offsetTop + dTop;
7636
- }
7637
- else {
7638
- draEleTop -= this.element.offsetTop;
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
- if ((top - iTop) < 0) {
7644
- if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
7645
- var tempDraEleTop = this.dragLimit.top + dTop - iTop;
7646
- if ((tempDraEleTop + marginTop + iTop) < 0) {
7647
- draEleTop -= marginTop + iTop;
7648
- }
7649
- else {
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 -= marginTop + iTop;
7666
+ draEleTop = tempDraEleTop;
7655
7667
  }
7656
7668
  }
7669
+ else {
7670
+ draEleTop -= marginTop + iTop;
7671
+ }
7657
7672
  }
7658
7673
  }
7659
- else {
7660
- draEleTop = top - iTop;
7661
- draEleLeft = left - iLeft;
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)