@syncfusion/ej2-navigations 20.4.48 → 20.4.49

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

@@ -2706,6 +2706,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     var idx = void 0;
                     var navIdx = void 0;
                     var item = void 0;
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    if (this_1.isReact && this_1.template) {
+                        this_1.clearTemplate(['template']);
+                    }
                     if (!Object.keys(oldProp.items).length) {
                         this_1.updateItem(this_1.element, this_1.items);
                         if (this_1.enableScrolling && this_1.element.parentElement.classList.contains('e-custom-scroll')) {
@@ -2737,11 +2741,6 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                             navIdx.length = 0;
                         }
                     }
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    if (this_1.isReact && this_1.template) {
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        this_1.portals = [];
-                    }
                     break;
                 }
             }
@@ -5450,7 +5449,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                                     this.destroyMode();
                                 }
                                 var 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)]);
@@ -14255,6 +14254,27 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var txtEle = select('.' + LISTTEXT, liEle);
         this.updateText(liEle, txtEle, this.oldText, prevent);
     };
+    TreeView.prototype.getHierarchicalParentId = function (node, data, parentsID) {
+        var _this = this;
+        var index = data.findIndex(function (data) { return data[_this.fields.id] && data[_this.fields.id].toString() === node; });
+        if (index == -1) {
+            for (var i = 0; i < data.length; i++) {
+                var childItems = getValue(this.fields.child.toString(), data[i]);
+                if (!isNullOrUndefined(childItems)) {
+                    index = childItems.findIndex(function (data) { return 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
@@ -14524,13 +14544,26 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView nodes.
      */
     TreeView.prototype.ensureVisible = function (node) {
+        var parentsId = [];
+        if (this.dataType == 1) {
+            var 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);
         var liEle = this.getElement(node);
-        if (isNullOrUndefined(liEle)) {
-            return;
+        if (!isNullOrUndefined(liEle)) {
+            if (typeof node == 'object') {
+                var parents = this.parents(liEle, '.' + LISTITEM);
+                this.expandAll(parents);
+            }
+            setTimeout(function () { liEle.scrollIntoView({ behavior: "smooth" }); }, 450);
         }
-        var parents = this.parents(liEle, '.' + LISTITEM);
-        this.expandAll(parents);
-        setTimeout(function () { liEle.scrollIntoView(true); }, 450);
     };
     /**
      * Expands all the collapsed TreeView nodes. You can expand the specific nodes by passing the array of collapsed nodes
@@ -17014,17 +17047,15 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     container.style.transform = "translateX(" + -(slideWidth) * (currentIndex) + "px)";
                 }
             }
-            var 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);
                 }
             }