@utrecht/web-component-library-vue 2.0.0 → 2.0.1

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0",
+  "version": "2.0.1",
   "author": "Community for NL Design System",
   "description": "Vue.js web components for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -43,7 +43,7 @@
     "vue-tsc": "1.8.25"
   },
   "dependencies": {
-    "@utrecht/web-component-library-stencil": "2.0.0"
+    "@utrecht/web-component-library-stencil": "2.1.0"
   },
   "scripts": {
     "clean": "rimraf dist/",

package/dist/utrecht-icon-container.entry-21784dd9.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as t } from "./index-55d6f80c.mjs";
-import "vue";
-const r = ".utrecht-icon-container{display:inline-block;color:var(--utrecht-icon-color);width:var(--utrecht-icon-size);height:var(--utrecht-icon-size)}", n = r, o = class {
-  constructor(e) {
-    c(this, e);
-  }
-  render() {
-    return t("div", { key: "f696d6f1ed0fe92b1bd11d39e2654737415a4b12", class: "utrecht-icon-container" }, t("slot", { key: "8213537ec1dc1fb2b9a63f338d4ec25ae6777d60" }));
-  }
-};
-o.style = n;
-export {
-  o as utrecht_icon_container
-};

package/dist/utrecht-icon-filter.entry-42bbe47a.mjs

