@syncfusion/ej2-base 19.3.53 → 19.4.38

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 (51) 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 +0 -2
  4. package/README.md +1 -1
  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 +52 -45
  8. package/dist/es6/ej2-base.es2015.js.map +1 -1
  9. package/dist/es6/ej2-base.es5.js +42 -37
  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 +6 -6
  15. package/src/animation.js +1 -1
  16. package/src/draggable-model.d.ts +1 -0
  17. package/src/draggable.d.ts +4 -2
  18. package/src/draggable.js +38 -33
  19. package/src/intl/intl-base.js +2 -2
  20. package/src/template.js +1 -1
  21. package/styles/_fluent-dark-definition.scss +10 -0
  22. package/styles/_fluent-definition.scss +10 -0
  23. package/styles/bootstrap-dark.css +31 -0
  24. package/styles/bootstrap.css +31 -0
  25. package/styles/bootstrap4.css +31 -0
  26. package/styles/bootstrap5-dark.css +31 -0
  27. package/styles/bootstrap5.css +31 -0
  28. package/styles/common/_core.scss +36 -0
  29. package/styles/definition/_bootstrap-dark.scss +1 -0
  30. package/styles/definition/_bootstrap.scss +1 -0
  31. package/styles/definition/_bootstrap4.scss +1 -0
  32. package/styles/definition/_bootstrap5-dark.scss +1 -0
  33. package/styles/definition/_bootstrap5.scss +2 -1
  34. package/styles/definition/_fabric-dark.scss +1 -0
  35. package/styles/definition/_fabric.scss +1 -0
  36. package/styles/definition/_fluent-dark.scss +408 -0
  37. package/styles/definition/_fluent.scss +410 -0
  38. package/styles/definition/_highcontrast-light.scss +1 -0
  39. package/styles/definition/_highcontrast.scss +1 -0
  40. package/styles/definition/_material-dark.scss +1 -0
  41. package/styles/definition/_material.scss +1 -0
  42. package/styles/definition/_tailwind-dark.scss +1 -0
  43. package/styles/definition/_tailwind.scss +1 -0
  44. package/styles/fabric-dark.css +31 -0
  45. package/styles/fabric.css +31 -0
  46. package/styles/highcontrast-light.css +31 -0
  47. package/styles/highcontrast.css +31 -0
  48. package/styles/material-dark.css +31 -0
  49. package/styles/material.css +31 -0
  50. package/styles/tailwind-dark.css +32 -629
  51. package/styles/tailwind.css +32 -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
  }
@@ -3951,7 +3951,7 @@ var IntlBase;
3951
3951
  if (day < 4) {
3952
3952
  weeknum = Math.floor((daynum + day - 1) / 7) + 1;
3953
3953
  if (weeknum > 52) {
3954
- var nYear = new Date(this.getFullYear() + 1, 0, 1);
3954
+ var nYear = new Date(date.getFullYear() + 1, 0, 1);
3955
3955
  var nday = nYear.getDay();
3956
3956
  nday = nday >= 0 ? nday : nday + 7;
3957
3957
  weeknum = nday < 4 ? 1 : 53;
@@ -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 });
@@ -7242,6 +7242,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
7242
7242
  _this.prevTop = 0;
7243
7243
  _this.dragProcessStarted = false;
7244
7244
  /* tslint:disable no-any */
7245
+ _this.eleTop = 0;
7245
7246
  _this.tapHoldTimer = 0;
7246
7247
  _this.externalInitialize = false;
7247
7248
  _this.diffY = 0;
@@ -7465,6 +7466,11 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
7465
7466
  if (this.clone && marginTop !== 0) {
7466
7467
  pos.top += marginTop;
7467
7468
  }
