@syncfusion/ej2-navigations 31.1.20 → 31.2.3

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

@@ -4578,7 +4578,10 @@ let Toolbar = class Toolbar extends Component {
                 ++nodeIndex;
             }
             else {
-                ele.appendChild(el);
+                const children = Array.prototype.slice.call(ele.children);
+                const insertionNode = children.slice(index)
+                    .find((child) => !child.classList.contains(CLS_POPPRI));
+                ele.insertBefore(el, insertionNode || null);
             }
             if (el.classList.contains(CLS_SEPARATOR)) {
                 setStyleAttribute(el, { display: '', height: sepHeight + 'px' });
@@ -10910,7 +10913,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     }
                     this.changeState(node, 'check', null, true, true);
                 }
-                else if (count === 0 && this.checkedNodes.length === 0) {
+                else if (count === 0 && this.checkedNodes.length === 0 && indeterminate.length === 0) {
                     this.changeState(node, 'uncheck', null, true, true);
                 }
             }
@@ -11198,6 +11201,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             const dataUid = element.getAttribute('data-uid');
             let rootNodeChecked = true;
             let childNodeChecked = false;
+            const ChildNodeData = this.getAllChildNodes(this.DDTTreeData, dataUid);
+            let selectedChildren = 0;
             nodes.forEach((childNode) => {
                 if (childNode instanceof HTMLElement) {
                     const ariaChecked = childNode.getAttribute('aria-checked');
@@ -11227,6 +11232,13 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     childItems = this.getChildNodes(this.DDTTreeData, dataUid);
                 }
                 count = childItems.length;
+                ChildNodeData.forEach((child) => {
+                    const childKey = String(child[this.fields.id]);
+                    if (this.checkedNodes.indexOf(childKey) !== -1 ||
+                        this.OldCheckedData.some((oldNode) => oldNode['parentID'] === childKey)) {
+                        selectedChildren++;
+                    }
+                });
             }
             if (this.autoCheck && this.showCheckBox && !(this.fields.dataSource instanceof DataManager)) {
                 const selectedChildNodeDetails = this.getSelectedChildNodeDetails(dataUid);
@@ -11246,7 +11258,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             else if ((checkedCount > 0 && !parentNodeChecked && (this.autoCheck && this.showCheckBox))) {
                 this.changeState(checkBoxEle, 'indeterminate', null, true, true);
             }
-            else if (checkedCount > 0 || indeterminateNodes.length > 0) {
+            else if (checkedCount > 0 || indeterminateNodes.length > 0 || selectedChildren > 0) {
                 this.changeState(checkBoxEle, 'indeterminate', null, true, true);
             }
             else if (checkedCount === 0) {
@@ -11292,6 +11304,34 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             return false;
         });
     }
+    getAllChildNodes(data, parentId) {
+        if (isNullOrUndefined(data) || isNullOrUndefined(parentId)) {
+            return [];
+        }
+        if (this.dataType === 1) {
+            const pidField = this.fields.parentID;
+            const target = parentId.toString();
+            return data.filter((item) => {
+                const pidVal = getValue(pidField, item);
+                return !isNullOrUndefined(pidVal) && pidVal.toString() === target;
+            });
+        }
+        if (this.dataType === 2) {
+            const parentFieldId = this.fields.id;
+            const childField = this.fields.child.toString();
+            const target = parentId.toString();
+            const node = data.find((n) => {
+                const idVal = getValue(parentFieldId, n);
+                return !isNullOrUndefined(idVal) && idVal.toString() === target;
+            });
+            if (!node) {
+                return [];
+            }
+            const children = getValue(childField, node);
+            return Array.isArray(children) ? children : [];
+        }
+        return [];
+    }
     ensureChildCheckState(element, e, isFromExpandAll) {
         if (!isNullOrUndefined(element)) {
             const childElement = select('.' + PARENTITEM, element);
@@ -16983,6 +17023,10 @@ let Breadcrumb = class Breadcrumb extends Component {
                     args.item.removeAttribute('role');
                     if (isLastItem) {
                         args.item.setAttribute('data-active-item', '');
+                        args.item.setAttribute('aria-current', 'page');
+                    }
+                    else {
+                        args.item.removeAttribute('aria-current');
                     }
                     if (!this.itemTemplate) {
                         this.beforeItemRenderChanges(args.curData, eventArgs.item, args.item, containsRightIcon);
@@ -17174,9 +17218,6 @@ let Breadcrumb = class Breadcrumb extends Component {
     }
     beforeItemRenderChanges(prevItem, currItem, elem, isRightIcon) {
         const wrapElem = elem.querySelector('.e-anchor-wrap');
-        if (wrapElem) {
-            wrapElem.parentElement.setAttribute('aria-label', 'home');
-        }
         if (currItem.text !== prevItem.text && wrapElem) {
             wrapElem.childNodes.forEach((child) => {
                 if (child.nodeType === Node.TEXT_NODE) {