@nldd/design-system 0.8.37

package/dist/components/inputs/token/token.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgI7B,CAAC"}

package/dist/components/inputs/token/token.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDToken } from './token.js';
+export declare function tokenTemplate(component: NLDDToken): TemplateResult;
+//# sourceMappingURL=token.template.d.ts.map

package/dist/components/inputs/token/token.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,cAAc,CAmClE"}

package/dist/components/inputs/token/token.template.js

@@ -0,0 +1,37 @@
+import { html, nothing } from 'lit';
+export function tokenTemplate(component) {
+    if (component.control === 'menu') {
+        return html `
+			<button
+				class="token"
+				type="button"
+				?disabled=${component.disabled}
+				aria-expanded=${component.open}
+				aria-controls=${component.controls || nothing}
+				@click=${component._handleMenuClick}
+			>
+				<span class="token__text"><slot></slot></span>
+				<nldd-icon class="token__icon" name="chevron-down-small"></nldd-icon>
+			</button>
+		`;
+    }
+    return html `
+		<div class="token">
+			<span class="token__text"><slot></slot></span>
+			${component.control === 'dismiss' ? html `
+				<div class="token__dismiss-action">
+					<nldd-icon-button
+						size="sm"
+						variant="neutral-tinted"
+						icon="dismiss-small"
+						text=${component.dismissText}
+						accessible-label=${component.dismissText}
+						?disabled=${component.disabled}
+						@click=${component._handleDismiss}
+					></nldd-icon-button>
+				</div>
+			` : nothing}
+		</div>
+	`;
+}
+//# sourceMappingURL=token.template.js.map

package/dist/components/inputs/token/token.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;;;;gBAIG,SAAS,CAAC,QAAQ;oBACd,SAAS,CAAC,IAAI;oBACd,SAAS,CAAC,QAAQ,IAAI,OAAO;aACpC,SAAS,CAAC,gBAAgB;;;;;GAKpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;;KAGP,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,WAAW;yBACT,SAAS,CAAC,WAAW;kBAC5B,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}

package/dist/components/layout/app-view/app-view.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Nederlandse Digitale Dienst App View Component (Lit + TypeScript)
+ *
+ * The required root shell of a Nederlandse Digitale Dienst application. Always contains
+ * a split view or an nldd-page as direct content.
+ *
+ * ## Background color
+ * Set background="tinted" to give the whole application a tinted background.
+ * All descendants read --context-parent-background-color via --_background-color automatically.
+ * Individual components can override locally with their own background attribute.
+ *
+ * @element nldd-app-view
+ *
+ * @attr {'default'|'tinted'} background - Background color (cascades to descendants)
+ *
+ * @slot - Default slot for the application content
+ */
+import { LitElement } from 'lit';
+export declare class NLDDAppView extends LitElement {
+    static styles: import("lit").CSSResult;
+    background: 'default' | 'tinted';
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-app-view': NLDDAppView;
+    }
+}
+//# sourceMappingURL=app-view.d.ts.map

package/dist/components/layout/app-view/app-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-view.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,UAAU,EAAE,SAAS,GAAG,QAAQ,CAAa;IAEpC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,WAAW,CAAC;KAC7B;CACD"}

package/dist/components/layout/app-view/app-view.js

@@ -0,0 +1,45 @@
+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 App View Component (Lit + TypeScript)
+ *
+ * The required root shell of a Nederlandse Digitale Dienst application. Always contains
+ * a split view or an nldd-page as direct content.
+ *
+ * ## Background color
+ * Set background="tinted" to give the whole application a tinted background.
+ * All descendants read --context-parent-background-color via --_background-color automatically.
+ * Individual components can override locally with their own background attribute.
+ *
+ * @element nldd-app-view
+ *
+ * @attr {'default'|'tinted'} background - Background color (cascades to descendants)
+ *
+ * @slot - Default slot for the application content
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { appViewStyles } from './app-view.styles.js';
+import { appViewTemplate } from './app-view.template.js';
+let NLDDAppView = class NLDDAppView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.background = 'default';
+    }
+    render() {
+        return appViewTemplate(this);
+    }
+};
+NLDDAppView.styles = appViewStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDAppView.prototype, "background", void 0);
+NLDDAppView = __decorate([
+    customElement('nldd-app-view')
+], NLDDAppView);
+export { NLDDAppView };
+//# sourceMappingURL=app-view.js.map

package/dist/components/layout/app-view/app-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-view.js","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGlD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIN,eAAU,GAAyB,SAAS,CAAC;IAK9C,CAAC;IAHS,MAAM;QACd,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;;AAPe,kBAAM,GAAG,aAAa,AAAhB,CAAiB;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACG;AAJjC,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CASvB"}

package/dist/components/layout/app-view/app-view.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const appViewStyles: import("lit").CSSResult;
+//# sourceMappingURL=app-view.styles.d.ts.map

