@syncfusion/ej2-base 19.3.57 → 19.4.52

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 +10 -6
  4. package/{ReadMe.md → README.md} +3 -3
  5. package/dist/ej2-base.umd.min.js +10 -1
  6. package/dist/ej2-base.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-base.es2015.js +53 -41
  8. package/dist/es6/ej2-base.es2015.js.map +1 -1
  9. package/dist/es6/ej2-base.es5.js +52 -40
  10. package/dist/es6/ej2-base.es5.js.map +1 -1
  11. package/dist/global/ej2-base.min.js +10 -1
  12. package/dist/global/ej2-base.min.js.map +1 -1
  13. package/dist/global/index.d.ts +9 -0
  14. package/package.json +212 -146
  15. package/src/component.d.ts +1 -0
  16. package/src/component.js +5 -0
  17. package/src/draggable-model.d.ts +1 -0
  18. package/src/draggable.d.ts +4 -2
  19. package/src/draggable.js +38 -33
  20. package/src/intl/intl-base.js +8 -6
  21. package/src/template.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
@@ -2723,7 +2723,7 @@ var IntlBase;
2723
2723
  (function (IntlBase) {
2724
2724
  // tslint:disable-next-line:max-line-length
2725
2725
  IntlBase.negativeDataRegex = /^(('[^']+'|''|[^*#@0,.E])*)(\*.)?((([#,]*[0,]*0+)(\.0*[0-9]*#*)?)|([#,]*@+#*))(E\+?0+)?(('[^']+'|''|[^*#@0,.E])*)$/;
2726
- IntlBase.customRegex = /^(('[^']+'|''|[^*#@0,.])*)(\*.)?((([0#,]*[0,]*[0#]*)(\.[0#]*)?)|([#,]*@+#*))(E\+?0+)?(('[^']+'|''|[^*#@0,.E])*)$/;
2726
+ IntlBase.customRegex = /^(('[^']+'|''|[^*#@0,.])*)(\*.)?((([0#,]*[0,]*[0#]*[0#\ ]*)(\.[0#]*)?)|([#,]*@+#*))(E\+?0+)?(('[^']+'|''|[^*#@0,.E])*)$/;
2727
2727
  IntlBase.latnParseRegex = /0|1|2|3|4|5|6|7|8|9/g;
2728
2728
  const fractionRegex = /[0-9]/g;
2729
2729
  IntlBase.defaultCurrency = '$';
@@ -3577,8 +3577,10 @@ var IntlBase;
3577
3577
  cOptions.nlead = pattern[1];
3578
3578
  cOptions.nend = pattern[10];
3579
3579
  let integerPart = pattern[6];
3580
- cOptions.useGrouping = integerPart.indexOf(',') !== -1;
3581
- integerPart = integerPart.replace(/,/g, '');
3580
+ const spaceCapture = integerPart.match(/\ $/g) ? true : false;
3581
+ const spaceGrouping = integerPart.replace(/\ $/g, '').indexOf(' ') !== -1;
3582
+ cOptions.useGrouping = integerPart.indexOf(',') !== -1 || spaceGrouping;
3583
+ integerPart = spaceGrouping ? integerPart.replace(/,/g, '') : integerPart.replace(/,/g, '').replace(/\ $/g, '');
3582
3584
  const fractionPart = pattern[7];
3583
3585
  if (integerPart.indexOf('0') !== -1) {
3584
3586
  cOptions.minimumIntegerDigits = integerPart.length - integerPart.indexOf('0');
@@ -3606,11 +3608,11 @@ var IntlBase;
3606
3608
  const symbolPattern = getSymbolPattern(cOptions.type, dOptions.numberMapper.numberSystem, numObject, false);
3607
3609
  if (cOptions.useGrouping) {
3608
3610
  // eslint-disable-next-line
3609
- cOptions.groupSeparator = dOptions.numberMapper.numberSymbols[mapper[2]];
3611
+ cOptions.groupSeparator = spaceGrouping ? ' ' : dOptions.numberMapper.numberSymbols[mapper[2]];
3610
3612
  cOptions.groupData = NumberFormat.getGroupingDetails(symbolPattern.split(';')[0]);
3611
3613
  }
3612
3614
  cOptions.nlead = cOptions.nlead.replace(/'/g, '');
3613
- cOptions.nend = cOptions.nend.replace(/'/g, '');
3615
+ cOptions.nend = spaceCapture ? ' ' + cOptions.nend.replace(/'/g, '') : cOptions.nend.replace(/'/g, '');
3614
3616
  }
3615
3617
  return cOptions;
3616
3618
  }
@@ -3867,7 +3869,7 @@ var IntlBase;
3867
3869
  }
3868
3870
  iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
3869
3871
  if (mapper) {
3870
- firstDay = mapper[iCulture] || defaultFirstDay;
3872
+ firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
3871
3873
  }
3872
3874
  return firstDayMapper[firstDay];
3873
3875
  }
@@ -6872,6 +6874,11 @@ let Component = class Component extends Base {
6872
6874
  }
6873
6875
  }
6874
6876
  //tslint:disable-next-line
6877
+ appendReactElement(element, container) {
6878
+ //No Code
6879
+ }
6880
+ ;
6881
+ //tslint:disable-next-line
6875
6882
  renderReactTemplates() {
6876
6883
  //No Code
6877
6884
  }
@@ -7020,6 +7027,7 @@ let Draggable = Draggable_1 = class Draggable extends Base {
7020
7027
  this.prevTop = 0;
7021
7028
  this.dragProcessStarted = false;
7022
7029
  /* tslint:disable no-any */
7030
+ this.eleTop = 0;
7023
7031
  this.tapHoldTimer = 0;
7024
7032
  this.externalInitialize = false;
7025
7033
  this.diffY = 0;
@@ -7240,6 +7248,11 @@ let Draggable = Draggable_1 = class Draggable extends Base {
7240
7248
  if (this.clone && marginTop !== 0) {
7241
7249
  pos.top += marginTop;
7242
7250
  }
7251
+ this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
7252
+ /* istanbul ignore next */
7253
+ // if (this.eleTop > 0) {
7254
+ // pos.top += this.eleTop;
7255
+ // }
7243
7256
  if (this.enableScrollHandler && !this.clone) {
7244
7257
  pos.top -= this.parentScrollY;
7245
7258
  pos.left -= this.parentScrollX;
@@ -7351,7 +7364,6 @@ let Draggable = Draggable_1 = class Draggable extends Base {
7351
7364
  let dLeft = this.position.left - this.diffX;
7352
7365
  let dTop = this.position.top - this.diffY;
7353
7366
  let styles = getComputedStyle(helperElement);
7354
- let marginTop = parseFloat(styles.marginTop);
7355
7367
  if (this.dragArea) {
7356
7368
  if (this.pageX !== pagex || this.skipDistanceCheck) {
7357
7369
  let helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
@@ -7400,41 +7412,46 @@ let Draggable = Draggable_1 = class Draggable extends Base {
7400
7412
  this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
7401
7413
  draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
7402
7414
  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
- }
7415
+ }
7416
+ else {
7417
+ draEleTop = top - iTop;
7418
+ draEleLeft = left - iLeft;
7419
+ }
7420
+ let marginTop = parseFloat(getComputedStyle(this.element).marginTop);
7421
+ // when drag-element has margin-top
7422
+ /* istanbul ignore next */
7423
+ if (marginTop > 0) {
7424
+ if (this.clone) {
7425
+ draEleTop += marginTop;
7426
+ if (dTop < 0) {
7427
+ if ((marginTop + dTop) >= 0) {
7428
+ draEleTop = marginTop + dTop;
7429
+ }
7430
+ else {
7431
+ draEleTop -= marginTop;
7415
7432
  }
7416
- draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
7417
7433
  }
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
- }
7434
+ draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
7435
+ }
7436
+ if ((top - iTop) < 0) {
7437
+ if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
7438
+ let tempDraEleTop = this.dragLimit.top + dTop - iTop;
7439
+ if ((tempDraEleTop + marginTop + iTop) < 0) {
7440
+ draEleTop -= marginTop + iTop;
7427
7441
  }
7428
7442
  else {
7429
- draEleTop -= marginTop + iTop;
7443
+ draEleTop = tempDraEleTop;
7430
7444
  }
7431
7445
  }
7446
+ else {
7447
+ draEleTop -= marginTop + iTop;
7448
+ }
7432
7449
  }
7433
7450
  }
7434
- else {
7435
- draEleTop = top - iTop;
7436
- draEleLeft = left - iLeft;
7437
- }
7451
+ /* istanbul ignore next */
7452
+ // if(this.eleTop > 0) {
7453
+ // draEleTop += this.eleTop;
7454
+ // }
7438
7455
  if (this.enableScrollHandler && !this.clone) {
7439
7456
  draEleTop -= this.parentScrollY;
7440
7457
  draEleLeft -= this.parentScrollX;
@@ -7607,11 +7624,6 @@ let Draggable = Draggable_1 = class Draggable extends Base {
7607
7624
  pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
7608
7625
  pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
7609
7626
  }
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
7627
  return {
7616
7628
  left: pageX - (this.margin.left + this.cursorAt.left),
7617
7629
  top: pageY - (this.margin.top + this.cursorAt.top)
@@ -8542,7 +8554,7 @@ function compile$1(template, helper, ignorePrefix) {
8542
8554
  const evalExpResult = evalExp(template, argName, helper, ignorePrefix);
8543
8555
  const condtion = `var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-■\\s]+)['])/g);
8544
8556
  var hrefRegex = (/(?:href)([\\s='"./]+)([\\w-./?=&\\\\#"]+)((.)([\\w)(!-;/?-■\\s]+)['])/g);
8545
- if(str.match(valueRegEx)){
8557
+ if((str.match(valueRegEx)) && (str.match('svg') === null)){
8546
8558
  var check = str.match(valueRegEx);
8547
8559
  var str1 = str;
8548
8560
  for (var i=0; i < check.length; i++) {
@@ -8554,7 +8566,7 @@ function compile$1(template, helper, ignorePrefix) {
8554
8566
  str = str.replace(str, str1);
8555
8567
  }
8556
8568
  else if (str.match(/(?:href='')/) === null) {
8557
- if(str.match(hrefRegex)) {
8569
+ if((str.match(hrefRegex)) && (str.match('svg') === null)) {
8558
8570
  var check = str.match(hrefRegex);
8559
8571
  var str1 = str;
8560
8572
  for (var i=0; i < check.length; i++) {