@syncfusion/ej2-navigations 21.2.3 → 21.2.4

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

@@ -1810,9 +1810,29 @@ let MenuBase = class MenuBase extends Component {
         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
+                const ev = document.createEvent('MouseEvents');
+                ev.initEvent("click", true, false);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                let 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
+    copyObject(source, destination) {
+        for (const prop in source) {
+            destination[`${prop}`] = source[`${prop}`];
+        }
+        return destination;
+    }
     calculateIndentSize(ul, li) {
         const liStyle = getComputedStyle(li);
         let liIndent = parseInt(liStyle.textIndent, 10);
@@ -2953,7 +2973,7 @@ let MenuBase = class MenuBase extends Component {
             }
             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);
@@ -7536,12 +7556,9 @@ let Tab = class Tab extends Component {
             const count = this.hdrEle.children.length;
             const hdrItems = [];
             for (let 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);
-                }
                 const tabItems = this.createElement('div', { className: CLS_ITEMS$1 });
                 this.hdrEle.appendChild(tabItems);
                 hdrItems.forEach((item, index) => {
@@ -7550,7 +7567,7 @@ let Tab = class Tab extends Component {
                         className: CLS_ITEM$2, id: CLS_ITEM$2 + this.tabId + '_' + index
                     };
                     const txt = this.createElement('span', {
-                        className: CLS_TEXT, innerHTML: item, attrs: { 'role': 'presentation' }
+                        className: CLS_TEXT, attrs: { 'role': 'presentation' }
                     }).outerHTML;
                     const cont = this.createElement('div', {
                         className: CLS_TEXT_WRAP, innerHTML: txt + this.btnCls.outerHTML
@@ -7559,6 +7576,7 @@ let Tab = class Tab extends Component {
                         className: CLS_WRAP, innerHTML: cont,
                         attrs: { role: 'tab', tabIndex: '-1', 'aria-selected': 'false', 'aria-controls': CLS_CONTENT$1 + this.tabId + '_' + index, 'aria-disabled': 'false' }
                     });
+                    wrap.querySelector('.' + CLS_TEXT).appendChild(item);
                     tabItems.appendChild(this.createElement('div', attr));
                     selectAll('.' + CLS_ITEM$2, tabItems)[index].appendChild(wrap);
                 });