@syncfusion/ej2-navigations 27.1.52 → 27.1.55

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

@@ -9552,6 +9552,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                 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);
                 }
@@ -9700,20 +9703,24 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         }
         this.isInteracted = false;
     };
-    Tab.prototype.selectingContent = function (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 (var 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;
-                    }
+    Tab.prototype.getSelectingTabIndex = function (args) {
+        if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
+            this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
+            for (var 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;
+    };
+    Tab.prototype.selectingContent = function (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];
@@ -11088,20 +11095,27 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             var checkBoxEle = element.getElementsByClassName(CHECKBOXWRAP)[0];
             var count = nodes.length;
             var checkedCount = checkedNodes.length;
-            var dataUid = element.getAttribute('data-uid');
+            var dataUid_1 = element.getAttribute('data-uid');
             if (this.element.classList.contains('e-filtering')) {
-                var oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid, true));
+                var oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid_1, true));
                 checkedCount = oldCheckedNodes.length;
+                var parentNode = new DataManager(this.OldCheckedData).executeLocal(new Query().where('hasChildren', 'equal', true, true));
+                if ((parentNode.length > 0) && (this.OldCheckedData.some(function (oldNode) { return oldNode.id === dataUid_1; }))) {
+                    checkedCount = parentNode.length;
+                }
                 var childItems = [];
                 if (this.dataType === 1) {
-                    childItems = new DataManager(this.DDTTreeData).executeLocal(new Query().where(this.fields.parentID, 'equal', dataUid, true));
+                    childItems = new DataManager(this.DDTTreeData).executeLocal(new Query().where(this.fields.parentID, 'equal', dataUid_1, true));
                 }
                 else {
-                    childItems = this.getChildNodes(this.DDTTreeData, dataUid);
+                    childItems = this.getChildNodes(this.DDTTreeData, dataUid_1);
                 }
                 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) {
@@ -14008,16 +14022,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    TreeView.prototype.collapseByLevel = function (element, level, excludeHiddenNodes) {
+    TreeView.prototype.collapseByLevel = function (element, level, excludeHiddenNodes, currentLevel) {
+        currentLevel = isNullOrUndefined(currentLevel) ? 1 : currentLevel;
         if (level > 0 && !isNullOrUndefined(element)) {
             var cNodes = this.getVisibleNodes(excludeHiddenNodes, element.childNodes);
             for (var i = 0, len = cNodes.length; i < len; i++) {
                 var liEle = cNodes[parseInt(i.toString(), 10)];
                 var 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);
             }
         }
     };
@@ -19343,6 +19358,8 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
             var stepSpan = this.createElement('span', { className: 'e-step' });
             var item = this.steps[parseInt(index.toString(), 10)];
+            var isItemLabel = item.label ? true : false;
+            var isItemText = item.text ? true : false;
             if (this.renderDefault(index) && (isNullOrUndefined(this.template) || this.template === '')) {
                 var isIndicator = (!this.element.classList.contains('e-step-type-default') && this.stepType.toLowerCase() === 'indicator') ? true : false;
                 if (isIndicator) {
@@ -19356,7 +19373,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
             else if (isNullOrUndefined(this.template) || this.template === '') {
                 var 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) {
                         var itemIcon = item.iconCss.trim().split(' ');
@@ -19366,14 +19383,14 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                         }
                         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());
                         var textSpan = this.createElement('span', { className: TEXTCSS + ' ' + TEXT });
                         textSpan.innerText = item.label;
@@ -19382,49 +19399,43 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                         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);
-                        var prevOnChange = this.isProtectedOnChange;
-                        this.isProtectedOnChange = true;
-                        item.label = null;
-                        this.isProtectedOnChange = prevOnChange;
+                        isItemLabel = null;
                     }
                     else {
                         var 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;
                         }
-                        var 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 });
                         var 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) {
@@ -19440,7 +19451,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                 this.l10n.setLocale(this.locale);
                 var 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);
@@ -20179,6 +20190,11 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                                     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();
                             }
                         }