@syncfusion/ej2-navigations 28.2.4 → 28.2.6

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

@@ -4249,7 +4249,10 @@ let Toolbar = class Toolbar extends Component {
         else if (scrollNav) {
             navEleWidth = this.isVertical ? (scrollNav.offsetHeight * (2)) : (scrollNav.offsetWidth * 2);
         }
-        if (itemWidth > eleWidth - navEleWidth) {
+        if (eleWidth >= itemWidth && scrollNav) {
+            return false;
+        }
+        else if (itemWidth > eleWidth - navEleWidth) {
             return true;
         }
         else {
@@ -8493,9 +8496,6 @@ let Tab = class Tab extends Component {
                 }
             }
         }
-        if (this.prevIndex !== this.selectedItem) {
-            ele.classList.remove(CLS_ACTIVE$1);
-        }
     }
     loadContentElement() {
         if (!this.isTemplate) {
@@ -8559,6 +8559,9 @@ let Tab = class Tab extends Component {
                     this.getContent(ele, this.items[0].content, 'render', 0);
                 }
                 this.loadContentInitMode(ele);
+                if (this.prevIndex !== this.selectedItem) {
+                    ele.classList.remove(CLS_ACTIVE$1);
+                }
             }
             setStyleAttribute(this.cntEle, { 'height': this.maxHeight + 'px' });
         }
@@ -11037,16 +11040,27 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
     }
     getSelectedChildNodeDetails(dataUid) {
+        const childKey = typeof this.fields.child === 'string' ? this.fields.child : null;
+        const dataId = this.fields.id;
+        const parentKey = this.fields.parentID;
         return this.checkedNodes
             .map((checkedNodeId) => {
             return new DataManager(this.DDTTreeData)
                 .executeLocal(new Query().where('id', 'equal', checkedNodeId, true))[0];
         })
             .filter((childNode) => {
-            if (childNode && typeof childNode === 'object' && 'pid' in childNode) {
-                const childNodePid = childNode.pid;
-                if (!isNullOrUndefined(childNodePid)) {
-                    return childNodePid.toString() === dataUid;
+            if (childNode && typeof childNode === 'object' && (parentKey in childNode || childKey in childNode)) {
+                if (!isNullOrUndefined(childKey) && childKey in childNode && Array.isArray(childNode[childKey])) {
+                    const matchNode = childNode[dataId];
+                    if (!isNullOrUndefined(matchNode)) {
+                        return matchNode.toString() === dataUid;
+                    }
+                }
+                else {
+                    const childNodePid = childNode[parentKey];
+                    if (!isNullOrUndefined(childNodePid)) {
+                        return childNodePid.toString() === dataUid;
+                    }
                 }
             }
             return false;
@@ -11175,14 +11189,18 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             const checkBoxes = selectAll('.' + CHECKBOXWRAP, this.element);
             if (this.loadOnDemand) {
                 for (let index = 0; index < checkBoxes.length; index++) {
+                    const liEle = closest(checkBoxes[parseInt(index.toString(), 10)], '.' + LISTITEM);
                     this.updateFieldChecked(checkBoxes[parseInt(index.toString(), 10)], doCheck);
                     this.changeState(checkBoxes[parseInt(index.toString(), 10)], doCheck ? 'check' : 'uncheck', null, null, null, doCheck);
+                    this.updateOldCheckedData([this.getNodeData(liEle)]);
                 }
             }
             else {
                 for (let index = 0; index < checkBoxes.length; index++) {
+                    const liEle = closest(checkBoxes[parseInt(index.toString(), 10)], '.' + LISTITEM);
                     this.updateFieldChecked(checkBoxes[parseInt(index.toString(), 10)], doCheck);
                     this.changeState(checkBoxes[parseInt(index.toString(), 10)], doCheck ? 'check' : 'uncheck');
+                    this.updateOldCheckedData([this.getNodeData(liEle)]);
                 }
             }
         }
@@ -11909,6 +11927,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         ul.style.visibility = '';
     }
     animateHeight(args, start, end) {
+        if (isNullOrUndefined(args.element.parentElement)) {
+            return;
+        }
         const remaining = (args.duration - args.timeStamp) / args.duration;
         const currentHeight = (end - start) * remaining + start;
         args.element.parentElement.style.height = currentHeight + 'px';
@@ -14958,9 +14979,11 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     this.updateWrap();
                     break;
                 case 'checkedNodes':
-                    if (this.showCheckBox) {
-                        this.checkedNodes = oldProp.checkedNodes;
-                        this.setCheckedNodes(newProp.checkedNodes);
+                    if (JSON.stringify(oldProp.checkedNodes) !== JSON.stringify(newProp.checkedNodes)) {
+                        if (this.showCheckBox) {
+                            this.checkedNodes = oldProp.checkedNodes;
+                            this.setCheckedNodes(newProp.checkedNodes);
+                        }
                     }
                     break;
                 case 'autoCheck':
@@ -17576,6 +17599,9 @@ let Carousel = class Carousel extends Component {
         if (isClone) {
             itemEle.classList.add(CLS_CLONED);
         }
+        if (!(this.selectedIndex === index && !isClone)) {
+            itemEle.setAttribute('inert', 'true');
+        }
         if (!isNullOrUndefined(item.htmlAttributes)) {
             this.setHtmlAttributes(item.htmlAttributes, itemEle);
         }
@@ -17851,7 +17877,9 @@ let Carousel = class Carousel extends Component {
             }
             this.setProperties({ selectedIndex: currentIndex }, true);
             attributes(args.currentSlide, { 'aria-hidden': 'true' });
+            args.currentSlide.setAttribute('inert', 'true');
             attributes(args.nextSlide, { 'aria-hidden': 'false' });
+            args.nextSlide.removeAttribute('inert');
             this.refreshIndicators(activeIndex, currentIndex);
             this.slideChangedEventArgs = {
                 currentIndex: args.nextIndex,