@syncfusion/ej2-navigations 24.1.41 → 24.2.3

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

@@ -1502,7 +1502,25 @@ let MenuBase = class MenuBase extends Component {
                     fli.classList.add(SELECTED);
                     eventArgs = { element: fli, item: item, event: e };
                     this.trigger('select', eventArgs);
+                    const 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);
+                    const sli = this.getLIByClass(this.getUlByNavIdx(), SELECTED);
+                    if (sli) {
+                        sli.classList.add(FOCUSED);
+                        sli.focus();
+                    }
                 }
             }
         }
@@ -1597,6 +1615,9 @@ let MenuBase = class MenuBase extends Component {
                         closeArgs = { element: ul, parentItem: item, items: items };
                         this.trigger('onClose', closeArgs);
                         this.navIdx.pop();
+                        if (this.navIdx.length === 0 && e && e.type === 'keyup') {
+                            this.showSubMenu = false;
+                        }
                         if (!this.isMenu) {
                             EventHandler.remove(ul, 'keydown', this.keyHandler);
                             if (this.keyType === 'right') {
@@ -8389,7 +8410,7 @@ let Tab = class Tab extends Component {
     setActive(value, skipDataBind = false, isInteracted = false) {
         this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
         const trg = this.tbItem[value];
-        if (value < 0 || isNaN(value) || this.tbItem.length === 0) {
+        if (value < 0 || isNaN(value) || this.tbItem.length === 0 || !isNullOrUndefined(trg) && trg.classList.contains(CLS_DISABLE$4)) {
             return;
         }
         if (value >= 0 && !skipDataBind) {
@@ -10200,6 +10221,14 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.rootData = this.treeData;
         }
     }
+    isChildObject() {
+        if (typeof this.fields.child === 'object') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
     renderItems(isSorted) {
         /* eslint-disable */
         this.listBaseOption.ariaAttributes.level = 1;
@@ -10519,6 +10548,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             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;
             }
@@ -11459,7 +11491,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             }
         }
         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);
@@ -11561,7 +11593,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     getChildMapper(mapper) {
         return (typeof mapper.child === 'string' || isNullOrUndefined(mapper.child)) ? mapper : mapper.child;
     }
-    getChildNodes(obj, parentId, isRoot = false) {
+    getChildNodes(obj, parentId, isRoot = false, level) {
         let childNodes;
         if (isNullOrUndefined(obj)) {
             return childNodes;
@@ -11591,6 +11623,39 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     }
                 }
             }
+            else if (this.isChildObject()) {
+                let tempField = !isNullOrUndefined(level) ? this.fields : this.fields.child;
+                let i = 1;
+                while (i < level) {
+                    if (!isNullOrUndefined(tempField.child)) {
+                        tempField = tempField.child;
+                    }
+                    else {
+                        break;
+                    }
+                    i++;
+                }
+                this.updateListProp(tempField);
+                let index = obj.findIndex((data) => getValue(this.fields.id, data) && getValue(this.fields.id, data).toString() === parentId);
+                if (index !== -1) {
+                    return getValue('child', obj[index]);
+                }
+                if (index === -1) {
+                    for (let i = 0, objlen = obj.length; i < objlen; i++) {
+                        let tempArray = getValue('child', obj[i]);
+                        let childIndex = !isNullOrUndefined(tempArray) ? tempArray.findIndex((data) => 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;
     }
@@ -12622,6 +12687,14 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     break;
                 }
             }
+            else if (this.isChildObject()) {
+                let children = 'child';
+                let childData = getValue(children, obj[i]);
+                newList = this.getChildNodeObject(childData, this.getChildMapper(mapper), id);
+                if (newList !== undefined) {
+                    break;
+                }
+            }
         }
         return newList;
     }
@@ -18186,6 +18259,7 @@ let Stepper = class Stepper extends StepperBase {
             home: 'home',
             end: 'end',
             tab: 'tab',
+            shiftTab: 'shift+tab',
             escape: 'escape'
         };
         this.tooltipOpen = false;
@@ -18778,7 +18852,7 @@ let Stepper = class Stepper extends StepperBase {
             const itemElement = this.stepperItemElements[parseInt(i.toString(), 10)];
             const 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) {
@@ -18840,7 +18914,7 @@ let Stepper = class Stepper extends StepperBase {
             }
             const prevOnChange = 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;
                 }
@@ -18949,17 +19023,12 @@ let Stepper = class Stepper extends StepperBase {
         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':
@@ -18980,11 +19049,22 @@ let Stepper = class Stepper extends StepperBase {
         }
         const stepItems = Array.prototype.slice.call(this.stepperItemList.children);
         let 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')) {
             const prevIndex = index;
             index = isNextStep ? index + 1 : index - 1;
             while ((index >= 0 && index < stepItems.length) && stepItems[parseInt(index.toString(), 10)].classList.contains(DISABLED$2)) {
@@ -19007,14 +19087,21 @@ let Stepper = class Stepper extends StepperBase {
             }
         }
         else if ((e.action === 'space' || e.action === 'enter')) {
+            let isupdateFocus = false;
             if (this.linear) {
                 const 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();
             }
         }
     }