@zeyos/zx 2.2.0 → 2.2.1

package/dist/zx-compat.global.js

@@ -11382,6 +11382,7 @@
     /** @returns {void} */
     _renderHeader() {
       const row2 = h("tr", { class: "zx-table__header-row" });
+      if (this._growStep) row2.setAttribute("aria-rowindex", "1");
       if (this.options.selectable === "multi") {
         this._selectAll = h("input", {
           class: "zx-table__checkbox zx-table__select-all",
@@ -11395,9 +11396,9 @@
         row2.append(selectionHeader);
         this.listen(this._selectAll, "click", () => {
           if (this._selectAll.checked) {
-            for (const dataRow of this._data) this._selected.add(this._idFor(dataRow));
+            for (const dataRow of this._visibleData()) this._selected.add(this._idFor(dataRow));
           } else {
-            this._selected.clear();
+            for (const dataRow of this._visibleData()) this._selected.delete(this._idFor(dataRow));
           }
           this._selectionAnchorId = null;
           this._syncSelection();
@@ -11451,6 +11452,7 @@
         this._visibleData().forEach((row2, index) => fragment.append(this._createRow(row2, index)));
       }
       this._tbody.replaceChildren(fragment);
+      if (this._growStep) this._table.setAttribute("aria-rowcount", String(this._data.length + 1));
       this._syncSelectAll();
       this._syncGrowing();
       if (this._stacked) this._applyStackedRoles(true);
@@ -11476,6 +11478,7 @@
         /** @type {HTMLTableRowElement} */
         h("tr", { dataset: { row: "" } })
       );
+      if (this._growStep) tr.setAttribute("aria-rowindex", String(index + 2));
       const rowClass = typeof this.options.rowClass === "function" ? this.options.rowClass(row2) : "";
       if (rowClass) tr.classList.add(...String(rowClass).split(/\s+/).filter(Boolean));
       if (this.options.selectable !== false) tr.setAttribute("aria-selected", String(this._selected.has(id)));
@@ -11983,10 +11986,14 @@
     /** @returns {void} */
     _syncSelectAll() {
       if (!this._selectAll) return;
-      const selectedRows = this._data.reduce((count2, row2) => count2 + Number(this._selected.has(this._idFor(row2))), 0);
-      this._selectAll.disabled = this._data.length === 0;
-      this._selectAll.checked = this._data.length > 0 && selectedRows === this._data.length;
-      this._selectAll.indeterminate = selectedRows > 0 && selectedRows < this._data.length;
+      const visible = this._visibleData();
+      const selectedRows = visible.reduce(
+        (count2, row2) => count2 + Number(this._selected.has(this._idFor(row2))),
+        0
+      );
+      this._selectAll.disabled = visible.length === 0;
+      this._selectAll.checked = visible.length > 0 && selectedRows === visible.length;
+      this._selectAll.indeterminate = selectedRows > 0 && selectedRows < visible.length;
     }
     /** @returns {void} */
     _syncSortHeader() {