@nldd/design-system 0.8.78 → 0.8.80

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

@@ -1 +1 @@
-{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,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,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4CX,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwB1B,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0GvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}
+{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,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,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+CX,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA8B1B,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0GvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}

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

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

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

@@ -75,10 +75,17 @@ export const pageStyles = css `
 
 	/* Root-scroll mode: no inner scroller; content-sized (flex-shrink:0) so the
 	   sticky header/footer's containing block spans the whole document rather
-	   than being squeezed to a definite ancestor height. */
+	   than being squeezed to a definite ancestor height.
+
+	   Content-sized costs the page its floor, though: nested mode inherits one
+	   from the pane it stretches inside, and here there is nothing to stretch in.
+	   A short page would end where its content ends and leave anything after it
+	   (an nldd-page-footer, say) stranded mid-viewport. The minimum restores that
+	   floor without pinning: longer content still pushes past it. */
 	:host([data-scroll="root"]) .page {
 		overflow: visible;
 		flex-shrink: 0;
+		min-height: calc(100dvh - var(--context-layer-top, 0px) - var(--context-layer-bottom, 0px));
 	}
 
 

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

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

package/dist/components/layout/page-sections/hero/hero.d.ts

@@ -1,46 +1,45 @@
 /**
  * NLDD Design System Hero Component (Lit + TypeScript)
  *
- * Een paginakop met een mediavlak en een tekstpaneel (de main) dat op zes
- * posities kan staan. Alle vlakken zijn rechthoekig.
+ * A page header with a media area and a text panel (the main) that can stand in
+ * six positions. Every area is rectangular.
  *
- * Bij `main-width="full"` staat het mediavlak als losse strook boven of onder
- * het paneel, niet erachter. Op mobiel stapelt de media altijd boven het
- * volle-breedte paneel. Zonder media vult de main het volledige vlak; met
- * `main-background="base"` krijgt dat vlak een rand zodat het zichtbaar blijft
- * op de base-surface.
+ * With `main-width="full"` the media area sits as its own strip above or below
+ * the panel rather than behind it. On mobile the media always stacks above the
+ * full-width panel. Without media the main fills the whole area; with
+ * `main-background="base"` that area gets a border so it stays visible on the
+ * base surface.
  *
- * Met `main-background` krijgt het paneel een vlakkleur uit de
- * filled-categories; die leveren een pure witte of zwarte contentkleur mee,
- * zodat componenten met `color="inherit"` (title, rich-text) gegarandeerd
- * contrast houden.
+ * `main-background` gives the panel a surface color from the filled categories.
+ * Those carry a pure white or black content color along, so components with
+ * `color="inherit"` (title, rich-text) are guaranteed to keep their contrast.
  *
  * @element nldd-hero
  *
  * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
- *   Positie van het tekstpaneel (default: 'bottom-left'); 'left'/'right' beslaan de volle hoogte
- * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Breedte van het paneel (default: '1/2');
- *   'full' maakt een volle boven- of onderstrook en wordt bij 'left'/'right' genegeerd
- * @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
- *   of een categoriekleur — 'accent' (default) of een rijkskleur zoals
+ *   Position of the text panel (default: 'bottom-left'); 'left'/'right' span the full height
+ * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Width of the panel (default: '1/2');
+ *   'full' makes a full top or bottom strip and is ignored with 'left'/'right'
+ * @attr {string} main-background - Surface color of the panel: 'base' (the base surface)
+ *   or a category color — 'accent' (default) or a Rijkshuisstijl color such as
  *   'lintblauw'|'donkerblauw'|'oranje'
- * @attr {string} media-aspect-ratio - Aspect ratio van het mediavlak (CSS-vorm, '16/9' of '16:9');
- *   default '21/9'. Bepaalt op md/lg de hoogte van de hero, op sm de hoogte van het mediavlak
- * @attr {string} media-src - Bron van het mediavlak (alternatief voor de media-slot);
- *   genegeerd zodra de media-slot gevuld is
- * @attr {string} media-srcset - Responsive source set voor media-src
- * @attr {string} media-sizes - Source sizes-hint voor media-src
- * @attr {string} media-alt - Alt-tekst voor media-src; leeg = decoratief
- * @attr {'inherit'|'base'|'tinted'} background - Surface achter de hero (sectie-API)
- * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Kleurschema (sectie-API)
- * @attr {string} width - Body max-width; 'full' verwijdert de begrenzing (sectie-API)
- * @attr {string} height - Minimale hoogte van de sectie (sectie-API)
- * @attr {string} padding-block - Blokpadding-override, ook per rand en responsief (sectie-API)
+ * @attr {string} media-aspect-ratio - Aspect ratio of the media area (CSS form, '16/9' or '16:9');
+ *   default '21/9'. On md/lg it sets the height of the hero, on sm the height of the media area
+ * @attr {string} media-src - Source of the media area (an alternative to the media slot);
+ *   ignored as soon as the media slot is filled
+ * @attr {string} media-srcset - Responsive source set for media-src
+ * @attr {string} media-sizes - Source sizes hint for media-src
+ * @attr {string} media-alt - Alt text for media-src; empty means decorative
+ * @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
+ * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Color scheme (section API)
+ * @attr {string} width - Body max-width; 'full' removes the bound (section API)
+ * @attr {string} height - Minimum height of the section (section API)
+ * @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
  *
- * @slot media - Afbeelding of illustratie (img of nldd-image); vult het vlak en wordt geclipt.
- *   Heeft voorrang op de media-src-attributen. Zet `alt=""` wanneer de afbeelding decoratief is;
- *   geef anders een beschrijvende alt-tekst op.
- * @slot - Inhoud van het tekstpaneel (bijv. nldd-title en nldd-rich-text met color="inherit")
+ * @slot media - Image or illustration (img or nldd-image); fills the area and is clipped.
+ *   Takes precedence over the media-src attributes. Set `alt=""` when the image is decorative;
+ *   otherwise give a describing alt text.
+ * @slot - Content of the text panel (nldd-title and nldd-rich-text with color="inherit", for instance)
  */
 import { LitElement, type PropertyValues } from 'lit';
 export type HeroMainPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
@@ -75,7 +74,7 @@ export declare class NLDDHero extends NLDDHero_base {
     /** Width mode: 'full' (removes body max-width) or any CSS length. */
     width: string;
     /** Hybrid media source: media-src renders an internal <img>, but a slotted
-     *  media element wins (mirrors nldd-image / nldd-byline). srcset/sizes/alt
+     *  media element wins (mirrors nldd-image / nldd-identity). srcset/sizes/alt
      *  feed that internal img. */
     mediaSrc: string;
     mediaSrcset: string;

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

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAEtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAGpC,YAAY,EAAE,gBAAgB,CAAiB;IAG/C,SAAS,EAAE,aAAa,CAAS;IAGjC,cAAc,EAAE,kBAAkB,CAAY;IAE9C;qEACiE;IAEjE,gBAAgB,SAAM;IAEtB,qEAAqE;IAErE,KAAK,SAAM;IAEX;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyB/C,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAEtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAGpC,YAAY,EAAE,gBAAgB,CAAiB;IAG/C,SAAS,EAAE,aAAa,CAAS;IAGjC,cAAc,EAAE,kBAAkB,CAAY;IAE9C;qEACiE;IAEjE,gBAAgB,SAAM;IAEtB,qEAAqE;IAErE,KAAK,SAAM;IAEX;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyB/C,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/layout/page-sections/hero/hero.js

@@ -7,46 +7,45 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * NLDD Design System Hero Component (Lit + TypeScript)
  *
- * Een paginakop met een mediavlak en een tekstpaneel (de main) dat op zes
- * posities kan staan. Alle vlakken zijn rechthoekig.
+ * A page header with a media area and a text panel (the main) that can stand in
+ * six positions. Every area is rectangular.
  *
- * Bij `main-width="full"` staat het mediavlak als losse strook boven of onder
- * het paneel, niet erachter. Op mobiel stapelt de media altijd boven het
- * volle-breedte paneel. Zonder media vult de main het volledige vlak; met
- * `main-background="base"` krijgt dat vlak een rand zodat het zichtbaar blijft
- * op de base-surface.
+ * With `main-width="full"` the media area sits as its own strip above or below
+ * the panel rather than behind it. On mobile the media always stacks above the
+ * full-width panel. Without media the main fills the whole area; with
+ * `main-background="base"` that area gets a border so it stays visible on the
+ * base surface.
  *
- * Met `main-background` krijgt het paneel een vlakkleur uit de
- * filled-categories; die leveren een pure witte of zwarte contentkleur mee,
- * zodat componenten met `color="inherit"` (title, rich-text) gegarandeerd
- * contrast houden.
+ * `main-background` gives the panel a surface color from the filled categories.
+ * Those carry a pure white or black content color along, so components with
+ * `color="inherit"` (title, rich-text) are guaranteed to keep their contrast.
  *
  * @element nldd-hero
  *
  * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
- *   Positie van het tekstpaneel (default: 'bottom-left'); 'left'/'right' beslaan de volle hoogte
- * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Breedte van het paneel (default: '1/2');
- *   'full' maakt een volle boven- of onderstrook en wordt bij 'left'/'right' genegeerd
- * @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
- *   of een categoriekleur — 'accent' (default) of een rijkskleur zoals
+ *   Position of the text panel (default: 'bottom-left'); 'left'/'right' span the full height
+ * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Width of the panel (default: '1/2');
+ *   'full' makes a full top or bottom strip and is ignored with 'left'/'right'
+ * @attr {string} main-background - Surface color of the panel: 'base' (the base surface)
+ *   or a category color — 'accent' (default) or a Rijkshuisstijl color such as
  *   'lintblauw'|'donkerblauw'|'oranje'
- * @attr {string} media-aspect-ratio - Aspect ratio van het mediavlak (CSS-vorm, '16/9' of '16:9');
- *   default '21/9'. Bepaalt op md/lg de hoogte van de hero, op sm de hoogte van het mediavlak
- * @attr {string} media-src - Bron van het mediavlak (alternatief voor de media-slot);
- *   genegeerd zodra de media-slot gevuld is
- * @attr {string} media-srcset - Responsive source set voor media-src
- * @attr {string} media-sizes - Source sizes-hint voor media-src
- * @attr {string} media-alt - Alt-tekst voor media-src; leeg = decoratief
- * @attr {'inherit'|'base'|'tinted'} background - Surface achter de hero (sectie-API)
- * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Kleurschema (sectie-API)
- * @attr {string} width - Body max-width; 'full' verwijdert de begrenzing (sectie-API)
- * @attr {string} height - Minimale hoogte van de sectie (sectie-API)
- * @attr {string} padding-block - Blokpadding-override, ook per rand en responsief (sectie-API)
+ * @attr {string} media-aspect-ratio - Aspect ratio of the media area (CSS form, '16/9' or '16:9');
+ *   default '21/9'. On md/lg it sets the height of the hero, on sm the height of the media area
+ * @attr {string} media-src - Source of the media area (an alternative to the media slot);
+ *   ignored as soon as the media slot is filled
+ * @attr {string} media-srcset - Responsive source set for media-src
+ * @attr {string} media-sizes - Source sizes hint for media-src
+ * @attr {string} media-alt - Alt text for media-src; empty means decorative
+ * @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
+ * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Color scheme (section API)
+ * @attr {string} width - Body max-width; 'full' removes the bound (section API)
+ * @attr {string} height - Minimum height of the section (section API)
+ * @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
  *
- * @slot media - Afbeelding of illustratie (img of nldd-image); vult het vlak en wordt geclipt.
- *   Heeft voorrang op de media-src-attributen. Zet `alt=""` wanneer de afbeelding decoratief is;
- *   geef anders een beschrijvende alt-tekst op.
- * @slot - Inhoud van het tekstpaneel (bijv. nldd-title en nldd-rich-text met color="inherit")
+ * @slot media - Image or illustration (img or nldd-image); fills the area and is clipped.
+ *   Takes precedence over the media-src attributes. Set `alt=""` when the image is decorative;
+ *   otherwise give a describing alt text.
+ * @slot - Content of the text panel (nldd-title and nldd-rich-text with color="inherit", for instance)
  */
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
@@ -66,7 +65,7 @@ let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
         /** Width mode: 'full' (removes body max-width) or any CSS length. */
         this.width = '';
         /** Hybrid media source: media-src renders an internal <img>, but a slotted
-         *  media element wins (mirrors nldd-image / nldd-byline). srcset/sizes/alt
+         *  media element wins (mirrors nldd-image / nldd-identity). srcset/sizes/alt
          *  feed that internal img. */
         this.mediaSrc = '';
         this.mediaSrcset = '';

package/dist/components/layout/page-sections/hero/hero.js.map

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

package/dist/components/layout/page-sections/hero/hero.template.js

@@ -1,7 +1,7 @@
 import { html, nothing } from 'lit';
 export function heroTemplate(component) {
     // Internal media image from media-src, only when nothing is slotted (the
-    // slot wins, mirroring nldd-image / nldd-byline).
+    // slot wins, mirroring nldd-image / nldd-identity).
     const mediaImage = component.mediaSrc && !component._slotHasMedia
         ? html `<img src=${component.mediaSrc}
 				srcset=${component.mediaSrcset || nothing}

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

