@syncfusion/ej2-navigations 24.2.3 → 24.2.8

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

@@ -8985,6 +8985,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Tab.prototype.evalOnPropertyChangeItems = function (newProp, oldProp) {
+        var _this = this;
         if (!(newProp.items instanceof Array && oldProp.items instanceof Array)) {
             var changedProp = Object.keys(newProp.items);
             for (var i = 0; i < changedProp.length; i++) {
@@ -9068,6 +9069,11 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             }
+            if (this.isReact && this.portals && this.portals.length > 0) {
+                this.renderReactTemplates(function () {
+                    _this.refreshActiveTabBorder();
+                });
+            }
         }
         else {
             this.lastIndex = 0;
@@ -10735,7 +10741,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             element = this.element.querySelector('[data-uid="' + data[this.fields.id] + '"]');
         }
         if (element) {
-            var ariaChecked = element.querySelector('.' + CHECKBOXWRAP).getAttribute('aria-checked');
+            var ariaChecked = element.getAttribute('aria-checked');
             if (ariaChecked !== 'true') {
                 this.changeState(element, 'indeterminate', null, true, true);
             }
@@ -10790,24 +10796,22 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.beforeNodeCreate = function (e) {
         if (this.showCheckBox) {
             var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
-            checkboxEle.setAttribute('role', 'checkbox');
-            checkboxEle.setAttribute('aria-label', e.text);
             var icon = select('div.' + ICON, e.item);
             var id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
             var 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');
             }
             var frame = select('.' + CHECKBOXFRAME, checkboxEle);
             EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -11341,7 +11345,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
         if (!isNullOrUndefined(ariaState)) {
-            wrapper.setAttribute('aria-checked', ariaState);
+            currLi.setAttribute('aria-checked', ariaState);
         }
         if (isAdd) {
             var data = [].concat([], this.checkActionNodes);
@@ -11355,7 +11359,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         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 = [];
@@ -12061,7 +12065,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TreeView.prototype.nodeSelectAction = function (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) {
@@ -12389,7 +12393,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         this.checkActionNodes = [];
         var ariaState = !isCheck ? 'true' : 'false';
         if (!isNullOrUndefined(ariaState)) {
-            checkWrap.setAttribute('aria-checked', ariaState);
+            currLi.setAttribute('aria-checked', ariaState);
         }
         var eventArgs = this.getCheckEvent(currLi, isCheck ? 'uncheck' : 'check', e);
         this.trigger('nodeChecking', eventArgs, function (observedArgs) {
@@ -12785,7 +12789,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             var checked = null;
             var 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,