@utrecht/web-component-library-stencil 1.0.0-alpha.49 → 1.0.0-alpha.490

package/dist/components/utrecht-mark.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const markCss = ".utrecht-mark{background-color:var(--utrecht-mark-background-color, revert);color:var(--utrecht-mark-color, revert)}@media print{.utrecht-mark{outline-color:currentColor;outline-style:dotted;outline-width:0.1em}}@media screen and (-ms-high-contrast: active){.utrecht-mark{background-color:Highlight;color:HighlightText}}.utrecht-mark--print{outline-color:currentColor;outline-style:dotted;outline-width:0.1em}.utrecht-mark--windows-high-contrast{background-color:Highlight;color:HighlightText}:host{display:inline}:host([hidden]){display:none !important}";
+
+const Mark = /*@__PURE__*/ proxyCustomElement(class Mark extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("mark", { class: "utrecht-mark" }, h("slot", null)));
+  }
+  static get style() { return markCss; }
+}, [1, "utrecht-mark"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-mark"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-mark":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Mark);
+      }
+      break;
+  } });
+}
+
+const UtrechtMark = Mark;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtMark, defineCustomElement };
+
+//# sourceMappingURL=utrecht-mark.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-mark.js","mappings":";;AAAA,MAAM,OAAO,GAAG,4iBAA4iB;;MCa/iB,IAAI;;;;;;EACf,MAAM;IACJ,QACE,YAAM,KAAK,EAAC,cAAc,IACxB,eAAa,CACR,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/mark.scss?tag=utrecht-mark&encapsulation=shadow","./src/components/mark.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/mark/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) 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-mark',\n  styleUrl: 'mark.scss',\n  shadow: true,\n})\nexport class Mark {\n  render() {\n    return (\n      <mark class=\"utrecht-mark\">\n        <slot></slot>\n      </mark>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-number-value.d.ts

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

package/dist/components/utrecht-number-value.js

@@ -0,0 +1,41 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const numberValueCss = ".utrecht-value-number{font-variant-numeric:lining-nums tabular-nums}.utrecht-value-number--positive{color:var(--utrecht-value-number-positive-color)}.utrecht-value-number--negative{color:var(--utrecht-value-number-negative-color)}:host{display:inline}:host([hidden]){display:none !important}";
+
+const NumberValue = /*@__PURE__*/ proxyCustomElement(class NumberValue extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.value = undefined;
+  }
+  render() {
+    const { value } = this;
+    return typeof value === 'number' || typeof value === 'string' ? (
+    // <data value={String(value)}>
+    h("data", { "data-value": String(value) }, h("slot", null))) : (h("span", null, h("slot", null)));
+  }
+  static get style() { return numberValueCss; }
+}, [1, "utrecht-number-value", {
+    "value": [8]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-number-value"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-number-value":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, NumberValue);
+      }
+      break;
+  } });
+}
+
+const UtrechtNumberValue = NumberValue;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtNumberValue, defineCustomElement };
+
+//# sourceMappingURL=utrecht-number-value.js.map

