@syncfusion/ej2-treegrid 20.3.57 → 20.3.58

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

@@ -1033,7 +1033,7 @@ var Selection = /** @__PURE__ @class */ (function () {
         }
     };
     Selection.prototype.renderColumnCheckbox = function (args) {
-        var rowChkBox = this.parent.createElement('input', { className: 'e-treecheckselect', attrs: { 'type': 'checkbox' } });
+        var rowChkBox = this.parent.createElement('input', { className: 'e-treecheckselect', attrs: { 'type': 'checkbox', 'aria-label': 'checkbox' } });
         var data = args.data;
         args.cell.classList.add('e-treegridcheckbox');
         args.cell.setAttribute('aria-label', 'checkbox');
@@ -1265,9 +1265,9 @@ var Selection = /** @__PURE__ @class */ (function () {
         var checkedRecord;
         var recordIndex = this.parent.getCurrentViewRecords().indexOf(record[0]);
         var checkboxRecord = getParentData(this.parent, currentRecord.uniqueID);
+        var tr = this.parent.getRows()[recordIndex];
         var checkbox;
         if (recordIndex > -1) {
-            var tr = this.parent.getRows()[recordIndex];
             var movableTr = void 0;
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
                 movableTr = this.parent.getMovableDataRows()[recordIndex];
@@ -1316,6 +1316,9 @@ var Selection = /** @__PURE__ @class */ (function () {
         if (recordIndex > -1) {
             if (!isNullOrUndefined(checkbox)) {
                 checkbox.classList.add(checkBoxclass);
+                var chkstate = checkState == 'check' ? 'checked' : checkState == 'uncheck' ? 'unchecked' : 'mixed';
+                tr.querySelector('.e-treecheckselect').setAttribute("aria-checked", checkState == 'check' ? 'true' : checkState == 'uncheck' ? 'false' : 'mixed');
+                tr.querySelector('.e-frame').setAttribute("title", "checkbox" + chkstate);
             }
         }
     };
@@ -1681,6 +1684,7 @@ var Render = /** @__PURE__ @class */ (function () {
             }
             if (iconRequired) {
                 addClass([args.cell], 'e-treerowcell');
+                args.cell.setAttribute("aria-expanded", data.expanded ? "true" : "false");
                 var expandIcon = createElement('span', { className: 'e-icons' });
                 var expand = void 0;
                 if (this.parent.initialRender) {
@@ -3991,13 +3995,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.trigger(getObject('name', args), args);
     };
     TreeGrid.prototype.IsExpandCollapseClicked = function (args) {
-        if (args['name'] === 'rowSelecting' && !isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
-            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell')) && (isNullOrUndefined(args['previousRowIndex']))) {
-            args.cancel = true;
-            return;
-        }
-        else if (args['name'] === 'rowDeselecting' && !isNullOrUndefined(args.target) && ((!isNullOrUndefined(args.row) && (!args.row.length)) && (args.target.classList.contains('e-treegridexpand')
-            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell')))) {
+        if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
+            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))) {
             args.cancel = true;
             return;
         }
@@ -6154,6 +6153,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 }
                 removeClass([targetEle], 'e-treegridexpand');
             }
+            row.querySelectorAll('.e-treerowcell')[0].setAttribute("aria-expanded", action == 'expand' ? 'true' : 'false');
             var detailrows = gridRows.filter(function (r) {
                 return r.classList.contains('e-griddetailrowindex' + record.index + 'level' + (record.level + 1));
             });