@syncfusion/ej2-navigations 24.1.41 → 24.1.46

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

@@ -1580,7 +1580,25 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     fli.classList.add(SELECTED);
                     eventArgs = { element: fli, item: item, event: e };
                     this.trigger('select', eventArgs);
+                    var aEle = fli.querySelector('.e-menu-url');
+                    if (item.url && aEle) {
+                        switch (aEle.getAttribute('target')) {
+                            case '_blank':
+                                window.open(item.url, '_blank');
+                                break;
+                            case '_parent':
+                                window.parent.location.href = item.url;
+                                break;
+                            default:
+                                window.location.href = item.url;
+                        }
+                    }
                     this.closeMenu(null, e);
+                    var sli = this.getLIByClass(this.getUlByNavIdx(), SELECTED);
+                    if (sli) {
+                        sli.classList.add(FOCUSED);
+                        sli.focus();
+                    }
                 }
             }
         }
@@ -1678,6 +1696,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         closeArgs = { element: ul_1, parentItem: item_1, items: items_1 };
                         _this.trigger('onClose', closeArgs);
                         _this.navIdx.pop();
+                        if (_this.navIdx.length === 0) {
+                            _this.showSubMenu = false;
+                        }
                         if (!_this.isMenu) {
                             EventHandler.remove(ul_1, 'keydown', _this.keyHandler);
                             if (_this.keyType === 'right') {
@@ -10524,6 +10545,14 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.rootData = this.treeData;
         }
     };