package/dist/components/utrecht-number-value.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-number-value.js","mappings":";;AAAA,MAAM,cAAc,GAAG,qSAAqS;;MCa/S,WAAW;;;;;;;EAEtB,MAAM;IACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;;IAE3D,0BAAkB,MAAM,CAAC,KAAK,CAAC,IAC7B,eAAa,CACR,KAEP,gBACE,eAAa,CACR,CACR,CAAC;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/number-value.scss?tag=utrecht-number-value&encapsulation=shadow","./src/components/number-value.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/value-number/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) 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-number-value',\n  styleUrl: 'number-value.scss',\n  shadow: true,\n})\nexport class NumberValue {\n  @Prop() value: number | string;\n  render() {\n    const { value } = this;\n    return typeof value === 'number' || typeof value === 'string' ? (\n      // <data value={String(value)}>\n      <data data-value={String(value)}>\n        <slot></slot>\n      </data>\n    ) : (\n      <span>\n        <slot></slot>\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-page-content.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"file":"utrecht-page-content.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,waAAwa;;MCY5a,IAAI;;;;;;EACf,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,YAAM,KAAK,EAAC,4BAA4B,IACtC,eAAa,CACR,CACH,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/page-content/index.scss?tag=utrecht-page-content&encapsulation=shadow","./src/components/page-content/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/page-content/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/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-content',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Page {\n  render() {\n    return (\n      <div class=\"utrecht-page-content\">\n        <main class=\"utrecht-page-content__main\">\n          <slot></slot>\n        </main>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-page-footer.d.ts

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-page-footer{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer .utrecht-link--telephone{color:#fff}.utrecht-page-footer .utrecht-paragraph{color:#fff}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}:host{display:block}:host([hidden]){display:none !important}";
+
+const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("footer", { class: "utrecht-page-footer" }, h("slot", null)));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-page-footer"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-page-footer"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-page-footer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PageFooter);
+      }
+      break;
+  } });
+}
+
+const UtrechtPageFooter = PageFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtPageFooter, defineCustomElement };
+
+//# sourceMappingURL=utrecht-page-footer.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-page-footer.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,4jCAA4jC;;MCYhkC,UAAU;;;;;;EACrB,MAAM;IACJ,QACE,cAAQ,KAAK,EAAC,qBAAqB,IACjC,eAAa,CACN,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/page-footer/index.scss?tag=utrecht-page-footer&encapsulation=shadow","./src/components/page-footer/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/page-footer/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/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-footer',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class PageFooter {\n  render() {\n    return (\n      <footer class=\"utrecht-page-footer\">\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-page-header.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"file":"utrecht-page-header.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,giBAAgiB;;MCYpiB,UAAU;;;;;;EACrB,MAAM;IACJ,QACE,cAAQ,KAAK,EAAC,qBAAqB,IACjC,WAAK,KAAK,EAAC,8BAA8B,IACvC,eAAa,CACT,CACC,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/page-header/index.scss?tag=utrecht-page-header&encapsulation=shadow","./src/components/page-header/stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/page-header/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/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page-header',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class PageHeader {\n  render() {\n    return (\n      <header class=\"utrecht-page-header\">\n        <div class=\"utrecht-page-header__content\">\n          <slot></slot>\n        </div>\n      </header>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-page.js

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

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