@@ -1,14 +0,0 @@
-import { r, h as e } from "./index-55d6f80c.mjs";
-import "vue";
-const c = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", i = c, o = class {
-  constructor(t) {
-    r(this, t);
-  }
-  render() {
-    return e("svg", { key: "c6619a93f8e92cfe4f755c27b2cb70c0d52a2400", viewBox: "-2 -1 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, e("rect", { key: "3b64b9e7935d2830717e8b50b8076b69d82c0a51", width: "17", height: "2", x: "2", y: "6", rx: ".5" }), e("rect", { key: "5e9d3a982030ba7621ceee73b006d2d22796923b", width: "13", height: "2", x: "4", y: "11", rx: ".5" }), e("rect", { key: "90eedb1b13e4db0aa3ed50baf9ec1e8b07117fec", width: "9", height: "2", x: "6", y: "16", rx: ".5" }));
-  }
-};
-o.style = i;
-export {
-  o as utrecht_icon_filter
-};

package/dist/utrecht-icon-gemeenteraad.entry-615dde92.mjs

@@ -1,14 +0,0 @@
-import { r as a, h as c } from "./index-55d6f80c.mjs";
-import "vue";
-const t = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", r = t, i = class {
-  constructor(e) {
-    a(this, e);
-  }
-  render() {
-    return c("svg", { key: "52f43617b094aea5dec92898c232c858fdfb1362", viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, c("circle", { key: "2f6645f4e28e2a077a634fa4bf4283238cf3a49c", cx: "31.01", cy: "9", r: "3" }), c("circle", { key: "ede3b04f21c7768cbae3a0c9087a1e00b9e4bae6", cx: "17.91", cy: "3", r: "3" }), c("path", { key: "a868d7b724b6598f70d156f67dc379da9448cdcd", d: "M35.01 20v-3.46c0-1.67-1.28-2.97-2.94-3.01h-3.31a3 3 0 0 0-2.75 2.29c3.13.96 7.1 2.4 9 4.18" }), c("circle", { key: "51b415ec72707ee275c9d0394055f64a606eb5f8", cx: "5.01", cy: "9", r: "3" }), c("path", { key: "ec331ad498aa80b6431b48bcea8c2fd802209b17", d: "M10.01 15.82c-.3-1.27-1.39-2.2-2.75-2.28H3.95c-1.66.03-2.94 1.33-2.94 3V20c1.9-1.78 5.87-3.22 9-4.18" }), c("circle", { key: "8c1b1f7f1d88d77da4f77d3549ed81286a0c36de", cx: "18.01", cy: "25.05", r: "3" }), c("circle", { key: "709e0bdef9969937ac5ea5cb7197e9c09041a2d9", cx: "31.01", cy: "24", r: "3" }), c("circle", { key: "f5ba99dcae10a7747a54a8cf2bfe9902af307b2b", cx: "5", cy: "24", r: "3" }), c("path", { key: "3db735f7d070004b2a7a68b2ad42cbba4103f087", d: "M20.06 7.48h-4.22c-1.61.1-2.84 1.38-2.84 3.01v4.41c.34-.05.66-.07 1.01-.12l2.1-4.23c.25-.49.85-.69 1.34-.45.49.25.69.85.45 1.34l-1.57 3.13c.55-.03 1.1-.07 1.67-.07 1.74 0 3.4.14 5 .39v-4.41c0-1.67-1.28-2.97-2.94-3.01Zm6.02 27.89c3.79-.6 7.18-1.62 9.93-2.93v-.95c0-1.67-1.28-2.97-2.94-3.01h-4.22c-1.61.1-2.84 1.38-2.84 3.01V35c0 .13.03.26.08.37Zm-8.07.63c1.71 0 3.38-.08 5-.23v-3.22c0-1.67-1.28-2.97-2.94-3.01h-4.22c-1.61.1-2.84 1.38-2.84 3.01v3.22c1.62.15 3.29.23 5 .23M10 35.39V31.5c0-1.67-1.28-2.97-2.94-3.01H2.84C1.23 28.59 0 29.87 0 31.5v.95c2.77 1.32 6.19 2.34 10 2.95Z" }));
-  }
-};
-i.style = r;
-export {
-  i as utrecht_icon_gemeenteraad
-};

package/dist/utrecht-icon-hamburger-menu.entry-3fb480ec.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as e } from "./index-55d6f80c.mjs";
-import "vue";
-const r = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", a = r, i = class {
-  constructor(t) {
-    c(this, t);
-  }
-  render() {
-    return e("svg", { key: "127adfc4eebab2a2eac3307fb8e4864a0b220de8", viewBox: "0 0 18 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, e("defs", { key: "d399ec7e3f375d96af5464ec3c0fac3468201519" }, e("clipPath", { key: "88b9d8478003b34378f4ebf10c0f292e3650cf1d", id: "a" }, e("path", { key: "5b7b23ff48bf6e6e76871b9f12235246ad6a8b30", "stroke-width": "0", d: "M0 0h18v14H0z" }))), e("g", { key: "aeafd1a5dd435694affba13868ce0153513edb5e", "clip-path": "url(#a)" }, e("path", { key: "5af01785cb0cbbbb3cf2fc269c30e3e37882296b", "fill-rule": "evenodd", d: "M0 1c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1" })));
-  }
-};
-i.style = a;
-export {
-  i as utrecht_icon_hamburger_menu
-};

package/dist/utrecht-icon-menu-dot-open.entry-9b118a9a.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as e } from "./index-55d6f80c.mjs";
-import "vue";
-const a = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", o = a, r = class {
-  constructor(t) {
-    c(this, t);
-  }
-  render() {
-    return e("svg", { key: "a894a6516052520519544f0e11399f86d605f5c9", viewBox: "0 0 8 8", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, e("defs", { key: "dd49c3b6d91bd9a5e15e529334501e48a869aafa" }, e("clipPath", { key: "4e4756f82567f1ae4c6ec3658d1d62cdce08352f", id: "a" }, e("path", { key: "52dda559ca0110a626c800512cc9131448e963df", "stroke-width": "0", d: "M0 0h8v8H0z" }))), e("g", { key: "c4c9ef316673c41b0da1aac55bb0e29e3c934f5d", "clip-path": "url(#a)" }, e("path", { key: "d56dd83153f690b436687dd1e7aa22637dd6a7a8", d: "M4 8c-1.07 0-2.07-.42-2.83-1.17a4.004 4.004 0 0 1 0-5.66 4.004 4.004 0 0 1 5.66 0C7.59 1.92 8 2.93 8 4s-.42 2.07-1.17 2.83C6.08 7.58 5.07 8 4 8m0-6c-.53 0-1.04.21-1.41.59a1.983 1.983 0 0 0 0 2.82c.75.76 2.07.76 2.83 0a1.983 1.983 0 0 0 0-2.82C5.04 2.21 4.54 2 4.01 2Z" })));
-  }
-};
-r.style = o;
-export {
-  r as utrecht_icon_menu_dot_open
-};

package/dist/utrecht-icon-menu-dot.entry-5dd47074.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as e } from "./index-55d6f80c.mjs";
-import "vue";
-const r = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", o = r, i = class {
-  constructor(t) {
-    c(this, t);
-  }
-  render() {
-    return e("svg", { key: "7555156da84016a9d7e412bea7a225d491d941d1", viewBox: "0 0 8 8", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, e("defs", { key: "37529c7ad1550c7083e190beaac66877fd24ee48" }, e("clipPath", { key: "869f7c002abb6ba1f9dfe93034a63c89e3bc1149", id: "a" }, e("path", { key: "ef32660440671eb3247f04c9b579d6f7587466a7", "stroke-width": "0", d: "M0 0h8v8H0z" }))), e("g", { key: "47a31a5e4acca9828d9326803daf40329e0c0e19", "clip-path": "url(#a)" }, e("circle", { key: "4d9792a1ec66c3f402c63245d9352705ab25441b", cx: "4", cy: "4", r: "4" })));
-  }
-};
-i.style = o;
-export {
-  i as utrecht_icon_menu_dot
-};

