@utrecht/web-component-library-vue 2.1.0 → 2.1.2

package/package.json

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

package/dist/utrecht-data-list-actions.entry-b636c0d8.mjs

@@ -1,14 +0,0 @@
-import { r as s, h as t } from "./index-d4c2a3e7.mjs";
-import "vue";
-const a = ":host{display:contents}dd{margin-inline-start:0;align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}:host([hidden]){display:none !important}", n = a, i = class {
-  constructor(e) {
-    s(this, e);
-  }
-  render() {
-    return t("dd", { key: "e44c9b8b5310a92b7fa9dba628eecdb69c3d053b" }, t("slot", { key: "c535c25d9b16724e7a9d04fee94c6e3d9cd515b3" }));
-  }
-};
-i.style = n;
-export {
-  i as utrecht_data_list_actions
-};

package/dist/utrecht-data-list-key.entry-ac56ab01.mjs

@@ -1,14 +0,0 @@
-import { r as a, h as t } from "./index-d4c2a3e7.mjs";
-import "vue";
-const s = ":host{display:contents}dt{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}:host([hidden]){display:none !important}", i = s, r = class {
-  constructor(e) {
-    a(this, e);
-  }
-  render() {
-    return t("dt", { key: "77b30edc6063d09aeddc15a98f053967bf1fac48" }, t("slot", { key: "2b380dcdb0e79e99ddc88cf921f4927b28f12edf" }));
-  }
-};
-r.style = i;
-export {
-  r as utrecht_data_list_key
-};

package/dist/utrecht-form-toggle.entry-fbdd2241.mjs

