@syncfusion/ej2-navigations 33.2.3 → 33.2.6

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

@@ -3954,7 +3954,10 @@ let Toolbar = class Toolbar extends Component {
     }
     destroyItems() {
         if (this.element) {
-            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach((el) => { detach(el); });
+            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach((el) => {
+                EventHandler.remove(el, 'click', this.itemClick);
+                detach(el);
+            });
         }
         if (this.tbarAlign) {
             const tbarItems = this.element.querySelector('.' + CLS_ITEMS);
@@ -5545,6 +5548,7 @@ let Toolbar = class Toolbar extends Component {
             if (!isNullOrUndefined(btnItem) && !isNullOrUndefined(btnItem.ej2_instances[0]) && !(btnItem.ej2_instances[0].isDestroyed)) {
                 btnItem.ej2_instances[0].destroy();
             }
+            EventHandler.remove(innerItems[parseInt(index.toString(), 10)], 'click', this.itemClick);
             detach(innerItems[parseInt(index.toString(), 10)]);
             this.items.splice(eleIdx, 1);
             this.tbarEle.splice(eleIdx, 1);
@@ -5688,7 +5692,7 @@ let Toolbar = class Toolbar extends Component {
                     dom.setAttribute('aria-label', (item.text || item.tooltipText));
                     dom.setAttribute('aria-disabled', 'false');
                     innerEle.appendChild(dom);
-                    innerEle.addEventListener('click', this.itemClick.bind(this));
+                    EventHandler.add(innerEle, 'click', this.itemClick, this);
                     break;
                 case 'Separator':
                     this.add(innerEle, CLS_SEPARATOR);
@@ -5930,6 +5934,7 @@ let Toolbar = class Toolbar extends Component {
                             if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
                                 this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
                             }
+                            EventHandler.remove(itemCol[parseInt(index.toString(), 10)], 'click', this.itemClick);
                             detach(itemCol[parseInt(index.toString(), 10)]);
                             this.tbarEle.splice(index, 1);
                             this.addItems([this.items[parseInt(index.toString(), 10)]], index);
@@ -6620,6 +6625,11 @@ let Accordion = class Accordion extends Component {
         const innerEle = this.createElement('div', {
             className: CLS_ITEM$1, id: item.id || getUniqueID('acrdn_item')
         });
+        if (item.expanded && !isNullOrUndefined(index) && (!this.enablePersistence)) {
+            if (this.initExpand.indexOf(index) === -1) {
+                this.initExpand.push(index);
+            }
+        }
         if (this.headerTemplate) {
             const ctnEle = this.headerEleGenerate();
             const hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
@@ -6642,11 +6652,6 @@ let Accordion = class Accordion extends Component {
             innerEle.appendChild(ctnEle);
         }
         let hdr = select('.' + CLS_HEADER, innerEle);
-        if (item.expanded && !isNullOrUndefined(index) && (!this.enablePersistence)) {
-            if (this.initExpand.indexOf(index) === -1) {
-                this.initExpand.push(index);
-            }
-        }
         if (item.cssClass) {
             addClass([innerEle], item.cssClass.split(' '));
         }
@@ -7516,7 +7521,7 @@ let ContextMenu = class ContextMenu extends MenuBase {
         this.template = this.itemTemplate ? this.itemTemplate : null;
         this.addTemplateClass();
         super.initialize();
-        attributes(this.element, { 'role': 'menubar', 'tabindex': '0' });
+        attributes(this.element, { 'role': 'menu', 'tabindex': '0' });
         this.element.style.zIndex = getZindexPartial(this.element).toString();
     }
     /**
@@ -8864,11 +8869,17 @@ let Tab = class Tab extends Component {
         }
         else if (this.heightAdjustMode === 'Fill') {
             addClass([this.element], [CLS_FILL]);
-            const parent = this.element.parentElement;
-            const heightVal = parent.style.height || parent.getAttribute('height');
+            let parent = this.element.parentElement;
+            let heightVal = parent.style.height || parent.getAttribute('height');
+            while (parent && !heightVal) {
+                heightVal = parent.style.height || parent.getAttribute('height');
+                if (!heightVal) {
+                    parent = parent.parentElement;
+                }
+            }
             setStyleAttribute(this.element, { 'height': heightVal != null ? heightVal : '100%' });
             this.loadContentElement();
-            this.cntEle.style.height = heightVal != null ? `calc(${heightVal} - ${this.hdrEle.offsetHeight}px)` : 'calc(100vh - ' + this.hdrEle.offsetHeight + 'px)';
+            this.cntEle.style.height = heightVal != null ? `calc(${heightVal} - ${this.hdrEle.offsetHeight}px)` : 'calc(100vh - ' + (this.hdrEle.offsetHeight + this.hdrEle.scrollHeight) + 'px)';
         }
         else if (this.heightAdjustMode === 'Auto') {
             if (this.isTemplate === true) {
@@ -11482,6 +11493,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (isNullOrUndefined(data) || isNullOrUndefined(parentId)) {
             return [];
         }
+        if (!Array.isArray(data)) {
+            return [];
+        }
         if (this.dataType === 1) {
             const pidField = this.fields.parentID;
             const target = parentId.toString();
@@ -13839,7 +13853,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     const cNode = this.createElement('span', { className: DROPCOUNT, innerHTML: '' + nLen });
                     virtualEle.appendChild(cNode);
                 }
-                document.body.appendChild(virtualEle);
+                const appendToElement = this.getAppendToElement();
+                appendToElement.appendChild(virtualEle);
                 document.body.style.cursor = '';
                 this.dragData = this.getNodeData(this.dragLi);
                 return virtualEle;
@@ -13940,6 +13955,16 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         removeClass([this.element], DRAGGING);
         this.dragStartAction = false;
     }
+    getAppendToElement() {
+        if (this.isAngular) {
+            const cdkPane = this.element.closest('.cdk-overlay-pane');
+            const popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    }
     getOffsetX(event, target) {
         const touchList = event.changedTouches;
         if (touchList && touchList.length > 0) {