package/dist/components/layout/app-view/app-view.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-view.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAyCzB,CAAC"}

package/dist/components/layout/app-view/app-view.styles.js

@@ -0,0 +1,44 @@
+import { css } from 'lit';
+export const appViewStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--context-parent-background-color: var(--semantics-surfaces-background-color);
+		--_background-color: var(--context-parent-background-color);
+
+		display: flex;
+		width: 100%;
+		height: 100%;
+		background-color: var(--_background-color);
+	}
+
+
+	:host([background="tinted"]) {
+		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
+		--_background-color: var(--semantics-surfaces-tinted-background-color);
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.app-view {
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		min-height: 0;
+		min-width: 0;
+		overflow: hidden;
+	}
+
+	::slotted(*) {
+		flex: 1;
+		min-height: 0;
+	}
+`;
+//# sourceMappingURL=app-view.styles.js.map

package/dist/components/layout/app-view/app-view.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-view.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC/B,CAAC"}

package/dist/components/layout/app-view/app-view.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDAppView } from './app-view.js';
+export declare function appViewTemplate(_component: NLDDAppView): TemplateResult;
+//# sourceMappingURL=app-view.template.d.ts.map

package/dist/components/layout/app-view/app-view.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-view.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,wBAAgB,eAAe,CAAC,UAAU,EAAE,WAAW,GAAG,cAAc,CAMvE"}

package/dist/components/layout/app-view/app-view.template.js

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+export function appViewTemplate(_component) {
+    return html `
+		<div class="app-view">
+			<slot></slot>
+		</div>
+	`;
+}
+//# sourceMappingURL=app-view.template.js.map

package/dist/components/layout/app-view/app-view.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-view.template.js","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,eAAe,CAAC,UAAuB;IACtD,OAAO,IAAI,CAAA;;;;EAIV,CAAC;AACH,CAAC"}

package/dist/components/layout/box/box.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Nederlandse Digitale Dienst Box Component (Lit + TypeScript)
+ *
+ * Use a box to visually group related components in a distinct, contained region.
+ * Boxes draw attention to a set of controls or content that belong together,
+ * helping users understand their relationship at a glance.
+ *
+ * @element nldd-box
+ * @slot - Place components inside the box
+ */
+import { LitElement } from 'lit';
+export declare class NLDDBox extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-box': NLDDBox;
+    }
+}
+//# sourceMappingURL=box.d.ts.map

package/dist/components/layout/box/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,OAAQ,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAa;IAE1B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}

package/dist/components/layout/box/box.js

@@ -0,0 +1,31 @@
+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 Box Component (Lit + TypeScript)
+ *
+ * Use a box to visually group related components in a distinct, contained region.
+ * Boxes draw attention to a set of controls or content that belong together,
+ * helping users understand their relationship at a glance.
+ *
+ * @element nldd-box
+ * @slot - Place components inside the box
+ */
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { boxStyles } from './box.styles.js';
+import { boxTemplate } from './box.template.js';
+let NLDDBox = class NLDDBox extends LitElement {
+    render() {
+        return boxTemplate(this);
+    }
+};
+NLDDBox.styles = boxStyles;
+NLDDBox = __decorate([
+    customElement('nldd-box')
+], NLDDBox);
+export { NLDDBox };
+//# sourceMappingURL=box.js.map

package/dist/components/layout/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAG7B,MAAM;QACd,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;;AAJe,cAAM,GAAG,SAAS,AAAZ,CAAa;AADvB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAMnB"}

package/dist/components/layout/box/box.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const boxStyles: import("lit").CSSResult;
+//# sourceMappingURL=box.styles.d.ts.map

package/dist/components/layout/box/box.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAsBrB,CAAC"}

package/dist/components/layout/box/box.styles.js

@@ -0,0 +1,25 @@
+import { css } from 'lit';
+export const boxStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.box {
+		background-color: var(--components-box-background-color);
+		border-radius: var(--components-box-corner-radius);
+		padding: var(--components-box-padding);
+		box-sizing: border-box;
+	}
+`;
+//# sourceMappingURL=box.styles.js.map

package/dist/components/layout/box/box.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsB3B,CAAC"}

package/dist/components/layout/box/box.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDBox } from './box.js';
+export declare function boxTemplate(_component: NLDDBox): TemplateResult;
+//# sourceMappingURL=box.template.d.ts.map

package/dist/components/layout/box/box.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,cAAc,CAM/D"}

package/dist/components/layout/box/box.template.js

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+export function boxTemplate(_component) {
+    return html `
+		<div class="box">
+			<slot></slot>
+		</div>
+	`;
+}
+//# sourceMappingURL=box.template.js.map

