npm - @utrecht/web-component-library-stencil - Versions diffs - 3.5.0 → 3.6.0 - Mend

@utrecht/web-component-library-stencil 3.5.0 → 3.6.0

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

Files changed (1702) hide show

package/dist/cjs/utrecht-icon-youtube.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconYoutube = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '821ec3aee0b1542a0063012f1f31164caff6f3e5', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '23f70035412640fe82cacb292e643640f454499a', d: "M35.25 9.28a4.493 4.493 0 0 0-3.18-3.2C29.26 5.32 18 5.32 18 5.32s-11.26 0-14.06.76a4.51 4.51 0 0 0-3.18 3.2C.01 12.11.01 18 .01 18s0 5.9.75 8.72a4.493 4.493 0 0 0 3.18 3.2c2.81.76 14.06.76 14.06.76s11.26 0 14.07-.76a4.51 4.51 0 0 0 3.18-3.2C36 23.89 36 18 36 18s0-5.9-.75-8.72M14.32 23.35v-10.7L23.73 18z" })));
+        return (index.h("svg", { key: '32c49ead36e6642b42f80bdf52f2a332a92a343e', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: 'd839bf100d734f1575cba2e1a8b7473f96ec03a2', d: "M35.25 9.28a4.493 4.493 0 0 0-3.18-3.2C29.26 5.32 18 5.32 18 5.32s-11.26 0-14.06.76a4.51 4.51 0 0 0-3.18 3.2C.01 12.11.01 18 .01 18s0 5.9.75 8.72a4.493 4.493 0 0 0 3.18 3.2c2.81.76 14.06.76 14.06.76s11.26 0 14.07-.76a4.51 4.51 0 0 0 3.18-3.2C36 23.89 36 18 36 18s0-5.9-.75-8.72M14.32 23.35v-10.7L23.73 18z" })));
     }
 };
 UtrechtIconYoutube.style = UtrechtIconYoutubeStyle0;

package/dist/cjs/utrecht-icon-zelfstandig-wonen.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZelfstandigWonen = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '999fabb40128524c9f75f6750acf531cc7e5bf3e', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: 'c998919c7839cf40df58c956834cc4be6e224a19', d: "M9.36 17.99c1.35 0 2.45-1.12 2.45-2.5s-1.1-2.5-2.45-2.5-2.45 1.12-2.45 2.5 1.1 2.5 2.45 2.5M5.24 33.85c-1.52-.39-2.74-1.64-3.13-3.18-.56-2.23.53-4.27 2.29-5.17.32-.17.52-.51.52-.88 0-.76-.79-1.25-1.45-.9C1.1 24.96-.41 27.65.09 30.64c.45 2.66 2.56 4.81 5.18 5.27 2.93.51 5.58-1.03 6.8-3.43.34-.67-.14-1.47-.88-1.47-.36 0-.7.2-.86.53-.89 1.78-2.89 2.9-5.09 2.33Z" }), index.h("path", { key: '11d08e5f9761e855cba2ac027c6321ad89464692', d: "M14.79 25.99h-2.98v-4c0-1.38-1.1-2.5-2.45-2.5s-2.47 1.12-2.47 2.5v4.53c0 1.36 1.09 2.47 2.43 2.47h5.44v7h2.95v-7.03c0-1.64-1.32-2.98-2.93-2.98Z" }), index.h("path", { key: '765530175cf5785e58393d92924ea62a2f468530', d: "m35.66 13.1-3.22-2.83V6c0-.55-.44-.99-.97-.99s-.97.44-.97.99v2.54L21.3.24a.96.96 0 0 0-1.27 0L7.62 11.35c.53-.23 1.12-.37 1.74-.37 2.44 0 4.42 2.02 4.42 4.5 0 1.28-.52 2.43-1.37 3.25a4.53 4.53 0 0 1 1.37 3.25v2h1.01c2.7 0 4.89 2.23 4.89 4.98v1.06H31.5c.54 0 .97-.44.97-.99l-.03-16.12 1.93 1.7c.4.35 1.01.31 1.36-.1l.02-.02a.992.992 0 0 0-.1-1.39ZM24.6 21.04c0 .54-.43.99-.97.99h-5.92c-.54 0-.98-.45-.98-1v-4.01c0-.55.44-1 .98-1h5.92c.54 0 .97.44.97.99z" })));
+        return (index.h("svg", { key: 'cb137b2920545e671440bac047a7d9233694d35d', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '04a6b683a20fa11d4b5b8f51f63d0b12cb914f5d', d: "M9.36 17.99c1.35 0 2.45-1.12 2.45-2.5s-1.1-2.5-2.45-2.5-2.45 1.12-2.45 2.5 1.1 2.5 2.45 2.5M5.24 33.85c-1.52-.39-2.74-1.64-3.13-3.18-.56-2.23.53-4.27 2.29-5.17.32-.17.52-.51.52-.88 0-.76-.79-1.25-1.45-.9C1.1 24.96-.41 27.65.09 30.64c.45 2.66 2.56 4.81 5.18 5.27 2.93.51 5.58-1.03 6.8-3.43.34-.67-.14-1.47-.88-1.47-.36 0-.7.2-.86.53-.89 1.78-2.89 2.9-5.09 2.33Z" }), index.h("path", { key: 'db6b051878b15be01d86dab7d6df84a5562ca972', d: "M14.79 25.99h-2.98v-4c0-1.38-1.1-2.5-2.45-2.5s-2.47 1.12-2.47 2.5v4.53c0 1.36 1.09 2.47 2.43 2.47h5.44v7h2.95v-7.03c0-1.64-1.32-2.98-2.93-2.98Z" }), index.h("path", { key: 'c50ecd30b4ca1d22ac087c5d805f7d94e39a75a8', d: "m35.66 13.1-3.22-2.83V6c0-.55-.44-.99-.97-.99s-.97.44-.97.99v2.54L21.3.24a.96.96 0 0 0-1.27 0L7.62 11.35c.53-.23 1.12-.37 1.74-.37 2.44 0 4.42 2.02 4.42 4.5 0 1.28-.52 2.43-1.37 3.25a4.53 4.53 0 0 1 1.37 3.25v2h1.01c2.7 0 4.89 2.23 4.89 4.98v1.06H31.5c.54 0 .97-.44.97-.99l-.03-16.12 1.93 1.7c.4.35 1.01.31 1.36-.1l.02-.02a.992.992 0 0 0-.1-1.39ZM24.6 21.04c0 .54-.43.99-.97.99h-5.92c-.54 0-.98-.45-.98-1v-4.01c0-.55.44-1 .98-1h5.92c.54 0 .97.44.97.99z" })));
     }
 };
 UtrechtIconZelfstandigWonen.style = UtrechtIconZelfstandigWonenStyle0;

