@utrecht/web-component-library-stencil 3.0.0 → 3.1.0

package/dist/collection/components/nav-bar.js

@@ -0,0 +1,24 @@
+import { h } from "@stencil/core";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+export class NavBar {
+    render() {
+        return (h("div", { key: '1ff3dfeefd34721e32d9d67174d7ab62b64f1885' }, h("slot", { key: '7d0c33cfe6dc0efd182b4c442a592460e378cbe8' })));
+    }
+    static get is() { return "utrecht-nav-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nav-bar.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nav-bar.css"]
+        };
+    }
+}
+//# sourceMappingURL=nav-bar.js.map

package/dist/collection/components/nav-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-bar.js","sourceRoot":"","sources":["../../src/components/nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,MAAM;IACjB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-nav-bar',\n  styleUrl: 'nav-bar.scss',\n  shadow: true,\n})\nexport class NavBar {\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/number-badge.js

@@ -4,7 +4,7 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
-export class BadgeCounter {
+export class NumberBadge {
     constructor() {
         this.value = undefined;
         this.max = undefined;
@@ -15,7 +15,7 @@ export class BadgeCounter {
         const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
         const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
         const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
-        return h("div", { key: '9bd15dfece2a2a00145a56473cc20ff91b859345', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
+        return h("div", { key: 'b87b41d6b285380d0bca7429067a4acbee35eccd', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
     }
     static get is() { return "utrecht-number-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/number-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-badge.js","sourceRoot":"","sources":["../../src/components/number-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;;;;;;IAKvB,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAa,CAAO,CAAC;IAC7F,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-number-badge',\n  styleUrl: 'number-badge.scss',\n  shadow: true,\n})\nexport class BadgeCounter {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-number-badge\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"]}
+{"version":3,"file":"number-badge.js","sourceRoot":"","sources":["../../src/components/number-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;;;;;;IAKtB,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAa,CAAO,CAAC;IAC7F,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-number-badge',\n  styleUrl: 'number-badge.scss',\n  shadow: true,\n})\nexport class NumberBadge {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-number-badge\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"]}

package/dist/collection/components/page-body.css

@@ -0,0 +1,35 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+:host {
+  background-color: var(--utrecht-page-body-background-color);
+  box-sizing: border-box;
+  color: var(--utrecht-page-body-color);
+  display: grid;
+  flex-grow: 1;
+  inline-size: 100%;
+}
+
+div {
+  background-color: var(--utrecht-page-body-content-background-color);
+  box-sizing: border-box;
+  color: var(--utrecht-page-body-content-color);
+  inline-size: 100%;
+  justify-self: center;
+  max-inline-size: var(--utrecht-page-body-content-max-inline-size);
+  padding-block-end: var(--utrecht-page-body-content-padding-block-end);
+  padding-block-start: var(--utrecht-page-body-content-padding-block-start);
+  padding-inline-end: var(--utrecht-page-body-content-padding-inline-end);
+  padding-inline-start: var(--utrecht-page-body-content-padding-inline-start);
+}
+
+:host([hidden]) {
+  display: none !important;
+}

package/dist/collection/components/page-body.js

@@ -0,0 +1,24 @@
+import { h } from "@stencil/core";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+export class PageBody {
+    render() {
+        return (h("div", { key: '0b61045d9b41e0238eed59622f07fe3e8ee3e57e' }, h("slot", { key: '8a3ba5f7bcd45f704601c4ca5890416a0285b48c' })));
+    }
+    static get is() { return "utrecht-page-body"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["page-body.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["page-body.css"]
+        };
+    }
+}
+//# sourceMappingURL=page-body.js.map

package/dist/collection/components/page-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-body.js","sourceRoot":"","sources":["../../src/components/page-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-body',\n  styleUrl: 'page-body.scss',\n  shadow: true,\n})\nexport class PageBody {\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/page-content.css

@@ -8,30 +8,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-.utrecht-page-content {
+:host {
   padding-block-end: var(--utrecht-page-content-padding-block-end);
   padding-block-start: var(--utrecht-page-content-padding-block-start);
   padding-inline-end: var(--utrecht-page-padding-inline-end);
   padding-inline-start: var(--utrecht-page-padding-inline-start);
 }
 
-.utrecht-page-content__main {
-  grid-area: main;
-}
-
-.utrecht-page-content__aside {
-  grid-area: aside;
-}
-
-:host {
-  display: block;
-}
-
 :host([hidden]) {
   display: none !important;
 }

package/dist/collection/components/page-content.js

@@ -4,9 +4,9 @@ import { h } from "@stencil/core";
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-export class Page {
+export class PageContent {
     render() {
-        return (h("div", { key: '717df40b21670a11a119b545b985c26a095c6d30', class: "utrecht-page-content" }, h("main", { key: '07db129004f80496374832f8d778eb8f7aeba947', class: "utrecht-page-content__main" }, h("slot", { key: 'c285aa9b2a51bf91d363ab0579f66999e0e1ce9e' }))));
+        return h("slot", { key: 'c6969323e2d560698050b49e9daefca56fe17686' });
     }
     static get is() { return "utrecht-page-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/page-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-content.js","sourceRoot":"","sources":["../../src/components/page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB;YAC/B,6DAAM,KAAK,EAAC,4BAA4B;gBACtC,8DAAa,CACR,CACH,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-content',\n  styleUrl: 'page-content.scss',\n  shadow: true,\n})\nexport class Page {\n  render() {\n    return (\n      <div class=\"utrecht-page-content\">\n        <main class=\"utrecht-page-content__main\">\n          <slot></slot>\n        </main>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"page-content.js","sourceRoot":"","sources":["../../src/components/page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-content',\n  styleUrl: 'page-content.scss',\n  shadow: true,\n})\nexport class PageContent {\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

package/dist/collection/components/page-footer.css

@@ -8,12 +8,7 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-.utrecht-page-footer {
+:host {
   --utrecht-document-color: currentColor;
   --utrecht-heading-color: currentColor;
   --utrecht-link-color: currentColor;
@@ -35,7 +30,7 @@
   padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
 }
 
-.utrecht-page-footer__content {
+footer {
   background-color: var(--utrecht-page-footer-content-background-color);
   box-sizing: border-box;
   color: var(--utrecht-page-footer-content-color);
@@ -47,17 +42,6 @@
   padding-inline: var(--utrecht-page-footer-content-padding-inline);
 }
 
-.utrecht-page-footer__address--reset-address {
-  /* reset <address> */
-  font-style: inherit;
-  margin-block-end: 0;
-  margin-block-start: 0;
-}
-
-:host {
-  display: block;
-}
-
 :host([hidden]) {
   display: none !important;
 }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class PageFooter {
     render() {
-        return (h("footer", { key: 'a6a7bb8ba700b46b37a40598ba3fc4a813ec3f46', class: "utrecht-page-footer" }, h("slot", { key: '0014d07451570c5fc5ecf0cff4ca7d908ed99e2f' })));
+        return (h("footer", { key: '76cb980ad425e241f6675fcbff7879c3d86ff26b' }, h("slot", { key: 'a0236f05d24e88d38410641deccfed07b5de3817' })));
     }
     static get is() { return "utrecht-page-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../src/components/page-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAC,qBAAqB;YACjC,8DAAa,CACN,CACV,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-footer',\n  styleUrl: 'page-footer.scss',\n  shadow: true,\n})\nexport class PageFooter {\n  render() {\n    return (\n      <footer class=\"utrecht-page-footer\">\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"]}
+{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../src/components/page-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACN,CACV,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-footer',\n  styleUrl: 'page-footer.scss',\n  shadow: true,\n})\nexport class PageFooter {\n  render() {\n    return (\n      <footer>\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"]}

package/dist/collection/components/page-header.css

@@ -8,12 +8,7 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-.utrecht-page-header {
+:host {
   background-color: var(--utrecht-page-header-background-color);
   border-block-end-color: var(--utrecht-page-header-border-block-end-color, currentColor);
   border-block-end-style: solid;
@@ -29,7 +24,7 @@
   padding-inline-start: var(--utrecht-page-padding-inline-start);
 }
 
-.utrecht-page-header__content {
+header {
   background-color: var(--utrecht-page-header-content-background-color);
   box-sizing: border-box;
   color: var(--utrecht-page-header-content-color);
@@ -41,10 +36,6 @@
   padding-inline: var(--utrecht-page-header-content-padding-inline);
 }
 
-:host {
-  display: block;
-}
-
 :host([hidden]) {
   display: none !important;
 }

package/dist/collection/components/page-header.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class PageHeader {
     render() {
-        return (h("header", { key: 'b850a8740065aac4aa5911ca74dd510ad6ac57fb', class: "utrecht-page-header" }, h("div", { key: 'ca061a599843606a1cec5c31e8a88380f4182306', class: "utrecht-page-header__content" }, h("slot", { key: '0faa6eafc7184921ee4331fdc09af3232fc8bb33' }))));
+        return (h("header", { key: '317ecebda809474355097de086ce7994b5340c48' }, h("slot", { key: 'd10c1a8283c47878924414ff390b6dbfb75ef381' })));
     }
     static get is() { return "utrecht-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/components/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAC,qBAAqB;YACjC,4DAAK,KAAK,EAAC,8BAA8B;gBACvC,8DAAa,CACT,CACC,CACV,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-header',\n  styleUrl: 'page-header.scss',\n  shadow: true,\n})\nexport class PageHeader {\n  render() {\n    return (\n      <header class=\"utrecht-page-header\">\n        <div class=\"utrecht-page-header__content\">\n          <slot></slot>\n        </div>\n      </header>\n    );\n  }\n}\n"]}
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/components/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACN,CACV,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-header',\n  styleUrl: 'page-header.scss',\n  shadow: true,\n})\nexport class PageHeader {\n  render() {\n    return (\n      <header>\n        <slot></slot>\n      </header>\n    );\n  }\n}\n"]}

package/dist/collection/components/page-layout.css

@@ -0,0 +1,22 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+:host {
+  align-items: flex-start;
+  block-size: 100%;
+  display: flex;
+  flex-direction: column;
+  inline-size: 100%;
+  justify-content: flex-start;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

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

@@ -0,0 +1,24 @@
+import { h } from "@stencil/core";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+export class PageLayout {
+    render() {
+        return h("slot", { key: '1cbb28b5b29af2e1b0ec3a9c9ce8faa343369e1a' });
+    }
+    static get is() { return "utrecht-page-layout"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["page-layout.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["page-layout.css"]
+        };
+    }
+}
+//# sourceMappingURL=page-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout.js","sourceRoot":"","sources":["../../src/components/page-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-layout',\n  styleUrl: 'page-layout.scss',\n  shadow: true,\n})\nexport class PageLayout {\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

package/dist/collection/components/page.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class Page {
     render() {
-        return (h("div", { key: 'dfd6b04d6292b02ab73a79a91690cf52a332ed89', class: "utrecht-page" }, h("div", { key: 'b68d106357699b60205197cfd6ea572c2bc50bee', class: "utrecht-page__content" }, h("slot", { key: '80c728be91f04ee533398ef6c3a24f52ffa61459' }))));
+        return (h("div", { key: '21d6522d3896609531ba68d8a6b0c1781f4fca1d', class: "utrecht-page" }, h("div", { key: 'e3140b9289085db0c28ee0059754124705d72964', class: "utrecht-page__content" }, h("slot", { key: '03e0eaf1058993e0707551553dfeb78ac1149faa' }))));
     }
     static get is() { return "utrecht-page"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination.js

@@ -18,8 +18,8 @@ export class Pagination {
         const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
         const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
         const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (h("span", { class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
-        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: 'c854d21859190a4dc0184bca5f79294b62db9247', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
-        return (h("nav", { key: 'a2be3cdb6dad2e1e5c68d11f83764426f3266770', class: "utrecht-pagination" }, h("span", { key: '8adb1c5a2a6d773dbc0465d5150bdd5c3f3fac12', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '1c4c7642c40385b212ce80125fb925a03c87f5f8', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '9e8b60917631d35e39d7fe06a54f2c9d0dbd6375', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+        return (h("nav", { key: 'b4a4a32686432561343cff76a167870b1c1cedae', class: "utrecht-pagination" }, h("span", { key: '2beeec32c3cb90d03239221b86b0e049f9ca3795', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: 'd4cec0ad6d9b328c4088a0b96a77153020a59bcf', role: "group", class: "utrecht-pagination__pages" }, links
             .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
             .map((link, arrayIndex) => {
             const index = typeof link.index === 'number' ? link.index : arrayIndex;
@@ -31,7 +31,7 @@ export class Pagination {
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), h("span", { key: '3484a2527d62be3a62f7fe3a6c7e0df8af2f0912', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: '7d488456bd2946294a6fae8edda35969896ac69b', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
     static get is() { return "utrecht-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/paragraph.js

@@ -5,7 +5,7 @@ export class Paragraph {
         this.lead = undefined;
     }
     render() {
-        return (h("div", { key: '6579a2078187f6268ee34b5a9176cd97ef0c80a9', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'e1421f8d6b599bee4348011f3fd720e38926c125' })));
+        return (h("div", { key: '644244805a01be6cda2c1bbd39f2a3d21208e79d', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: '173c9bd061e53892aa312982cca9ade5c17ab329' })));
     }
     static get is() { return "utrecht-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pre-heading.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class PreHeading {
     render() {
-        return (h("p", { key: '04b0db048536cfbcf1086dd0a99ddf881d9e3fbb' }, h("slot", { key: '8f63d041aeb3ccd3b06a05c09ab6db8369bad694' })));
+        return (h("p", { key: '632a6c26d74e52ac758c88d3426378e0e8e25637' }, h("slot", { key: '9bb53f33c0e4f6b2116be9fe735d23af12379f92' })));
     }
     static get is() { return "utrecht-pre-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-list-item.js

@@ -16,17 +16,17 @@ export class StepProgressListItem {
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: 'a762e5f47d90aff388519f8affe8a8fe0ec49d2e', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: 'caa0648e77e21683dae7573ee990940fa5a83c36', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: 'b4c711fc3a5353404d64403256dc07cbed2e8974', class: "denhaag-process-steps__step-header" }, h("div", { key: '45e2d001e0c905cd6b509f05fea642353438ad0b', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'f9d0697fdf0969a19f3cbb4ae85d64545d4eabe3', class: "denhaag-process-steps__step-header" }, h("div", { key: 'bee9ff4f7a59e5b370435520ff92cd022ff0fdac', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '4209dc685ce035baa04dfbe5667b40ebd7bbd093', name: "marker" }), checked && (h("svg", { key: '8e828233ff1d36af1606861e76b723f5aa63b3f6', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '97f4494e7bc5872e7190b4c082b9527f25a4d3be', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
+            }) }, h("slot", { key: '0c7ead44d38c5347a4300af6c64a15d61e601ddb', name: "marker" }), checked && (h("svg", { key: '6d68b5aacee7b2c969609ca2cb2e5f684ac28aa3', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'f8ae66145486abcd55ccc577c4459858148463da', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, h("slot", null)))), h("div", { key: '40861807fabd4cf0377a206248d3bb1b5b7231b4', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '048c0bc686cc7e60168c3a8e4204edda37d77261', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '710ba2d37f81aa37157e929ec35438dbdaffebeb', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'c97cc0615865aa4f4553c24d760c2290304e3ad6', name: "body" }))), h("div", { key: 'dd4163b9308ff175479915b8b151de07ec7b0adc', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '7910693f702edb37989d7452d1afb066959bd190', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '85191efd3106d694ee80497ffd7eda023bfee79f', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '327d986697ae1b3e5495391b7363b6652d4657aa', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: 'e1f73194b4e12634089f69e01d8280fa43dfa5de', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b27f7a24fff401d87b7ac4e670103e4e3e542dfb', name: "body" }))), h("div", { key: 'ffa69f7b8c4a687c3070a400fa4cb0c95c25fb6f', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '39bd617c2972ec1b4501329508de26117de31a20', name: "details" }))));
     }
     static get is() { return "utrecht-progress-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-list.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class StepProgressList {
     render() {
-        return (h("ol", { key: '1667bbfc8e7a803502bbe413ed57fa7a8f39183c', class: "denhaag-process-steps" }, h("slot", { key: '6b117a7dcfb73dd4a1869d400d6788a501336c00' })));
+        return (h("ol", { key: '0770384cf29787c75c987e47caf3230a2389d5ac', class: "denhaag-process-steps" }, h("slot", { key: '29f8e9b9f1631754f4dd069a715695b40ec78f86' })));
     }
     static get is() { return "utrecht-progress-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-sublist-item.js

@@ -12,12 +12,12 @@ export class StepProgressSublistItem {
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { key: '448ab0aece6cf9e1c8a2c26b0bbe01fcf09e37bc', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: 'bfaa8f2514e74b7d4982a429256c40ebde3314e0', class: "denhaag-process-steps__step-header" }, h("div", { key: '092b004dfeadd42f23a1b39c80febbcd8c9b31fe', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: '37b35416a9b24191b53f926f67b3bf1d9b15150d', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '3e0143b5b7fe98411660dc01e7494bdd9601cec8', class: "denhaag-process-steps__step-header" }, h("div", { key: '3bfe2da0144920187118aa31c4734666905eb296', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: 'ab372b9987eadd856d94297edf1a726d0c43be14', name: "marker" }), checked && (h("svg", { key: 'c4aac0454293a7ca2d2a014c4063b7b887c96e8b', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '5eec1dbbdcc5c84916ef8b81958569bec5f4b170', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: 'eefc45beb4339450ff7ca2376c38c2d8c7e7bfc5', class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: '116a035936130ef465cccf5ba6aec6130b6fa7fe', name: "marker" }), checked && (h("svg", { key: 'db7c99d8d5acb5ef17a3f5a16fe0c1a40a1c77b1', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '59e4aa0138dd312e8383f423c07fd2a88672248c', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: 'b92a16f86697bfdb82821d43cc40f68f9e556783', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: 'b2664652b68382dd0f69612004e65cb8dac087b1' })))));
+            }) }, h("slot", { key: 'b58d4aafd52a30c5fde039f115f53df7a7b27cdb' })))));
     }
     static get is() { return "utrecht-progress-sublist-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/root.css

@@ -0,0 +1,48 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+:host {
+  /*
+   * Goals:
+   * 
+   * - take up 100% of the space, both horizontally and vertically.
+   * - create a scrollable viewport experience both on `<html>` in the root,
+   *   as well as on a `<div>` somewhere in a document.
+   * - override commonly applied `font-smoothing` CSS that reduces text contrast.
+   * - the root must be a "positioned ancestor", so elements that are positioned
+   *   outside the normal document flow (`absolute`, `fixed` and `sticky`)
+   *   are positioned relative to the root component.
+   * - ensure text content fits at 400% zoom by enabling hypenation.
+   */
+  /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
+  -webkit-font-smoothing: auto !important;
+  -moz-osx-font-smoothing: auto !important;
+  background-color: var(--utrecht-root-background-color);
+  block-size: 100%;
+  color: var(--utrecht-root-color);
+  font-family: var(--utrecht-root-font-family);
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  inline-size: 100%;
+  overflow-block: auto;
+  overflow-inline: auto;
+  position: relative;
+  text-rendering: optimizeLegibility;
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+  word-break: break-word;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

package/dist/collection/components/root.js

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+import { h } from "@stencil/core";
+export class Root {
+    render() {
+        return h("slot", { key: '0e102f93ea1294d50a79efc34cf80ef0b200e566' });
+    }
+    static get is() { return "utrecht-root"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["root.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["root.css"]
+        };
+    }
+}
+//# sourceMappingURL=root.js.map

package/dist/collection/components/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../src/components/root.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQ7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-root',\n  styleUrl: 'root.scss',\n  // No shadow DOM, to affect the `<html>` and `<body>` element\n  shadow: true,\n})\nexport class Root {\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

package/dist/collection/components/separator.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Separator {
     render() {
-        return h("hr", { key: '4ca69fff24b1378b6084fa55eff5c95d8c68d2a2', class: "utrecht-separator" });
+        return h("hr", { key: '0e22f96cff72f7c774a2192a0f167c8610ba4c6e', class: "utrecht-separator" });
     }
     static get is() { return "utrecht-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidenav.js

@@ -11,7 +11,7 @@ export class Sidenav {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: '6bfceb00700dbdb72e7ad653e0e76f573637128c', class: "utrecht-sidenav" }, h("ul", { key: '028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: 'beabc2e17b649d9a876aa10a1a68c1c2bf2d73f7', class: "utrecht-sidenav" }, h("ul", { key: '0f5b7f1da223eb6ae29167f9c069c490376bd1e8', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
     static get is() { return "utrecht-sidenav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/skip-link.js

@@ -9,7 +9,7 @@ export class SkipLink {
         this.href = undefined;
     }
     render() {
-        return (h("a", { key: 'f5a5ca5050fa229d8ba1514716c01f7d1bff7b60', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '0de88cdb23e5f1c09ed93cf9f7a7e3dfc0e188a8' })));
+        return (h("a", { key: '3c3a714e08941116b512e6b896b718a2ec607317', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '24582ba1a80e21fa78cfb1247a9933cdf3a6e869' })));
     }
     static get is() { return "utrecht-skip-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spotlight-section.css

@@ -16,6 +16,7 @@
 .utrecht-spotlight-section {
   background-color: var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));
   border-color: var(--_utrecht-spotlight-section-border-color, var(--utrecht-spotlight-section-border-color));
+  border-radius: var(--utrecht-spotlight-section-border-radius, 0);
   border-style: solid;
   border-width: var(--_utrecht-spotlight-section-border-width, var(--utrecht-spotlight-section-border-width, 0));
   color: var(--_utrecht-spotlight-section-color, var(--utrecht-spotlight-section-color));

package/dist/collection/components/spotlight-section.js

@@ -10,7 +10,7 @@ export class SpotlightSection {
         this.appearance = undefined;
     }
     render() {
-        return (h("div", { key: '985252f6182a681d1bbf8b02dc011c2e36cd5dde', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '09aa53cd2158784c37f8d0d7eea059459455e065' })));
+        return (h("div", { key: '5cb37bcfe7d9e279143f9572be483057d04af51f', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '5d02498fb4ba7636bd987db0bc4aa65387ef3f4a' })));
     }
     static get is() { return "utrecht-spotlight-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/surface.js

@@ -4,9 +4,9 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
-export class Code {
+export class Surface {
     render() {
-        return (h("div", { key: 'a15d68260e954c6682b50baeb35b004f8ec6eb63', class: "utrecht-surface" }, h("slot", { key: '793d959f1210a1bba7fac2a3c14a3f97a1818c45' })));
+        return (h("div", { key: '758482b39fc7df0dc90d75a703f5d7055539e38f', class: "utrecht-surface" }, h("slot", { key: '3c9eef371cd72113835a740eb468981b9ff45fc6' })));
     }
     static get is() { return "utrecht-surface"; }
     static get encapsulation() { return "shadow"; }