@nldd/design-system 0.8.37

package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,iBAAkB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAAuB;IAG7C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,CAAC,EAAE,KAAK;IAMb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}

package/dist/components/layout/page-sections/simple-section/simple-section.js

@@ -0,0 +1,44 @@
+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 Simple Section Component (Lit + TypeScript)
+ *
+ * A basic section with responsive padding and gap based on container size.
+ * Contains optional header and footer slots. The padding and spacing between
+ * slots adjust automatically via container queries.
+ *
+ * @element nldd-simple-section
+ *
+ * @slot header - Content above the main content
+ * @slot - Main content
+ * @slot footer - Content below the main content
+ *
+ * @attr {string} [align] - Set to "center" to vertically center section content
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { simpleSectionStyles } from './simple-section.styles.js';
+import { simpleSectionTemplate } from './simple-section.template.js';
+let NLDDSimpleSection = class NLDDSimpleSection extends LitElement {
+    _onSlotChange(e) {
+        const slot = e.target;
+        const wrapper = slot.parentElement;
+        wrapper.hidden = slot.assignedElements().length === 0;
+    }
+    render() {
+        return simpleSectionTemplate(this);
+    }
+};
+NLDDSimpleSection.styles = simpleSectionStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDSimpleSection.prototype, "align", void 0);
+NLDDSimpleSection = __decorate([
+    customElement('nldd-simple-section')
+], NLDDSimpleSection);
+export { NLDDSimpleSection };
+//# sourceMappingURL=simple-section.js.map

package/dist/components/layout/page-sections/simple-section/simple-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAMhD,aAAa,CAAC,CAAQ;QACrB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,aAA4B,CAAC;QAClD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IACvD,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AAbe,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAG7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC3B;AAJH,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAe7B"}

package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts

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

package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,yBAgH/B,CAAC"}

package/dist/components/layout/page-sections/simple-section/simple-section.styles.js

@@ -0,0 +1,118 @@
+import { css, unsafeCSS } from 'lit';
+import { breakpoints } from '../../../../assets/styles/breakpoints.js';
+const mdMin = unsafeCSS(breakpoints.mdMin);
+const lgMin = unsafeCSS(breakpoints.lgMin);
+export const simpleSectionStyles = css `
+
+
+	/* # Host
+	   Geen eigen container-type: page-sections luisteren naar de outer
+	   layout-area (gezet door nldd-page / nldd-card). Voor contexten
+	   zonder layout-area dient @media als fallback. */
+
+	:host {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		width: 100%;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([align="center"]) {
+		flex-grow: 1;
+	}
+
+
+	/* # Block — sm = base; md/lg via @media (fallback) en
+	   @container layout-area (heeft voorrang binnen layout-area). */
+
+	.simple-section {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+		align-items: center;
+		width: 100%;
+		box-sizing: border-box;
+		padding-inline: var(--semantics-page-sections-sm-margin-inline);
+		padding-block: var(--semantics-page-sections-sm-margin-block);
+
+		@media (min-width: ${mdMin}) {
+			padding-inline: var(--semantics-page-sections-md-margin-inline);
+			padding-block: var(--semantics-page-sections-md-margin-block);
+		}
+
+		@media (min-width: ${lgMin}) {
+			padding-inline: var(--semantics-page-sections-lg-margin-inline);
+			padding-block: var(--semantics-page-sections-lg-margin-block);
+		}
+
+		@container layout-area (min-width: ${mdMin}) {
+			padding-inline: var(--semantics-page-sections-md-margin-inline);
+			padding-block: var(--semantics-page-sections-md-margin-block);
+		}
+
+		@container layout-area (min-width: ${lgMin}) {
+			padding-inline: var(--semantics-page-sections-lg-margin-inline);
+			padding-block: var(--semantics-page-sections-lg-margin-block);
+		}
+	}
+
+
+	/* # Header */
+
+	.simple-section__header[hidden] {
+		display: none;
+	}
+
+
+	/* # Body */
+
+	.simple-section__body {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+		width: 100%;
+		max-width: var(--semantics-page-sections-body-max-width);
+		gap: var(--semantics-page-sections-sm-gap);
+
+		@media (min-width: ${mdMin}) {
+			gap: var(--semantics-page-sections-md-gap);
+		}
+
+		@media (min-width: ${lgMin}) {
+			gap: var(--semantics-page-sections-lg-gap);
+		}
+
+		@container layout-area (min-width: ${mdMin}) {
+			gap: var(--semantics-page-sections-md-gap);
+		}
+
+		@container layout-area (min-width: ${lgMin}) {
+			gap: var(--semantics-page-sections-lg-gap);
+		}
+	}
+
+
+	/* # Footer */
+
+	.simple-section__footer[hidden] {
+		display: none;
+	}
+
+
+	/* # Main */
+
+	.simple-section__main {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+	}
+
+	:host([align="center"]) .simple-section__main {
+		justify-content: center;
+	}
+`;
+//# sourceMappingURL=simple-section.styles.js.map

