npm - @utrecht/web-component-library-stencil - Versions diffs - 2.1.0 → 2.2.0 - Mend

@utrecht/web-component-library-stencil 2.1.0 → 2.2.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 (1618) hide show

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

@@ -10,7 +10,7 @@ const Page = /*@__PURE__*/ proxyCustomElement(class Page extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'd0e25d9080ec1427b8f906cc4a5277bad1dc4146', class: "utrecht-page-content" }, h("main", { key: '004c2412e241f5bfbcbb9af8ad43953d5df561cf', class: "utrecht-page-content__main" }, h("slot", { key: 'a765682e10a4b0f7d884bb7891df4786fce08ff2' }))));
+        return (h("div", { key: 'fc3c9f7fff9d4b9aca1205af0ee6602790ba6f13', class: "utrecht-page-content" }, h("main", { key: '31d87a4cbeaeac67d15eb869b300c3289b7ca542', class: "utrecht-page-content__main" }, h("slot", { key: '850a8d3a49be1bcb9fc75c5bf8c33c72b4301273' }))));
     }
     static get style() { return UtrechtPageContentStyle0; }
 }, [1, "utrecht-page-content"]);

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

@@ -10,7 +10,7 @@ const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("footer", { key: '47125488c91317def040617ccaaa448cb68a2098', class: "utrecht-page-footer" }, h("slot", { key: 'cc7f599e2e25e035d5550e7ae3a3242347380052' })));
+        return (h("footer", { key: 'b26e46fbb4b775cef3e3b854aebcb7f283363420', class: "utrecht-page-footer" }, h("slot", { key: 'af680fb4d98c58b16a4f875a8dd0c1bfaa208a7b' })));
     }
     static get style() { return UtrechtPageFooterStyle0; }
 }, [1, "utrecht-page-footer"]);

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

@@ -10,7 +10,7 @@ const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("header", { key: 'b26e46fbb4b775cef3e3b854aebcb7f283363420', class: "utrecht-page-header" }, h("div", { key: 'ef2e46914fd2f255bcd0abb2093e11678193ac3a', class: "utrecht-page-header__content" }, h("slot", { key: 'e5f1ab5815cfb556f440271e5af57c017ca0f764' }))));
+        return (h("header", { key: '0115ccae9509e855b994f70b7a40538847f57765', class: "utrecht-page-header" }, h("div", { key: '1d63398aed435886611fed3fb91a045de2ceac23', class: "utrecht-page-header__content" }, h("slot", { key: '77b113a927a59f5895209eb7cfebc788307acca7' }))));
     }
     static get style() { return UtrechtPageHeaderStyle0; }
 }, [1, "utrecht-page-header"]);

package/dist/components/utrecht-page.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Page = /*@__PURE__*/ proxyCustomElement(class Page extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '31dd5c8a3fb3ce60d47a77cdd2d7e5657ba5cd1d', class: "utrecht-page" }, h("div", { key: 'eb1a86e7f305faaef5a0d8b81fd23f3168ad23ba', class: "utrecht-page__content" }, h("slot", { key: '718a6bbf68466047d2965d07b944728e129824b5' }))));
+        return (h("div", { key: '59e1e75546d22ac74f609eb6108824b244708354', class: "utrecht-page" }, h("div", { key: '61f45b2cbcae9c8498e7798f5b229bd060a0a079', class: "utrecht-page__content" }, h("slot", { key: '4ab65c6ac97c59647c1ef32c3fb0276c69b3f6a5' }))));
     }
     static get style() { return UtrechtPageStyle0; }
 }, [1, "utrecht-page"]);

package/dist/components/utrecht-pagination.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
-const paginationCss = ".utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}:host{display:block}:host([hidden]){display:none !important}";
+const paginationCss = ".utrecht-pagination__page-link:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtPaginationStyle0 = paginationCss;
 const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
