@utrecht/web-component-library-stencil 1.0.0-alpha.554 → 1.0.0-alpha.556

package/dist/components/utrecht-icon-read-aloud.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const generatedCss = ":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%;width:100%}";
+
+const UtrechtIconReadAloud$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconReadAloud extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("svg", { viewBox: "0 0 20 17.83", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", null, h("clipPath", { id: "a" }, h("path", { "stroke-width": "0", d: "M0 0h20v17.83H0z" }))), h("g", { "clip-path": "url(#a)" }, h("path", { "fill-rule": "evenodd", d: "m4.78 6.54 3.2-4.11v12.99l-3.2-4.11c-.19-.24-.48-.39-.79-.39H2V6.93h1.99c.31 0 .6-.14.79-.39ZM8.76.09c-.41-.14-.85-.12-1.25.04-.36.15-.67.41-.87.74L3.49 4.92H1.98c-.53 0-1.04.21-1.41.58-.37.38-.59.88-.59 1.41v3.99c0 .53.21 1.04.59 1.41.37.38.88.58 1.41.58h1.51l3.15 4.05c.2.33.5.6.87.74a1.793 1.793 0 0 0 2.22-.74c.2-.34.29-.73.25-1.13V2A1.8 1.8 0 0 0 9.73.87C9.51.5 9.16.23 8.76.09Zm6.13 1.21c.35-.43.98-.5 1.41-.15 1.16.93 2.09 2.12 2.73 3.46.64 1.34.97 2.81.97 4.3s-.33 2.96-.97 4.3c-.64 1.34-1.58 2.53-2.73 3.46a1.002 1.002 0 1 1-1.26-1.56c.93-.75 1.67-1.69 2.19-2.77.51-1.07.78-2.25.78-3.44s-.27-2.37-.78-3.44a7.972 7.972 0 0 0-2.19-2.77c-.43-.35-.5-.98-.15-1.41Zm-2.72 3.02c.33-.44.96-.53 1.4-.2.74.56 1.35 1.28 1.76 2.11s.63 1.75.63 2.68-.22 1.85-.63 2.68-1.02 1.55-1.76 2.11c-.44.33-1.07.24-1.4-.2-.33-.44-.24-1.07.2-1.4.5-.37.9-.85 1.17-1.41.28-.55.42-1.16.42-1.78s-.14-1.23-.42-1.79c-.28-.55-.68-1.04-1.17-1.41-.44-.33-.53-.96-.2-1.4Z" }))));
+  }
+  static get style() { return generatedCss; }
+}, [1, "utrecht-icon-read-aloud"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-icon-read-aloud"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-icon-read-aloud":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UtrechtIconReadAloud$1);
+      }
+      break;
+  } });
+}
+
+const UtrechtIconReadAloud = UtrechtIconReadAloud$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtIconReadAloud, defineCustomElement };
+
+//# sourceMappingURL=utrecht-icon-read-aloud.js.map