package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAqCf,KAAK;;;;;uBAKL,KAAK;;;;;uCAKW,KAAK;;;;;uCAKL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwBrB,KAAK;;;;uBAIL,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;CAwB3C,CAAC"}

package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts

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

package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAgBlF"}

package/dist/components/layout/page-sections/simple-section/simple-section.template.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+export function simpleSectionTemplate(component) {
+    return html `
+		<section class="simple-section">
+			<div class="simple-section__body">
+				<header class="simple-section__header" hidden>
+					<slot name="header" @slotchange=${component._onSlotChange}></slot>
+				</header>
+				<div class="simple-section__main">
+					<slot></slot>
+				</div>
+				<footer class="simple-section__footer" hidden>
+					<slot name="footer" @slotchange=${component._onSlotChange}></slot>
+				</footer>
+			</div>
+		</section>
+	`;
+}
+//# sourceMappingURL=simple-section.template.js.map

package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,qBAAqB,CAAC,SAA4B;IACjE,OAAO,IAAI,CAAA;;;;uCAI2B,SAAS,CAAC,aAAa;;;;;;uCAMvB,SAAS,CAAC,aAAa;;;;EAI5D,CAAC;AACH,CAAC"}

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Nederlandse Digitale Dienst Two Thirds One Third Section Component (Lit + TypeScript)
+ *
+ * A section with 2/3 main content on the left and a 1/3 sidebar on the right.
+ * The columns wrap automatically when they become smaller than 280px.
+ * Padding and gap adjust via container queries.
+ *
+ * @element nldd-two-thirds-one-third-section
+ *
+ * @slot header - Content above the columns
+ * @slot - Left column (2/3), alternative for slot="left"
+ * @slot left - Left column (2/3)
+ * @slot right - Right column (1/3)
+ * @slot footer - Content below the columns
+ */
+import { LitElement } from 'lit';
+export declare class NLDDTwoThirdsOneThirdSection extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-two-thirds-one-third-section': NLDDTwoThirdsOneThirdSection;
+    }
+}
+//# sourceMappingURL=two-thirds-one-third-section.d.ts.map

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,4BAA6B,SAAQ,UAAU;IAC3D,OAAgB,MAAM,0BAAkC;IAE/C,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js

