@syncfusion/ej2-navigations 33.2.4 → 33.2.7

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

@@ -5934,6 +5934,13 @@ let Toolbar = class Toolbar extends Component {
                             if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
                                 this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
                             }
+                            if (this.element.closest('.e-richtexteditor')) {
+                                const btnItem = itemCol[parseInt(index.toString(), 10)].querySelector('.e-control.e-btn');
+                                if (!isNullOrUndefined(btnItem) && !isNullOrUndefined(btnItem.ej2_instances[0]) &&
+                                    !(btnItem.ej2_instances[0].isDestroyed)) {
+                                    btnItem.ej2_instances[0].destroy();
+                                }
+                            }
                             EventHandler.remove(itemCol[parseInt(index.toString(), 10)], 'click', this.itemClick);
                             detach(itemCol[parseInt(index.toString(), 10)]);
                             this.tbarEle.splice(index, 1);
@@ -6633,9 +6640,8 @@ let Accordion = class Accordion extends Component {
             innerEle.appendChild(ctnEle);
             ctnEle.appendChild(this.toggleIconGenerate());
             this.add(innerEle, CLS_SLCT);
-            return innerEle;
         }
-        if (item.header && this.angularnativeCondiCheck(item, 'header')) {
+        else if (item.header && this.angularnativeCondiCheck(item, 'header')) {
             let header = item.header;
             if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
                 header = SanitizeHtmlHelper.sanitize(item.header);
@@ -6674,7 +6680,7 @@ let Accordion = class Accordion extends Component {
                 hdr.insertBefore(hdrIcnEle, hdr.childNodes[0]);
             }
         }
-        if (item.content && this.angularnativeCondiCheck(item, 'content')) {
+        if (item.content && this.angularnativeCondiCheck(item, 'content') && !this.headerTemplate) {
             const hdrIcon = this.toggleIconGenerate();
             if (isNullOrUndefined(hdr)) {
                 hdr = this.headerEleGenerate();
@@ -7521,7 +7527,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();
     }
     /**
@@ -8168,6 +8174,12 @@ let Tab = class Tab extends Component {
                 this.refreshActiveBorder();
             });
         }
+        if (this.isAngular && this.registeredTemplate && !isNullOrUndefined(this.registeredTemplate.headerTemplate)) {
+            setTimeout(() => {
+                this.refreshOverflow();
+                this.refreshActiveBorder();
+            }, 5);
+        }
     }
     renderContainer() {
         const ele = this.element;
@@ -9089,7 +9101,14 @@ let Tab = class Tab extends Component {
             tbPopObj.show(config);
         }
     }
-    bindDraggable() {
+    bindDraggable(refreshDraggableItems) {
+        if (refreshDraggableItems && this.draggableItems.length > 0) {
+            for (let i = 0; i < this.draggableItems.length; i++) {
+                this.draggableItems[i].destroy();
+                this.draggableItems[i] = null;
+            }
+            this.draggableItems = [];
+        }
         if (this.allowDragAndDrop) {
             const tabHeader = this.element.querySelector('.' + CLS_HEADER$1);
             if (tabHeader) {
@@ -10164,7 +10183,7 @@ let Tab = class Tab extends Component {
                     }
                     break;
                 case 'allowDragAndDrop':
-                    this.bindDraggable();
+                    this.bindDraggable(true);
                     break;
                 case 'swipeMode':
                     if (this.touchModule) {
@@ -10468,6 +10487,7 @@ const CHECKBOXRIPPLE = 'e-ripple-container';
 const RIPPLE = 'e-ripple';
 const RIPPLEELMENT = 'e-ripple-element';
 const FOCUS = 'e-node-focus';
+const FOCUSED$1 = 'e-focused';
 const IMAGE = 'e-list-img';
 const BIGGER = 'e-bigger';
 const SMALL = 'e-small';
@@ -11493,6 +11513,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();
@@ -12771,6 +12794,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             const focusedNode = this.getFocusedNode();
             if (focusedNode) {
                 removeClass([focusedNode], FOCUS);
+                removeClass([focusedNode], FOCUSED$1);
                 focusedNode.setAttribute('tabindex', '-1');
             }
             addClass([li], FOCUS);
@@ -13465,9 +13489,11 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     }
     setFocus(preNode, nextNode) {
         removeClass([preNode], FOCUS);
+        removeClass([preNode], FOCUSED$1);
         preNode.setAttribute('tabindex', '-1');
         if (!nextNode.classList.contains('e-disable')) {
             addClass([nextNode], FOCUS);
+            addClass([nextNode], FOCUSED$1);
             nextNode.setAttribute('tabindex', '0');
             nextNode.focus();
             EventHandler.add(nextNode, 'blur', this.focusOut, this);
@@ -13492,6 +13518,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             else {
                 focusedElement.setAttribute('tabindex', '0');
                 addClass([focusedElement], FOCUS);
+                addClass([focusedElement], FOCUSED$1);
                 EventHandler.add(focusedElement, 'blur', this.focusOut, this);
             }
             this.mouseDownStatus = false;
@@ -13501,6 +13528,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         const focusedElement = this.getFocusedNode();
         if (event.target === focusedElement) {
             removeClass([focusedElement], FOCUS);
+            removeClass([focusedElement], FOCUSED$1);
             EventHandler.remove(focusedElement, 'blur', this.focusOut);
         }
     }
@@ -13850,7 +13878,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;
@@ -13951,6 +13980,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) {