@syncfusion/ej2-inputs 21.2.8 → 21.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.8
+*  version : 21.2.9
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@21.2.6",
+  "_id": "@syncfusion/ej2-inputs@21.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-XylzaJl07b20IRO3VyzzUsJAwybdvgfdOTTnqKoamMnEJn9osvj/OMXxlt6PGMBCVFo9jITu/zhUzP7kwWSgrA==",
+  "_integrity": "sha512-02NHXJ1oyYe+Xo8nAJLjd6420EQWAyHivfz8n+kNuvV1uLWJGzRXCL9gNydLzOSmEEZLhaqdLCsRizYLXW3x9Q==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-21.2.6.tgz",
-  "_shasum": "447eccfafe9700f79647961396e57e4538de24bb",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-21.2.8.tgz",
+  "_shasum": "1979ac5dcfd13ce9c0ed6408411791b297b3b444",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -48,7 +48,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-base": "~21.2.9",
     "@syncfusion/ej2-buttons": "~21.2.6",
     "@syncfusion/ej2-popups": "~21.2.4",
     "@syncfusion/ej2-splitbuttons": "~21.2.5"
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "21.2.8",
+  "version": "21.2.9",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/color-picker/color-picker.js

@@ -383,7 +383,7 @@ var ColorPicker = /** @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);
@@ -1186,12 +1186,23 @@ var ColorPicker = /** @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:
@@ -1734,6 +1745,10 @@ var ColorPicker = /** @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;
             }