@utrecht/web-component-library-stencil 1.0.0-alpha.48 → 1.0.0-alpha.481

package/dist/components/index.stencil2.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
+
+const Heading3 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("h3", { class: "utrecht-heading-3" }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-heading-3"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-heading-3"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-heading-3":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Heading3);
+      }
+      break;
+  } });
+}
+
+export { Heading3 as H, defineCustomElement as d };
+
+//# sourceMappingURL=index.stencil2.js.map

package/dist/components/index.stencil2.js.map

@@ -0,0 +1 @@
+{"file":"index.stencil2.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y7BAAy7B;;MCO77B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-3/index.scss?tag=utrecht-heading-3&encapsulation=shadow","./src/components/heading-3/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-3/css\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-heading-3',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Heading3 {\n  render() {\n    return (\n      <h3 class=\"utrecht-heading-3\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.stencil3.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const indexCss = ".utrecht-paragraph{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));font-size:var(--utrecht-paragraph-lead-font-size, var(--utrecht-paragraph-font-size, inherit));font-weight:var(--utrecht-paragraph-lead-font-weight, var(--utrecht-paragraph-font-weight, inherit));line-height:var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit))}.utrecht-paragraph--small{color:var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));font-size:var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));font-weight:var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));line-height:var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit))}.utrecht-paragraph__small{font-size:inherit}.utrecht-paragraph__b{font-weight:inherit}.utrecht-paragraph--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
+
+const Paragraph = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.lead = undefined;
+  }
+  render() {
+    return (h("div", { class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-paragraph", {
+    "lead": [4]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-paragraph"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-paragraph":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Paragraph);
+      }
+      break;
+  } });
+}
+
+export { Paragraph as P, defineCustomElement as d };
+
+//# sourceMappingURL=index.stencil3.js.map

package/dist/components/index.stencil3.js.map

@@ -0,0 +1 @@
+{"file":"index.stencil3.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,urDAAurD;;MCQ3rD,SAAS;;;;;;;EAMpB,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC,IAC3E,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/paragraph/index.scss?tag=utrecht-paragraph&encapsulation=shadow","./src/components/paragraph/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/paragraph/css/index\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-paragraph',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Paragraph {\n  /**\n   * Lead paragraph\n   */\n  @Prop() lead: boolean;\n\n  render() {\n    return (\n      <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.stencil4.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-icon{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative;width:var(--utrecht-icon-size)}:host{display:inline}:host([hidden]){display:none !important}";
+
+const DigidLogo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("svg", { class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("title", null, "DigiD"), h("path", { d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-digid-logo"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-digid-logo"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-digid-logo":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DigidLogo);
+      }
+      break;
+  } });
+}
+
+export { DigidLogo as D, defineCustomElement as d };
+
+//# sourceMappingURL=index.stencil4.js.map

package/dist/components/index.stencil4.js.map