@@ -1 +1 @@
-{"version":3,"file":"hero.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,yEAAyE;IACzE,kDAAkD;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa;QAChE,CAAC,CAAC,IAAI,CAAA,YAAY,SAAS,CAAC,QAAQ;aACzB,SAAS,CAAC,WAAW,IAAI,OAAO;YACjC,SAAS,CAAC,UAAU,IAAI,OAAO;UACjC,SAAS,CAAC,QAAQ;;;KAGvB;QACH,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;;;eAIG,CAAC,SAAS,CAAC,SAAS;;sCAEG,SAAS,CAAC,kBAAkB;OAC3D,UAAU;;;;;;;EAOf,CAAC;AACH,CAAC"}
+{"version":3,"file":"hero.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,yEAAyE;IACzE,oDAAoD;IACpD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa;QAChE,CAAC,CAAC,IAAI,CAAA,YAAY,SAAS,CAAC,QAAQ;aACzB,SAAS,CAAC,WAAW,IAAI,OAAO;YACjC,SAAS,CAAC,UAAU,IAAI,OAAO;UACjC,SAAS,CAAC,QAAQ;;;KAGvB;QACH,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;;;eAIG,CAAC,SAAS,CAAC,SAAS;;sCAEG,SAAS,CAAC,kBAAkB;OAC3D,UAAU;;;;;;;EAOf,CAAC;AACH,CAAC"}

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

