@nldd/design-system 0.8.53 → 0.8.55

package/dist/components/lists-and-tables/table/table.js

@@ -0,0 +1,359 @@
+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;
+};
+/**
+ * Nederlandse Digitale Dienst Table Component (Lit + TypeScript)
+ *
+ * Exports both NLDDTable and NLDDTableRow.
+ *
+ * A data table presented as a boxed surface (rounded corners, an inset border
+ * ring, a base or tinted fill) that aligns content into shared columns using a
+ * CSS grid + subgrid. Row dividers run full-bleed to the edges; the inline
+ * padding lives on the rows, so it insets the cell content but not the dividers.
+ * Column widths are defined ONCE on the table via the `columns` attribute (a
+ * CSS grid track list), like an HTML `<colgroup>`.
+ * Rows are `<nldd-table-row>` elements whose children are the existing
+ * `nldd-cell` family — every row uses `grid-template-columns: subgrid`, so all
+ * rows snap to the same columns.
+ *
+ * Header: put one `<nldd-table-row slot="header">` in the `header` slot. Its
+ * cells become column headers (role="columnheader").
+ *
+ * Responsive: two complementary strategies. (1) Give columns a minimum width
+ * (e.g. `minmax(160px,1fr)`) — the table is its own scroll container, so it
+ * scrolls horizontally when too narrow (no wrapper needed).
+ * (2) Drop columns at breakpoints: provide `sm-columns`/`md-columns`/
+ * `lg-columns` (shorter track lists) and hide the dropped columns' cells with
+ * `hide-below`/`hide-above` at the matching breakpoint. The table picks the
+ * track list for its own width via the standard sm/md/lg breakpoints.
+ *
+ * Selection and sorting are intentionally NOT built in: add a column with an
+ * `nldd-cell` + `nldd-checkbox` for selection, and drive sorting from an
+ * external control (e.g. a dropdown).
+ *
+ * @element nldd-table
+ *
+ * @attr {'base'|'tinted'} background - Surface fill of the box (default 'base')
+ * @attr {string} columns - CSS grid track list defining the columns once, e.g. "minmax(200px,1fr) 120px 80px"
+ * @attr {string} sm-columns - Track list when the table is sm-wide (≤640px); falls back to `columns`
+ * @attr {string} md-columns - Track list when the table is md-wide (641–1007px); falls back to `columns`
+ * @attr {string} lg-columns - Track list when the table is lg-wide (≥1008px); falls back to `columns`
+ * @attr {string} accessible-label - Accessible name for the table. Strongly recommended — role="table" needs a name. A missing label is DEV-warned and a generic fallback name is used.
+ * @attr {boolean} selectable - Opt into row selection: body rows expose aria-selected (true/false). Without it, rows omit aria-selected so a non-selectable table isn't announced as selectable.
+ * @attr {string} empty-text - Text for the default empty-state dialog (falls back to the Dutch i18n default). Ignored when `[slot=empty]` is filled
+ * @attr {string} empty-supporting-text - Supporting text for the default empty-state dialog. Ignored when `[slot=empty]` is filled
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ *
+ * @slot header - One `<nldd-table-row slot="header">` carrying the column headers
+ * @slot - The body rows (`<nldd-table-row>`)
+ * @slot empty - Shown when there are no visible body rows (the header is hidden too). Defaults to `nldd-inline-dialog` with `empty-text` / `empty-supporting-text`
+ *
+ * @element nldd-table-row
+ *
+ * @attr {boolean} selected - Highlights the row (same treatment as nldd-list-item[selected])
+ *
+ * @slot - The row's cells (`nldd-cell` and variants), one per column
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { tableStyles, tableRowStyles } from './table.styles.js';
+import { tableTemplate, tableRowTemplate } from './table.template.js';
+import { nlddTableTranslations } from './table.i18n.js';
+import { breakpoints } from '../../../assets/styles/breakpoints.js';
+import '../../status-and-feedback/inline-dialog/inline-dialog.js';
+// Standard container breakpoints. The table picks its track list against its
+// own content-box width; the same values back the cells' `hide-below`.
+const SM_MAX = parseInt(breakpoints.smMax, 10);
+const MD_MAX = parseInt(breakpoints.mdMax, 10);
+// # nldd-table
+let NLDDTable = class NLDDTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.background = 'base';
+        /** CSS grid track list applied once as the table's columns. */
+        this.columns = '';
+        /** Track list when the table is sm-wide (≤640px); falls back to `columns`. */
+        this.smColumns = '';
+        /** Track list when the table is md-wide (641–1007px); falls back to `columns`. */
+        this.mdColumns = '';
+        /** Track list when the table is lg-wide (≥1008px); falls back to `columns`. */
+        this.lgColumns = '';
+        this.accessibleLabel = '';
+        /** Opt into row selection. When set, body rows expose aria-selected so
+         *  assistive tech conveys the selection state; without it, rows omit the
+         *  attribute so a non-selectable table isn't announced as selectable
+         *  (ARIA 1.2 §6.6.5). The visual `selected` tint on a row works either way. */
+        this.selectable = false;
+        /** Text for the default empty-state dialog. Falls back to the Dutch i18n
+         *  default. Ignored when consumers slot their own `[slot=empty]` content. */
+        this.emptyText = '';
+        /** Optional supporting text for the default empty-state dialog. Ignored
+         *  when consumers slot their own `[slot=empty]` content. */
+        this.emptySupportingText = '';
+        this.translations = {};
+        this._warnedColumns = false;
+        this._warnedLabel = false;
+        /** Last observed content-box width, to resolve the active track list. */
+        this._width = 0;
+    }
+    _t(key) {
+        return this.translations[key] ?? nlddTableTranslations[key];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // display:grid strips native table semantics — restore them for AT.
+        this.setAttribute('role', 'table');
+        // Cells (VisibilityMixin) hide/show against a container named
+        // 'cells-container'. Set it here, like nldd-list, so cell hide-below/
+        // hide-above measure the table width (not the row). Inline because
+        // Safari ignores container-name set from a shadow stylesheet.
+        this.style.containerType = 'inline-size';
+        this.style.containerName = 'cells-container';
+        // An element can't query its OWN container, so the responsive track list
+        // is chosen from the observed width (the cells keep their @container).
+        // The same observer keeps the scroll affordance (focusable when the box
+        // overflows) in sync.
+        this._resizeObserver = new ResizeObserver((entries) => {
+            this._width = entries[0].contentRect.width;
+            this._applyColumns();
+            this._syncHostA11y();
+        });
+        this._resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._resizeObserver?.disconnect();
+        this._resizeObserver = undefined;
+        this._rowsObserver?.disconnect();
+        this._rowsObserver = undefined;
+    }
+    firstUpdated() {
+        // Recompute the empty state when body rows are slotted, added/removed, or
+        // toggled [hidden] (consumer-driven filtering) — mirrors nldd-list.
+        const slot = this.shadowRoot?.querySelector('slot:not([name])');
+        slot?.addEventListener('slotchange', () => this._updateEmpty());
+        this._rowsObserver = new MutationObserver((mutations) => {
+            const relevant = mutations.some((m) => {
+                if (m.type === 'childList')
+                    return m.target === this;
+                if (m.type === 'attributes' && m.attributeName === 'hidden') {
+                    return m.target instanceof Element && m.target.parentElement === this;
+                }
+                return false;
+            });
+            if (relevant)
+                this._updateEmpty();
+        });
+        this._rowsObserver.observe(this, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['hidden'],
+        });
+        this._updateEmpty();
+    }
+    /** Show the empty-state slot when there are no visible body rows (header
+     *  excluded). Toggled imperatively (like the tabindex affordance) so it
+     *  doesn't schedule a reactive re-render out of firstUpdated. The `is-empty`
+     *  host class drives hiding the header (CSS) so only the message shows. */
+    _updateEmpty() {
+        const empty = this.shadowRoot?.querySelector('.table__empty');
+        if (!empty)
+            return;
+        const slot = this.shadowRoot?.querySelector('slot:not([name])');
+        const rows = (slot?.assignedElements() ?? []).filter((el) => el.localName === 'nldd-table-row');
+        const isEmpty = rows.length === 0 || rows.every((row) => row.hasAttribute('hidden'));
+        empty.toggleAttribute('hidden', !isEmpty);
+        this.classList.toggle('is-empty', isEmpty);
+    }
+    /** The track list for the current width: a breakpoint override when set,
+     *  otherwise the base `columns`. */
+    _activeColumns() {
+        if (this._width <= SM_MAX)
+            return this.smColumns || this.columns;
+        if (this._width <= MD_MAX)
+            return this.mdColumns || this.columns;
+        return this.lgColumns || this.columns;
+    }
+    _applyColumns() {
+        const cols = this._activeColumns();
+        if (cols) {
+            this.style.setProperty('--_columns', cols);
+        }
+        else {
+            this.style.removeProperty('--_columns');
+        }
+    }
+    /** Make the table focusable while it scrolls horizontally so keyboard users
+     *  can pan it (mirrors nldd-code-viewer / nldd-rich-text), and keep its
+     *  accessible name in sync. The table is its own scroll container
+     *  (overflow-x: auto); the overflow-x check (not width alone) is defensive.
+     *  accessible-label is the name (role="table" needs one); when it is absent a
+     *  generic fallback keeps the table (and any focusable region) named. */
+    _syncHostA11y() {
+        const overflowX = getComputedStyle(this).overflowX;
+        const scrollableOverflow = overflowX === 'auto' || overflowX === 'scroll';
+        const scrollable = scrollableOverflow && this.scrollWidth > this.clientWidth;
+        if (scrollable) {
+            this.setAttribute('tabindex', '0');
+        }
+        else {
+            this.removeAttribute('tabindex');
+        }
+        // accessible-label is the table's name (role="table" requires one). When
+        // it is absent we fall back to a generic name so the table is never
+        // nameless — and any focusable scroll region always has a name (SC 4.1.2).
+        // A missing label is still DEV-warned in updated() to prompt a meaningful
+        // one rather than rely on the fallback.
+        if (this.accessibleLabel) {
+            this.setAttribute('aria-label', this.accessibleLabel);
+        }
+        else {
+            this.setAttribute('aria-label', this._t('components.table.accessible-label'));
+        }
+    }
+    updated(changed) {
+        if (changed.has('columns') || changed.has('smColumns')
+            || changed.has('mdColumns') || changed.has('lgColumns')) {
+            this._applyColumns();
+        }
+        if (changed.has('accessibleLabel')) {
+            this._syncHostA11y();
+        }
+        if (changed.has('selectable')) {
+            // Selectability gates each body row's aria-selected; re-sync them.
+            for (const row of this.querySelectorAll('nldd-table-row')) {
+                row._syncAriaSelected();
+            }
+        }
+        if (import.meta.env?.DEV && !this.columns && !this._warnedColumns) {
+            this._warnedColumns = true;
+            console.warn('<nldd-table>: no `columns` set. Define a CSS grid track list (e.g. columns="200px 1fr 80px") so cells align into columns.');
+        }
+        else if (this.columns) {
+            this._warnedColumns = false;
+        }
+        if (import.meta.env?.DEV && !this.accessibleLabel && !this._warnedLabel) {
+            this._warnedLabel = true;
+            console.warn('<nldd-table>: no `accessible-label` set. role="table" needs an accessible name — add accessible-label="…".');
+        }
+        else if (this.accessibleLabel) {
+            this._warnedLabel = false;
+        }
+    }
+    render() {
+        return tableTemplate(this.emptyText || this._t('components.table.empty-text'), this.emptySupportingText);
+    }
+};
+NLDDTable.styles = tableStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDTable.prototype, "background", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDTable.prototype, "columns", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'sm-columns' })
+], NLDDTable.prototype, "smColumns", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'md-columns' })
+], NLDDTable.prototype, "mdColumns", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'lg-columns' })
+], NLDDTable.prototype, "lgColumns", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'accessible-label' })
+], NLDDTable.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDTable.prototype, "selectable", void 0);
+__decorate([
+    property({ type: String, attribute: 'empty-text' })
+], NLDDTable.prototype, "emptyText", void 0);
+__decorate([
+    property({ type: String, attribute: 'empty-supporting-text' })
+], NLDDTable.prototype, "emptySupportingText", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDTable.prototype, "translations", void 0);
+NLDDTable = __decorate([
+    customElement('nldd-table')
+], NLDDTable);
+export { NLDDTable };
+// # nldd-table-row
+let NLDDTableRow = class NLDDTableRow extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Selects (highlights) the row. The visual tint applies whenever set; the
+         *  state is also reflected to aria-selected when the parent table is
+         *  `selectable`, so assistive tech conveys it. Consumer-driven (e.g. a
+         *  checkbox cell). */
+        this.selected = false;
+        this._onSlotChangeBound = this._onSlotChange.bind(this);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // display:grid strips native row semantics — restore them for AT.
+        this.setAttribute('role', 'row');
+        this._syncAriaSelected();
+    }
+    updated(changed) {
+        if (changed.has('selected')) {
+            this._syncAriaSelected();
+        }
+    }
+    /** A header row lives in the table's `header` slot. */
+    get _isHeader() {
+        return this.getAttribute('slot') === 'header';
+    }
+    /** Reflect `selected` to aria-selected — but only when the parent table is
+     *  `selectable`, so a non-selectable table doesn't announce a false
+     *  selection affordance (ARIA 1.2 §6.6.5). Header rows are never selectable.
+     *  @internal Re-invoked by the parent table when its `selectable` changes. */
+    _syncAriaSelected() {
+        const selectable = !this._isHeader
+            && this.closest('nldd-table')?.hasAttribute('selectable') === true;
+        if (selectable) {
+            this.setAttribute('aria-selected', String(this.selected));
+        }
+        else {
+            this.removeAttribute('aria-selected');
+        }
+    }
+    _onSlotChange(e) {
+        const slot = e.target;
+        const cells = slot.assignedElements();
+        const cellRole = this._isHeader ? 'columnheader' : 'cell';
+        for (const cell of cells) {
+            // Cells need explicit roles since the grid layout drops native
+            // table semantics.
+            cell.setAttribute('role', cellRole);
+            // A generic nldd-cell defaults to width="fit-content" (reflected),
+            // which would shrink-wrap inside a grid track. Default it to fill
+            // the column. The reflected default is indistinguishable from an
+            // explicit width="fit-content", so both become "full"; an author
+            // who set a length or "full" is left untouched.
+            if (cell.localName === 'nldd-cell') {
+                const w = cell.getAttribute('width');
+                if (w === null || w === '' || w === 'fit-content') {
+                    cell.setAttribute('width', 'full');
+                }
+            }
+        }
+    }
+    render() {
+        return tableRowTemplate(this._onSlotChangeBound);
+    }
+};
+NLDDTableRow.styles = tableRowStyles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDTableRow.prototype, "selected", void 0);
+NLDDTableRow = __decorate([
+    customElement('nldd-table-row')
+], NLDDTableRow);
+export { NLDDTableRow };
+//# sourceMappingURL=table.js.map