@@ -0,0 +1 @@
+{"file":"index.stencil4.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,8QAA8Q;;MCalR,SAAS;;;;;;EACpB,MAAM;IACJ,QACE,WACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErB,yBAAoB,EACpB,YAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/F,YACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACF,YACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/digid-logo/index.scss?tag=utrecht-digid-logo&encapsulation=shadow","./src/components/digid-logo/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n@import \"~@utrecht/components/icon/css\";\n\n:host {\n  display: inline;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Rijksoverheid\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-logo',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class DigidLogo {\n  render() {\n    return (\n      <svg\n        class=\"utrecht-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        version=\"1.1\"\n        viewBox=\"0 0 150 150\"\n      >\n        <title>DigiD</title>\n        <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n        <path\n          d=\"M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          d=\"M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z\"\n          fill=\"#E17000\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-alert.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";
+
+const Alert = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.type = undefined;
+  }
+  render() {
+    return (h("div", { class: clsx('utrecht-alert', {
+        'utrecht-alert--error': this.type === 'error',
+        'utrecht-alert--info': this.type === 'info',
+        'utrecht-alert--ok': this.type === 'ok',
+        'utrecht-alert--warning': this.type === 'warning',
+      }) }, h("div", { class: "utrecht-alert__icon" }, h("slot", { name: "icon" })), h("div", { class: "utrecht-alert__message" }, h("slot", null))));
+  }
+  static get style() { return alertCss; }
+}, [1, "utrecht-alert", {
+    "type": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-alert"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-alert":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Alert);
+      }
+      break;
+  } });
+}
+
+const UtrechtAlert = Alert;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtAlert, defineCustomElement };
+
+//# sourceMappingURL=utrecht-alert.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-alert.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,ihFAAihF;;MCcrhF,KAAK;;;;;;;EAGhB,MAAM;IACJ,QACE,WACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;QAC3B,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;QAC7C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;QAC3C,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;QACvC,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;OAClD,CAAC,IAEF,WAAK,KAAK,EAAC,qBAAqB,IAC9B,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,eAAa,CACT,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/alert.scss?tag=utrecht-alert&encapsulation=shadow","./src/components/alert.stencil.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/alert/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) 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-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert {\n  @Prop() type: string;\n\n  render() {\n    return (\n      <div\n        class={clsx('utrecht-alert', {\n          'utrecht-alert--error': this.type === 'error',\n          'utrecht-alert--info': this.type === 'info',\n          'utrecht-alert--ok': this.type === 'ok',\n          'utrecht-alert--warning': this.type === 'warning',\n        })}\n      >\n        <div class=\"utrecht-alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"utrecht-alert__message\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-article.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
+
+const Article = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("article", { class: "utrecht-article" }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-article"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-article"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-article":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Article);
+      }
+      break;
+  } });
+}
+
+const UtrechtArticle = Article;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtArticle, defineCustomElement };
+
+//# sourceMappingURL=utrecht-article.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-article.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,sIAAsI;;MCa1I,OAAO;;;;;;EAClB,MAAM;IACJ,QACE,eAAS,KAAK,EAAC,iBAAiB,IAC9B,eAAa,CACL,EACV;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/article/index.scss?tag=utrecht-article&encapsulation=shadow","./src/components/article/index.stencil.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/article/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) 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-article',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Article {\n  render() {\n    return (\n      <article class=\"utrecht-article\">\n        <slot></slot>\n      </article>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-backdrop.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const indexCss = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);user-select:none;bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
+
+const Backdrop = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.viewport = undefined;
+  }
+  render() {
+    const { viewport } = this;
+    return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-backdrop", {
+    "viewport": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-backdrop"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-backdrop":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Backdrop);
+      }
+      break;
+  } });
+}
+
+const UtrechtBackdrop = Backdrop;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBackdrop, defineCustomElement };
+
+//# sourceMappingURL=utrecht-backdrop.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-backdrop.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,i1CAAi1C;;MCcr1C,QAAQ;;;;;;;EAEnB,MAAM;IACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC1B,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,IAAI,4BAA4B,CAAC,IAC5E,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/backdrop/index.scss?tag=utrecht-backdrop&encapsulation=shadow","./src/components/backdrop/index.stencil.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/backdrop/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) 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-backdrop',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Backdrop {\n  @Prop() viewport: boolean;\n  render() {\n    const { viewport } = this;\n    return (\n      <div class={clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport')}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-badge-counter.d.ts

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

package/dist/components/utrecht-badge-counter.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-counter-font-size);font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-size, 1em);min-inline-size:var(--utrecht-badge-counter-min-size, 1em);padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}:host{display:inline-block}:host([hidden]){display:none !important}";
+
+const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.value = undefined;
+    this.max = undefined;
+    this.locale = undefined;
+  }
+  render() {
+    const { locale, max, value } = this;
+    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 h("div", { class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-badge-counter", {
+    "value": [2],
+    "max": [2],
+    "locale": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-badge-counter"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-badge-counter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BadgeCounter);
+      }
+      break;
+  } });
+}
+
+const UtrechtBadgeCounter = BadgeCounter;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBadgeCounter, defineCustomElement };
+
+//# sourceMappingURL=utrecht-badge-counter.js.map

package/dist/components/utrecht-badge-counter.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-badge-counter.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,q0CAAq0C;;MCaz0C,YAAY;;;;;;;;;EAKvB,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpG,MAAM,YAAY,GAAG,CAAC,CAAS,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/F,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;IAE7G,OAAO,WAAK,KAAK,EAAC,uBAAuB,IAAE,WAAW,GAAG,WAAW,GAAG,eAAa,CAAO,CAAC;GAC7F;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/badge-counter/index.scss?tag=utrecht-badge-counter&encapsulation=shadow","./src/components/badge-counter/index.stencil.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/badge-counter/css\";\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-counter',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class BadgeCounter {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-badge-counter\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"],"version":3}

package/dist/components/utrecht-badge-data.d.ts

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

package/dist/components/utrecht-badge-data.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}:host{display:inline-block}:host([hidden]){display:none !important}";
+
+const BadgeData = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("div", { class: "utrecht-badge-data" }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-badge-data"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-badge-data"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-badge-data":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BadgeData);
+      }
+      break;
+  } });
+}
+
+const UtrechtBadgeData = BadgeData;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBadgeData, defineCustomElement };
+
+//# sourceMappingURL=utrecht-badge-data.js.map

