@syncfusion/ej2-navigations 24.2.3 → 24.2.8

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

@@ -8790,6 +8790,11 @@ let Tab = class Tab extends Component {
                     }
                 }
             }
+            if (this.isReact && this.portals && this.portals.length > 0) {
+                this.renderReactTemplates(() => {
+                    this.refreshActiveTabBorder();
+                });
+            }
         }
         else {
             this.lastIndex = 0;
@@ -10411,7 +10416,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             element = this.element.querySelector('[data-uid="' + data[this.fields.id] + '"]');
         }
         if (element) {
-            let ariaChecked = element.querySelector('.' + CHECKBOXWRAP).getAttribute('aria-checked');
+            let ariaChecked = element.getAttribute('aria-checked');
             if (ariaChecked !== 'true') {
                 this.changeState(element, 'indeterminate', null, true, true);
             }
@@ -10466,24 +10471,22 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     beforeNodeCreate(e) {
         if (this.showCheckBox) {
             let checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
-            checkboxEle.setAttribute('role', 'checkbox');
-            checkboxEle.setAttribute('aria-label', e.text);
             let icon = select('div.' + ICON, e.item);
             let id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
             let checkValue = getValue(e.fields.isChecked, e.curData);
             if (this.checkedNodes.indexOf(id) > -1) {
                 select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
-                checkboxEle.setAttribute('aria-checked', 'true');
+                e.item.setAttribute('aria-checked', 'true');
                 this.addCheck(e.item);
             }
             else if (!isNullOrUndefined(checkValue) && checkValue.toString() === 'true') {
                 select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
-                checkboxEle.setAttribute('aria-checked', 'true');
+                e.item.setAttribute('aria-checked', 'true');
                 this.addCheck(e.item);
             }
             else {
-                checkboxEle.setAttribute('aria-checked', 'false');
+                e.item.setAttribute('aria-checked', 'false');
             }
             let frame = select('.' + CHECKBOXFRAME, checkboxEle);
             EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -11015,7 +11018,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
         ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
         if (!isNullOrUndefined(ariaState)) {
-            wrapper.setAttribute('aria-checked', ariaState);
+            currLi.setAttribute('aria-checked', ariaState);
         }
         if (isAdd) {
             let data = [].concat([], this.checkActionNodes);
@@ -11029,7 +11032,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
         if (!isPrevent) {
             if (!isNullOrUndefined(ariaState)) {
-                wrapper.setAttribute('aria-checked', ariaState);
+                currLi.setAttribute('aria-checked', ariaState);
                 eventArgs.data[0].checked = ariaState;
                 this.trigger('nodeChecked', eventArgs);
                 this.checkActionNodes = [];
@@ -11727,7 +11730,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
     }
     nodeSelectAction(li, e, eventArgs, multiSelect) {
-        if (!this.allowMultiSelection || (!multiSelect && (!e || (e && !e.ctrlKey)))) {
+        if (!this.allowMultiSelection || (!multiSelect && (!e || (e && !(e.ctrlKey || e.metaKey))))) {
             this.removeSelectAll();
         }
         if (this.allowMultiSelection && e && e.shiftKey) {
@@ -12050,7 +12053,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.checkActionNodes = [];
         let ariaState = !isCheck ? 'true' : 'false';
         if (!isNullOrUndefined(ariaState)) {
-            checkWrap.setAttribute('aria-checked', ariaState);
+            currLi.setAttribute('aria-checked', ariaState);
         }
         let eventArgs = this.getCheckEvent(currLi, isCheck ? 'uncheck' : 'check', e);
         this.trigger('nodeChecking', eventArgs, (observedArgs) => {
@@ -12446,7 +12449,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             let checked = null;
             const checkboxElement = select('.' + CHECKBOXWRAP, currLi);
             if (this.showCheckBox && checkboxElement) {
-                checked = checkboxElement.getAttribute('aria-checked');
+                checked = currLi.getAttribute('aria-checked');
             }
             return {
                 id: id, text: text, parentID: pid, selected: selected, selectable: selectable, expanded: expanded,