@nldd/design-system 0.8.64 → 0.8.65

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

@@ -1,6 +1,8 @@
 import { css, unsafeCSS } from 'lit';
 import { breakpoints } from '../../../assets/styles/breakpoints.js';
+const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
+const mdMax = unsafeCSS(breakpoints.mdMax);
 const lgMin = unsafeCSS(breakpoints.lgMin);
 export const collectionStyles = css `
 	:host {
@@ -14,19 +16,26 @@ export const collectionStyles = css `
 		--_item-width: var(--primitives-area-280);
 		--_focus-ring-z-index: 1;
 
-		display: flex;
-		width: 100%;
-		min-width: 0;
-		flex-direction: column;
-		gap: var(--components-collection-sm-gap);
+		/* The gap between items (and before the load-more button), set per breakpoint
+		   range so no two rules overlap. The gap attribute overrides it at every
+		   breakpoint with a single inline --_gap (inline wins over these media rules). */
+		@media (max-width: ${smMax}) {
+			--_gap: var(--components-collection-sm-gap);
+		}
 
-		@media (min-width: ${mdMin}) {
-			gap: var(--components-collection-md-gap);
+		@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+			--_gap: var(--components-collection-md-gap);
 		}
 
 		@media (min-width: ${lgMin}) {
-			gap: var(--components-collection-lg-gap);
+			--_gap: var(--components-collection-lg-gap);
 		}