package/dist/components/utrecht-icon-read-aloud.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-icon-read-aloud.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iRAAiR;;MCOzRA,sBAAoB;;;;;;EAC/B,MAAM;IACJ,QACE,WAAK,OAAO,EAAC,cAAc,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC/G,gBACE,gBAAU,EAAE,EAAC,GAAG,IACd,4BAAmB,GAAG,EAAC,CAAC,EAAC,kBAAkB,GAAE,CACpC,CACN,EACP,sBAAa,SAAS,IACpB,yBAAgB,SAAS,EAAC,CAAC,EAAC,k7BAAk7B,GAAE,CAC98B,CACA,EAEA;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["UtrechtIconReadAloud"],"sources":["./src/components/icon/generated.scss?tag=utrecht-icon-read-aloud&encapsulation=shadow","./src/components/generated/utrecht-icon-read-aloud/utrecht-icon-read-aloud.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021-2022 Gemeente Utrecht\n * Copyright (c) 2021-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/icon/css/mixin\";\n\n:host {\n  @include utrecht-icon;\n}\n\nsvg {\n  @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-icon-read-aloud',\n  styleUrl: \"../../icon/generated.scss\",\n  shadow: true,\n})\nexport class UtrechtIconReadAloud {\n  render() {\n    return (\n      <svg viewBox=\"0 0 20 17.83\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n  <defs>\n    <clipPath id=\"a\">\n      <path stroke-width=\"0\" d=\"M0 0h20v17.83H0z\"/>\n    </clipPath>\n  </defs>\n  <g clip-path=\"url(#a)\">\n    <path fill-rule=\"evenodd\" d=\"m4.78 6.54 3.2-4.11v12.99l-3.2-4.11c-.19-.24-.48-.39-.79-.39H2V6.93h1.99c.31 0 .6-.14.79-.39ZM8.76.09c-.41-.14-.85-.12-1.25.04-.36.15-.67.41-.87.74L3.49 4.92H1.98c-.53 0-1.04.21-1.41.58-.37.38-.59.88-.59 1.41v3.99c0 .53.21 1.04.59 1.41.37.38.88.58 1.41.58h1.51l3.15 4.05c.2.33.5.6.87.74a1.793 1.793 0 0 0 2.22-.74c.2-.34.29-.73.25-1.13V2A1.8 1.8 0 0 0 9.73.87C9.51.5 9.16.23 8.76.09Zm6.13 1.21c.35-.43.98-.5 1.41-.15 1.16.93 2.09 2.12 2.73 3.46.64 1.34.97 2.81.97 4.3s-.33 2.96-.97 4.3c-.64 1.34-1.58 2.53-2.73 3.46a1.002 1.002 0 1 1-1.26-1.56c.93-.75 1.67-1.69 2.19-2.77.51-1.07.78-2.25.78-3.44s-.27-2.37-.78-3.44a7.972 7.972 0 0 0-2.19-2.77c-.43-.35-.5-.98-.15-1.41Zm-2.72 3.02c.33-.44.96-.53 1.4-.2.74.56 1.35 1.28 1.76 2.11s.63 1.75.63 2.68-.22 1.85-.63 2.68-1.02 1.55-1.76 2.11c-.44.33-1.07.24-1.4-.2-.33-.44-.24-1.07.2-1.4.5-.37.9-.85 1.17-1.41.28-.55.42-1.16.42-1.78s-.14-1.23-.42-1.79c-.28-.55-.68-1.04-1.17-1.41-.44-.33-.53-.96-.2-1.4Z\"/>\n  </g>\n</svg>\n\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-icon-search.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtIconSearch extends Components.UtrechtIconSearch, HTMLElement {}
+export const UtrechtIconSearch: {
+  prototype: UtrechtIconSearch;
+  new (): UtrechtIconSearch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const generatedCss = ":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%;width:100%}";
+
+const UtrechtIconSearch$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconSearch extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", null, h("clipPath", { id: "a" }, h("path", { "stroke-width": "0", d: "M0 0h20v20H0z" }))), h("g", { "clip-path": "url(#a)" }, h("path", { "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-6Zm6-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-8Z" }))));
+  }
+  static get style() { return generatedCss; }
+}, [1, "utrecht-icon-search"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-icon-search"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-icon-search":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UtrechtIconSearch$1);
+      }
+      break;
+  } });
+}
+
+const UtrechtIconSearch = UtrechtIconSearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtIconSearch, defineCustomElement };
+
+//# sourceMappingURL=utrecht-icon-search.js.map