@@ -0,0 +1,36 @@
+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 Two Thirds One Third Section Component (Lit + TypeScript)
+ *
+ * A section with 2/3 main content on the left and a 1/3 sidebar on the right.
+ * The columns wrap automatically when they become smaller than 280px.
+ * Padding and gap adjust via container queries.
+ *
+ * @element nldd-two-thirds-one-third-section
+ *
+ * @slot header - Content above the columns
+ * @slot - Left column (2/3), alternative for slot="left"
+ * @slot left - Left column (2/3)
+ * @slot right - Right column (1/3)
+ * @slot footer - Content below the columns
+ */
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { twoThirdsOneThirdSectionStyles } from './two-thirds-one-third-section.styles.js';
+import { twoThirdsOneThirdSectionTemplate } from './two-thirds-one-third-section.template.js';
+let NLDDTwoThirdsOneThirdSection = class NLDDTwoThirdsOneThirdSection extends LitElement {
+    render() {
+        return twoThirdsOneThirdSectionTemplate(this);
+    }
+};
+NLDDTwoThirdsOneThirdSection.styles = twoThirdsOneThirdSectionStyles;
+NLDDTwoThirdsOneThirdSection = __decorate([
+    customElement('nldd-two-thirds-one-third-section')
+], NLDDTwoThirdsOneThirdSection);
+export { NLDDTwoThirdsOneThirdSection };
+//# sourceMappingURL=two-thirds-one-third-section.js.map

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-thirds-one-third-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAGvF,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IAGlD,MAAM;QACd,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AAJe,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAD5C,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAMxC"}

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const twoThirdsOneThirdSectionStyles: import("lit").CSSResult;
+//# sourceMappingURL=two-thirds-one-third-section.styles.d.ts.map

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-thirds-one-third-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,8BAA8B,yBAmH1C,CAAC"}

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js

@@ -0,0 +1,121 @@
+import { css, unsafeCSS } from 'lit';
+import { breakpoints } from '../../../../assets/styles/breakpoints.js';
+const mdMin = unsafeCSS(breakpoints.mdMin);
+const lgMin = unsafeCSS(breakpoints.lgMin);
+export const twoThirdsOneThirdSectionStyles = css `
+
+
+	/* # Host
+	   Geen eigen container-type: page-sections luisteren naar de outer
+	   layout-area (gezet door nldd-page / nldd-card). Voor contexten
+	   zonder layout-area dient @media als fallback. */
+
+	:host {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		width: 100%;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block — sm = base; md/lg via @media (fallback) en
+	   @container layout-area (heeft voorrang binnen layout-area). */
+
+	.two-thirds-one-third-section {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		width: 100%;
+		box-sizing: border-box;
+		padding-inline: var(--semantics-page-sections-sm-margin-inline);
+		padding-block: var(--semantics-page-sections-sm-margin-block);
+
+		@media (min-width: ${mdMin}) {
+			padding-inline: var(--semantics-page-sections-md-margin-inline);
+			padding-block: var(--semantics-page-sections-md-margin-block);
+		}
+
+		@media (min-width: ${lgMin}) {
+			padding-inline: var(--semantics-page-sections-lg-margin-inline);
+			padding-block: var(--semantics-page-sections-lg-margin-block);
+		}
+
+		@container layout-area (min-width: ${mdMin}) {
+			padding-inline: var(--semantics-page-sections-md-margin-inline);
+			padding-block: var(--semantics-page-sections-md-margin-block);
+		}
+
+		@container layout-area (min-width: ${lgMin}) {
+			padding-inline: var(--semantics-page-sections-lg-margin-inline);
+			padding-block: var(--semantics-page-sections-lg-margin-block);
+		}
+	}
+
+
+	/* # Body */
+
+	.two-thirds-one-third-section__body {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		max-width: var(--semantics-page-sections-body-max-width);
+		gap: var(--semantics-page-sections-sm-gap);
+
+		@media (min-width: ${mdMin}) {
+			gap: var(--semantics-page-sections-md-gap);
+		}
+
+		@media (min-width: ${lgMin}) {
+			gap: var(--semantics-page-sections-lg-gap);
+		}
+
+		@container layout-area (min-width: ${mdMin}) {
+			gap: var(--semantics-page-sections-md-gap);
+		}
+
+		@container layout-area (min-width: ${lgMin}) {
+			gap: var(--semantics-page-sections-lg-gap);
+		}
+	}
+
+
+	/* # Columns */
+
+	.two-thirds-one-third-section__columns {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--semantics-page-sections-sm-gap);
+
+		@media (min-width: ${mdMin}) {
+			gap: var(--semantics-page-sections-md-gap);
+		}
+
+		@media (min-width: ${lgMin}) {
+			gap: var(--semantics-page-sections-lg-gap);
+		}
+
+		@container layout-area (min-width: ${mdMin}) {
+			gap: var(--semantics-page-sections-md-gap);
+		}
+
+		@container layout-area (min-width: ${lgMin}) {
+			gap: var(--semantics-page-sections-lg-gap);
+		}
+	}
+
+	.two-thirds-one-third-section__left-column {
+		flex: 2;
+		min-width: var(--primitives-area-280);
+	}
+
+	.two-thirds-one-third-section__right-column {
+		flex: 1;
+		min-width: var(--primitives-area-280);
+	}
+
+`;
+//# sourceMappingURL=two-thirds-one-third-section.styles.js.map

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-thirds-one-third-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgC1B,KAAK;;;;;uBAKL,KAAK;;;;;uCAKW,KAAK;;;;;uCAKL,KAAK;;;;;;;;;;;;;;;;uBAgBrB,KAAK;;;;uBAIL,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK;;;;;;;;;;;;;uBAarB,KAAK;;;;uBAIL,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK;;;;;;;;;;;;;;;CAe3C,CAAC"}

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDTwoThirdsOneThirdSection } from './two-thirds-one-third-section.js';
+export declare function twoThirdsOneThirdSectionTemplate(_component: NLDDTwoThirdsOneThirdSection): TemplateResult;
+//# sourceMappingURL=two-thirds-one-third-section.template.d.ts.map

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-thirds-one-third-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,UAAU,EAAE,4BAA4B,GAAG,cAAc,CAkBzG"}

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js