@@ -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: '63b5b3067b1e12503452605b911d498694409ad7', 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: 'd3d98e4b21057fa9524ff312f4067eec055f2662', class: "utrecht-pagination" }, h("span", { key: 'df10e0ecfe671b48ac9bfb706ef2c9398d5f72e7', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '2a23b50676cce24159c9759889e1dcbbf6bd09c5', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: 'f6768db06888542962048ffa40ad6a4c41ba3351', 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: 'defcf8d099ff404ebb496bf4276f572608501e6c', class: "utrecht-pagination" }, h("span", { key: '31e05b13ce146627a02f2de816fa921783db90b8', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '533c69d847173fade3ea85393fae7990b2da8ded', 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: '0c363b7ad9014019d1197b78c4d007a01f53ad83', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: 'ecfe8bfab588c3abd2b10c1aad86e5bb62f4fbf8', 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-pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-pagination.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,~~m1KAAm1K~~,CAAC;~~AAC12K~~,gCAAe,aAAa;;MCYf,UAAU;;;;;;;;;;IAMrB,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC1E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,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,KAC7F,QAAQ,IACN,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,KAEP,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,MAC5E,0DACE,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,OAAO,IAAI,wCAAwC,CAAC,EACjG,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,GAAG,EAAE,GAAG,IAEP,WAAW,CACV,CACL,CAAC;QAEF,QACE,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,GAAG,EAAE,CACrE,EACP,6DAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,2BAA2B,IACjD,KAAK;aACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACtE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU;YACpB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;YACvE,uBACE,KAAK,EACL,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,IAAI,KAAK,KAAK,YAAY,EACnE,GAAG,EACD,OAAO,YAAY,KAAK,QAAQ;sBAC5B,KAAK,KAAK,YAAY,GAAG,CAAC;0BACxB,MAAM;0BACN,KAAK,KAAK,YAAY,GAAG,CAAC;8BAC1B,MAAM;8BACN,IAAI;sBACN,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAC7B,IAAI,EACP;SACH,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC3B,EACP,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,IAAG,GAAG,EAAE,CACvE,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pagination.scss?tag=utrecht-pagination&encapsulation=shadow","src/components/pagination.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/pagination-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\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"],"version":3}
1	+ {"file":"utrecht-pagination.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,6jKAA6jK,CAAC;AACplK,gCAAe,aAAa;;MCYf,UAAU;;;;;;;;;;IAMrB,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC1E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,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,KAC7F,QAAQ,IACN,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,KAEP,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,MAC5E,0DACE,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,OAAO,IAAI,wCAAwC,CAAC,EACjG,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,GAAG,EAAE,GAAG,IAEP,WAAW,CACV,CACL,CAAC;QAEF,QACE,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,GAAG,EAAE,CACrE,EACP,6DAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,2BAA2B,IACjD,KAAK;aACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACtE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU;YACpB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;YACvE,uBACE,KAAK,EACL,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,IAAI,KAAK,KAAK,YAAY,EACnE,GAAG,EACD,OAAO,YAAY,KAAK,QAAQ;sBAC5B,KAAK,KAAK,YAAY,GAAG,CAAC;0BACxB,MAAM;0BACN,KAAK,KAAK,YAAY,GAAG,CAAC;8BAC1B,MAAM;8BACN,IAAI;sBACN,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAC7B,IAAI,EACP;SACH,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC3B,EACP,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,IAAG,GAAG,EAAE,CACvE,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pagination.scss?tag=utrecht-pagination&encapsulation=shadow","src/components/pagination.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/pagination-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\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"],"version":3}

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

@@ -10,7 +10,7 @@ const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: '8af29d6e69170a4a1a3bbfc0fdf8412cd96ae7e2' }, h("slot", { key: 'ec231765eb7e96a4a63a94cd3ee8ed225f9193a8' })));
+        return (h("p", { key: '04b0db048536cfbcf1086dd0a99ddf881d9e3fbb' }, h("slot", { key: '8f63d041aeb3ccd3b06a05c09ab6db8369bad694' })));
     }
     static get style() { return UtrechtPreHeadingStyle0; }
 }, [1, "utrecht-pre-heading"]);

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