package/dist/components/lists-and-tables/table/table.js.map

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

package/dist/components/lists-and-tables/table/table.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const tableStyles: import("lit").CSSResult;
+export declare const tableRowStyles: import("lit").CSSResult;
+//# sourceMappingURL=table.styles.d.ts.map

package/dist/components/lists-and-tables/table/table.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAyEvB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA0C1B,CAAC"}

package/dist/components/lists-and-tables/table/table.styles.js

@@ -0,0 +1,120 @@
+import { css } from 'lit';
+import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+export const tableStyles = css `
+	:host {
+		--_columns: none;
+		--_corner-radius: var(--semantics-tables-corner-radius);
+		--_column-gap: var(--semantics-tables-column-gap);
+		--_background-color: var(--semantics-surfaces-base-background-color);
+		--_border-color: var(--semantics-surfaces-base-border-color);
+		/* Shared so the focus-visible rule can compose the focus ring over the
+		   border ring with var(...) instead of repeating the inset literal. */
+		--_border-shadow: inset 0 0 0 var(--semantics-tables-border-width) var(--_border-color);
+
+		${inheritedTextReset}
+		box-sizing: border-box;
+		display: grid;
+		grid-template-columns: var(--_columns);
+		width: 100%;
+		/* The table is always a boxed surface and its own horizontal scroll
+		   container: the columns scroll when they don't fit and the table is made
+		   focusable in JS while it scrolls. overflow-y stays hidden so the rounded
+		   corners keep clipping the rows (and their full-bleed dividers). */
+		border-radius: var(--_corner-radius);
+		box-shadow: var(--_border-shadow);
+		background-color: var(--_background-color);
+		overflow-x: auto;
+		overflow-y: hidden;
+		column-gap: var(--_column-gap);
+		row-gap: 0;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	/* Default surface is base; tinted is opt-in. */
+	:host([background="tinted"]) {
+		--_background-color: var(--semantics-surfaces-tinted-background-color);
+		--_border-color: var(--semantics-surfaces-tinted-border-color);
+	}
+
+	/* Keyboard focus while the table scrolls (it gains tabindex in JS): the
+	   project focus ring, layered over the border ring (mirrors nldd-code-viewer).
+	   Focus first (outer), border second (inner). */
+	:host(:focus-visible) {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow), var(--_border-shadow);
+	}
+
+	:host(:focus:not(:focus-visible)) {
+		outline: none;
+	}
+
+	slot {
+		display: contents;
+	}
+
+	/* Empty state spans all columns below the rows; its own padding gives the
+	   message room. The header is hidden in the empty state (only the message). */
+	.table__empty {
+		grid-column: 1 / -1;
+	}
+
+	.table__empty[hidden] {
+		display: none;
+	}
+
+	.table__empty-cell {
+		padding: var(--primitives-space-16);
+	}
+
+	:host(.is-empty) slot[name="header"] {
+		display: none;
+	}
+`;
+export const tableRowStyles = css `
+	:host {
+		--_min-height: var(--semantics-tables-row-min-height);
+		--_padding-block: var(--semantics-tables-row-padding-block);
+		--_padding-inline: var(--semantics-tables-row-padding-inline);
+		--_divider-color: var(--semantics-tables-border-color);
+		--_divider-thickness: var(--semantics-tables-border-width);
+
+		${inheritedTextReset}
+		box-sizing: border-box;
+		display: grid;
+		grid-column: 1 / -1;
+		grid-template-columns: subgrid;
+		min-height: var(--_min-height);
+		border-bottom: var(--_divider-thickness) solid var(--_divider-color);
+		padding-block: var(--_padding-block);
+		padding-inline: var(--_padding-inline);
+		align-items: center;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	/* Selection: a full-bleed row tint (reaches the box edges, corners clipped by
+	   the table) plus the selected content color, from the shared table tokens. */
+	:host([selected]) {
+		background-color: var(--semantics-tables-row-is-selected-background-color);
+		--context-cell-content-color: var(--semantics-tables-row-is-selected-content-color);
+	}
+
+	/* The box's border ring is the table's outer frame, so the last row drops its
+	   divider (no doubling on the ring). Inner dividers run full-bleed to the
+	   sides — the padding only insets the cell content, not the row's border. */
+	:host(:last-child) {
+		border-bottom: none;
+	}
+
+	/* display:contents so the cells become grid items of this subgrid. */
+	slot {
+		display: contents;
+	}
+`;
+//# sourceMappingURL=table.styles.js.map

