@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.
- package/CHANGELOG.md +16 -0
- package/dist/ej2-inputs.umd.min.js +2 -2
- package/dist/ej2-inputs.umd.min.js.map +1 -1
- package/dist/es6/ej2-inputs.es2015.js +15 -1
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +15 -1
- package/dist/es6/ej2-inputs.es5.js.map +1 -1
- package/dist/global/ej2-inputs.min.js +2 -2
- package/dist/global/ej2-inputs.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +9 -9
- package/src/color-picker/color-picker.js +3 -0
- package/src/numerictextbox/numerictextbox.js +5 -0
- package/src/slider/slider.js +7 -1
- package/styles/bootstrap-dark.css +8 -0
- package/styles/bootstrap.css +8 -0
- package/styles/bootstrap4.css +8 -0
- package/styles/bootstrap5-dark.css +9 -1
- package/styles/bootstrap5.css +9 -1
- package/styles/color-picker/_theme.scss +13 -1
- package/styles/color-picker/bootstrap-dark.css +8 -0
- package/styles/color-picker/bootstrap.css +8 -0
- package/styles/color-picker/bootstrap4.css +8 -0
- package/styles/color-picker/bootstrap5-dark.css +9 -1
- package/styles/color-picker/bootstrap5.css +9 -1
- package/styles/color-picker/fabric-dark.css +8 -0
- package/styles/color-picker/fabric.css +8 -0
- package/styles/color-picker/highcontrast-light.css +8 -0
- package/styles/color-picker/highcontrast.css +8 -0
- package/styles/color-picker/material-dark.css +8 -0
- package/styles/color-picker/material.css +8 -0
- package/styles/color-picker/tailwind-dark.css +8 -0
- package/styles/color-picker/tailwind.css +8 -0
- package/styles/fabric-dark.css +8 -0
- package/styles/fabric.css +8 -0
- package/styles/highcontrast-light.css +8 -0
- package/styles/highcontrast.css +8 -0
- package/styles/material-dark.css +8 -0
- package/styles/material.css +8 -0
- package/styles/tailwind-dark.css +8 -0
- 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 =
|
|
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();
|