@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
@@ -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 Function;
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
- // when drag-element has margin-top
7404
- /* istanbul ignore next */
7405
- if (marginTop > 0) {
7406
- if (this.clone) {
7407
- draEleTop += this.element.offsetTop;
7408
- if (dTop < 0) {
7409
- if ((this.element.offsetTop + dTop) >= 0) {
7410
- draEleTop = this.element.offsetTop + dTop;
7411
- }
7412
- else {
7413
- draEleTop -= this.element.offsetTop;
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
- if ((top - iTop) < 0) {
7419
- if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
7420
- let tempDraEleTop = this.dragLimit.top + dTop - iTop;
7421
- if ((tempDraEleTop + marginTop + iTop) < 0) {
7422
- draEleTop -= marginTop + iTop;
7423
- }
7424
- else {
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 -= marginTop + iTop;
7441
+ draEleTop = tempDraEleTop;
7430
7442
  }
7431
7443
  }
7444
+ else {
7445
+ draEleTop -= marginTop + iTop;
7446
+ }
7432
7447
  }
7433
7448
  }
7434
- else {
7435
- draEleTop = top - iTop;
7436
- draEleLeft = left - iLeft;
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)