package/dist/utrecht-icon-minus-vertical.entry-e4bb5d34.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as e } from "./index-55d6f80c.mjs";
-import "vue";
-const i = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", r = i, s = class {
-  constructor(t) {
-    c(this, t);
-  }
-  render() {
-    return e("svg", { key: "d9e530b5a6c37b347f8278f367b85f60d506c5ab", viewBox: "0 0 2 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, e("defs", { key: "f9e5e04763c57cdbf38c53461affb20521b3b098" }, e("clipPath", { key: "ca6ee73b399ff1cee7c2c3422963663f11d60b62", id: "a" }, e("path", { key: "54bf67c80ce599e7af22eb98418eeb8f3d0e286a", "stroke-width": "0", d: "M0 0h2v14H0z" }))), e("g", { key: "70315f2bdc49ed92ebafa711dcf2b96419bb604e", "clip-path": "url(#a)" }, e("path", { key: "456d2f430a702808cc09a0828f92735c4af2540a", d: "M1 14c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1s1 .45 1 1v12c0 .55-.45 1-1 1" })));
-  }
-};
-s.style = r;
-export {
-  s as utrecht_icon_minus_vertical
-};

package/dist/utrecht-icon-search.entry-8b765237.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as e } from "./index-55d6f80c.mjs";
-import "vue";
-const r = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", i = r, d = class {
-  constructor(t) {
-    c(this, t);
-  }
-  render() {
-    return e("svg", { key: "bea634170d27116260cc862118776d78252465de", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, e("defs", { key: "753632deb40029c900535a942d7e9b48dd5e02f1" }, e("clipPath", { key: "d18483d3d90555cc9cd62194193733037d60c55d", id: "a" }, e("path", { key: "de09508275a2b4fa21dd3d1797011764bdecbfcd", "stroke-width": "0", d: "M0 0h20v20H0z" }))), e("g", { key: "62458cc3e47e288ceb96499ffaddbe686ac6b647", "clip-path": "url(#a)" }, e("path", { key: "d19540271be0c8cf58e028ad151983bedd87ce85", "fill-rule": "evenodd", d: "M2 8c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6-6-2.69-6-6m6-8C3.58 0 0 3.58 0 8s3.58 8 8 8c1.85 0 3.55-.63 4.91-1.68l5.39 5.39a.996.996 0 1 0 1.41-1.41l-5.39-5.39A8.005 8.005 0 0 0 16 8c0-4.42-3.58-8-8-8" })));
-  }
-};
-d.style = i;
-export {
-  d as utrecht_icon_search
-};

package/dist/utrecht-icon-x.entry-7dc95a72.mjs

@@ -1,14 +0,0 @@
-import { r as c, h as t } from "./index-55d6f80c.mjs";
-import "vue";
-const r = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}", o = r, i = class {
-  constructor(e) {
-    c(this, e);
-  }
-  render() {
-    return t("svg", { key: "fe7d0cdcc6bac34f17811d5efeb4f30961adf257", viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, t("path", { key: "c3795a3853f207918c55ab9711b1e2357ccf176b", d: "M20.86 15.28 33.91.06h-3.09L19.49 13.27 10.44.06H0l13.69 19.98L0 36h3.09l11.97-13.96L24.62 36h10.44L20.87 15.28Zm-4.24 4.94-1.39-1.99L4.21 2.39h4.75l8.9 12.78 1.39 1.99 11.57 16.61h-4.75l-9.44-13.55Z" }));
-  }
-};
-i.style = o;
-export {
-  i as utrecht_icon_x
-};

package/dist/utrecht-surface.entry-1597aa6a.mjs

@@ -1,14 +0,0 @@
-import { r as e, h as r } from "./index-55d6f80c.mjs";
-import "vue";
-const c = ".utrecht-surface{background-color:var(--utrecht-surface-background-color, inherit);color:var(--utrecht-surface-color, inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}", s = c, o = class {
-  constructor(t) {
-    e(this, t);
-  }
-  render() {
-    return r("div", { key: "277425cc055171cd0d7e4f930fe823e1507866f4", class: "utrecht-surface" }, r("slot", { key: "31bf752c8a4b9c02b98886d8e1d49551048638a6" }));
-  }
-};
-o.style = s;
-export {
-  o as utrecht_surface
-};

package/dist/utrecht-table-body.entry-9d722db0.mjs

@@ -1,14 +0,0 @@
-import { r, h as e, H as o } from "./index-55d6f80c.mjs";
-import "vue";
-const a = ":host{--_utrecht-table-header-cell-z-index:2;display:table-row-group}", s = a, c = class {
-  constructor(t) {
-    r(this, t);
-  }
-  render() {
-    return e(o, { key: "da562920ebd10cc5dbaf8a2cfe92592749db86ae", role: "rowgroup" }, e("slot", { key: "b522ef500473de07e8ff99896af115eaafbd8731" }));
-  }
-};
-c.style = s;
-export {
-  c as utrecht_table_body
-};