package/dist/components/utrecht-badge-data.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-badge-data.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,q7BAAq7B;;MCaz7B,SAAS;;;;;;EACpB,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,oBAAoB,IAC7B,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/badge-data/index.scss?tag=utrecht-badge-data&encapsulation=shadow","./src/components/badge-data/index.stencil.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/badge-data/css/index\";\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-data',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class BadgeData {\n  render() {\n    return (\n      <div class=\"utrecht-badge-data\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-badge-status.d.ts

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

package/dist/components/utrecht-badge-status.js

@@ -0,0 +1,38 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 50%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(39, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(120, 100%, 25%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(0, 100%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
+
+const BadgeStatus = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.status = undefined;
+  }
+  render() {
+    return (h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-badge-status", {
+    "status": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-badge-status"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-badge-status":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BadgeStatus);
+      }
+      break;
+  } });
+}
+
+const UtrechtBadgeStatus = BadgeStatus;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBadgeStatus, defineCustomElement };
+
+//# sourceMappingURL=utrecht-badge-status.js.map

package/dist/components/utrecht-badge-status.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-badge-status.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,msGAAmsG;;MCavsG,WAAW;;;;;;;EAGtB,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,8CAA8C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,IAClF,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/badge-status/index.scss?tag=utrecht-badge-status&encapsulation=shadow","./src/components/badge-status/index.stencil.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/badge-status/css\";\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-status',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class BadgeStatus {\n  @Prop() status: string;\n\n  render() {\n    return (\n      <div class={`utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-breadcrumb.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const indexCss = ".utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--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-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:link:hover,.utrecht-link--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:link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--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--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: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-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:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}:host{display:block}:host([hidden]){display:none !important}";
+
+const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.json = undefined;
+    this.variant = undefined;
+  }
+  render() {
+    const { json, variant } = this;
+    console.log(json);
+    const items = json ? JSON.parse(json) : [];
+    return (h("nav", { class: clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows') }, h("ol", { class: "utrecht-breadcrumb__list", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current'), href: href, "aria-current": current ? 'location' : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-breadcrumb", {
+    "json": [1],
+    "variant": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-breadcrumb"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-breadcrumb":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Breadcrumb);
+      }
+      break;
+  } });
+}
+
+const UtrechtBreadcrumb = Breadcrumb;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBreadcrumb, defineCustomElement };
+
+//# sourceMappingURL=utrecht-breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-breadcrumb.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,4yRAA4yR;;MCYhzR,UAAU;;;;;;;;EAIrB,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAE3C,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,KAAK,QAAQ,IAAI,4BAA4B,CAAC,IAC1F,UAAI,KAAK,EAAC,0BAA0B,EAAC,SAAS,QAAC,QAAQ,EAAC,mCAAmC,IACxF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,MACzC,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,0BAA0B,EAChC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB,IAE1B,SACE,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,cAAc,EAAE,OAAO,IAAI,uBAAuB,CAAC,EAC3F,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,UAAU,GAAG,IAAI,EACzC,QAAQ,EAAC,MAAM,IAEf,YAAM,KAAK,EAAC,0BAA0B,EAAC,QAAQ,EAAC,MAAM,IACnD,KAAK,CACD,EACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/breadcrumb/index.scss?tag=utrecht-breadcrumb&encapsulation=shadow","./src/components/breadcrumb/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb/css\";\n@import \"~@utrecht/components/link/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 */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-breadcrumb',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Prop() json: string;\n  @Prop() variant: string;\n\n  render() {\n    const { json, variant } = this;\n    console.log(json);\n\n    const items = json ? JSON.parse(json) : [];\n\n    return (\n      <nav class={clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows')}>\n        <ol class=\"utrecht-breadcrumb__list\" itemscope itemtype=\"https://schema.org/BreadcrumbList\">\n          {items.map(({ href, title, current }, index) => (\n            <li\n              key={href}\n              class=\"utrecht-breadcrumb__item\"\n              itemscope\n              itemtype=\"https://schema.org/ListItem\"\n              itemprop=\"itemListElement\"\n            >\n              <a\n                class={clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current')}\n                href={href}\n                aria-current={current ? 'location' : null}\n                itemprop=\"item\"\n              >\n                <span class=\"utrecht-breadcrumb__text\" itemprop=\"name\">\n                  {title}\n                </span>\n                <meta itemprop=\"position\" content={index + 1} />\n              </a>\n            </li>\n          ))}\n        </ol>\n      </nav>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-button-group.d.ts

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