@utrecht/web-component-library-stencil 4.2.0 → 4.2.1

package/dist/components/utrecht-icon-zoom-minus.js

@@ -10,7 +10,7 @@ const UtrechtIconZoomMinus$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIco
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '01e99bfaabe13c697d5dd0eb0f56dd91f062f3d4', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '42b356bb0805bf4c276b971e6af4d4e9d2f530f4' }, h("clipPath", { key: '77e611f4aa6d8442144514f54e7918cc0bd5fb71', id: "a" }, h("path", { key: 'db339947818d85024b11f03479cddcdaefdbca3a', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: '57222a4d390f77a684e0357e8e219829920665da', "clip-path": "url(#a)" }, h("path", { key: 'b9d2feef3a043f52e358d085ea6ba3906c1d534a', d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }))));
+        return (h("svg", { key: '90770b49455bf8d65b7c44a9317698a729ae439e', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: 'ce1e193963a0df2bbdb6497367ee271eaed481e9' }, h("clipPath", { key: '645bd8f2dc18a2a4b03b8a12e0f703fa4c858fcd', id: "a" }, h("path", { key: 'ced8457047c86a8780d54891079960e025158ffa', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: 'c1368df4d3ce8f447521ef7624037ea66d8b29bd', "clip-path": "url(#a)" }, h("path", { key: '77367d279f1d6015fd69ad16d0161a545fbd389e', d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }))));
     }
     static get style() { return UtrechtIconZoomMinusStyle0; }
 }, [1, "utrecht-icon-zoom-minus"]);

package/dist/components/utrecht-icon-zoom-plus.js

@@ -10,7 +10,7 @@ const UtrechtIconZoomPlus$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIcon
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: 'e4ea292ea9a795800f07a620eca72a89ed1a79e8', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '31f3150074dd148b972827057c9b02a3dfd74441' }, h("clipPath", { key: 'b778582af02f0cd58bf98a48a5e9e8492b7a8661', id: "a" }, h("path", { key: '612d4424da956d235936bc2c6ecabb59ec00fced', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'fbc38abf607f17ef78610808ce390179dc1cb0fd', "clip-path": "url(#a)" }, h("path", { key: 'cafcf3ed1a424c240c2937fcd0872049775ced96', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
+        return (h("svg", { key: '66f24fe134eb75e1a0173ee0687ea4f35244de09', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: 'd14b9b2a789fd56872a058f39a5af1ac849f8f40' }, h("clipPath", { key: 'e0017e8f5e5d5178b720c299da559360d536c936', id: "a" }, h("path", { key: '725dd4f26bfa2b0f57e19eb363a02b045f091326', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'dfe106449cd37c095c6c4348c53df190b9a37d23', "clip-path": "url(#a)" }, h("path", { key: '5eeb2b7550ea2258eb1046ac2ec3b6ca2339873d', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
     }
     static get style() { return UtrechtIconZoomPlusStyle0; }
 }, [1, "utrecht-icon-zoom-plus"]);

package/dist/components/utrecht-icon-zoomin.js

@@ -10,7 +10,7 @@ const UtrechtIconZoomin$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconZo
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '6b8c831d0604f7379b0f5beb85fbe5c2f8ceee28', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '9bee761bbb313d2836f4699b76ff8f4c9c034c3a', d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6z" }), h("path", { key: '962f8637e9a1e2d66f759efda9a141e9fe11327f', d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6z" })));
+        return (h("svg", { key: '2f154b4a2f4c02876977fa1220528a289e912696', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '2decc7d278122d6b4e2951481a36c3e7e51c81bb', d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6z" }), h("path", { key: '680bd268c2a069de54142833e2c66ada300ce0d4', d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6z" })));
     }
     static get style() { return UtrechtIconZoominStyle0; }
 }, [1, "utrecht-icon-zoomin"]);

package/dist/components/utrecht-icon-zoomout.js

@@ -10,7 +10,7 @@ const UtrechtIconZoomout$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconZ
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '65c3f439adacd4709f2909de5b51abc23481572c', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'dcc620f8720b18b52f0a9472413b99e886e812cc', d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5z" })));
+        return (h("svg", { key: '51dae614bd77d08439e88831ed364499f1ad151e', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'fec012751a1aa3b329e8c9e2621045456d407315', d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5z" })));
     }
     static get style() { return UtrechtIconZoomoutStyle0; }
 }, [1, "utrecht-icon-zoomout"]);