+    TreeView.prototype.isChildObject = function () {
+        if (typeof this.fields.child === 'object') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
     TreeView.prototype.renderItems = function (isSorted) {
         /* eslint-disable */
         this.listBaseOption.ariaAttributes.level = 1;
@@ -10843,6 +10872,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             if ((typeof mapper.child === 'string') && !isNullOrUndefined(getValue(mapper.child, ds[i]))) {
                 return 2;
             }
+            if (this.isChildObject()) {
+                return 2;
+            }
             if (!isNullOrUndefined(getValue(mapper.parentID, ds[i])) || !isNullOrUndefined(getValue(mapper.hasChildren, ds[i]))) {
                 return 1;
             }
@@ -11790,7 +11822,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else {
-            childItems = this.getChildNodes(this.treeData, parentLi.getAttribute('data-uid'));
+            childItems = this.getChildNodes(this.treeData, parentLi.getAttribute('data-uid'), false, parseFloat(parentLi.getAttribute('aria-level')) + 1);
             this.currentLoadData = this.getSortedData(childItems);
             if (isNullOrUndefined(childItems) || childItems.length === 0) {
                 detach(eicon);
@@ -11892,7 +11924,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.getChildMapper = function (mapper) {
         return (typeof mapper.child === 'string' || isNullOrUndefined(mapper.child)) ? mapper : mapper.child;
     };
-    TreeView.prototype.getChildNodes = function (obj, parentId, isRoot) {
+    TreeView.prototype.getChildNodes = function (obj, parentId, isRoot, level) {
         var _this = this;
         if (isRoot === void 0) { isRoot = false; }
         var childNodes;
@@ -11924,6 +11956,39 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             }
+            else if (this.isChildObject()) {
+                var tempField = !isNullOrUndefined(level) ? this.fields : this.fields.child;
+                var i = 1;
+                while (i < level) {
+                    if (!isNullOrUndefined(tempField.child)) {
+                        tempField = tempField.child;
+                    }
+                    else {
+                        break;
+                    }
+                    i++;
+                }
+                this.updateListProp(tempField);
+                var index = obj.findIndex(function (data) { return getValue(_this.fields.id, data) && getValue(_this.fields.id, data).toString() === parentId; });
+                if (index !== -1) {
+                    return getValue('child', obj[index]);
+                }
+                if (index === -1) {
+                    for (var i_1 = 0, objlen = obj.length; i_1 < objlen; i_1++) {
+                        var tempArray = getValue('child', obj[i_1]);
+                        var childIndex = !isNullOrUndefined(tempArray) ? tempArray.findIndex(function (data) { return getValue(_this.fields.child.id, data) && getValue(_this.fields.child.id, data).toString() === parentId; }) : -1;
+                        if (childIndex !== -1) {
+                            return getValue('child', tempArray[childIndex]);
+                        }
+                        else if (!isNullOrUndefined(tempArray)) {
+                            childNodes = this.getChildNodes(tempArray, parentId, false, level);
+                            if (childNodes !== undefined) {
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
         }
         return childNodes;
     };
@@ -12963,6 +13028,14 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                     break;
                 }
             }
+            else if (this.isChildObject()) {
+                var children = 'child';
+                var childData = getValue(children, obj[i]);
+                newList = this.getChildNodeObject(childData, this.getChildMapper(mapper), id);
+                if (newList !== undefined) {
+                    break;
+                }
+            }
         }
         return newList;
     };
@@ -13185,9 +13258,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var nodeData = [];
         var liArray = [];
         dragInstance = e.dragData.draggable;
-        for (var i_1 = 0; i_1 < dragInstance.ej2_instances.length; i_1++) {
-            if (dragInstance.ej2_instances[i_1] instanceof TreeView_1) {
-                dragObj = dragInstance.ej2_instances[i_1];
+        for (var i_2 = 0; i_2 < dragInstance.ej2_instances.length; i_2++) {
+            if (dragInstance.ej2_instances[i_2] instanceof TreeView_1) {
+                dragObj = dragInstance.ej2_instances[i_2];
                 break;
             }
         }
@@ -13211,19 +13284,19 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 var sNodes = selectAll('.' + ACTIVE, dragObj.element);
                 liArray = sNodes;
                 if (e.target.offsetHeight <= 33 && offsetY > e.target.offsetHeight - 10 && offsetY > 6) {
-                    for (var i_2 = sNodes.length - 1; i_2 >= 0; i_2--) {
-                        if (dropLi.isSameNode(sNodes[i_2]) || this.isDescendant(sNodes[i_2], dropLi)) {
+                    for (var i_3 = sNodes.length - 1; i_3 >= 0; i_3--) {
+                        if (dropLi.isSameNode(sNodes[i_3]) || this.isDescendant(sNodes[i_3], dropLi)) {
                             continue;
                         }
-                        this.appendNode(dropTarget, sNodes[i_2], dropLi, e, dragObj, offsetY);
+                        this.appendNode(dropTarget, sNodes[i_3], dropLi, e, dragObj, offsetY);
                     }
                 }
                 else {
-                    for (var i_3 = 0; i_3 < sNodes.length; i_3++) {
-                        if (dropLi.isSameNode(sNodes[i_3]) || this.isDescendant(sNodes[i_3], dropLi)) {
+                    for (var i_4 = 0; i_4 < sNodes.length; i_4++) {
+                        if (dropLi.isSameNode(sNodes[i_4]) || this.isDescendant(sNodes[i_4], dropLi)) {
                             continue;
                         }
-                        this.appendNode(dropTarget, sNodes[i_3], dropLi, e, dragObj, offsetY);
+                        this.appendNode(dropTarget, sNodes[i_4], dropLi, e, dragObj, offsetY);
                     }
                 }
             }
@@ -18677,6 +18750,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             home: 'home',
             end: 'end',
             tab: 'tab',
+            shiftTab: 'shift+tab',
             escape: 'escape'
         };
         this.tooltipOpen = false;
@@ -19274,7 +19348,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             var itemElement = this.stepperItemElements[parseInt(i.toString(), 10)];
             var item = this.steps[parseInt(i.toString(), 10)];
             itemElement.classList.remove(SELECTED$2, INPROGRESS, COMPLETED, NOTSTARTED);
-            if (i === this.activeStep || this.activeStep === this.steps.length - 1) {
+            if (i === this.activeStep) {
                 itemElement.classList.add(SELECTED$2);
             }
             if (this.activeStep >= 0 && this.progressbar) {
@@ -19336,7 +19410,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
             var prevOnChange_1 = this.isProtectedOnChange;
             this.isProtectedOnChange = true;
-            if (isUpdated != false) {
+            if (isUpdated !== false) {
                 if (i < this.activeStep || (this.steps.length - 1 === this.activeStep && item.status.toLowerCase() === "completed")) {
                     item.status = StepStatus.Completed;
                 }
@@ -19446,17 +19520,12 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         switch (e.action) {
             case 'uparrow':
             case 'downarrow':
-                if (this.element.classList.contains(VERTICALSTEP)) {
-                    this.handleNavigation(e.action === 'uparrow' ? false : true, e);
-                }
-                break;
             case 'leftarrow':
             case 'rightarrow':
-                if (this.element.classList.contains(HORIZSTEP)) {
-                    this.handleNavigation(this.enableRtl ? e.action === 'leftarrow' : e.action === 'rightarrow', e);
-                }
-                break;
             case 'tab':
+            case 'shiftTab':
+                this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === 'shiftTab' || e.action === 'uparrow') : (e.action === 'rightarrow' || e.action === 'tab' || e.action === 'downarrow'), e);
+                break;
             case 'space':
             case 'enter':
             case 'escape':
@@ -19477,11 +19546,22 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         }
         var stepItems = Array.prototype.slice.call(this.stepperItemList.children);
         var index = stepItems.indexOf(focusedEle);
-        if (e.action === 'tab' || e.action === 'escape') {
+        if (e.action === 'tab' || e.action === 'shiftTab' || e.action === 'downarrow' || e.action === 'uparrow' || e.action === 'space' || e.action === 'home' || e.action === 'end') {
+            if ((e.action === 'tab' && index === stepItems.length - 1) || (e.action === 'shiftTab' && index === 0)) {
+                if (focusedEle.classList.contains(FOCUS$1)) {
+                    this.updateStepFocus();
+                    return;
+                }
+            }
+            else {
+                e.preventDefault();
+            }
+        }
+        if (e.action === 'escape') {
             stepItems[parseInt(index.toString(), 10)].classList.remove(FOCUS$1);
             this.element.classList.remove('e-steps-focus');
         }
-        if (!(e.action === 'space' || e.action === 'enter' || e.action === 'tab')) {
+        if (!(e.action === 'space' || e.action === 'enter')) {
             var prevIndex = index;
             index = isNextStep ? index + 1 : index - 1;
             while ((index >= 0 && index < stepItems.length) && stepItems[parseInt(index.toString(), 10)].classList.contains(DISABLED$2)) {
@@ -19504,14 +19584,21 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if ((e.action === 'space' || e.action === 'enter')) {
+            var isupdateFocus = false;
             if (this.linear) {
                 var linearModeValue = this.activeStep - index;
                 if (Math.abs(linearModeValue) === 1) {
                     this.navigateToStep(index, null, null, true);
+                    isupdateFocus = true;
                 }
             }
             else {
                 this.navigateToStep(index, null, null, true);
+                isupdateFocus = true;
+            }
+            if (isupdateFocus) {
+                this.updateStepFocus();
+                this.stepperItemElements[index].focus();
             }
         }
     };