@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
|
@@ -1438,6 +1438,10 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1438
1438
|
}
|
|
1439
1439
|
_this.element.setSelectionRange(_this.element.selectionStart, _this.element.selectionStart);
|
|
1440
1440
|
}
|
|
1441
|
+
if (_this.element.value[_this.element.selectionStart - 1] === decimalSeparator && _this.decimals === 0 && _this.validateDecimalOnType) {
|
|
1442
|
+
_this.element.value = _this.element.value.substring(0, prevPos) +
|
|
1443
|
+
_this.element.value.substring(currentPos, _this.element.value.length);
|
|
1444
|
+
}
|
|
1441
1445
|
}
|
|
1442
1446
|
_this.prevVal = _this.element.value;
|
|
1443
1447
|
}
|
|
@@ -1807,6 +1811,7 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1807
1811
|
}
|
|
1808
1812
|
};
|
|
1809
1813
|
NumericTextBox.prototype.mouseUpOnSpinner = function (event) {
|
|
1814
|
+
this.prevValue = this.value;
|
|
1810
1815
|
if (this.isPrevFocused) {
|
|
1811
1816
|
this.element.focus();
|
|
1812
1817
|
if (!Browser.isDevice) {
|
|
@@ -4771,7 +4776,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
|
|
|
4771
4776
|
this.initializeTooltipProps();
|
|
4772
4777
|
};
|
|
4773
4778
|
Slider.prototype.initializeTooltipProps = function () {
|
|
4774
|
-
var tooltipShowOn =
|
|
4779
|
+
var tooltipShowOn = (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
|
|
4775
4780
|
this.setProperties({ tooltip: { showOn: tooltipShowOn } }, true);
|
|
4776
4781
|
this.tooltipObj.position = this.tooltipPlacement();
|
|
4777
4782
|
this.tooltipCollision(this.tooltipObj.position);
|
|
@@ -6283,6 +6288,12 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
|
|
|
6283
6288
|
}
|
|
6284
6289
|
else {
|
|
6285
6290
|
this.sliderContainer.classList.remove(classNames.sliderHover);
|
|
6291
|
+
var curTarget = event.currentTarget;
|
|
6292
|
+
if (this.tooltip.isVisible && this.tooltip.showOn !== 'Always' && this.tooltipObj && this.isMaterialTooltip &&
|
|
6293
|
+
!curTarget.classList.contains(classNames.sliderHandleFocused) &&
|
|
6294
|
+
!curTarget.classList.contains(classNames.sliderTabHandle)) {
|
|
6295
|
+
this.closeMaterialTooltip();
|
|
6296
|
+
}
|
|
6286
6297
|
}
|
|
6287
6298
|
}
|
|
6288
6299
|
};
|
|
@@ -11443,6 +11454,9 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
11443
11454
|
hsvContainer.appendChild(this.createElement('div', { className: HSVAREA }));
|
|
11444
11455
|
var dragHandler = this.createElement('span', { className: HANDLER, attrs: { 'tabindex': '0' } });
|
|
11445
11456
|
hsvContainer.appendChild(dragHandler);
|
|
11457
|
+
if (this.value === null) {
|
|
11458
|
+
this.value = '#008000ff';
|
|
11459
|
+
}
|
|
11446
11460
|
this.rgb = this.hexToRgb(this.value);
|
|
11447
11461
|
this.hsv = this.rgbToHsv.apply(this, this.rgb);
|
|
11448
11462
|
this.setHsvContainerBg();
|