package/dist/components/layout/box/box.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.template.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,WAAW,CAAC,UAAmB;IAC9C,OAAO,IAAI,CAAA;;;;EAIV,CAAC;AACH,CAAC"}

package/dist/components/layout/card/card.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Nederlandse Digitale Dienst Card Component (Lit + TypeScript)
+ *
+ * Een visueel afgebakende kaart met optionele header, body en footer secties.
+ * De kaart heeft een elevated look als standaard. Padding wordt overgelaten
+ * aan geneste containers.
+ *
+ * @element nldd-card
+ *
+ * @attr {string} accessible-label - Toegankelijke naam voor de kaart (aria-label)
+ *
+ * @slot header - Header-content (bijv. nldd-title)
+ * @slot - Body-content
+ * @slot footer - Footer-content (bijv. nldd-button-group) — altijd aan onderkant
+ */
+import { LitElement } from 'lit';
+export declare class NLDDCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    accessibleLabel: string | undefined;
+    _onSlotChange: (e: Event) => void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-card': NLDDCard;
+    }
+}
+//# sourceMappingURL=card.d.ts.map

package/dist/components/layout/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,QAAS,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAc;IAGpC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/layout/card/card.js

@@ -0,0 +1,47 @@
+/**
+ * Nederlandse Digitale Dienst Card Component (Lit + TypeScript)
+ *
+ * Een visueel afgebakende kaart met optionele header, body en footer secties.
+ * De kaart heeft een elevated look als standaard. Padding wordt overgelaten
+ * aan geneste containers.
+ *
+ * @element nldd-card
+ *
+ * @attr {string} accessible-label - Toegankelijke naam voor de kaart (aria-label)
+ *
+ * @slot header - Header-content (bijv. nldd-title)
+ * @slot - Body-content
+ * @slot footer - Footer-content (bijv. nldd-button-group) — altijd aan onderkant
+ */
+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 { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { cardStyles } from './card.styles.js';
+import { cardTemplate } from './card.template.js';
+let NLDDCard = class NLDDCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._onSlotChange = (e) => {
+            const slot = e.target;
+            const wrapper = slot.parentElement;
+            wrapper.hidden = slot.assignedElements().length === 0;
+        };
+    }
+    render() {
+        return cardTemplate(this);
+    }
+};
+NLDDCard.styles = cardStyles;
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDCard.prototype, "accessibleLabel", void 0);
+NLDDCard = __decorate([
+    customElement('nldd-card')
+], NLDDCard);
+export { NLDDCard };
+//# sourceMappingURL=card.js.map

package/dist/components/layout/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAMN,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,MAAM,OAAO,GAAG,IAAI,CAAC,aAA4B,CAAC;YAClD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;;AAbe,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACtB;AAJxB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAepB"}

package/dist/components/layout/card/card.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const cardStyles: import("lit").CSSResult;
+//# sourceMappingURL=card.styles.d.ts.map

package/dist/components/layout/card/card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA4DtB,CAAC"}

package/dist/components/layout/card/card.styles.js

