@syncfusion/ej2-navigations 28.2.6 → 28.2.12

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

@@ -1918,6 +1918,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 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);
@@ -2396,6 +2398,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     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)]) {
@@ -2990,7 +2995,13 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         item.splice(idx, 1);
         var 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')) {
+                var ul = uls[navIdx.length].querySelector('.e-menu-parent');
+                detach(ul.children[idx]);
+            }
+            else {
+                detach(uls[navIdx.length].children[idx]);
+            }
         }
     };
     /**
@@ -3295,7 +3306,13 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                             ul.children[idx + 1].classList.add(disabled);
                         }
                         else {
-                            ul.children[idx].classList.add(disabled);
+                            if (this.enableScrolling && !ul.classList.contains('e-menu-parent')) {
+                                var mainUl = ul.querySelector('.e-menu-parent');
+                                mainUl.children[idx].classList.add(disabled);
+                            }
+                            else {
+                                ul.children[idx].classList.add(disabled);
+                            }
                         }
                     }
                 }
@@ -3333,6 +3350,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             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');
+                }
                 var validUl = isUniqueId ? ul.children[index].id : item[index].text.toString();
                 if (ishide && validUl === items[i]) {
                     ul.children[index].classList.add(HIDE);
@@ -3392,6 +3412,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         var navIdx;
         var iitems;
         var menuitem;
+        var parentUl;
         for (var i = 0; i < items.length; i++) {
             navIdx = this.getIndex(text, isUniqueId);
             idx = navIdx.pop();
@@ -3404,11 +3425,23 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             if (!isNullOrUndefined(idx) && navIdx.length < uls.length) {
                 idx = isAfter ? idx + 1 : idx;
                 li = this.createItems(iitems).children[idx];
-                var ul = this.isMenu ? select('.e-menu-parent', uls[navIdx.length]) : uls[navIdx.length];
+                var 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));
+                        var 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';
+                    }
                 }
             }
         }
@@ -11327,8 +11360,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 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; }) && childNodeChecked_1)) {
+                if (parentNode.length > 0 && childNodeChecked_1 && ((this.OldCheckedData.some(function (oldNode) { return oldNode.id === dataUid_1; })) ||
+                    this.parentNodeCheck.indexOf(dataUid_1) !== -1)) {
                     checkedCount = parentNode.length;
                     parentNodeChecked = true;
                 }
@@ -11350,7 +11383,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             if (count === 0 && checkedCount === 0) {
                 return;
             }
-            else if (count === checkedCount || ((parentNodeChecked && count > 0) && (oldChildCount.length === matchedChildNodes.length)
+            else if (count === checkedCount || ((parentNodeChecked && count > 0) && ((oldChildCount.length === matchedChildNodes.length)
+                || (oldChildCount.length !== matchedChildNodes.length))
                 && (oldChildCount.length !== 0 && matchedChildNodes.length !== 0) && rootNodeChecked_1
                 && (this.autoCheck && this.showCheckBox))) {
                 this.changeState(checkBoxEle, 'check', null, true, true);
@@ -11376,25 +11410,31 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var childKey = typeof this.fields.child === 'string' ? this.fields.child : null;
         var dataId = this.fields.id;
         var parentKey = this.fields.parentID;
+        var matchesDataUid = function (childNode) {
+            if (!isNullOrUndefined(childKey) && childKey in childNode && Array.isArray(childNode[childKey])) {
+                var matchNode = childNode[dataId];
+                if (!isNullOrUndefined(matchNode)) {
+                    return matchNode.toString() === dataUid;
+                }
+            }
+            else {
+                var childNodePid = childNode[parentKey];
+                if (!isNullOrUndefined(childNodePid)) {
+                    return childNodePid.toString() === dataUid;
+                }
+            }
+            return false;
+        };
         return this.checkedNodes
             .map(function (checkedNodeId) {
-            return new DataManager(_this.DDTTreeData)
-                .executeLocal(new Query().where('id', 'equal', checkedNodeId, true))[0];
+            return _this.getNodeObject(checkedNodeId);
         })
             .filter(function (childNode) {
-            if (childNode && typeof childNode === 'object' && (parentKey in childNode || childKey in childNode)) {
-                if (!isNullOrUndefined(childKey) && childKey in childNode && Array.isArray(childNode[childKey])) {
-                    var matchNode = childNode[dataId];
-                    if (!isNullOrUndefined(matchNode)) {
-                        return matchNode.toString() === dataUid;
-                    }
-                }
-                else {
-                    var childNodePid = childNode[parentKey];
-                    if (!isNullOrUndefined(childNodePid)) {
-                        return childNodePid.toString() === dataUid;
-                    }
-                }
+            if (childNode && typeof childNode === 'object' && (childKey in childNode)) {
+                return matchesDataUid(childNode);
+            }
+            else if (_this.dataType !== 2 && typeof childNode === 'object' && (parentKey in childNode || childKey in childNode)) {
+                return matchesDataUid(childNode);
             }
             return false;
         });