@syncfusion/ej2-inputs 21.2.8 → 21.2.9

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

@@ -11657,7 +11657,7 @@ 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) {
+        if (this.value === null || this.value === '') {
             this.value = '#008000ff';
         }
         this.rgb = this.hexToRgb(this.value);
@@ -12460,12 +12460,23 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
     };
     ColorPicker.prototype.paletteKeyDown = function (e) {
         var target = e.target;
-        if (!target.classList.contains(PALETTES)) {
-            return;
-        }
         var selectedEle;
         var idx;
         var tiles = [].slice.call(selectAll('.' + TILE, target));
+        if ((target.classList.contains('e-palette') || target.classList.contains('e-tile')) && (e.keyCode === 9 && !e.shiftKey)) {
+            if (this.modeSwitcher || this.showButtons) {
+                this.getPopupEle().querySelector('.e-btn').focus();
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }
+        else if ((target.classList.contains('e-palette') || target.classList.contains('e-tile')) && (e.keyCode === 9 && e.shiftKey)) {
+            if (this.splitBtn) {
+                this.splitBtn.element.focus();
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }
         var prevSelectedEle = (tiles.filter(function (tile) { return tile.classList.contains('e-selected'); })).pop();
         switch (!e.altKey && e.keyCode) {
             case 39:
@@ -13008,6 +13019,10 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                     preview.style.backgroundColor = this.convertToRgbString(this.hexToRgb(newProp.value));
                 }
             }
+            else if (this.noColor && this.mode === 'Palette' && this.value === '') {
+                var preview = this.splitBtn && select('.' + SPLITPREVIEW, this.splitBtn.element);
+                preview.style.backgroundColor = '';
+            }
             else {
                 this.value = oldProp.value;
             }