package/dist/components/lists-and-tables/table/table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;IAW1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DrB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;IAQ7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}

package/dist/components/lists-and-tables/table/table.template.d.ts

@@ -0,0 +1,3 @@
+export declare function tableTemplate(emptyText: string, emptySupportingText: string): import("lit-html").TemplateResult<1>;
+export declare function tableRowTemplate(onSlotChange: (e: Event) => void): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=table.template.d.ts.map

package/dist/components/lists-and-tables/table/table.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.template.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,wCA0B3E;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,wCAIhE"}

package/dist/components/lists-and-tables/table/table.template.js

@@ -0,0 +1,34 @@
+import { html, nothing } from 'lit';
+export function tableTemplate(emptyText, emptySupportingText) {
+    // Two bare slots (no rowgroup wrappers): the slots are display:contents so
+    // the slotted <nldd-table-row> elements become direct grid items of the
+    // table and can use `grid-template-columns: subgrid`. The header slot is
+    // rendered first so the header row sits above the body rows.
+    //
+    // The empty state spans all columns below the rows. It keeps role="row" >
+    // role="cell" so the host stays a valid role="table" (an inline-dialog as a
+    // direct table child would be invalid ARIA); it's removed from the a11y tree
+    // while [hidden]. Slot content (`[slot=empty]`) overrides the default dialog.
+    // Starts hidden — the table toggles `hidden` imperatively from _updateEmpty
+    // (avoids a reactive re-render scheduled out of firstUpdated).
+    return html `
+		<slot name="header"></slot>
+		<slot></slot>
+		<div class="table__empty" role="row" hidden>
+			<div class="table__empty-cell" role="cell">
+				<slot name="empty">
+					<nldd-inline-dialog
+						text=${emptyText}
+						supporting-text=${emptySupportingText || nothing}
+					></nldd-inline-dialog>
+				</slot>
+			</div>
+		</div>
+	`;
+}
+export function tableRowTemplate(onSlotChange) {
+    // display:contents (in styles) so the slotted cells are grid items of this
+    // row's subgrid. The slot's ::after renders the selected background.
+    return html `<slot @slotchange=${onSlotChange}></slot>`;
+}
+//# sourceMappingURL=table.template.js.map

