@utrecht/web-component-library-stencil 1.0.0-alpha.82 → 1.0.0-alpha.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/utrecht-icon-arrow.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-icon-cross.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-icon-facebook.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-icon-filter.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-icon-instagram.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-icon-linkedin.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-icon-list.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-icon-loupe.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-icon-twitter.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-icon-whatsapp.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-icon-zoomin.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-icon-zoomout.cjs.entry.js +19 -0
- package/dist/cjs/utrecht.cjs.js +1 -1
- package/dist/collection/alternate-lang-link/bem.js +21 -0
- package/dist/collection/alternate-lang-nav/bem.js +12 -0
- package/dist/collection/article/bem.js +6 -0
- package/dist/collection/badge-counter/bem.js +7 -0
- package/dist/collection/badge-data/bem.js +6 -0
- package/dist/collection/badge-status/bem.js +7 -0
- package/dist/collection/blockquote/bem.js +24 -0
- package/dist/collection/breadcrumb/bem.js +34 -0
- package/dist/collection/button/bem.js +21 -0
- package/dist/collection/collection-manifest.json +7 -0
- package/dist/collection/emphasis/bem.js +19 -0
- package/dist/collection/form-field-checkbox/bem.js +10 -0
- package/dist/collection/form-field-checkbox-group/bem.js +33 -0
- package/dist/collection/form-field-description/bem.js +14 -0
- package/dist/collection/form-field-radio/bem.js +10 -0
- package/dist/collection/form-field-radio-group/bem.js +20 -0
- package/dist/collection/form-fieldset/bem.js +10 -0
- package/dist/collection/form-label/bem.js +22 -0
- package/dist/collection/form-toggle/bem.js +47 -0
- package/dist/collection/heading-1/bem.js +11 -0
- package/dist/collection/heading-2/bem.js +11 -0
- package/dist/collection/heading-3/bem.js +11 -0
- package/dist/collection/heading-4/bem.js +11 -0
- package/dist/collection/heading-5/bem.js +11 -0
- package/dist/collection/heading-6/bem.js +11 -0
- package/dist/collection/icon/arrow.stencil.js +17 -0
- package/dist/collection/icon/cross.stencil.js +17 -0
- package/dist/collection/icon/filter.stencil.js +18 -0
- package/dist/collection/icon/list.stencil.js +21 -0
- package/dist/collection/icon/loupe.stencil.js +17 -0
- package/dist/collection/icon/stencil.css +3 -0
- package/dist/collection/icon/zoomin.stencil.js +18 -0
- package/dist/collection/icon/zoomout.stencil.js +17 -0
- package/dist/collection/link/bem.js +38 -0
- package/dist/collection/link-list/bem.js +10 -0
- package/dist/collection/link-social/bem.js +20 -0
- package/dist/collection/logo/bem.js +33 -0
- package/dist/collection/mapcontrolbutton/bem.js +25 -0
- package/dist/collection/menulijst/bem.js +18 -0
- package/dist/collection/nav-top/bem.js +23 -0
- package/dist/collection/navigatie sidenav/bem.js +43 -0
- package/dist/collection/navigatie topnav/bem.js +25 -0
- package/dist/collection/ordered-list/bem.js +13 -0
- package/dist/collection/page-footer/bem.js +7 -0
- package/dist/collection/pagination/bem.js +54 -0
- package/dist/collection/paragraph/bem.js +14 -0
- package/dist/collection/pre-heading/bem.js +15 -0
- package/dist/collection/search-bar/bem.js +15 -0
- package/dist/collection/select/bem.js +38 -0
- package/dist/collection/separator/bem.js +16 -0
- package/dist/collection/textbox/bem.js +32 -0
- package/dist/collection/unordered-list/bem.js +25 -0
- package/dist/custom-elements/index.d.ts +42 -0
- package/dist/custom-elements/index.js +166 -54
- package/dist/esm/loader.js +1 -1
- package/dist/esm/utrecht-icon-arrow.entry.js +15 -0
- package/dist/esm/utrecht-icon-cross.entry.js +15 -0
- package/dist/esm/utrecht-icon-facebook.entry.js +1 -1
- package/dist/esm/utrecht-icon-filter.entry.js +15 -0
- package/dist/esm/utrecht-icon-instagram.entry.js +1 -1
- package/dist/esm/utrecht-icon-linkedin.entry.js +1 -1
- package/dist/esm/utrecht-icon-list.entry.js +15 -0
- package/dist/esm/utrecht-icon-loupe.entry.js +15 -0
- package/dist/esm/utrecht-icon-twitter.entry.js +1 -1
- package/dist/esm/utrecht-icon-whatsapp.entry.js +1 -1
- package/dist/esm/utrecht-icon-zoomin.entry.js +15 -0
- package/dist/esm/utrecht-icon-zoomout.entry.js +15 -0
- package/dist/esm/utrecht.js +1 -1
- package/dist/icon/arrow.stencil.d.ts +3 -0
- package/dist/icon/arrow.stencil.js +23 -0
- package/dist/icon/cross.stencil.d.ts +3 -0
- package/dist/icon/cross.stencil.js +23 -0
- package/dist/icon/filter.stencil.d.ts +3 -0
- package/dist/icon/filter.stencil.js +24 -0
- package/dist/icon/list.stencil.d.ts +3 -0
- package/dist/icon/list.stencil.js +27 -0
- package/dist/icon/loupe.stencil.d.ts +3 -0
- package/dist/icon/loupe.stencil.js +23 -0
- package/dist/icon/zoomin.stencil.d.ts +3 -0
- package/dist/icon/zoomin.stencil.js +24 -0
- package/dist/icon/zoomout.stencil.d.ts +3 -0
- package/dist/icon/zoomout.stencil.js +23 -0
- package/dist/types/components.d.ts +91 -0
- package/dist/types/icon/arrow.stencil.d.ts +3 -0
- package/dist/types/icon/cross.stencil.d.ts +3 -0
- package/dist/types/icon/filter.stencil.d.ts +3 -0
- package/dist/types/icon/list.stencil.d.ts +3 -0
- package/dist/types/icon/loupe.stencil.d.ts +3 -0
- package/dist/types/icon/zoomin.stencil.d.ts +3 -0
- package/dist/types/icon/zoomout.stencil.d.ts +3 -0
- package/dist/utrecht/{p-b2b8b19a.entry.js → p-02530cfd.entry.js} +1 -1
- package/dist/utrecht/p-152c934f.entry.js +1 -0
- package/dist/utrecht/p-170e6d71.entry.js +1 -0
- package/dist/utrecht/p-2606f67e.entry.js +1 -0
- package/dist/utrecht/p-3d543bd7.entry.js +1 -0
- package/dist/utrecht/{p-4d181c2e.entry.js → p-5177f4f1.entry.js} +1 -1
- package/dist/utrecht/p-5d15fb5c.entry.js +1 -0
- package/dist/utrecht/p-a5113af3.entry.js +1 -0
- package/dist/utrecht/p-a80a05c9.entry.js +1 -0
- package/dist/utrecht/{p-3d53697f.entry.js → p-d0413cfd.entry.js} +1 -1
- package/dist/utrecht/{p-df4e1301.entry.js → p-e276040c.entry.js} +1 -1
- package/dist/utrecht/p-ff065ee5.entry.js +1 -0
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +2 -2
- package/dist/utrecht/p-3a929416.entry.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { attachShadow, h, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
|
|
2
2
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
3
3
|
|
|
4
|
-
const stencilCss$
|
|
4
|
+
const stencilCss$D = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Article = class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -12,10 +12,10 @@ const Article = class extends HTMLElement {
|
|
|
12
12
|
render() {
|
|
13
13
|
return (h("article", { class: "utrecht-article" }, h("slot", null)));
|
|
14
14
|
}
|
|
15
|
-
static get style() { return stencilCss$
|
|
15
|
+
static get style() { return stencilCss$D; }
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const stencilCss$
|
|
18
|
+
const stencilCss$C = ".utrecht-badge{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:normal;font-weight:var(--utrecht-badge-font-weight, bold);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;}.utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, black));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, white));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:normal;font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));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-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
19
19
|
|
|
20
20
|
const BadgeCounter = class extends HTMLElement {
|
|
21
21
|
constructor() {
|
|
@@ -30,10 +30,10 @@ const BadgeCounter = class extends HTMLElement {
|
|
|
30
30
|
const textContent = limited ? `${formatNumber(max)}+` : typeof value === "number" ? formatNumber(value) : "";
|
|
31
31
|
return h("div", { class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
|
|
32
32
|
}
|
|
33
|
-
static get style() { return stencilCss$
|
|
33
|
+
static get style() { return stencilCss$C; }
|
|
34
34
|
};
|
|
35
35
|
|
|
36
|
-
const stencilCss$
|
|
36
|
+
const stencilCss$B = ".utrecht-badge,.utrecht-badge-data{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:normal;font-weight:var(--utrecht-badge-font-weight, bold);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;}.utrecht-badge-data{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}";
|
|
37
37
|
|
|
38
38
|
const BadgeData = class extends HTMLElement {
|
|
39
39
|
constructor() {
|
|
@@ -44,10 +44,10 @@ const BadgeData = class extends HTMLElement {
|
|
|
44
44
|
render() {
|
|
45
45
|
return (h("div", { class: "utrecht-badge-data" }, h("slot", null)));
|
|
46
46
|
}
|
|
47
|
-
static get style() { return stencilCss$
|
|
47
|
+
static get style() { return stencilCss$B; }
|
|
48
48
|
};
|
|
49
49
|
|
|
50
|
-
const stencilCss$
|
|
50
|
+
const stencilCss$A = ".utrecht-badge,.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:normal;font-weight:var(--utrecht-badge-font-weight, bold);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;}.utrecht-badge-status{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, red);color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, #ffa600);color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, green);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, red));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, #ffa600));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, #ffa600));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, #ffa600));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, #ffa600));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, #ffa600));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
51
51
|
|
|
52
52
|
const BadgeStatus = class extends HTMLElement {
|
|
53
53
|
constructor() {
|
|
@@ -58,7 +58,7 @@ const BadgeStatus = class extends HTMLElement {
|
|
|
58
58
|
render() {
|
|
59
59
|
return (h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status}` }, h("slot", null)));
|
|
60
60
|
}
|
|
61
|
-
static get style() { return stencilCss$
|
|
61
|
+
static get style() { return stencilCss$A; }
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
function toVal(mix) {
|
|
@@ -102,7 +102,7 @@ function clsx () {
|
|
|
102
102
|
return str;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
const stencilCss$
|
|
105
|
+
const stencilCss$z = ".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__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::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{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline)}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-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))}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link--telephone{white-space:nowrap}:host{display:block}:host([hidden]){display:none !important}";
|
|
106
106
|
|
|
107
107
|
const Breadcrumb = class extends HTMLElement {
|
|
108
108
|
constructor() {
|
|
@@ -116,10 +116,10 @@ const Breadcrumb = class extends HTMLElement {
|
|
|
116
116
|
const items = json ? JSON.parse(json) : [];
|
|
117
117
|
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 }))))))));
|
|
118
118
|
}
|
|
119
|
-
static get style() { return stencilCss$
|
|
119
|
+
static get style() { return stencilCss$z; }
|
|
120
120
|
};
|
|
121
121
|
|
|
122
|
-
const stencilCss$
|
|
122
|
+
const stencilCss$y = ".utrecht-button{background-color:var(--utrecht-button-primary-action-background-color);border-radius:var(--utrecht-button-border-radius);border-width:var(--utrecht-button-border-width);color:var(--utrecht-button-primary-action-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);letter-spacing:var(--utrecht-button-letter-spacing);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform)}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color);color:var(--utrecht-button-disabled-color)}.utrecht-button--focus,.utrecht-button:not(.utrecht-button--disabled):focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled){background-color:var(--utrecht-button-primary-action-hover-background-color);color:var(--utrecht-button-primary-action-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
123
123
|
|
|
124
124
|
const Button = class extends HTMLElement {
|
|
125
125
|
constructor() {
|
|
@@ -155,10 +155,10 @@ const Button = class extends HTMLElement {
|
|
|
155
155
|
return (h("button", { class: clsx("utrecht-button", this.disabled && "utrecht-button--disabled"), disabled: this.disabled, type: this.type || "button", onClick: handleClick }, h("slot", null)));
|
|
156
156
|
}
|
|
157
157
|
get host() { return this; }
|
|
158
|
-
static get style() { return stencilCss$
|
|
158
|
+
static get style() { return stencilCss$y; }
|
|
159
159
|
};
|
|
160
160
|
|
|
161
|
-
const stencilCss$
|
|
161
|
+
const stencilCss$x = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}";
|
|
162
162
|
|
|
163
163
|
const Checkbox = class extends HTMLElement {
|
|
164
164
|
constructor() {
|
|
@@ -181,10 +181,10 @@ const Checkbox = class extends HTMLElement {
|
|
|
181
181
|
this.utrechtInput.emit(evt);
|
|
182
182
|
} }));
|
|
183
183
|
}
|
|
184
|
-
static get style() { return stencilCss$
|
|
184
|
+
static get style() { return stencilCss$x; }
|
|
185
185
|
};
|
|
186
186
|
|
|
187
|
-
const stencilCss$
|
|
187
|
+
const stencilCss$w = ".utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline)}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-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))}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link--telephone{white-space:nowrap}.utrecht-contact-card{--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;--utrecht-heading-2-text-transform:uppercase;--utrecht-heading-2-font-size:var(--utrecht-typography-scale-md-font-size);--utrecht-contact-card-background-color:hsl(207 60% 91%);--utrecht-contact-card-background-color-2:hsl(207 60% 96%);background-color:#dae9f6;background-image:linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));background-position-x:66%;background-size:200%;color:var(--utrecht-color-black);padding-block-end:var(--utrecht-space-block-lg);padding-block-start:var(--utrecht-space-block-lg);padding-inline-end:var(--utrecht-space-inline-lg);padding-inline-start:var(--utrecht-space-inline-lg)}.utrecht-contact-card__content{display:flex;flex-direction:row}.utrecht-contact-card__section{margin-block-start:var(--utrecht-space-row-lg);width:100%}.utrecht-contact-card__telephone{--utrecht-paragraph-font-size:var(--utrecht-typography-scale-2xl-font-size)}";
|
|
188
188
|
|
|
189
189
|
const ContactCardTemplate = class extends HTMLElement {
|
|
190
190
|
constructor() {
|
|
@@ -195,10 +195,10 @@ const ContactCardTemplate = class extends HTMLElement {
|
|
|
195
195
|
render() {
|
|
196
196
|
return (h("div", { class: "utrecht-contact-card" }, h("utrecht-heading-2", null, "Hulp en contact"), h("div", { class: "utrecht-contact-card__content" }, h("div", { class: "utrecht-contact-card__section" }, h("utrecht-heading-3", null, "Telefoon"), h("utrecht-paragraph", { class: "utrecht-contact-card__telephone" }, h("a", { href: "tel:14-030", class: "utrecht-link utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", null, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { class: "utrecht-contact-card__section" }, h("utrecht-heading-3", null, "E-mail"), h("utrecht-paragraph", null, h("a", { class: "utrecht-link", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
|
|
197
197
|
}
|
|
198
|
-
static get style() { return stencilCss$
|
|
198
|
+
static get style() { return stencilCss$w; }
|
|
199
199
|
};
|
|
200
200
|
|
|
201
|
-
const stencilCss$
|
|
201
|
+
const stencilCss$v = ".utrecht-document{background-color:var(--utrecht-document-background-color, inherit);color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit)}:host{display:block}:host([hidden]){display:none !important}";
|
|
202
202
|
|
|
203
203
|
const Document = class extends HTMLElement {
|
|
204
204
|
constructor() {
|
|
@@ -209,10 +209,10 @@ const Document = class extends HTMLElement {
|
|
|
209
209
|
render() {
|
|
210
210
|
return (h("div", { class: "utrecht-document" }, h("slot", null)));
|
|
211
211
|
}
|
|
212
|
-
static get style() { return stencilCss$
|
|
212
|
+
static get style() { return stencilCss$v; }
|
|
213
213
|
};
|
|
214
214
|
|
|
215
|
-
const stencilCss$
|
|
215
|
+
const stencilCss$u = ".utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field__label--checkbox{margin-inline-start:1ch}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}";
|
|
216
216
|
|
|
217
217
|
const FormFieldCheckbox = class extends HTMLElement {
|
|
218
218
|
constructor() {
|
|
@@ -237,10 +237,10 @@ const FormFieldCheckbox = class extends HTMLElement {
|
|
|
237
237
|
this.utrechtInput.emit(evt);
|
|
238
238
|
} }), h("label", { class: clsx("utrecht-form-field__label", "utrecht-form-field__label--checkbox", "utrecht-form-label", "utrecht-form-label--checkbox"), htmlFor: "input" }, h("slot", null))));
|
|
239
239
|
}
|
|
240
|
-
static get style() { return stencilCss$
|
|
240
|
+
static get style() { return stencilCss$u; }
|
|
241
241
|
};
|
|
242
242
|
|
|
243
|
-
const stencilCss$
|
|
243
|
+
const stencilCss$t = ".utrecht-form-field-description{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit)}.utrecht-form-field-description--distanced{margin-block-end:var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}:host{display:block}:host([hidden]){display:none !important}";
|
|
244
244
|
|
|
245
245
|
const FormFieldDescription = class extends HTMLElement {
|
|
246
246
|
constructor() {
|
|
@@ -253,10 +253,10 @@ const FormFieldDescription = class extends HTMLElement {
|
|
|
253
253
|
const { status } = this;
|
|
254
254
|
return (h("div", { class: clsx("utrecht-form-field-description", status === "valid" && "utrecht-form-field-description--valid", status === "invalid" && "utrecht-form-field-description--invalid") }, h("slot", null)));
|
|
255
255
|
}
|
|
256
|
-
static get style() { return stencilCss$
|
|
256
|
+
static get style() { return stencilCss$t; }
|
|
257
257
|
};
|
|
258
258
|
|
|
259
|
-
const stencilCss$
|
|
259
|
+
const stencilCss$s = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--form-input-textarea-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-textarea-color, var(--form-input-textarea-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder,.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
|
|
260
260
|
|
|
261
261
|
const FormFieldTextarea = class extends HTMLElement {
|
|
262
262
|
constructor() {
|
|
@@ -281,10 +281,10 @@ const FormFieldTextarea = class extends HTMLElement {
|
|
|
281
281
|
this.utrechtInput.emit(evt);
|
|
282
282
|
} }, value), h("label", { class: "utrecht-form-field-textarea__label utrecht-form-label", htmlFor: "input" }, h("slot", null))));
|
|
283
283
|
}
|
|
284
|
-
static get style() { return stencilCss$
|
|
284
|
+
static get style() { return stencilCss$s; }
|
|
285
285
|
};
|
|
286
286
|
|
|
287
|
-
const stencilCss$
|
|
287
|
+
const stencilCss$r = ".utrecht-form-field-textbox{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder,.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
|
|
288
288
|
|
|
289
289
|
const FormFieldTextbox = class extends HTMLElement {
|
|
290
290
|
constructor() {
|
|
@@ -314,10 +314,10 @@ const FormFieldTextbox = class extends HTMLElement {
|
|
|
314
314
|
this.utrechtInput.emit(evt);
|
|
315
315
|
} }), h("label", { class: "utrecht-form-field-textbox__label utrecht-form-label", htmlFor: "input" }, h("slot", null))));
|
|
316
316
|
}
|
|
317
|
-
static get style() { return stencilCss$
|
|
317
|
+
static get style() { return stencilCss$r; }
|
|
318
318
|
};
|
|
319
319
|
|
|
320
|
-
const stencilCss$
|
|
320
|
+
const stencilCss$q = ".utrecht-form-toggle{align-items:center;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);display:flex;height:var(--utrecht-form-toggle-height, 2em);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;user-select:none;width:var(--utrecht-form-toggle-width, 6em)}.utrecht-form-toggle--focus,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus{border-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--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{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))}.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);border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;height:100%;width:100%}.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-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus~.utrecht-form-toggle__track{outline-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));outline-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));outline-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
321
321
|
|
|
322
322
|
const FormToggle = class extends HTMLElement {
|
|
323
323
|
constructor() {
|
|
@@ -357,10 +357,10 @@ const FormToggle = class extends HTMLElement {
|
|
|
357
357
|
};
|
|
358
358
|
return (h("div", { class: clsx("utrecht-form-toggle", checked && "utrecht-form-toggle--checked", !checked && "utrecht-form-toggle--not-checked", disabled && "utrecht-form-toggle--disabled"), tabIndex: disabled ? null : 0, "aria-disabled": disabled, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), h("div", { class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), h("div", { class: clsx("utrecht-form-toggle__track", checked && "utrecht-form-toggle__track--checked", !checked && "utrecht-form-toggle__track--not-checked", disabled && "utrecht-form-toggle__track--disabled") }, h("div", { class: clsx("utrecht-form-toggle__thumb", checked && "utrecht-form-toggle__thumb--checked", !checked && "utrecht-form-toggle__thumb--not-checked", disabled && "utrecht-form-toggle__thumb--disabled") }))));
|
|
359
359
|
}
|
|
360
|
-
static get style() { return stencilCss$
|
|
360
|
+
static get style() { return stencilCss$q; }
|
|
361
361
|
};
|
|
362
362
|
|
|
363
|
-
const stencilCss$
|
|
363
|
+
const stencilCss$p = ".utrecht-heading-1{color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6{color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
364
364
|
|
|
365
365
|
const Heading = class extends HTMLElement {
|
|
366
366
|
constructor() {
|
|
@@ -391,10 +391,10 @@ const Heading = class extends HTMLElement {
|
|
|
391
391
|
return (h("div", { class: "utrecht-heading", role: "heading", "aria-level": this.level }, h("slot", null)));
|
|
392
392
|
}
|
|
393
393
|
}
|
|
394
|
-
static get style() { return stencilCss$
|
|
394
|
+
static get style() { return stencilCss$p; }
|
|
395
395
|
};
|
|
396
396
|
|
|
397
|
-
const stencilCss$
|
|
397
|
+
const stencilCss$o = ".utrecht-heading-1{color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
398
398
|
|
|
399
399
|
const Heading1 = class extends HTMLElement {
|
|
400
400
|
constructor() {
|
|
@@ -405,10 +405,10 @@ const Heading1 = class extends HTMLElement {
|
|
|
405
405
|
render() {
|
|
406
406
|
return (h("h1", { class: "utrecht-heading-1" }, h("slot", null)));
|
|
407
407
|
}
|
|
408
|
-
static get style() { return stencilCss$
|
|
408
|
+
static get style() { return stencilCss$o; }
|
|
409
409
|
};
|
|
410
410
|
|
|
411
|
-
const stencilCss$
|
|
411
|
+
const stencilCss$n = ".utrecht-heading-2{color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
412
412
|
|
|
413
413
|
const Heading2 = class extends HTMLElement {
|
|
414
414
|
constructor() {
|
|
@@ -419,10 +419,10 @@ const Heading2 = class extends HTMLElement {
|
|
|
419
419
|
render() {
|
|
420
420
|
return (h("h2", { class: "utrecht-heading-2" }, h("slot", null)));
|
|
421
421
|
}
|
|
422
|
-
static get style() { return stencilCss$
|
|
422
|
+
static get style() { return stencilCss$n; }
|
|
423
423
|
};
|
|
424
424
|
|
|
425
|
-
const stencilCss$
|
|
425
|
+
const stencilCss$m = ".utrecht-heading-3{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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
426
426
|
|
|
427
427
|
const Heading3 = class extends HTMLElement {
|
|
428
428
|
constructor() {
|
|
@@ -433,10 +433,10 @@ const Heading3 = class extends HTMLElement {
|
|
|
433
433
|
render() {
|
|
434
434
|
return (h("h3", { class: "utrecht-heading-3" }, h("slot", null)));
|
|
435
435
|
}
|
|
436
|
-
static get style() { return stencilCss$
|
|
436
|
+
static get style() { return stencilCss$m; }
|
|
437
437
|
};
|
|
438
438
|
|
|
439
|
-
const stencilCss$
|
|
439
|
+
const stencilCss$l = ".utrecht-heading-4{color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
440
440
|
|
|
441
441
|
const Heading4 = class extends HTMLElement {
|
|
442
442
|
constructor() {
|
|
@@ -447,10 +447,10 @@ const Heading4 = class extends HTMLElement {
|
|
|
447
447
|
render() {
|
|
448
448
|
return (h("h4", { class: "utrecht-heading-4" }, h("slot", null)));
|
|
449
449
|
}
|
|
450
|
-
static get style() { return stencilCss$
|
|
450
|
+
static get style() { return stencilCss$l; }
|
|
451
451
|
};
|
|
452
452
|
|
|
453
|
-
const stencilCss$
|
|
453
|
+
const stencilCss$k = ".utrecht-heading-5{color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
454
454
|
|
|
455
455
|
const Heading5 = class extends HTMLElement {
|
|
456
456
|
constructor() {
|
|
@@ -461,10 +461,10 @@ const Heading5 = class extends HTMLElement {
|
|
|
461
461
|
render() {
|
|
462
462
|
return (h("h5", { class: "utrecht-heading-5" }, h("slot", null)));
|
|
463
463
|
}
|
|
464
|
-
static get style() { return stencilCss$
|
|
464
|
+
static get style() { return stencilCss$k; }
|
|
465
465
|
};
|
|
466
466
|
|
|
467
|
-
const stencilCss$
|
|
467
|
+
const stencilCss$j = ".utrecht-heading-6{color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
468
468
|
|
|
469
469
|
const Heading6 = class extends HTMLElement {
|
|
470
470
|
constructor() {
|
|
@@ -475,10 +475,10 @@ const Heading6 = class extends HTMLElement {
|
|
|
475
475
|
render() {
|
|
476
476
|
return (h("h6", { class: "utrecht-heading-6" }, h("slot", null)));
|
|
477
477
|
}
|
|
478
|
-
static get style() { return stencilCss$
|
|
478
|
+
static get style() { return stencilCss$j; }
|
|
479
479
|
};
|
|
480
480
|
|
|
481
|
-
const stencilCss$b = "@charset \"UTF-8\";.utrecht-article,.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-blockquote,.utrecht-html blockquote{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start)}.utrecht-blockquote__attribution{color:var(--utrecht-blockquote-attribution-color, inherit);font-size:var(--utrecht-blockquote-attribution-font-size, inherit)}.utrecht-blockquote__content,.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color, inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size, inherit);color:var(--utrecht-blockquote-content-color, inherit);font-size:var(--utrecht-blockquote-content-font-size, inherit)}.utrecht-blockquote--distanced,.utrecht-html blockquote{margin-block-end:var(--utrecht-blockquote-margin-block-end);margin-block-start:var(--utrecht-blockquote-margin-block-start)}.utrecht-button,.utrecht-html button{background-color:var(--utrecht-button-primary-action-background-color);border-radius:var(--utrecht-button-border-radius);border-width:var(--utrecht-button-border-width);color:var(--utrecht-button-primary-action-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);letter-spacing:var(--utrecht-button-letter-spacing);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform)}.utrecht-button--distanced,.utrecht-html button{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button:disabled,.utrecht-html button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color);color:var(--utrecht-button-disabled-color)}.utrecht-button--focus,.utrecht-html button:focus,.utrecht-button:not(.utrecht-button--disabled):focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button--hover:not(:disabled),.utrecht-html button:not(:disabled):hover,.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled){background-color:var(--utrecht-button-primary-action-hover-background-color);color:var(--utrecht-button-primary-action-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-checkbox,.utrecht-html input[type=checkbox]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-emphasis--stressed,.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong,.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-form-fieldset--reset-fieldset,.utrecht-html fieldset{border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:0.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--reset-legend,.utrecht-html legend{padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced,.utrecht-html fieldset{margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.utrecht-form-fieldset__legend,.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--distanced,.utrecht-html legend{margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start)}.utrecht-form-label,.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox,.utrecht-html input[type=checkbox]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio,.utrecht-html input[type=radio]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1,.utrecht-html h1{color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced,.utrecht-html h1{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2,.utrecht-html h2{color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced,.utrecht-html h2{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3,.utrecht-html h3{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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced,.utrecht-html h3{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4,.utrecht-html h4{color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced,.utrecht-html h4{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5,.utrecht-html h5{color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced,.utrecht-html h5{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6,.utrecht-html h6{color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced,.utrecht-html h6{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-link,.utrecht-html a:link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline)}.utrecht-link:visited,.utrecht-link--visited,.utrecht-html a:visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover,.utrecht-html a: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))}.utrecht-link:active,.utrecht-link--active,.utrecht-html a:active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus,.utrecht-html a:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link--telephone,.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-ordered-list,.utrecht-html ol{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch))}.utrecht-ordered-list--distanced,.utrecht-html ol{margin-block-end:var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end));margin-block-start:var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start))}.utrecht-ordered-list__item,.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end, var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start, var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start, var(--utrecht-unordered-list-item-padding-inline-start, 1ch))}.utrecht-paragraph,.utrecht-html p{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:0;margin-block-start:0}.utrecht-paragraph--lead,.utrecht-html p.lead{font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced,.utrecht-html *~p{margin-block-end:var(--utrecht-paragraph-margin-block-end);margin-block-start:var(--utrecht-paragraph-margin-block-start)}.utrecht-radio-button,.utrecht-html input[type=radio]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-separator,.utrecht-html hr{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-width) 0}.utrecht-separator--distanced,.utrecht-html hr{margin-block-end:var(--utrecht-separator-margin-block-end);margin-block-start:var(--utrecht-separator-margin-block-start)}.utrecht-table,.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);width:100%}.utrecht-table--distanced,.utrecht-html table{margin-block-end:var(--utrecht-table-margin-block-end);margin-block-start:var(--utrecht-table-margin-block-start)}.utrecht-table__caption,.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}.utrecht-table__header,.utrecht-html thead{color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-table__cell--last-header-row,.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}.utrecht-table__body,.utrecht-html tbody{vertical-align:baseline}.utrecht-table__heading,.utrecht-html th{color:var(--utrecht-table-heading-color);font-size:var(--utrecht-table-heading-font-size);font-weight:var(--utrecht-table-heading-font-weight);text-transform:var(--utrecht-table-heading-text-transform)}.utrecht-table__cell,.utrecht-html th,.utrecht-html td{border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start}.utrecht-table__cell--first,.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}.utrecht-table__cell--last,.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}.utrecht-table__cell--numeric,.utrecht-html th.numeric,.utrecht-html td.numeric{text-align:right}.utrecht-table__row--alternate-odd,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table__row--alternate-even,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th,.utrecht-html table.alternate-row-color>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-textarea,.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color, var(--form-input-textarea-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-textarea-color, var(--form-input-textarea-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-html textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true],.utrecht-html textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled,.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus,.utrecht-html textarea:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only,.utrecht-html textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder,.utrecht-textarea--html-textarea::placeholder,.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));opacity:100%}.utrecht-textbox,.utrecht-html input:not([type]),.utrecht-html input[type=email],.utrecht-html input[type=number],.utrecht-html input[type=password],.utrecht-html input[type=search],.utrecht-html input[type=tel],.utrecht-html input[type=text],.utrecht-html input[type=url]{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-html input:invalid:not([type]),.utrecht-html input[type=email]:invalid,.utrecht-html input[type=number]:invalid,.utrecht-html input[type=password]:invalid,.utrecht-html input[type=search]:invalid,.utrecht-html input[type=tel]:invalid,.utrecht-html input[type=text]:invalid,.utrecht-html input[type=url]:invalid,.utrecht-textbox--html-input[aria-invalid=true],.utrecht-html input[aria-invalid=true]:not([type]),.utrecht-html input[aria-invalid=true][type=email],.utrecht-html input[aria-invalid=true][type=number],.utrecht-html input[aria-invalid=true][type=password],.utrecht-html input[aria-invalid=true][type=search],.utrecht-html input[aria-invalid=true][type=tel],.utrecht-html input[aria-invalid=true][type=text],.utrecht-html input[aria-invalid=true][type=url]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled,.utrecht-html input:disabled:not([type]),.utrecht-html input[type=email]:disabled,.utrecht-html input[type=number]:disabled,.utrecht-html input[type=password]:disabled,.utrecht-html input[type=search]:disabled,.utrecht-html input[type=tel]:disabled,.utrecht-html input[type=text]:disabled,.utrecht-html input[type=url]:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus,.utrecht-html input:focus:not([type]),.utrecht-html input[type=email]:focus,.utrecht-html input[type=number]:focus,.utrecht-html input[type=password]:focus,.utrecht-html input[type=search]:focus,.utrecht-html input[type=tel]:focus,.utrecht-html input[type=text]:focus,.utrecht-html input[type=url]:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only,.utrecht-html input:read-only:not([type]),.utrecht-html input[type=email]:read-only,.utrecht-html input[type=number]:read-only,.utrecht-html input[type=password]:read-only,.utrecht-html input[type=search]:read-only,.utrecht-html input[type=tel]:read-only,.utrecht-html input[type=text]:read-only,.utrecht-html input[type=url]:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder,.utrecht-textbox--html-input::placeholder,.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=email]::placeholder,.utrecht-html input[type=number]::placeholder,.utrecht-html input[type=password]::placeholder,.utrecht-html input[type=search]::placeholder,.utrecht-html input[type=tel]::placeholder,.utrecht-html input[type=text]::placeholder,.utrecht-html input[type=url]::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));opacity:100%}.utrecht-unordered-list,.utrecht-html ul{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-unordered-list-padding-inline-start, 2ch)}.utrecht-unordered-list--distanced,.utrecht-html ul{margin-block-end:var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-unordered-list--nested{margin-block-end:0;margin-inline-start:2ch}.utrecht-unordered-list__item,.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start, 1ch)}.utrecht-unordered-list__item::marker,.utrecht-html ul>li::marker,.utrecht-unordered-list__marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}:host{display:block}:host([hidden]){display:none !important}";
|
|
481
|
+
const stencilCss$i = "@charset \"UTF-8\";.utrecht-article,.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-blockquote,.utrecht-html blockquote{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start)}.utrecht-blockquote__attribution{color:var(--utrecht-blockquote-attribution-color, inherit);font-size:var(--utrecht-blockquote-attribution-font-size, inherit)}.utrecht-blockquote__content,.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color, inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size, inherit);color:var(--utrecht-blockquote-content-color, inherit);font-size:var(--utrecht-blockquote-content-font-size, inherit)}.utrecht-blockquote--distanced,.utrecht-html blockquote{margin-block-end:var(--utrecht-blockquote-margin-block-end);margin-block-start:var(--utrecht-blockquote-margin-block-start)}.utrecht-button,.utrecht-html button{background-color:var(--utrecht-button-primary-action-background-color);border-radius:var(--utrecht-button-border-radius);border-width:var(--utrecht-button-border-width);color:var(--utrecht-button-primary-action-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);letter-spacing:var(--utrecht-button-letter-spacing);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform)}.utrecht-button--distanced,.utrecht-html button{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button:disabled,.utrecht-html button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color);color:var(--utrecht-button-disabled-color)}.utrecht-button--focus,.utrecht-html button:focus,.utrecht-button:not(.utrecht-button--disabled):focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button--hover:not(:disabled),.utrecht-html button:not(:disabled):hover,.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled){background-color:var(--utrecht-button-primary-action-hover-background-color);color:var(--utrecht-button-primary-action-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-checkbox,.utrecht-html input[type=checkbox]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-emphasis--stressed,.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong,.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-form-fieldset--reset-fieldset,.utrecht-html fieldset{border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:0.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--reset-legend,.utrecht-html legend{padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced,.utrecht-html fieldset{margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.utrecht-form-fieldset__legend,.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--distanced,.utrecht-html legend{margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start)}.utrecht-form-label,.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox,.utrecht-html input[type=checkbox]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio,.utrecht-html input[type=radio]~label{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1,.utrecht-html h1{color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced,.utrecht-html h1{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2,.utrecht-html h2{color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced,.utrecht-html h2{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3,.utrecht-html h3{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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced,.utrecht-html h3{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4,.utrecht-html h4{color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced,.utrecht-html h4{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5,.utrecht-html h5{color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced,.utrecht-html h5{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6,.utrecht-html h6{color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced,.utrecht-html h6{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-link,.utrecht-html a:link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline)}.utrecht-link:visited,.utrecht-link--visited,.utrecht-html a:visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover,.utrecht-html a: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))}.utrecht-link:active,.utrecht-link--active,.utrecht-html a:active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus,.utrecht-html a:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link--telephone,.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-ordered-list,.utrecht-html ol{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch))}.utrecht-ordered-list--distanced,.utrecht-html ol{margin-block-end:var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end));margin-block-start:var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start))}.utrecht-ordered-list__item,.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end, var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start, var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start, var(--utrecht-unordered-list-item-padding-inline-start, 1ch))}.utrecht-paragraph,.utrecht-html p{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:0;margin-block-start:0}.utrecht-paragraph--lead,.utrecht-html p.lead{font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced,.utrecht-html *~p{margin-block-end:var(--utrecht-paragraph-margin-block-end);margin-block-start:var(--utrecht-paragraph-margin-block-start)}.utrecht-radio-button,.utrecht-html input[type=radio]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-separator,.utrecht-html hr{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-width) 0}.utrecht-separator--distanced,.utrecht-html hr{margin-block-end:var(--utrecht-separator-margin-block-end);margin-block-start:var(--utrecht-separator-margin-block-start)}.utrecht-table,.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);width:100%}.utrecht-table--distanced,.utrecht-html table{margin-block-end:var(--utrecht-table-margin-block-end);margin-block-start:var(--utrecht-table-margin-block-start)}.utrecht-table__caption,.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}.utrecht-table__header,.utrecht-html thead{color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-table__cell--last-header-row,.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}.utrecht-table__body,.utrecht-html tbody{vertical-align:baseline}.utrecht-table__heading,.utrecht-html th{color:var(--utrecht-table-heading-color);font-size:var(--utrecht-table-heading-font-size);font-weight:var(--utrecht-table-heading-font-weight);text-transform:var(--utrecht-table-heading-text-transform)}.utrecht-table__cell,.utrecht-html th,.utrecht-html td{border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start}.utrecht-table__cell--first,.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}.utrecht-table__cell--last,.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}.utrecht-table__cell--numeric,.utrecht-html th.numeric,.utrecht-html td.numeric{text-align:right}.utrecht-table__row--alternate-odd,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table__row--alternate-even,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th,.utrecht-html table.alternate-row-color>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-textarea,.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color, var(--form-input-textarea-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-textarea-color, var(--form-input-textarea-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-html textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true],.utrecht-html textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled,.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus,.utrecht-html textarea:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only,.utrecht-html textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder,.utrecht-textarea--html-textarea::placeholder,.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));opacity:100%}.utrecht-textbox,.utrecht-html input:not([type]),.utrecht-html input[type=email],.utrecht-html input[type=number],.utrecht-html input[type=password],.utrecht-html input[type=search],.utrecht-html input[type=tel],.utrecht-html input[type=text],.utrecht-html input[type=url]{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-html input:invalid:not([type]),.utrecht-html input[type=email]:invalid,.utrecht-html input[type=number]:invalid,.utrecht-html input[type=password]:invalid,.utrecht-html input[type=search]:invalid,.utrecht-html input[type=tel]:invalid,.utrecht-html input[type=text]:invalid,.utrecht-html input[type=url]:invalid,.utrecht-textbox--html-input[aria-invalid=true],.utrecht-html input[aria-invalid=true]:not([type]),.utrecht-html input[aria-invalid=true][type=email],.utrecht-html input[aria-invalid=true][type=number],.utrecht-html input[aria-invalid=true][type=password],.utrecht-html input[aria-invalid=true][type=search],.utrecht-html input[aria-invalid=true][type=tel],.utrecht-html input[aria-invalid=true][type=text],.utrecht-html input[aria-invalid=true][type=url]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled,.utrecht-html input:disabled:not([type]),.utrecht-html input[type=email]:disabled,.utrecht-html input[type=number]:disabled,.utrecht-html input[type=password]:disabled,.utrecht-html input[type=search]:disabled,.utrecht-html input[type=tel]:disabled,.utrecht-html input[type=text]:disabled,.utrecht-html input[type=url]:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus,.utrecht-html input:focus:not([type]),.utrecht-html input[type=email]:focus,.utrecht-html input[type=number]:focus,.utrecht-html input[type=password]:focus,.utrecht-html input[type=search]:focus,.utrecht-html input[type=tel]:focus,.utrecht-html input[type=text]:focus,.utrecht-html input[type=url]:focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only,.utrecht-html input:read-only:not([type]),.utrecht-html input[type=email]:read-only,.utrecht-html input[type=number]:read-only,.utrecht-html input[type=password]:read-only,.utrecht-html input[type=search]:read-only,.utrecht-html input[type=tel]:read-only,.utrecht-html input[type=text]:read-only,.utrecht-html input[type=url]:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder,.utrecht-textbox--html-input::placeholder,.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=email]::placeholder,.utrecht-html input[type=number]::placeholder,.utrecht-html input[type=password]::placeholder,.utrecht-html input[type=search]::placeholder,.utrecht-html input[type=tel]::placeholder,.utrecht-html input[type=text]::placeholder,.utrecht-html input[type=url]::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));opacity:100%}.utrecht-unordered-list,.utrecht-html ul{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--utrecht-unordered-list-padding-inline-start, 2ch)}.utrecht-unordered-list--distanced,.utrecht-html ul{margin-block-end:var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-unordered-list--nested{margin-block-end:0;margin-inline-start:2ch}.utrecht-unordered-list__item,.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start, 1ch)}.utrecht-unordered-list__item::marker,.utrecht-html ul>li::marker,.utrecht-unordered-list__marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}:host{display:block}:host([hidden]){display:none !important}";
|
|
482
482
|
|
|
483
483
|
const HTMLContent = class extends HTMLElement {
|
|
484
484
|
constructor() {
|
|
@@ -488,10 +488,38 @@ const HTMLContent = class extends HTMLElement {
|
|
|
488
488
|
render() {
|
|
489
489
|
return (h("div", { class: "utrecht-html" }, h("slot", null)));
|
|
490
490
|
}
|
|
491
|
-
static get style() { return stencilCss$
|
|
491
|
+
static get style() { return stencilCss$i; }
|
|
492
|
+
};
|
|
493
|
+
|
|
494
|
+
const stencilCss$h = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
495
|
+
|
|
496
|
+
const IconArrow = class extends HTMLElement {
|
|
497
|
+
constructor() {
|
|
498
|
+
super();
|
|
499
|
+
this.__registerHost();
|
|
500
|
+
attachShadow(this);
|
|
501
|
+
}
|
|
502
|
+
render() {
|
|
503
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -3 24 24" }, h("title", null, "Arrow"), h("g", null, h("path", { fill: "currentColor", d: "M1.79289 19.0919C2.18341 19.4824 2.81659 19.4824 3.20711 19.0919L11.6923 10.6066C12.0828 10.2161 12.0828 9.58293 11.6923 9.1924L3.20711 0.707113C2.81658 0.316586 2.18342 0.316585 1.79289 0.707111L0.707104 1.7929C0.316581 2.18342 0.316579 2.81658 0.707099 3.20711L6.69232 9.1924C7.08284 9.58293 7.08284 10.2161 6.69232 10.6066L0.707097 16.5919C0.316577 16.9824 0.316577 17.6156 0.707096 18.0061L1.79289 19.0919Z" }))));
|
|
504
|
+
}
|
|
505
|
+
static get style() { return stencilCss$h; }
|
|
492
506
|
};
|
|
493
507
|
|
|
494
|
-
const stencilCss$
|
|
508
|
+
const stencilCss$g = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
509
|
+
|
|
510
|
+
const IconCross = class extends HTMLElement {
|
|
511
|
+
constructor() {
|
|
512
|
+
super();
|
|
513
|
+
this.__registerHost();
|
|
514
|
+
attachShadow(this);
|
|
515
|
+
}
|
|
516
|
+
render() {
|
|
517
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -3 24 24" }, h("title", null, "Arrow"), h("g", null, h("path", { fill: "currentColor", d: "M0.292897 1.37868C-0.0976322 1.76921 -0.0976324 2.40238 0.292897 2.7929L6.28364 8.7836C6.66684 9.17256 6.66701 9.79731 6.28415 10.1865L0.292896 16.1777C-0.0976317 16.5682 -0.0976317 17.2014 0.292894 17.5919L1.37868 18.6777C1.54958 18.8486 1.76695 18.9447 1.99011 18.966C2.0399 18.9708 2.08998 18.9718 2.1399 18.9691C2.37756 18.9564 2.61153 18.8592 2.79307 18.6777L8.7843 12.6864C9.17359 12.3036 9.79842 12.304 10.1873 12.6874L16.1775 18.6777C16.3556 18.8558 16.5842 18.9527 16.8172 18.9683C17.0952 18.987 17.3794 18.8901 17.5919 18.6777L18.6777 17.5919C19.0682 17.2014 19.0682 16.5682 18.6777 16.1777L12.6869 10.187C12.3037 9.79801 12.3036 9.17323 12.6865 8.78406L18.6777 2.7929C19.0682 2.40238 19.0682 1.76921 18.6777 1.37868L17.5919 0.292897C17.4019 0.102952 17.1546 0.00539363 16.9057 0.000220857C16.6428 -0.00528831 16.3781 0.0922701 16.1775 0.292896L10.1863 6.28416C9.79701 6.66694 9.17217 6.66662 8.78329 6.28318L2.79307 0.292907C2.61496 0.114795 2.38638 0.0179162 2.15336 0.00227038C1.87542 -0.0164342 1.59116 0.0804386 1.3787 0.292889L0.292897 1.37868Z" }))));
|
|
518
|
+
}
|
|
519
|
+
static get style() { return stencilCss$g; }
|
|
520
|
+
};
|
|
521
|
+
|
|
522
|
+
const stencilCss$f = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
495
523
|
|
|
496
524
|
const IconFacebook = class extends HTMLElement {
|
|
497
525
|
constructor() {
|
|
@@ -502,10 +530,24 @@ const IconFacebook = class extends HTMLElement {
|
|
|
502
530
|
render() {
|
|
503
531
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 38 38" }, h("title", null, "Facebook"), h("g", null, h("path", { fill: "currentColor", d: "M25.868,20.809l0.687-5.323h-5.271v-3.398c0-1.541,0.43-2.592,2.641-2.592h2.815v-4.76 c-0.487-0.065-2.158-0.209-4.107-0.209c-4.065,0-6.845,2.481-6.845,7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585 L25.868,20.809L25.868,20.809z" }))));
|
|
504
532
|
}
|
|
505
|
-
static get style() { return stencilCss$
|
|
533
|
+
static get style() { return stencilCss$f; }
|
|
506
534
|
};
|
|
507
535
|
|
|
508
|
-
const stencilCss$
|
|
536
|
+
const stencilCss$e = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
537
|
+
|
|
538
|
+
const IconFilter = class extends HTMLElement {
|
|
539
|
+
constructor() {
|
|
540
|
+
super();
|
|
541
|
+
this.__registerHost();
|
|
542
|
+
attachShadow(this);
|
|
543
|
+
}
|
|
544
|
+
render() {
|
|
545
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -1 24 24" }, h("title", null, "Filter"), h("rect", { x: "2", y: "6", width: "17", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "4", y: "11", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "6", y: "16", width: "9", height: "2", rx: "0.5", fill: "currentColor" })));
|
|
546
|
+
}
|
|
547
|
+
static get style() { return stencilCss$e; }
|
|
548
|
+
};
|
|
549
|
+
|
|
550
|
+
const stencilCss$d = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
509
551
|
|
|
510
552
|
const IconInstagram = class extends HTMLElement {
|
|
511
553
|
constructor() {
|
|
@@ -516,10 +558,10 @@ const IconInstagram = class extends HTMLElement {
|
|
|
516
558
|
render() {
|
|
517
559
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -7 42 42" }, h("title", null, "Instagram"), h("g", null, h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M13.4773109,2.42977292 C17.0848739,2.42977292 17.5159664,2.45248108 18.9226891,2.49789739 C20.2386555,2.56602187 20.9420168,2.77039529 21.4184874,2.95206056 C22.0537815,3.20185029 22.507563,3.49705635 22.9613445,3.95121951 C23.4378151,4.42809083 23.7327731,4.88225399 23.9596639,5.49537426 C24.1411765,5.97224558 24.3680672,6.67619849 24.4134454,7.99327166 C24.4815126,9.42388562 24.4815126,9.83263246 24.4815126,13.4432296 C24.4815126,17.0538267 24.4588235,17.4852817 24.4134454,18.8931876 C24.3453782,20.2102607 24.1411765,20.9142136 23.9596639,21.3910849 C23.710084,22.0269134 23.4151261,22.4810765 22.9613445,22.9352397 C22.4848739,23.412111 22.0310924,23.7073171 21.4184874,23.9343987 C20.9420168,24.1160639 20.2386555,24.3431455 18.9226891,24.3885618 C17.4932773,24.4566863 17.0848739,24.4566863 13.4773109,24.4566863 C9.8697479,24.4566863 9.43865546,24.4339781 8.03193277,24.3885618 C6.71596639,24.3204373 6.01260504,24.1160639 5.53613445,23.9343987 C4.90084034,23.6846089 4.44705882,23.3894029 3.99327731,22.9352397 C3.51680672,22.4583684 3.22184874,22.0042052 2.99495798,21.3910849 C2.81344538,20.9142136 2.58655462,20.2102607 2.54117647,18.8931876 C2.47310924,17.4625736 2.47310924,17.0538267 2.47310924,13.4432296 C2.47310924,9.83263246 2.49579832,9.40117746 2.54117647,7.99327166 C2.6092437,6.67619849 2.81344538,5.97224558 2.99495798,5.49537426 C3.19915966,4.90496215 3.49411765,4.45079899 3.97058824,3.97392767 C4.44705882,3.49705635 4.90084034,3.20185029 5.51344538,2.97476871 C5.98991597,2.79310345 6.69327731,2.56602187 8.0092437,2.52060555 C9.43865546,2.42977292 9.8697479,2.42977292 13.4773109,2.42977292 Z M13.4773109,0 C9.82436975,0 9.34789916,0.0227081581 7.91848739,0.0908326325 C6.48907563,0.136248949 5.4907563,0.36333053 4.6512605,0.703952902 C3.76638655,1.04457527 2.99495798,1.49873844 2.24621849,2.24810765 C1.49747899,2.99747687 1.04369748,3.76955425 0.703361345,4.65517241 C0.36302521,5.49537426 0.136134454,6.49453322 0.0680672269,7.92514718 C0,9.35576114 0,9.83263246 0,13.4886459 C0,17.1446594 0.0226890756,17.6215307 0.0907563025,19.0521447 C0.158823529,20.4827586 0.385714286,21.4592094 0.72605042,22.3221194 C1.06638655,23.2077376 1.54285714,23.9571068 2.29159664,24.706476 C3.04033613,25.4558452 3.78907563,25.9100084 4.67394958,26.2733389 C5.53613445,26.6139613 6.51176471,26.8410429 7.94117647,26.9091674 C9.37058824,26.9772918 9.84705882,27 13.5,27 C17.1529412,27 17.6294118,26.9772918 19.0588235,26.9091674 C20.4882353,26.8410429 21.4638655,26.6139613 22.3260504,26.2733389 C23.2109244,25.9327166 23.9596639,25.4558452 24.7084034,24.706476 C25.4571429,23.9571068 25.9109244,23.2077376 26.2739496,22.3221194 C26.6142857,21.4592094 26.8411765,20.4827586 26.9092437,19.0521447 C26.9773109,17.6215307 27,17.1446594 27,13.4886459 C27,9.83263246 26.9773109,9.35576114 26.9092437,7.92514718 C26.8411765,6.49453322 26.6142857,5.51808242 26.2739496,4.65517241 C25.9336134,3.76955425 25.4571429,3.02018503 24.7084034,2.27081581 C23.9596639,1.52144659 23.2109244,1.06728343 22.3260504,0.703952902 C21.4638655,0.36333053 20.4882353,0.136248949 19.0588235,0.0681244743 C17.6067227,0 17.1302521,0 13.4773109,0 Z" }), h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M14,7 C10.1213115,7 7,10.1442623 7,14 C7,17.8786885 10.1442623,21 14,21 C17.8557377,21 21,17.8557377 21,14 C21,10.1213115 17.8786885,7 14,7 Z M14,18.5442623 C11.4983607,18.5442623 9.4557377,16.5016393 9.4557377,14 C9.4557377,11.4983607 11.4983607,9.4557377 14,9.4557377 C16.5016393,9.4557377 18.5442623,11.4983607 18.5442623,14 C18.5442623,16.5016393 16.5016393,18.5442623 14,18.5442623 Z" }), h("circle", { fill: "currentColor", cx: "21", cy: "6", r: "2" }))));
|
|
518
560
|
}
|
|
519
|
-
static get style() { return stencilCss$
|
|
561
|
+
static get style() { return stencilCss$d; }
|
|
520
562
|
};
|
|
521
563
|
|
|
522
|
-
const stencilCss$
|
|
564
|
+
const stencilCss$c = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
523
565
|
|
|
524
566
|
const IconLinkedin = class extends HTMLElement {
|
|
525
567
|
constructor() {
|
|
@@ -530,10 +572,38 @@ const IconLinkedin = class extends HTMLElement {
|
|
|
530
572
|
render() {
|
|
531
573
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 43 43" }, h("title", null, "LinkedIn"), h("g", null, h("path", { fill: "currentColor", "fill-rule": "nonzero", d: "M0.465517241,8.84482759 L6.05172414,8.84482759 L6.05172414,27 L0.465517241,27 L0.465517241,8.84482759 Z M3.25862069,0 C4.88793103,0 6.51724138,1.39655172 6.51724138,3.25862069 C6.51724138,5.12068966 4.88793103,6.51724138 3.25862069,6.51724138 C1.39655172,6.51724138 0,5.12068966 0,3.25862069 C0,1.39655172 1.39655172,0 3.25862069,0 Z" }), h("path", { fill: "currentColor", d: "M9.31034483,8.84482759 L14.7351724,8.84482759 L14.7351724,11.4051724 C15.4427586,10.0086207 17.3296552,8.37931034 20.16,8.37931034 C25.8206897,8.37931034 27,12.1034483 27,16.9913793 L27,27 L21.3393103,27 L21.3393103,18.1551724 C21.3393103,16.0603448 21.3393103,13.2672414 18.2731034,13.2672414 C15.2068966,13.2672414 14.9710345,15.5948276 14.9710345,17.9224138 L14.9710345,26.7672414 L9.31034483,26.7672414 L9.31034483,8.84482759 Z" }))));
|
|
532
574
|
}
|
|
533
|
-
static get style() { return stencilCss$
|
|
575
|
+
static get style() { return stencilCss$c; }
|
|
534
576
|
};
|
|
535
577
|
|
|
536
|
-
const stencilCss$
|
|
578
|
+
const stencilCss$b = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
579
|
+
|
|
580
|
+
const IconList = class extends HTMLElement {
|
|
581
|
+
constructor() {
|
|
582
|
+
super();
|
|
583
|
+
this.__registerHost();
|
|
584
|
+
attachShadow(this);
|
|
585
|
+
}
|
|
586
|
+
render() {
|
|
587
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" }, h("title", null, "List"), h("rect", { x: "6", y: "18", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "6", y: "12", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "6", y: "6", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("circle", { cx: "3", cy: "7", r: "1", fill: "currentColor" }), h("circle", { cx: "3", cy: "13", r: "1", fill: "currentColor" }), h("circle", { cx: "3", cy: "19", r: "1", fill: "currentColor" })));
|
|
588
|
+
}
|
|
589
|
+
static get style() { return stencilCss$b; }
|
|
590
|
+
};
|
|
591
|
+
|
|
592
|
+
const stencilCss$a = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
593
|
+
|
|
594
|
+
const IconLoupe = class extends HTMLElement {
|
|
595
|
+
constructor() {
|
|
596
|
+
super();
|
|
597
|
+
this.__registerHost();
|
|
598
|
+
attachShadow(this);
|
|
599
|
+
}
|
|
600
|
+
render() {
|
|
601
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 -1 24 24" }, h("title", null, "Loupe"), h("g", null, h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.5028 16.2982C11.5839 18.3961 7.51217 18.1416 4.90662 15.5261C2.00474 12.613 2.02036 7.87451 4.94151 4.94223C7.86266 2.00995 12.5832 1.99433 15.485 4.90734C18.0906 7.52288 18.3441 11.6102 16.2541 14.5402C16.2813 14.5597 16.3073 14.5818 16.3317 14.6063L21.1481 19.4412C21.39 19.6839 21.3887 20.0788 21.1452 20.3232L20.2637 21.2081C20.0203 21.4524 19.6269 21.4537 19.3851 21.211L14.5686 16.3761C14.5442 16.3515 14.5223 16.3255 14.5028 16.2982ZM13.6987 13.733C11.7513 15.6879 8.60428 15.6983 6.66969 13.7563C4.7351 11.8143 4.74552 8.65523 6.69295 6.70038C8.64039 4.74553 11.7874 4.73512 13.722 6.67712C15.6566 8.61913 15.6461 11.7782 13.6987 13.733Z" }))));
|
|
602
|
+
}
|
|
603
|
+
static get style() { return stencilCss$a; }
|
|
604
|
+
};
|
|
605
|
+
|
|
606
|
+
const stencilCss$9 = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
537
607
|
|
|
538
608
|
const IconTwitter = class extends HTMLElement {
|
|
539
609
|
constructor() {
|
|
@@ -544,10 +614,10 @@ const IconTwitter = class extends HTMLElement {
|
|
|
544
614
|
render() {
|
|
545
615
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -2 44 44" }, h("title", null, "Twitter"), h("g", null, h("path", { fill: "currentColor", d: "M33.096,11.147c-1.017,0.451-2.107,0.756-3.255,0.892c1.171-0.701,2.069-1.811,2.492-3.134 c-1.094,0.649-2.306,1.121-3.599,1.375c-1.032-1.102-2.506-1.79-4.135-1.79c-3.129,0-5.667,2.537-5.667,5.666 c0,0.445,0.049,0.876,0.146,1.291c-4.709-0.235-8.883-2.491-11.678-5.92c-0.487,0.838-0.767,1.811-0.767,2.85 c0,1.965,1,3.701,2.52,4.715c-0.928-0.028-1.802-0.285-2.566-0.708v0.071c0,2.744,1.954,5.034,4.544,5.556 c-0.474,0.13-0.976,0.2-1.493,0.2c-0.364,0-0.72-0.037-1.065-0.104c0.721,2.25,2.813,3.889,5.292,3.936 c-1.938,1.52-4.381,2.425-7.037,2.425c-0.457,0-0.907-0.026-1.35-0.079c2.507,1.606,5.485,2.545,8.687,2.545 c10.419,0,16.119-8.632,16.119-16.12c0-0.245-0.006-0.49-0.016-0.734C31.374,13.282,32.334,12.284,33.096,11.147z" }))));
|
|
546
616
|
}
|
|
547
|
-
static get style() { return stencilCss$
|
|
617
|
+
static get style() { return stencilCss$9; }
|
|
548
618
|
};
|
|
549
619
|
|
|
550
|
-
const stencilCss$
|
|
620
|
+
const stencilCss$8 = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
551
621
|
|
|
552
622
|
const IconWhatsapp = class extends HTMLElement {
|
|
553
623
|
constructor() {
|
|
@@ -558,6 +628,34 @@ const IconWhatsapp = class extends HTMLElement {
|
|
|
558
628
|
render() {
|
|
559
629
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -1 22 22" }, h("title", null, "WhatsApp"), h("g", null, h("path", { fill: "currentColor", d: "M15.6044722,4.1101875C14.1199846,2.6296256,12.1364012,1.8,10.0248451,1.8 c-4.3382888,0-7.8831434,3.5227177-7.8831434,7.8622961c0,1.3912182,0.358325,2.7313833,1.0493798,3.9311485 l-1.1133659,4.0715466l4.1719227-1.0976582c1.1517582,0.6254101,2.4442863,0.9572601,3.7624092,0.9572601l0,0 c4.3382883,0,7.8831434-3.5227184,7.8831434-7.8622971C17.9079876,7.581851,17.0889606,5.6035132,15.6044722,4.1101875z M10.0376415,16.2099552L10.0376415,16.2099552c-1.1773529,0-2.3291101-0.3190861-3.3400974-0.9062052l-0.2431493-0.140398 l-2.4826782,0.6509371l0.6654599-2.4122963l-0.1535673-0.2425051c-0.6526625-1.0338411-0.9981906-2.2463703-0.9981906-3.4716635 c0-3.599298,2.9433815-6.5348959,6.5522232-6.5348959c1.753231,0,3.3912878,0.6764636,4.6326265,1.9145205 s1.9195967,2.8717804,1.9195967,4.6203756C16.5770683,13.2743578,13.6464834,16.2099552,10.0376415,16.2099552z M13.6208887,11.3215475c-0.1919594-0.102107-1.1645555-0.5743561-1.3437176-0.6381731 c-0.179163-0.063818-0.3071356-0.102108-0.4479065,0.102107c-0.1279736,0.191452-0.5118923,0.6381741-0.6270685,0.7658091 c-0.1151752,0.127635-0.2303514,0.153161-0.4223108,0.051054c-0.1919594-0.102108-0.8318243-0.3063231-1.5868664-0.9700241 c-0.5758781-0.5360661-0.9725952-1.1742392-1.0877705-1.3784542c-0.1151757-0.191453-0.0127974-0.293561,0.0895805-0.395668 c0.0895815-0.089344,0.1919594-0.229743,0.2943382-0.344615c0.1023779-0.114871,0.1279736-0.1914511,0.1919584-0.3318501 c0.0767851-0.127634,0.038393-0.2425056-0.0127964-0.3446131C8.6171408,7.747776,8.2332211,6.7777524,8.0668554,6.3820848 C7.9132881,5.9991803,7.746923,6.0502348,7.6189494,6.0502348c-0.1151762,0-0.2431488-0.0127635-0.3711219-0.0127635 s-0.3455276,0.0510535-0.5246897,0.242506C6.5311785,6.4841924,6.032084,6.9564414,6.032084,7.926465 s0.7038522,1.9017563,0.8062305,2.0293922c0.1023784,0.127635,1.3821101,2.1187353,3.3656917,2.9611244 c0.4735012,0.204215,0.8318253,0.3190861,1.1261635,0.4084301c0.4735012,0.153162,0.895812,0.127635,1.2413397,0.076581 c0.3839197-0.051053,1.1645555-0.4722481,1.3309202-0.9317331c0.1663656-0.4594851,0.1663656-0.8551531,0.1151762-0.9317331 C13.953619,11.4619455,13.8256454,11.4108915,13.6208887,11.3215475z" }))));
|
|
560
630
|
}
|
|
631
|
+
static get style() { return stencilCss$8; }
|
|
632
|
+
};
|
|
633
|
+
|
|
634
|
+
const stencilCss$7 = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
635
|
+
|
|
636
|
+
const IconZoomin = class extends HTMLElement {
|
|
637
|
+
constructor() {
|
|
638
|
+
super();
|
|
639
|
+
this.__registerHost();
|
|
640
|
+
attachShadow(this);
|
|
641
|
+
}
|
|
642
|
+
render() {
|
|
643
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -2 24 24" }, h("title", null, "zoomout"), h("g", null, h("path", { fill: "currentColor", d: "M11.6 5C11.9314 5 12.2 5.26863 12.2 5.6L12.2 16.4C12.2 16.7314 11.9314 17 11.6 17H10.4C10.0686 17 9.8 16.7314 9.8 16.4L9.8 5.6C9.8 5.26863 10.0686 5 10.4 5L11.6 5Z" }), h("path", { fill: "currentColor", d: "M5 10.4C5 10.0686 5.26863 9.8 5.6 9.8H16.4C16.7314 9.8 17 10.0686 17 10.4V11.6C17 11.9314 16.7314 12.2 16.4 12.2H5.6C5.26863 12.2 5 11.9314 5 11.6V10.4Z" }))));
|
|
644
|
+
}
|
|
645
|
+
static get style() { return stencilCss$7; }
|
|
646
|
+
};
|
|
647
|
+
|
|
648
|
+
const stencilCss$6 = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
|
|
649
|
+
|
|
650
|
+
const IconZoomOut = class extends HTMLElement {
|
|
651
|
+
constructor() {
|
|
652
|
+
super();
|
|
653
|
+
this.__registerHost();
|
|
654
|
+
attachShadow(this);
|
|
655
|
+
}
|
|
656
|
+
render() {
|
|
657
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -11 24 24" }, h("title", null, "zoomin"), h("g", null, h("path", { fill: "currentColor", d: "M0 0.5C0 0.223858 0.223858 0 0.5 0H11.5C11.7761 0 12 0.223858 12 0.5V1.5C12 1.77614 11.7761 2 11.5 2H0.5C0.223858 2 0 1.77614 0 1.5V0.5Z" }))));
|
|
658
|
+
}
|
|
561
659
|
static get style() { return stencilCss$6; }
|
|
562
660
|
};
|
|
563
661
|
|
|
@@ -719,11 +817,18 @@ const UtrechtHeading4 = /*@__PURE__*/proxyCustomElement(Heading4, [1,"utrecht-he
|
|
|
719
817
|
const UtrechtHeading5 = /*@__PURE__*/proxyCustomElement(Heading5, [1,"utrecht-heading-5"]);
|
|
720
818
|
const UtrechtHeading6 = /*@__PURE__*/proxyCustomElement(Heading6, [1,"utrecht-heading-6"]);
|
|
721
819
|
const UtrechtHtmlContent = /*@__PURE__*/proxyCustomElement(HTMLContent, [4,"utrecht-html-content"]);
|
|
820
|
+
const UtrechtIconArrow = /*@__PURE__*/proxyCustomElement(IconArrow, [1,"utrecht-icon-arrow"]);
|
|
821
|
+
const UtrechtIconCross = /*@__PURE__*/proxyCustomElement(IconCross, [1,"utrecht-icon-cross"]);
|
|
722
822
|
const UtrechtIconFacebook = /*@__PURE__*/proxyCustomElement(IconFacebook, [1,"utrecht-icon-facebook"]);
|
|
823
|
+
const UtrechtIconFilter = /*@__PURE__*/proxyCustomElement(IconFilter, [1,"utrecht-icon-filter"]);
|
|
723
824
|
const UtrechtIconInstagram = /*@__PURE__*/proxyCustomElement(IconInstagram, [1,"utrecht-icon-instagram"]);
|
|
724
825
|
const UtrechtIconLinkedin = /*@__PURE__*/proxyCustomElement(IconLinkedin, [1,"utrecht-icon-linkedin"]);
|
|
826
|
+
const UtrechtIconList = /*@__PURE__*/proxyCustomElement(IconList, [1,"utrecht-icon-list"]);
|
|
827
|
+
const UtrechtIconLoupe = /*@__PURE__*/proxyCustomElement(IconLoupe, [1,"utrecht-icon-loupe"]);
|
|
725
828
|
const UtrechtIconTwitter = /*@__PURE__*/proxyCustomElement(IconTwitter, [1,"utrecht-icon-twitter"]);
|
|
726
829
|
const UtrechtIconWhatsapp = /*@__PURE__*/proxyCustomElement(IconWhatsapp, [1,"utrecht-icon-whatsapp"]);
|
|
830
|
+
const UtrechtIconZoomin = /*@__PURE__*/proxyCustomElement(IconZoomin, [1,"utrecht-icon-zoomin"]);
|
|
831
|
+
const UtrechtIconZoomout = /*@__PURE__*/proxyCustomElement(IconZoomOut, [1,"utrecht-icon-zoomout"]);
|
|
727
832
|
const UtrechtLogo = /*@__PURE__*/proxyCustomElement(Logo, [1,"utrecht-logo"]);
|
|
728
833
|
const UtrechtPageFooter = /*@__PURE__*/proxyCustomElement(PageFooter, [1,"utrecht-page-footer"]);
|
|
729
834
|
const UtrechtPagination = /*@__PURE__*/proxyCustomElement(Pagination, [1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]);
|
|
@@ -756,11 +861,18 @@ const defineCustomElements = (opts) => {
|
|
|
756
861
|
UtrechtHeading5,
|
|
757
862
|
UtrechtHeading6,
|
|
758
863
|
UtrechtHtmlContent,
|
|
864
|
+
UtrechtIconArrow,
|
|
865
|
+
UtrechtIconCross,
|
|
759
866
|
UtrechtIconFacebook,
|
|
867
|
+
UtrechtIconFilter,
|
|
760
868
|
UtrechtIconInstagram,
|
|
761
869
|
UtrechtIconLinkedin,
|
|
870
|
+
UtrechtIconList,
|
|
871
|
+
UtrechtIconLoupe,
|
|
762
872
|
UtrechtIconTwitter,
|
|
763
873
|
UtrechtIconWhatsapp,
|
|
874
|
+
UtrechtIconZoomin,
|
|
875
|
+
UtrechtIconZoomout,
|
|
764
876
|
UtrechtLogo,
|
|
765
877
|
UtrechtPageFooter,
|
|
766
878
|
UtrechtPagination,
|
|
@@ -776,4 +888,4 @@ const defineCustomElements = (opts) => {
|
|
|
776
888
|
}
|
|
777
889
|
};
|
|
778
890
|
|
|
779
|
-
export { UtrechtArticle, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtCheckbox, UtrechtContactCardTemplate, UtrechtDocument, UtrechtFormFieldCheckbox, UtrechtFormFieldDescription, UtrechtFormFieldTextarea, UtrechtFormFieldTextbox, UtrechtFormToggle, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconFacebook, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconTwitter, UtrechtIconWhatsapp, UtrechtLogo, UtrechtPageFooter, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, UtrechtTextbox, defineCustomElements };
|
|
891
|
+
export { UtrechtArticle, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtCheckbox, UtrechtContactCardTemplate, UtrechtDocument, UtrechtFormFieldCheckbox, UtrechtFormFieldDescription, UtrechtFormFieldTextarea, UtrechtFormFieldTextbox, UtrechtFormToggle, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconArrow, UtrechtIconCross, UtrechtIconFacebook, UtrechtIconFilter, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconList, UtrechtIconLoupe, UtrechtIconTwitter, UtrechtIconWhatsapp, UtrechtIconZoomin, UtrechtIconZoomout, UtrechtLogo, UtrechtPageFooter, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, UtrechtTextbox, defineCustomElements };
|