@syncfusion/ej2-navigations 20.4.48 → 20.4.51

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

@@ -334,6 +334,9 @@ let HScroll = class HScroll extends Component {
         else {
             this.scrollEle.scrollLeft -= scrollVal;
         }
+        if (this.enableRtl && this.scrollEle.scrollLeft > 0) {
+            this.scrollEle.scrollLeft = 0;
+        }
     }
     frameScrollRequest(scrollVal, action, isContinuous) {
         const step = 10;
@@ -2608,6 +2611,10 @@ let MenuBase = class MenuBase extends Component {
                     let idx;
                     let navIdx;
                     let item;
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    if (this.isReact && this.template) {
+                        this.clearTemplate(['template']);
+                    }
                     if (!Object.keys(oldProp.items).length) {
                         this.updateItem(this.element, this.items);
                         if (this.enableScrolling && this.element.parentElement.classList.contains('e-custom-scroll')) {
@@ -2639,11 +2646,6 @@ let MenuBase = class MenuBase extends Component {
                             navIdx.length = 0;
                         }
                     }
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    if (this.isReact && this.template) {
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        this.portals = [];
-                    }
                     break;
                 }
             }
@@ -5297,7 +5299,7 @@ let Toolbar = class Toolbar extends Component {
                                     this.destroyMode();
                                 }
                                 const itemCol = [].slice.call(selectAll('.' + CLS_ITEMS + ' .' + CLS_ITEM, tEle));
-                                if (this.isReact) {
+                                if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
                                     this.clearTemplate();
                                 }
                                 detach(itemCol[parseInt(index.toString(), 10)]);
@@ -13913,6 +13915,26 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         let txtEle = select('.' + LISTTEXT, liEle);
         this.updateText(liEle, txtEle, this.oldText, prevent);
     }
+    getHierarchicalParentId(node, data, parentsID) {
+        let index = data.findIndex((data) => data[this.fields.id] && data[this.fields.id].toString() === node);
+        if (index == -1) {
+            for (let i = 0; i < data.length; i++) {
+                let childItems = getValue(this.fields.child.toString(), data[i]);
+                if (!isNullOrUndefined(childItems)) {
+                    index = childItems.findIndex((data) => data[this.fields.id] && data[this.fields.id].toString() === node);
+                    if (index == -1) {
+                        this.getHierarchicalParentId(node, childItems, parentsID);
+                    }
+                    else {
+                        parentsID.push(data[i][this.fields.id].toString());
+                        this.getHierarchicalParentId(data[i][this.fields.id].toString(), this.treeData, parentsID);
+                        break;
+                    }
+                }
+            }
+        }
+        return parentsID;
+    }
     /**
      * Called internally if any of the property value changed.
      * @param  {TreeView} newProp
@@ -14181,13 +14203,26 @@ let TreeView = TreeView_1 = class TreeView extends Component {
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView nodes.
      */
     ensureVisible(node) {
+        let parentsId = [];
+        if (this.dataType == 1) {
+            let nodeData = this.getTreeData(node);
+            while (nodeData.length != 0 && !isNullOrUndefined(nodeData[0][this.fields.parentID])) {
+                parentsId.push(nodeData[0][this.fields.parentID].toString());
+                nodeData = this.getTreeData(nodeData[0][this.fields.parentID].toString());
+            }
+        }
+        else if (this.dataType == 2) {
+            parentsId = this.getHierarchicalParentId(node, this.treeData, parentsId).reverse();
+        }
+        this.expandAll(parentsId);
         let liEle = this.getElement(node);
-        if (isNullOrUndefined(liEle)) {
-            return;
+        if (!isNullOrUndefined(liEle)) {
+            if (typeof node == 'object') {
+                let parents = this.parents(liEle, '.' + LISTITEM);
+                this.expandAll(parents);
+            }
+            setTimeout(() => { liEle.scrollIntoView({ behavior: "smooth" }); }, 450);
         }
-        let parents = this.parents(liEle, '.' + LISTITEM);
-        this.expandAll(parents);
-        setTimeout(() => { liEle.scrollIntoView(true); }, 450);
     }
     /**
      * Expands all the collapsed TreeView nodes. You can expand the specific nodes by passing the array of collapsed nodes
@@ -16599,17 +16634,15 @@ let Carousel = class Carousel extends Component {
                     container.style.transform = `translateX(${-(slideWidth) * (currentIndex)}px)`;
                 }
             }
-            let slideHeight;
             if (this.animationEffect === 'Slide') {
                 if (direction === 'Previous') {
                     addClass([args.nextSlide], CLS_PREV_SLIDE);
-                    slideHeight = args.nextSlide.offsetHeight;
+                    args.nextSlide.setAttribute('data-slide-height', args.nextSlide.offsetHeight.toString());
                     addClass([args.currentSlide, args.nextSlide], CLS_TRANSITION_END);
                 }
                 else {
                     addClass([args.nextSlide], CLS_NEXT_SLIDE);
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    slideHeight = args.nextSlide.offsetHeight;
+                    args.nextSlide.setAttribute('data-slide-height', args.nextSlide.offsetHeight.toString());
                     addClass([args.currentSlide, args.nextSlide], CLS_TRANSITION_START);
                 }
             }