package/dist/components/utrecht-icon-search.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-icon-search.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iRAAiR;;MCOzRA,mBAAiB;;;;;;EAC5B,MAAM;IACJ,QACE,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC5G,gBACE,gBAAU,EAAE,EAAC,GAAG,IACd,4BAAmB,GAAG,EAAC,CAAC,EAAC,eAAe,GAAE,CACjC,CACN,EACP,sBAAa,SAAS,IACpB,yBAAgB,SAAS,EAAC,CAAC,EAAC,6MAA6M,GAAE,CACzO,CACA,EAEA;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["UtrechtIconSearch"],"sources":["./src/components/icon/generated.scss?tag=utrecht-icon-search&encapsulation=shadow","./src/components/generated/utrecht-icon-search/utrecht-icon-search.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021-2022 Gemeente Utrecht\n * Copyright (c) 2021-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/icon/css/mixin\";\n\n:host {\n  @include utrecht-icon;\n}\n\nsvg {\n  @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-icon-search',\n  styleUrl: \"../../icon/generated.scss\",\n  shadow: true,\n})\nexport class UtrechtIconSearch {\n  render() {\n    return (\n      <svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n  <defs>\n    <clipPath id=\"a\">\n      <path stroke-width=\"0\" d=\"M0 0h20v20H0z\"/>\n    </clipPath>\n  </defs>\n  <g clip-path=\"url(#a)\">\n    <path 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-6Zm6-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-8Z\"/>\n  </g>\n</svg>\n\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-icon-user.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtIconUser extends Components.UtrechtIconUser, HTMLElement {}
+export const UtrechtIconUser: {
+  prototype: UtrechtIconUser;
+  new (): UtrechtIconUser;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const generatedCss = ":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%;width:100%}";
+
+const UtrechtIconUser$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconUser extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("svg", { viewBox: "0 0 14 20", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", null, h("clipPath", { id: "a" }, h("path", { "stroke-width": "0", d: "M0 0h14v20H0z" }))), h("g", { "clip-path": "url(#a)" }, h("path", { "fill-rule": "evenodd", d: "M7 0C5.67 0 4.4.53 3.46 1.46 2.52 2.4 2 3.67 2 5s.53 2.6 1.46 3.54C4.4 9.48 5.67 10 7 10s2.6-.53 3.54-1.46C11.48 7.6 12 6.33 12 5s-.53-2.6-1.46-3.54A4.994 4.994 0 0 0 7 0ZM4.88 2.88C5.44 2.32 6.21 2 7 2s1.56.32 2.12.88S10 4.21 10 5s-.32 1.56-.88 2.12S7.79 8 7 8s-1.56-.32-2.12-.88S4 5.79 4 5s.32-1.56.88-2.12Zm-2 12C3.44 14.32 4.21 14 5 14h4c.8 0 1.56.32 2.12.88S12 16.21 12 17v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-1.33-.53-2.6-1.46-3.54A4.994 4.994 0 0 0 9 12H5c-1.33 0-2.6.53-3.54 1.46C.52 14.4 0 15.67 0 17v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.8.32-1.56.88-2.12Z" }))));
+  }
+  static get style() { return generatedCss; }
+}, [1, "utrecht-icon-user"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-icon-user"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-icon-user":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UtrechtIconUser$1);
+      }
+      break;
+  } });
+}
+
+const UtrechtIconUser = UtrechtIconUser$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtIconUser, defineCustomElement };
+
+//# sourceMappingURL=utrecht-icon-user.js.map

