@utrecht/web-component-library-stencil 1.0.0-alpha.310 → 1.0.0-alpha.313
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-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-button.cjs.entry.js +45 -0
- package/dist/cjs/utrecht-contact-card-template.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-digid-button.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-digid-logo.cjs.entry.js +19 -0
- package/dist/cjs/utrecht-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-heading-1.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-heading-2_3.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-heading-4.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-heading-5.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-heading-6.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-heading.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-html-content.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-table-caption.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-table-header.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-table-row.cjs.entry.js +1 -1
- package/dist/cjs/utrecht.cjs.js +1 -1
- package/dist/collection/breadcrumb/web-component/index.css +15 -4
- package/dist/collection/digid-button/web-component/index.css +0 -8
- package/dist/collection/digid-button/web-component/index.stencil.js +1 -2
- package/dist/collection/form-field-checkbox/web-component/index.css +1 -0
- package/dist/collection/form-field-textarea/web-component/index.css +1 -0
- package/dist/collection/heading/web-component/index.css +6 -0
- package/dist/collection/heading-1/web-component/index.css +1 -0
- package/dist/collection/heading-2/web-component/index.css +1 -0
- package/dist/collection/heading-3/web-component/index.css +1 -0
- package/dist/collection/heading-4/web-component/index.css +1 -0
- package/dist/collection/heading-5/web-component/index.css +1 -0
- package/dist/collection/heading-6/web-component/index.css +1 -0
- package/dist/collection/html-content/web-component/index.css +14 -1
- package/dist/collection/table/web-component/table-body.css +0 -1
- package/dist/collection/table/web-component/table-caption.css +1 -1
- package/dist/collection/table/web-component/table-cell.css +0 -1
- package/dist/collection/table/web-component/table-footer.css +0 -1
- package/dist/collection/table/web-component/table-header-cell.css +0 -1
- package/dist/collection/table/web-component/table-header.css +1 -1
- package/dist/collection/table/web-component/table-row.css +1 -1
- package/dist/collection/table/web-component/table.css +0 -1
- package/dist/collection/templates/contact-card-template/web-component/index.css +15 -4
- package/dist/components/digid-button/web-component/index.stencil.js +1 -2
- package/dist/components/index.stencil3.js +1 -1
- package/dist/components/index.stencil4.js +1 -1
- package/dist/components/utrecht-breadcrumb.js +1 -1
- package/dist/components/utrecht-contact-card-template.js +1 -1
- package/dist/components/utrecht-digid-button.js +3 -9
- package/dist/components/utrecht-form-field-checkbox.js +1 -1
- package/dist/components/utrecht-form-field-textarea.js +1 -1
- package/dist/components/utrecht-heading-1.js +1 -1
- package/dist/components/utrecht-heading-4.js +1 -1
- package/dist/components/utrecht-heading-5.js +1 -1
- package/dist/components/utrecht-heading-6.js +1 -1
- package/dist/components/utrecht-heading.js +1 -1
- package/dist/components/utrecht-html-content.js +1 -1
- package/dist/components/utrecht-table-caption.js +1 -1
- package/dist/components/utrecht-table-header.js +1 -1
- package/dist/components/utrecht-table-row.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/utrecht-breadcrumb.entry.js +1 -1
- package/dist/esm/utrecht-button.entry.js +41 -0
- package/dist/esm/utrecht-contact-card-template.entry.js +1 -1
- package/dist/esm/utrecht-digid-button.entry.js +2 -2
- package/dist/esm/utrecht-digid-logo.entry.js +15 -0
- package/dist/esm/utrecht-form-field-checkbox.entry.js +1 -1
- package/dist/esm/utrecht-form-field-textarea.entry.js +1 -1
- package/dist/esm/utrecht-heading-1.entry.js +1 -1
- package/dist/esm/utrecht-heading-2_3.entry.js +2 -2
- package/dist/esm/utrecht-heading-4.entry.js +1 -1
- package/dist/esm/utrecht-heading-5.entry.js +1 -1
- package/dist/esm/utrecht-heading-6.entry.js +1 -1
- package/dist/esm/utrecht-heading.entry.js +1 -1
- package/dist/esm/utrecht-html-content.entry.js +1 -1
- package/dist/esm/utrecht-table-caption.entry.js +1 -1
- package/dist/esm/utrecht-table-header.entry.js +1 -1
- package/dist/esm/utrecht-table-row.entry.js +1 -1
- package/dist/esm/utrecht.js +1 -1
- package/dist/utrecht/{p-de486b65.entry.js → p-077bae85.entry.js} +1 -1
- package/dist/utrecht/p-46dd5029.entry.js +1 -0
- package/dist/utrecht/{p-331c023f.entry.js → p-58b4dc8e.entry.js} +1 -1
- package/dist/utrecht/p-6317234e.entry.js +1 -0
- package/dist/utrecht/p-68ccfb8a.entry.js +1 -0
- package/dist/utrecht/p-7bc07e5c.entry.js +1 -0
- package/dist/utrecht/p-8532fce2.entry.js +1 -0
- package/dist/utrecht/{p-25e5c2d3.entry.js → p-9874be92.entry.js} +1 -1
- package/dist/utrecht/{p-c8089d1b.entry.js → p-ab0a3e43.entry.js} +1 -1
- package/dist/utrecht/p-ac06367a.entry.js +1 -0
- package/dist/utrecht/{p-abd7fb03.entry.js → p-ac5ed87e.entry.js} +1 -1
- package/dist/utrecht/{p-118c1ac1.entry.js → p-b0fa6943.entry.js} +1 -1
- package/dist/utrecht/p-c1413e06.entry.js +1 -0
- package/dist/utrecht/p-d5471e96.entry.js +1 -0
- package/dist/utrecht/p-d6de79fe.entry.js +1 -0
- package/dist/utrecht/{p-cf8a93cf.entry.js → p-e7bc97bb.entry.js} +1 -1
- package/dist/utrecht/{p-c1e7988b.entry.js → p-f503797f.entry.js} +1 -1
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +2 -2
- package/dist/cjs/utrecht-button_2.cjs.entry.js +0 -58
- package/dist/esm/utrecht-button_2.entry.js +0 -53
- package/dist/utrecht/p-2c15976e.entry.js +0 -1
- package/dist/utrecht/p-60c29452.entry.js +0 -1
- package/dist/utrecht/p-7c39e6d1.entry.js +0 -1
- package/dist/utrecht/p-93b3f56d.entry.js +0 -1
- package/dist/utrecht/p-9d990c17.entry.js +0 -1
- package/dist/utrecht/p-b8b2235b.entry.js +0 -1
- package/dist/utrecht/p-cc2c84cc.entry.js +0 -1
- package/dist/utrecht/p-ee7f6aeb.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t}from"./p-cc7ba5ea.js";import{c as e}from"./p-6a1980b4.js";const c=class{constructor(t){r(this,t)}render(){const{json:r,variant:c}=this;console.log(r);const o=r?JSON.parse(r):[];return t("nav",{class:e("utrecht-breadcrumb","arrows"===c&&"utrecht-breadcrumb--arrows")},t("ol",{class:"utrecht-breadcrumb__list",itemscope:!0,itemtype:"https://schema.org/BreadcrumbList"},o.map((({href:r,title:c,current:o},a)=>t("li",{key:r,class:"utrecht-breadcrumb__item",itemscope:!0,itemtype:"https://schema.org/ListItem",itemprop:"itemListElement"},t("a",{class:e("utrecht-breadcrumb__link","utrecht-link",o&&"utrecht-link--current"),href:r,"aria-current":o?"location":null,itemprop:"item"},t("span",{class:"utrecht-breadcrumb__text",itemprop:"name"},c),t("meta",{itemprop:"position",content:a+1})))))))}};c.style='.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:" ";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-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,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}:host{display:block}:host([hidden]){display:none !important}';export{c as utrecht_breadcrumb}
|
|
1
|
+
import{r,h as t}from"./p-cc7ba5ea.js";import{c as e}from"./p-6a1980b4.js";const c=class{constructor(t){r(this,t)}render(){const{json:r,variant:c}=this;console.log(r);const o=r?JSON.parse(r):[];return t("nav",{class:e("utrecht-breadcrumb","arrows"===c&&"utrecht-breadcrumb--arrows")},t("ol",{class:"utrecht-breadcrumb__list",itemscope:!0,itemtype:"https://schema.org/BreadcrumbList"},o.map((({href:r,title:c,current:o},a)=>t("li",{key:r,class:"utrecht-breadcrumb__item",itemscope:!0,itemtype:"https://schema.org/ListItem",itemprop:"itemListElement"},t("a",{class:e("utrecht-breadcrumb__link","utrecht-link",o&&"utrecht-link--current"),href:r,"aria-current":o?"location":null,itemprop:"item"},t("span",{class:"utrecht-breadcrumb__text",itemprop:"name"},c),t("meta",{itemprop:"position",content:a+1})))))))}};c.style='.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:" ";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-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,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}:host{display:block}:host([hidden]){display:none !important}';export{c as utrecht_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as r}from"./p-cc7ba5ea.js";import{c as o}from"./p-6a1980b4.js";const c=class{constructor(r){t(this,r),this.utrechtBlur=e(this,"utrechtBlur",7),this.utrechtChange=e(this,"utrechtChange",7),this.utrechtFocus=e(this,"utrechtFocus",7),this.utrechtInput=e(this,"utrechtInput",7),this.label=!1,this.disabled=!1,this.checked=!1,this.invalid=!1,this.required=!1,this.value=""}render(){const{checked:t,disabled:e,invalid:c,required:l,value:a}=this;return r("div",{class:"utrecht-form-field utrecht-form-field--checkbox"},r("input",{id:"input",class:o("utrecht-checkbox"),type:"checkbox",checked:t,disabled:e,"aria-invalid":c?"true":null,required:l,value:a,onBlur:t=>this.utrechtBlur.emit(t),onChange:t=>this.utrechtChange.emit(t),onFocus:t=>this.utrechtFocus.emit(t),onInput:t=>{this.checked=t.target.checked,this.utrechtInput.emit(t)}}),r("label",{class:o("utrecht-form-field__label","utrecht-form-field__label--checkbox","utrecht-form-label","utrecht-form-label--checkbox"),htmlFor:"input"},r("slot",null)))}};c.style=".utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.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{cursor:var(--utrecht-action-disabled-cursor);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}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";export{c as utrecht_form_field_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-cc7ba5ea.js";const r=class{constructor(e){t(this,e)}render(){return e("div",{class:"utrecht-contact-card"},e("utrecht-heading-2",null,"Hulp en contact"),e("div",{class:"utrecht-contact-card__content"},e("div",{class:"utrecht-contact-card__section"},e("utrecht-heading-3",null,"Telefoon"),e("utrecht-paragraph",{class:"utrecht-contact-card__telephone"},e("a",{href:"tel:14-030",class:"utrecht-link utrecht-link--telephone",title:"Telefoonnummer van gemeente Utrecht"},"14 030")),e("utrecht-paragraph",null,"Maandag t/m vrijdag 8.30 – 17.30 uur")),e("div",{class:"utrecht-contact-card__section"},e("utrecht-heading-3",null,"E-mail"),e("utrecht-paragraph",null,e("a",{class:"utrecht-link",href:"https://www.utrecht.nl/reactieformulier",title:"Algemeen reactieformulier van de gemeente Utrecht"},"reactieformulier")))))}};r.style=".utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-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-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.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)}";export{r as utrecht_contact_card_template}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as s}from"./p-cc7ba5ea.js";const t=class{constructor(o){r(this,o)}render(){return o(s,{role:"row"},o("slot",null))}};t.style=":host{page-break-inside:avoid;display:table-row}";export{t as utrecht_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-cc7ba5ea.js";const
|
|
1
|
+
import{r as t,h as e}from"./p-cc7ba5ea.js";const a=class{constructor(e){t(this,e)}render(){return e("h1",{class:"utrecht-heading-1"},e("slot",null))}};a.style=".utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";export{a as utrecht_heading_1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-cc7ba5ea.js";const
|
|
1
|
+
import{r as t,h as e}from"./p-cc7ba5ea.js";const a=class{constructor(e){t(this,e)}render(){return e("h6",{class:"utrecht-heading-6"},e("slot",null))}};a.style=".utrecht-heading-6{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";export{a as utrecht_heading_6}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-cc7ba5ea.js";(()=>{const t=import.meta.url,c={};return""!==t&&(c.resourcesUrl=new URL(".",t).href),e(c)})().then((e=>t([["p-
|
|
1
|
+
import{p as e,b as t}from"./p-cc7ba5ea.js";(()=>{const t=import.meta.url,c={};return""!==t&&(c.resourcesUrl=new URL(".",t).href),e(c)})().then((e=>t([["p-d5471e96",[[1,"utrecht-contact-card-template"]]],["p-c8742440",[[1,"utrecht-logo-button",{type:[1]}]]],["p-eacaa9fb",[[1,"utrecht-custom-checkbox",{disabled:[516],checked:[516],indeterminate:[516],invalid:[516],required:[516]}]]],["p-68ccfb8a",[[1,"utrecht-digid-button",{type:[1]}]]],["p-75ccfcd1",[[1,"utrecht-article"]]],["p-6d3a5ce5",[[1,"utrecht-backdrop",{viewport:[4]}]]],["p-6867a4ab",[[1,"utrecht-badge-counter",{value:[2],max:[2],locale:[1]}]]],["p-90b189dd",[[1,"utrecht-badge-data"]]],["p-e70e26e9",[[1,"utrecht-badge-status",{status:[1]}]]],["p-b0fa6943",[[1,"utrecht-breadcrumb",{json:[1],variant:[1]}]]],["p-15d31966",[[1,"utrecht-checkbox",{disabled:[516],readOnly:[516,"readonly"],checked:[4],value:[1]}]]],["p-4cfaf299",[[1,"utrecht-document"]]],["p-9057a6e2",[[1,"utrecht-eherkenning-logo"]]],["p-7efdd5eb",[[1,"utrecht-eidas-logo"]]],["p-c1413e06",[[1,"utrecht-form-field-checkbox",{label:[4],disabled:[516],checked:[516],invalid:[516],required:[516],value:[32]}]]],["p-38e4ecfb",[[1,"utrecht-form-field-description",{status:[513]}]]],["p-7bc07e5c",[[1,"utrecht-form-field-textarea",{disabled:[516],invalid:[516],readOnly:[516,"readonly"],placeholder:[1],required:[516],value:[1]}]]],["p-ba0a6613",[[1,"utrecht-form-field-textbox",{autoComplete:[513,"autocomplete"],disabled:[516],invalid:[516],min:[1],max:[1],pattern:[1],placeholder:[1],readOnly:[516,"readonly"],required:[516],type:[513],value:[1]}]]],["p-be93e13a",[[1,"utrecht-form-toggle",{disabled:[516],checked:[516]}]]],["p-46dd5029",[[1,"utrecht-heading",{level:[2]}]]],["p-e7bc97bb",[[1,"utrecht-heading-1"]]],["p-9874be92",[[1,"utrecht-heading-4"]]],["p-ab0a3e43",[[1,"utrecht-heading-5"]]],["p-f503797f",[[1,"utrecht-heading-6"]]],["p-6317234e",[[4,"utrecht-html-content"]]],["p-fe45d3d6",[[1,"utrecht-icon"]]],["p-acc2e3b9",[[1,"utrecht-icon-afspraak-maken"]]],["p-d208231d",[[1,"utrecht-icon-afval"]]],["p-55fbd6b6",[[1,"utrecht-icon-afval-container"]]],["p-391806f0",[[1,"utrecht-icon-afval-containerpas"]]],["p-419f6d2d",[[1,"utrecht-icon-afval-kalender"]]],["p-db983440",[[1,"utrecht-icon-afval-scheiden"]]],["p-96a7e1f8",[[1,"utrecht-icon-afvalkalender"]]],["p-4d1f50d7",[[1,"utrecht-icon-alleen"]]],["p-d5abd0ef",[[1,"utrecht-icon-arrow"]]],["p-44df3e48",[[1,"utrecht-icon-bestemmingsplan"]]],["p-61ad2275",[[1,"utrecht-icon-betaaldatum"]]],["p-24b294ac",[[1,"utrecht-icon-bewijsstukken"]]],["p-ce34de67",[[1,"utrecht-icon-bijstand"]]],["p-3434211c",[[1,"utrecht-icon-blad"]]],["p-f77ac16a",[[1,"utrecht-icon-bouwproject"]]],["p-56ee4092",[[1,"utrecht-icon-brandgevaar"]]],["p-8ea29e35",[[1,"utrecht-icon-college-b-w"]]],["p-2b554f02",[[1,"utrecht-icon-container"]]],["p-f9b13f48",[[1,"utrecht-icon-container-bio"]]],["p-9cfb3c52",[[1,"utrecht-icon-cross"]]],["p-4b62771f",[[1,"utrecht-icon-dakloos"]]],["p-7c98abd4",[[1,"utrecht-icon-dementie"]]],["p-3619ee9b",[[1,"utrecht-icon-duurzaam"]]],["p-962375b6",[[1,"utrecht-icon-eenzaamheid"]]],["p-0202176a",[[1,"utrecht-icon-eikenprocessie"]]],["p-940e724e",[[1,"utrecht-icon-energie-vergoeding"]]],["p-7a27b94e",[[1,"utrecht-icon-energietransitie"]]],["p-01f0d09b",[[1,"utrecht-icon-error"]]],["p-8ac0a17f",[[1,"utrecht-icon-evenementen"]]],["p-4804fc29",[[1,"utrecht-icon-facebook"]]],["p-d5c22fed",[[1,"utrecht-icon-fiets"]]],["p-fdc6d056",[[1,"utrecht-icon-filter"]]],["p-b8234857",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-ba7f3313",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-7010201b",[[1,"utrecht-icon-gemeenteraad"]]],["p-44b68e0e",[[1,"utrecht-icon-grofvuil"]]],["p-b3318258",[[1,"utrecht-icon-horeca"]]],["p-5ad4ddf9",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-cf9d185f",[[1,"utrecht-icon-hulp-huishouden"]]],["p-80fcd76f",[[1,"utrecht-icon-hulp-vervoer"]]],["p-abb4c14b",[[1,"utrecht-icon-hulp-zorg"]]],["p-d6d851cd",[[1,"utrecht-icon-hulpverlening"]]],["p-154c0cea",[[1,"utrecht-icon-information"]]],["p-54a1fa96",[[1,"utrecht-icon-innovatie"]]],["p-6f42bed0",[[1,"utrecht-icon-instagram"]]],["p-e7ca4395",[[1,"utrecht-icon-kalender"]]],["p-dc0a7278",[[1,"utrecht-icon-kerstbomen"]]],["p-650f2134",[[1,"utrecht-icon-klachten"]]],["p-9f960f2d",[[1,"utrecht-icon-kroon"]]],["p-5124a70b",[[1,"utrecht-icon-laadpaal"]]],["p-09261e31",[[1,"utrecht-icon-lantaarnpaal"]]],["p-4d763b58",[[1,"utrecht-icon-leren"]]],["p-3e56b65c",[[1,"utrecht-icon-let-op"]]],["p-7ca89d3d",[[1,"utrecht-icon-linkedin"]]],["p-29481186",[[1,"utrecht-icon-list"]]],["p-270a5477",[[1,"utrecht-icon-loupe"]]],["p-e97fb2e1",[[1,"utrecht-icon-markt"]]],["p-47df8ba8",[[1,"utrecht-icon-melding"]]],["p-6e0b84a4",[[1,"utrecht-icon-melding-klacht"]]],["p-7aaae388",[[1,"utrecht-icon-menselijk"]]],["p-1b6ce708",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-8134b7bc",[[1,"utrecht-icon-natuur"]]],["p-85c26014",[[1,"utrecht-icon-nieuw-huis"]]],["p-d95ab582",[[1,"utrecht-icon-nummerbord"]]],["p-b218111a",[[1,"utrecht-icon-omgeving"]]],["p-567c1f71",[[1,"utrecht-icon-omgevingsvisie"]]],["p-79253b4f",[[1,"utrecht-icon-omgevingswet"]]],["p-e40d4833",[[1,"utrecht-icon-onderhoud"]]],["p-49f36cea",[[1,"utrecht-icon-openingstijden"]]],["p-1873187b",[[1,"utrecht-icon-panden"]]],["p-8c84d65a",[[1,"utrecht-icon-park"]]],["p-e1d68c0e",[[1,"utrecht-icon-parkeerkaart"]]],["p-405f5847",[[1,"utrecht-icon-parkeervergunning"]]],["p-56d561c9",[[1,"utrecht-icon-parken"]]],["p-0f3e6d13",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-2a514cf6",[[1,"utrecht-icon-parkeren-betalen"]]],["p-2c87727b",[[1,"utrecht-icon-participatie-campagne"]]],["p-6075bbb0",[[1,"utrecht-icon-paspoort"]]],["p-fe21b1c5",[[1,"utrecht-icon-rijbewijs"]]],["p-8aafc809",[[1,"utrecht-icon-rolstoel"]]],["p-9e3b2739",[[1,"utrecht-icon-shoppen"]]],["p-c0fde5fd",[[1,"utrecht-icon-sinterklaas"]]],["p-9efa4d5f",[[1,"utrecht-icon-sport"]]],["p-c06fb855",[[1,"utrecht-icon-stookverbod"]]],["p-b6f76527",[[1,"utrecht-icon-strooien"]]],["p-00393cb1",[[1,"utrecht-icon-subsidie-gezin"]]],["p-28256eb1",[[1,"utrecht-icon-toeslag"]]],["p-88b3d815",[[1,"utrecht-icon-trein"]]],["p-f46eea53",[[1,"utrecht-icon-trouwen"]]],["p-adcd8c63",[[1,"utrecht-icon-twitter"]]],["p-acd6ba06",[[1,"utrecht-icon-vaccinatie"]]],["p-aa3a805a",[[1,"utrecht-icon-veilige-wijk"]]],["p-4091cf21",[[1,"utrecht-icon-vergoeding"]]],["p-193a168f",[[1,"utrecht-icon-verhuizen"]]],["p-942d15be",[[1,"utrecht-icon-verkiezingen"]]],["p-0692a33f",[[1,"utrecht-icon-verslaving"]]],["p-10244d7c",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-d22d8b34",[[1,"utrecht-icon-virus"]]],["p-0c45ccef",[[1,"utrecht-icon-vluchtelingen"]]],["p-712dd2cd",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-cd8c7eeb",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-aef7af8e",[[1,"utrecht-icon-vuurwerk"]]],["p-e5692c95",[[1,"utrecht-icon-wandelstok"]]],["p-873696a6",[[1,"utrecht-icon-warm"]]],["p-9af7cee6",[[1,"utrecht-icon-warning"]]],["p-795ab431",[[1,"utrecht-icon-werken"]]],["p-b63c9ec9",[[1,"utrecht-icon-werkzaamheden"]]],["p-35ce3e90",[[1,"utrecht-icon-whatsapp"]]],["p-e457c152",[[1,"utrecht-icon-wonen-kosten"]]],["p-bc235426",[[1,"utrecht-icon-woning-zoeken"]]],["p-bf112b00",[[1,"utrecht-icon-youtube"]]],["p-070136c1",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-627c10d6",[[1,"utrecht-icon-zoomin"]]],["p-f6aa1012",[[1,"utrecht-icon-zoomout"]]],["p-f4f40d17",[[1,"utrecht-icon-zorg-huis"]]],["p-b2460b25",[[1,"utrecht-icon-zwemmen"]]],["p-c731a267",[[1,"utrecht-logo"]]],["p-c542ceb7",[[1,"utrecht-page"]]],["p-3b3fce43",[[1,"utrecht-page-content"]]],["p-3bac542a",[[1,"utrecht-page-footer"]]],["p-06d7a75d",[[1,"utrecht-page-header"]]],["p-b92bba48",[[1,"utrecht-pagination",{links:[1],next:[1],prev:[1],currentIndex:[2,"current-index"]}]]],["p-da746900",[[1,"utrecht-separator"]]],["p-da69ffbd",[[1,"utrecht-sidenav",{json:[1]}]]],["p-eea541e5",[[1,"utrecht-table"]]],["p-d58be764",[[1,"utrecht-table-body"]]],["p-ac5ed87e",[[1,"utrecht-table-caption"]]],["p-3c77d3be",[[1,"utrecht-table-cell"]]],["p-3de4ab46",[[1,"utrecht-table-footer"]]],["p-58b4dc8e",[[1,"utrecht-table-header"]]],["p-8b1cc1a5",[[1,"utrecht-table-header-cell",{scope:[1]}]]],["p-d6de79fe",[[1,"utrecht-table-row"]]],["p-dfe49e36",[[1,"utrecht-textbox",{autoComplete:[513,"autocomplete"],disabled:[516],invalid:[516],min:[1],max:[1],pattern:[1],placeholder:[1],readOnly:[516,"readonly"],required:[516],type:[513],value:[1]}]]],["p-077bae85",[[1,"utrecht-button",{appearance:[1],busy:[4],disabled:[4],type:[1]}]]],["p-0a737ff0",[[1,"utrecht-icon-checkmark"]]],["p-ac06367a",[[1,"utrecht-digid-logo"]]],["p-8532fce2",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{lead:[4]}]]]],e)));
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.313",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"watch:stencil": "chokidar --follow-symlinks --initial --command \"npm run build:stencil\" \"../../components/**/*.(js|jsx|ts|tsx)\"",
|
|
56
56
|
"generate": "stencil generate"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "e40a8bfda3393a7bf1322997d42486e122d6db01"
|
|
59
59
|
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-e1ed72fb.js');
|
|
6
|
-
const clsx_m = require('./clsx.m-b81c6b86.js');
|
|
7
|
-
|
|
8
|
-
const indexCss$1 = ".utrecht-button{--_utrecht-button-background-color:var(--utrecht-button-background-color);--_utrecht-button-color:var(--utrecht-button-color);--_utrecht-button-border-color:var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color:var(\n --utrecht-button-border-bottom-color,\n var(--utrecht-button-border-color, transparent)\n );--_utrecht-button-disabled-background-color:var(\n --utrecht-button-disabled-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-disabled-border-color:var(\n --utrecht-button-disabled-border-color,\n var(--utrecht-button-border-color)\n );--_utrecht-button-disabled-color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color:var(\n --utrecht-button-focus-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-focus-border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color:var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color:var(\n --utrecht-button-hover-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-hover-border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color:var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color:var(\n --utrecht-button-active-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-active-border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color:var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width:var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,\n var(--utrecht-button-border-width, 0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--utrecht-button-color);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.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--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{--utrecht-button-active-background-color:var(--utrecht-button-primary-action-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-primary-action-active-border-color);--utrecht-button-active-color:var(--utrecht-button-primary-action-active-color);--utrecht-button-background-color:var(--utrecht-button-primary-action-background-color);--utrecht-button-border-color:var(--utrecht-button-primary-action-border-color);--utrecht-button-border-width:var(--utrecht-button-primary-action-border-width);--utrecht-button-color:var(--utrecht-button-primary-action-color);--utrecht-button-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-primary-action-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-primary-action-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--utrecht-button-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--utrecht-button-active-color:var(--utrecht-button-secondary-action-active-color);--utrecht-button-background-color:var(--utrecht-button-secondary-action-background-color);--utrecht-button-border-color:var(--utrecht-button-secondary-action-border-color);--utrecht-button-border-width:var(--utrecht-button-secondary-action-border-width);--utrecht-button-color:var(--utrecht-button-secondary-action-color);--utrecht-button-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-secondary-action-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--utrecht-button-active-background-color:var(--utrecht-button-subtle-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-subtle-active-border-color);--utrecht-button-active-color:var(--utrecht-button-subtle-active-color);--utrecht-button-background-color:var(--utrecht-button-subtle-background-color);--utrecht-button-border-color:var(--utrecht-button-subtle-border-color);--utrecht-button-border-width:var(--utrecht-button-subtle-border-width);--utrecht-button-color:var(--utrecht-button-subtle-color);--utrecht-button-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-subtle-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-subtle-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-subtle-hover-color)}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
9
|
-
|
|
10
|
-
const Button = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.utrechtRequestReset = index.createEvent(this, "utrechtRequestReset", 7);
|
|
14
|
-
this.utrechtRequestSubmit = index.createEvent(this, "utrechtRequestSubmit", 7);
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
const handleReset = () => {
|
|
18
|
-
var _a, _b;
|
|
19
|
-
const event = this.utrechtRequestReset.emit();
|
|
20
|
-
if (!event.defaultPrevented) {
|
|
21
|
-
(_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.closest('form')) === null || _b === void 0 ? void 0 : _b.reset();
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const handleSubmit = () => {
|
|
25
|
-
var _a, _b;
|
|
26
|
-
const event = this.utrechtRequestSubmit.emit();
|
|
27
|
-
if (!event.defaultPrevented) {
|
|
28
|
-
(_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.closest('form')) === null || _b === void 0 ? void 0 : _b.requestSubmit();
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const handleClick = () => {
|
|
32
|
-
if (this.type === 'reset') {
|
|
33
|
-
handleReset();
|
|
34
|
-
}
|
|
35
|
-
else if (this.type === 'submit') {
|
|
36
|
-
handleSubmit();
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
return (index.h("button", { class: clsx_m.clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, index.h("slot", null)));
|
|
40
|
-
}
|
|
41
|
-
get host() { return index.getElement(this); }
|
|
42
|
-
};
|
|
43
|
-
Button.style = indexCss$1;
|
|
44
|
-
|
|
45
|
-
const indexCss = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-block-size, var(--utrecht-logo-max-block-size, 50px));max-width:var(--utrecht-digid-logo-max-inline-size, var(--utrecht-logo-max-inline-size, 50px));width:100%}";
|
|
46
|
-
|
|
47
|
-
const DigidLogo = class {
|
|
48
|
-
constructor(hostRef) {
|
|
49
|
-
index.registerInstance(this, hostRef);
|
|
50
|
-
}
|
|
51
|
-
render() {
|
|
52
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, index.h("title", null, "DigiD"), index.h("path", { d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), index.h("path", { d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), index.h("path", { d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
DigidLogo.style = indexCss;
|
|
56
|
-
|
|
57
|
-
exports.utrecht_button = Button;
|
|
58
|
-
exports.utrecht_digid_logo = DigidLogo;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-31022c39.js';
|
|
2
|
-
import { c as clsx } from './clsx.m-25174a58.js';
|
|
3
|
-
|
|
4
|
-
const indexCss$1 = ".utrecht-button{--_utrecht-button-background-color:var(--utrecht-button-background-color);--_utrecht-button-color:var(--utrecht-button-color);--_utrecht-button-border-color:var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color:var(\n --utrecht-button-border-bottom-color,\n var(--utrecht-button-border-color, transparent)\n );--_utrecht-button-disabled-background-color:var(\n --utrecht-button-disabled-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-disabled-border-color:var(\n --utrecht-button-disabled-border-color,\n var(--utrecht-button-border-color)\n );--_utrecht-button-disabled-color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color:var(\n --utrecht-button-focus-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-focus-border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color:var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color:var(\n --utrecht-button-hover-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-hover-border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color:var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color:var(\n --utrecht-button-active-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-active-border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color:var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width:var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,\n var(--utrecht-button-border-width, 0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--utrecht-button-color);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.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--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{--utrecht-button-active-background-color:var(--utrecht-button-primary-action-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-primary-action-active-border-color);--utrecht-button-active-color:var(--utrecht-button-primary-action-active-color);--utrecht-button-background-color:var(--utrecht-button-primary-action-background-color);--utrecht-button-border-color:var(--utrecht-button-primary-action-border-color);--utrecht-button-border-width:var(--utrecht-button-primary-action-border-width);--utrecht-button-color:var(--utrecht-button-primary-action-color);--utrecht-button-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-primary-action-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-primary-action-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--utrecht-button-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--utrecht-button-active-color:var(--utrecht-button-secondary-action-active-color);--utrecht-button-background-color:var(--utrecht-button-secondary-action-background-color);--utrecht-button-border-color:var(--utrecht-button-secondary-action-border-color);--utrecht-button-border-width:var(--utrecht-button-secondary-action-border-width);--utrecht-button-color:var(--utrecht-button-secondary-action-color);--utrecht-button-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-secondary-action-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--utrecht-button-active-background-color:var(--utrecht-button-subtle-active-background-color);--utrecht-button-active-border-color:var(--utrecht-button-subtle-active-border-color);--utrecht-button-active-color:var(--utrecht-button-subtle-active-color);--utrecht-button-background-color:var(--utrecht-button-subtle-background-color);--utrecht-button-border-color:var(--utrecht-button-subtle-border-color);--utrecht-button-border-width:var(--utrecht-button-subtle-border-width);--utrecht-button-color:var(--utrecht-button-subtle-color);--utrecht-button-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--utrecht-button-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--utrecht-button-disabled-color:var(--utrecht-button-subtle-disabled-color);--utrecht-button-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--utrecht-button-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--utrecht-button-focus-color:var(--utrecht-button-subtle-focus-color);--utrecht-button-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--utrecht-button-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--utrecht-button-hover-color:var(--utrecht-button-subtle-hover-color)}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
5
|
-
|
|
6
|
-
const Button = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.utrechtRequestReset = createEvent(this, "utrechtRequestReset", 7);
|
|
10
|
-
this.utrechtRequestSubmit = createEvent(this, "utrechtRequestSubmit", 7);
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
const handleReset = () => {
|
|
14
|
-
var _a, _b;
|
|
15
|
-
const event = this.utrechtRequestReset.emit();
|
|
16
|
-
if (!event.defaultPrevented) {
|
|
17
|
-
(_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.closest('form')) === null || _b === void 0 ? void 0 : _b.reset();
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const handleSubmit = () => {
|
|
21
|
-
var _a, _b;
|
|
22
|
-
const event = this.utrechtRequestSubmit.emit();
|
|
23
|
-
if (!event.defaultPrevented) {
|
|
24
|
-
(_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.closest('form')) === null || _b === void 0 ? void 0 : _b.requestSubmit();
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const handleClick = () => {
|
|
28
|
-
if (this.type === 'reset') {
|
|
29
|
-
handleReset();
|
|
30
|
-
}
|
|
31
|
-
else if (this.type === 'submit') {
|
|
32
|
-
handleSubmit();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
return (h("button", { class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", null)));
|
|
36
|
-
}
|
|
37
|
-
get host() { return getElement(this); }
|
|
38
|
-
};
|
|
39
|
-
Button.style = indexCss$1;
|
|
40
|
-
|
|
41
|
-
const indexCss = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-block-size, var(--utrecht-logo-max-block-size, 50px));max-width:var(--utrecht-digid-logo-max-inline-size, var(--utrecht-logo-max-inline-size, 50px));width:100%}";
|
|
42
|
-
|
|
43
|
-
const DigidLogo = class {
|
|
44
|
-
constructor(hostRef) {
|
|
45
|
-
registerInstance(this, hostRef);
|
|
46
|
-
}
|
|
47
|
-
render() {
|
|
48
|
-
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("title", null, "DigiD"), h("path", { d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
DigidLogo.style = indexCss;
|
|
52
|
-
|
|
53
|
-
export { Button as utrecht_button, DigidLogo as utrecht_digid_logo };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-cc7ba5ea.js";const a=class{constructor(e){t(this,e)}render(){return 1===this.level?e("h1",{class:"utrecht-heading-1"},e("slot",null)):2===this.level?e("h2",{class:"utrecht-heading-2"},e("slot",null)):3===this.level?e("h3",{class:"utrecht-heading-3"},e("slot",null)):4===this.level?e("h4",{class:"utrecht-heading-4"},e("slot",null)):5===this.level?e("h5",{class:"utrecht-heading-5"},e("slot",null)):6===this.level?e("h6",{class:"utrecht-heading-6"},e("slot",null)):e("div",{class:"utrecht-heading",role:"heading","aria-level":this.level},e("slot",null))}};a.style=".utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{--utrecht-space-around:1}.utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{--utrecht-space-around:1}.utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{--utrecht-space-around:1}.utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{--utrecht-space-around:1}.utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{--utrecht-space-around:1}.utrecht-heading-6{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";export{a as utrecht_heading}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as t,h as e}from"./p-cc7ba5ea.js";import{c as o}from"./p-6a1980b4.js";const a=class{constructor(e){r(this,e),this.utrechtBlur=t(this,"utrechtBlur",7),this.utrechtChange=t(this,"utrechtChange",7),this.utrechtFocus=t(this,"utrechtFocus",7),this.utrechtInput=t(this,"utrechtInput",7),this.disabled=!1,this.invalid=!1,this.readOnly=!1,this.placeholder="",this.required=!1,this.value=""}render(){const{disabled:r,invalid:t,placeholder:a,readOnly:c,required:u,value:l}=this;return e("div",{class:"utrecht-form-field utrecht-form-field--textarea"},e("textarea",{id:"input",class:o("utrecht-textarea","utrecht-textarea--html-textarea",r&&"utrecht-textarea--disabled",t&&"utrecht-textarea--invalid",c&&"utrecht-textarea--readonly"),disabled:r,placeholder:a||null,readonly:c,required:u,onBlur:r=>this.utrechtBlur.emit(r),onChange:r=>this.utrechtChange.emit(r),onFocus:r=>this.utrechtFocus.emit(r),onInput:r=>{this.value=r.target.value,this.utrechtInput.emit(r)}},l),e("label",{class:"utrecht-form-field-textarea__label utrecht-form-label",htmlFor:"input"},e("slot",null)))}};a.style=".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{cursor:var(--utrecht-action-disabled-cursor);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);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-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;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-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));min-block-size:var(--utrecht-textarea-min-block-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));resize:vertical;width:100%}.utrecht-textarea--invalid{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{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))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-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{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.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))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}.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--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--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";export{a as utrecht_form_field_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-cc7ba5ea.js";const e=class{constructor(r){t(this,r)}render(){return r("div",{class:"utrecht-html"},r("slot",null))}};e.style='@charset "UTF-8";.utrecht-html{--utrecht-space-around:1;}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);--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-space-around:1}.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i],.utrecht-html button{--_utrecht-button-background-color:var(--utrecht-button-background-color);--_utrecht-button-color:var(--utrecht-button-color);--_utrecht-button-border-color:var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color:var(\n --utrecht-button-border-bottom-color,\n var(--utrecht-button-border-color, transparent)\n );--_utrecht-button-disabled-background-color:var(\n --utrecht-button-disabled-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-disabled-border-color:var(\n --utrecht-button-disabled-border-color,\n var(--utrecht-button-border-color)\n );--_utrecht-button-disabled-color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color:var(\n --utrecht-button-focus-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-focus-border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color:var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color:var(\n --utrecht-button-hover-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-hover-border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color:var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color:var(\n --utrecht-button-active-background-color,\n var(--utrecht-button-background-color)\n );--_utrecht-button-active-border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color:var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width:var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,\n var(--utrecht-button-border-width, 0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--utrecht-button-color);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none;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-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true],.utrecht-html button:disabled[aria-busy=true]{cursor:var(--utrecht-action-busy-cursor)}.utrecht-html button:active:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-html button:focus:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-html button:focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=checkbox i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=checkbox i]:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html body{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;background-color:var(--utrecht-document-background-color, inherit)}.utrecht-html body :lang(ar){letter-spacing:0 !important}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-html fieldset{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-start, 0));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-space-around:1}.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);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform);padding-inline-end:0;padding-inline-start:0;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.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-html input[type=checkbox i]~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-html input[type=radio i]~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-html h1{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));text-transform:var(--utrecht-heading-1-text-transform, inherit);--utrecht-space-around:1}.utrecht-html h2{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));text-transform:var(--utrecht-heading-2-text-transform, inherit);--utrecht-space-around:1}.utrecht-html h3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));text-transform:var(--utrecht-heading-3-text-transform, inherit);--utrecht-space-around:1}.utrecht-html h4{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));text-transform:var(--utrecht-heading-4-text-transform, inherit);--utrecht-space-around:1}.utrecht-html h5{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));text-transform:var(--utrecht-heading-5-text-transform, inherit);--utrecht-space-around:1}.utrecht-html h6{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));text-transform:var(--utrecht-heading-6-text-transform, inherit);--utrecht-space-around:1}.utrecht-html a:link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.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));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-html a:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html a[href^="tel:" i]{white-space:nowrap}.utrecht-html ol{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));--utrecht-space-around:1}.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-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-document-color, inherit));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-html *~p{--utrecht-space-around:1}.utrecht-html input[type=radio i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=radio i]:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=radio i]:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input[type=radio i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%;}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-start, 0));--utrecht-space-around:1}.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);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0));width:100%;--utrecht-space-around:1}.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-html thead{background-color:var(--utrecht-table-header-background-color);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-html tbody{vertical-align:baseline}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform)}.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-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-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-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-html thead>tr>th.numeric,.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric{text-align:right}.utrecht-html td.numeric{text-align:right;font-variant-numeric:lining-nums tabular-nums}.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-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-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-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;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-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));min-block-size:var(--utrecht-textarea-min-block-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));resize:vertical;width:100%}.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))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html textarea:invalid,.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-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-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{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-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]: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))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][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-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]: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-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.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:calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start, 2ch);--utrecht-space-around:1}.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-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:"●"}:host{display:block}:host([hidden]){display:none !important}';export{e as utrecht_html_content}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-cc7ba5ea.js";import{c as a}from"./p-6a1980b4.js";const e=class{constructor(r){t(this,r)}render(){return r("h2",{class:"utrecht-heading-2"},r("slot",null))}};e.style=".utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";const h=class{constructor(r){t(this,r)}render(){return r("h3",{class:"utrecht-heading-3"},r("slot",null))}};h.style=".utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";const n=class{constructor(r){t(this,r)}render(){return r("div",{class:a("utrecht-paragraph",this.lead&&"utrecht-paragraph--lead")},r("slot",null))}};n.style=".utrecht-paragraph{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-document-color, inherit));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-space-around:1}:host{display:block}:host([hidden]){display:none !important}";export{e as utrecht_heading_2,h as utrecht_heading_3,n as utrecht_paragraph}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-cc7ba5ea.js";const r=class{constructor(e){t(this,e)}render(){return e("div",{class:"utrecht-contact-card"},e("utrecht-heading-2",null,"Hulp en contact"),e("div",{class:"utrecht-contact-card__content"},e("div",{class:"utrecht-contact-card__section"},e("utrecht-heading-3",null,"Telefoon"),e("utrecht-paragraph",{class:"utrecht-contact-card__telephone"},e("a",{href:"tel:14-030",class:"utrecht-link utrecht-link--telephone",title:"Telefoonnummer van gemeente Utrecht"},"14 030")),e("utrecht-paragraph",null,"Maandag t/m vrijdag 8.30 – 17.30 uur")),e("div",{class:"utrecht-contact-card__section"},e("utrecht-heading-3",null,"E-mail"),e("utrecht-paragraph",null,e("a",{class:"utrecht-link",href:"https://www.utrecht.nl/reactieformulier",title:"Algemeen reactieformulier van de gemeente Utrecht"},"reactieformulier")))))}};r.style=".utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.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-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.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)}";export{r as utrecht_contact_card_template}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as r}from"./p-cc7ba5ea.js";import{c as o}from"./p-6a1980b4.js";const c=class{constructor(r){t(this,r),this.utrechtBlur=e(this,"utrechtBlur",7),this.utrechtChange=e(this,"utrechtChange",7),this.utrechtFocus=e(this,"utrechtFocus",7),this.utrechtInput=e(this,"utrechtInput",7),this.label=!1,this.disabled=!1,this.checked=!1,this.invalid=!1,this.required=!1,this.value=""}render(){const{checked:t,disabled:e,invalid:c,required:l,value:a}=this;return r("div",{class:"utrecht-form-field utrecht-form-field--checkbox"},r("input",{id:"input",class:o("utrecht-checkbox"),type:"checkbox",checked:t,disabled:e,"aria-invalid":c?"true":null,required:l,value:a,onBlur:t=>this.utrechtBlur.emit(t),onChange:t=>this.utrechtChange.emit(t),onFocus:t=>this.utrechtFocus.emit(t),onInput:t=>{this.checked=t.target.checked,this.utrechtInput.emit(t)}}),r("label",{class:o("utrecht-form-field__label","utrecht-form-field__label--checkbox","utrecht-form-label","utrecht-form-label--checkbox"),htmlFor:"input"},r("slot",null)))}};c.style=".utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{--utrecht-space-around:1}.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{cursor:var(--utrecht-action-disabled-cursor);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}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";export{c as utrecht_form_field_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-cc7ba5ea.js";const o=class{constructor(i){t(this,i)}render(){return i("div",{class:"utrecht-digid-button"},i("utrecht-digid-logo",{class:"utrecht-digid-button__logo"}),i("utrecht-button",{appearance:"primary-action-button",class:"utrecht-digid-button__button",type:this.type||null},i("slot",null)))}};o.style=".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-inline-size:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}.utrecht-digid-button__logo{order:1}.utrecht-digid-button__button{order:2}:host{display:block}:host([hidden]){display:none !important}";export{o as utrecht_digid_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as t,H as o}from"./p-cc7ba5ea.js";const s=class{constructor(t){r(this,t)}render(){return t(o,{role:"row"},t("slot",null))}};s.style=":host{display:table-row}";export{s as utrecht_table_row}
|