package/dist/components/lists-and-tables/table/table.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,MAAM,UAAU,aAAa,CAAC,SAAiB,EAAE,mBAA2B;IAC3E,2EAA2E;IAC3E,wEAAwE;IACxE,yEAAyE;IACzE,6DAA6D;IAC7D,EAAE;IACF,0EAA0E;IAC1E,4EAA4E;IAC5E,6EAA6E;IAC7E,8EAA8E;IAC9E,4EAA4E;IAC5E,+DAA+D;IAC/D,OAAO,IAAI,CAAA;;;;;;;aAOC,SAAS;wBACE,mBAAmB,IAAI,OAAO;;;;;EAKpD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,YAAgC;IAChE,2EAA2E;IAC3E,qEAAqE;IACrE,OAAO,IAAI,CAAA,qBAAqB,YAAY,UAAU,CAAC;AACxD,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts

@@ -36,7 +36,7 @@
  * @fires dismiss - Fired when the dismiss button is clicked; detail: { item }
  */
 import { LitElement } from 'lit';
-import './../../lists-and-menus/menu/menu.js';
+import './../../actions/menu/menu.js';
 export interface NLDDReorderEventDetail {
     fromIndex: number;
     toIndex: number;

package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"document-tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.js

@@ -48,7 +48,7 @@ import { documentTabBarStyles, documentTabBarItemStyles } from './document-tab-b
 import { documentTabBarTemplate, documentTabBarItemTemplate } from './document-tab-bar.template.js';
 import { withTranslations } from '../../../utilities/with-translations.js';
 import { nlddDocumentTabBarTranslations } from './document-tab-bar.i18n.js';
-import './../../lists-and-menus/menu/menu.js';
+import './../../actions/menu/menu.js';
 // Pointer movement threshold in px before drag mode activates.
 // Distinguishes a click (select) from a drag (reorder).
 const DRAG_THRESHOLD = 5;