package/dist/components/utrecht-icon-zorg-huis.js

@@ -10,7 +10,7 @@ const UtrechtIconZorgHuis$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIcon
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '40792b5dc94eb6dfafcea2d4ae14ce4db37fa687', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'e2c2c90e9b556b2a3dff4515150312fff7564b6b', d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }), h("path", { key: '76884713542574a171e6bc221f0f327fedde003d', d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.82l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35z" })));
+        return (h("svg", { key: 'd0f8028fd713d544a48b60e27abe6aeb1651636b', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '555bb6d38ed791ff18fd2e20cd02867cae485685', d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }), h("path", { key: 'e4fc6612b7aa8434b26d41b8a5eb56b5623bc353', d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.82l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35z" })));
     }
     static get style() { return UtrechtIconZorgHuisStyle0; }
 }, [1, "utrecht-icon-zorg-huis"]);

package/dist/components/utrecht-icon-zweefpaal.js

@@ -10,7 +10,7 @@ const UtrechtIconZweefpaal$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIco
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: 'c1c33b1789c27ec17e70ed5c6ddf21315d178654', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '1a0373fa0a1667b9af9d922b89ed9e469b7bac16', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
+        return (h("svg", { key: 'e9f3612e29abdadc1066c7725173b70b67067440', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '701408b89d3405fc925c63588dca867950e5a820', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
     }
     static get style() { return UtrechtIconZweefpaalStyle0; }
 }, [1, "utrecht-icon-zweefpaal"]);

package/dist/components/utrecht-icon-zwemmen.js

@@ -10,7 +10,7 @@ const UtrechtIconZwemmen$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconZ
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '4306d7e75c160c2c42a7dfa5f0c9d65ba1b894e4', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '7d6432dee794601395e15bb00d9a10cca31b6160', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
+        return (h("svg", { key: '11e5ddba7de791324ecb1c4b97cd821a813a3a6c', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '367c5fd5cb2016820c9c9e908f829ce406a88437', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
     }
     static get style() { return UtrechtIconZwemmenStyle0; }
 }, [1, "utrecht-icon-zwemmen"]);

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const navBarCss = ":host{background-color:var(--utrecht-nav-bar-background-color);color:var(--utrecht-nav-bar-color);display:grid;inline-size:100%}div{align-items:stretch;background-color:var(--utrecht-nav-bar-content-background-color);color:var(--utrecht-nav-bar-content-color);display:flex;flex-direction:row;flex-wrap:wrap;inline-size:100%;justify-content:space-between;justify-self:center;max-inline-size:var(--utrecht-nav-bar-content-max-inline-size)}:host([hidden]){display:none !important}:host([sticky]){background-color:var(--utrecht-nav-bar-background-color, Canvas);color:var(--utrecht-nav-bar-color, CanvasText);inset-block-start:0;position:sticky}";
+const navBarCss = ":host{background-color:var(--utrecht-nav-bar-background-color);color:var(--utrecht-nav-bar-color);display:grid;inline-size:100%}div{align-items:stretch;background-color:var(--utrecht-nav-bar-content-background-color);color:var(--utrecht-nav-bar-content-color);display:flex;flex-direction:row;flex-wrap:wrap;inline-size:100%;justify-content:space-between;justify-self:center;max-inline-size:var(--utrecht-nav-bar-content-max-inline-size)}:host([hidden]){display:none !important}:host([sticky]){background-color:var(--utrecht-nav-bar-background-color, Canvas);color:var(--utrecht-nav-bar-color, CanvasText);inset-block-start:0;position:sticky;z-index:var(--utrecht-nav-bar-sticky-z-index, 1)}";
 const UtrechtNavBarStyle0 = navBarCss;
 
 const NavBar = /*@__PURE__*/ proxyCustomElement(class NavBar extends H {

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

@@ -1 +1 @@
-{"file":"utrecht-nav-bar.js","mappings":";;AAAA,MAAM,SAAS,GAAG,moBAAmoB,CAAC;AACtpB,4BAAe,SAAS;;MCYX,MAAM;;;;;sBACS,KAAK;;IAE/B,MAAM;QACJ,QACE,8DACE,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nav-bar.scss?tag=utrecht-nav-bar&encapsulation=shadow","src/components/nav-bar.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/nav-bar-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-nav-bar;\n}\n\ndiv {\n  @include utrecht-nav-bar__content;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n\n:host([sticky]) {\n  @include utrecht-nav-bar--sticky;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-nav-bar',\n  styleUrl: 'nav-bar.scss',\n  shadow: true,\n})\nexport class NavBar {\n  @Prop() sticky: boolean = false;\n\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-nav-bar.js","mappings":";;AAAA,MAAM,SAAS,GAAG,orBAAorB,CAAC;AACvsB,4BAAe,SAAS;;MCYX,MAAM;;;;;sBACS,KAAK;;IAE/B,MAAM;QACJ,QACE,8DACE,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nav-bar.scss?tag=utrecht-nav-bar&encapsulation=shadow","src/components/nav-bar.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/nav-bar-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-nav-bar;\n}\n\ndiv {\n  @include utrecht-nav-bar__content;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n\n:host([sticky]) {\n  @include utrecht-nav-bar--sticky;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-nav-bar',\n  styleUrl: 'nav-bar.scss',\n  shadow: true,\n})\nexport class NavBar {\n  @Prop() sticky: boolean = false;\n\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const pageBodyCss = ":host{background-color:var(--utrecht-page-body-background-color);box-sizing:border-box;color:var(--utrecht-page-body-color);display:grid;flex-grow:1;inline-size:100%}div{background-color:var(--utrecht-page-body-content-background-color);box-sizing:border-box;color:var(--utrecht-page-body-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-body-content-max-inline-size);padding-block-end:var(--utrecht-page-body-content-padding-block-end);padding-block-start:var(--utrecht-page-body-content-padding-block-start);padding-inline-end:var(--utrecht-page-body-content-padding-inline-end);padding-inline-start:var(--utrecht-page-body-content-padding-inline-start)}:host([hidden]){display:none !important}";
+const pageBodyCss = ":host{background-color:var(--utrecht-page-body-background-color);box-sizing:border-box;color:var(--utrecht-page-body-color);display:grid;flex-grow:1;inline-size:100%;padding-block-end:var(--utrecht-page-body-padding-block-end);padding-block-start:var(--utrecht-page-body-padding-block-start);padding-inline-end:var(--utrecht-page-body-padding-inline-end);padding-inline-start:var(--utrecht-page-body-padding-inline-start)}div{background-color:var(--utrecht-page-body-content-background-color);box-sizing:border-box;color:var(--utrecht-page-body-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-body-content-max-inline-size);padding-block-end:var(--utrecht-page-body-content-padding-block-end);padding-block-start:var(--utrecht-page-body-content-padding-block-start);padding-inline-end:var(--utrecht-page-body-content-padding-inline-end);padding-inline-start:var(--utrecht-page-body-content-padding-inline-start)}:host([hidden]){display:none !important}";
 const UtrechtPageBodyStyle0 = pageBodyCss;
 
 const PageBody = /*@__PURE__*/ proxyCustomElement(class PageBody extends H {

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

@@ -1 +1 @@
-{"file":"utrecht-page-body.js","mappings":";;AAAA,MAAM,WAAW,GAAG,guBAAguB,CAAC;AACrvB,8BAAe,WAAW;;MCYb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,8DACE,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-body.scss?tag=utrecht-page-body&encapsulation=shadow","src/components/page-body.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/page-body-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-page-body;\n}\n\ndiv {\n  @include utrecht-page-body__content;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-body',\n  styleUrl: 'page-body.scss',\n  shadow: true,\n})\nexport class PageBody {\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-page-body.js","mappings":";;AAAA,MAAM,WAAW,GAAG,g+BAAg+B,CAAC;AACr/B,8BAAe,WAAW;;MCYb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,8DACE,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-body.scss?tag=utrecht-page-body&encapsulation=shadow","src/components/page-body.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/page-body-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-page-body;\n}\n\ndiv {\n  @include utrecht-page-body__content;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-body',\n  styleUrl: 'page-body.scss',\n  shadow: true,\n})\nexport class PageBody {\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 import { c as clsx } from './p-e91d8a25.js';
-import { d as defineCustomElement$2 } from './p-145331fd.js';
+import { d as defineCustomElement$2 } from './p-c1da5de5.js';
 
 const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header--nested{gap:24px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;overflow-wrap:var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__step-meta--nested{font-size:var(--denhaag-process-steps-step-meta-nested-font-size, var(--denhaag-process-steps-step-meta-font-size));margin-block-start:var(--denhaag-process-steps-step-meta-nested-margin-block-start);margin-inline-start:48px}.denhaag-process-steps__sub-step{position:relative;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const UtrechtProgressListItemStyle0 = progressListCss;

package/dist/components/utrecht-root.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const rootCss = ":host{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;background-color:var(--utrecht-root-background-color, Canvas);border:0;box-sizing:border-box;color:var(--utrecht-root-color, CanvasText);font-family:var(--utrecht-root-font-family);font-size-adjust:var(--utrecht-root-font-size-adjust, 0.5);font-weight:var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;margin:0;min-block-size:100%;overflow-wrap:break-word;padding:0;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;view-transition-name:root}@media (prefers-reduced-motion: no-preference){:host{scroll-behavior:smooth}}:host{font-size:var(--utrecht-root-font-size, var(--utrecht-body-font-size));line-height:var(--utrecht-root-line-height, var(--utrecht-body-line-height))}:host([hidden]){display:none !important}";
+const rootCss = ":host{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;background-color:var(--utrecht-root-background-color, Canvas);border-width:0;box-sizing:border-box;color:var(--utrecht-root-color, CanvasText);font-family:var(--utrecht-root-font-family);font-size-adjust:var(--utrecht-root-font-size-adjust, 0.5);font-weight:var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;margin:0;min-block-size:100%;overflow-wrap:break-word;padding:0;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;view-transition-name:root}@media (prefers-reduced-motion: no-preference){:host{scroll-behavior:smooth}}:host{font-size:var(--utrecht-root-font-size, var(--utrecht-body-font-size));line-height:var(--utrecht-root-line-height, var(--utrecht-body-line-height))}:host([hidden]){display:none !important}";
 const UtrechtRootStyle0 = rootCss;
 
 const Root = /*@__PURE__*/ proxyCustomElement(class Root extends H {

package/dist/components/utrecht-root.js.map

@@ -1 +1 @@
-{"file":"utrecht-root.js","mappings":";;AAAA,MAAM,OAAO,GAAG,s9BAAs9B,CAAC;AACv+B,0BAAe,OAAO;;MCaT,IAAI;;;;;;IACf,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/root.scss?tag=utrecht-root&encapsulation=shadow","src/components/root.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/root-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-root;\n  @include utrecht-root__font-size-container;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-root',\n  styleUrl: 'root.scss',\n  // No shadow DOM, to affect the `<html>` and `<body>` element\n  shadow: true,\n})\nexport class Root {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}
+{"file":"utrecht-root.js","mappings":";;AAAA,MAAM,OAAO,GAAG,49BAA49B,CAAC;AAC7+B,0BAAe,OAAO;;MCaT,IAAI;;;;;;IACf,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/root.scss?tag=utrecht-root&encapsulation=shadow","src/components/root.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/root-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-root;\n  @include utrecht-root__font-size-container;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-root',\n  styleUrl: 'root.scss',\n  // No shadow DOM, to affect the `<html>` and `<body>` element\n  shadow: true,\n})\nexport class Root {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/components/utrecht-sidenav.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 import { c as clsx } from './p-e91d8a25.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-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);z-index:1}.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--pseudo-elements .utrecht-sidenav__link--child::after{display:none}";
+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);z-index:1}.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-color:var(--utrecht-sidenav-link-color);border-style:solid;border-width:2px;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-color:var(--utrecht-sidenav-link-hover-color);border-style:solid;border-width:2px}.utrecht-sidenav--pseudo-elements{}.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 H {

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

@@ -1 +1 @@
-{"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,k3MAAk3M,CAAC;AACt4M,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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"../../../../components/navigatie-sidenav/src\" as *;\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\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}
+{"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,k7MAAk7M,CAAC;AACt8M,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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"../../../../components/navigatie-sidenav/src\" as *;\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\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-textarea.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-2f0ff193.js';
 import { c as clsx } from './p-e91d8a25.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);z-index:1}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, 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: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);z-index:1}.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{}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, 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{}.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{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;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)));background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;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  );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))));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)))));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))));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);z-index:1}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, 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: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);z-index:1}.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  );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))));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)))));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))));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{}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, 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{}.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;
 
 /**

package/dist/components/utrecht-textbox.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-2f0ff193.js';
 import { c as clsx } from './p-e91d8a25.js';
 
-const textboxCss = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n    calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n      var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n      var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n      var(--utrecht-textbox-autocomplete-ui-size, 44px)\n  );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));display:block;font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));overflow:hidden;padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));white-space:nowrap}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--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);z-index:1}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input: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);z-index:1}.utrecht-textbox--html-input:user-invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}";
+const textboxCss = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n    calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n      var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n      var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n      var(--utrecht-textbox-autocomplete-ui-size, 44px)\n  );max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));min-block-size:var(--utrecht-pointer-target-min-size, var(--basis-pointer-target-min-block-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, var(--basis-pointer-target-min-inline-size, 44px));--_utrecht-textbox-border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));--_utrecht-textbox-border-block-end-width:var(\n    --utrecht-textbox-border-bottom-width,\n    var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n  );border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--_utrecht-textbox-border-block-end-width);box-sizing:border-box;background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));--_utrecht-textbox-padding-block-end:var(\n    --utrecht-textbox-padding-block-end,\n    var(--utrecht-form-control-padding-block-end, 0)\n  );--_utrecht-textbox-padding-block-start:var(\n    --utrecht-textbox-padding-block-start,\n    var(--utrecht-form-control-padding-block-start, 0)\n  );block-size:initial;display:block;font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));overflow:hidden;padding-block-end:var(--_utrecht-textbox-padding-block-end);padding-block-start:var(--_utrecht-textbox-padding-block-start);padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));white-space:nowrap}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--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);z-index:1}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input: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);z-index:1}.utrecht-textbox--html-input:user-invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtTextboxStyle0 = textboxCss;
 
 const Textbox = /*@__PURE__*/ proxyCustomElement(class Textbox extends H {

package/dist/components/utrecht-textbox.js.map

@@ -1 +1 @@
-{"file":"utrecht-textbox.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,k6WAAk6W,CAAC;AACt7W,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;;;4BACyD,EAAE;wBAChC,KAAK;uBACN,KAAK;mBAClB,EAAE;mBACF,EAAE;uBACP,EAAE;2BACE,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBACV,EAAE;qBAClB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAElH,QACE,8DACE,KAAK,EAAE,IAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,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,MAA2B,CAAC,KAAK,CAAC;gBACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/textbox-css/src/index\" as *;\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-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-textbox',\n  styleUrl: 'textbox.scss',\n  shadow: true,\n})\nexport class Textbox {\n  @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() min: number | string = '';\n  @Prop() max: number | string = '';\n  @Prop() pattern: string = '';\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop({ reflect: true }) type: string = '';\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, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n    return (\n      <input\n        class={clsx(\n          'utrecht-textbox',\n          'utrecht-textbox--html-input',\n          disabled && 'utrecht-textbox--disabled',\n          invalid && 'utrecht-textbox--invalid',\n          readOnly && 'utrecht-textbox--readonly',\n        )}\n        type={type || 'text'}\n        autoComplete={autoComplete ? autoComplete : null}\n        disabled={disabled}\n        dir=\"auto\"\n        min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n        max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n        pattern={pattern ? pattern : null}\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\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 HTMLInputElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-textbox.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,w2XAAw2X,CAAC;AAC53X,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;;;4BACyD,EAAE;wBAChC,KAAK;uBACN,KAAK;mBAClB,EAAE;mBACF,EAAE;uBACP,EAAE;2BACE,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBACV,EAAE;qBAClB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAElH,QACE,8DACE,KAAK,EAAE,IAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,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,MAA2B,CAAC,KAAK,CAAC;gBACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/textbox-css/src/index\" as *;\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-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-textbox',\n  styleUrl: 'textbox.scss',\n  shadow: true,\n})\nexport class Textbox {\n  @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() min: number | string = '';\n  @Prop() max: number | string = '';\n  @Prop() pattern: string = '';\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop({ reflect: true }) type: string = '';\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, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n    return (\n      <input\n        class={clsx(\n          'utrecht-textbox',\n          'utrecht-textbox--html-input',\n          disabled && 'utrecht-textbox--disabled',\n          invalid && 'utrecht-textbox--invalid',\n          readOnly && 'utrecht-textbox--readonly',\n        )}\n        type={type || 'text'}\n        autoComplete={autoComplete ? autoComplete : null}\n        disabled={disabled}\n        dir=\"auto\"\n        min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n        max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n        pattern={pattern ? pattern : null}\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\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 HTMLInputElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-top-task-link.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const topTaskLinkCss = ".utrecht-toptask-link{--utrecht-icon-color:currentColor;--utrecht-icon-size:var(--utrecht-toptask-link-icon-size);background-color:var(--utrecht-toptask-link-background-color);color:var(--utrecht-toptask-link-color);display:flex;flex-direction:column;font-size:var(--utrecht-toptask-link-font-size);line-height:var(--utrecht-toptask-link-line-height);max-inline-size:var(--utrecht-toptask-link-max-inline-size);min-block-size:var(--utrecht-toptask-link-min-block-size);min-inline-size:var(--utrecht-toptask-link-min-inline-size);padding-block-end:var(--utrecht-toptask-link-padding-block-end);padding-block-start:var(--utrecht-toptask-link-padding-block-start);padding-inline-end:var(--utrecht-toptask-link-padding-inline-end);padding-inline-start:var(--utrecht-toptask-link-padding-inline-start);text-decoration:none}.utrecht-toptask-link--hover,.utrecht-toptask-link:hover{background-color:var(--utrecht-toptask-link-hover-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-hover-color, var(--utrecht-toptask-link-color));transform:var(--utrecht-toptask-link-hover-transform-scale, 1)}.utrecht-toptask-link--focus-visible,.utrecht-toptask-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);z-index:1}.utrecht-toptask-link--focus,.utrecht-toptask-link:focus{background-color:var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color))}.utrecht-toptask-link__title{display:block}.utrecht-toptask-link__icon{display:block;padding-block-end:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-md)}:host{display:block}:host([hidden]){display:none !important}";
+const topTaskLinkCss = ".utrecht-toptask-link{--utrecht-icon-color:currentColor;--utrecht-icon-size:var(--utrecht-toptask-link-icon-size);background-color:var(--utrecht-toptask-link-background-color);border-radius:var(--utrecht-toptask-link-border-radius);color:var(--utrecht-toptask-link-color);display:flex;flex-direction:column;font-family:var(--utrecht-toptask-link-font-family);font-size:var(--utrecht-toptask-link-font-size);font-weight:var(--utrecht-toptask-link-font-weight);line-height:var(--utrecht-toptask-link-line-height);max-inline-size:var(--utrecht-toptask-link-max-inline-size);min-block-size:var(--utrecht-toptask-link-min-block-size);min-inline-size:var(--utrecht-toptask-link-min-inline-size);padding-block-end:var(--utrecht-toptask-link-padding-block-end);padding-block-start:var(--utrecht-toptask-link-padding-block-start);padding-inline-end:var(--utrecht-toptask-link-padding-inline-end);padding-inline-start:var(--utrecht-toptask-link-padding-inline-start);text-decoration:none}.utrecht-toptask-link--hover,.utrecht-toptask-link:hover{background-color:var(--utrecht-toptask-link-hover-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-hover-color, var(--utrecht-toptask-link-color));transform:var(--utrecht-toptask-link-hover-transform-scale, 1)}.utrecht-toptask-link--focus-visible,.utrecht-toptask-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);z-index:1}.utrecht-toptask-link--focus,.utrecht-toptask-link:focus{background-color:var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color))}.utrecht-toptask-link__title{display:block}.utrecht-toptask-link__icon{display:block;padding-block-end:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-md)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtTopTaskLinkStyle0 = topTaskLinkCss;
 
 const TopTaskLink = /*@__PURE__*/ proxyCustomElement(class TopTaskLink extends H {

package/dist/components/utrecht-top-task-link.js.map

@@ -1 +1 @@
-{"file":"utrecht-top-task-link.js","mappings":";;AAAA,MAAM,cAAc,GAAG,klEAAklE,CAAC;AAC1mE,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;;;IAItB,MAAM;QACJ,QACE,0DACE,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,SAAS,EAC/D,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnB,6DAAM,KAAK,EAAC,4BAA4B,IACtC,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACpB,EACP,6DAAM,KAAK,EAAC,6BAA6B,IACvC,8DAAa,CACR,CACL,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/top-task-link.scss?tag=utrecht-top-task-link&encapsulation=shadow","src/components/top-task-link.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/top-task-link-css/src\" as *;\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-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-top-task-link',\n  styleUrl: 'top-task-link.scss',\n  shadow: true,\n})\nexport class TopTaskLink {\n  @Prop() external?: boolean;\n  @Prop() href: string;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        class=\"utrecht-toptask-link\"\n        href={this.href}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        target={this.target}\n      >\n        <span class=\"utrecht-toptask-link__icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span class=\"utrecht-toptask-link__title\">\n          <slot></slot>\n        </span>\n      </a>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-top-task-link.js","mappings":";;AAAA,MAAM,cAAc,GAAG,kvEAAkvE,CAAC;AAC1wE,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;;;IAItB,MAAM;QACJ,QACE,0DACE,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,SAAS,EAC/D,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnB,6DAAM,KAAK,EAAC,4BAA4B,IACtC,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACpB,EACP,6DAAM,KAAK,EAAC,6BAA6B,IACvC,8DAAa,CACR,CACL,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/top-task-link.scss?tag=utrecht-top-task-link&encapsulation=shadow","src/components/top-task-link.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/top-task-link-css/src\" as *;\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-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-top-task-link',\n  styleUrl: 'top-task-link.scss',\n  shadow: true,\n})\nexport class TopTaskLink {\n  @Prop() external?: boolean;\n  @Prop() href: string;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        class=\"utrecht-toptask-link\"\n        href={this.href}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        target={this.target}\n      >\n        <span class=\"utrecht-toptask-link__icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span class=\"utrecht-toptask-link__title\">\n          <slot></slot>\n        </span>\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/index-6be72d1f.js

@@ -1655,6 +1655,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './utrecht-icon-dementie.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-digitale-weerbaarheid':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-digitale-weerbaarheid.entry.js').then(processMod, consoleError);
                 case 'utrecht-icon-documenten':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1951,6 +1955,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './utrecht-icon-menselijk.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-mensenhandel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-mensenhandel.entry.js').then(processMod, consoleError);
                 case 'utrecht-icon-menu-dot':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2095,6 +2103,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './utrecht-icon-pinterest.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-polarisatie':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-polarisatie.entry.js').then(processMod, consoleError);
                 case 'utrecht-icon-presentatie':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2163,6 +2175,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './utrecht-icon-stookverbod.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-straatintimidatie':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-straatintimidatie.entry.js').then(processMod, consoleError);
                 case 'utrecht-icon-strand':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2299,6 +2315,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './utrecht-icon-warning.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-weerbaarheid':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-weerbaarheid.entry.js').then(processMod, consoleError);
                 case 'utrecht-icon-werken':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2315,6 +2335,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './utrecht-icon-wijk-denkmee.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-wijk-dialoog':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-wijk-dialoog.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-wijk-gesprek':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-wijk-gesprek.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-wijk-groepsgesprek':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-wijk-groepsgesprek.entry.js').then(processMod, consoleError);
+                case 'utrecht-icon-wijk-inspraak':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './utrecht-icon-wijk-inspraak.entry.js').then(processMod, consoleError);
                 case 'utrecht-icon-wijk-overlast':
                     return import(
                       /* webpackMode: "lazy" */