@syncfusion/ej2-inputs 19.4.38 → 19.4.47

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 (41) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-inputs.umd.min.js +2 -2
  3. package/dist/ej2-inputs.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-inputs.es2015.js +15 -1
  5. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es5.js +15 -1
  7. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-inputs.min.js +2 -2
  9. package/dist/global/ej2-inputs.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/color-picker/color-picker.js +3 -0
  13. package/src/numerictextbox/numerictextbox.js +5 -0
  14. package/src/slider/slider.js +7 -1
  15. package/styles/bootstrap-dark.css +8 -0
  16. package/styles/bootstrap.css +8 -0
  17. package/styles/bootstrap4.css +8 -0
  18. package/styles/bootstrap5-dark.css +9 -1
  19. package/styles/bootstrap5.css +9 -1
  20. package/styles/color-picker/_theme.scss +13 -1
  21. package/styles/color-picker/bootstrap-dark.css +8 -0
  22. package/styles/color-picker/bootstrap.css +8 -0
  23. package/styles/color-picker/bootstrap4.css +8 -0
  24. package/styles/color-picker/bootstrap5-dark.css +9 -1
  25. package/styles/color-picker/bootstrap5.css +9 -1
  26. package/styles/color-picker/fabric-dark.css +8 -0
  27. package/styles/color-picker/fabric.css +8 -0
  28. package/styles/color-picker/highcontrast-light.css +8 -0
  29. package/styles/color-picker/highcontrast.css +8 -0
  30. package/styles/color-picker/material-dark.css +8 -0
  31. package/styles/color-picker/material.css +8 -0
  32. package/styles/color-picker/tailwind-dark.css +8 -0
  33. package/styles/color-picker/tailwind.css +8 -0
  34. package/styles/fabric-dark.css +8 -0
  35. package/styles/fabric.css +8 -0
  36. package/styles/highcontrast-light.css +8 -0
  37. package/styles/highcontrast.css +8 -0
  38. package/styles/material-dark.css +8 -0
  39. package/styles/material.css +8 -0
  40. package/styles/tailwind-dark.css +8 -0
  41. package/styles/tailwind.css +8 -0
@@ -1411,6 +1411,10 @@ let NumericTextBox = class NumericTextBox extends Component {
1411
1411
  }
1412
1412
  this.element.setSelectionRange(this.element.selectionStart, this.element.selectionStart);
1413
1413
  }
1414
+ if (this.element.value[this.element.selectionStart - 1] === decimalSeparator && this.decimals === 0 && this.validateDecimalOnType) {
1415
+ this.element.value = this.element.value.substring(0, prevPos) +
1416
+ this.element.value.substring(currentPos, this.element.value.length);
1417
+ }
1414
1418
  }
1415
1419
  this.prevVal = this.element.value;
1416
1420
  }
@@ -1777,6 +1781,7 @@ let NumericTextBox = class NumericTextBox extends Component {
1777
1781
  }
1778
1782
  }
1779
1783
  mouseUpOnSpinner(event) {
1784
+ this.prevValue = this.value;
1780
1785
  if (this.isPrevFocused) {
1781
1786
  this.element.focus();
1782
1787
  if (!Browser.isDevice) {
@@ -4670,7 +4675,7 @@ let Slider = class Slider extends Component {
4670
4675
  this.initializeTooltipProps();
4671
4676
  }
4672
4677
  initializeTooltipProps() {
4673
- let tooltipShowOn = this.isMaterialTooltip ? 'Always' : (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
4678
+ let tooltipShowOn = (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
4674
4679
  this.setProperties({ tooltip: { showOn: tooltipShowOn } }, true);
4675
4680
  this.tooltipObj.position = this.tooltipPlacement();
4676
4681
  this.tooltipCollision(this.tooltipObj.position);
@@ -6176,6 +6181,12 @@ let Slider = class Slider extends Component {
6176
6181
  }
6177
6182
  else {
6178
6183
  this.sliderContainer.classList.remove(classNames.sliderHover);
6184
+ const curTarget = event.currentTarget;
6185
+ if (this.tooltip.isVisible && this.tooltip.showOn !== 'Always' && this.tooltipObj && this.isMaterialTooltip &&
6186
+ !curTarget.classList.contains(classNames.sliderHandleFocused) &&
6187
+ !curTarget.classList.contains(classNames.sliderTabHandle)) {
6188
+ this.closeMaterialTooltip();
6189
+ }
6179
6190
  }
6180
6191
  }
6181
6192
  }
@@ -11200,6 +11211,9 @@ let ColorPicker = class ColorPicker extends Component {
11200
11211
  hsvContainer.appendChild(this.createElement('div', { className: HSVAREA }));
11201
11212
  const dragHandler = this.createElement('span', { className: HANDLER, attrs: { 'tabindex': '0' } });
11202
11213
  hsvContainer.appendChild(dragHandler);
11214
+ if (this.value === null) {
11215
+ this.value = '#008000ff';
11216
+ }
11203
11217
  this.rgb = this.hexToRgb(this.value);
11204
11218
  this.hsv = this.rgbToHsv.apply(this, this.rgb);
11205
11219
  this.setHsvContainerBg();