@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/table/table.class.js

@@ -0,0 +1,630 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './table.styles.js';
+import { chevronIcon } from '../../internal/icons.js';
+import '../empty/empty.class.js';
+/** Interactive elements a nested `cell()` template may render (e.g. an
+ *  actions-column button). Clicks/keydowns landing on one of these — or
+ *  bubbling up through one — must not be re-interpreted as row/column
+ *  activation by the table's own delegated listeners. */
+const INTERACTIVE_SELECTOR = 'button, a[href], input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"]), [role="button"], [role="checkbox"], [role="combobox"], [role="listbox"], [role="menu"], [role="menuitem"], [role="option"], [role="radio"], [role="slider"], [role="spinbutton"], [role="switch"], [role="tab"], [role="textbox"]';
+/** Encodes a row/column identity key for use as a Map key or a DOM
+ *  `data-row-key` attribute value, preserving the distinction between a
+ *  numeric key and a string key that happen to stringify the same way
+ *  (`1` vs `"1"`) -- a bare `String(key)` would silently collide the two. */
+function encodeKey(key) {
+    return `${typeof key}:${key}`;
+}
+/** Whether `target` (or an ancestor up to the delegated listener's own
+ *  `<table>`, exclusive) is a custom element — i.e. any tag containing a
+ *  hyphen, the one universal rule every custom element name must follow —
+ *  which is never itself matched by INTERACTIVE_SELECTOR's plain-HTML
+ *  selector list but should still own its own clicks/keydowns (e.g. a
+ *  `<lyra-select>`/`<lyra-combobox>` rendered by a `cell()` template)
+ *  instead of being re-interpreted as row/column activation. */
+function closestInteractive(target, boundary) {
+    let el = target;
+    while (el && el !== boundary) {
+        if ((el.matches(INTERACTIVE_SELECTOR) && !el.matches('[data-row-key], th[data-col-key]')) ||
+            el.tagName.includes('-'))
+            return el;
+        el = el.parentElement;
+    }
+    return null;
+}
+/**
+ * `<lyra-table>` — a presentational, sort/select-aware data table.
+ *
+ * Header/row activation is delegated: one `click` and one `keydown`
+ * listener on `<table>` resolve the target via `closest('[data-col-key]'
+ * | '[data-row-key]')` and a key→object lookup map, instead of allocating
+ * fresh per-column/per-row closures on every render. Both listeners guard
+ * against nested interactive `cell()` content first (see
+ * `INTERACTIVE_SELECTOR`) so a button/link/input inside a cell owns its own
+ * activation instead of triggering `lyra-row-click`.
+ *
+ * Keyboard focus follows a roving-tabindex pattern (one `tabindex="0"` stop
+ * among the header cells, one among the body rows — see `focusedColKey()` /
+ * `focusedRowKey()`), matching this repo's other `role="grid"`/composite
+ * widgets. Left/Right/Home/End move within the header row; Up/Down/Home/End
+ * move within the body; Down from the header enters the body's roving stop,
+ * and Up from the body's first row returns to the header's roving stop.
+ * Enter/Space still only sort/activate (see `activateColumn()` /
+ * `activateRow()`).
+ *
+ * Set `aria-label` on the host to give the `role="grid"` element an
+ * accessible name; it's forwarded into the shadow DOM's `<table>`.
+ *
+ * `columns[].priority` ('medium' | 'low') hides that column under
+ * `[part='base']`'s `@container` breakpoints; `[part='reveal-columns-button']`
+ * forces them all back into view. Rather than a *static* check of whether any
+ * column merely declares a `priority`, the button (and the public
+ * `columnsHidden` property, see below) reflects whether a `priority` column
+ * is *actually* hidden right now — measured via `ResizeObserver` on
+ * `[part='base']` plus a post-render DOM check — or `showAllColumns`
+ * force-visible mode is currently active (so there's still a way to toggle
+ * it back off). `columns[].sticky` pins a column's header/cells to the
+ * inline-start edge while the table scrolls horizontally.
+ *
+ * @customElement lyra-table
+ * @event lyra-sort - A sortable header was activated. `detail: { key }`.
+ * @event lyra-row-click - A row was activated. `detail: { row }`.
+ * @event lyra-load-more - The "load more" control was activated.
+ * @event lyra-columns-hidden-change - `columnsHidden` actually changed value
+ *   (a `priority` column just became hidden/un-hidden by the `@container`
+ *   rules, or `showAllColumns` force-visible mode was toggled while a
+ *   `priority` column was hidden). `detail: { hidden: boolean }`.
+ * @csspart base - The root wrapper around the `<table>` and its footer controls.
+ * @csspart table - The `<table role="grid">` element.
+ * @csspart head - The `<thead>` element.
+ * @csspart header-cell - Each `<th>` header cell.
+ * @csspart row - Each body `<tr>`.
+ * @csspart cell - Each body `<td>`.
+ * @csspart foot - The `<tfoot>`, only rendered when at least one column defines `footer`.
+ * @csspart footer-row - The single footer row.
+ * @csspart footer-cell - A single footer cell.
+ * @csspart more-button - The "load more" control, shown when `hasMore` is true.
+ * @csspart sort-icon - The chevron shown in the active sortable column's header cell.
+ * @csspart reveal-columns-button - The button that toggles `priority`-hidden columns back into view.
+ */
+export class LyraTable extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.columns = [];
+        this.rows = [];
+        this.sortKey = '';
+        this.sortDir = 'asc';
+        this.selectedKey = null;
+        this.hasMore = false;
+        this.moreLabel = '';
+        this.emptyHeading = '';
+        this.emptyDescription = '';
+        this.noColumnsHeading = '';
+        this.noColumnsDescription = '';
+        this.revealColumnsLabel = '';
+        this.hideColumnsLabel = '';
+        /** Whether a `priority` column is *actually* hidden right now by
+         *  table.styles.ts's `@container` rules, or `showAllColumns` force-visible
+         *  mode is currently active — the same computed value that gates whether
+         *  `[part='reveal-columns-button']` renders at all (see `render()`), kept
+         *  in sync by `recomputeColumnsHidden()`. Computed/read-only by
+         *  convention: consumers may read it (and listen for
+         *  `lyra-columns-hidden-change`), but setting it directly has no lasting
+         *  effect, since it's recomputed on the very next render or
+         *  `[part='base']` resize. */
+        this.columnsHidden = false;
+        /** Forces `priority`-hidden columns back into view, overriding the
+         *  `@container` hide rules in table.styles.ts. Toggled by
+         *  `[part='reveal-columns-button']`. */
+        this.showAllColumns = false;
+        /** Roving-tabindex position among header cells; `null` until a header is
+         *  clicked/navigated to, at which point `focusedColKey()` falls back to
+         *  the first column. */
+        this.activeColKey = null;
+        /** Roving-tabindex position among body rows; `null` until a row is
+         *  clicked/navigated to, at which point `focusedRowKey()` falls back to
+         *  `selectedKey` (if it matches a row) or the first row. */
+        this.activeRowKey = null;
+        this.rowsByKey = new Map();
+        this.columnsByKey = new Map();
+        this.observedHeaders = new Set();
+        this.toggleColumns = () => {
+            this.showAllColumns = !this.showAllColumns;
+        };
+        this.onTableClick = (e) => {
+            const target = e.target;
+            const table = e.currentTarget;
+            // A cell()-rendered button/link/input/custom-element etc. owns its own
+            // click — don't let the delegated row/column resolution below
+            // re-interpret it as row or header activation.
+            if (closestInteractive(target, table))
+                return;
+            // Scoped to `th` — body `<td>`s also carry `data-col-key` now (for the
+            // sticky-offset measurement pass), so an unscoped `[data-col-key]` would
+            // match the clicked cell itself and misroute a plain cell click to
+            // column-sort activation instead of falling through to the row check
+            // below.
+            const th = target.closest('th[data-col-key]');
+            if (th)
+                return this.activateColumn(th.dataset.colKey);
+            const tr = target.closest('[data-row-key]');
+            if (tr)
+                this.activateRow(tr.dataset.rowKey);
+        };
+        this.onTableKeyDown = (e) => {
+            const target = e.target;
+            const table = e.currentTarget;
+            // Same guard as onTableClick — also skips the table's own
+            // preventDefault(), so a focused nested control keeps its native/own
+            // Enter or Space activation instead of having it swallowed.
+            if (closestInteractive(target, table))
+                return;
+            // Same th-scoping rationale as onTableClick above.
+            const th = target.closest('th[data-col-key]');
+            if (th)
+                return this.onHeaderKeyDown(e, th);
+            const tr = target.closest('[data-row-key]');
+            if (tr)
+                this.onRowKeyDown(e, tr);
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = new ResizeObserver(() => {
+            this.recomputeColumnsHidden();
+            this.applyStickyOffsets();
+        });
+        // A reconnect re-creates the observer above but the shadow root content
+        // survives across disconnect/reconnect (Lit doesn't tear down the shadow
+        // root) — re-observe [part='base'] here if it already exists from before
+        // the disconnect. On the very first mount connectedCallback() fires
+        // *before* Lit's first render, so [part='base'] doesn't exist yet and
+        // this is a no-op; updated() below (which always runs after render, first
+        // paint included) covers that case instead.
+        const base = this.renderRoot?.querySelector('[part="base"]');
+        if (base)
+            this.observeBase(base);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.resizeObserver?.disconnect();
+        this.observedBase = undefined;
+        this.observedHeaders.clear();
+    }
+    observeBase(base) {
+        if (this.observedBase === base)
+            return;
+        if (this.observedBase)
+            this.resizeObserver?.unobserve(this.observedBase);
+        this.resizeObserver?.observe(base);
+        this.observedBase = base;
+    }
+    observeHeaders() {
+        const headers = new Set(this.columns.some((column) => column.sticky)
+            ? this.renderRoot.querySelectorAll('th[data-col-key]')
+            : []);
+        for (const header of this.observedHeaders) {
+            if (!headers.has(header)) {
+                this.resizeObserver?.unobserve(header);
+                this.observedHeaders.delete(header);
+            }
+        }
+        for (const header of headers) {
+            if (!this.observedHeaders.has(header)) {
+                this.observedHeaders.add(header);
+                this.resizeObserver?.observe(header);
+            }
+        }
+    }
+    /** Recomputes `columnsHidden` from the live DOM (mirrors `visibleHeaders()`'s
+     *  own `offsetParent !== null` technique for detecting `@container`-hidden
+     *  cells) and dispatches `lyra-columns-hidden-change` only on a real
+     *  transition. Called from `updated()` (covers a change driven by
+     *  `columns`/`rows`/`showAllColumns` rather than a container resize) and
+     *  from the `ResizeObserver` callback (covers a container resize with no
+     *  Lit-tracked property change at all). */
+    recomputeColumnsHidden() {
+        const hasPriorityColumns = this.columns.some((col) => col.priority);
+        const anyPriorityHidden = hasPriorityColumns &&
+            [...this.renderRoot.querySelectorAll('th[data-priority]')].some((el) => el.offsetParent === null);
+        const next = anyPriorityHidden || (hasPriorityColumns && this.showAllColumns);
+        this.rehomeFocusedColumn();
+        if (this.columnsHidden === next)
+            return;
+        this.columnsHidden = next;
+        this.emit('lyra-columns-hidden-change', { hidden: next });
+    }
+    rehomeFocusedColumn() {
+        const visible = this.visibleHeaders();
+        if (visible.length === 0 || this.activeColKey === null)
+            return;
+        if (!visible.some((header) => header.dataset.colKey === this.activeColKey)) {
+            this.activeColKey = visible[0].dataset.colKey ?? null;
+        }
+    }
+    keyOf(row, index) {
+        return this.rowKey ? this.rowKey(row) : index;
+    }
+    /** The header cell that currently owns `tabindex="0"`. */
+    focusedColKey() {
+        const visible = this.visibleHeaders();
+        const visibleKeys = new Set(visible.map((el) => el.dataset.colKey).filter((key) => key !== undefined && this.columnsByKey.has(key)));
+        if (this.activeColKey !== null && this.columnsByKey.has(this.activeColKey)) {
+            if (visibleKeys.size === 0 || visibleKeys.has(this.activeColKey))
+                return this.activeColKey;
+        }
+        return visible.find((el) => el.dataset.colKey !== undefined && this.columnsByKey.has(el.dataset.colKey))?.dataset.colKey ?? this.columns[0]?.key ?? null;
+    }
+    /** The body row that currently owns `tabindex="0"`. */
+    focusedRowKey() {
+        if (this.activeRowKey !== null && this.rowsByKey.has(this.activeRowKey)) {
+            return this.activeRowKey;
+        }
+        if (this.selectedKey !== null) {
+            const selected = encodeKey(this.selectedKey);
+            if (this.rowsByKey.has(selected))
+                return selected;
+        }
+        return this.rows.length > 0 ? encodeKey(this.keyOf(this.rows[0], 0)) : null;
+    }
+    willUpdate(changed) {
+        if (changed.has('rows') || changed.has('rowKey')) {
+            this.rowsByKey = new Map(this.rows.map((row, i) => [encodeKey(this.keyOf(row, i)), row]));
+        }
+        if (changed.has('columns')) {
+            this.columnsByKey = new Map(this.columns.map((c) => [c.key, c]));
+        }
+    }
+    /** Each sticky column's cumulative inline-start offset — the sum of the *rendered
+     *  width* of every earlier sticky column — so multiple sticky columns
+     *  stack left-to-right instead of all pinning to inset-inline-start: 0 and
+     *  overlapping. Table columns are intrinsically sized (not fixed-width), so
+     *  this can't be computed in CSS alone; it requires measuring the actual
+     *  laid-out `offsetWidth` of each earlier sticky column's header cell. */
+    stickyOffsets() {
+        const offsets = new Map();
+        let running = 0;
+        for (const col of this.columns) {
+            if (!col.sticky)
+                continue;
+            const headerEl = [...this.renderRoot.querySelectorAll('th[data-col-key]')].find((el) => el.dataset.colKey === col.key);
+            offsets.set(col.key, running);
+            running += headerEl?.offsetWidth ?? 0;
+        }
+        return offsets;
+    }
+    applyStickyOffsets() {
+        if (!this.columns.some((c) => c.sticky))
+            return;
+        const offsets = this.stickyOffsets();
+        this.renderRoot.querySelectorAll('[data-col-key]').forEach((el) => {
+            const key = el.dataset.colKey;
+            if (key !== undefined && offsets.has(key)) {
+                el.style.setProperty('--lyra-table-sticky-offset', `${offsets.get(key)}px`);
+            }
+        });
+    }
+    /** Applies stickyOffsets()'s measured per-column offsets as an inline
+     *  `--lyra-table-sticky-offset` custom property on every header cell and
+     *  body cell in that column (addressed by the shared `data-col-key`
+     *  attribute). This is a post-render DOM measurement — column widths
+     *  aren't known until after the browser has laid out this update's
+     *  render() output — so it runs from `updated()`, not `willUpdate()`,
+     *  intentionally kept as a separate pass from the rowsByKey/columnsByKey
+     *  rebuild above: those two must stay in `willUpdate()` so `render()`'s
+     *  own `focusedRowKey()` call sees the current update's identity maps
+     *  (e.g. a freshly-assigned `selectedKey` resolving to the correct
+     *  roving-tabindex row on the very first paint), whereas the sticky-offset
+     *  measurement can only run after that same paint has happened. Only runs
+     *  when `hasSticky` is true (opt-in) and simply recomputes on every
+     *  update; column widths are measured per update so the current layout
+     *  reflects the rendered columns. */
+    updated(changed) {
+        if (changed.has('columns') || changed.has('rows') || changed.has('rowKey'))
+            this.applyStickyOffsets();
+        // Re-observe [part='base'] whenever this update's render() produced a
+        // fresh one (first mount, or a swap to/from the <lyra-empty> template
+        // shape) — observeBase() itself no-ops when it's the same element as
+        // already observed.
+        const base = this.renderRoot.querySelector('[part="base"]');
+        if (base)
+            this.observeBase(base);
+        this.observeHeaders();
+        // Deferred to a microtask rather than called synchronously here: a real
+        // priority-hidden transition mutates the reactive `columnsHidden`
+        // property, and doing that from inside this same updated() call stack
+        // schedules a second update from within the first update's own lifecycle
+        // callback -- Lit's dev-mode "scheduled an update ... after an update
+        // completed" warning. Pushing the write out to a microtask lets this
+        // update finish first, so the follow-up update is a normal externally
+        // triggered one instead.
+        queueMicrotask(() => this.recomputeColumnsHidden());
+    }
+    activateColumn(key) {
+        this.activeColKey = key;
+        const col = this.columnsByKey.get(key);
+        if (col?.sortable)
+            this.emit('lyra-sort', { key: col.key });
+    }
+    activateRow(key) {
+        this.activeRowKey = key;
+        const row = this.rowsByKey.get(key);
+        if (row !== undefined)
+            this.emit('lyra-row-click', { row });
+    }
+    /** Header cells currently in the tab sequence — excludes columns hidden by
+     *  a `priority`-driven `@container` rule (table.styles.ts), so Left/Right/
+     *  Home/End never strand the roving tab stop on a `display: none` cell
+     *  that `.focus()` would silently no-op on. Scoped to `th` — body `<td>`s
+     *  now carry the same `data-col-key` attribute (for the sticky-offset
+     *  measurement pass) but must never be treated as header cells here. */
+    visibleHeaders() {
+        return [...this.renderRoot.querySelectorAll('th[data-col-key]')].filter((el) => el.offsetParent !== null);
+    }
+    focusHeader(el) {
+        if (!el?.dataset.colKey)
+            return;
+        this.activeColKey = el.dataset.colKey;
+        el.focus();
+    }
+    focusRow(el) {
+        if (!el?.dataset.rowKey)
+            return;
+        this.activeRowKey = el.dataset.rowKey;
+        el.focus();
+    }
+    onHeaderKeyDown(e, th) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.activateColumn(th.dataset.colKey);
+            return;
+        }
+        const headers = this.visibleHeaders();
+        const index = headers.indexOf(th);
+        if (index < 0)
+            return;
+        const rtl = getComputedStyle(this).direction === 'rtl';
+        switch (e.key) {
+            case 'ArrowLeft':
+                e.preventDefault();
+                this.focusHeader(headers[rtl ? Math.min(headers.length - 1, index + 1) : Math.max(0, index - 1)]);
+                return;
+            case 'ArrowRight':
+                e.preventDefault();
+                this.focusHeader(headers[rtl ? Math.max(0, index - 1) : Math.min(headers.length - 1, index + 1)]);
+                return;
+            case 'Home':
+                e.preventDefault();
+                this.focusHeader(headers[0]);
+                return;
+            case 'End':
+                e.preventDefault();
+                this.focusHeader(headers[headers.length - 1]);
+                return;
+            case 'ArrowDown': {
+                e.preventDefault();
+                const rows = [...this.renderRoot.querySelectorAll('[data-row-key]')];
+                const key = this.focusedRowKey();
+                this.focusRow(rows.find((r) => r.dataset.rowKey === key) ?? rows[0] ?? null);
+                return;
+            }
+            default:
+                return;
+        }
+    }
+    onRowKeyDown(e, tr) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.activateRow(tr.dataset.rowKey);
+            return;
+        }
+        const bodyRows = [...this.renderRoot.querySelectorAll('[data-row-key]')];
+        const index = bodyRows.indexOf(tr);
+        if (index < 0)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                this.focusRow(bodyRows[Math.min(bodyRows.length - 1, index + 1)]);
+                return;
+            case 'ArrowUp':
+                e.preventDefault();
+                if (index === 0) {
+                    const headers = this.visibleHeaders();
+                    const key = this.focusedColKey();
+                    this.focusHeader(headers.find((h) => h.dataset.colKey === key) ?? headers[0] ?? null);
+                }
+                else {
+                    this.focusRow(bodyRows[index - 1]);
+                }
+                return;
+            case 'Home':
+                e.preventDefault();
+                this.focusRow(bodyRows[0]);
+                return;
+            case 'End':
+                e.preventDefault();
+                this.focusRow(bodyRows[bodyRows.length - 1]);
+                return;
+            default:
+                return;
+        }
+    }
+    render() {
+        if (this.columns.length === 0) {
+            return html `<lyra-empty
+        heading=${this.localize('noColumns', this.noColumnsHeading || undefined)}
+        description=${this.noColumnsDescription}
+      ></lyra-empty>`;
+        }
+        if (this.rows.length === 0) {
+            return html `<lyra-empty
+        heading=${this.localize('noData', this.emptyHeading || undefined)}
+        description=${this.emptyDescription}
+      ></lyra-empty>`;
+        }
+        const focusedCol = this.focusedColKey();
+        const focusedRow = this.focusedRowKey();
+        return html `
+      <div part="base" ?data-force-visible=${this.showAllColumns}>
+        <table
+          part="table"
+          role="grid"
+          aria-label=${this.getAttribute('aria-label') || nothing}
+          @click=${this.onTableClick}
+          @keydown=${this.onTableKeyDown}
+        >
+          <thead part="head">
+            <tr role="row">
+              ${this.columns.map((col) => {
+            const active = Boolean(col.sortable) && this.sortKey === col.key;
+            const ariaSort = active ? (this.sortDir === 'asc' ? 'ascending' : 'descending') : 'none';
+            return html `<th
+                  part="header-cell"
+                  role="columnheader"
+                  scope="col"
+                  data-col-key=${col.key}
+                  data-align=${col.align ?? 'start'}
+                  data-priority=${col.priority ?? nothing}
+                  ?data-sticky=${col.sticky}
+                  ?data-sortable=${col.sortable}
+                  aria-sort=${col.sortable ? ariaSort : nothing}
+                  tabindex=${col.key === focusedCol ? '0' : '-1'}
+                >
+                  ${col.label}
+                  ${active
+                ? html `<span part="sort-icon" data-dir=${this.sortDir} aria-hidden="true"
+                        >${chevronIcon()}</span
+                      >`
+                : nothing}
+                </th>`;
+        })}
+            </tr>
+          </thead>
+          <tbody>
+            ${repeat(this.rows, (row, i) => this.keyOf(row, i), (row, i) => {
+            const key = this.keyOf(row, i);
+            const selected = this.selectedKey !== null && this.selectedKey === key;
+            return html `<tr
+                  part="row"
+                  role="row"
+                  data-row-key=${encodeKey(key)}
+                  aria-selected=${selected ? 'true' : 'false'}
+                  tabindex=${encodeKey(key) === focusedRow ? '0' : '-1'}
+                >
+                  ${this.columns.map((col) => html `<td
+                        part="cell"
+                        role="gridcell"
+                        data-col-key=${col.key}
+                        data-align=${col.align ?? 'start'}
+                        data-priority=${col.priority ?? nothing}
+                        ?data-sticky=${col.sticky}
+                        style=${col.cellStyle ? styleMap(col.cellStyle(row) ?? {}) : nothing}
+                      >
+                        ${col.cell(row)}
+                      </td>`)}
+                </tr>`;
+        })}
+          </tbody>
+          ${this.columns.some((c) => c.footer)
+            ? html `<tfoot part="foot">
+                <tr part="footer-row">
+                  ${this.columns.map((col) => html `<td
+                      part="footer-cell"
+                      data-col-key=${col.key}
+                      data-align=${col.align ?? 'start'}
+                    >${col.footer?.(this.rows) ?? ''}</td>`)}
+                </tr>
+              </tfoot>`
+            : nothing}
+        </table>
+        ${this.columnsHidden
+            ? html `<button
+              part="reveal-columns-button"
+              type="button"
+              aria-pressed=${this.showAllColumns ? 'true' : 'false'}
+              @click=${this.toggleColumns}
+            >
+              ${this.showAllColumns
+                ? this.localize('showFewerColumns', this.hideColumnsLabel || undefined)
+                : this.localize('showAllColumns', this.revealColumnsLabel || undefined)}
+            </button>`
+            : nothing}
+        ${this.hasMore
+            ? html `<button
+              part="more-button"
+              type="button"
+              @click=${() => this.emit('lyra-load-more')}
+            >
+              ${this.localize('loadMore', this.moreLabel || undefined)}
+            </button>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraTable.prototype, "columns", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraTable.prototype, "rows", void 0);
+__decorate([
+    property({ attribute: 'sort-key' })
+], LyraTable.prototype, "sortKey", void 0);
+__decorate([
+    property({ attribute: 'sort-dir' })
+], LyraTable.prototype, "sortDir", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraTable.prototype, "rowKey", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraTable.prototype, "selectedKey", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-more', reflect: true })
+], LyraTable.prototype, "hasMore", void 0);
+__decorate([
+    property({ attribute: 'more-label' })
+], LyraTable.prototype, "moreLabel", void 0);
+__decorate([
+    property({ attribute: 'empty-heading' })
+], LyraTable.prototype, "emptyHeading", void 0);
+__decorate([
+    property({ attribute: 'empty-description' })
+], LyraTable.prototype, "emptyDescription", void 0);
+__decorate([
+    property({ attribute: 'no-columns-heading' })
+], LyraTable.prototype, "noColumnsHeading", void 0);
+__decorate([
+    property({ attribute: 'no-columns-description' })
+], LyraTable.prototype, "noColumnsDescription", void 0);
+__decorate([
+    property({ attribute: 'reveal-columns-label' })
+], LyraTable.prototype, "revealColumnsLabel", void 0);
+__decorate([
+    property({ attribute: 'hide-columns-label' })
+], LyraTable.prototype, "hideColumnsLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'columns-hidden', reflect: true })
+], LyraTable.prototype, "columnsHidden", void 0);
+__decorate([
+    state()
+], LyraTable.prototype, "showAllColumns", void 0);
+__decorate([
+    state()
+], LyraTable.prototype, "activeColKey", void 0);
+__decorate([
+    state()
+], LyraTable.prototype, "activeRowKey", void 0);
+//# sourceMappingURL=table.class.js.map

package/dist/components/table/table.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.class.js","sourceRoot":"","sources":["../../../src/components/table/table.class.ts"],"names":[],"mappings":"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"}