@syncfusion/ej2-inputs 19.4.41 → 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.
- 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 +11 -1
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +11 -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 +1 -0
- package/src/slider/slider.js +7 -1
- package/styles/bootstrap-dark.css +0 -12
- package/styles/bootstrap.css +0 -12
- package/styles/bootstrap4.css +0 -12
- package/styles/bootstrap5-dark.css +0 -12
- package/styles/bootstrap5.css +0 -12
- package/styles/color-picker/_theme.scss +4 -7
- package/styles/color-picker/bootstrap-dark.css +0 -12
- package/styles/color-picker/bootstrap.css +0 -12
- package/styles/color-picker/bootstrap4.css +0 -12
- package/styles/color-picker/bootstrap5-dark.css +0 -12
- package/styles/color-picker/bootstrap5.css +0 -12
- package/styles/color-picker/fabric-dark.css +0 -12
- package/styles/color-picker/fabric.css +0 -12
- package/styles/color-picker/highcontrast-light.css +0 -12
- package/styles/color-picker/highcontrast.css +0 -12
- package/styles/color-picker/material-dark.css +0 -12
- package/styles/color-picker/material.css +0 -12
- package/styles/color-picker/tailwind-dark.css +1 -13
- package/styles/color-picker/tailwind.css +1 -13
- package/styles/fabric-dark.css +0 -12
- package/styles/fabric.css +0 -12
- package/styles/highcontrast-light.css +0 -12
- package/styles/highcontrast.css +0 -12
- package/styles/material-dark.css +0 -12
- package/styles/material.css +0 -12
- package/styles/tailwind-dark.css +1 -13
- package/styles/tailwind.css +1 -13
|
@@ -1781,6 +1781,7 @@ let NumericTextBox = class NumericTextBox extends Component {
|
|
|
1781
1781
|
}
|
|
1782
1782
|
}
|
|
1783
1783
|
mouseUpOnSpinner(event) {
|
|
1784
|
+
this.prevValue = this.value;
|
|
1784
1785
|
if (this.isPrevFocused) {
|
|
1785
1786
|
this.element.focus();
|
|
1786
1787
|
if (!Browser.isDevice) {
|
|
@@ -4674,7 +4675,7 @@ let Slider = class Slider extends Component {
|
|
|
4674
4675
|
this.initializeTooltipProps();
|
|
4675
4676
|
}
|
|
4676
4677
|
initializeTooltipProps() {
|
|
4677
|
-
let tooltipShowOn =
|
|
4678
|
+
let tooltipShowOn = (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
|
|
4678
4679
|
this.setProperties({ tooltip: { showOn: tooltipShowOn } }, true);
|
|
4679
4680
|
this.tooltipObj.position = this.tooltipPlacement();
|
|
4680
4681
|
this.tooltipCollision(this.tooltipObj.position);
|
|
@@ -6180,6 +6181,12 @@ let Slider = class Slider extends Component {
|
|
|
6180
6181
|
}
|
|
6181
6182
|
else {
|
|
6182
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
|
+
}
|
|
6183
6190
|
}
|
|
6184
6191
|
}
|
|
6185
6192
|
}
|
|
@@ -11204,6 +11211,9 @@ let ColorPicker = class ColorPicker extends Component {
|
|
|
11204
11211
|
hsvContainer.appendChild(this.createElement('div', { className: HSVAREA }));
|
|
11205
11212
|
const dragHandler = this.createElement('span', { className: HANDLER, attrs: { 'tabindex': '0' } });
|
|
11206
11213
|
hsvContainer.appendChild(dragHandler);
|
|
11214
|
+
if (this.value === null) {
|
|
11215
|
+
this.value = '#008000ff';
|
|
11216
|
+
}
|
|
11207
11217
|
this.rgb = this.hexToRgb(this.value);
|
|
11208
11218
|
this.hsv = this.rgbToHsv.apply(this, this.rgb);
|
|
11209
11219
|
this.setHsvContainerBg();
|