@@ -0,0 +1 @@
+{"file":"utrecht-page.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,yiBAAyiB;;MCY7iB,IAAI;;;;;;EACf,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,cAAc,IACvB,WAAK,KAAK,EAAC,uBAAuB,IAChC,eAAa,CACT,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/page/index.scss?tag=utrecht-page&encapsulation=shadow","./src/components/page/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/page/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/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Gemeente Utrecht\n */\n\n@Component({\n  tag: 'utrecht-page',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Page {\n  render() {\n    return (\n      <div class=\"utrecht-page\">\n        <div class=\"utrecht-page__content\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-pagination.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const indexCss = ".utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{--_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-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{--_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-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}:host{display:block}:host([hidden]){display:none !important}";
+
+const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.links = undefined;
+    this.next = undefined;
+    this.prev = undefined;
+    this.currentIndex = undefined;
+  }
+  render() {
+    const { currentIndex } = this;
+    const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;
+    const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
+    const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
+    const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (h("span", { class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
+    const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+    return (h("nav", { class: "utrecht-pagination" }, h("span", { class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { role: "group", class: "utrecht-pagination__pages" }, links
+      .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
+      .map((link, arrayIndex) => {
+      const index = typeof link.index === 'number' ? link.index : arrayIndex;
+      return Object.assign({ index, current: typeof currentIndex === 'number' && index === currentIndex, rel: typeof currentIndex === 'number'
+          ? index === currentIndex + 1
+            ? 'next'
+            : index === currentIndex - 1
+              ? 'prev'
+              : null
+          : null, textContent: link.index || index }, link);
+    })
+      .map((link) => PageLink(link))), h("span", { class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-pagination", {
+    "links": [1],
+    "next": [1],
+    "prev": [1],
+    "currentIndex": [2, "current-index"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-pagination"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-pagination":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Pagination);
+      }
+      break;
+  } });
+}
+
+const UtrechtPagination = Pagination;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtPagination, defineCustomElement };
+
+//# sourceMappingURL=utrecht-pagination.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-pagination.js","mappings":"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","names":[],"sources":["./src/components/pagination/index.scss?tag=utrecht-pagination&encapsulation=shadow","./src/components/pagination/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/pagination/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, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-pagination',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Pagination {\n  @Prop() links: string;\n  @Prop() next: string;\n  @Prop() prev: string;\n  @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n  render() {\n    const { currentIndex } = this;\n    const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n    const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n    const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n    const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n      disabled ? (\n        <span\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          aria-label={title || null}\n        >\n          {textContent}\n        </span>\n      ) : (\n        <a\n          href={href}\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          rel={rel}\n          aria-label={title || null}\n        >\n          {textContent}\n        </a>\n      );\n\n    const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n      <a\n        class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n        href={href}\n        aria-current={current ? 'true' : null}\n        rel={rel}\n      >\n        {textContent}\n      </a>\n    );\n\n    return (\n      <nav class=\"utrecht-pagination\">\n        <span class=\"utrecht-pagination__before\">\n          {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n        </span>\n        <span role=\"group\" class=\"utrecht-pagination__pages\">\n          {links\n            .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n            .map((link, arrayIndex) => {\n              const index = typeof link.index === 'number' ? link.index : arrayIndex;\n              return {\n                index,\n                current: typeof currentIndex === 'number' && index === currentIndex,\n                rel:\n                  typeof currentIndex === 'number'\n                    ? index === currentIndex + 1\n                      ? 'next'\n                      : index === currentIndex - 1\n                      ? 'prev'\n                      : null\n                    : null,\n                textContent: link.index || index,\n                ...link,\n              };\n            })\n            .map((link) => PageLink(link))}\n        </span>\n        <span class=\"utrecht-pagination__before\">\n          {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n        </span>\n      </nav>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-paragraph.js

@@ -0,0 +1,8 @@
+import { P as Paragraph, d as defineCustomElement$1 } from './index.stencil3.js';
+
+const UtrechtParagraph = Paragraph;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtParagraph, defineCustomElement };
+
+//# sourceMappingURL=utrecht-paragraph.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-paragraph.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/utrecht-pre-heading.d.ts

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

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

@@ -0,0 +1,35 @@
+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);text-transform:var(--utrecht-pre-heading-text-transform, inherit)}:host([hidden]){display:none !important}";
+
+const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("p", { class: "utrecht-pre-heading" }, h("slot", null)));
+  }
+  static get style() { return preHeadingCss; }
+}, [1, "utrecht-pre-heading"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-pre-heading"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-pre-heading":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PreHeading);
+      }
+      break;
+  } });
+}
+
+const UtrechtPreHeading = PreHeading;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtPreHeading, defineCustomElement };
+
+//# sourceMappingURL=utrecht-pre-heading.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-pre-heading.js","mappings":";;AAAA,MAAM,aAAa,GAAG,+0BAA+0B;;MCax1B,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-separator.d.ts

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

package/dist/components/utrecht-separator.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const indexCss = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-start, 0))}.utrecht-separator--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
+
+const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return h("hr", { class: "utrecht-separator" });
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-separator"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-separator"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-separator":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Separator);
+      }
+      break;
+  } });
+}
+
+const UtrechtSeparator = Separator;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtSeparator, defineCustomElement };
+
+//# sourceMappingURL=utrecht-separator.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-separator.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,4cAA4c;;MCOhd,SAAS;;;;;;EACpB,MAAM;IACJ,OAAO,UAAI,KAAK,EAAC,mBAAmB,GAAG,CAAC;GACzC;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/separator/index.scss?tag=utrecht-separator&encapsulation=shadow","./src/components/separator/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/separator/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-separator',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Separator {\n  render() {\n    return <hr class=\"utrecht-separator\" />;\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-sidenav.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-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:19rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus{--_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-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);bottom:0;content:\"\";display:block;height:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));left:3px;overflow:hidden;position:absolute;top:calc(var(--utrecht-sidenav-marker-offset));width:var(--utrecht-sidenav-connection-inline-size);z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);border-radius:100%;content:\"\";height:var(--utrecht-sidenav-marker-height);left:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));width:8px;z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);height:4px;left:1.2rem;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
+
+const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.json = undefined;
+  }
+  render() {
+    const items = JSON.parse(this.json);
+    return (h("nav", { class: "utrecht-sidenav" }, h("ul", { class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-sidenav", {
+    "json": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-sidenav"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-sidenav":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Sidenav);
+      }
+      break;
+  } });
+}
+
+const UtrechtSidenav = Sidenav;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtSidenav, defineCustomElement };
+
+//# sourceMappingURL=utrecht-sidenav.js.map