package/dist/components/utrecht-icon-user.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-icon-user.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iRAAiR;;MCOzRA,iBAAe;;;;;;EAC1B,MAAM;IACJ,QACE,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC5G,gBACE,gBAAU,EAAE,EAAC,GAAG,IACd,4BAAmB,GAAG,EAAC,CAAC,EAAC,eAAe,GAAE,CACjC,CACN,EACP,sBAAa,SAAS,IACpB,yBAAgB,SAAS,EAAC,CAAC,EAAC,8iBAA8iB,GAAE,CAC1kB,CACA,EAEA;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["UtrechtIconUser"],"sources":["./src/components/icon/generated.scss?tag=utrecht-icon-user&encapsulation=shadow","./src/components/generated/utrecht-icon-user/utrecht-icon-user.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021-2022 Gemeente Utrecht\n * Copyright (c) 2021-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/icon/css/mixin\";\n\n:host {\n  @include utrecht-icon;\n}\n\nsvg {\n  @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-icon-user',\n  styleUrl: \"../../icon/generated.scss\",\n  shadow: true,\n})\nexport class UtrechtIconUser {\n  render() {\n    return (\n      <svg viewBox=\"0 0 14 20\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n  <defs>\n    <clipPath id=\"a\">\n      <path stroke-width=\"0\" d=\"M0 0h14v20H0z\"/>\n    </clipPath>\n  </defs>\n  <g clip-path=\"url(#a)\">\n    <path fill-rule=\"evenodd\" d=\"M7 0C5.67 0 4.4.53 3.46 1.46 2.52 2.4 2 3.67 2 5s.53 2.6 1.46 3.54C4.4 9.48 5.67 10 7 10s2.6-.53 3.54-1.46C11.48 7.6 12 6.33 12 5s-.53-2.6-1.46-3.54A4.994 4.994 0 0 0 7 0ZM4.88 2.88C5.44 2.32 6.21 2 7 2s1.56.32 2.12.88S10 4.21 10 5s-.32 1.56-.88 2.12S7.79 8 7 8s-1.56-.32-2.12-.88S4 5.79 4 5s.32-1.56.88-2.12Zm-2 12C3.44 14.32 4.21 14 5 14h4c.8 0 1.56.32 2.12.88S12 16.21 12 17v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-1.33-.53-2.6-1.46-3.54A4.994 4.994 0 0 0 9 12H5c-1.33 0-2.6.53-3.54 1.46C.52 14.4 0 15.67 0 17v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.8.32-1.56.88-2.12Z\"/>\n  </g>\n</svg>\n\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-icon-zoom-minus.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtIconZoomMinus extends Components.UtrechtIconZoomMinus, HTMLElement {}
+export const UtrechtIconZoomMinus: {
+  prototype: UtrechtIconZoomMinus;
+  new (): UtrechtIconZoomMinus;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const generatedCss = ":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%;width:100%}";
+
+const UtrechtIconZoomMinus$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconZoomMinus extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("svg", { viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", null, h("clipPath", { id: "a" }, h("path", { "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { "clip-path": "url(#a)" }, h("path", { d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1Z" }))));
+  }
+  static get style() { return generatedCss; }
+}, [1, "utrecht-icon-zoom-minus"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-icon-zoom-minus"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-icon-zoom-minus":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UtrechtIconZoomMinus$1);
+      }
+      break;
+  } });
+}
+
+const UtrechtIconZoomMinus = UtrechtIconZoomMinus$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtIconZoomMinus, defineCustomElement };
+
+//# sourceMappingURL=utrecht-icon-zoom-minus.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-icon-zoom-minus.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iRAAiR;;MCOzRA,sBAAoB;;;;;;EAC/B,MAAM;IACJ,QACE,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC5G,gBACE,gBAAU,EAAE,EAAC,GAAG,IACd,4BAAmB,GAAG,EAAC,CAAC,EAAC,cAAc,GAAE,CAChC,CACN,EACP,sBAAa,SAAS,IACpB,YAAM,CAAC,EAAC,mEAAmE,GAAE,CAC3E,CACA,EAEA;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["UtrechtIconZoomMinus"],"sources":["./src/components/icon/generated.scss?tag=utrecht-icon-zoom-minus&encapsulation=shadow","./src/components/generated/utrecht-icon-zoom-minus/utrecht-icon-zoom-minus.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021-2022 Gemeente Utrecht\n * Copyright (c) 2021-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/icon/css/mixin\";\n\n:host {\n  @include utrecht-icon;\n}\n\nsvg {\n  @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-icon-zoom-minus',\n  styleUrl: \"../../icon/generated.scss\",\n  shadow: true,\n})\nexport class UtrechtIconZoomMinus {\n  render() {\n    return (\n      <svg viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n  <defs>\n    <clipPath id=\"a\">\n      <path stroke-width=\"0\" d=\"M0 6h14v2H0z\"/>\n    </clipPath>\n  </defs>\n  <g clip-path=\"url(#a)\">\n    <path d=\"M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1Z\"/>\n  </g>\n</svg>\n\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-icon-zoom-plus.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtIconZoomPlus extends Components.UtrechtIconZoomPlus, HTMLElement {}
+export const UtrechtIconZoomPlus: {
+  prototype: UtrechtIconZoomPlus;
+  new (): UtrechtIconZoomPlus;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const generatedCss = ":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%;width:100%}";
+
+const UtrechtIconZoomPlus$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconZoomPlus extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("svg", { viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", null, h("clipPath", { id: "a" }, h("path", { "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { "clip-path": "url(#a)" }, h("path", { "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
+  }
+  static get style() { return generatedCss; }
+}, [1, "utrecht-icon-zoom-plus"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-icon-zoom-plus"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-icon-zoom-plus":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UtrechtIconZoomPlus$1);
+      }
+      break;
+  } });
+}
+
+const UtrechtIconZoomPlus = UtrechtIconZoomPlus$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtIconZoomPlus, defineCustomElement };
+
+//# sourceMappingURL=utrecht-icon-zoom-plus.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-icon-zoom-plus.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iRAAiR;;MCOzRA,qBAAmB;;;;;;EAC9B,MAAM;IACJ,QACE,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC5G,gBACE,gBAAU,EAAE,EAAC,GAAG,IACd,4BAAmB,GAAG,EAAC,CAAC,EAAC,eAAe,GAAE,CACjC,CACN,EACP,sBAAa,SAAS,IACpB,yBAAgB,SAAS,EAAC,CAAC,EAAC,+LAA+L,GAAE,CAC3N,CACA,EAEA;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["UtrechtIconZoomPlus"],"sources":["./src/components/icon/generated.scss?tag=utrecht-icon-zoom-plus&encapsulation=shadow","./src/components/generated/utrecht-icon-zoom-plus/utrecht-icon-zoom-plus.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021-2022 Gemeente Utrecht\n * Copyright (c) 2021-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/icon/css/mixin\";\n\n:host {\n  @include utrecht-icon;\n}\n\nsvg {\n  @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-icon-zoom-plus',\n  styleUrl: \"../../icon/generated.scss\",\n  shadow: true,\n})\nexport class UtrechtIconZoomPlus {\n  render() {\n    return (\n      <svg viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n  <defs>\n    <clipPath id=\"a\">\n      <path stroke-width=\"0\" d=\"M0 0h14v14H0z\"/>\n    </clipPath>\n  </defs>\n  <g clip-path=\"url(#a)\">\n    <path 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\"/>\n  </g>\n</svg>\n\n    );\n  }\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.m.js';
 
