@syncfusion/ej2-navigations 28.2.5 → 28.2.11

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

@@ -1831,6 +1831,8 @@ let MenuBase = class MenuBase extends Component {
                 this.popupWrapper = this.createElement('div', {
                     className: 'e-' + this.getModuleName() + '-wrapper ' + POPUP, id: li.id + '-ej2menu-' + elemId + '-popup'
                 });
+                this.popupWrapper.setAttribute('role', 'navigation');
+                this.popupWrapper.setAttribute('aria-label', item.text + '-menu-popup');
                 if (this.hamburgerMode) {
                     top = li.offsetHeight;
                     li.appendChild(this.popupWrapper);
@@ -2304,6 +2306,9 @@ let MenuBase = class MenuBase extends Component {
                     if (!args.curData.htmlAttributes.role) {
                         args.item.setAttribute('role', 'separator');
                     }
+                    if (!args.curData.htmlAttributes.ariaLabel) {
+                        args.item.setAttribute('aria-label', 'separator');
+                    }
                 }
                 if (showIcon && !args.curData[args.fields.iconCss]
                     && !args.curData[this.getField('separator', level)]) {
@@ -2886,7 +2891,13 @@ let MenuBase = class MenuBase extends Component {
         item.splice(idx, 1);
         const uls = this.getWrapper().children;
         if (navIdx.length < uls.length) {
-            detach(uls[navIdx.length].children[idx]);
+            if (this.enableScrolling && !uls[navIdx.length].classList.contains('e-menu-parent')) {
+                const ul = uls[navIdx.length].querySelector('.e-menu-parent');
+                detach(ul.children[idx]);
+            }
+            else {
+                detach(uls[navIdx.length].children[idx]);
+            }
         }
     }
     /**
@@ -3182,7 +3193,13 @@ let MenuBase = class MenuBase extends Component {
                             ul.children[idx + 1].classList.add(disabled);
                         }
                         else {
-                            ul.children[idx].classList.add(disabled);
+                            if (this.enableScrolling && !ul.classList.contains('e-menu-parent')) {
+                                const mainUl = ul.querySelector('.e-menu-parent');
+                                mainUl.children[idx].classList.add(disabled);
+                            }
+                            else {
+                                ul.children[idx].classList.add(disabled);
+                            }
                         }
                     }
                 }
@@ -3220,6 +3237,9 @@ let MenuBase = class MenuBase extends Component {
             ul = this.getUlByNavIdx(navIdx.length);
             item = this.getItems(navIdx);
             if (ul) {
+                if (this.enableScrolling && !ul.classList.contains('e-menu-parent')) {
+                    ul = ul.querySelector('.e-menu-parent');
+                }
                 const validUl = isUniqueId ? ul.children[index].id : item[index].text.toString();
                 if (ishide && validUl === items[i]) {
                     ul.children[index].classList.add(HIDE);
@@ -3278,6 +3298,7 @@ let MenuBase = class MenuBase extends Component {
         let navIdx;
         let iitems;
         let menuitem;
+        let parentUl;
         for (let i = 0; i < items.length; i++) {
             navIdx = this.getIndex(text, isUniqueId);
             idx = navIdx.pop();
@@ -3290,11 +3311,23 @@ let MenuBase = class MenuBase extends Component {
             if (!isNullOrUndefined(idx) && navIdx.length < uls.length) {
                 idx = isAfter ? idx + 1 : idx;
                 li = this.createItems(iitems).children[idx];
-                const ul = this.isMenu ? select('.e-menu-parent', uls[navIdx.length]) : uls[navIdx.length];
+                let ul = parentUl = this.isMenu ? select('.e-menu-parent', uls[navIdx.length]) : uls[navIdx.length];
+                if (this.enableScrolling && !ul.classList.contains('e-menu-parent')) {
+                    ul = ul.querySelector('.e-menu-parent');
+                }
                 ul.insertBefore(li, ul.children[idx]);
                 if (i === items.length - 1 && !this.isMenu && ul.style.display === 'block') {
-                    this.setPosition(null, ul, parseFloat(ul.style.top), parseFloat(ul.style.left));
-                    ul.style.display = 'block';
+                    if (this.enableScrolling) {
+                        this.setPosition(null, ul, parseFloat(parentUl.style.top), parseFloat(parentUl.style.left));
+                        const scrollElem = closest(ul, '.e-vscroll');
+                        if (scrollElem) {
+                            scrollElem.style.display = 'block';
+                        }
+                    }
+                    else {
+                        this.setPosition(null, ul, parseFloat(ul.style.top), parseFloat(ul.style.left));
+                        ul.style.display = 'block';
+                    }
                 }
             }
         }
@@ -4249,7 +4282,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 {
@@ -11037,16 +11073,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 +11222,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)]);
                 }
             }
         }
@@ -17581,6 +17632,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);
         }
@@ -17856,7 +17910,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,