package/dist/cjs/utrecht-icon-zoom-minus.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZoomMinus = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: 'b9486e5edbdbf521b79ff0458feb42da45da791e', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("defs", { key: '50e0bd479fbb2b761cf54586732fe325475aa6e9' }, index.h("clipPath", { key: '021d2e0e1a6ab5c11899e3bbaca54f75fdb0d20e', id: "a" }, index.h("path", { key: '554312c219d11e5b592d3110f7c8453e7a651cf6', "stroke-width": "0", d: "M0 6h14v2H0z" }))), index.h("g", { key: 'c777e42e5b6498c8c8b54a80053d9481608e4a88', "clip-path": "url(#a)" }, index.h("path", { key: '99caf43da14de8f8f8e96296b5bbb00e0fa305df', d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }))));
+        return (index.h("svg", { key: 'ca3281a972c1cdd6a68ee5c156d4494e926a3982', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("defs", { key: '4785a968bc2705f242af5648f22417950ce4f3f3' }, index.h("clipPath", { key: '7c88321e65a64cec83038aa6a9c0ae2cec7d874d', id: "a" }, index.h("path", { key: 'd5af6ab53f9bc44053903f80a71dbb6159f832f8', "stroke-width": "0", d: "M0 6h14v2H0z" }))), index.h("g", { key: 'a995b5f03aea102540b28fe91d65d1af6a244ad1', "clip-path": "url(#a)" }, index.h("path", { key: 'e9247a2af96c7590ff4adbc701ee3ff9773d74fd', d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }))));
     }
 };
 UtrechtIconZoomMinus.style = UtrechtIconZoomMinusStyle0;