+
+		display: flex;
+		width: 100%;
+		min-width: 0;
+		flex-direction: column;
+		gap: var(--_gap);
 	}
 
 	:host([hidden]) {
@@ -39,15 +48,7 @@ export const collectionStyles = css `
 	.collection__items {
 		display: flex;
 		width: 100%;
-		gap: var(--components-collection-sm-gap);
-
-		@media (min-width: ${mdMin}) {
-			gap: var(--components-collection-md-gap);
-		}
-
-		@media (min-width: ${lgMin}) {
-			gap: var(--components-collection-lg-gap);
-		}
+		gap: var(--_gap);
 	}
 
 	/* ## Grid */

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

@@ -1 +1 @@
-{"version":3,"file":"collection.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.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;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;uBAkBZ,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;uBAiBL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwG3B,CAAC"}
+{"version":3,"file":"collection.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.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,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;uBAeZ,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2H3B,CAAC"}

package/dist/components/layout/page-footer/page-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYtD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;GASG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,SAAM;IAED,MAAM;CAGf;AAcD;;;;;;;;;;;;;GAaG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACrD,OAAgB,MAAM,0BAA4B;IAGlD,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,SAAS,UAAS;IAGlB,OAAO,UAAS;IAEhB,OAAO,CAAC,mBAAmB,CAAiE;IAEnF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAWjD,aAAa,GAAI,GAAG,KAAK,UAMvB;IAEO,MAAM;CAGf;AAWD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,eAAe,UAAS;IAGxB,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAEZ,iBAAiB,IAAI,IAAI;IA6BlC,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,OAAO;IAQ5D,aAAa,GAAI,GAAG,KAAK,UAOvB;IAKO,OAAO,IAAI,IAAI;IAWf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;QACnC,4BAA4B,EAAE,sBAAsB,CAAC;QACrD,iCAAiC,EAAE,0BAA0B,CAAC;KAC9D;CACD"}
+{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAatD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;GASG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,SAAM;IAED,MAAM;CAGf;AAcD;;;;;;;;;;;;;GAaG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACrD,OAAgB,MAAM,0BAA4B;IAGlD,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,SAAS,UAAS;IAGlB,OAAO,UAAS;IAEhB,OAAO,CAAC,mBAAmB,CAAiE;IAEnF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAWjD,aAAa,GAAI,GAAG,KAAK,UAMvB;IAEO,MAAM;CAGf;AAWD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,eAAe,UAAS;IAGxB,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAEZ,iBAAiB,IAAI,IAAI;IA6BlC,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,OAAO;IAQ5D,aAAa,GAAI,GAAG,KAAK,UAOvB;IAKO,OAAO,IAAI,IAAI;IAWf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;QACnC,4BAA4B,EAAE,sBAAsB,CAAC;QACrD,iCAAiC,EAAE,0BAA0B,CAAC;KAC9D;CACD"}

package/dist/components/layout/page-footer/page-footer.js

@@ -28,6 +28,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  */
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { pageFooterStyles, pageFooterLegalBarStyles, pageFooterLegalBarItemStyles, } from './page-footer.styles.js';
 import { pageFooterTemplate, pageFooterLegalBarTemplate, pageFooterLegalBarItemTemplate, } from './page-footer.template.js';
 import { nlddPageFooterTranslations } from './page-footer.i18n.js';
@@ -56,7 +57,7 @@ __decorate([
     property({ type: String, reflect: true })
 ], NLDDPageFooterLegalBarItem.prototype, "href", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ reflect: true, converter: reflectNonDefault('') })
 ], NLDDPageFooterLegalBarItem.prototype, "text", void 0);
 // Sub-component of nldd-page-footer-legal-bar. Exported as a public class
 // for type imports and slot-content composition. The guard registration

package/dist/components/layout/page-footer/page-footer.js.map

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

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

@@ -1,32 +1,20 @@
 /**
  * NLDD Design System Hero Component (Lit + TypeScript)
  *
- * Een paginakop volgens de rijkshuisstijl-vormtaal: een mediavlak met exact
- * één afgeronde hoek (radius afgeleid van de lintbreedte) en een tekstpaneel
- * (de main) dat op zes posities kan staan. De radius is van het component en
- * niet instelbaar: 1,5X lintbreedte op smalle containers, 2X op md/lg.
+ * Een paginakop met een mediavlak en een tekstpaneel (de main) dat op zes
+ * posities kan staan. Alle vlakken zijn rechthoekig.
  *
- * De media-hoek volgt automatisch uit `main-position` (zie de tabel in de
- * stories) en is per geval te overschrijven met `media-corner-position`. Het paneel
- * krijgt zijn eigen afgeronde hoek — op halve maat, zodat de tekst niet
- * tegen de rand komt — op de hoek die diagonaal het mediavlak in wijst.
- * Beslaat het paneel een volledige rand (`left`/`right`, `main-width="full"`
- * of de gestapelde mobiele weergave), dan is het hoekloos. Bij
- * `main-width="full"` staat het mediavlak als losse strook boven of onder het
- * paneel — niet erachter — en schuift de media-hoek mee naar de buitenrand van
- * die strook (weg van het paneel), zodat hij zichtbaar blijft. Op mobiel zit de
- * media-hoek altijd aan de bovenkant (een onderhoek klapt naar zijn
- * bovenhoek) en is hij een halve stap groter (1,5X). Zonder media vult de
- * main het volledige vlak; met `main-background="base"` krijgt het vlak dan
- * een rand op de zijden die de afgeronde hoek raken, zoals blockquote.
+ * 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.
  *
  * 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.
  *
- * Per de rijkshuisstijl wordt de radius nooit geanimeerd.
- *
  * @element nldd-hero
  *
  * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
@@ -36,8 +24,6 @@
  * @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
  *   of een categoriekleur — 'accent' (default) of een rijkskleur zoals
  *   'lintblauw'|'donkerblauw'|'oranje'
- * @attr {'auto'|'top-left'|'top-right'|'bottom-left'|'bottom-right'} media-corner-position -
- *   Afgeronde hoek van het mediavlak; 'auto' (default) volgt main-position
  * @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);
@@ -58,7 +44,6 @@
  */
 import { LitElement, type PropertyValues } from 'lit';
 export type HeroMainPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
-export type HeroCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export type HeroMainWidth = '1/2' | '2/3' | '3/4' | 'full';
 export type HeroMainBackground = 'base' | 'accent' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
 declare const NLDDHero_base: typeof LitElement & (new (...args: any[]) => LitElement & {
@@ -84,7 +69,6 @@ export declare class NLDDHero extends NLDDHero_base {
     mainPosition: HeroMainPosition;
     mainWidth: HeroMainWidth;
     mainBackground: HeroMainBackground;
-    mediaCornerPosition: 'auto' | HeroCorner;
     /** Media aspect-ratio in CSS form ('16/9' or '16:9'); default '21/9'. Drives
      *  the hero height on md/lg and the media strip height on sm. */
     mediaAspectRatio: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AACnF,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;;;;;;;;;;;;;;;;;;;AAuBtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAGpC,YAAY,EAAE,gBAAgB,CAAiB;IAG/C,SAAS,EAAE,aAAa,CAAS;IAGjC,cAAc,EAAE,kBAAkB,CAAY;IAG9C,mBAAmB,EAAE,MAAM,GAAG,UAAU,CAAU;IAElD;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;IA+BzC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

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

@@ -7,32 +7,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * NLDD Design System Hero Component (Lit + TypeScript)
  *
- * Een paginakop volgens de rijkshuisstijl-vormtaal: een mediavlak met exact
- * één afgeronde hoek (radius afgeleid van de lintbreedte) en een tekstpaneel
- * (de main) dat op zes posities kan staan. De radius is van het component en
- * niet instelbaar: 1,5X lintbreedte op smalle containers, 2X op md/lg.
+ * Een paginakop met een mediavlak en een tekstpaneel (de main) dat op zes
+ * posities kan staan. Alle vlakken zijn rechthoekig.
  *
- * De media-hoek volgt automatisch uit `main-position` (zie de tabel in de
- * stories) en is per geval te overschrijven met `media-corner-position`. Het paneel
- * krijgt zijn eigen afgeronde hoek — op halve maat, zodat de tekst niet
- * tegen de rand komt — op de hoek die diagonaal het mediavlak in wijst.
- * Beslaat het paneel een volledige rand (`left`/`right`, `main-width="full"`
- * of de gestapelde mobiele weergave), dan is het hoekloos. Bij
- * `main-width="full"` staat het mediavlak als losse strook boven of onder het
- * paneel — niet erachter — en schuift de media-hoek mee naar de buitenrand van
- * die strook (weg van het paneel), zodat hij zichtbaar blijft. Op mobiel zit de
- * media-hoek altijd aan de bovenkant (een onderhoek klapt naar zijn
- * bovenhoek) en is hij een halve stap groter (1,5X). Zonder media vult de
- * main het volledige vlak; met `main-background="base"` krijgt het vlak dan
- * een rand op de zijden die de afgeronde hoek raken, zoals blockquote.
+ * 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.
  *
  * 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.
  *
- * Per de rijkshuisstijl wordt de radius nooit geanimeerd.
- *
  * @element nldd-hero
  *
  * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
@@ -42,8 +30,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
  *   of een categoriekleur — 'accent' (default) of een rijkskleur zoals
  *   'lintblauw'|'donkerblauw'|'oranje'
- * @attr {'auto'|'top-left'|'top-right'|'bottom-left'|'bottom-right'} media-corner-position -
- *   Afgeronde hoek van het mediavlak; 'auto' (default) volgt main-position
  * @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);
@@ -65,34 +51,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
+import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
 import { heroStyles } from './hero.styles.js';
 import { heroTemplate } from './hero.template.js';
-/* The media corner per panel position — a curated lookup straight from the
- * rijkshuisstijl examples, not a formula. */
-const AUTO_CORNER = {
-    'bottom-left': 'top-right',
-    'bottom-right': 'bottom-left',
-    'top-left': 'top-right',
-    'top-right': 'top-left',
-    'left': 'top-right',
-    'right': 'top-left',
-};
-/* The panel's own single corner: the one pointing diagonally into the media. */
-const MAIN_CORNER = {
-    'bottom-left': 'top-right',
-    'bottom-right': 'top-left',
-    'top-left': 'bottom-right',
-    'top-right': 'bottom-left',
-    'left': null,
-    'right': null,
-};
 let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
     constructor() {
         super(...arguments);
         this.mainPosition = 'bottom-left';
         this.mainWidth = '1/2';
         this.mainBackground = 'accent';
-        this.mediaCornerPosition = 'auto';
         /** Media aspect-ratio in CSS form ('16/9' or '16:9'); default '21/9'. Drives
          *  the hero height on md/lg and the media strip height on sm. */
         this.mediaAspectRatio = '';
@@ -113,32 +80,7 @@ let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
     }
     willUpdate(changed) {
         super.willUpdate(changed);
-        // Resolve the corner logic once per update and expose it as host data
-        // attributes the stylesheet keys off — keeps the per-corner CSS flat.
-        // mainPosition is typed, but HTML attributes are not — fall back to the
-        // default for an unknown or empty value (the design-system convention).
-        const position = AUTO_CORNER[this.mainPosition] ? this.mainPosition : 'bottom-left';
-        const edge = position === 'left' || position === 'right';
-        let mediaCorner = this.mediaCornerPosition !== 'auto'
-            ? this.mediaCornerPosition
-            : AUTO_CORNER[position];
-        // At main-width="full" the media stacks above or below the full-width
-        // panel instead of sitting behind it, so its rounded corner must land on
-        // the strip's outer edge to stay visible: a bottom panel puts the media
-        // (and its corner) on top, a top panel puts it below. Keep the horizontal
-        // side, force the vertical side away from the panel — even when the corner
-        // was set explicitly, mirroring the mobile rule. The full-height left/right
-        // panels ignore main-width="full", so they keep their curated corner.
-        if (this.mainWidth === 'full' && this._hasMedia && !edge) {
-            const panelAtTop = position === 'top-left' || position === 'top-right';
-            const side = mediaCorner.endsWith('left') ? 'left' : 'right';
-            mediaCorner = `${panelAtTop ? 'bottom' : 'top'}-${side}`;
-        }
-        this.setAttribute('data-media-corner', mediaCorner);
-        const mainCorner = (!this._hasMedia || edge || this.mainWidth === 'full')
-            ? null
-            : MAIN_CORNER[position];
-        this.setAttribute('data-main-corner', mainCorner ?? 'none');
+        // The stylesheet only keys off whether media is present.
         this.toggleAttribute('data-has-media', this._hasMedia);
     }
     updated(changed) {
@@ -178,17 +120,14 @@ let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
 };
 NLDDHero.styles = heroStyles;
 __decorate([
-    property({ type: String, reflect: true, attribute: 'main-position' })
+    property({ reflect: true, attribute: 'main-position', converter: reflectNonDefault('bottom-left') })
 ], NLDDHero.prototype, "mainPosition", void 0);
 __decorate([
-    property({ type: String, reflect: true, attribute: 'main-width' })
+    property({ reflect: true, attribute: 'main-width', converter: reflectNonDefault('1/2') })
 ], NLDDHero.prototype, "mainWidth", void 0);
 __decorate([
-    property({ type: String, reflect: true, attribute: 'main-background' })
+    property({ reflect: true, attribute: 'main-background', converter: reflectNonDefault('accent') })
 ], NLDDHero.prototype, "mainBackground", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: 'media-corner-position' })
-], NLDDHero.prototype, "mediaCornerPosition", void 0);
 __decorate([
     property({ type: String, reflect: true, attribute: 'media-aspect-ratio' })
 ], NLDDHero.prototype, "mediaAspectRatio", void 0);

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.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,yBAsgBtB,CAAC"}
+{"version":3,"file":"hero.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,yBAoXtB,CAAC"}

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

@@ -27,11 +27,6 @@ export const heroStyles = css `
 		--_lg-padding-top: initial;
 		--_lg-padding-bottom: initial;
 		--_max-width: var(--semantics-page-sections-body-max-width);
-		/* Rijkshuisstijl shape language: the corner radius derives from the
-		   ribbon width — 1.5X on small containers, 2X on md/lg, and the panel
-		   corner at half the media radius so text clears the curve. Never
-		   animated. */
-		--_corner-radius: calc(var(--semantics-brand-ribbon-sm-width) * 1.5);
 		--_media-aspect-ratio: 21 / 9;
 		--_main-width: 50%;
 		--_main-background-color: var(--semantics-categories-accent-reference-background-color);
@@ -176,13 +171,9 @@ export const heroStyles = css `
 		flex-grow: 1;
 		align-items: center;
 
-		/* The responsive overrides live here, not on :host — a container
-		   query inside :host would match an ancestor container, while these
-		   must query the host's own inline size. The derived panel radius is
-		   also declared here (not on :host): a custom property resolves its
-		   var() on the declaring element, so it must sit below the
-		   breakpoint overrides to track them. */
-		--_main-corner-radius: calc(var(--_corner-radius) / 2);
+		/* The responsive overrides live here, not on :host — a container query
+		   inside :host would match an ancestor container, while these must query
+		   the host's own inline size. */
 
 		@container (max-width: ${smMax}) {
 			padding-inline: var(--semantics-page-sections-sm-margin-inline);
@@ -191,7 +182,6 @@ export const heroStyles = css `
 		}
 
 		@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