@@ -1,27 +0,0 @@
-import { r as i, c, h as o } from "./index-d4c2a3e7.mjs";
-import { c as l } from "./clsx-eca3fadc-0c6e471a.mjs";
-import "vue";
-const d = `.utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor, revert);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--html-label{cursor:inherit}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}:host{display:inline-block}:host([hidden]){display:none !important}`, n = d, s = class {
-  constructor(t) {
-    i(this, t), this.utrechtBlur = c(this, "utrechtBlur", 7), this.utrechtChange = c(this, "utrechtChange", 7), this.utrechtFocus = c(this, "utrechtFocus", 7), this.utrechtInput = c(this, "utrechtInput", 7), this.disabled = !1, this.checked = !1;
-  }
-  render() {
-    const { checked: t, disabled: e } = this, h = () => {
-      this.disabled || (this.checked = !this.checked, this.utrechtInput.emit(this), this.utrechtChange.emit(this));
-    }, u = () => {
-      h();
-    }, a = (r) => {
-      (r.code === "Space" || r.key === " ") && r.preventDefault();
-    }, g = (r) => {
-      (r.code === "Space" || r.key === " ") && h();
-    };
-    return o("div", { key: "45a24047b4e336bf11457803119a8544a2ce7396", class: l("utrecht-form-toggle", t && "utrecht-form-toggle--checked", !t && "utrecht-form-toggle--not-checked", e && "utrecht-form-toggle--disabled"), tabIndex: e ? null : 0, role: "switch", "aria-disabled": e ? "true" : null, onClick: u, onKeyPress: a, onKeyUp: g }, o("div", { key: "bcfa9ff67a0db3231ab27de357cfb90637b3af7e", class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), o("div", { key: "d361d122bfbaa5c9703b2b1cb1b666ff6116d910", class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), o("div", { key: "a98b6049292f7bc18c748c44117c61cfaa801245", class: l("utrecht-form-toggle__track", t && "utrecht-form-toggle__track--checked", !t && "utrecht-form-toggle__track--not-checked", e && "utrecht-form-toggle__track--disabled") }, o("div", { key: "8a8f3e01e8823f7ff9be327effc7b5d5788211c1", class: l("utrecht-form-toggle__thumb", t && "utrecht-form-toggle__thumb--checked", !t && "utrecht-form-toggle__thumb--not-checked", e && "utrecht-form-toggle__thumb--disabled") })));
-  }
-};
-s.style = n;
-export {
-  s as utrecht_form_toggle
-};

package/dist/utrecht-page-footer.entry-0c614cc1.mjs

@@ -1,14 +0,0 @@
-import { r as o, h as r } from "./index-d4c2a3e7.mjs";
-import "vue";
-const e = ".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__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}:host{display:block}:host([hidden]){display:none !important}", c = e, a = class {
-  constructor(t) {
-    o(this, t);
-  }
-  render() {
-    return r("footer", { key: "b26e46fbb4b775cef3e3b854aebcb7f283363420", class: "utrecht-page-footer" }, r("slot", { key: "af680fb4d98c58b16a4f875a8dd0c1bfaa208a7b" }));
-  }
-};
-a.style = c;
-export {
-  a as utrecht_page_footer
-};

package/dist/utrecht-pagination.entry-2548912d.mjs

@@ -1,21 +0,0 @@
-import { r as s, h as i } from "./index-d4c2a3e7.mjs";
-import { c as o } from "./clsx-eca3fadc-0c6e471a.mjs";
-import "vue";
-const h = `.utrecht-pagination__page-link:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-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-visible,.utrecht-pagination__relative-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}:host{display:block}:host([hidden]){display:none !important}`, v = h, k = class {
-  constructor(a) {
-    s(this, a), this.links = void 0, this.next = void 0, this.prev = void 0, this.currentIndex = void 0;
-  }
-  render() {
-    const { currentIndex: a } = this, p = typeof this.links == "string" ? JSON.parse(this.links) : null, l = typeof this.next == "string" ? JSON.parse(this.next) : null, c = typeof this.prev == "string" ? JSON.parse(this.next) : null, u = ({ disabled: t = !1, href: e = "", rel: n = null, textContent: r = "", title: g = "" }) => t ? i("span", { class: o("utrecht-pagination__relative-link", t && "utrecht-pagination__relative-link--disabled", n === "next" && "utrecht-pagination__relative-link--next", n === "prev" && "utrecht-pagination__relative-link--prev"), "aria-label": g || null }, r) : i("a", { href: e, class: o("utrecht-pagination__relative-link", t && "utrecht-pagination__relative-link--disabled", n === "next" && "utrecht-pagination__relative-link--next", n === "prev" && "utrecht-pagination__relative-link--prev"), rel: n, "aria-label": g || null }, r), d = ({ current: t = !1, href: e = "", rel: n = null, textContent: r = "" }) => i("a", { key: "f6768db06888542962048ffa40ad6a4c41ba3351", class: o("utrecht-pagination__page-link", t && "utrecht-pagination__page-link--current"), href: e, "aria-current": t ? "true" : null, rel: n }, r);
-    return i("nav", { key: "defcf8d099ff404ebb496bf4276f572608501e6c", class: "utrecht-pagination" }, i("span", { key: "31e05b13ce146627a02f2de816fa921783db90b8", class: "utrecht-pagination__before" }, c ? u(Object.assign(Object.assign({}, c), { rel: "prev", textContent: "Vorige" })) : ""), i("span", { key: "533c69d847173fade3ea85393fae7990b2da8ded", role: "group", class: "utrecht-pagination__pages" }, p.sort((t, e) => t.index === e.index ? 0 : t.index > e.index ? 1 : -1).map((t, e) => {
-      const n = typeof t.index == "number" ? t.index : e;
-      return Object.assign({ index: n, current: typeof a == "number" && n === a, rel: typeof a == "number" ? n === a + 1 ? "next" : n === a - 1 ? "prev" : null : null, textContent: t.index || n }, t);
-    }).map((t) => d(t))), i("span", { key: "ecfe8bfab588c3abd2b10c1aad86e5bb62f4fbf8", class: "utrecht-pagination__before" }, l ? u(Object.assign(Object.assign({}, l), { rel: "next", textContent: "Volgende" })) : ""));
-  }
-};
-k.style = v;
-export {
-  k as utrecht_pagination
-};

package/dist/utrecht-sidenav.entry-4a20c2cf.mjs

@@ -1,17 +0,0 @@
-import { r as m, h as e } from "./index-d4c2a3e7.mjs";
-import { c as t } from "./clsx-eca3fadc-0c6e471a.mjs";
-import "vue";
-const p = `.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);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.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-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-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);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:"";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;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);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:"";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.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}`, b = p, f = class {
-  constructor(n) {
-    m(this, n), this.json = void 0;
-  }
-  render() {
-    const n = JSON.parse(this.json);
-    return e("nav", { key: "6bfceb00700dbdb72e7ad653e0e76f573637128c", class: "utrecht-sidenav" }, e("ul", { key: "028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e", class: "utrecht-sidenav__list" }, n.map(({ href: a, title: u, current: s, focus: v, children: d, sibling: i, haschildren: c }, o, l) => e("li", { key: a, class: t("utrecht-sidenav__item", o + 1 === l.length && "utrecht-sidenav__item--last", i && "utrecht-sidenav__item--sibling", c && "utrecht-sidenav__item--parent") }, e("a", { class: t("utrecht-sidenav__link", s && "utrecht-sidenav__link--current", v && "utrecht-sidenav__link--focus", i && "utrecht-sidenav__link--sibling", c && "utrecht-sidenav__link--parent"), href: a }, e("div", { class: t("utrecht-sidenav__marker", s && "utrecht-sidenav__marker--current") }), e("div", { class: t("utrecht-sidenav__connection", c && "utrecht-sidenav__connection--parent", i && "utrecht-sidenav__connection--sibling", o + 1 === l.length && "utrecht-sidenav__connection--last") }), u), d ? e("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, d.map(({ href: h, title: _, current: r, focus: k }) => e("li", { key: h, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, e("a", { class: t("utrecht-sidenav__link", "utrecht-sidenav__link--child", r && "utrecht-sidenav__link--current", r && "utrecht-sidenav__link--current-child", k && "utrecht-sidenav__link--focus"), href: h }, e("div", { class: t("utrecht-sidenav__marker", "utrecht-sidenav__marker--child", r && "utrecht-sidenav__marker--current", r && "utrecht-sidenav__marker--current-child") }), _)))) : "", e("div", { class: "utrecht-sidenav__item-separator" })))));
-  }
-};
-f.style = b;
-export {
-  f as utrecht_sidenav
-};

package/dist/utrecht-surface.entry-ae6504d7.mjs

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