package/dist/cjs/utrecht-icon-zoom-plus.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZoomPlus = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '32c0150f957a034f3e08c7981baf5bf4d0ebf511', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("defs", { key: '85c9afabfed24623c912a77486725c32e23922b0' }, index.h("clipPath", { key: 'ac3941211364c9b91f6209850ebef4f1ae04e9c0', id: "a" }, index.h("path", { key: '336dcf5d6fc9dfc407ffcfbaee3222d4f6ecd7fb', "stroke-width": "0", d: "M0 0h14v14H0z" }))), index.h("g", { key: 'adb0273050e1b0df029ad34f1cf18b960e205d7b', "clip-path": "url(#a)" }, index.h("path", { key: 'f057a455ae44b6797303fd4e5a7feae4ddf15674', "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 (index.h("svg", { key: 'cd5088bec7a7d14d7a7b40875ba0476f40f0ac3b', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("defs", { key: '0b17a74b99c86f01fa044b697301620b610a1851' }, index.h("clipPath", { key: '9d2e9619c70199f7e226b63474df8c57add0c220', id: "a" }, index.h("path", { key: 'eb98593a6fae6478928e68d37dc45792185f5f7b', "stroke-width": "0", d: "M0 0h14v14H0z" }))), index.h("g", { key: '272074f868bc8dec82d994f788bf617247aee178', "clip-path": "url(#a)" }, index.h("path", { key: '5d104c18804add299e444047d635202915052f9d', "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" }))));
     }
 };
 UtrechtIconZoomPlus.style = UtrechtIconZoomPlusStyle0;

package/dist/cjs/utrecht-icon-zoomin.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZoomin = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '94393d697197a8d5d3ee00d215eb99cc354bef49', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '265eeb7884e87db0210a9428daa9f43e3589db7b', 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" }), index.h("path", { key: '936813119afda291afd0d14f77efe40fe9bd1ddc', 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 (index.h("svg", { key: 'b365ba8aef43fd9c7585b40826bf49444d4e4e80', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '41b0223a5543bb99737fc5e7a126ade692a6a59b', 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" }), index.h("path", { key: '129cbc14530d7552c4c478c974b03bd7c6e57d23', 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" })));
     }
 };
 UtrechtIconZoomin.style = UtrechtIconZoominStyle0;

package/dist/cjs/utrecht-icon-zoomout.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZoomout = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: 'f98a3a374309f91c4cac6bbdab72c4c5703cedf7', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '03ccd714aeb4c524d01160066ef179c2c7877ac2', 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 (index.h("svg", { key: '629eb9de076ed26e9a5cb1ffddf62dddaef5c772', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '1d4ce77b0ebf0ce5f4712a4f88f548c157114abc', 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" })));
     }
 };
 UtrechtIconZoomout.style = UtrechtIconZoomoutStyle0;

package/dist/cjs/utrecht-icon-zorg-huis.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZorgHuis = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '27aba09215aaca1c31b31d1c04cb0f74cecd1ecc', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '58ab5a53111511b796f2f46c548c95ff587d6da0', 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" }), index.h("path", { key: 'c9490db970468f841410d4ed6086596cfe213041', 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 (index.h("svg", { key: 'e383ffe7b5df6ebc4c0d5e95c7a32d0c745d5eb0', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '7d01432140581e9d666eb52f9a8e3cedf40876cf', 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" }), index.h("path", { key: 'c865b9faa1f7e3e043879b7f9f0ddfd36881c3e2', 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" })));
     }
 };
 UtrechtIconZorgHuis.style = UtrechtIconZorgHuisStyle0;

package/dist/cjs/utrecht-icon-zweefpaal.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZweefpaal = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '2f439aa1d3f8521759fcc33e16245be1c1687790', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: 'cd90ecaa8feb65e30fda1b7c7a5da80fb2b884e4', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
+        return (index.h("svg", { key: 'e20a14467c158f498de47a3e3de1dbf53b745fc6', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '40807dcff594d6cc3c3fd2a386d0ce9f3d1cbfa8', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
     }
 };
 UtrechtIconZweefpaal.style = UtrechtIconZweefpaalStyle0;

package/dist/cjs/utrecht-icon-zwemmen.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZwemmen = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: 'ece2c526e64f67aa7087b9be52706e19a636efa2', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '1a5ec1d648e55ae63d2ed1afdf070c816271aed9', 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 (index.h("svg", { key: 'eb4f15936dd080a70114416fe2d97423716f4a01', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: 'cfdbbd41c172c87538ac150e2a9dc253df4b2d0f', 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" })));
     }
 };
 UtrechtIconZwemmen.style = UtrechtIconZwemmenStyle0;

package/dist/cjs/utrecht-logo-button.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const LogoButton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '22a06e9cbc9e59321a3b9186b662e9b81ace6462', class: "utrecht-logo-button" }, index.h("slot", { key: '95431bae06b35d5b7077365d5721e94020cdcffa' })));
+        return (index.h("div", { key: '29c0be2b479c742307abd3df2f0d8fb0c527d38f', class: "utrecht-logo-button" }, index.h("slot", { key: 'a068f11a4f1d4600371090199e90d6bccb784094' })));
     }
 };
 LogoButton.style = UtrechtLogoButtonStyle0;

package/dist/cjs/utrecht-map-marker.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const MapMarker = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '1b5d2e895f46241c07cb69b667ac56635a69fdee' });
+        return index.h("slot", { key: '6091cbbcfb52e41fc9ac797d27cd249bee6bb4bd' });
     }
 };
 MapMarker.style = UtrechtMapMarkerStyle0;