@@ -0,0 +1,63 @@
+import { css } from 'lit';
+export const cardStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: flex;
+		flex-direction: column;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.card {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+		background-color: var(--components-card-background-color);
+		border-radius: var(--components-card-corner-radius);
+		box-shadow: var(--components-card-box-shadow);
+		overflow: hidden;
+		container-type: inline-size;
+		container-name: layout-area;
+	}
+
+
+	/* # Header */
+
+	.card__header {
+		flex-shrink: 0;
+	}
+
+	.card__header[hidden] {
+		display: none;
+	}
+
+
+	/* # Main */
+
+	.card__main {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+		min-height: 0;
+	}
+
+
+	/* # Footer */
+
+	.card__footer {
+		flex-shrink: 0;
+	}
+
+	.card__footer[hidden] {
+		display: none;
+	}
+`;
+//# sourceMappingURL=card.styles.js.map

package/dist/components/layout/card/card.styles.js.map

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

package/dist/components/layout/card/card.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDCard } from './card.js';
+export declare function cardTemplate(component: NLDDCard): TemplateResult;
+//# sourceMappingURL=card.template.d.ts.map

package/dist/components/layout/card/card.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,wBAAgB,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,cAAc,CAwBhE"}

package/dist/components/layout/card/card.template.js

@@ -0,0 +1,27 @@
+import { html, nothing } from 'lit';
+export function cardTemplate(component) {
+    return html `
+		<article class="card"
+			aria-label=${component.accessibleLabel ?? nothing}
+		>
+			<header class="card__header"
+				hidden
+			>
+				<slot name="header"
+					@slotchange=${component._onSlotChange}
+				></slot>
+			</header>
+			<div class="card__main">
+				<slot></slot>
+			</div>
+			<footer class="card__footer"
+				hidden
+			>
+				<slot name="footer"
+					@slotchange=${component._onSlotChange}
+				></slot>
+			</footer>
+		</article>
+	`;
+}
+//# sourceMappingURL=card.template.js.map

package/dist/components/layout/card/card.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.template.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe,IAAI,OAAO;;;;;;mBAMjC,SAAS,CAAC,aAAa;;;;;;;;;;mBAUvB,SAAS,CAAC,aAAa;;;;EAIxC,CAAC;AACH,CAAC"}

package/dist/components/layout/collection/collection.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Nederlandse Digitale Dienst Collection Component (Lit + TypeScript)
+ *
+ * A container for displaying collections of items.
+ * Supports grid, list, and horizontal scroll layouts.
+ * In grid and list modes, items are paginated via a load-more button.
+ * With `lazy-load`, the next items are automatically loaded when
+ * the load-more button comes into view.
+ *
+ * @element nldd-collection
+ *
+ * @attr {string} layout - Layout mode: 'grid' | 'list' | 'horizontal-scroll' (default: 'grid')
+ * @attr {boolean} show-load-more - Show load-more button in grid/list (default: false)
+ * @attr {number} max-items - Number of visible items per page (default: 24)
+ * @attr {boolean} lazy-load - Automatically load more items when the button becomes visible
+ * @attr {string}  item-width - Preferred width for each item (e.g. '280px', '20rem'). In grid
+ *                              layout used as the minimum column width (columns will be at
+ *                              least this wide; 1fr if container allows more). In horizontal
+ *                              scroll used as flex-basis. Never forces horizontal overflow —
+ *                              the value is clamped to container width.
+ * @attr {object} translations - Translation overrides; unset keys fall back to Dutch.
+ *                               Available keys: 'components.collection.previous-action',
+ *                               'components.collection.next-action', 'components.collection.load-more-action'
+ *
+ * @migration The `load-more-label` attribute has been removed.
+ *            Use `translations` property instead: `.translations=${{ 'components.collection.load-more-action': 'Show more' }}`
+ *
+ * @slot - Default slot for collection items
+ * @slot footer - Slot for custom footer content
+ *
+ * @fires load-more - When the load-more button is clicked
+ */
+import { LitElement } from 'lit';
+import type { NLDDCollectionTranslations } from './collection.i18n.js';
+import '../../actions/button/button.js';
+import '../../actions/button-bar/button-bar.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+type Layout = 'grid' | 'list' | 'horizontal-scroll';
+export declare class NLDDCollection extends LitElement {
+    static styles: import("lit").CSSResult;
+    layout: Layout;
+    showLoadMore: boolean;
+    maxItems: number;
+    lazyLoad: boolean;
+    itemWidth: string | undefined;
+    translations: Partial<NLDDCollectionTranslations>;
+    _t(key: keyof NLDDCollectionTranslations): string;
+    _visibleCount: number;
+    _totalCount: number;
+    _atStart: boolean;
+    _atEnd: boolean;
+    private _itemsEl;
+    private _scrollListener;
+    private _loadMoreBtn;
+    private _intersectionObserver;
+    private _resizeObserver;
+    private _scrollListenerAttached;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _setupScrollListeners;
+    private _teardownScrollListeners;
+    _onSlotChange(e: Event): void;
+    private _applyVisibility;
+    _loadMore(): void;
+    get _hasMore(): boolean;
+    _scrollBy(direction: 1 | -1): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-collection': NLDDCollection;
+    }
+}
+export {};
+//# sourceMappingURL=collection.d.ts.map

package/dist/components/layout/collection/collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,gCAAgC,CAAC;AACxC,OAAO,wCAAwC,CAAC;AAChD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAEpD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,MAAM,EAAE,MAAM,CAAU;IAGxB,YAAY,UAAS;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;IAGjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAG9B,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAIhD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAKxD,aAAa,SAAK;IAGlB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,MAAM,UAAS;IAGf,OAAO,CAAC,QAAQ,CAAe;IAE/B,OAAO,CAAC,eAAe,CAKrB;IAGF,OAAO,CAAC,YAAY,CAAsB;IAE1C,OAAO,CAAC,qBAAqB,CAAmC;IAChE,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,uBAAuB,CAAS;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAyB/D,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,wBAAwB;IAOhC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAS7B,OAAO,CAAC,gBAAgB;IAQxB,SAAS,IAAI,IAAI;IAMjB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,SAAS,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI;IAOzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}

package/dist/components/layout/collection/collection.i18n.d.ts

@@ -0,0 +1,7 @@
+export declare const nlddCollectionTranslations: {
+    'components.collection.previous-action': string;
+    'components.collection.next-action': string;
+    'components.collection.load-more-action': string;
+};
+export type NLDDCollectionTranslations = typeof nlddCollectionTranslations;
+//# sourceMappingURL=collection.i18n.d.ts.map

package/dist/components/layout/collection/collection.i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;CAItC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}