npm - @utrecht/web-component-library-stencil - Versions diffs - 1.2.0 → 1.3.0 - Mend

@utrecht/web-component-library-stencil 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3162) hide show

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class Page {
     render() {
-        return (h("div", { class: "utrecht-page-content" }, h("main", { class: "utrecht-page-content__main" }, h("slot", null))));
+        return (h("div", { key: '05edb6c055881f9c60ae63f259812e54f4bc0b3d', class: "utrecht-page-content" }, h("main", { key: '4435dc28c4c5dccb68f5b71a78d1f4f640fb29e8', class: "utrecht-page-content__main" }, h("slot", { key: '080e4de0730699e4c664c6bf18522b7da53d4ee9' }))));
     }
     static get is() { return "utrecht-page-content"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +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;;;GAGG;AAOH,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAC,sBAAsB;YAC/B,~~YAAM~~,KAAK,EAAC,4BAA4B;gBACtC,~~eAAa~~,CACR,CACH,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n @license EUPL-1.2\n * Copyright (c) 2021 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"]}
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;;;GAGG;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) 2021 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"]}

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class PageFooter {
     render() {
-        return (h("footer", { class: "utrecht-page-footer" }, h("slot", null)));
+        return (h("footer", { key: '100d2911baec85996a5180773f040894c63beea1', class: "utrecht-page-footer" }, h("slot", { key: '5aa23d2be7c8242a7880ac18551d9bcdb9dc3888' })));
     }
     static get is() { return "utrecht-page-footer"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +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;;;GAGG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,~~cAAQ,~~KAAK,EAAC,qBAAqB;YACjC,~~eAAa~~,CACN,CACV,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n @license EUPL-1.2\n * Copyright (c) 2021 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"]}
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;;;GAGG;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) 2021 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"]}

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class PageHeader {
     render() {
-        return (h("header", { class: "utrecht-page-header" }, h("div", { class: "utrecht-page-header__content" }, h("slot", null))));
+        return (h("header", { key: '47125488c91317def040617ccaaa448cb68a2098', class: "utrecht-page-header" }, h("div", { key: '4a72883859c39f398ed2c1340a0a7958c4b696f5', class: "utrecht-page-header__content" }, h("slot", { key: '61ce5a0a5cb572278183464c75d34490ecdcdd70' }))));
     }
     static get is() { return "utrecht-page-header"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +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;;;GAGG;AAOH,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,~~cAAQ,~~KAAK,EAAC,qBAAqB;YACjC,~~WAAK~~,KAAK,EAAC,8BAA8B;gBACvC,~~eAAa~~,CACT,CACC,CACV,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n @license EUPL-1.2\n * Copyright (c) 2021 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"]}
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;;;GAGG;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) 2021 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"]}

package/dist/collection/components/page.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class Page {
     render() {
-        return (h("div", { class: "utrecht-page" }, h("div", { class: "utrecht-page__content" }, h("slot", null))));
+        return (h("div", { key: 'dab80ec61751192ed9f2f3f07914cd255cddb97e', class: "utrecht-page" }, h("div", { key: '5f5b5d1cd6074d217359b6d17edf67cb2de0d803', class: "utrecht-page__content" }, h("slot", { key: '98fb12e6d9f4f8bd88851dc90c6b440923998aa9' }))));
     }
     static get is() { return "utrecht-page"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page.js","sourceRoot":"","sources":["~~../../../~~src/components/page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;GAGG;AAOH,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAC,cAAc;YACvB,~~WAAK~~,KAAK,EAAC,uBAAuB;gBAChC,~~eAAa~~,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n @license EUPL-1.2\n * Copyright (c) 2021 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page',\n styleUrl: 'page.scss',\n shadow: true,\n})\nexport class Page {\n render() {\n return (\n <div class=\"utrecht-page\">\n <div class=\"utrecht-page__content\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;GAGG;AAOH,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,cAAc;YACvB,4DAAK,KAAK,EAAC,uBAAuB;gBAChC,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n @license EUPL-1.2\n * Copyright (c) 2021 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page',\n styleUrl: 'page.scss',\n shadow: true,\n})\nexport class Page {\n render() {\n return (\n <div class=\"utrecht-page\">\n <div class=\"utrecht-page__content\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/pagination.js CHANGED Viewed

@@ -17,8 +17,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", { 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", { class: "utrecht-pagination" }, h("span", { class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: 'eb0489ccb7a6606fa7daa9cd91364d69ad608834', 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: '7441a114cce8dc98ad61b3d60689b1fef7e456ea', class: "utrecht-pagination" }, h("span", { key: '2c4c6e23805caf3a3345b806670b3bc9d2ae91b4', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: 'cfc9ea6fa5d792742d1aab2e3ac338e6b11c0f40', 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;
@@ -30,7 +30,7 @@ export class Pagination {
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), h("span", { class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: 'fa485075627cfc80015f35d34badabb027282eb9', 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/pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","sourceRoot":"","sources":["~~../../../~~src/components/pagination.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,UAAU;;;;;;;IAMrB,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE1E,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,CACjG,QAAQ,CAAC,CAAC,CAAC,CACT,YACE,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,gBACW,KAAK,IAAI,IAAI,IAExB,WAAW,CACP,CACR,CAAC,CAAC,CAAC,CACF,SACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,EACD,GAAG,EAAE,GAAG,gBACI,KAAK,IAAI,IAAI,IAExB,WAAW,CACV,CACL,CAAC;QAEJ,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACjF,~~SACE~~,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,OAAO,IAAI,wCAAwC,CAAC,EACjG,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,EAAE,GAAG,IAEP,WAAW,CACV,CACL,CAAC;QAEF,OAAO,CACL,~~WAAK~~,KAAK,EAAC,oBAAoB;YAC7B,~~YAAM~~,KAAK,EAAC,4BAA4B,IACrC,IAAI,CAAC,CAAC,CAAC,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,CAAC,CAAC,CAAC,EAAE,CACrE;YACP,~~YAAM~~,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,2BAA2B,IACjD,KAAK;iBACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE;gBACxB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;gBACvE,uBACE,KAAK,EACL,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,IAAI,KAAK,KAAK,YAAY,EACnE,GAAG,EACD,OAAO,YAAY,KAAK,QAAQ;wBAC9B,CAAC,CAAC,KAAK,KAAK,YAAY,GAAG,CAAC;4BAC1B,CAAC,CAAC,MAAM;4BACR,CAAC,CAAC,KAAK,KAAK,YAAY,GAAG,CAAC;gCAC5B,CAAC,CAAC,MAAM;gCACR,CAAC,CAAC,IAAI;wBACR,CAAC,CAAC,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAC7B,IAAI,EACP;YACJ,CAAC,CAAC;iBACD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC3B;YACP,~~YAAM~~,KAAK,EAAC,4BAA4B,IACrC,IAAI,CAAC,CAAC,CAAC,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,IAAG,CAAC,CAAC,CAAC,EAAE,CACvE,CACH,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-pagination',\n styleUrl: 'pagination.scss',\n shadow: true,\n})\nexport class Pagination {\n @Prop() links: string;\n @Prop() next: string;\n @Prop() prev: string;\n @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n render() {\n const { currentIndex } = this;\n const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n disabled ? (\n <span\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n aria-label={title \|\| null}\n >\n {textContent}\n </span>\n ) : (\n <a\n href={href}\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n rel={rel}\n aria-label={title \|\| null}\n >\n {textContent}\n </a>\n );\n\n const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n <a\n class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n href={href}\n aria-current={current ? 'true' : null}\n rel={rel}\n >\n {textContent}\n </a>\n );\n\n return (\n <nav class=\"utrecht-pagination\">\n <span class=\"utrecht-pagination__before\">\n {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n </span>\n <span role=\"group\" class=\"utrecht-pagination__pages\">\n {links\n .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n .map((link, arrayIndex) => {\n const index = typeof link.index === 'number' ? link.index : arrayIndex;\n return {\n index,\n current: typeof currentIndex === 'number' && index === currentIndex,\n rel:\n typeof currentIndex === 'number'\n ? index === currentIndex + 1\n ? 'next'\n : index === currentIndex - 1\n ? 'prev'\n : null\n : null,\n textContent: link.index \|\| index,\n ...link,\n };\n })\n .map((link) => PageLink(link))}\n </span>\n <span class=\"utrecht-pagination__before\">\n {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n </span>\n </nav>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,UAAU;;;;;;;IAMrB,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE1E,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,CACjG,QAAQ,CAAC,CAAC,CAAC,CACT,YACE,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,gBACW,KAAK,IAAI,IAAI,IAExB,WAAW,CACP,CACR,CAAC,CAAC,CAAC,CACF,SACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,EACD,GAAG,EAAE,GAAG,gBACI,KAAK,IAAI,IAAI,IAExB,WAAW,CACV,CACL,CAAC;QAEJ,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACjF,0DACE,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,OAAO,IAAI,wCAAwC,CAAC,EACjG,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,EAAE,GAAG,IAEP,WAAW,CACV,CACL,CAAC;QAEF,OAAO,CACL,4DAAK,KAAK,EAAC,oBAAoB;YAC7B,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,CAAC,CAAC,CAAC,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,CAAC,CAAC,CAAC,EAAE,CACrE;YACP,6DAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,2BAA2B,IACjD,KAAK;iBACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE;gBACxB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;gBACvE,uBACE,KAAK,EACL,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,IAAI,KAAK,KAAK,YAAY,EACnE,GAAG,EACD,OAAO,YAAY,KAAK,QAAQ;wBAC9B,CAAC,CAAC,KAAK,KAAK,YAAY,GAAG,CAAC;4BAC1B,CAAC,CAAC,MAAM;4BACR,CAAC,CAAC,KAAK,KAAK,YAAY,GAAG,CAAC;gCAC5B,CAAC,CAAC,MAAM;gCACR,CAAC,CAAC,IAAI;wBACR,CAAC,CAAC,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAC7B,IAAI,EACP;YACJ,CAAC,CAAC;iBACD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC3B;YACP,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,CAAC,CAAC,CAAC,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,IAAG,CAAC,CAAC,CAAC,EAAE,CACvE,CACH,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-pagination',\n styleUrl: 'pagination.scss',\n shadow: true,\n})\nexport class Pagination {\n @Prop() links: string;\n @Prop() next: string;\n @Prop() prev: string;\n @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n render() {\n const { currentIndex } = this;\n const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n disabled ? (\n <span\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n aria-label={title \|\| null}\n >\n {textContent}\n </span>\n ) : (\n <a\n href={href}\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n rel={rel}\n aria-label={title \|\| null}\n >\n {textContent}\n </a>\n );\n\n const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n <a\n class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n href={href}\n aria-current={current ? 'true' : null}\n rel={rel}\n >\n {textContent}\n </a>\n );\n\n return (\n <nav class=\"utrecht-pagination\">\n <span class=\"utrecht-pagination__before\">\n {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n </span>\n <span role=\"group\" class=\"utrecht-pagination__pages\">\n {links\n .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n .map((link, arrayIndex) => {\n const index = typeof link.index === 'number' ? link.index : arrayIndex;\n return {\n index,\n current: typeof currentIndex === 'number' && index === currentIndex,\n rel:\n typeof currentIndex === 'number'\n ? index === currentIndex + 1\n ? 'next'\n : index === currentIndex - 1\n ? 'prev'\n : null\n : null,\n textContent: link.index \|\| index,\n ...link,\n };\n })\n .map((link) => PageLink(link))}\n </span>\n <span class=\"utrecht-pagination__before\">\n {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n </span>\n </nav>\n );\n }\n}\n"]}

package/dist/collection/components/paragraph.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class Paragraph {
         this.lead = undefined;
     }
     render() {
-        return (h("div", { class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", null)));
+        return (h("div", { key: '105ae62694760dad83805411795fb2a87e24189f', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: '57e7907a0a8ec19797798ba0d530c8f25f3112c1' })));
     }
     static get is() { return "utrecht-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/paragraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paragraph.js","sourceRoot":"","sources":["~~../../../~~src/components/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,SAAS;;;;IAMpB,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC;YAC3E,~~eAAa~~,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-paragraph',\n styleUrl: 'paragraph.scss',\n shadow: true,\n})\nexport class Paragraph {\n /*\n Lead paragraph\n */\n @Prop() lead: boolean;\n\n render() {\n return (\n <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n <slot></slot>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../src/components/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,SAAS;;;;IAMpB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC;YAC3E,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-paragraph',\n styleUrl: 'paragraph.scss',\n shadow: true,\n})\nexport class Paragraph {\n /*\n Lead paragraph\n */\n @Prop() lead: boolean;\n\n render() {\n return (\n <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n <slot></slot>\n </div>\n );\n }\n}\n"]}

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class PreHeading {
     render() {
-        return (h("p", null, h("slot", null)));
+        return (h("p", { key: '3040d51b00cf83a79325d7d1c45b99352b0e699b' }, h("slot", { key: '66440134dd6dcc6e42021ef531c6c603434c7b6a' })));
     }
     static get is() { return "utrecht-pre-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pre-heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pre-heading.js","sourceRoot":"","sources":["~~../../../~~src/components/pre-heading.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,~~eAAa~~,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-pre-heading',\n styleUrl: 'pre-heading.scss',\n shadow: true,\n})\nexport class PreHeading {\n render() {\n return (\n <p>\n <slot></slot>\n </p>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pre-heading.js","sourceRoot":"","sources":["../../src/components/pre-heading.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-pre-heading',\n styleUrl: 'pre-heading.scss',\n shadow: true,\n})\nexport class PreHeading {\n render() {\n return (\n <p>\n <slot></slot>\n </p>\n );\n }\n}\n"]}

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

@@ -16,17 +16,17 @@ export class StepProgressListItem {
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: '5d0e78c6c23eced19ebffe9dc8afbaadd30fa03c', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { class: "denhaag-process-steps__step-header" }, h("div", { class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: '9a232b78b293adcdec5d1f3e9f5d85504ed9a35c', class: "denhaag-process-steps__step-header" }, h("div", { key: '0ce3dc9d241812f28ec4d7d7cda01a49d5b9c176', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { name: "marker" }), checked && (h("svg", { 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", { 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: '3c1d6c5e34e07f6a439f4c9587a6230ca8b1a5c0', name: "marker" }), checked && (h("svg", { key: '60dfb0c5d1036d7b0b47647618a7d4847647c977', 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: 'b44c648e2d5d5460709d77e0edf223278639bf3c', 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", { class: clsx('denhaag-process-steps__step-body') }, h("div", { class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { class: "denhaag-process-steps__step-meta" }, h("slot", { name: "body" }))), h("div", { id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '2b60f7aa52fcf6f310dab902425de4058cc0987b', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '740bd4720ef86afe288c44c7e4e0abe22bd45a41', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '7fc94c094c2a10309576b038c20662ad6794398a', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b1863e78968a60054c57dd5eb9c34be8a9c9da21', name: "body" }))), h("div", { key: '0d6530709eee45eb1159da5c094d490415d79e5d', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '926a223b9fdb378ec76939854fe4890331710d5f', name: "details" }))));
     }
     static get is() { return "utrecht-progress-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-list-item.js","sourceRoot":"","sources":["~~../../../~~src/components/progress-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,oBAAoB;;uBACJ,KAAK;;;;uBAIJ,KAAK;qBACN,KAAK;;IAChC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAC/D,OAAO,CACL,~~UACE~~,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC;YAEF,~~WAAK~~,KAAK,EAAC,oCAAoC;gBAC7C,~~WACE~~,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;wBACjC,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,~~YAAM~~,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,~~WACE~~,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,~~YACE~~,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACL,OAAO,CAAC,CAAC,CAAC,CACT,sBACE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;4BACjD,8CAA8C,EAAE,OAAO;yBACxD,CAAC;wBAEF,eAAQ,CACN,CACW,CAClB,CAAC,CAAC,CAAC,CACF,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;wBACjD,8CAA8C,EAAE,OAAO;qBACxD,CAAC;oBAEF,eAAQ,CACN,CACL,CACG;YACN,~~WAAK~~,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC;gBAClD,~~WACE~~,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI;gBACP,~~WAAK~~,KAAK,EAAC,kCAAkC;oBAC3C,~~YAAM~~,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;YACN,~~WACE~~,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC;gBAE3G,~~YAAM~~,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n 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\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"progress-list-item.js","sourceRoot":"","sources":["../../src/components/progress-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,oBAAoB;;uBACJ,KAAK;;;;uBAIJ,KAAK;qBACN,KAAK;;IAChC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAC/D,OAAO,CACL,2DACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC;YAEF,4DAAK,KAAK,EAAC,oCAAoC;gBAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;wBACjC,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACL,OAAO,CAAC,CAAC,CAAC,CACT,sBACE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;4BACjD,8CAA8C,EAAE,OAAO;yBACxD,CAAC;wBAEF,eAAQ,CACN,CACW,CAClB,CAAC,CAAC,CAAC,CACF,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;wBACjD,8CAA8C,EAAE,OAAO;qBACxD,CAAC;oBAEF,eAAQ,CACN,CACL,CACG;YACN,4DAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC;gBAClD,4DACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI;gBACP,4DAAK,KAAK,EAAC,kCAAkC;oBAC3C,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;YACN,4DACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC;gBAE3G,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n 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\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"]}

package/dist/collection/components/progress-list.css CHANGED Viewed

@@ -66,6 +66,7 @@
   font-weight: var(--denhaag-process-steps-step-heading-font-weight);
   line-height: var(--denhaag-process-steps-step-heading-line-height);
   text-align: start;
+  overflow-wrap: var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);
   margin-block-start: 0;
   margin-block-end: 0;
 }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class StepProgressList {
     render() {
-        return (h("ol", { class: "denhaag-process-steps" }, h("slot", null)));
+        return (h("ol", { key: '75c78da6817de51e1c842a79f12930aeb215eb67', class: "denhaag-process-steps" }, h("slot", { key: '3b1ad546993f6d511fa9b55ed606281ea3eda1a5' })));
     }
     static get is() { return "utrecht-progress-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-list.js","sourceRoot":"","sources":["~~../../../~~src/components/progress-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,~~UAAI~~,KAAK,EAAC,uBAAuB;YAC/B,~~eAAa~~,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"progress-list.js","sourceRoot":"","sources":["../../src/components/progress-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,2DAAI,KAAK,EAAC,uBAAuB;YAC/B,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"]}

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

@@ -12,12 +12,12 @@ export class StepProgressSublistItem {
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { class: "denhaag-process-steps__step-header" }, h("div", { class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: '351898106ef7734e4abfbe4b984d1ba546a12bcc', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: 'ab3de06607ac77d57deeea1c19c01540e3acf1a9', class: "denhaag-process-steps__step-header" }, h("div", { key: 'd190754bbbd401b7eb0d5cce921eb4c679e7270f', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { name: "marker" }), checked && (h("svg", { 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", { 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", { class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: 'ae792f13d695a58a1b762beb142c4481ff8cde09', name: "marker" }), checked && (h("svg", { key: '8cd5f2f0900d07cd3d9ac383bddf315ff281566f', 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: '4478b7e2f096b60a3b5953b09d6d20f536cb4dbf', 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: '1dac1e0ce42f075f5f811248b540ca1f86417171', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", null)))));
+            }) }, h("slot", { key: 'f28161362d20ccff346531c67a69579e4e17e2a1' })))));
     }
     static get is() { return "utrecht-progress-sublist-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-sublist-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-sublist-item.js","sourceRoot":"","sources":["~~../../../~~src/components/progress-sublist-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,uBAAuB;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,OAAO,CACL,~~UAAI~~,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC;YAClG,~~WAAK~~,KAAK,EAAC,oCAAoC;gBAC7C,~~WACE~~,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;wBAChE,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,~~YAAM~~,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,~~WACE~~,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,~~YACE~~,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACN,~~SACE~~,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;wBACrD,kDAAkD,EAAE,OAAO;qBAC5D,CAAC;oBAEF,~~eAAQ~~,CACN,CACA,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-sublist-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressSublistItem {\n @Prop() appearance?: string;\n @Prop() checked?: boolean = false;\n render() {\n const { appearance, checked } = this;\n return (\n <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n 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\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n <p\n class={clsx('denhaag-process-steps__sub-step-heading', {\n 'denhaag-process-steps__sub-step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </div>\n </li>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"progress-sublist-item.js","sourceRoot":"","sources":["../../src/components/progress-sublist-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,uBAAuB;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,OAAO,CACL,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC;YAClG,4DAAK,KAAK,EAAC,oCAAoC;gBAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;wBAChE,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;wBACrD,kDAAkD,EAAE,OAAO;qBAC5D,CAAC;oBAEF,8DAAQ,CACN,CACA,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-sublist-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressSublistItem {\n @Prop() appearance?: string;\n @Prop() checked?: boolean = false;\n render() {\n const { appearance, checked } = this;\n return (\n <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n 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\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n <p\n class={clsx('denhaag-process-steps__sub-step-heading', {\n 'denhaag-process-steps__sub-step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </div>\n </li>\n );\n }\n}\n"]}

package/dist/collection/components/separator.js CHANGED Viewed

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

package/dist/collection/components/separator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"separator.js","sourceRoot":"","sources":["~~../../../~~src/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,~~UAAI~~,KAAK,EAAC,mBAAmB,GAAG,CAAC;IAC1C,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-separator',\n styleUrl: 'separator.scss',\n shadow: true,\n})\nexport class Separator {\n render() {\n return <hr class=\"utrecht-separator\" />;\n }\n}\n"]}
1	+ {"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,2DAAI,KAAK,EAAC,mBAAmB,GAAG,CAAC;IAC1C,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-separator',\n styleUrl: 'separator.scss',\n shadow: true,\n})\nexport class Separator {\n render() {\n return <hr class=\"utrecht-separator\" />;\n }\n}\n"]}

package/dist/collection/components/sidenav.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class Sidenav {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { class: "utrecht-sidenav" }, h("ul", { 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: '832463183397615f8a162a97cc354a00fc037193', class: "utrecht-sidenav" }, h("ul", { key: 'b137bccf9fe94b12b6529e765dd68edb84754f25', 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/sidenav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidenav.js","sourceRoot":"","sources":["~~../../../~~src/components/sidenav.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,OAAO;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,OAAO,CACL,~~WAAK~~,KAAK,EAAC,iBAAiB;YAC1B,~~UAAI~~,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5F,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C;gBAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI;oBAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ;oBAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI;oBACN,KAAK,CACJ;gBACH,QAAQ,CAAC,CAAC,CAAC,CACV,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjD,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD;oBACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI;wBAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI;wBACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,CACH;gBACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-sidenav',\n styleUrl: 'sidenav.scss',\n shadow: true,\n})\nexport class Sidenav {\n @Prop() json: string;\n\n render() {\n const items = JSON.parse(this.json);\n\n return (\n <nav class=\"utrecht-sidenav\">\n <ul class=\"utrecht-sidenav__list\">\n {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n <li\n key={href}\n class={clsx(\n 'utrecht-sidenav__item',\n index + 1 === array.length && 'utrecht-sidenav__item--last',\n sibling && 'utrecht-sidenav__item--sibling',\n haschildren && 'utrecht-sidenav__item--parent',\n )}\n >\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n current && 'utrecht-sidenav__link--current',\n focus && 'utrecht-sidenav__link--focus',\n sibling && 'utrecht-sidenav__link--sibling',\n haschildren && 'utrecht-sidenav__link--parent',\n )}\n href={href}\n >\n <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n <div\n class={clsx(\n 'utrecht-sidenav__connection',\n haschildren && 'utrecht-sidenav__connection--parent',\n sibling && 'utrecht-sidenav__connection--sibling',\n index + 1 === array.length && 'utrecht-sidenav__connection--last',\n )}\n ></div>\n {title}\n </a>\n {children ? (\n <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n {children.map(({ href, title, current, focus }) => (\n <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n 'utrecht-sidenav__link--child',\n current && 'utrecht-sidenav__link--current',\n current && 'utrecht-sidenav__link--current-child',\n focus && 'utrecht-sidenav__link--focus',\n )}\n href={href}\n >\n <div\n class={clsx(\n 'utrecht-sidenav__marker',\n 'utrecht-sidenav__marker--child',\n current && 'utrecht-sidenav__marker--current',\n current && 'utrecht-sidenav__marker--current-child',\n )}\n ></div>\n {title}\n </a>\n </li>\n ))}\n </ul>\n ) : (\n ''\n )}\n <div class=\"utrecht-sidenav__item-separator\"></div>\n </li>\n ))}\n </ul>\n </nav>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"sidenav.js","sourceRoot":"","sources":["../../src/components/sidenav.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,OAAO;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5F,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C;gBAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI;oBAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ;oBAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI;oBACN,KAAK,CACJ;gBACH,QAAQ,CAAC,CAAC,CAAC,CACV,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjD,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD;oBACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI;wBAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI;wBACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,CACH;gBACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-sidenav',\n styleUrl: 'sidenav.scss',\n shadow: true,\n})\nexport class Sidenav {\n @Prop() json: string;\n\n render() {\n const items = JSON.parse(this.json);\n\n return (\n <nav class=\"utrecht-sidenav\">\n <ul class=\"utrecht-sidenav__list\">\n {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n <li\n key={href}\n class={clsx(\n 'utrecht-sidenav__item',\n index + 1 === array.length && 'utrecht-sidenav__item--last',\n sibling && 'utrecht-sidenav__item--sibling',\n haschildren && 'utrecht-sidenav__item--parent',\n )}\n >\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n current && 'utrecht-sidenav__link--current',\n focus && 'utrecht-sidenav__link--focus',\n sibling && 'utrecht-sidenav__link--sibling',\n haschildren && 'utrecht-sidenav__link--parent',\n )}\n href={href}\n >\n <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n <div\n class={clsx(\n 'utrecht-sidenav__connection',\n haschildren && 'utrecht-sidenav__connection--parent',\n sibling && 'utrecht-sidenav__connection--sibling',\n index + 1 === array.length && 'utrecht-sidenav__connection--last',\n )}\n ></div>\n {title}\n </a>\n {children ? (\n <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n {children.map(({ href, title, current, focus }) => (\n <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n 'utrecht-sidenav__link--child',\n current && 'utrecht-sidenav__link--current',\n current && 'utrecht-sidenav__link--current-child',\n focus && 'utrecht-sidenav__link--focus',\n )}\n href={href}\n >\n <div\n class={clsx(\n 'utrecht-sidenav__marker',\n 'utrecht-sidenav__marker--child',\n current && 'utrecht-sidenav__marker--current',\n current && 'utrecht-sidenav__marker--current-child',\n )}\n ></div>\n {title}\n </a>\n </li>\n ))}\n </ul>\n ) : (\n ''\n )}\n <div class=\"utrecht-sidenav__item-separator\"></div>\n </li>\n ))}\n </ul>\n </nav>\n );\n }\n}\n"]}

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

@@ -9,7 +9,7 @@ export class SkipLink {
         this.href = undefined;
     }
     render() {
-        return (h("a", { href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", null)));
+        return (h("a", { key: '88d48d2a40da3a11dea75b4e6f9aa6d90a93b622', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: 'f22daf1029b20ec21558cf132cd36fc5fa3001cc' })));
     }
     static get is() { return "utrecht-skip-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/skip-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skip-link.js","sourceRoot":"","sources":["~~../../../~~src/components/skip-link.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;;;;IAEnB,MAAM;QACJ,OAAO,CACL,~~SACE~~,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC3D,KAAK,EAAC,uDAAuD;YAE7D,~~eAAa~~,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-skip-link',\n styleUrl: 'skip-link.scss',\n shadow: true,\n})\nexport class SkipLink {\n @Prop() href: string;\n render() {\n return (\n <a\n href={typeof this.href === 'string' ? this.href : undefined}\n class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n >\n <slot></slot>\n </a>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"skip-link.js","sourceRoot":"","sources":["../../src/components/skip-link.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;;;;IAEnB,MAAM;QACJ,OAAO,CACL,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC3D,KAAK,EAAC,uDAAuD;YAE7D,8DAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-skip-link',\n styleUrl: 'skip-link.scss',\n shadow: true,\n})\nexport class SkipLink {\n @Prop() href: string;\n render() {\n return (\n <a\n href={typeof this.href === 'string' ? this.href : undefined}\n class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n >\n <slot></slot>\n </a>\n );\n }\n}\n"]}

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

@@ -10,7 +10,7 @@ export class SpotlightSection {
         this.appearance = undefined;
     }
     render() {
-        return (h("div", { class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", null)));
+        return (h("div", { key: '6dc08ce7b7fa23b59f154083b6da42653b8e75eb', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '775d72751f2ff899ccfaf10aa45b1d9ed63f4efa' })));
     }
     static get is() { return "utrecht-spotlight-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spotlight-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spotlight-section.js","sourceRoot":"","sources":["~~../../../~~src/components/spotlight-section.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,gBAAgB;;;;IAE3B,MAAM;QACJ,OAAO,CACL,~~WACE~~,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,iCAAiC,EAC/D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,oCAAoC,CACtE;YAED,~~eAAa~~,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-spotlight-section',\n styleUrl: 'spotlight-section.scss',\n shadow: true,\n})\nexport class SpotlightSection {\n @Prop() appearance: string;\n render() {\n return (\n <div\n class={clsx(\n 'utrecht-spotlight-section',\n this.appearance === 'info' && 'utrecht-spotlight-section--info',\n this.appearance === 'warning' && 'utrecht-spotlight-section--warning',\n )}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"spotlight-section.js","sourceRoot":"","sources":["../../src/components/spotlight-section.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,gBAAgB;;;;IAE3B,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,iCAAiC,EAC/D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,oCAAoC,CACtE;YAED,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-spotlight-section',\n styleUrl: 'spotlight-section.scss',\n shadow: true,\n})\nexport class SpotlightSection {\n @Prop() appearance: string;\n render() {\n return (\n <div\n class={clsx(\n 'utrecht-spotlight-section',\n this.appearance === 'info' && 'utrecht-spotlight-section--info',\n this.appearance === 'warning' && 'utrecht-spotlight-section--warning',\n )}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/surface.js CHANGED Viewed

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Code {
     render() {
-        return (h("div", { class: "utrecht-surface" }, h("slot", null)));
+        return (h("div", { key: '365486767bd909045357c6b923d771b331b13199', class: "utrecht-surface" }, h("slot", { key: '3e47ca815c56bf7516801c34923f89b91f9317f7' })));
     }
     static get is() { return "utrecht-surface"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/surface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"surface.js","sourceRoot":"","sources":["~~../../../~~src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAC,iBAAiB;YAC1B,~~eAAa~~,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-surface',\n styleUrl: 'surface.scss',\n shadow: true,\n})\nexport class Code {\n render() {\n return (\n <div class=\"utrecht-surface\">\n <slot></slot>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-surface',\n styleUrl: 'surface.scss',\n shadow: true,\n})\nexport class Code {\n render() {\n return (\n <div class=\"utrecht-surface\">\n <slot></slot>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/table-body.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableBody {
     render() {
-        return (h(Host, { role: "rowgroup" }, h("slot", null)));
+        return (h(Host, { key: '7b18589eb2b2aba26446263f48cd71bb9dc3e753', role: "rowgroup" }, h("slot", { key: '1e2dd49b0679afd45bd76b18ea73de785c2c56e9' })));
     }
     static get is() { return "utrecht-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-body.js","sourceRoot":"","sources":["~~../../../~~src/components/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAC,UAAU;YACnB,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-body',\n styleUrl: 'table-body.scss',\n shadow: true,\n})\nexport class TableBody {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table-body.js","sourceRoot":"","sources":["../../src/components/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-body',\n styleUrl: 'table-body.scss',\n shadow: true,\n})\nexport class TableBody {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/table-caption.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class TableCaption {
     render() {
         // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
-        return h("slot", null);
+        return h("slot", { key: 'e1c15fd4b73110ff854aab44ead67afc01c4c022' });
     }
     static get is() { return "utrecht-table-caption"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-caption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-caption.js","sourceRoot":"","sources":["~~../../../~~src/components/table-caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,wEAAwE;QACxE,OAAO,~~eAAa~~,CAAC;IACvB,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-caption',\n styleUrl: 'table-caption.scss',\n shadow: true,\n})\nexport class TableCaption {\n render() {\n // TODO: Associate with parent <utrecht-table> aria-labelledby attribute\n return <slot></slot>;\n }\n}\n"]}
1	+ {"version":3,"file":"table-caption.js","sourceRoot":"","sources":["../../src/components/table-caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,wEAAwE;QACxE,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-caption',\n styleUrl: 'table-caption.scss',\n shadow: true,\n})\nexport class TableCaption {\n render() {\n // TODO: Associate with parent <utrecht-table> aria-labelledby attribute\n return <slot></slot>;\n }\n}\n"]}

package/dist/collection/components/table-cell.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableCell {
     render() {
-        return (h(Host, { role: "cell" }, h("slot", null)));
+        return (h(Host, { key: '7268be4e9d77f3c0fb49afcf34757e4018148119', role: "cell" }, h("slot", { key: 'd7bf3ad646c2bc4fb49ff65cf8fd5b7bcf60a84d' })));
     }
     static get is() { return "utrecht-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-cell.js","sourceRoot":"","sources":["~~../../../~~src/components/table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAC,MAAM;YACf,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-cell',\n styleUrl: 'table-cell.scss',\n shadow: true,\n})\nexport class TableCell {\n render() {\n return (\n <Host role=\"cell\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../src/components/table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM;YACf,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-cell',\n styleUrl: 'table-cell.scss',\n shadow: true,\n})\nexport class TableCell {\n render() {\n return (\n <Host role=\"cell\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/table-footer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableFooter {
     render() {
-        return (h(Host, { role: "rowgroup" }, h("slot", null)));
+        return (h(Host, { key: '0cc28ea65af92e75219add19cb62f7c72398f575', role: "rowgroup" }, h("slot", { key: '687509c611164fdb85081b36360b909a0e637906' })));
     }
     static get is() { return "utrecht-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-footer.js","sourceRoot":"","sources":["~~../../../~~src/components/table-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAC,UAAU;YACnB,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-footer',\n styleUrl: 'table-footer.scss',\n shadow: true,\n})\nexport class TableFooter {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table-footer.js","sourceRoot":"","sources":["../../src/components/table-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-footer',\n styleUrl: 'table-footer.scss',\n shadow: true,\n})\nexport class TableFooter {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/table-header-cell.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class TableHeaderCell {
         this.scope = undefined;
     }
     render() {
-        return (h(Host, { role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", null)));
+        return (h(Host, { key: '7acc0fede04e4eb026fbd8fa3eaf0c8e8e916f2e', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '03d891a51809f2b4b1f52a8de217e0efacf7e6fe' })));
     }
     static get is() { return "utrecht-table-header-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-header-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-header-cell.js","sourceRoot":"","sources":["~~../../../~~src/components/table-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,eAAe;;;;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;YAC7F,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-header-cell',\n styleUrl: 'table-header-cell.scss',\n shadow: true,\n})\nexport class TableHeaderCell {\n @Prop() scope: 'col' \| 'row';\n render() {\n return (\n <Host role={this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell'}>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table-header-cell.js","sourceRoot":"","sources":["../../src/components/table-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,eAAe;;;;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;YAC7F,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-header-cell',\n styleUrl: 'table-header-cell.scss',\n shadow: true,\n})\nexport class TableHeaderCell {\n @Prop() scope: 'col' \| 'row';\n render() {\n return (\n <Host role={this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell'}>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/table-header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableHeader {
     render() {
-        return (h(Host, { role: "rowgroup" }, h("slot", null)));
+        return (h(Host, { key: 'fa791312cca733bfc05c69ad2f2530acb3c2db3f', role: "rowgroup" }, h("slot", { key: 'c6b754ee6b2a01f1823e6108e113e6362f6fafff' })));
     }
     static get is() { return "utrecht-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-header.js","sourceRoot":"","sources":["~~../../../~~src/components/table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAC,UAAU;YACnB,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-header',\n styleUrl: 'table-header.scss',\n shadow: true,\n})\nexport class TableHeader {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table-header.js","sourceRoot":"","sources":["../../src/components/table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-header',\n styleUrl: 'table-header.scss',\n shadow: true,\n})\nexport class TableHeader {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/table-row.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableRow {
     render() {
-        return (h(Host, { role: "row" }, h("slot", null)));
+        return (h(Host, { key: 'f5619495813881f2ca2acf9d3f6d14bdcd223e5e', role: "row" }, h("slot", { key: 'bc55df4b147642e20768182f7bd3aac9bde01acd' })));
     }
     static get is() { return "utrecht-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-row.js","sourceRoot":"","sources":["~~../../../~~src/components/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAC,KAAK;YACd,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-row',\n styleUrl: 'table-row.scss',\n shadow: true,\n})\nexport class TableRow {\n render() {\n return (\n <Host role=\"row\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table-row.js","sourceRoot":"","sources":["../../src/components/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK;YACd,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-row',\n styleUrl: 'table-row.scss',\n shadow: true,\n})\nexport class TableRow {\n render() {\n return (\n <Host role=\"row\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/table.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class Table {
     render() {
-        return (h(Host, { role: "table" }, h("slot", null)));
+        return (h(Host, { key: '880bab57645d8048140e6fd3dc0292f00380d114', role: "table" }, h("slot", { key: '12755588903fdd0ec77598c81ae4b1c8f8792974' })));
     }
     static get is() { return "utrecht-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table.js","sourceRoot":"","sources":["~~../../../~~src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,KAAK;IAChB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,~~IAAC~~,IAAI,EAAC,OAAO;YAChB,~~eAAa~~,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table',\n styleUrl: 'table.scss',\n shadow: true,\n})\nexport class Table {\n render() {\n return (\n <Host role=\"table\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,KAAK;IAChB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO;YAChB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table',\n styleUrl: 'table.scss',\n shadow: true,\n})\nexport class Table {\n render() {\n return (\n <Host role=\"table\">\n <slot></slot>\n </Host>\n );\n }\n}\n"]}