package/dist/cjs/utrecht-multiline-data.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const MultilineData = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("pre", { key: 'c4046b100adfce66b398dc5b90db92db79657c63', class: "utrecht-multiline-data utrecht-multiline-data--html-pre" }, index.h("slot", { key: '30746cef3402ebece01c0c3b0772552aa478c2e3' })));
+        return (index.h("pre", { key: 'a8ab5bf933d48e28b793858789065e1e9be3214c', class: "utrecht-multiline-data utrecht-multiline-data--html-pre" }, index.h("slot", { key: '85cc523b78277d012660503faea60e595bb971a0' })));
     }
 };
 MultilineData.style = UtrechtMultilineDataStyle0;

package/dist/cjs/utrecht-nav-bar.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const NavBar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '1ff3dfeefd34721e32d9d67174d7ab62b64f1885' }, index.h("slot", { key: '7d0c33cfe6dc0efd182b4c442a592460e378cbe8' })));
+        return (index.h("div", { key: 'd95754e7e338ca0a797499fb1ddfecb3547f890e' }, index.h("slot", { key: 'c05ce544315fd1312af2c5363314909d881fec66' })));
     }
 };
 NavBar.style = UtrechtNavBarStyle0;

package/dist/cjs/utrecht-number-badge.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const NumberBadge = class {
         const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
         const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
         const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
-        return index.h("div", { key: 'b87b41d6b285380d0bca7429067a4acbee35eccd', class: "utrecht-number-badge" }, textContent ? textContent : index.h("slot", null));
+        return index.h("div", { key: '4744bf2a21bcf1732bee27f708b2ede5ff4633ee', class: "utrecht-number-badge" }, textContent ? textContent : index.h("slot", null));
     }
 };
 NumberBadge.style = UtrechtNumberBadgeStyle0;

package/dist/cjs/utrecht-page-body.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const PageBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '0b61045d9b41e0238eed59622f07fe3e8ee3e57e' }, index.h("slot", { key: '8a3ba5f7bcd45f704601c4ca5890416a0285b48c' })));
+        return (index.h("div", { key: '7d4d5805c6c64f9bfb1f2967d700716b8c338cce' }, index.h("slot", { key: 'b7fb1c7041207bd31a6a0a315cfeb12901f2c6fd' })));
     }
 };
 PageBody.style = UtrechtPageBodyStyle0;

package/dist/cjs/utrecht-page-footer.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const PageFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("footer", { key: '76cb980ad425e241f6675fcbff7879c3d86ff26b' }, index.h("slot", { key: 'a0236f05d24e88d38410641deccfed07b5de3817' })));
+        return (index.h("footer", { key: '317ecebda809474355097de086ce7994b5340c48' }, index.h("slot", { key: 'd10c1a8283c47878924414ff390b6dbfb75ef381' })));
     }
 };
 PageFooter.style = UtrechtPageFooterStyle0;

package/dist/cjs/utrecht-page-layout.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const PageLayout = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '1cbb28b5b29af2e1b0ec3a9c9ce8faa343369e1a' });
+        return index.h("slot", { key: '54264ba9a4e59b4216fd2e4d85f0846af4cd8ef0' });
     }
 };
 PageLayout.style = UtrechtPageLayoutStyle0;

package/dist/cjs/utrecht-pagination.cjs.entry.js CHANGED Viewed