@@ -14,6 +14,8 @@
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
  * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
  * @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
+ * @attr {'left'|'center'|'right'} [horizontal-alignment] - Where the body's children sit across the body ('left' default). Use it to place something narrower than the body, such as a container with a max-width.
+ * @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the body's children sit down the section ('top' default). Only visible when the section is taller than its content.
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
  * @attr {string} [padding-top] - Top padding override.
@@ -21,6 +23,8 @@
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
  */
 import { LitElement } from 'lit';
+type HorizontalAlignment = 'left' | 'center' | 'right';
+type VerticalAlignment = 'top' | 'center' | 'bottom';
 declare const NLDDSimpleSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
     scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
@@ -43,6 +47,9 @@ export declare class NLDDSimpleSection extends NLDDSimpleSection_base {
     static styles: import("lit").CSSResult;
     /** Width mode: 'full' (removes body max-width) or any CSS length. */
     width: string;
+    /** Where the body's children sit; the body itself keeps its own max-width. */
+    horizontalAlignment: HorizontalAlignment;
+    verticalAlignment: VerticalAlignment;
     updated(changedProperties: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,iBAAkB,SAAQ,sBAA4B;IAClE,OAAgB,MAAM,0BAAuB;IAE7C,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
+{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;AAErD,qBACa,iBAAkB,SAAQ,sBAA4B;IAClE,OAAgB,MAAM,0BAAuB;IAE7C,qEAAqE;IAErE,KAAK,SAAM;IAEX,8EAA8E;IAE9E,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAS;IAEpC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,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

@@ -20,6 +20,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
  * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
  * @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
+ * @attr {'left'|'center'|'right'} [horizontal-alignment] - Where the body's children sit across the body ('left' default). Use it to place something narrower than the body, such as a container with a max-width.
+ * @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the body's children sit down the section ('top' default). Only visible when the section is taller than its content.
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
  * @attr {string} [padding-top] - Top padding override.
@@ -29,6 +31,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
+import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
 import { simpleSectionStyles } from './simple-section.styles.js';
 import { simpleSectionTemplate } from './simple-section.template.js';
 let NLDDSimpleSection = class NLDDSimpleSection extends PageSectionMixin(LitElement) {
@@ -36,6 +39,9 @@ let NLDDSimpleSection = class NLDDSimpleSection extends PageSectionMixin(LitElem
         super(...arguments);
         /** Width mode: 'full' (removes body max-width) or any CSS length. */
         this.width = '';
+        /** Where the body's children sit; the body itself keeps its own max-width. */
+        this.horizontalAlignment = 'left';
+        this.verticalAlignment = 'top';
     }
     updated(changedProperties) {
         super.updated(changedProperties);
@@ -60,6 +66,12 @@ NLDDSimpleSection.styles = simpleSectionStyles;
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDSimpleSection.prototype, "width", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('left') })
+], NLDDSimpleSection.prototype, "horizontalAlignment", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('top') })
+], NLDDSimpleSection.prototype, "verticalAlignment", void 0);
 NLDDSimpleSection = __decorate([
     customElement('nldd-simple-section')
 ], NLDDSimpleSection);

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