-			--_corner-radius: calc(var(--semantics-brand-ribbon-md-width) * 2);
 			--_main-padding: var(--primitives-space-24);
 			padding-inline: var(--semantics-page-sections-md-margin-inline);
 			padding-top: var(--_md-padding-top, var(--_padding-top, var(--semantics-page-sections-md-margin-block)));
@@ -199,7 +189,6 @@ export const heroStyles = css `
 		}
 
 		@container (min-width: ${lgMin}) {
-			--_corner-radius: calc(var(--semantics-brand-ribbon-lg-width) * 2);
 			--_main-padding: var(--primitives-space-32);
 			padding-inline: var(--semantics-page-sections-lg-margin-inline);
 			padding-top: var(--_lg-padding-top, var(--_padding-top, var(--semantics-page-sections-lg-margin-block)));
@@ -225,27 +214,10 @@ export const heroStyles = css `
 		grid-template-columns: 100%;
 	}
 
-	/* Without media a base-colored shape would be invisible on the base
-	   surface; border the sides that meet the rounded corner, like
-	   blockquote does. */
-	:host(:not([data-has-media])[main-background="base"][data-media-corner="top-left"]) .hero__body {
-		border-top: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-		border-left: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-	}
-
-	:host(:not([data-has-media])[main-background="base"][data-media-corner="top-right"]) .hero__body {
-		border-top: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-		border-right: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-	}
-
-	:host(:not([data-has-media])[main-background="base"][data-media-corner="bottom-left"]) .hero__body {
-		border-bottom: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-		border-left: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-	}
-
-	:host(:not([data-has-media])[main-background="base"][data-media-corner="bottom-right"]) .hero__body {
-		border-bottom: var(--primitives-border-width-regular) solid var(--semantics-content-color);
-		border-right: var(--primitives-border-width-regular) solid var(--semantics-content-color);
+	/* Without media a base-colored panel would be invisible on the base surface;
+	   give it a full border so the rectangle reads. */
+	:host(:not([data-has-media])[main-background="base"]) .hero__body {
+		border: var(--primitives-border-width-regular) solid var(--semantics-content-color);
 	}
 
 	/* A ghost cell sets the body's minimum height from the aspect ratio
@@ -263,30 +235,6 @@ export const heroStyles = css `
 		}
 	}
 
-	/* Without media the full-bleed panel would paint square over the
-	   body's rounded corner; clipping is safe here because there is no
-	   aspect-ratio in this mode, so the content minimum still sizes the
-	   body. */
-	:host(:not([data-has-media])) .hero__body {
-		overflow: hidden;
-	}
-
-	:host([data-media-corner="top-left"]) .hero__body {
-		border-top-left-radius: var(--_corner-radius);
-	}
-
-	:host([data-media-corner="top-right"]) .hero__body {
-		border-top-right-radius: var(--_corner-radius);
-	}
-
-	:host([data-media-corner="bottom-left"]) .hero__body {
-		border-bottom-left-radius: var(--_corner-radius);
-	}
-
-	:host([data-media-corner="bottom-right"]) .hero__body {
-		border-bottom-right-radius: var(--_corner-radius);
-	}
-
 	@media (forced-colors: active) {
 		.hero__body {
 			border: var(--primitives-border-width-thin) solid CanvasText;
@@ -300,7 +248,6 @@ export const heroStyles = css `
 		position: absolute;
 		inset: 0;
 		overflow: hidden;
-		border-radius: inherit;
 	}
 
 	.hero__media[hidden] {
@@ -354,16 +301,6 @@ export const heroStyles = css `
 		width: 100%;
 	}
 
-	/* Without media the big corner radius sits on the panel itself; give the
-	   corner-adjacent inline side extra room so content clears the curve. */
-	:host(:not([data-has-media]):is([data-media-corner="top-left"], [data-media-corner="bottom-left"])) .hero__main {
-		padding-left: calc(var(--_main-padding) + var(--_corner-radius) / 2);
-	}
-
-	:host(:not([data-has-media]):is([data-media-corner="top-right"], [data-media-corner="bottom-right"])) .hero__main {
-		padding-right: calc(var(--_main-padding) + var(--_corner-radius) / 2);
-	}
-
 	:host([main-position="top-left"]) .hero__main {
 		align-self: start;
 	}
@@ -386,64 +323,6 @@ export const heroStyles = css `
 		justify-self: end;
 	}
 
-	/* A grown corner panel keeps at least the corner-radius height of media
-	   visible on its media-facing side, so the rounded corner never gets
-	   squeezed out. Keyed off the JS-computed main corner (top-* sits the panel
-	   at the bottom → margin-top; bottom-* → margin-bottom) rather than
-	   main-position, so it still holds when main-position is left to its default
-	   and the attribute isn't reflected. The cornerless left/right panels have
-	   data-main-corner="none" and fall through. Only in the overlay layout (md+). */
-	:host([data-has-media]:is([data-main-corner="top-left"], [data-main-corner="top-right"])) .hero__main {
-		@container (min-width: ${mdMin}) {
-			margin-top: var(--_corner-radius);
-		}
-	}
-
-	:host([data-has-media]:is([data-main-corner="bottom-left"], [data-main-corner="bottom-right"])) .hero__main {
-		@container (min-width: ${mdMin}) {
-			margin-bottom: var(--_corner-radius);
-		}
-	}
-
-	/* The two sides meeting the panel's rounded corner get a step more
-	   padding so content clears the curve. Only md and up — mobile zeroes
-	   the corner. */
-	:host([data-main-corner="top-left"]) .hero__main {
-		border-top-left-radius: var(--_main-corner-radius);
-
-		@container (min-width: ${mdMin}) {
-			padding-top: calc(var(--_main-padding) + var(--primitives-space-8));
-			padding-left: calc(var(--_main-padding) + var(--primitives-space-8));
-		}
-	}
-
-	:host([data-main-corner="top-right"]) .hero__main {
-		border-top-right-radius: var(--_main-corner-radius);
-
-		@container (min-width: ${mdMin}) {
-			padding-top: calc(var(--_main-padding) + var(--primitives-space-8));
-			padding-right: calc(var(--_main-padding) + var(--primitives-space-8));
-		}
-	}
-
-	:host([data-main-corner="bottom-left"]) .hero__main {
-		border-bottom-left-radius: var(--_main-corner-radius);
-
-		@container (min-width: ${mdMin}) {
-			padding-bottom: calc(var(--_main-padding) + var(--primitives-space-8));
-			padding-left: calc(var(--_main-padding) + var(--primitives-space-8));
-		}
-	}
-
-	:host([data-main-corner="bottom-right"]) .hero__main {
-		border-bottom-right-radius: var(--_main-corner-radius);
-
-		@container (min-width: ${mdMin}) {
-			padding-bottom: calc(var(--_main-padding) + var(--primitives-space-8));
-			padding-right: calc(var(--_main-padding) + var(--primitives-space-8));
-		}
-	}
-
 	@media (forced-colors: active) {
 		.hero__main {
 			border: var(--primitives-border-width-thin) solid CanvasText;
@@ -453,14 +332,11 @@ export const heroStyles = css `
 
 	/* # Full-width strip (md+)
 	   With main-width="full" the panel is a full top or bottom strip and the
-	   media stacks on the opposite side instead of sitting behind it — the
-	   overlay's absolute media would otherwise hide its own rounded corner under
-	   the panel. Switch the body to a column so the two blocks stack: a bottom
-	   panel keeps the media on top, a top panel (column-reverse) drops it below.
-	   The media keeps the overlay's 21/9 strip. Below sm every layout already
-	   stacks, so this only targets md and up. The rounded corner still follows
-	   data-media-corner — resolved to the strip's outer edge in hero.ts — so the
-	   per-corner body rules above keep painting it. */
+	   media stacks on the opposite side instead of sitting behind it. Switch the
+	   body to a column so the two blocks stack: a bottom panel keeps the media on
+	   top, a top panel (column-reverse) drops it below. The media keeps the
+	   overlay's 21/9 strip. Below sm every layout already stacks, so this only
+	   targets md and up. */
 
 	@container (min-width: ${mdMin}) {
 		:host([data-has-media][main-width="full"]) .hero__body {
@@ -479,9 +355,7 @@ export const heroStyles = css `
 	}
 
 
-	/* # Mobile — stack media over a full-width cornerless panel.
-	   Placed after the corner rules so the equal-specificity zero-out
-	   wins on source order. */
+	/* # Mobile — stack media over a full-width panel. */
 
 	@container (max-width: ${smMax}) {
 		.hero__body {
@@ -493,32 +367,12 @@ export const heroStyles = css `
 			flex-direction: column-reverse;
 		}
 
-		:host([data-media-corner]) .hero__body {
-			border-radius: 0;
-		}
-
 		.hero__media {
 			position: static;
 			overflow: hidden;
 			aspect-ratio: var(--_media-aspect-ratio);
 		}
 
-		/* On mobile the rounded corner always sits at the top: a bottom
-		   corner flips to its top counterpart, also when the consumer set
-		   one explicitly. The radius goes on the body so its painted
-		   background rounds along; the media inherits it. */
-		:host(:is([data-media-corner="top-left"], [data-media-corner="bottom-left"])) .hero__body {
-			border-top-left-radius: var(--_corner-radius);
-		}
-
-		:host(:is([data-media-corner="top-right"], [data-media-corner="bottom-right"])) .hero__body {
-			border-top-right-radius: var(--_corner-radius);
-		}
-
-		:host([data-main-corner]) .hero__main {
-			border-radius: 0;
-		}
-
 		.hero__main {
 			width: 100%;
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"hero.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE7F,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,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAkJK,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;;;2BAQ/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyDL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqD5B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAsFW,KAAK;;;;;;2BAML,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;0BAwBN,KAAK;;;;;;;;;;;;;;;;;;;;;0BAqBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwC9B,CAAC"}
+{"version":3,"file":"hero.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE7F,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,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA8IK,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;;2BAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuCL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B5B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAmFU,KAAK;;;;;;;;;;;;;;;;;;;0BAmBL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAC"}

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

@@ -130,6 +130,7 @@ export declare class NLDDPopover extends LitElement {
     private _handleViewportChange;
     private _handleDocumentPointerdown;
     private _handleDocumentClick;
+    private _handleBeforeToggle;
     private _handleToggle;
     private _handleKeydown;
     private _manageFocus;