@@ -22,8 +22,8 @@ const Pagination = class {
         const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
         const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
         const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (index.h("span", { class: clsx.clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (index.h("a", { href: href, class: clsx.clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
-        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (index.h("a", { key: '9e8b60917631d35e39d7fe06a54f2c9d0dbd6375', class: clsx.clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
-        return (index.h("nav", { key: 'b4a4a32686432561343cff76a167870b1c1cedae', class: "utrecht-pagination" }, index.h("span", { key: '2beeec32c3cb90d03239221b86b0e049f9ca3795', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), index.h("span", { key: 'd4cec0ad6d9b328c4088a0b96a77153020a59bcf', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (index.h("a", { key: '983c9ba557ee993c74664c33b9f6c920f19fa2c4', class: clsx.clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+        return (index.h("nav", { key: '315367b17bd399faf84ddf036329a974cac086e4', class: "utrecht-pagination" }, index.h("span", { key: '4375ce5fc73dcb37267394af1782ef98a58b1576', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), index.h("span", { key: '96af77d696665c859a0acc54ea62fd074b09e3d4', role: "group", class: "utrecht-pagination__pages" }, links
             .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
             .map((link, arrayIndex) => {
             const index = typeof link.index === 'number' ? link.index : arrayIndex;
@@ -35,7 +35,7 @@ const Pagination = class {
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), index.h("span", { key: '7d488456bd2946294a6fae8edda35969896ac69b', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), index.h("span", { key: 'b7241996313f3193504c7b349207d9ac491dedb0', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
 };
 Pagination.style = UtrechtPaginationStyle0;

package/dist/cjs/utrecht-preserve-data.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const PreserveData = class {
     }
     render() {
         const { dateTime, value } = this;
-        return (index.h(index.Host, { key: '0af80ca8f8d5649a10e1ad32f93e55f8b826f251', translate: "no" }, typeof dateTime !== 'undefined' ? (index.h("time", { dateTime: dateTime }, index.h("slot", null))) : typeof value !== 'undefined' ? (index.h("data", { value: value }, index.h("slot", null))) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: '27168dcd140a4b791e1b232884da7c9cdca57818', translate: "no" }, typeof dateTime !== 'undefined' ? (index.h("time", { dateTime: dateTime }, index.h("slot", null))) : typeof value !== 'undefined' ? (index.h("data", { value: value }, index.h("slot", null))) : (index.h("slot", null))));
     }
 };
 PreserveData.style = UtrechtPreserveDataStyle0;

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

@@ -20,17 +20,17 @@ const StepProgressListItem = class {
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (index.h("li", { key: 'fbdcd6e3318a319ffb0987c46b6e8285ea1f54e2', class: clsx.clsx('denhaag-process-steps__step', {
+        return (index.h("li", { key: '379d6d835091c88646ff54015ab6f23c2f034f2a', class: clsx.clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, index.h("div", { key: 'e73e5b95e38c97622b9dcb322257f5ead9d1532f', class: "denhaag-process-steps__step-header" }, index.h("div", { key: '0185ed3f37f4efcf2ef77fe7d921ee1b04d335b0', class: clsx.clsx('denhaag-step-marker', {
+            }) }, index.h("div", { key: '0e21224ea08c180277fbe5f120a41c55cd12fd8f', class: "denhaag-process-steps__step-header" }, index.h("div", { key: 'b779a2e9f0bd8e1554b4fe085d3bad392a15b55e', class: clsx.clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, index.h("slot", { key: '39efda6a93fda9d40faf6bc1f11dde0b4e34f12b', name: "marker" }), checked && (index.h("svg", { key: 'cf26c63bcad32612297f2e0bf00bffc0b0a04dcc', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, index.h("path", { key: '34cccfa0c73ada75dc34392decc4bab0cbd55ae5', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (index.h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, index.h("p", { class: clsx.clsx('denhaag-process-steps__step-heading', {
+            }) }, index.h("slot", { key: 'd2ed894f0b648a106486447fe1e0be496f49a702', name: "marker" }), checked && (index.h("svg", { key: '8d995be42fac6d50598e45e41bae79bbaab0e460', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, index.h("path", { key: '6b3311eaed773dc1ccef4679f97f4c7a4b0abba7', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (index.h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, index.h("p", { class: clsx.clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, index.h("slot", null)))) : (index.h("p", { class: clsx.clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, index.h("slot", null)))), index.h("div", { key: '86593b5f2e6045ecb834321ca1d177c71a4c79c4', class: clsx.clsx('denhaag-process-steps__step-body') }, index.h("div", { key: '0d2253bc3f1995bff6ddc6502cd81e54258b156f', class: clsx.clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), index.h("div", { key: '74d9b3b0915df0c3fa8f1f3b124df9c40c5021d5', class: "denhaag-process-steps__step-meta" }, index.h("slot", { key: 'd5342f0983accefdd94ed0cfadfc93829eb3bc79', name: "body" }))), index.h("div", { key: '7aff1d7144d321887eec570535e87b73a453688c', id: "details", class: clsx.clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, index.h("slot", { key: '6ca3c5b71e803188d0ec206ac4b28895e95b1bf8', name: "details" }))));
+            }) }, index.h("slot", null)))), index.h("div", { key: '30f96d04d58bb842857558217715b1ca7b583a3f', class: clsx.clsx('denhaag-process-steps__step-body') }, index.h("div", { key: '0cf5562f7b5d155c77411c06c5a3c6caf8b46c55', class: clsx.clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), index.h("div", { key: '91deafee113d476aa77b147dfead4fe4c7a7a027', class: "denhaag-process-steps__step-meta" }, index.h("slot", { key: 'e50bc2f0a6da54959d0950e7b1c0703eee16997d', name: "body" }))), index.h("div", { key: 'ccb211030ed42c83f793ee90691eb70894a4e0c0', id: "details", class: clsx.clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, index.h("slot", { key: '27b357f7a99ee37141d8a9e8ec7b07e793799701', name: "details" }))));
     }
 };
 StepProgressListItem.style = UtrechtProgressListItemStyle0;

package/dist/cjs/utrecht-progress-list.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const StepProgressList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("ol", { key: '1a654d30fa474ca3e06c030ef911d0ce8a13a47d', class: "denhaag-process-steps" }, index.h("slot", { key: '506328c3eb1a384fcbed44327c0e116390fe6de1' })));
+        return (index.h("ol", { key: '65d78aea6a5814b8fa4fc5f36f114a90a5f519c1', class: "denhaag-process-steps" }, index.h("slot", { key: 'b5f872f5ed9efa853561de31f956db872a8ec3f5' })));
     }
 };
 StepProgressList.style = UtrechtProgressListStyle0;

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

@@ -16,12 +16,12 @@ const StepProgressSublistItem = class {
     }
     render() {
         const { appearance, checked } = this;
-        return (index.h("li", { key: 'c7f039527c81ed7662740a888be491d63019ec9e', class: clsx.clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, index.h("div", { key: '25c339f3d412673b1ab8a9cc7755d04e39e19b88', class: "denhaag-process-steps__step-header" }, index.h("div", { key: '05956144e7865f07b5a96c782a188a778aae1e95', class: clsx.clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (index.h("li", { key: 'b82787543b81fbc322a3a058aa4c87bf9f4f92d6', class: clsx.clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, index.h("div", { key: '4aabf665219e669f6cfc6f5ff26575562abd4344', class: "denhaag-process-steps__step-header" }, index.h("div", { key: '5b79b29a07bef9202a75944c4fc9dce69771a50d', class: clsx.clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, index.h("slot", { key: '1beef6a7c97ac2dee8ea90c0f58ed9291cbe78f2', name: "marker" }), checked && (index.h("svg", { key: '4f8ebd3f65d6b2da3b9a1723b354924b2e026b95', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, index.h("path", { key: '09e509a165809b2bd8099e9b70282abaef2200da', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), index.h("p", { key: '24a1245e488c3f201e226e9ff5a13598a46285b9', class: clsx.clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, index.h("slot", { key: '9ef511dddec0cbdc06c250c9280f13fb05148fa4', name: "marker" }), checked && (index.h("svg", { key: '86a6618c2121635be1e7a6fe4c6cf5bffa9b0cbc', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, index.h("path", { key: 'df7d8d0074e9de14d6af9380873174f8765d1d13', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), index.h("p", { key: '880dbe6d4c65d41bf326320c3b4de01b19282ab8', class: clsx.clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, index.h("slot", { key: 'c0774625671d121a01002eeac8f4961db825e3d8' })))));
+            }) }, index.h("slot", { key: '688ece911c6b0363721b2195d8e19331e65c02a7' })))));
     }
 };
 StepProgressSublistItem.style = UtrechtProgressSublistItemStyle0;

package/dist/cjs/utrecht-root.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const Root = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '3f1a5ebf592319256507a14284f91c166d95a9c1' });
+        return index.h("slot", { key: 'bb72183bd0b10bf29cba2b5940c263d74c2851a5' });
     }
 };
 Root.style = UtrechtRootStyle0;

package/dist/cjs/utrecht-sidenav.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const Sidenav = class {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (index.h("nav", { key: '387a82adf73169f5b827c32f305d1c5c0502721d', class: "utrecht-sidenav" }, index.h("ul", { key: 'b8fc64039480a835f4149f6a6d0f98d1ea267e81', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index$1, array) => (index.h("li", { key: href, class: clsx.clsx('utrecht-sidenav__item', index$1 + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, index.h("a", { class: clsx.clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), index.h("div", { class: clsx.clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index$1 + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (index.h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (index.h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, index.h("a", { class: clsx.clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), index.h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (index.h("nav", { key: 'fb3060387682c7252c26a7061f74b29fa944385a', class: "utrecht-sidenav" }, index.h("ul", { key: 'ec5ddb2e61c360f5a0119e8abfcc5c6a01d05923', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index$1, array) => (index.h("li", { key: href, class: clsx.clsx('utrecht-sidenav__item', index$1 + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, index.h("a", { class: clsx.clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), index.h("div", { class: clsx.clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index$1 + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (index.h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (index.h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, index.h("a", { class: clsx.clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), index.h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
 };
 Sidenav.style = UtrechtSidenavStyle0;

package/dist/cjs/utrecht-surface.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const Surface = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'b70c485e2a9494fd543390b2756c23797da0aee9', class: "utrecht-surface" }, index.h("slot", { key: '079b3943ef0c514bc34dfd1fc70b304bb584cfea' })));
+        return (index.h("div", { key: '37be3f72490237dcfe0152cf2fb86b7494549dfa', class: "utrecht-surface" }, index.h("slot", { key: '3beb9256ebf2727214544c890bbf36a0a70f2df5' })));
     }
 };
 Surface.style = UtrechtSurfaceStyle0;

package/dist/cjs/utrecht-table-body.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'da4d1a97f30b169c4404189e2ea54252b1a24b9e', role: "rowgroup" }, index.h("slot", { key: '50b76d072d7cd62b9662307a6a9efeae08468ff6' })));
+        return (index.h(index.Host, { key: '5b587398d0a4fe4990b9586ca66e37732db8e39c', role: "rowgroup" }, index.h("slot", { key: 'd2cd8378d577df4b549feb49bef8eea583ae1214' })));
     }
 };
 TableBody.style = UtrechtTableBodyStyle0;

package/dist/cjs/utrecht-table-caption.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const TableCaption = class {
     }
     render() {
         // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
-        return index.h("slot", { key: '88705126388d55ce43b0e881fd04ea86635b3a19' });
+        return index.h("slot", { key: 'f4249429707582a4dca66ed500943e636276a464' });
     }
 };
 TableCaption.style = UtrechtTableCaptionStyle0;

package/dist/cjs/utrecht-table-cell.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2483148d816768b436dcd9bebf824aad4a6763da', role: "cell" }, index.h("slot", { key: 'c5ee683fba22d9b60664c1bf210d9c9a9d3a4006' })));
+        return (index.h(index.Host, { key: 'e57f2f40e56e2e02a10a20656eb2bc8a73ca9df3', role: "cell" }, index.h("slot", { key: '3e82c13861946377e2ed3fae80142e4403ec8345' })));
     }
 };
 TableCell.style = UtrechtTableCellStyle0;

package/dist/cjs/utrecht-table-container.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: 'd96a786a828ae3a1503ea8ecd07f0fcf05da4203' });
+        return index.h("slot", { key: 'ce50064c9ae8374171e0bff22332f71cfb1c00c5' });
     }
 };
 TableContainer.style = UtrechtTableContainerStyle0;

package/dist/cjs/utrecht-table-footer.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '024dc1106eb2413d649d9fed0fe656722bab870f', role: "rowgroup" }, index.h("slot", { key: 'b7d9b6ddeb265b7b21f6aa084f4c96eac773c185' })));
+        return (index.h(index.Host, { key: '469478fa45676b4e90eec4863416323634709b2b', role: "rowgroup" }, index.h("slot", { key: 'cf9a264db4c777f302187b8c0630cbe2dd998da5' })));
     }
 };
 TableFooter.style = UtrechtTableFooterStyle0;

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

@@ -13,7 +13,7 @@ const TableHeaderCell = class {
         this.scope = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '1625c9dda888bb2d13bd61a4f8c435b3d7272cca', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, index.h("slot", { key: '7a762a39e4d7b66407a39fee8c7e861dbeac48e0' })));
+        return (index.h(index.Host, { key: 'f8b9d78fcd93714d21d4d5c5b5f11e0b1bf7f2ac', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, index.h("slot", { key: 'd7cfdb43272f00acc69a1ebac4be051b650db0ed' })));
     }
 };
 TableHeaderCell.style = UtrechtTableHeaderCellStyle0;

package/dist/cjs/utrecht-table-header.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '404a8707098627156bd41922a1c93892225485f2', role: "rowgroup" }, index.h("slot", { key: 'e288498cd539f001409c8e3cc7be88c37b739760' })));
+        return (index.h(index.Host, { key: 'c5bb707b76ded6cde128a98a1a9dd7735cd4eeb3', role: "rowgroup" }, index.h("slot", { key: 'c198a8ef32cfeff840a33e7501af188850605dc0' })));
     }
 };
 TableHeader.style = UtrechtTableHeaderStyle0;

package/dist/cjs/utrecht-table-row.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableRow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2549a7162397aa0ee06ce69c35a39af2f9700632', role: "row" }, index.h("slot", { key: 'd9d10eb4ef268e425f8d627602e6dcba7d9a7386' })));
+        return (index.h(index.Host, { key: 'aee29755a992b5474d573c384d871be54c30a402', role: "row" }, index.h("slot", { key: 'ba08000e6008dbda42e255d5d6c53bc88d3fe0ca' })));
     }
 };
 TableRow.style = UtrechtTableRowStyle0;

package/dist/cjs/utrecht-table.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const Table = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '83c8a6bf6d3647f087ec16a3024f808941041c38', role: "table" }, index.h("slot", { key: '9980467fdbf32e20f484e833c83a74721a8c89d7' })));
+        return (index.h(index.Host, { key: 'ef50808d5c636a1e78863ac5cc58d9e646fe39a3', role: "table" }, index.h("slot", { key: '8bf8fe04e68aec61fa2b7bd8c7eea9f582e43e39' })));
     }
 };
 Table.style = UtrechtTableStyle0;

package/dist/cjs/utrecht-textarea.cjs.entry.js CHANGED Viewed

@@ -40,10 +40,10 @@ const Textarea = class {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (index.h("textarea", { key: 'a8d3de7b999f2821d39fe36f1be38e02ab2f5fbf', autoComplete: autocomplete || null, class: clsx.clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (index.h("textarea", { key: '689087acae39ee0f730d823effefc57f75508bab', autoComplete: autocomplete || null, class: clsx.clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } }, index.h("slot", { key: 'b637306a6910010803832204ab9c2b6ea60765d1' })));
+            } }, index.h("slot", { key: 'd21ede5c922cc5b44bba7fa6e3dde8999fc3152b' })));
     }
 };
 Textarea.style = UtrechtTextareaStyle0;

package/dist/cjs/utrecht-textbox.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
 const clsx = require('./clsx-708f7fb1.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));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)));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))}.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{}.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: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: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: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  );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));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)));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))}.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{}.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: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: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 = class {
@@ -29,7 +29,7 @@ const Textbox = class {
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (index.h("input", { key: 'e76bb81a446d201b78f12ec31f95b4a1309741eb', class: clsx.clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (index.h("input", { key: '20f1da7a717b9c77d8f2f03166eebd7546b830d2', class: clsx.clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
             } }));

package/dist/cjs/utrecht-textbox.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-textbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,~~80WAA80W~~,CAAC;~~AACl2W~~,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,QACEA,oEACE,KAAK,EAAEC,SAAI,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":["h","clsx"],"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@import \"~@utrecht/textbox-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-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}
1	+ {"file":"utrecht-textbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,m1WAAm1W,CAAC;AACv2W,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,QACEA,oEACE,KAAK,EAAEC,SAAI,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":["h","clsx"],"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@import \"~@utrecht/textbox-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-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/cjs/utrecht-top-task-link.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const TopTaskLink = class {
         this.target = undefined;
     }
     render() {
-        return (index.h("a", { key: '619957207adb698a69072f17ca15c0d68f91b5e7', class: "utrecht-toptask-link", href: this.href, rel: this.external ? 'external noopener noreferrer' : undefined, target: this.target }, index.h("span", { key: '0dc2d50eeb85cbce291df0242c5cd186561e2f0d', class: "utrecht-toptask-link__icon" }, index.h("slot", { key: '0a4622ddb6c0d3144ecac7064647226628dd6e3a', name: "icon" })), index.h("span", { key: '8d01a36aaaa6c9f30922c02f2664a0033c3f47e7', class: "utrecht-toptask-link__title" }, index.h("slot", { key: 'cdb677480512877fbd7430b09aea03057b060c98' }))));
+        return (index.h("a", { key: '6c36538bce3eefed7b3f7916bc1721569cbba7b1', class: "utrecht-toptask-link", href: this.href, rel: this.external ? 'external noopener noreferrer' : undefined, target: this.target }, index.h("span", { key: '2b644561e7c14f9394f3b65809f5761291df025b', class: "utrecht-toptask-link__icon" }, index.h("slot", { key: '9c387d8b5f723ec5f81a50ffa858a342ddec89b5', name: "icon" })), index.h("span", { key: 'cb334c1f480b51d712c0d2b0af1e79567df1e81f', class: "utrecht-toptask-link__title" }, index.h("slot", { key: '47ce86a9c24484f4d2dc636631c6e5ced544207d' }))));
     }
 };
 TopTaskLink.style = UtrechtTopTaskLinkStyle0;

package/dist/cjs/utrecht-top-task-nav.cjs.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const TopTaskNav = class {
     render() {
         // TODO: Add accessible name for navigation landmark,
         // using `aria-labelledby` and a heading.
-        return (index.h("nav", { key: '2d428955c48b93b6b482c4d97e833e35c350d15c', class: "utrecht-toptask-nav utrecht-toptask-nav--grid" }, index.h("slot", { key: 'e24944cd1ac1649af580b9af0bb4b69350a3b5ec' })));
+        return (index.h("nav", { key: '391c9049974b3d7940ba47714901ae7d2a316f31', class: "utrecht-toptask-nav utrecht-toptask-nav--grid" }, index.h("slot", { key: 'eb47564782acd7bd3080a34bbd0fb5b7e5129e88' })));
     }
 };
 TopTaskNav.style = UtrechtTopTaskNavStyle0;