@@ -19,17 +19,17 @@ const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgress
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: '1df0d1c96b6f7220bb5db6194cd96ec3b43279d1', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: 'a762e5f47d90aff388519f8affe8a8fe0ec49d2e', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: 'a2873c80d2a7d3ef0ce3daca3caa5fe7670ff9d6', class: "denhaag-process-steps__step-header" }, h("div", { key: 'e0b7f096a1f365aeebba8b099064d101950a7b9d', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'b4c711fc3a5353404d64403256dc07cbed2e8974', class: "denhaag-process-steps__step-header" }, h("div", { key: '45e2d001e0c905cd6b509f05fea642353438ad0b', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: 'f5f355c55ad2a6d8e6afbac7cf8244e95bcb8576', name: "marker" }), checked && (h("svg", { key: 'ecbfb7df96fb10549c70062c36773bc562de8cde', 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: 'dbbf0082a1d2b4f07f48ade36ed9f0ba1f1b2d76', 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: '4209dc685ce035baa04dfbe5667b40ebd7bbd093', name: "marker" }), checked && (h("svg", { key: '8e828233ff1d36af1606861e76b723f5aa63b3f6', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '97f4494e7bc5872e7190b4c082b9527f25a4d3be', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 '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: '5162992103ef5e0ebf8100420be9e427fcdf5e0b', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: 'b8b2d438f59344734f6ca23d0b37608ad7fdde68', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: 'c6d9f7383e1a6dd5d4b582ae92b3a6266c0575ca', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b6004e409f07a8f736ef1162a4995f9423d1edef', name: "body" }))), h("div", { key: 'd51cf40f7579c4adbc6b45e49b34a40cf199a711', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4b305b0b37fbba6ae887681c93dff25a9d7bc903', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '40861807fabd4cf0377a206248d3bb1b5b7231b4', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '048c0bc686cc7e60168c3a8e4204edda37d77261', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '710ba2d37f81aa37157e929ec35438dbdaffebeb', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'c97cc0615865aa4f4553c24d760c2290304e3ad6', name: "body" }))), h("div", { key: 'dd4163b9308ff175479915b8b151de07ec7b0adc', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '7910693f702edb37989d7452d1afb066959bd190', name: "details" }))));
     }
     static get style() { return UtrechtProgressListItemStyle0; }
 }, [1, "utrecht-progress-list-item", {

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

@@ -10,7 +10,7 @@ const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList
         this.__attachShadow();
     }
     render() {
-        return (h("ol", { key: '8c034e96d6fbb03947e38de50ade902b3db90fdd', class: "denhaag-process-steps" }, h("slot", { key: 'c7fee3769f6e26029b35d3eb2741df32099428f2' })));
+        return (h("ol", { key: '1667bbfc8e7a803502bbe413ed57fa7a8f39183c', class: "denhaag-process-steps" }, h("slot", { key: '6b117a7dcfb73dd4a1869d400d6788a501336c00' })));
     }
     static get style() { return UtrechtProgressListStyle0; }
 }, [1, "utrecht-progress-list"]);

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