-const linkButtonCss = ".utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset);--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;cursor:pointer;display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:inherit;min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:not(:disabled):hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link-button--disabled{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}.utrecht-link-button--focus,.utrecht-link-button--html-button:not(:disabled):focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link-button--focus-visible,.utrecht-link-button--html-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-link-button--active,.utrecht-link-button--html-button:not(:disabled):active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link-button--html-button{background-color:transparent;border-width:0}:host{display:inline-flex}:host([hidden]){display:none !important}";
+const linkButtonCss = ".utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset);--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;cursor:pointer;display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:inherit;min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:not(:disabled):hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link-button--disabled{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}.utrecht-link-button--focus,.utrecht-link-button--html-button:not(:disabled):focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link-button--focus-visible,.utrecht-link-button--html-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-link-button--active,.utrecht-link-button--html-button:not(:disabled):active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link-button--html-button{background-color:transparent;border-width:0}:host{display:inline-flex}:host([hidden]){display:none !important}";
 
 const LinkButton = /*@__PURE__*/ proxyCustomElement(class LinkButton extends HTMLElement {
   constructor() {

package/dist/components/utrecht-link-button.js.map

@@ -1 +1 @@
-{"file":"utrecht-link-button.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,gkHAAgkH;;MCczkH,UAAU;;;;;;;;;;EAKrB,MAAM;IACJ,QACE,cACE,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,kCAAkC,EAClC,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EAChD,IAAI,CAAC,MAAM,IAAI,6BAA6B,EAC5C,IAAI,CAAC,OAAO,IAAI,8BAA8B,CAC/C,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,IAAI,CAAC,OAAO,GAAG,SAAS,EAC1E,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,IAE3B,eAAa,CACN,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/link-button.scss?tag=utrecht-link-button&encapsulation=shadow","./src/components/link-button.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/link-button/css\";\n\n:host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-link-button',\n  styleUrl: 'link-button.scss',\n  shadow: true,\n})\nexport class LinkButton {\n  @Prop() disabled: boolean;\n  @Prop() type: string;\n  @Prop() inline: boolean;\n  @Prop() pressed: boolean;\n  render() {\n    return (\n      <button\n        class={clsx(\n          'utrecht-link-button',\n          'utrecht-link-button--html-button',\n          this.disabled && 'utrecht-link-button--disabled',\n          this.inline && 'utrecht-link-button--inline',\n          this.pressed && 'utrecht-link-button--pressed',\n        )}\n        disabled={this.disabled}\n        aria-pressed={typeof this.pressed === 'boolean' ? this.pressed : undefined}\n        type={this.type || 'button'}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-link-button.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,4gHAA4gH;;MCcrhH,UAAU;;;;;;;;;;EAKrB,MAAM;IACJ,QACE,cACE,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,kCAAkC,EAClC,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EAChD,IAAI,CAAC,MAAM,IAAI,6BAA6B,EAC5C,IAAI,CAAC,OAAO,IAAI,8BAA8B,CAC/C,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,IAAI,CAAC,OAAO,GAAG,SAAS,EAC1E,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,IAE3B,eAAa,CACN,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/link-button.scss?tag=utrecht-link-button&encapsulation=shadow","./src/components/link-button.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/link-button/css\";\n\n:host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-link-button',\n  styleUrl: 'link-button.scss',\n  shadow: true,\n})\nexport class LinkButton {\n  @Prop() disabled: boolean;\n  @Prop() type: string;\n  @Prop() inline: boolean;\n  @Prop() pressed: boolean;\n  render() {\n    return (\n      <button\n        class={clsx(\n          'utrecht-link-button',\n          'utrecht-link-button--html-button',\n          this.disabled && 'utrecht-link-button--disabled',\n          this.inline && 'utrecht-link-button--inline',\n          this.pressed && 'utrecht-link-button--pressed',\n        )}\n        disabled={this.disabled}\n        aria-pressed={typeof this.pressed === 'boolean' ? this.pressed : undefined}\n        type={this.type || 'button'}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const preHeadingCss = ":host{color:var(--utrecht-pre-heading-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-pre-heading-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-pre-heading-letter-spacing);line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order, 0)}:host([hidden]){display:none !important}";
+const preHeadingCss = ":host{color:var(--utrecht-pre-heading-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-pre-heading-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order, 0)}:host([hidden]){display:none !important}";
 
 const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTMLElement {
   constructor() {

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

@@ -1 +1 @@
-{"file":"utrecht-pre-heading.js","mappings":";;AAAA,MAAM,aAAa,GAAG,6wBAA6wB;;MCatxB,UAAU;;;;;;EACrB,MAAM;IACJ,QACE,SAAG,KAAK,EAAC,qBAAqB,IAC5B,eAAa,CACX,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/pre-heading.scss?tag=utrecht-pre-heading&encapsulation=shadow","./src/components/pre-heading.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/pre-heading/css/mixin\";\n\n:host {\n  @include utrecht-pre-heading;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-pre-heading',\n  styleUrl: 'pre-heading.scss',\n  shadow: true,\n})\nexport class PreHeading {\n  render() {\n    return (\n      <p class=\"utrecht-pre-heading\">\n        <slot></slot>\n      </p>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-pre-heading.js","mappings":";;AAAA,MAAM,aAAa,GAAG,otBAAotB;;MCa7tB,UAAU;;;;;;EACrB,MAAM;IACJ,QACE,SAAG,KAAK,EAAC,qBAAqB,IAC5B,eAAa,CACX,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/pre-heading.scss?tag=utrecht-pre-heading&encapsulation=shadow","./src/components/pre-heading.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/pre-heading/css/mixin\";\n\n:host {\n  @include utrecht-pre-heading;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-pre-heading',\n  styleUrl: 'pre-heading.scss',\n  shadow: true,\n})\nexport class PreHeading {\n  render() {\n    return (\n      <p class=\"utrecht-pre-heading\">\n        <slot></slot>\n      </p>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color);box-sizing:border-box;color:var(--utrecht-skip-link-color);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}:host{display:inline-flex}:host([hidden]){display:none !important}";
+const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}:host{display:inline-flex}:host([hidden]){display:none !important}";
 
 const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLElement {
   constructor() {

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

@@ -1 +1 @@
-{"file":"utrecht-skip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+jEAA+jE;;MCatkE,QAAQ;;;;;;;EAEnB,MAAM;IACJ,QACE,SACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC3D,KAAK,EAAC,uDAAuD,IAE7D,eAAa,CACX,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/skip-link.scss?tag=utrecht-skip-link&encapsulation=shadow","./src/components/skip-link.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/skip-link/css\";\n\n:host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-skip-link',\n  styleUrl: 'skip-link.scss',\n  shadow: true,\n})\nexport class SkipLink {\n  @Prop() href: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' ? this.href : undefined}\n        class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-skip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,ulEAAulE;;MCa9lE,QAAQ;;;;;;;EAEnB,MAAM;IACJ,QACE,SACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC3D,KAAK,EAAC,uDAAuD,IAE7D,eAAa,CACX,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/skip-link.scss?tag=utrecht-skip-link&encapsulation=shadow","./src/components/skip-link.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/skip-link/css\";\n\n:host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-skip-link',\n  styleUrl: 'skip-link.scss',\n  shadow: true,\n})\nexport class SkipLink {\n  @Prop() href: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' ? this.href : undefined}\n        class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-textarea.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTextarea extends Components.UtrechtTextarea, HTMLElement {}
+export const UtrechtTextarea: {
+  prototype: UtrechtTextarea;
+  new (): UtrechtTextarea;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-textarea.js

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-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);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-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)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-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)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
+
+const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.utrechtBlur = createEvent(this, "utrechtBlur", 7);
+    this.utrechtChange = createEvent(this, "utrechtChange", 7);
+    this.utrechtFocus = createEvent(this, "utrechtFocus", 7);
+    this.utrechtInput = createEvent(this, "utrechtInput", 7);
+    this.disabled = false;
+    this.invalid = false;
+    this.placeholder = '';
+    this.readOnly = false;
+    this.required = false;
+    this.value = '';
+  }
+  render() {
+    const { disabled, invalid, placeholder, readOnly, required, value } = this;
+    return (h("textarea", { class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), disabled: disabled, 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);
+      } }, h("slot", null)));
+  }
+  static get style() { return textareaCss; }
+}, [1, "utrecht-textarea", {
+    "disabled": [516],
+    "invalid": [516],
+    "placeholder": [1],
+    "readOnly": [516, "readonly"],
+    "required": [516],
+    "value": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-textarea"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-textarea":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Textarea);
+      }
+      break;
+  } });
+}
+
+const UtrechtTextarea = Textarea;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTextarea, defineCustomElement };
+
+//# sourceMappingURL=utrecht-textarea.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-textarea.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,u4RAAu4R;;MCa94R,QAAQ;;;;;;;;;oBAG0B,KAAK;mBACN,KAAK;uBACnB,EAAE;oBACoC,KAAK;oBAC5B,KAAK;iBAC1B,EAAE;;EAM1B,MAAM;IACJ,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAE3E,QACE,gBACE,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,QAAQ,EAAE,QAAQ,EAClB,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;QACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAC7B,IAED,eAAQ,CACC,EACX;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","./src/components/textarea.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/textarea/css\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class Textarea {\n  // TODO: Support `autoComplete` when TypeScript types from Stencil support all actual DOM properties\n  // TODO: Support `spellCheck` when TypeScript types from Stencil support all actual DOM properties\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { disabled, invalid, placeholder, readOnly, required, value } = this;\n\n    return (\n      <textarea\n        class={clsx(\n          'utrecht-textarea',\n          'utrecht-textarea--html-textarea',\n          disabled && 'utrecht-textarea--disabled',\n          invalid && 'utrecht-textarea--invalid',\n          readOnly && 'utrecht-textarea--readonly',\n        )}\n        disabled={disabled}\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 HTMLTextAreaElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      >\n        <slot />\n      </textarea>\n    );\n  }\n}\n"],"version":3}