@nldd/design-system 0.8.52 → 0.8.54

package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.js

@@ -34,8 +34,8 @@ export const listStyles = css `
 	}
 
 	:host([background="base"]) {
-		--_background-color: var(--semantics-surfaces-background-color);
-		--_border-color: var(--semantics-surfaces-border-color);
+		--_background-color: var(--semantics-surfaces-base-background-color);
+		--_border-color: var(--semantics-surfaces-base-border-color);
 	}
 
 	:host([variant="box"]) .list__items {
@@ -89,7 +89,7 @@ export const listStyles = css `
 		opacity: var(--_drag-clone-opacity);
 		z-index: var(--_drag-clone-z-index);
 		border-radius: var(--components-list-item-indicator-corner-radius);
-		background: var(--semantics-surfaces-background-color);
+		background: var(--semantics-surfaces-base-background-color);
 		pointer-events: none;
 		width: var(--_drag-clone-width);
 		height: var(--_drag-clone-height);

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4H5B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,eAAO,MAAM,QAAQ,GACpB,YAAY,MAAM,EAClB,WAAW,OAAO,EAClB,MAAM,QAAQ,EACd,SAAS,OAAO,EAChB,WAAW,MAAM,EACjB,qBAAqB,MAAM,yCA6C3B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,UAAkB,EAClB,SAAkB,EAClB,IAAc,EACd,OAAgB,EAChB,SAAiB,EACjB,mBAA2B,EAC1B,EAAE;IACH,MAAM,YAAY,GAAG,IAAI,KAAK,YAAY,CAAC;IAC3C,wEAAwE;IACxE,yEAAyE;IACzE,gEAAgE;IAChE,MAAM,cAAc,GAAG,SAAS,IAAI,YAAY,CAAC;IACjD,oEAAoE;IACpE,0EAA0E;IAC1E,0EAA0E;IAC1E,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/C,OAAO,IAAI,CAAA;;;;;;WAMD,SAAS,CAAC,SAAS,CAAC;iBACd,SAAS,CAAC,cAAc,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;;;uCAGvC,CAAC,OAAO;;;cAGjC,SAAS;yBACE,mBAAmB,IAAI,OAAO;;;;;;;;;;;;;;;;;;;EAmBrD,CAAC;AACH,CAAC,CAAC"}

package/dist/components/lists-and-tables/list-item/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,YAAY,CAAQ;IAG1B,QAAQ,UAAS;IAEjB,8CAA8C;IAE9C,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,4CAA4C;IAE5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8GAA8G;IAE9G,WAAW,UAAS;IAGpB,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,WAAW,CAAoB;IAGvC,OAAO,CAAC,OAAO,CAAC,CAAc;IAE9B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,aAAa,CAAiC;IAE7C,iBAAiB;IAajB,oBAAoB;IASpB,YAAY;IAaZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAQf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/lists-and-tables/list-item/list-item.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAgQ1B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgQhC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.template.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,QAAQ,GACpB,MAAM,MAAM,GAAG,SAAS,EACxB,MAAM,MAAM,GAAG,SAAS,EACxB,WAAW,OAAO,EAClB,SAAS,OAAO,yCAmBhB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,KAAK,GAAG,CAAC,SAAkB,EAAE,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAA;cAC9C,QAAQ,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;;;;;;;;;cASpE,QAAQ,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;;;;;CAK7E,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,IAAwB,EACxB,IAAwB,EACxB,SAAkB,EAClB,OAAgB,EACf,EAAE;IACH,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAA;;WAEF,IAAI;MACT,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;SACtB,CAAC;IACT,CAAC;IACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;MAGP,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;SACtB,CAAC;IACT,CAAC;IACD,OAAO,IAAI,CAAA;IACR,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QACrB,CAAC;AACT,CAAC,CAAC"}

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

