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

package/dist/components/utrecht-pagination.js

@@ -20,8 +20,8 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         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: '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
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '1a77d5d44061a55fd129a0b912acbc93096449e2', 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: 'bfa0a9b822279e5b843b4120ef4d0ef4271f99ad', class: "utrecht-pagination" }, h("span", { key: '3edb27a930f35643e0432b14fca9ecc72c7a8d5a', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: 'ef146c1b1baa9333d7169ae6e34461b9b7ae6638', 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;
@@ -33,7 +33,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), h("span", { key: 'fa485075627cfc80015f35d34badabb027282eb9', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: '8001b89cf489c5105d140a8aaa384dce389d5dd8', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
     static get style() { return UtrechtPaginationStyle0; }
 }, [1, "utrecht-pagination", {

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

@@ -10,7 +10,7 @@ const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: '3040d51b00cf83a79325d7d1c45b99352b0e699b' }, h("slot", { key: '66440134dd6dcc6e42021ef531c6c603434c7b6a' })));
+        return (h("p", { key: '9186ec8df779e02464ad3feeff16fce2d03a779f' }, h("slot", { key: '7169ab8d0d9067a4a67bfbcc2582da8b302fe020' })));
     }
     static get style() { return UtrechtPreHeadingStyle0; }
 }, [1, "utrecht-pre-heading"]);

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

@@ -19,17 +19,17 @@ const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgress
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: '5d0e78c6c23eced19ebffe9dc8afbaadd30fa03c', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: '8fd54a57c5629a2a3bccd437b8f141b3c3412daa', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: '9a232b78b293adcdec5d1f3e9f5d85504ed9a35c', class: "denhaag-process-steps__step-header" }, h("div", { key: '0ce3dc9d241812f28ec4d7d7cda01a49d5b9c176', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: '0d3e0e159691874b4a1f41d5970947ba167d1c3d', class: "denhaag-process-steps__step-header" }, h("div", { key: 'a4d29eb0831fbc677578e572680253579707d56d', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, 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', {
+            }) }, h("slot", { key: '5328b6432344308f9f5d4aa91fd15332855a5ad1', name: "marker" }), checked && (h("svg", { key: 'a5ef38ab877a196c8c5c52ef49c87fa02c2df2b2', 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: 'f94df167c0c6b61e4754abc6f4c0af3837f4d24a', 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: '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" }))));
+            }) }, h("slot", null)))), h("div", { key: '3c2c8ca1892249e1a0ac4e87297d2522687cc316', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '8a21eae42bdda94edac000d45a0158d9e6496afb', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '194ad4644559407f1b1e20d99538841a73974b3b', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'c024630ee7d65e2c4b6337f617b96b2920af422f', name: "body" }))), h("div", { key: '518f583bdcd5fc68049daf184f7f4e821ce4cd07', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4ff2c41abc4853e85849e1fae5739081e9bdb40e', name: "details" }))));
     }
     static get style() { return UtrechtProgressListItemStyle0; }
 }, [1, "utrecht-progress-list-item", {

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

@@ -10,7 +10,7 @@ const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList
         this.__attachShadow();
     }
     render() {
-        return (h("ol", { key: '75c78da6817de51e1c842a79f12930aeb215eb67', class: "denhaag-process-steps" }, h("slot", { key: '3b1ad546993f6d511fa9b55ed606281ea3eda1a5' })));
+        return (h("ol", { key: 'f048c469bbe928f7b78f556bfcf81161e88a6b2e', class: "denhaag-process-steps" }, h("slot", { key: '1adb5842a40ade8caae8a8821ec485fcd5ca0d52' })));
     }
     static get style() { return UtrechtProgressListStyle0; }
 }, [1, "utrecht-progress-list"]);

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

@@ -14,12 +14,12 @@ const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgr
     }
     render() {
         const { appearance, checked } = this;
-        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', {
+        return (h("li", { key: 'db9347f5997274161fe2382092f3ecc05244974c', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: 'dd48d4f57cd284e70e0a14a56174299268d1c0a4', class: "denhaag-process-steps__step-header" }, h("div", { key: '236abc0a5085a2722922d41d51c4958ad2db9d37', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, 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', {
+            }) }, h("slot", { key: '23fdda129ae72607ee31f26481db1f2db07804e8', name: "marker" }), checked && (h("svg", { key: 'f469a3938faf412c964e971b93ea9df6b880ed34', 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: '4df65f0aed2c62a45a8154df69b4915831c01d78', 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: '2cae512b5e578d091538329b873183f28508f79a', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: 'f28161362d20ccff346531c67a69579e4e17e2a1' })))));
+            }) }, h("slot", { key: '32bf24d56eef5ca588c75cf2a99eca1049961e47' })))));
     }
     static get style() { return UtrechtProgressSublistItemStyle0; }
 }, [1, "utrecht-progress-sublist-item", {

package/dist/components/utrecht-separator.js

@@ -10,7 +10,7 @@ const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return h("hr", { key: '788a2f5091426e770e7416b37121746a7c860fe5', class: "utrecht-separator" });
+        return h("hr", { key: 'ebcee848ff0763806bade3eb05860bbb6f33990f', class: "utrecht-separator" });
     }
     static get style() { return UtrechtSeparatorStyle0; }
 }, [1, "utrecht-separator"]);

