@syncfusion/ej2-inputs 19.4.42 → 19.4.52

package/dist/es6/ej2-inputs.es5.js

@@ -4776,7 +4776,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
         this.initializeTooltipProps();
     };
     Slider.prototype.initializeTooltipProps = function () {
-        var tooltipShowOn = this.isMaterialTooltip ? 'Always' : (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
+        var tooltipShowOn = (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
         this.setProperties({ tooltip: { showOn: tooltipShowOn } }, true);
         this.tooltipObj.position = this.tooltipPlacement();
         this.tooltipCollision(this.tooltipObj.position);
@@ -6288,6 +6288,12 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 this.sliderContainer.classList.remove(classNames.sliderHover);
+                var curTarget = event.currentTarget;
+                if (this.tooltip.isVisible && this.tooltip.showOn !== 'Always' && this.tooltipObj && this.isMaterialTooltip &&
+                    !curTarget.classList.contains(classNames.sliderHandleFocused) &&
+                    !curTarget.classList.contains(classNames.sliderTabHandle)) {
+                    this.closeMaterialTooltip();
+                }
             }
         }
     };
@@ -11448,6 +11454,9 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         hsvContainer.appendChild(this.createElement('div', { className: HSVAREA }));
         var dragHandler = this.createElement('span', { className: HANDLER, attrs: { 'tabindex': '0' } });
         hsvContainer.appendChild(dragHandler);
+        if (this.value === null) {
+            this.value = '#008000ff';
+        }
         this.rgb = this.hexToRgb(this.value);
         this.hsv = this.rgbToHsv.apply(this, this.rgb);
         this.setHsvContainerBg();