@syncfusion/ej2-navigations 27.1.52 → 27.1.55

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

@@ -9266,6 +9266,9 @@ let Tab = class Tab extends Component {
                 if (trg.classList.contains(CLS_ACTIVE$1)) {
                     index = (index > selectAll('.' + CLS_TB_ITEM + ':not(.' + CLS_TB_POPUP + ')', this.element).length - 1) ? index - 1 : index;
                     this.enableAnimation = false;
+                    this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
+                    index = this.getSelectingTabIndex(index);
+                    index = !isNaN(index) && index >= 0 && this.tbItem.length > index ? index : 0;
                     this.selectedItem = index;
                     this.select(index);
                 }
@@ -9411,20 +9414,24 @@ let Tab = class Tab extends Component {
         }
         this.isInteracted = false;
     }
-    selectingContent(args, isInteracted) {
-        if (typeof args === 'number') {
-            if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
-                this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
-                for (let i = args + 1; i < this.items.length; i++) {
-                    if (this.items[i].disabled === false && this.items[i].visible === true) {
-                        args = i;
-                        break;
-                    }
-                    else {
-                        args = 0;
-                    }
+    getSelectingTabIndex(args) {
+        if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
+            this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
+            for (let i = args + 1; i < this.items.length; i++) {
+                if (this.items[i].disabled === false && this.items[i].visible === true) {
+                    args = i;
+                    break;
+                }
+                else {
+                    args = 0;
                 }
             }
+        }
+        return args;
+    }
+    selectingContent(args, isInteracted) {
+        if (typeof args === 'number') {
+            args = this.getSelectingTabIndex(args);
             if (this.tbItem.length > args && args >= 0 && !isNaN(args)) {
                 this.prevIndex = this.selectedItem;
                 this.prevItem = this.tbItem[this.prevIndex];
@@ -10761,6 +10768,10 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             if (this.element.classList.contains('e-filtering')) {
                 const oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid, true));
                 checkedCount = oldCheckedNodes.length;
+                const parentNode = new DataManager(this.OldCheckedData).executeLocal(new Query().where('hasChildren', 'equal', true, true));
+                if ((parentNode.length > 0) && (this.OldCheckedData.some((oldNode) => oldNode.id === dataUid))) {
+                    checkedCount = parentNode.length;
+                }
                 let childItems = [];
                 if (this.dataType === 1) {
                     childItems = new DataManager(this.DDTTreeData).executeLocal(new Query().where(this.fields.parentID, 'equal', dataUid, true));
@@ -10770,7 +10781,10 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 }
                 count = childItems.length;
             }
-            if (count === checkedCount) {
+            if (count === 0 && checkedCount === 0) {
+                return;
+            }
+            else if (count === checkedCount) {
                 this.changeState(checkBoxEle, 'check', null, true, true);
             }
             else if (checkedCount > 0 || indeterminateNodes.length > 0) {
@@ -13652,16 +13666,17 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             }
         }
     }
-    collapseByLevel(element, level, excludeHiddenNodes) {
+    collapseByLevel(element, level, excludeHiddenNodes, currentLevel) {
+        currentLevel = isNullOrUndefined(currentLevel) ? 1 : currentLevel;
         if (level > 0 && !isNullOrUndefined(element)) {
             const cNodes = this.getVisibleNodes(excludeHiddenNodes, element.childNodes);
             for (let i = 0, len = cNodes.length; i < len; i++) {
                 const liEle = cNodes[parseInt(i.toString(), 10)];
                 const icon = select('.' + COLLAPSIBLE, select('.' + TEXTWRAP, liEle));
-                if (!isNullOrUndefined(icon)) {
+                if (currentLevel >= level && !isNullOrUndefined(icon)) {
                     this.collapseNode(liEle, icon, null);
                 }
-                this.collapseByLevel(select('.' + PARENTITEM, liEle), level - 1, excludeHiddenNodes);
+                this.collapseByLevel(select('.' + PARENTITEM, liEle), level, excludeHiddenNodes, currentLevel + 1);
             }
         }
     }
@@ -18830,6 +18845,8 @@ let Stepper = class Stepper extends StepperBase {
             }
             const stepSpan = this.createElement('span', { className: 'e-step' });
             const item = this.steps[parseInt(index.toString(), 10)];
+            let isItemLabel = item.label ? true : false;
+            let isItemText = item.text ? true : false;
             if (this.renderDefault(index) && (isNullOrUndefined(this.template) || this.template === '')) {
                 const isIndicator = (!this.element.classList.contains('e-step-type-default') && this.stepType.toLowerCase() === 'indicator') ? true : false;
                 if (isIndicator) {
@@ -18843,7 +18860,7 @@ let Stepper = class Stepper extends StepperBase {
             }
             else if (isNullOrUndefined(this.template) || this.template === '') {
                 let isRender = true;
-                if ((item.iconCss || (!item.iconCss && item.text && item.label)) && (((!item.text && !item.label) ||
+                if ((item.iconCss || (!item.iconCss && isItemText && isItemLabel)) && (((!isItemText && !isItemLabel) ||
                     !this.element.classList.contains(LABELINDICATOR)))) {
                     if (item.iconCss) {
                         const itemIcon = item.iconCss.trim().split(' ');
@@ -18853,14 +18870,14 @@ let Stepper = class Stepper extends StepperBase {
                         }
                         this.stepperItemContainer.classList.add(STEPICON);
                     }
-                    else if (!item.iconCss && item.text && item.label) {
+                    else if (!item.iconCss && isItemText && isItemLabel) {
                         stepSpan.classList.add(ICONCSS);
                         stepSpan.innerHTML = item.text;
                         this.stepperItemContainer.classList.add(STEPICON);
                     }
                     this.stepperItemContainer.appendChild(stepSpan);
-                    if ((this.element.classList.contains(HORIZSTEP) && (this.labelPosition.toLowerCase() === 'start' || this.labelPosition.toLowerCase() === 'end') && item.label) ||
-                        (this.element.classList.contains(VERTICALSTEP) && (this.labelPosition.toLowerCase() === 'top' || this.labelPosition.toLowerCase() === 'bottom') && item.label)) {
+                    if ((this.element.classList.contains(HORIZSTEP) && (this.labelPosition.toLowerCase() === 'start' || this.labelPosition.toLowerCase() === 'end') && isItemLabel) ||
+                        (this.element.classList.contains(VERTICALSTEP) && (this.labelPosition.toLowerCase() === 'top' || this.labelPosition.toLowerCase() === 'bottom') && isItemLabel)) {
                         this.element.classList.add('e-label-' + this.labelPosition.toLowerCase());
                         const textSpan = this.createElement('span', { className: TEXTCSS + ' ' + TEXT });
                         textSpan.innerText = item.label;
@@ -18869,49 +18886,43 @@ let Stepper = class Stepper extends StepperBase {
                         isRender = false;
                     }
                 }
-                if (item.text && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender &&
-                    !(item.iconCss && item.label)) {
+                if (isItemText && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender &&
+                    !(item.iconCss && isItemLabel)) {
                     if ((!item.iconCss && this.element.classList.contains(STEPINDICATOR)) ||
-                        ((!item.iconCss || this.element.classList.contains(LABELINDICATOR)) && !item.label)) {
-                        if (!item.iconCss && !item.label) {
+                        ((!item.iconCss || this.element.classList.contains(LABELINDICATOR)) && !isItemLabel)) {
+                        if (!item.iconCss && !isItemLabel) {
                             this.element.classList.add('e-step-type-indicator');
                         }
                         this.checkValidState(item, stepSpan);
-                        const prevOnChange = this.isProtectedOnChange;
-                        this.isProtectedOnChange = true;
-                        item.label = null;
-                        this.isProtectedOnChange = prevOnChange;
+                        isItemLabel = null;
                     }
                     else {
                         const textSpan = this.createElement('span', { className: TEXT });
-                        if (!item.label) {
+                        if (!isItemLabel) {
                             textSpan.innerText = item.text;
                             textSpan.classList.add(TEXTCSS);
                             this.stepperItemContainer.appendChild(textSpan);
                             this.stepperItemContainer.classList.add(STEPTEXT);
                         }
-                        if (item.label && this.element.classList.contains(LABELINDICATOR)) {
+                        if (isItemLabel && this.element.classList.contains(LABELINDICATOR)) {
                             textSpan.innerText = item.label;
                         }
-                        const prevOnChange = this.isProtectedOnChange;
-                        this.isProtectedOnChange = true;
-                        item.text = item.label ? null : item.text;
-                        this.isProtectedOnChange = prevOnChange;
+                        isItemText = item.label ? false : true;
                     }
                 }
-                if (item.label && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender) {
-                    if (!item.iconCss && !item.text && this.element.classList.contains(STEPINDICATOR)) {
+                if (isItemLabel && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender) {
+                    if (!item.iconCss && !isItemText && this.element.classList.contains(STEPINDICATOR)) {
                         this.checkValidState(item, stepSpan, true);
                     }
-                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && item.text)) ||
-                        (this.element.classList.contains(LABELINDICATOR) && item.label)) {
+                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && isItemText)) ||
+                        (this.element.classList.contains(LABELINDICATOR) && isItemLabel)) {
                         this.labelContainer = this.createElement('span', { className: STEPLABEL });
                         const labelSpan = this.createElement('span', { className: LABEL });
                         labelSpan.innerText = item.label;
                         this.labelContainer.appendChild(labelSpan);
                         this.stepperItemContainer.classList.add(STEPSLABEL);
                         this.updateLabelPosition();
-                        if ((!item.iconCss && !item.text && !this.stepperItemContainer.classList.contains(STEPICON)) ||
+                        if ((!item.iconCss && !isItemText && !this.stepperItemContainer.classList.contains(STEPICON)) ||
                             this.element.classList.contains(LABELINDICATOR)) {
                             this.stepperItemContainer.classList.add('e-step-label-only');
                             if (item.isValid !== null) {
@@ -18927,7 +18938,7 @@ let Stepper = class Stepper extends StepperBase {
                 this.l10n.setLocale(this.locale);
                 const optionalContent = this.l10n.getConstant('optional');
                 optionalSpan.innerText = optionalContent;
-                if (item.label && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
+                if (isItemLabel && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
                     || (this.element.classList.contains(HORIZSTEP) && this.element.classList.contains(LABELBEFORE) && !this.stepperItemContainer.classList.contains('e-step-label-only'))))
                     || (this.element.classList.contains(VERTICALSTEP) && this.element.classList.contains(LABELBEFORE))) {
                     this.labelContainer.appendChild(optionalSpan);
@@ -19662,6 +19673,11 @@ let Stepper = class Stepper extends StepperBase {
                                     this.renderItems();
                                     this.updateStepperStatus();
                                 }
+                                if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
+                                    this.stepType.toLowerCase() === 'default') {
+                                    this.refreshProgressbar();
+                                }
+                                this.updateStepInteractions();
                                 this.checkValidStep();
                             }
                         }