package/dist/components/utrecht-sidenav.js

@@ -13,7 +13,7 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLEleme
     }
     render() {
         const items = JSON.parse(this.json);
-        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" })))))));
+        return (h("nav", { key: '031717439b435c4b59cbc5bb1597d8b2a207fd01', class: "utrecht-sidenav" }, h("ul", { key: 'e72ce943438cc2ec36f3b81bd1dd92b9c127350b', 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 style() { return UtrechtSidenavStyle0; }
 }, [1, "utrecht-sidenav", {

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

@@ -11,7 +11,7 @@ const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLEle
         this.href = undefined;
     }
     render() {
-        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' })));
+        return (h("a", { key: '82ef982617ce24f9b26097835eda779fceb07aaa', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '9dbb9bd5dff2fcb756aeed6dcc5f4fc47cb71750' })));
     }
     static get style() { return UtrechtSkipLinkStyle0; }
 }, [1, "utrecht-skip-link", {

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

@@ -12,7 +12,7 @@ const SpotlightSection = /*@__PURE__*/ proxyCustomElement(class SpotlightSection
         this.appearance = undefined;
     }
     render() {
-        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' })));
+        return (h("div", { key: '62dff626095294a6be9a419de9fdafc33bbe0fce', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '6cc0e3123200e72afc6582f80d9ae1e1e430f3d0' })));
     }
     static get style() { return UtrechtSpotlightSectionStyle0; }
 }, [1, "utrecht-spotlight-section", {

package/dist/components/utrecht-surface.js

@@ -10,7 +10,7 @@ const Code = /*@__PURE__*/ proxyCustomElement(class Code extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '365486767bd909045357c6b923d771b331b13199', class: "utrecht-surface" }, h("slot", { key: '3e47ca815c56bf7516801c34923f89b91f9317f7' })));
+        return (h("div", { key: '277425cc055171cd0d7e4f930fe823e1507866f4', class: "utrecht-surface" }, h("slot", { key: '31bf752c8a4b9c02b98886d8e1d49551048638a6' })));
     }
     static get style() { return UtrechtSurfaceStyle0; }
 }, [1, "utrecht-surface"]);

package/dist/components/utrecht-table-body.js

@@ -10,7 +10,7 @@ const TableBody = /*@__PURE__*/ proxyCustomElement(class TableBody extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '7b18589eb2b2aba26446263f48cd71bb9dc3e753', role: "rowgroup" }, h("slot", { key: '1e2dd49b0679afd45bd76b18ea73de785c2c56e9' })));
+        return (h(Host, { key: 'da562920ebd10cc5dbaf8a2cfe92592749db86ae', role: "rowgroup" }, h("slot", { key: 'b522ef500473de07e8ff99896af115eaafbd8731' })));
     }
     static get style() { return UtrechtTableBodyStyle0; }
 }, [1, "utrecht-table-body"]);

package/dist/components/utrecht-table-caption.js

@@ -11,7 +11,7 @@ const TableCaption = /*@__PURE__*/ proxyCustomElement(class TableCaption extends
     }
     render() {
         // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
-        return h("slot", { key: 'e1c15fd4b73110ff854aab44ead67afc01c4c022' });
+        return h("slot", { key: '957e691f1d101ca11ba65299e7863385f88557e3' });
     }
     static get style() { return UtrechtTableCaptionStyle0; }
 }, [1, "utrecht-table-caption"]);

package/dist/components/utrecht-table-cell.js

@@ -10,7 +10,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '7268be4e9d77f3c0fb49afcf34757e4018148119', role: "cell" }, h("slot", { key: 'd7bf3ad646c2bc4fb49ff65cf8fd5b7bcf60a84d' })));
+        return (h(Host, { key: '4e767b96a4b53b518faeb7f844348dce84ba0838', role: "cell" }, h("slot", { key: '3f80f7d277742f0e4b0a38c4b6943977b47b5239' })));
     }
     static get style() { return UtrechtTableCellStyle0; }
 }, [1, "utrecht-table-cell"]);

package/dist/components/utrecht-table-footer.js