7469
+ this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
7470
+ /* istanbul ignore next */
7471
+ // if (this.eleTop > 0) {
7472
+ // pos.top += this.eleTop;
7473
+ // }
7468
7474
  if (this.enableScrollHandler && !this.clone) {
7469
7475
  pos.top -= this.parentScrollY;
7470
7476
  pos.left -= this.parentScrollX;
@@ -7576,7 +7582,6 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
7576
7582
  var dLeft = this.position.left - this.diffX;
7577
7583
  var dTop = this.position.top - this.diffY;
7578
7584
  var styles = getComputedStyle(helperElement);
7579
- var marginTop = parseFloat(styles.marginTop);
7580
7585
  if (this.dragArea) {
7581
7586
  if (this.pageX !== pagex || this.skipDistanceCheck) {
7582
7587
  var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
@@ -7625,41 +7630,46 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
7625
7630
  this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
7626
7631
  draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
7627
7632
  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
- }
7633
+ }
7634
+ else {
7635
+ draEleTop = top - iTop;
7636
+ draEleLeft = left - iLeft;
7637
+ }
7638
+ var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
7639
+ // when drag-element has margin-top
7640
+ /* istanbul ignore next */
7641
+ if (marginTop > 0) {
7642
+ if (this.clone) {
7643
+ draEleTop += marginTop;
7644
+ if (dTop < 0) {
7645
+ if ((marginTop + dTop) >= 0) {
7646
+ draEleTop = marginTop + dTop;
7647
+ }
7648
+ else {
7649
+ draEleTop -= marginTop;
7640
7650
  }
7641
- draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
7642
7651
  }
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
- }
7652
+ draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
7653
+ }
7654
+ if ((top - iTop) < 0) {
7655
+ if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
7656
+ var tempDraEleTop = this.dragLimit.top + dTop - iTop;
7657
+ if ((tempDraEleTop + marginTop + iTop) < 0) {
7658
+ draEleTop -= marginTop + iTop;
7652
7659
  }
7653
7660
  else {
7654
- draEleTop -= marginTop + iTop;
7661
+ draEleTop = tempDraEleTop;
7655
7662
  }
7656
7663
  }
7664
+ else {
7665
+ draEleTop -= marginTop + iTop;
7666
+ }
7657
7667
  }
7658
7668
  }
7659
- else {
7660
- draEleTop = top - iTop;
7661
- draEleLeft = left - iLeft;
7662
- }
7669
+ /* istanbul ignore next */
7670
+ // if(this.eleTop > 0) {
7671
+ // draEleTop += this.eleTop;
7672
+ // }
7663
7673
  if (this.enableScrollHandler && !this.clone) {
7664
7674
  draEleTop -= this.parentScrollY;
7665
7675
  draEleLeft -= this.parentScrollX;
@@ -7832,11 +7842,6 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
7832
7842
  pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
7833
7843
  pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
7834
7844
  }
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
7845
  return {
7841
7846
  left: pageX - (this.margin.left + this.cursorAt.left),
7842
7847
  top: pageY - (this.margin.top + this.cursorAt.top)
@@ -8825,7 +8830,7 @@ var WINDOWFUNC = /\window\./gm;
8825
8830
  function compile$1(template, helper, ignorePrefix) {
8826
8831
  var argName = 'data';
8827
8832
  var evalExpResult = evalExp(template, argName, helper, ignorePrefix);
8828
- var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n if(str.match(valueRegEx)){\n var check = str.match(valueRegEx);\n var str1 = str;\n for (var i=0; i < check.length; i++) {\n var check1 = str.match(valueRegEx)[i].split('value=')[1];\n var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n str1 = str1.replace(check1, change);\n }\n str = str.replace(str, str1);\n }\n else if(str.match(hrefRegex)) {\n var check = str.match(hrefRegex);\n var str1 = str;\n for (var i=0; i < check.length; i++) {\n var check1 = str.match(hrefRegex)[i].split('href=')[1];\n var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n str1 = str1.replace(check1, change);\n }\n str = str.replace(str, str1);\n }\n ";
8833
+ var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n if(str.match(valueRegEx)){\n var check = str.match(valueRegEx);\n var str1 = str;\n for (var i=0; i < check.length; i++) {\n var check1 = str.match(valueRegEx)[i].split('value=')[1];\n var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n str1 = str1.replace(check1, change);\n }\n str = str.replace(str, str1);\n }\n else if (str.match(/(?:href='')/) === null) {\n if(str.match(hrefRegex)) {\n var check = str.match(hrefRegex);\n var str1 = str;\n for (var i=0; i < check.length; i++) {\n var check1 = str.match(hrefRegex)[i].split('href=')[1];\n var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n str1 = str1.replace(check1, change);\n }\n str = str.replace(str, str1);\n }\n }\n ";
8829
8834
  var fnCode = "var str=\"" + evalExpResult + "\";" + condtion + " return str;";
8830
8835
  var fn = new Function(argName, fnCode);
8831
8836
  return fn.bind(helper);