@@ -14,12 +14,12 @@ const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgr
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { key: 'e052860a31e65832147f0617aa0effc01c6bd3ef', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '0280170f242e6861df21ef9c5e0a97592054113c', class: "denhaag-process-steps__step-header" }, h("div", { key: '09143ef9725004c085aefd2cf1ccc64dd63062cd', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: '448ab0aece6cf9e1c8a2c26b0bbe01fcf09e37bc', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: 'bfaa8f2514e74b7d4982a429256c40ebde3314e0', class: "denhaag-process-steps__step-header" }, h("div", { key: '092b004dfeadd42f23a1b39c80febbcd8c9b31fe', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: 'cdd9e80b0ee216f1e04f18ff976d0eb4f59de717', name: "marker" }), checked && (h("svg", { key: 'ca6ca9ac2ea8249717984b9b64b40355f696f86b', 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: '6a965440d2e88bf21832682ebc6baafd9b20a3c6', 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: 'e626819dfc904b1de22dc3d92e720a037c3a1af4', class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: 'ab372b9987eadd856d94297edf1a726d0c43be14', name: "marker" }), checked && (h("svg", { key: 'c4aac0454293a7ca2d2a014c4063b7b887c96e8b', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '5eec1dbbdcc5c84916ef8b81958569bec5f4b170', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: 'eefc45beb4339450ff7ca2376c38c2d8c7e7bfc5', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: '955d80448f70f776c9f41ffdc09c813201062b2f' })))));
+            }) }, h("slot", { key: 'b2664652b68382dd0f69612004e65cb8dac087b1' })))));
     }
     static get style() { return UtrechtProgressSublistItemStyle0; }
 }, [1, "utrecht-progress-sublist-item", {

package/dist/components/utrecht-separator.js CHANGED Viewed

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

package/dist/components/utrecht-sidenav.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
-const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
+const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}";
 const UtrechtSidenavStyle0 = sidenavCss;
 const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLElement {
@@ -13,7 +13,7 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLEleme
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: 'e48eec1d5144b488f9eda3bd8f231de26e7886ea', class: "utrecht-sidenav" }, h("ul", { key: 'b51cc2fb8f33173d8778b171cbab8d8c772815c3', 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: '6bfceb00700dbdb72e7ad653e0e76f573637128c', class: "utrecht-sidenav" }, h("ul", { key: '028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
     static get style() { return UtrechtSidenavStyle0; }
 }, [1, "utrecht-sidenav", {

package/dist/components/utrecht-sidenav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,~~m5MAAm5M~~,CAAC;~~AACv6M~~,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,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,MACvF,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,IAED,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,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,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,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,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,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/components/navigatie sidenav/src\";\n","/\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"],"version":3}
1	+ {"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,q0MAAq0M,CAAC;AACz1M,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,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,MACvF,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,IAED,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,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,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,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,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,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/components/navigatie sidenav/src\";\n","/\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"],"version":3}

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}:host{display:inline-flex}:host([hidden]){display:none !important}";
+const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}.utrecht-skip-link--focus-visible,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}:host{display:inline-flex}:host([hidden]){display:none !important}";
 const UtrechtSkipLinkStyle0 = skipLinkCss;
 const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLElement {
@@ -11,7 +11,7 @@ const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLEle
         this.href = undefined;
     }
     render() {
-        return (h("a", { key: '2134a1d0969fe5b94308268ab5a3af5bd01c56e7', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '80af80da89a98c1e9698521ea7d3eec29a01d53d' })));
+        return (h("a", { key: 'f5a5ca5050fa229d8ba1514716c01f7d1bff7b60', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '0de88cdb23e5f1c09ed93cf9f7a7e3dfc0e188a8' })));
     }
     static get style() { return UtrechtSkipLinkStyle0; }
 }, [1, "utrecht-skip-link", {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-skip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,~~ulEAAulE~~,CAAC;~~AAC5mE~~,8BAAe,WAAW;;MCYb,QAAQ;;;;;;;IAEnB,MAAM;QACJ,QACE,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC3D,KAAK,EAAC,uDAAuD,IAE7D,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/skip-link.scss?tag=utrecht-skip-link&encapsulation=shadow","src/components/skip-link.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@utrecht/skip-link-css/src\";\n\n:host {\n display: inline-flex;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\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"],"version":3}
