@nldd/design-system 0.8.92 → 0.8.94

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

@@ -1,10 +1,27 @@
 import { Directive, type ElementPart, type PartInfo } from 'lit/directive.js';
 /**
  * Shared Storybook controls for the PageSectionMixin surface API
- * (background, scheme, width, height and the 12 block-padding overrides).
- * Spread into a section story's `argTypes` / `args`, and bind onto the host
+ * (background, width, height and the 12 block-padding overrides).
+ * Spread into a section story's `args` / `argTypes`, and bind onto the host
  * element in `render` with the `pageSectionAttrs` directive.
  */
+export declare const pageSectionArgs: {
+    background: string;
+    width: string;
+    height: string;
+    paddingBlock: string;
+    paddingTop: string;
+    paddingBottom: string;
+    smPaddingBlock: string;
+    smPaddingTop: string;
+    smPaddingBottom: string;
+    mdPaddingBlock: string;
+    mdPaddingTop: string;
+    mdPaddingBottom: string;
+    lgPaddingBlock: string;
+    lgPaddingTop: string;
+    lgPaddingBottom: string;
+};
 export declare const pageSectionArgTypes: {
     background: {
         control: {
@@ -18,18 +35,6 @@ export declare const pageSectionArgTypes: {
             };
         };
     };
-    scheme: {
-        control: {
-            type: string;
-        };
-        options: string[];
-        description: string;
-        table: {
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
     width: {
         control: string;
         description: string;
@@ -38,109 +43,199 @@ export declare const pageSectionArgTypes: {
         control: string;
         description: string;
     };
-    'padding-block': {
+    paddingBlock: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'padding-top': {
+    paddingTop: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'padding-bottom': {
+    paddingBottom: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'sm-padding-block': {
+    smPaddingBlock: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'sm-padding-top': {
+    smPaddingTop: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'sm-padding-bottom': {
+    smPaddingBottom: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'md-padding-block': {
+    mdPaddingBlock: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'md-padding-top': {
+    mdPaddingTop: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'md-padding-bottom': {
+    mdPaddingBottom: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'lg-padding-block': {
+    lgPaddingBlock: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'lg-padding-top': {
+    lgPaddingTop: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
-    'lg-padding-bottom': {
+    lgPaddingBottom: {
+        name: string;
         control: {
             type: "select";
         };
         options: string[];
+        mapping: {
+            '(auto)': string;
+        };
         description: string;
+        table: {
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
 };
-export declare const pageSectionArgs: {
-    background: string;
-    scheme: string;
-    width: string;
-    height: string;
-    'padding-block': string;
-    'padding-top': string;
-    'padding-bottom': string;
-    'sm-padding-block': string;
-    'sm-padding-top': string;
-    'sm-padding-bottom': string;
-    'md-padding-block': string;
-    'md-padding-top': string;
-    'md-padding-bottom': string;
-    'lg-padding-block': string;
-    'lg-padding-top': string;
-    'lg-padding-bottom': string;
-};
 declare class PageSectionAttrsDirective extends Directive {
     constructor(partInfo: PartInfo);
     render(_args: Record<string, unknown>): symbol;

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

@@ -1 +1 @@
-{"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAa1B;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAIF,cAAM,yBAA0B,SAAQ,SAAS;gBACpC,QAAQ,EAAE,QAAQ;IAO9B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI5B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAYpE;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uHAAuC,CAAC"}
+{"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAgB1B;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B/B,CAAC;AAMF,cAAM,yBAA0B,SAAQ,SAAS;gBACpC,QAAQ,EAAE,QAAQ;IAO9B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI5B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAYpE;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uHAAuC,CAAC"}

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

@@ -1,73 +1,70 @@
 import { nothing } from 'lit';
 import { Directive, directive, PartType, } from 'lit/directive.js';
 const PADDING_OPTIONS = [
-    '', '0', '2', '4', '6', '8', '10', '12', '16', '20', '24',
+    '(auto)', '0', '2', '4', '6', '8', '10', '12', '16', '20', '24',
     '28', '32', '40', '44', '48', '56', '64', '80', '96',
 ];
-const paddingControl = (description) => ({
+const paddingControl = (name, description) => ({
+    name,
     control: { type: 'select' },
     options: PADDING_OPTIONS,
+    mapping: { '(auto)': '' },
     description,
+    table: { defaultValue: { summary: '(auto)' } },
 });
 /**
  * Shared Storybook controls for the PageSectionMixin surface API
- * (background, scheme, width, height and the 12 block-padding overrides).
- * Spread into a section story's `argTypes` / `args`, and bind onto the host
+ * (background, width, height and the 12 block-padding overrides).
+ * Spread into a section story's `args` / `argTypes`, and bind onto the host
  * element in `render` with the `pageSectionAttrs` directive.
  */
+export const pageSectionArgs = {
+    background: 'inherit',
+    width: '',
+    height: '',
+    paddingBlock: '',
+    paddingTop: '',
+    paddingBottom: '',
+    smPaddingBlock: '',
+    smPaddingTop: '',
+    smPaddingBottom: '',
+    mdPaddingBlock: '',
+    mdPaddingTop: '',
+    mdPaddingBottom: '',
+    lgPaddingBlock: '',
+    lgPaddingTop: '',
+    lgPaddingBottom: '',
+};
 export const pageSectionArgTypes = {
     background: {
         control: { type: 'select' },
         options: ['inherit', 'base', 'tinted'],
-        description: 'Oppervlak: "inherit" (transparant) toont het oppervlak van de ouder; "base"/"tinted" tekenen een oppervlak en cascaden het naar afstammelingen',
-        table: { defaultValue: { summary: 'inherit' } },
-    },
-    scheme: {
-        control: { type: 'select' },
-        options: ['inherit', 'light', 'dark', 'inverted'],
-        description: 'Kleurschema: "inherit" erft; "inverted" is het tegenovergestelde van het omliggende paginaschema',
+        description: 'Oppervlak: "inherit" laat het oppervlak van de ouder doorschijnen, "base" en "tinted" tekenen een eigen oppervlak dat naar de inhoud cascadeert',
         table: { defaultValue: { summary: 'inherit' } },
     },
     width: {
         control: 'text',
-        description: 'Body max-width: "full" verwijdert de constraint, of een CSS length (bv. "480px") overschrijft de default max-width',
+        description: 'Maximale breedte van de inhoud: "full" haalt de grens weg, een CSS-lengte (bv. "480px") vervangt hem',
     },
     height: {
         control: 'text',
-        description: 'Minimale sectiehoogte (CSS length, bv. "400px", "100dvh") — net als width op de body-max-width, mapt height op min-height van de host',
+        description: 'Minimale hoogte van de sectie, als CSS-lengte (bv. "400px" of "100dvh")',
     },
-    'padding-block': paddingControl('Block (boven+onder) padding-override (token 0–96; "0" verwijdert de padding)'),
-    'padding-top': paddingControl('Override van alleen de bovenpadding'),
-    'padding-bottom': paddingControl('Override van alleen de onderpadding'),
-    'sm-padding-block': paddingControl('Block-padding op sm (≤640px)'),
-    'sm-padding-top': paddingControl('Bovenpadding op sm (≤640px)'),
-    'sm-padding-bottom': paddingControl('Onderpadding op sm (≤640px)'),
-    'md-padding-block': paddingControl('Block-padding op md (641–1007px)'),
-    'md-padding-top': paddingControl('Bovenpadding op md (641–1007px)'),
-    'md-padding-bottom': paddingControl('Onderpadding op md (641–1007px)'),
-    'lg-padding-block': paddingControl('Block-padding op lg (≥1008px)'),
-    'lg-padding-top': paddingControl('Bovenpadding op lg (≥1008px)'),
-    'lg-padding-bottom': paddingControl('Onderpadding op lg (≥1008px)'),
-};
-export const pageSectionArgs = {
-    background: 'inherit',
-    scheme: 'inherit',
-    width: '',
-    height: '',
-    'padding-block': '',
-    'padding-top': '',
-    'padding-bottom': '',
-    'sm-padding-block': '',
-    'sm-padding-top': '',
-    'sm-padding-bottom': '',
-    'md-padding-block': '',
-    'md-padding-top': '',
-    'md-padding-bottom': '',
-    'lg-padding-block': '',
-    'lg-padding-top': '',
-    'lg-padding-bottom': '',
+    paddingBlock: paddingControl('padding-block', 'Padding boven en onder (token 0 tot 96, "0" haalt hem weg)'),
+    paddingTop: paddingControl('padding-top', 'Alleen de padding boven'),
+    paddingBottom: paddingControl('padding-bottom', 'Alleen de padding onder'),
+    smPaddingBlock: paddingControl('sm-padding-block', 'Padding boven en onder op sm (tot 640px)'),
+    smPaddingTop: paddingControl('sm-padding-top', 'Padding boven op sm (tot 640px)'),
+    smPaddingBottom: paddingControl('sm-padding-bottom', 'Padding onder op sm (tot 640px)'),
+    mdPaddingBlock: paddingControl('md-padding-block', 'Padding boven en onder op md (641 tot 1007px)'),
+    mdPaddingTop: paddingControl('md-padding-top', 'Padding boven op md (641 tot 1007px)'),
+    mdPaddingBottom: paddingControl('md-padding-bottom', 'Padding onder op md (641 tot 1007px)'),
+    lgPaddingBlock: paddingControl('lg-padding-block', 'Padding boven en onder op lg (vanaf 1008px)'),
+    lgPaddingTop: paddingControl('lg-padding-top', 'Padding boven op lg (vanaf 1008px)'),
+    lgPaddingBottom: paddingControl('lg-padding-bottom', 'Padding onder op lg (vanaf 1008px)'),
 };
-const PAGE_SECTION_ATTR_KEYS = Object.keys(pageSectionArgs);
+const toAttribute = (key) => key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+const PAGE_SECTION_ATTRS = Object.keys(pageSectionArgs).map((key) => [key, toAttribute(key)]);
 class PageSectionAttrsDirective extends Directive {
     constructor(partInfo) {
         super(partInfo);
@@ -80,13 +77,13 @@ class PageSectionAttrsDirective extends Directive {
     }
     update(part, [args]) {
         const el = part.element;
-        for (const key of PAGE_SECTION_ATTR_KEYS) {
+        for (const [key, attribute] of PAGE_SECTION_ATTRS) {
             const value = args[key];
             if (typeof value === 'string' && value !== '') {
-                el.setAttribute(key, value);
+                el.setAttribute(attribute, value);
             }
             else {
-                el.removeAttribute(key);
+                el.removeAttribute(attribute);
             }
         }
         return nothing;

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

@@ -1 +1 @@
-{"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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"}

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

@@ -31,20 +31,20 @@
  *
  * @element nldd-sidebar-section
  *
+ * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
+ * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
+ * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
+ * @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
+ * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
+ * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
+ * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
+ *
  * @slot - Main content
  * @slot sidebar - Sidebar content (sticky box when expanded, a left/bottom sheet when collapsed). The box and the sheet add no padding of their own — wrap the content in a padded container (e.g. nldd-container) for inset spacing.
  * @slot sheet-top-title-bar - Replaces the sheet's default title bar (when collapsed). Empty falls back to an `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
  * @slot header - Content above the columns
  * @slot footer - Content below the columns
  *
- * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
- * @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
- * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
- * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
- * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
- * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
- * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
- *
  * @fires open - The sidebar sheet opened.
  * @fires close - The sidebar sheet closed.
  * @fires collapse-change - The collapsed state flipped because the section's width crossed the lg breakpoint; `{ collapsed }`.
@@ -60,7 +60,6 @@ import '../../page/page.js';
 import '../../../navigation/top-title-bar/top-title-bar.js';
 declare const NLDDSidebarSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
-    scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
     paddingBlock?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
     paddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
     paddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
@@ -79,12 +78,12 @@ declare const NLDDSidebarSection_base: typeof LitElement & (new (...args: any[])
 export declare class NLDDSidebarSection extends NLDDSidebarSection_base {
     static styles: import("lit").CSSResult;
     width: string;
-    stickyTop: string;
-    stickyBottom: string;
     sidebarLabel: string;
-    noCollapse: boolean;
     /** Override translation keys (sheet title fallback and dismiss label); unset keys fall back to Dutch. */
     translations: Partial<typeof nlddSidebarSectionTranslations>;
+    noCollapse: boolean;
+    stickyTop: string;
+    stickyBottom: string;
     collapsed: boolean;
     private _sheet?;
     private _ro?;

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oDAAoD,CAAC;;;;;;;;;;;;;;;;;;;AAG5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,YAAY,SAAM;IAGlB,UAAU,UAAS;IAEnB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAC,CAAY;IAE3B,OAAO,CAAC,GAAG,CAAC,CAAiB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,qEAAqE;IACrE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,EAAE;IAID,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAM7B,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,eAAe;IAcd,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,OAAO,CAAC,WAAW;IAQnB,iFAAiF;IACjF,IAAI,IAAI,IAAI;IAKZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,MAAM,IAAI,IAAI;IAQd,YAAY,QAAO,IAAI,CAAgC;IACvD,aAAa,QAAO,IAAI,CAAiC;IAEhD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
+{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oDAAoD,CAAC;;;;;;;;;;;;;;;;;;AAI5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,YAAY,SAAM;IAElB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,UAAU,UAAS;IAGnB,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAC,CAAY;IAE3B,OAAO,CAAC,GAAG,CAAC,CAAiB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,qEAAqE;IACrE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,EAAE;IAID,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAM7B,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,eAAe;IAcd,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,OAAO,CAAC,WAAW;IAQnB,iFAAiF;IACjF,IAAI,IAAI,IAAI;IAKZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,MAAM,IAAI,IAAI;IAQd,YAAY,QAAO,IAAI,CAAgC;IACvD,aAAa,QAAO,IAAI,CAAiC;IAEhD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}

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

@@ -37,20 +37,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * @element nldd-sidebar-section
  *
+ * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
+ * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
+ * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
+ * @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
+ * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
+ * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
+ * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
+ *
  * @slot - Main content
  * @slot sidebar - Sidebar content (sticky box when expanded, a left/bottom sheet when collapsed). The box and the sheet add no padding of their own — wrap the content in a padded container (e.g. nldd-container) for inset spacing.
  * @slot sheet-top-title-bar - Replaces the sheet's default title bar (when collapsed). Empty falls back to an `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
  * @slot header - Content above the columns
  * @slot footer - Content below the columns
  *
- * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
- * @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
- * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
- * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
- * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
- * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
- * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
- *
  * @fires open - The sidebar sheet opened.
  * @fires close - The sidebar sheet closed.
  * @fires collapse-change - The collapsed state flipped because the section's width crossed the lg breakpoint; `{ collapsed }`.
@@ -69,16 +69,17 @@ import { nlddSidebarSectionTranslations } from './sidebar-section.i18n.js';
 import '../../sheet/sheet.js';
 import '../../page/page.js';
 import '../../../navigation/top-title-bar/top-title-bar.js';
+import { translate } from '../../../../utilities/translations.js';
 let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitElement) {
     constructor() {
         super(...arguments);
         this.width = '';
-        this.stickyTop = '';
-        this.stickyBottom = '';
         this.sidebarLabel = '';
-        this.noCollapse = false;
         /** Override translation keys (sheet title fallback and dismiss label); unset keys fall back to Dutch. */
         this.translations = {};
+        this.noCollapse = false;
+        this.stickyTop = '';
+        this.stickyBottom = '';
         this.collapsed = false;
         this._lgMin = parseInt(breakpoints.lgMin, 10);
         this._hasMeasured = false;
@@ -104,7 +105,7 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
         return this._t('components.sidebar-section.sheet-dismiss-action');
     }
     _t(key) {
-        return this.translations[key] ?? nlddSidebarSectionTranslations[key];
+        return translate(this.translations, nlddSidebarSectionTranslations, key);
     }
     connectedCallback() {
         super.connectedCallback();
@@ -197,21 +198,21 @@ NLDDSidebarSection.styles = sidebarSectionStyles;
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDSidebarSection.prototype, "width", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: 'sticky-top' })
-], NLDDSidebarSection.prototype, "stickyTop", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: 'sticky-bottom' })
-], NLDDSidebarSection.prototype, "stickyBottom", void 0);
 __decorate([
     property({ type: String, attribute: 'sidebar-label' })
 ], NLDDSidebarSection.prototype, "sidebarLabel", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDSidebarSection.prototype, "translations", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'no-collapse' })
 ], NLDDSidebarSection.prototype, "noCollapse", void 0);
 __decorate([
-    property({ type: Object })
-], NLDDSidebarSection.prototype, "translations", void 0);
+    property({ type: String, reflect: true, attribute: 'sticky-top' })
+], NLDDSidebarSection.prototype, "stickyTop", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'sticky-bottom' })
+], NLDDSidebarSection.prototype, "stickyBottom", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDSidebarSection.prototype, "collapsed", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,GAAG,cAAc,CAsDpF"}
+{"version":3,"file":"sidebar-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,GAAG,cAAc,CA4DpF"}

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

@@ -8,7 +8,10 @@ export function sidebarSectionTemplate(component) {
 				<header class="sidebar-section__header"
 					hidden
 				>
-					<slot name="header" @slotchange=${component._onSlotChange}></slot>
+					<slot
+						name="header"
+						@slotchange=${component._onSlotChange}
+					></slot>
 				</header>
 				<div class="sidebar-section__columns">
 					${!collapsed ? html `
@@ -27,7 +30,10 @@ export function sidebarSectionTemplate(component) {
 				<footer class="sidebar-section__footer"
 					hidden
 				>
-					<slot name="footer" @slotchange=${component._onSlotChange}></slot>
+					<slot
+						name="footer"
+						@slotchange=${component._onSlotChange}
+					></slot>
 				</footer>
 			</div>
 		</section>