@@ -0,0 +1,137 @@
+/**
+ * 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 type { NLDDTableTranslations } from './table.i18n.js';
+import '../../status-and-feedback/inline-dialog/inline-dialog.js';
+export type TableBackground = 'base' | 'tinted';
+export declare class NLDDTable extends LitElement {
+    static styles: import("lit").CSSResult;
+    background: TableBackground;
+    /** CSS grid track list applied once as the table's columns. */
+    columns: string;
+    /** Track list when the table is sm-wide (≤640px); falls back to `columns`. */
+    smColumns: string;
+    /** Track list when the table is md-wide (641–1007px); falls back to `columns`. */
+    mdColumns: string;
+    /** Track list when the table is lg-wide (≥1008px); falls back to `columns`. */
+    lgColumns: string;
+    accessibleLabel: string;
+    /** 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. */
+    selectable: boolean;
+    /** Text for the default empty-state dialog. Falls back to the Dutch i18n
+     *  default. Ignored when consumers slot their own `[slot=empty]` content. */
+    emptyText: string;
+    /** Optional supporting text for the default empty-state dialog. Ignored
+     *  when consumers slot their own `[slot=empty]` content. */
+    emptySupportingText: string;
+    translations: Partial<NLDDTableTranslations>;
+    private _warnedColumns;
+    private _warnedLabel;
+    private _resizeObserver?;
+    private _rowsObserver?;
+    /** Last observed content-box width, to resolve the active track list. */
+    private _width;
+    _t(key: keyof NLDDTableTranslations): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    /** 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. */
+    private _updateEmpty;
+    /** The track list for the current width: a breakpoint override when set,
+     *  otherwise the base `columns`. */
+    private _activeColumns;
+    private _applyColumns;
+    /** 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. */
+    private _syncHostA11y;
+    updated(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class NLDDTableRow extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** 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). */
+    selected: boolean;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    /** A header row lives in the table's `header` slot. */
+    private get _isHeader();
+    /** 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(): void;
+    private _onSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onSlotChangeBound;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-table': NLDDTable;
+        'nldd-table-row': NLDDTableRow;
+    }
+}
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,0DAA0D,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAUhD,qBACa,SAAU,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAe;IAGrC,UAAU,EAAE,eAAe,CAAU;IAErC,+DAA+D;IAE/D,OAAO,SAAM;IAEb,8EAA8E;IAE9E,SAAS,SAAM;IAEf,kFAAkF;IAElF,SAAS,SAAM;IAEf,+EAA+E;IAE/E,SAAS,SAAM;IAGf,eAAe,SAAM;IAErB;;;mFAG+E;IAE/E,UAAU,UAAS;IAEnB;iFAC6E;IAE7E,SAAS,SAAM;IAEf;gEAC4D;IAE5D,mBAAmB,SAAM;IAGzB,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAM;IAElD,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,aAAa,CAAC,CAAmB;IACzC,yEAAyE;IACzE,OAAO,CAAC,MAAM,CAAK;IAEZ,EAAE,CAAC,GAAG,EAAE,MAAM,qBAAqB,GAAG,MAAM;IAI1C,iBAAiB,IAAI,IAAI;IAsBzB,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAwB7B;;;+EAG2E;IAC3E,OAAO,CAAC,YAAY;IAYpB;wCACoC;IACpC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IASrB;;;;;6EAKyE;IACzE,OAAO,CAAC,aAAa;IAqBZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA8B5C,MAAM;CAMf;AAKD,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAExC;;;0BAGsB;IAEtB,QAAQ,UAAS;IAER,iBAAiB,IAAI,IAAI;IAOzB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMrD,uDAAuD;IACvD,OAAO,KAAK,SAAS,GAEpB;IAED;;;kFAG8E;IAC9E,iBAAiB,IAAI,IAAI;IAUzB,OAAO,CAAC,aAAa;IAsBZ,MAAM;IAIf,OAAO,CAAC,kBAAkB,CAAiC;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;QACxB,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

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

@@ -0,0 +1,6 @@
+export declare const nlddTableTranslations: {
+    'components.table.accessible-label': string;
+    'components.table.empty-text': string;
+};
+export type NLDDTableTranslations = typeof nlddTableTranslations;
+//# sourceMappingURL=table.i18n.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC"}

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

@@ -0,0 +1,5 @@
+export const nlddTableTranslations = {
+    'components.table.accessible-label': 'Tabel',
+    'components.table.empty-text': 'Geen items',
+};
+//# sourceMappingURL=table.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.i18n.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC,mCAAmC,EAAE,OAAO;IAC5C,6BAA6B,EAAE,YAAY;CAC3C,CAAC"}

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"}