1	+ {"file":"utrecht-skip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,grFAAgrF,CAAC;AACrsF,8BAAe,WAAW;;MCYb,QAAQ;;;;;;;IAEnB,MAAM;QACJ,QACE,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC3D,KAAK,EAAC,uDAAuD,IAE7D,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/skip-link.scss?tag=utrecht-skip-link&encapsulation=shadow","src/components/skip-link.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@utrecht/skip-link-css/src\";\n\n:host {\n display: inline-flex;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\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"],"version":3}

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
-const spotlightSectionCss = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));border-color:var(--_utrecht-spotlight-section-border-color, var(--utrecht-spotlight-section-border-color));border-style:solid;border-width:var(--_utrecht-spotlight-section-border-width, var(--utrecht-spotlight-section-border-width, 0));color:var(--_utrecht-spotlight-section-color, var(--utrecht-spotlight-section-color));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-start, 0));padding-block-end:var(--utrecht-spotlight-section-padding-block-end);padding-block-start:var(--utrecht-spotlight-section-padding-block-start);padding-inline-end:var(--utrecht-spotlight-section-padding-inline-end);padding-inline-start:var(--utrecht-spotlight-section-padding-inline-start)}.utrecht-spotlight-section--info{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-info-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-info-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-info-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-info-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-info-color)}.utrecht-spotlight-section--warning{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-warning-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-warning-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-warning-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-warning-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-warning-color)}:host{display:block}:host([hidden]){display:none !important}";
+const spotlightSectionCss = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));border-color:var(--_utrecht-spotlight-section-border-color, var(--utrecht-spotlight-section-border-color));border-style:solid;border-width:var(--_utrecht-spotlight-section-border-width, var(--utrecht-spotlight-section-border-width, 0));color:var(--_utrecht-spotlight-section-color, var(--utrecht-spotlight-section-color));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-start, 0));padding-block-end:var(--utrecht-spotlight-section-padding-block-end);padding-block-start:var(--utrecht-spotlight-section-padding-block-start);padding-inline-end:var(--utrecht-spotlight-section-padding-inline-end);padding-inline-start:var(--utrecht-spotlight-section-padding-inline-start)}.utrecht-spotlight-section--info{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-info-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-info-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-info-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-info-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-info-color)}.utrecht-spotlight-section--warning{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-warning-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-warning-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-warning-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-warning-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-warning-color)}.utrecht-spotlight-section--error{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-error-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-error-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-error-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-error-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-error-color)}.utrecht-spotlight-section--ok{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-ok-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-ok-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-ok-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-ok-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-ok-color)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtSpotlightSectionStyle0 = spotlightSectionCss;
 const SpotlightSection = /*@__PURE__*/ proxyCustomElement(class SpotlightSection extends HTMLElement {
@@ -12,7 +12,7 @@ const SpotlightSection = /*@__PURE__*/ proxyCustomElement(class SpotlightSection
         this.appearance = undefined;
     }
     render() {
-        return (h("div", { key: 'd09db75894c10fff01e68c7bc664f0472081003a', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: 'c73fee651dafcc18c8a3cbe4c7d49107f44e6a0f' })));
+        return (h("div", { key: '985252f6182a681d1bbf8b02dc011c2e36cd5dde', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '09aa53cd2158784c37f8d0d7eea059459455e065' })));
     }
     static get style() { return UtrechtSpotlightSectionStyle0; }
 }, [1, "utrecht-spotlight-section", {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-spotlight-section.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,~~k/DAAk/D~~,CAAC;~~AAC/gE~~,sCAAe,mBAAmB;;MCarB,gBAAgB;;;;;;;IAE3B,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,iCAAiC,EAC/D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,oCAAoC,CACtE,IAED,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spotlight-section.scss?tag=utrecht-spotlight-section&encapsulation=shadow","src/components/spotlight-section.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@utrecht/spotlight-section-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\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"],"version":3}
1	+ {"file":"utrecht-spotlight-section.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,47FAA47F,CAAC;AACz9F,sCAAe,mBAAmB;;MCarB,gBAAgB;;;;;;;IAE3B,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,iCAAiC,EAC/D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,oCAAoC,CACtE,IAED,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spotlight-section.scss?tag=utrecht-spotlight-section&encapsulation=shadow","src/components/spotlight-section.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@utrecht/spotlight-section-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\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"],"version":3}

package/dist/components/utrecht-surface.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Code = /*@__PURE__*/ proxyCustomElement(class Code extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'd11fb23e7ebcbf940d1a4e84da68f5c61a743da6', class: "utrecht-surface" }, h("slot", { key: '04ea4528e0d94f1d5fbdbe0cc39ab58553edec7e' })));
+        return (h("div", { key: 'a15d68260e954c6682b50baeb35b004f8ec6eb63', class: "utrecht-surface" }, h("slot", { key: '793d959f1210a1bba7fac2a3c14a3f97a1818c45' })));
     }
     static get style() { return UtrechtSurfaceStyle0; }
 }, [1, "utrecht-surface"]);

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

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

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

