@syncfusion/ej2-navigations 21.2.6 → 21.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.6
+*  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-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@21.2.5",
+  "_id": "@syncfusion/ej2-navigations@21.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-w6/rmRJuiQ/w1MLzkDK3cgYSoFU/ZgRCxOK+1mrWCE3O+2cNEWK3FEKRE/FzTMYDKqYiupQH3xqYQMH9lesjLw==",
+  "_integrity": "sha512-Y0QyJlwVcReJZ7MuHkXXViY7svJOa10kD3+02yxGpik+D8bP4On1czu7ZDCsMfypt/vLY0cwazXL5VorYz8piw==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.5.tgz",
-  "_shasum": "97b3f5525e0413b72bdb904471da8d0813513c34",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.8.tgz",
+  "_shasum": "2e90b8a32c4ab7240d0b141119a28af4f113af60",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -51,11 +51,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-base": "~21.2.9",
     "@syncfusion/ej2-buttons": "~21.2.6",
-    "@syncfusion/ej2-data": "~21.2.6",
-    "@syncfusion/ej2-inputs": "~21.2.6",
-    "@syncfusion/ej2-lists": "~21.2.6",
+    "@syncfusion/ej2-data": "~21.2.9",
+    "@syncfusion/ej2-inputs": "~21.2.9",
+    "@syncfusion/ej2-lists": "~21.2.9",
     "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.6",
+  "version": "21.2.9",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -476,9 +476,17 @@ var MenuBase = /** @class */ (function (_super) {
         return index;
     };
     MenuBase.prototype.getUlByNavIdx = function (navIdxLen) {
+        var _this = this;
         if (navIdxLen === void 0) { navIdxLen = this.navIdx.length; }
         if (this.isMenu) {
-            var popup = [this.getWrapper()].concat([].slice.call(selectAll('.' + POPUP)))[navIdxLen];
+            var popups_1 = [];
+            var allPopup = selectAll('.' + POPUP);
+            allPopup.forEach(function (elem) {
+                if (_this.element.id === elem.id.split('-')[2]) {
+                    popups_1.push(elem);
+                }
+            });
+            var popup = [this.getWrapper()].concat([].slice.call(popups_1))[navIdxLen];
             return isNullOrUndefined(popup) ? null : select('.e-menu-parent', popup);
         }
         else {
@@ -2089,7 +2097,8 @@ var MenuBase = /** @class */ (function (_super) {
             index = navIdx.pop();
             ul = this.getUlByNavIdx(navIdx.length);
             if (ul) {
-                if (ishide) {
+                var validUl = isUniqueId ? ul.children[index].id : ul.children[index].textContent;
+                if (ishide && validUl === items[i]) {
                     ul.children[index].classList.add(HIDE);
                 }
                 else {

package/src/toolbar/toolbar.d.ts

@@ -389,6 +389,8 @@ export declare class Toolbar extends Component<HTMLElement> implements INotifyPr
      */
     disable(value: boolean): void;
     private eleContains;
+    private focusFirstVisibleEle;
+    private focusLastVisibleEle;
     private eleFocus;
     private clickHandler;
     private popupClickHandler;

package/src/toolbar/toolbar.js

@@ -411,20 +411,20 @@ var Toolbar = /** @class */ (function (_super) {
                         if (isVisible(this.popObj.element)) {
                             nodes = [].slice.call(popupCheck.children);
                             if (e.action === 'home') {
-                                ele = nodes[0];
+                                ele = this.focusFirstVisibleEle(nodes);
                             }
                             else {
-                                ele = nodes[nodes.length - 1];
+                                ele = this.focusLastVisibleEle(nodes);
                             }
                         }
                     }
                     else {
                         nodes = this.element.querySelectorAll('.' + CLS_ITEMS + ' .' + CLS_ITEM + ':not(.' + CLS_SEPARATOR + ')');
                         if (e.action === 'home') {
-                            ele = nodes[0];
+                            ele = this.focusFirstVisibleEle(nodes);
                         }
                         else {
-                            ele = nodes[nodes.length - 1];
+                            ele = this.focusLastVisibleEle(nodes);
                         }
                     }
                     if (ele) {
@@ -538,6 +538,30 @@ var Toolbar = /** @class */ (function (_super) {
     Toolbar.prototype.eleContains = function (el) {
         return el.classList.contains(CLS_SEPARATOR) || el.classList.contains(CLS_DISABLE) || el.getAttribute('disabled') || el.classList.contains(CLS_HIDDEN) || !isVisible(el) || !el.classList.contains(CLS_ITEM);
     };
+    Toolbar.prototype.focusFirstVisibleEle = function (nodes) {
+        var element;
+        var index = 0;
+        while (index < nodes.length) {
+            var ele = nodes[parseInt(index.toString(), 10)];
+            if (!ele.classList.contains(CLS_HIDDEN) && !ele.classList.contains(CLS_DISABLE)) {
+                return ele;
+            }
+            index++;
+        }
+        return element;
+    };
+    Toolbar.prototype.focusLastVisibleEle = function (nodes) {
+        var element;
+        var index = nodes.length - 1;
+        while (index >= 0) {
+            var ele = nodes[parseInt(index.toString(), 10)];
+            if (!ele.classList.contains(CLS_HIDDEN) && !ele.classList.contains(CLS_DISABLE)) {
+                return ele;
+            }
+            index--;
+        }
+        return element;
+    };
     Toolbar.prototype.eleFocus = function (closest, pos) {
         var sib = Object(closest)[pos + 'ElementSibling'];
         if (sib) {
@@ -1181,12 +1205,10 @@ var Toolbar = /** @class */ (function (_super) {
             if (checkoffset) {
                 if (inEle[parseInt(i.toString(), 10)].classList.contains(CLS_SEPARATOR)) {
                     if (this.overflowMode === 'Extended') {
-                        if (itemCount === itemPopCount) {
-                            var sepEle = inEle[parseInt(i.toString(), 10)];
-                            if (checkClass(sepEle, [CLS_SEPARATOR, CLS_TBARIGNORE])) {
-                                inEle[parseInt(i.toString(), 10)].classList.add(CLS_POPUP);
-                                itemPopCount++;
-                            }
+                        var sepEle = inEle[parseInt(i.toString(), 10)];
+                        if (checkClass(sepEle, [CLS_SEPARATOR, CLS_TBARIGNORE])) {
+                            inEle[parseInt(i.toString(), 10)].classList.add(CLS_POPUP);
+                            itemPopCount++;
                         }
                         itemCount++;
                     }
@@ -2150,10 +2172,7 @@ var Toolbar = /** @class */ (function (_super) {
                     break;
                 case 'width':
                     setStyle(tEle, { 'width': formatUnit(newProp.width) });
-                    this.renderOverflowMode();
-                    if (this.popObj && wid < tEle.offsetWidth) {
-                        this.popupRefresh(this.popObj.element, false);
-                    }
+                    this.refreshOverflow();
                     break;
                 case 'height':
                     setStyle(this.element, { 'height': formatUnit(newProp.height) });