@@ -10,7 +10,7 @@ const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '0cc28ea65af92e75219add19cb62f7c72398f575', role: "rowgroup" }, h("slot", { key: '687509c611164fdb85081b36360b909a0e637906' })));
+        return (h(Host, { key: '855be65d73601d5d7b5c132e14f1fe83079e4d2a', role: "rowgroup" }, h("slot", { key: 'c2fe8cd14d2fd075c62fce82f1a83d43b2979e51' })));
     }
     static get style() { return UtrechtTableFooterStyle0; }
 }, [1, "utrecht-table-footer"]);

package/dist/components/utrecht-table-header-cell.js

@@ -11,7 +11,7 @@ const TableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TableHeaderCell e
         this.scope = undefined;
     }
     render() {
-        return (h(Host, { key: '7acc0fede04e4eb026fbd8fa3eaf0c8e8e916f2e', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '03d891a51809f2b4b1f52a8de217e0efacf7e6fe' })));
+        return (h(Host, { key: '9e2e4165930adc36b2b4cff813edca525329531d', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '47f6e72d5a5be0eca436287835ba5fe4e6da7121' })));
     }
     static get style() { return UtrechtTableHeaderCellStyle0; }
 }, [1, "utrecht-table-header-cell", {

package/dist/components/utrecht-table-header.js

@@ -10,7 +10,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'fa791312cca733bfc05c69ad2f2530acb3c2db3f', role: "rowgroup" }, h("slot", { key: 'c6b754ee6b2a01f1823e6108e113e6362f6fafff' })));
+        return (h(Host, { key: '6e1525e030fafb086d755b6e47d84a297e2be5e9', role: "rowgroup" }, h("slot", { key: '7bc58e2ff45dd263cf38d8cba7a0d054e0d4d01f' })));
     }
     static get style() { return UtrechtTableHeaderStyle0; }
 }, [1, "utrecht-table-header"]);

package/dist/components/utrecht-table-row.js

@@ -10,7 +10,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'f5619495813881f2ca2acf9d3f6d14bdcd223e5e', role: "row" }, h("slot", { key: 'bc55df4b147642e20768182f7bd3aac9bde01acd' })));
+        return (h(Host, { key: '349f0a4767e4cc13c2bb8cb6feb88a0efd684cd1', role: "row" }, h("slot", { key: '562b52eef521e0d8d04440fd1637c440919d1559' })));
     }
     static get style() { return UtrechtTableRowStyle0; }
 }, [1, "utrecht-table-row"]);

package/dist/components/utrecht-table.js

@@ -10,7 +10,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '880bab57645d8048140e6fd3dc0292f00380d114', role: "table" }, h("slot", { key: '12755588903fdd0ec77598c81ae4b1c8f8792974' })));
+        return (h(Host, { key: '66b4c7e5518a82a338a39ee496d7067e6f31e407', role: "table" }, h("slot", { key: 'dbc648d919d67b58f5f5d0cb0b2371df9f4e297e' })));
     }
     static get style() { return UtrechtTableStyle0; }
 }, [1, "utrecht-table"]);

package/dist/components/utrecht-textarea.js

@@ -38,10 +38,10 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (h("textarea", { key: 'dd85e3cd9b2af2d3c9033de9dbab80677e36793f', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("textarea", { key: 'a903504d367d5561dcf1a78f9ec88ce8d0700580', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } }, h("slot", { key: '021a7dba13030b4822b819a15364ff54529f116b' })));
+            } }, h("slot", { key: '5bd18a597748f4b94bcabb32ab56d0bdd40f5fac' })));
     }
     static get style() { return UtrechtTextareaStyle0; }
 }, [1, "utrecht-textarea", {

package/dist/components/utrecht-textbox.js

@@ -27,7 +27,7 @@ const Textbox = /*@__PURE__*/ proxyCustomElement(class Textbox extends HTMLEleme
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (h("input", { key: '8d9a4f29e17fa812373d1164e2e660736a9f73dd', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("input", { key: '621aec2146c668769751a5edc34501473abaae78', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
             } }));

package/dist/components/utrecht-url-data.js

@@ -10,7 +10,7 @@ const URLData = /*@__PURE__*/ proxyCustomElement(class URLData extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h("span", { key: 'cb4ce96175810b1235664f0de58277567da69633', class: "utrecht-url-data" }, h("slot", { key: '378f0ffe444065fa0141e04490ccfdb22344efac' })));
+        return (h("span", { key: '31f0943e3b24b0708a9a9b2e3857e80a2feaab52', class: "utrecht-url-data" }, h("slot", { key: 'c8836c08029071b9d29d1d0aec23b38f1bea9538' })));
     }
     static get style() { return UtrechtUrlDataStyle0; }
 }, [1, "utrecht-url-data"]);