Class OtTable

src/table.js:8–291

  }

  class OtTable extends HTMLElement {
    #controller;
    #table;
    #tbody;
    #rows = [];
    #headers = [];
    #filter;
    #status;
    #selectedStatus;
    #selectAll;
    #emptyRow;

    connectedCallback() {
      this.#controller = new AbortController();
      this.#init();
    }

    disconnectedCallback() {
      this.#controller?.abort();
    }

    refresh() {
      if (!this.#table) {
        return;
      }

      this.#rows = Array.from(this.#tbody?.rows || []).filter(row => !row.hasAttribute('data-table-empty'));
      this.#rows.forEach((row, index) => {
        row.dataset.tableIndex = row.dataset.tableIndex || String(index);
      });

      this.#syncSelection();
      this.#applyFilter(false);
    }

    #init() {
      this.#table = this.querySelector('table');
      this.#tbody = this.#table?.tBodies[0];

      if (!this.#table || !this.#tbody) {
        console.warn('ot-table: Missing table or tbody element');
        return;
      }

      this.#filter = this.querySelector('[data-table-filter]');
      this.#status = this.querySelector('[data-table-status]');
      this.#selectedStatus = this.querySelector('[data-table-selected]');
      this.#selectAll = this.querySelector('[data-table-select-all]');

      this.#setupSort();
      this.#setupFilter();
      this.#setupSelection();
      this.addEventListener('ot-table-refresh', () => this.refresh(), { signal: this.#controller.signal });

      this.refresh();
      this.#applyInitialSort();
    }