@syncfusion/ej2-navigations 29.1.41 → 29.2.4

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

@@ -2375,8 +2375,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             ul.style.left = left + px;
         }
     };
-    MenuBase.prototype.getMenuWidth = function (cmenu, width, isRtl) {
-        var caretIcon = cmenu.getElementsByClassName(CARET)[0];
+    MenuBase.prototype.getMenuWidth = function (menuElement, width, isRtl) {
+        var caretIcon = menuElement.getElementsByClassName(CARET)[0];
         if (caretIcon) {
             width += parseInt(getComputedStyle(caretIcon)[isRtl ? 'marginRight' : 'marginLeft'], 10);
         }
@@ -5038,7 +5038,10 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
     };
     Toolbar.prototype.popupEleWidth = function (el) {
         el.style.position = 'absolute';
-        var elWidth = this.isVertical ? el.offsetHeight : el.offsetWidth;
+        var style = window.getComputedStyle(el);
+        var elWidth = this.isVertical
+            ? el.offsetHeight
+            : el.offsetWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         var btnText = el.querySelector('.' + CLS_TBARBTNTEXT);
         if (el.classList.contains('e-tbtn-align') || el.classList.contains(CLS_TBARTEXT)) {
             var btn = el.children[0];
@@ -5676,6 +5679,10 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         return isNullOrUndefined(ele.getAttribute('data-tabindex')) ? '-1' : ele.getAttribute('data-tabindex');
     };
     Toolbar.prototype.itemClick = function (e) {
+        var itemClosest = !isNullOrUndefined(closest(e.currentTarget, '.' + CLS_TEMPLATE));
+        if (itemClosest) {
+            return;
+        }
         this.activeEleSwitch(e.currentTarget);
     };
     Toolbar.prototype.activeEleSwitch = function (ele) {
@@ -12870,6 +12877,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         else {
             this.isFirstRender = true;
             this.renderChildNodes(currLi, expandChild, callback, null, isFromExpandAll);
+            if (isNullOrUndefined(this.expandChildren) || this.expandChildren.length === 0) {
+                return;
+            }
             var liEles = selectAll('.' + LISTITEM, currLi);
             for (var i = 0; i < liEles.length; i++) {
                 var id = this.getId(liEles[parseInt(i.toString(), 10)]);
@@ -13500,11 +13510,11 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             removeClass(hoveredNode, HOVER);
         }
     };
-    TreeView.prototype.getNodeData = function (currLi, fromDS) {
+    TreeView.prototype.getNodeData = function (currLi, fromDS, dragData) {
         if (!isNullOrUndefined(currLi) && currLi.classList.contains(LISTITEM) &&
             !isNullOrUndefined(closest(currLi, '.' + CONTROL)) && closest(currLi, '.' + CONTROL).classList.contains(ROOT)) {
             var id = currLi.getAttribute('data-uid');
-            var text = this.getText(currLi, fromDS);
+            var text = this.getText(currLi, fromDS, dragData);
             var pNode = closest(currLi.parentNode, '.' + LISTITEM);
             var pid = pNode ? pNode.getAttribute('data-uid') : null;
             var selected = currLi.classList.contains(ACTIVE);
@@ -13523,12 +13533,12 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         return { id: '', text: '', parentID: '', selected: false, expanded: false, isChecked: '', hasChildren: false };
     };
-    TreeView.prototype.getText = function (currLi, fromDS) {
+    TreeView.prototype.getText = function (currLi, fromDS, dragData) {
         if (fromDS) {
-            var nodeData = this.getNodeObject(currLi.getAttribute('data-uid'));
+            var nodeData = !isNullOrUndefined(dragData) ? dragData : this.getNodeObject(currLi.getAttribute('data-uid'));
             var level = parseFloat(currLi.getAttribute('aria-level'));
             var nodeFields = this.getFields(this.fields, level, 1);
-            return getValue(nodeFields.text, nodeData);
+            return !isNullOrUndefined(dragData) ? dragData.text : getValue(nodeFields.text, nodeData);
         }
         return select('.' + LISTTEXT, currLi).textContent;
     };
@@ -14084,8 +14094,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (this.fields.dataSource instanceof DataManager === false) {
             this.preventExpand = false;
         }
+        var dragData = isNullOrUndefined(dragObj) ? null : dragObj.dragData;
         for (var i = 0; i < liArray.length; i++) {
-            nodeData.push(this.getNode(liArray[parseInt(i.toString(), 10)]));
+            nodeData.push(this.getNodeData(this.getElement(liArray[parseInt(i.toString(), 10)]), true, dragData));
         }
         this.trigger('nodeDropped', this.getDragEvent(e.event, dragObj, dropTarget, e.target, e.dragData.draggedElement, null, level, drop));
         if (dragObj.element.id !== this.element.id) {
@@ -14200,7 +14211,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var id = this.getId(dragLi);
         var removedData = dragObj.updateChildField(dragObj.treeData, dragObj.fields, id, null, null, true);
         var refId = this.getId(dropLi);
-        var index = this.getDataPos(this.treeData, this.fields, refId);
+        var index = refId ? this.getDataPos(this.treeData, this.fields, refId) : null;
         var parentId = this.getId(dropParentLi);
         if (this.dataType === 1) {
             this.updateField(this.treeData, this.fields, parentId, 'hasChildren', true);