@@ -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: 'aa181dabc74d728f1391c9c30d436d8b842a0b01' });
+        return h("slot", { key: '93833cfd804b7494d1466c5c622b216ea3c47d69' });
     }
     static get style() { return UtrechtTableCaptionStyle0; }
 }, [1, "utrecht-table-caption"]);

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

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

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

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

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

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

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

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

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

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

package/dist/components/utrecht-table.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '2fec1e86a16421adf2797f840065a6776f42aa91', role: "table" }, h("slot", { key: 'eda9de106f8c6cf11b442cb6b02ec553a664fc91' })));
+        return (h(Host, { key: 'c4005f6865c31091b0fbc8706d7fbf03cc4be9e8', role: "table" }, h("slot", { key: 'f850a30309c06fbc61a501f05dc698a712335103' })));
     }
     static get style() { return UtrechtTableStyle0; }
 }, [1, "utrecht-table"]);

package/dist/components/utrecht-textarea.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
-const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
+const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtTextareaStyle0 = textareaCss;
 /**
@@ -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: 'ecbb953f52def943bd2c1f48abd487b0b492bd56', 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: '70ca302a0586da5c18138aaae6254fa610df27d2', 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: '7e585eee731e3adb46a23bb91501f3901c938dcb' })));
+            } }, h("slot", { key: 'd8903c29142abaeab63836348c9db2dbd2e55a79' })));
     }
     static get style() { return UtrechtTextareaStyle0; }
 }, [1, "utrecht-textarea", {

package/dist/components/utrecht-textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-textarea.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,~~qnSAAqnS~~,CAAC;~~AAC1oS~~,8BAAe,WAAW;;ACO1B;;;;;;;;;;AAUA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;MAOf,QAAQ;;;;;;;;;4BACY,EAAE;oBACV,iBAAiB;0BACV,KAAK;wBACU,KAAK;uBACN,KAAK;2BACnB,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,QACE,iEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,IAED,8DAAQ,CACC,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/textarea-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/\n I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n \n Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n \n As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class Textarea {\n @Prop() autocomplete: string = '';\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop() spellcheck: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() rows: number = HTML_DEFAULT_ROWS;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n return (\n <textarea\n autoComplete={autocomplete \|\| null}\n class={clsx(\n 'utrecht-textarea',\n 'utrecht-textarea--html-textarea',\n disabled && 'utrecht-textarea--disabled',\n invalid && 'utrecht-textarea--invalid',\n readOnly && 'utrecht-textarea--readonly',\n )}\n cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n disabled={disabled}\n dir=\"auto\"\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n spellcheck={spellcheck \|\| null}\n rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLTextAreaElement).value;\n this.utrechtInput.emit(evt);\n }}\n >\n <slot />\n </textarea>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-textarea.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,okSAAokS,CAAC;AACzlS,8BAAe,WAAW;;ACO1B;;;;;;;;;;AAUA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;MAOf,QAAQ;;;;;;;;;4BACY,EAAE;oBACV,iBAAiB;0BACV,KAAK;wBACU,KAAK;uBACN,KAAK;2BACnB,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,QACE,iEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,IAED,8DAAQ,CACC,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/textarea-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/\n I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n \n Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n \n As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class Textarea {\n @Prop() autocomplete: string = '';\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop() spellcheck: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() rows: number = HTML_DEFAULT_ROWS;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n return (\n <textarea\n autoComplete={autocomplete \|\| null}\n class={clsx(\n 'utrecht-textarea',\n 'utrecht-textarea--html-textarea',\n disabled && 'utrecht-textarea--disabled',\n invalid && 'utrecht-textarea--invalid',\n readOnly && 'utrecht-textarea--readonly',\n )}\n cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n disabled={disabled}\n dir=\"auto\"\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n spellcheck={spellcheck \|\| null}\n rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLTextAreaElement).value;\n this.utrechtInput.emit(evt);\n }}\n >\n <slot />\n </textarea>\n );\n }\n}\n"],"version":3}