Method #syncSelection

src/table.js:243–265

()

    }

    #syncSelection() {
      const visibleCheckboxes = this.#visibleRows()
        .map(row => row.querySelector('[data-table-select-row]'))
        .filter(checkbox => checkbox && !checkbox.disabled);
      const selectedCheckboxes = this.#rowCheckboxes().filter(checkbox => checkbox.checked);

      this.#rows.forEach(row => {
        const checkbox = row.querySelector('[data-table-select-row]');
        row.toggleAttribute('data-selected', Boolean(checkbox?.checked));
      });

      if (this.#selectAll) {
        const visibleSelected = visibleCheckboxes.filter(checkbox => checkbox.checked).length;
        this.#selectAll.checked = visibleCheckboxes.length > 0 && visibleSelected === visibleCheckboxes.length;
        this.#selectAll.indeterminate = visibleSelected > 0 && visibleSelected < visibleCheckboxes.length;
      }

      if (this.#selectedStatus) {
        const count = selectedCheckboxes.length;
        this.#selectedStatus.value = String(count);
        this.#selectedStatus.textContent = count === 1 ? '1 selected' : `${count} selected`;
      }
    }

    #rowCheckboxes() {
      return this.#rows