@@ -1 +1 @@
-{"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AAvBe,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AALC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAyB7B"}
+{"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;QAEX,8EAA8E;QAE9E,wBAAmB,GAAwB,MAAM,CAAC;QAGlD,sBAAiB,GAAsB,KAAK,CAAC;IAoB9C,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AA9Be,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AAIX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAE,SAAS,EAAE,iBAAiB,CAAsB,MAAM,CAAC,EAAE,CAAC;8DACxE;AAGlD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,CAAoB,KAAK,CAAC,EAAE,CAAC;4DACxE;AAZjC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAgC7B"}

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

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

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

@@ -46,6 +46,25 @@ export const simpleSectionStyles = css `
 		--_max-width: none;
 	}
 
+	/* On the main rather than the body: the body also holds the header and the
+	   footer, and the children land in the main. It is a flex column, so down the
+	   section is the main axis and across it is the cross axis. */
+	:host([vertical-alignment="center"]) .simple-section__main {
+		justify-content: center;
+	}
+
+	:host([vertical-alignment="bottom"]) .simple-section__main {
+		justify-content: flex-end;
+	}
+
+	:host([horizontal-alignment="center"]) .simple-section__main {
+		align-items: center;
+	}
+
+	:host([horizontal-alignment="right"]) .simple-section__main {
+		align-items: flex-end;
+	}
+
 
 	/* # Block */
 

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

@@ -1 +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;AAC3C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAsDX,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
+{"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;AAC3C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyEX,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

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

@@ -1,50 +1,50 @@
 /**
  * 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.
+ * A non-modal floating panel anchored to a trigger element. Built on the native
+ * Popover API (popover="auto") with Floating UI for positioning. The browser
+ * handles opening, toggling and light dismiss; this component only handles
+ * positioning and focus.
  *
- * Aanbevolen gebruik via popovertarget zodat de browser de toggle regelt:
+ * The recommended use is through popovertarget, so the browser owns the toggle:
  *
  *     <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>
+ *             <p>Content of the 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.
+ * For a custom focus target inside the popover, put `autofocus` on the child you
+ * want. Without it the popover host itself takes focus.
  *
  * @element nldd-popover
  *
- * @attr {string} anchor - ID van het trigger-element voor positionering
+ * @attr {string} anchor - ID of the trigger element, used for positioning
  * @attr {string} placement - Floating UI placement (default: 'bottom-start')
- * @attr {string} width - Expliciete width (default: 320px via --components-popover-default-width)
- * @attr {string} top - CSS top-positie. Wanneer gezet (alleen of samen met andere edge-attrs of `centered`) wordt Floating UI's anchor-positionering overgeslagen — de popover staat dan vrij op het scherm. De `anchor` blijft wel nodig voor ARIA-koppeling op de trigger. Geen effect op sm (bottom-sheet wint).
- * @attr {string} left - CSS left-positie. Zie `top` voor semantiek.
- * @attr {string} right - CSS right-positie. Zie `top` voor semantiek.
- * @attr {string} bottom - CSS bottom-positie. Zie `top` voor semantiek.
- * @attr {boolean} centered - Centreert beide assen op de viewport. Per as overrideable: `centered top="0"` = horizontaal gecentreerd, top-aligned. Mirrort CSS `place-items: center` met `align-items`/`justify-items` overrides.
- * @attr {boolean} sm-full-height - Op sm-viewport (waar de popover als bottom-sheet rendert) de volledige beschikbare hoogte vullen i.p.v. te krimpen naar content. Geen effect op md+ (anchored modus). Opt-in voor content-heavy use cases zoals zoekresultaten of lange detail-views; volgt Apple/Material conventie van content-sized als default.
- * @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-interactiepatroon: 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.
+ * @attr {string} width - Width as a CSS length (default: 320px through --components-popover-default-width). A content-based size (`fit-content`, `min-content`, `max-content`, `auto`) is refused: the popover is an inline-size container so slotted components can adapt to it, and its width cannot then come from that same content. Such a value is ignored, with a warning in DEV.
+ * @attr {string} top - CSS top position. When set (on its own, or together with other edge attributes or `centered`) Floating UI's anchor positioning is skipped and the popover stands free on the screen. The `anchor` is still needed for the ARIA link on the trigger. No effect on sm, where the bottom sheet wins.
+ * @attr {string} left - CSS left position. See `top` for the semantics.
+ * @attr {string} right - CSS right position. See `top` for the semantics.
+ * @attr {string} bottom - CSS bottom position. See `top` for the semantics.
+ * @attr {boolean} centered - Centers both axes on the viewport. Overridable per axis: `centered top="0"` is centered horizontally, aligned to the top. Mirrors CSS `place-items: center` with `align-items`/`justify-items` overrides.
+ * @attr {boolean} sm-full-height - On an sm viewport (where the popover renders as a bottom sheet) fills the whole available height instead of shrinking to its content. No effect on md and up (anchored mode). Opt-in for content-heavy cases such as search results or long detail views; content-sized is the default, following the Apple and Material convention.
+ * @attr {string} accessible-label - (required) Accessible name (aria-label). Falls back to the i18n default ('Popover') when unset — always give a unique, describing name.
+ * @attr {string} role - ARIA role (default: 'dialog'). For informational content (a tooltip callout, a rich-text help panel) without a dialog interaction pattern, set `role="region"`. For menu-style triggers, `role="menu"` plus `aria-haspopup="menu"` on the anchor. The popover never overwrites a role that was set explicitly.
+ * @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
  *
- * @prop {Element|null} anchorElement - Programmatische anchor (heeft voorrang op anchor attribuut)
- * @prop {boolean} open - (read-only) Of de popover momenteel open is
+ * @prop {Element|null} anchorElement - Programmatic anchor (takes precedence over the anchor attribute)
+ * @prop {boolean} open - (read-only) Whether the popover is open right now
  *
- * @slot - Vrije content (bijv. nldd-container met form/info)
+ * @slot - Free content (an nldd-container with a form or info, for instance)
  *
- * @fires open - Wanneer de popover wordt geopend
- * @fires close - Wanneer de popover wordt gesloten
+ * @fires open - When the popover opens
+ * @fires close - When the popover closes
  *
- * @method show() - Opent de popover
- * @method hide() - Sluit de popover
- * @method toggle() - Toggelt de popover
- * @method reposition() - Herberekent de positie t.o.v. anchor
+ * @method show() - Opens the popover
+ * @method hide() - Closes the popover
+ * @method toggle() - Toggles the popover
+ * @method reposition() - Recalculates the position relative to the anchor
  */
 import { LitElement, PropertyValues } from 'lit';
 import { type Placement } from '@floating-ui/dom';
@@ -77,6 +77,12 @@ export declare class NLDDPopover extends LitElement {
     private _wasOnSm;
     private _previousAnchorEl;
     get open(): boolean;
+    /** Widths that come from the content instead of from a length. The popover is
+     *  an inline-size query container so slotted components can adapt to it, and
+     *  containment exists precisely to forbid a box from depending on its own
+     *  contents in that axis. CSS resolves the cycle by making the box zero wide,
+     *  which is invisible on screen and hard to trace back; better to say no. */
+    private static readonly CONTENT_WIDTHS;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: PropertyValues): void;

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,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;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,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,6BAA6B,CAAS;IAC9C,8EAA8E;IAC9E,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IA6BzB,oBAAoB,IAAI,IAAI;IAkC5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoC/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;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAK1B,oFAAoF;IAC9E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAuGjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,qBAAqB,CAa3B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,0BAA0B,CAiBhC;IAEF;8EAC0E;IAC1E,OAAO,CAAC,oBAAoB,CAE1B;IAEF;uCACmC;IACnC,OAAO,CAAC,2BAA2B,CAKjC;IAEF,OAAO,CAAC,oBAAoB,CA+B1B;IAOF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CAyCpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IAyDb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,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;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,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,6BAA6B,CAAS;IAC9C,8EAA8E;IAC9E,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAED;;;;iFAI6E;IAC7E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAmD;IAEhF,iBAAiB,IAAI,IAAI;IA6BzB,oBAAoB,IAAI,IAAI;IAkC5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA4C/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;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAK1B,oFAAoF;IAC9E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAuGjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,qBAAqB,CAa3B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,0BAA0B,CAiBhC;IAEF;8EAC0E;IAC1E,OAAO,CAAC,oBAAoB,CAE1B;IAEF;uCACmC;IACnC,OAAO,CAAC,2BAA2B,CAKjC;IAEF,OAAO,CAAC,oBAAoB,CA+B1B;IAOF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CAyCpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IAyDb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}