@@ -0,0 +1,21 @@
+import { html } from 'lit';
+export function twoThirdsOneThirdSectionTemplate(_component) {
+    return html `
+		<section class="two-thirds-one-third-section">
+			<div class="two-thirds-one-third-section__body">
+				<slot name="header"></slot>
+				<div class="two-thirds-one-third-section__columns">
+					<div class="two-thirds-one-third-section__left-column">
+						<slot></slot>
+						<slot name="left"></slot>
+					</div>
+					<div class="two-thirds-one-third-section__right-column">
+						<slot name="right"></slot>
+					</div>
+				</div>
+				<slot name="footer"></slot>
+			</div>
+		</section>
+	`;
+}
+//# sourceMappingURL=two-thirds-one-third-section.template.js.map

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-thirds-one-third-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,UAAwC;IACxF,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;EAgBV,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,105 @@
+/**
+ * Nederlandse Digitale Dienst Popover Component (Lit + TypeScript)
+ *
+ * Een non-modal floating panel dat is verankerd aan een trigger-element.
+ * Gebouwd op de native Popover API (popover="auto") met Floating UI voor
+ * positionering. De browser regelt open/toggle/light-dismiss; deze
+ * component regelt alleen positionering en focus.
+ *
+ * Aanbevolen gebruik via popovertarget zodat de browser de toggle regelt:
+ *
+ *     <nldd-button id="info-trigger" popovertarget="info-popover">Info</nldd-button>
+ *     <nldd-popover id="info-popover" anchor="info-trigger" accessible-label="Info">
+ *         <nldd-container>
+ *             <p>Inhoud van de popover.</p>
+ *         </nldd-container>
+ *     </nldd-popover>
+ *
+ * Voor een custom focus-target binnen de popover: zet `autofocus` op het
+ * gewenste child-element. Anders krijgt de popover-host zelf focus.
+ *
+ * @element nldd-popover
+ *
+ * @attr {string} anchor           - ID van het trigger-element voor positionering
+ * @attr {string} placement        - Floating UI placement (default: 'bottom-start')
+ * @attr {string} width            - Expliciete width (default: 320px via --components-popover-default-width)
+ * @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label).
+ *                                    Valt terug op de i18n default ('Popover')
+ *                                    als niet gezet — geef altijd een unieke,
+ *                                    beschrijvende naam.
+ * @attr {string} role             - ARIA role (default: 'dialog'). Voor
+ *                                    informationele content (tooltip-callout,
+ *                                    rich-text help-panel) zonder dialog-
+ *                                    interactie-pattern: zet `role="region"`.
+ *                                    Voor menu-style triggers: `role="menu"` +
+ *                                    `aria-haspopup="menu"` op de anchor.
+ *                                    De popover overschrijft een expliciet
+ *                                    gezette role nooit.
+ * @attr {object} translations       - Override translation keys; unset keys
+ *                                    vallen terug op de Nederlandse default.
+ *
+ * @prop {Element|null} anchorElement - Programmatische anchor (heeft voorrang op anchor attribuut)
+ * @prop {boolean} open               - (read-only) Of de popover momenteel open is
+ *
+ * @slot - Vrije content (bijv. nldd-container met form/info)
+ *
+ * @fires open  - Wanneer de popover wordt geopend
+ * @fires close - Wanneer de popover wordt gesloten
+ *
+ * @method show()     - Opent de popover
+ * @method hide()     - Sluit de popover
+ * @method toggle()   - Toggelt de popover
+ * @method reposition() - Herberekent de positie t.o.v. anchor
+ */
+import { LitElement, PropertyValues } from 'lit';
+import { type Placement } from '@floating-ui/dom';
+import { type NLDDPopoverTranslations } from './popover.i18n.js';
+export declare class NLDDPopover extends LitElement {
+    static styles: import("lit").CSSResult;
+    anchor: string;
+    anchorElement: Element | null;
+    placement: Placement;
+    width: string | undefined;
+    accessibleLabel: string;
+    /**
+     * Override one or more translation keys.
+     * Unset keys fall back to the Dutch default.
+     */
+    translations: Partial<NLDDPopoverTranslations>;
+    private _isOpen;
+    private _hasWarnedLabel;
+    private _previousFocus;
+    private _closedAt;
+    /** Cleanup-functie van Floating UI's autoUpdate, alleen actief tijdens open. */
+    private _cleanupAutoUpdate;
+    private _smQuery;
+    private _previousAnchorEl;
+    get open(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _t;
+    get _resolvedAccessibleLabel(): string;
+    show(): void;
+    private _warnIfMissingLabel;
+    hide(): void;
+    toggle(): void;
+    /** Herberekent positie t.o.v. anchor. Wordt automatisch aangeroepen bij openen. */
+    reposition(): Promise<void>;
+    private _getAnchorEl;
+    private _updateAnchorAria;
+    private _handleViewportChange;
+    private _handleDocumentClick;
+    private _handleToggle;
+    private _handleKeydown;
+    private _manageFocus;
+    private _returnFocus;
+    private _getFocusables;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-popover': NLDDPopover;
+    }
+}
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAK1F,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,MAAM,SAAM;IAGZ,aAAa,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGrC,SAAS,EAAE,SAAS,CAAkB;IAGtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAEpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,SAAS,CAAK;IACtB,gFAAgF;IAChF,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IAuBzB,oBAAoB,IAAI,IAAI;IA0B5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAuB/C,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAID,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,mBAAmB;IAQ3B,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAKd,mFAAmF;IAC7E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA6CjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,oBAAoB,CAgB1B;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CAiBpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IA2Cb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}

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

@@ -0,0 +1,5 @@
+export declare const nlddPopoverTranslations: {
+    'components.popover.accessible-label': string;
+};
+export type NLDDPopoverTranslations = typeof nlddPopoverTranslations;
+//# sourceMappingURL=popover.i18n.d.ts.map

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

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

package/dist/components/layout/popover/popover.i18n.js

@@ -0,0 +1,4 @@
+export const nlddPopoverTranslations = {
+    'components.popover.accessible-label': 'Popover',
+};
+//# sourceMappingURL=popover.i18n.js.map

package/dist/components/layout/popover/popover.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.i18n.js","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACtC,qCAAqC,EAAE,SAAS;CAChD,CAAC"}