package/dist/utrecht-table-footer.entry-b0e29607.mjs

@@ -1,14 +0,0 @@
-import { r as o, h as e, H as r } from "./index-55d6f80c.mjs";
-import "vue";
-const s = ":host{--_utrecht-table-header-cell-z-index:5;z-index:3;display:table-footer-group}", c = s, a = class {
-  constructor(t) {
-    o(this, t);
-  }
-  render() {
-    return e(r, { key: "855be65d73601d5d7b5c132e14f1fe83079e4d2a", role: "rowgroup" }, e("slot", { key: "c2fe8cd14d2fd075c62fce82f1a83d43b2979e51" }));
-  }
-};
-a.style = c;
-export {
-  a as utrecht_table_footer
-};

package/dist/utrecht-table-header.entry-5695c09d.mjs

@@ -1,14 +0,0 @@
-import { r, h as e, H as a } from "./index-55d6f80c.mjs";
-import "vue";
-const o = ":host{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform);display:table-header-group}", d = o, c = class {
-  constructor(t) {
-    r(this, t);
-  }
-  render() {
-    return e(a, { key: "6e1525e030fafb086d755b6e47d84a297e2be5e9", role: "rowgroup" }, e("slot", { key: "7bc58e2ff45dd263cf38d8cba7a0d054e0d4d01f" }));
-  }
-};
-c.style = d;
-export {
-  c as utrecht_table_header
-};

package/dist/utrecht-table-row.entry-315bf3fc.mjs

@@ -1,14 +0,0 @@
-import { r as o, h as e, H as r } from "./index-55d6f80c.mjs";
-import "vue";
-const s = ":host{break-inside:avoid;page-break-inside:avoid;display:table-row}", a = s, c = class {
-  constructor(t) {
-    o(this, t);
-  }
-  render() {
-    return e(r, { key: "349f0a4767e4cc13c2bb8cb6feb88a0efd684cd1", role: "row" }, e("slot", { key: "562b52eef521e0d8d04440fd1637c440919d1559" }));
-  }
-};
-c.style = a;
-export {
-  c as utrecht_table_row
-};

package/dist/utrecht-textarea.entry-352e184a.mjs

@@ -1,32 +0,0 @@
-import { r as f, c as t, h as u } from "./index-55d6f80c.mjs";
-import { c as x } from "./clsx-eca3fadc-0c6e471a.mjs";
-import "vue";
-const m = `.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-bottom-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: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(
-    --utrecht-textarea-invalid-border-width,
-    var(
-      --utrecht-form-control-invalid-border-width,
-      var(--utrecht-textarea-border-width, var(--utrecht-form-control-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))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-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)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(
-    --utrecht-textarea-invalid-border-width,
-    var(
-      --utrecht-form-control-invalid-border-width,
-      var(--utrecht-textarea-border-width, var(--utrecht-form-control-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))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}`, g = m, d = 20, h = 2, k = class {
-  constructor(o) {
-    f(this, o), this.utrechtBlur = t(this, "utrechtBlur", 7), this.utrechtChange = t(this, "utrechtChange", 7), this.utrechtFocus = t(this, "utrechtFocus", 7), this.utrechtInput = t(this, "utrechtInput", 7), this.autocomplete = "", this.cols = d, this.spellcheck = !1, this.disabled = !1, this.invalid = !1, this.placeholder = "", this.readOnly = !1, this.required = !1, this.rows = h, this.value = "";
-  }
-  render() {
-    const { autocomplete: o, cols: e, disabled: a, invalid: n, placeholder: i, readOnly: c, required: v, rows: l, spellcheck: b, value: s } = this;
-    return u("textarea", { key: "a903504d367d5561dcf1a78f9ec88ce8d0700580", autoComplete: o || null, class: x("utrecht-textarea", "utrecht-textarea--html-textarea", a && "utrecht-textarea--disabled", n && "utrecht-textarea--invalid", c && "utrecht-textarea--readonly"), cols: e !== d ? e : null, disabled: a, dir: "auto", placeholder: i || null, readonly: c, required: v, spellcheck: b || null, rows: l !== h ? l : null, value: s, onBlur: (r) => this.utrechtBlur.emit(r), onChange: (r) => this.utrechtChange.emit(r), onFocus: (r) => this.utrechtFocus.emit(r), onInput: (r) => {
-      this.value = r.target.value, this.utrechtInput.emit(r);
-    } }, u("slot", { key: "5bd18a597748f4b94bcabb32ab56d0bdd40f5fac" }));
-  }
-};
-k.style = g;
-export {
-  k as utrecht_textarea
-};