@zeyos/zx 2.2.0 → 2.2.1

package/dist/zx.esm.js

@@ -11223,6 +11223,7 @@ var Table = class extends Component {
   /** @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",
@@ -11236,9 +11237,9 @@ var Table = class extends Component {
       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();
@@ -11292,6 +11293,7 @@ var Table = class extends Component {
       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);
@@ -11317,6 +11319,7 @@ var Table = class extends Component {
       /** @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)));
@@ -11824,10 +11827,14 @@ var Table = class extends Component {
   /** @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() {