@syncfusion/ej2-inputs 19.4.42 → 19.4.52

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

@@ -4675,7 +4675,7 @@ let Slider = class Slider extends Component {
         this.initializeTooltipProps();
     }
     initializeTooltipProps() {
-        let tooltipShowOn = this.isMaterialTooltip ? 'Always' : (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
+        let 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);
@@ -6181,6 +6181,12 @@ let Slider = class Slider extends Component {
             }
             else {
                 this.sliderContainer.classList.remove(classNames.sliderHover);
+                const 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();
+                }
             }
         }
     }
@@ -11205,6 +11211,9 @@ let ColorPicker = class ColorPicker extends Component {
         hsvContainer.appendChild(this.createElement('div', { className: HSVAREA }));
         const 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();