@syncfusion/ej2-navigations 21.2.3 → 21.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.3
+*  version : 21.2.4
 *  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.1.39",
+  "_id": "@syncfusion/ej2-navigations@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-LXURD1NblzCtfWkgSdsnFYKt3LcHcRlWBxoI5dBdb4uio2Ju8Y80X0+taSCjULEMietJhe1xO2D0xbmqgi/txg==",
+  "_integrity": "sha512-wkXN1stY02EuXHBfwv7RtsJsFvnKxYNoT74/VZu+Dqe2dMMx1JH8zDLVbjIVflAo3BiDRTKs6erEjJB4ErtUUQ==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,6 +19,7 @@
   "_requiredBy": [
     "/",
     "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-navigations",
     "/@syncfusion/ej2-charts",
     "/@syncfusion/ej2-diagrams",
     "/@syncfusion/ej2-documenteditor",
@@ -31,13 +32,15 @@
     "/@syncfusion/ej2-kanban",
     "/@syncfusion/ej2-pdfviewer",
     "/@syncfusion/ej2-pivotview",
+    "/@syncfusion/ej2-react-navigations",
     "/@syncfusion/ej2-ribbon",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-spreadsheet"
+    "/@syncfusion/ej2-spreadsheet",
+    "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.1.39.tgz",
-  "_shasum": "c78f848138fe60bf60ae30dde184c1f92cdf8e20",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.3.tgz",
+  "_shasum": "e53c4fd12005ea2d5c63cd9b9b7d97deb07ba785",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -50,10 +53,10 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
     "@syncfusion/ej2-buttons": "~21.2.3",
-    "@syncfusion/ej2-data": "~21.2.3",
-    "@syncfusion/ej2-inputs": "~21.2.3",
+    "@syncfusion/ej2-data": "~21.2.4",
+    "@syncfusion/ej2-inputs": "~21.2.4",
     "@syncfusion/ej2-lists": "~21.2.3",
-    "@syncfusion/ej2-popups": "~21.2.3"
+    "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -158,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.3",
+  "version": "21.2.4",
   "sideEffects": false
 }

package/src/common/menu-base.d.ts

@@ -356,6 +356,7 @@ export declare abstract class MenuBase extends Component<HTMLUListElement> imple
     protected openMenu(li: Element, item: MenuItemModel | {
         [key: string]: Object;
     }, top?: number, left?: number, e?: MouseEvent | KeyboardEvent, target?: HTMLElement): void;
+    private copyObject;
     private calculateIndentSize;
     private generatePopup;
     protected createHeaderContainer(wrapper?: Element): void;

package/src/common/menu-base.js

@@ -839,9 +839,29 @@ var MenuBase = /** @class */ (function (_super) {
         else {
             this.uList = this.element;
             this.uList.style.zIndex = getZindexPartial(target ? target : this.element).toString();
-            this.triggerBeforeOpen(li, this.uList, item, e, top, left, 'none');
+            if (isNullOrUndefined(e)) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var ev = document.createEvent('MouseEvents');
+                ev.initEvent("click", true, false);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var targetEvent = this.copyObject(ev, {});
+                targetEvent.target = targetEvent.srcElement = target;
+                targetEvent.currentTarget = target;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this.triggerBeforeOpen(li, this.uList, item, targetEvent, top, left, 'none');
+            }
+            else {
+                this.triggerBeforeOpen(li, this.uList, item, e, top, left, 'none');
+            }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    MenuBase.prototype.copyObject = function (source, destination) {
+        for (var prop in source) {
+            destination["" + prop] = source["" + prop];
+        }
+        return destination;
+    };
     MenuBase.prototype.calculateIndentSize = function (ul, li) {
         var liStyle = getComputedStyle(li);
         var liIndent = parseInt(liStyle.textIndent, 10);
@@ -2008,7 +2028,7 @@ var MenuBase = /** @class */ (function (_super) {
             }
             idx = navIdx.pop();
             ul = this.getUlByNavIdx(navIdx.length);
-            if (ul) {
+            if (ul && !isNullOrUndefined(idx)) {
                 if (enable) {
                     if (this.isMenu) {
                         ul.children[idx].classList.remove(disabled);

package/src/tab/tab.js

@@ -385,12 +385,9 @@ var Tab = /** @class */ (function (_super) {
             var count = this.hdrEle.children.length;
             var hdrItems = [];
             for (var i = 0; i < count; i++) {
-                hdrItems.push(this.hdrEle.children.item(i).innerHTML);
+                hdrItems.push(this.hdrEle.children.item(i));
             }
             if (count > 0) {
-                while (this.hdrEle.firstElementChild) {
-                    detach(this.hdrEle.firstElementChild);
-                }
                 var tabItems_1 = this.createElement('div', { className: CLS_ITEMS });
                 this.hdrEle.appendChild(tabItems_1);
                 hdrItems.forEach(function (item, index) {
@@ -399,7 +396,7 @@ var Tab = /** @class */ (function (_super) {
                         className: CLS_ITEM, id: CLS_ITEM + _this.tabId + '_' + index
                     };
                     var txt = _this.createElement('span', {
-                        className: CLS_TEXT, innerHTML: item, attrs: { 'role': 'presentation' }
+                        className: CLS_TEXT, attrs: { 'role': 'presentation' }
                     }).outerHTML;
                     var cont = _this.createElement('div', {
                         className: CLS_TEXT_WRAP, innerHTML: txt + _this.btnCls.outerHTML
@@ -408,6 +405,7 @@ var Tab = /** @class */ (function (_super) {
                         className: CLS_WRAP, innerHTML: cont,
                         attrs: { role: 'tab', tabIndex: '-1', 'aria-selected': 'false', 'aria-controls': CLS_CONTENT + _this.tabId + '_' + index, 'aria-disabled': 'false' }
                     });
+                    wrap.querySelector('.' + CLS_TEXT).appendChild(item);
                     tabItems_1.appendChild(_this.createElement('div', attr));
                     selectAll('.' + CLS_ITEM, tabItems_1)[index].appendChild(wrap);
                 });