npm - @utrecht/web-component-library-stencil - Versions diffs - 1.0.2-alpha.0 → 1.1.1-alpha.0 - Mend

@utrecht/web-component-library-stencil 1.0.2-alpha.0 → 1.1.1-alpha.0

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.

Files changed (2089) hide show

package/dist/components/utrecht-progress-list-item.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { c as clsx } from './clsx.m.js';
 import { d as defineCustomElement$2 } from './button.js';
-const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:0;padding-block-start:0}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:center;gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
+const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgressListItem extends HTMLElement {
   constructor() {

package/dist/components/utrecht-progress-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-list-item.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG~~,25YAA25Y~~;;~~MCct6Y~~,oBAAoB;;;;;mBACJ,KAAK;;;;mBAIJ,KAAK;iBACN,KAAK;;EAChC,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IAC/D,QACE,UACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;QACzC,sCAAsC,EAAE,OAAO;QAC/C,0CAA0C,EAAE,CAAC,OAAO;OACrD,CAAC,IAEF,WAAK,KAAK,EAAC,oCAAoC,IAC7C,WACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;QACjC,8BAA8B,EAAE,OAAO;QACvC,kCAAkC,EAAE,CAAC,OAAO;OAC7C,CAAC,IAEF,YAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,YACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACL,OAAO,IACN,sBACE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,GAAG,MAAM,GAAG,OAAO,IAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;QACjD,8CAA8C,EAAE,OAAO;OACxD,CAAC,IAEF,eAAQ,CACN,CACW,KAEjB,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;QACjD,8CAA8C,EAAE,OAAO;OACxD,CAAC,IAEF,eAAQ,CACN,CACL,CACG,EACN,WAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC,IAClD,WACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI,EACP,WAAK,KAAK,EAAC,kCAAkC,IAC3C,YAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,EACN,WACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC,IAE3G,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list-item&encapsulation=shadow","src/components/progress-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-progress-list-item.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,+iZAA+iZ;;MCc1jZ,oBAAoB;;;;;mBACJ,KAAK;;;;mBAIJ,KAAK;iBACN,KAAK;;EAChC,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IAC/D,QACE,UACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;QACzC,sCAAsC,EAAE,OAAO;QAC/C,0CAA0C,EAAE,CAAC,OAAO;OACrD,CAAC,IAEF,WAAK,KAAK,EAAC,oCAAoC,IAC7C,WACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;QACjC,8BAA8B,EAAE,OAAO;QACvC,kCAAkC,EAAE,CAAC,OAAO;OAC7C,CAAC,IAEF,YAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,YACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACL,OAAO,IACN,sBACE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,GAAG,MAAM,GAAG,OAAO,IAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;QACjD,8CAA8C,EAAE,OAAO;OACxD,CAAC,IAEF,eAAQ,CACN,CACW,KAEjB,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;QACjD,8CAA8C,EAAE,OAAO;OACxD,CAAC,IAEF,eAAQ,CACN,CACL,CACG,EACN,WAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC,IAClD,WACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI,EACP,WAAK,KAAK,EAAC,kCAAkC,IAC3C,YAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,EACN,WACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC,IAE3G,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list-item&encapsulation=shadow","src/components/progress-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-progress-list.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:0;padding-block-start:0}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:center;gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
+const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList extends HTMLElement {
   constructor() {

package/dist/components/utrecht-progress-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-list.js","mappings":";;AAAA,MAAM,eAAe,GAAG~~,25YAA25Y~~;;~~MCat6Y~~,gBAAgB;;;;;;EAC3B,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,uBAAuB,IAC/B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-progress-list.js","mappings":";;AAAA,MAAM,eAAe,GAAG,+iZAA+iZ;;MCa1jZ,gBAAgB;;;;;;EAC3B,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,uBAAuB,IAC/B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-progress-sublist-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.m.js';
-const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:0;padding-block-start:0}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:center;gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
+const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgressSublistItem extends HTMLElement {
   constructor() {

package/dist/components/utrecht-progress-sublist-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-sublist-item.js","mappings":";;;AAAA,MAAM,eAAe,GAAG~~,25YAA25Y~~;;~~MCct6Y~~,uBAAuB;;;;;;mBAEN,KAAK;;EACjC,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACrC,QACE,UAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClG,WAAK,KAAK,EAAC,oCAAoC,IAC7C,WACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;QAChE,8BAA8B,EAAE,OAAO;QACvC,kCAAkC,EAAE,CAAC,OAAO;OAC7C,CAAC,IAEF,YAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,YACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACN,SACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;QACrD,kDAAkD,EAAE,OAAO;OAC5D,CAAC,IAEF,eAAQ,CACN,CACA,CACH,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-sublist-item&encapsulation=shadow","src/components/progress-sublist-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-sublist-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressSublistItem {\n @Prop() appearance?: string;\n @Prop() checked?: boolean = false;\n render() {\n const { appearance, checked } = this;\n return (\n <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n <p\n class={clsx('denhaag-process-steps__sub-step-heading', {\n 'denhaag-process-steps__sub-step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </div>\n </li>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-progress-sublist-item.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,+iZAA+iZ;;MCc1jZ,uBAAuB;;;;;;mBAEN,KAAK;;EACjC,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACrC,QACE,UAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClG,WAAK,KAAK,EAAC,oCAAoC,IAC7C,WACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;QAChE,8BAA8B,EAAE,OAAO;QACvC,kCAAkC,EAAE,CAAC,OAAO;OAC7C,CAAC,IAEF,YAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,YACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACN,SACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;QACrD,kDAAkD,EAAE,OAAO;OAC5D,CAAC,IAEF,eAAQ,CACN,CACA,CACH,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-sublist-item&encapsulation=shadow","src/components/progress-sublist-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-sublist-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressSublistItem {\n @Prop() appearance?: string;\n @Prop() checked?: boolean = false;\n render() {\n const { appearance, checked } = this;\n return (\n <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n <p\n class={clsx('denhaag-process-steps__sub-step-heading', {\n 'denhaag-process-steps__sub-step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </div>\n </li>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-textarea.js CHANGED Viewed

@@ -3,6 +3,18 @@ import { c as clsx } from './clsx.m.js';
 const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
+/**
+ * I would prefer to set `rows` and `cols` only when the properties are actually set,
+ * and explicitly configure them when they are set.
+ *
+ * Currently Stencil offers no way to detect of the property value is the default value.
+ * `this.hasOwnProperty('cols')` does not work, for example.
+ *
+ * As a workaround, there is a check if `cols` and `rows` are equal to the
+ * `<textarea>` defaults of `2` and `20`.
+ */
+const HTML_DEFAULT_COLS = 20;
+const HTML_DEFAULT_ROWS = 2;
 const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLElement {
   constructor() {
     super();
@@ -13,17 +25,19 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
     this.utrechtFocus = createEvent(this, "utrechtFocus", 7);
     this.utrechtInput = createEvent(this, "utrechtInput", 7);
     this.autocomplete = '';
+    this.cols = HTML_DEFAULT_COLS;
     this.spellcheck = false;
     this.disabled = false;
     this.invalid = false;
     this.placeholder = '';
     this.readOnly = false;
     this.required = false;
+    this.rows = HTML_DEFAULT_ROWS;
     this.value = '';
   }
   render() {
-    const { autocomplete, disabled, invalid, placeholder, readOnly, required, spellcheck, value } = this;
-    return (h("textarea", { autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), disabled: disabled, placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+    const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
+    return (h("textarea", { autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
         this.value = evt.target.value;
         this.utrechtInput.emit(evt);
       } }, h("slot", null)));
@@ -31,12 +45,14 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
   static get style() { return textareaCss; }
 }, [1, "utrecht-textarea", {
     "autocomplete": [1],
+    "cols": [2],
     "spellcheck": [4],
     "disabled": [516],
     "invalid": [516],
     "placeholder": [1],
     "readOnly": [516, "readonly"],
     "required": [516],
+    "rows": [2],
     "value": [1]
   }]);
 function defineCustomElement$1() {

package/dist/components/utrecht-textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-textarea.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,i6RAAi6R;;~~MCax6R~~,QAAQ;;;;;;;;;wBACY,EAAE;~~sBACH~~,KAAK;oBACU,KAAK;mBACN,KAAK;uBACnB,EAAE;oBACoC,KAAK;oBAC5B,KAAK;~~iBAC1B~~,EAAE;;EAM1B,MAAM;IACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;~~IAErG~~,QACE,gBACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;QACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAC7B,IAED,eAAQ,CACC,EACX;GACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/components/textarea/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class Textarea {\n @Prop() autocomplete: string = '';\n @Prop() spellcheck: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autocomplete, disabled, invalid, placeholder, readOnly, required, spellcheck, value } = this;\n\n return (\n <textarea\n autoComplete={autocomplete \|\| null}\n class={clsx(\n 'utrecht-textarea',\n 'utrecht-textarea--html-textarea',\n disabled && 'utrecht-textarea--disabled',\n invalid && 'utrecht-textarea--invalid',\n readOnly && 'utrecht-textarea--readonly',\n )}\n disabled={disabled}\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n spellcheck={spellcheck \|\| null}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLTextAreaElement).value;\n this.utrechtInput.emit(evt);\n }}\n >\n <slot />\n </textarea>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-textarea.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,i6RAAi6R;;ACQr7R;;;;;;;;;;AAUA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;MAOf,QAAQ;;;;;;;;;wBACY,EAAE;gBACV,iBAAiB;sBACV,KAAK;oBACU,KAAK;mBACN,KAAK;uBACnB,EAAE;oBACoC,KAAK;oBAC5B,KAAK;gBAC3B,iBAAiB;iBAChB,EAAE;;EAM1B,MAAM;IACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAEjH,QACE,gBACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;QACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAC7B,IAED,eAAQ,CACC,EACX;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/components/textarea/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/\n I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n \n Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n \n As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class Textarea {\n @Prop() autocomplete: string = '';\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop() spellcheck: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() rows: number = HTML_DEFAULT_ROWS;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n return (\n <textarea\n autoComplete={autocomplete \|\| null}\n class={clsx(\n 'utrecht-textarea',\n 'utrecht-textarea--html-textarea',\n disabled && 'utrecht-textarea--disabled',\n invalid && 'utrecht-textarea--invalid',\n readOnly && 'utrecht-textarea--readonly',\n )}\n cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n disabled={disabled}\n dir=\"auto\"\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n spellcheck={spellcheck \|\| null}\n rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLTextAreaElement).value;\n this.utrechtInput.emit(evt);\n }}\n >\n <slot />\n </textarea>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-textbox.js CHANGED Viewed

@@ -26,7 +26,7 @@ const Textbox = /*@__PURE__*/ proxyCustomElement(class Textbox extends HTMLEleme
   }
   render() {
     const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-    return (h("input", { class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, min: min ? min : null, max: max ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+    return (h("input", { class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
         this.value = evt.target.value;
         this.utrechtInput.emit(evt);
       } }));
@@ -36,8 +36,8 @@ const Textbox = /*@__PURE__*/ proxyCustomElement(class Textbox extends HTMLEleme
     "autoComplete": [513, "autocomplete"],
     "disabled": [516],
     "invalid": [516],
-    "min": [1],
-    "max": [1],
+    "min": [8],
+    "max": [8],
     "pattern": [1],
     "placeholder": [1],
     "readOnly": [516, "readonly"],

package/dist/components/utrecht-textbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-textbox.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,q+TAAq+T;;MCa3+T,OAAO;;;;;;;;;wBACyD,EAAE;oBAChC,KAAK;mBACN,KAAK;~~eAC3B~~,EAAE;eACF,EAAE;~~mBACE~~,EAAE;uBACE,EAAE;oBACoC,KAAK;oBAC5B,KAAK;gBACV,EAAE;iBAClB,EAAE;;EAM1B,MAAM;IACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAElH,QACE,aACE,KAAK,EAAE,IAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,~~EACrB~~,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,~~EACrB~~,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;QACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAC7B,GACD,EACF;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/components/textbox/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-textbox',\n styleUrl: 'textbox.scss',\n shadow: true,\n})\nexport class Textbox {\n @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() min: string = '';\n @Prop() max: string = '';\n @Prop() pattern: string = '';\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop({ reflect: true }) type: string = '';\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n return (\n <input\n class={clsx(\n 'utrecht-textbox',\n 'utrecht-textbox--html-input',\n disabled && 'utrecht-textbox--disabled',\n invalid && 'utrecht-textbox--invalid',\n readOnly && 'utrecht-textbox--readonly',\n )}\n type={type \|\| 'text'}\n autoComplete={autoComplete ? autoComplete : null}\n disabled={disabled}\n min={min ? min : null}\n max={max ? max : null}\n pattern={pattern ? pattern : null}\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLInputElement).value;\n this.utrechtInput.emit(evt);\n }}\n />\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-textbox.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,q+TAAq+T;;MCa3+T,OAAO;;;;;;;;;wBACyD,EAAE;oBAChC,KAAK;mBACN,KAAK;eAClB,EAAE;eACF,EAAE;mBACP,EAAE;uBACE,EAAE;oBACoC,KAAK;oBAC5B,KAAK;gBACV,EAAE;iBAClB,EAAE;;EAM1B,MAAM;IACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAElH,QACE,aACE,KAAK,EAAE,IAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;QACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAC7B,GACD,EACF;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\n@import \"~@utrecht/components/textbox/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-textbox',\n styleUrl: 'textbox.scss',\n shadow: true,\n})\nexport class Textbox {\n @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() min: number \| string = '';\n @Prop() max: number \| string = '';\n @Prop() pattern: string = '';\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop({ reflect: true }) type: string = '';\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n return (\n <input\n class={clsx(\n 'utrecht-textbox',\n 'utrecht-textbox--html-input',\n disabled && 'utrecht-textbox--disabled',\n invalid && 'utrecht-textbox--invalid',\n readOnly && 'utrecht-textbox--readonly',\n )}\n type={type \|\| 'text'}\n autoComplete={autoComplete ? autoComplete : null}\n disabled={disabled}\n dir=\"auto\"\n min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n pattern={pattern ? pattern : null}\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLInputElement).value;\n this.utrechtInput.emit(evt);\n }}\n />\n );\n }\n}\n"],"version":3}

package/dist/esm/loader.js CHANGED Viewed

@@ -3,7 +3,7 @@ export { s as setNonce } from './index-0584a42f.js';
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-progress-list-item\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message\",[[1,\"utrecht-form-field-error-message\"]]],[\"utrecht-form-toggle\",[[1,\"utrecht-form-toggle\",{\"disabled\":[516],\"checked\":[516]}]]],[\"utrecht-html-content\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-chevron-down\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left\",[[1,\"utrecht-icon-chevron-left\"]]],[\"utrecht-icon-chevron-right\",[[1,\"utrecht-icon-chevron-right\"]]],[\"utrecht-icon-chevron-up\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close\",[[1,\"utrecht-icon-close\"]]],[\"utrecht-icon-college-b-w\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-hamburger-menu\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"utrecht-icon-herdenking\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-language\",[[1,\"utrecht-icon-language\"]]],[\"utrecht-icon-lantaarnpaal\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-list-check\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number\",[[1,\"utrecht-icon-list-number\"]]],[\"utrecht-icon-loupe\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-menu-dot\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"utrecht-icon-meterkast\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-minus\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"utrecht-icon-mobiliteit\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nummerbord\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-read-aloud\",[[1,\"utrecht-icon-read-aloud\"]]],[\"utrecht-icon-rijbewijs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-search\",[[1,\"utrecht-icon-search\"]]],[\"utrecht-icon-shoppen\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-user\",[[1,\"utrecht-icon-user\"]]],[\"utrecht-icon-uw-wijk\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-x\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"utrecht-icon-zoomin\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-multiline-data\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-page-footer\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-progress-list\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface\",[[1,\"utrecht-surface\"]]],[\"utrecht-table\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row\",[[1,\"utrecht-table-row\"]]],[\"utrecht-textarea\",[[1,\"utrecht-textarea\",{\"autocomplete\":[1],\"spellcheck\":[4],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"value\":[1]}]]],[\"utrecht-textbox\",[[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]}]]],[\"utrecht-digid-logo\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46\",[[1,\"utrecht-form-field-checkbox\",{\"label\":[1],\"disabled\":[516],\"checked\":[516],\"invalid\":[516],\"required\":[516],\"name\":[1],\"value\":[1]}],[1,\"utrecht-form-field-textarea\",{\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"readOnly\":[516,\"readonly\"],\"placeholder\":[1],\"required\":[516],\"value\":[1]}],[1,\"utrecht-form-field-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"min\":[1],\"max\":[1],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}],[1,\"utrecht-alert\",{\"type\":[1]}],[1,\"utrecht-article\"],[1,\"utrecht-badge-counter\",{\"value\":[2],\"max\":[2],\"locale\":[1]}],[1,\"utrecht-badge-data\"],[1,\"utrecht-badge-list\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button-group\"],[1,\"utrecht-button-link\",{\"appearance\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-color-sample\",{\"color\":[1]}],[1,\"utrecht-document\"],[1,\"utrecht-drawer\",{\"align\":[1],\"open\":[4],\"close\":[64],\"showModal\":[64]}],[1,\"utrecht-emphasis\"],[1,\"utrecht-flex-wrap-fallback\",{\"flexTarget\":[513,\"flextarget\"],\"resizeObserver\":[32],\"contentWraps\":[32]}],[4,\"utrecht-form\",{\"action\":[1],\"autocomplete\":[1],\"enctype\":[1],\"method\":[1],\"noValidate\":[1,\"novalidate\"],\"target\":[1]}],[1,\"utrecht-heading\",{\"level\":[2]}],[1,\"utrecht-heading-1\"],[1,\"utrecht-heading-4\"],[1,\"utrecht-heading-5\"],[1,\"utrecht-heading-6\"],[1,\"utrecht-heading-group\"],[1,\"utrecht-iban-data\",{\"value\":[1]}],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"href\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4]}],[1,\"utrecht-logo\"],[1,\"utrecht-logo-image\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-data\",{\"value\":[8]}],[1,\"utrecht-page\"],[1,\"utrecht-page-content\"],[1,\"utrecht-page-header\"],[1,\"utrecht-pre-heading\"],[1,\"utrecht-separator\"],[1,\"utrecht-skip-link\",{\"href\":[1]}],[1,\"utrecht-spotlight-section\",{\"appearance\":[1]}],[1,\"utrecht-url-data\"],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"expanded\":[8],\"pressed\":[8],\"form\":[513,\"readonly\"],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1],\"type\":[1]}],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}],[1,\"utrecht-form-field-description\",{\"status\":[513]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-progress-list-item\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message\",[[1,\"utrecht-form-field-error-message\"]]],[\"utrecht-form-toggle\",[[1,\"utrecht-form-toggle\",{\"disabled\":[516],\"checked\":[516]}]]],[\"utrecht-html-content\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-chevron-down\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left\",[[1,\"utrecht-icon-chevron-left\"]]],[\"utrecht-icon-chevron-right\",[[1,\"utrecht-icon-chevron-right\"]]],[\"utrecht-icon-chevron-up\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close\",[[1,\"utrecht-icon-close\"]]],[\"utrecht-icon-college-b-w\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-hamburger-menu\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"utrecht-icon-herdenking\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-language\",[[1,\"utrecht-icon-language\"]]],[\"utrecht-icon-lantaarnpaal\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-list-check\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number\",[[1,\"utrecht-icon-list-number\"]]],[\"utrecht-icon-loupe\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-menu-dot\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"utrecht-icon-meterkast\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-minus\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"utrecht-icon-mobiliteit\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nummerbord\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-read-aloud\",[[1,\"utrecht-icon-read-aloud\"]]],[\"utrecht-icon-rijbewijs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-search\",[[1,\"utrecht-icon-search\"]]],[\"utrecht-icon-shoppen\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-user\",[[1,\"utrecht-icon-user\"]]],[\"utrecht-icon-uw-wijk\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-x\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"utrecht-icon-zoomin\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-multiline-data\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-page-footer\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-progress-list\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface\",[[1,\"utrecht-surface\"]]],[\"utrecht-table\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row\",[[1,\"utrecht-table-row\"]]],[\"utrecht-textarea\",[[1,\"utrecht-textarea\",{\"autocomplete\":[1],\"cols\":[2],\"spellcheck\":[4],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"rows\":[2],\"value\":[1]}]]],[\"utrecht-textbox\",[[1,\"utrecht-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"min\":[8],\"max\":[8],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}]]],[\"utrecht-digid-logo\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46\",[[1,\"utrecht-form-field-checkbox\",{\"label\":[1],\"disabled\":[516],\"checked\":[516],\"invalid\":[516],\"required\":[516],\"name\":[1],\"value\":[1]}],[1,\"utrecht-form-field-textarea\",{\"cols\":[2],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"readOnly\":[516,\"readonly\"],\"placeholder\":[1],\"required\":[516],\"rows\":[2],\"value\":[1]}],[1,\"utrecht-form-field-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"min\":[8],\"max\":[8],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}],[1,\"utrecht-alert\",{\"type\":[1]}],[1,\"utrecht-article\"],[1,\"utrecht-badge-counter\",{\"value\":[2],\"max\":[2],\"locale\":[1]}],[1,\"utrecht-badge-data\"],[1,\"utrecht-badge-list\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button-group\",{\"direction\":[1]}],[1,\"utrecht-button-link\",{\"appearance\":[1],\"download\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4],\"target\":[1]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-color-sample\",{\"color\":[1]}],[1,\"utrecht-document\"],[1,\"utrecht-drawer\",{\"align\":[1],\"open\":[4],\"close\":[64],\"showModal\":[64]}],[1,\"utrecht-emphasis\"],[1,\"utrecht-flex-wrap-fallback\",{\"flexTarget\":[513,\"flextarget\"],\"resizeObserver\":[32],\"contentWraps\":[32]}],[4,\"utrecht-form\",{\"action\":[1],\"autocomplete\":[1],\"enctype\":[1],\"method\":[1],\"noValidate\":[1,\"novalidate\"],\"target\":[1]}],[1,\"utrecht-heading\",{\"level\":[2]}],[1,\"utrecht-heading-1\"],[1,\"utrecht-heading-4\"],[1,\"utrecht-heading-5\"],[1,\"utrecht-heading-6\"],[1,\"utrecht-heading-group\"],[1,\"utrecht-iban-data\",{\"value\":[1]}],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"download\":[1],\"href\":[1],\"target\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4],\"form\":[513],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1]}],[1,\"utrecht-logo\"],[1,\"utrecht-logo-image\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-data\",{\"value\":[8]}],[1,\"utrecht-page\"],[1,\"utrecht-page-content\"],[1,\"utrecht-page-header\"],[1,\"utrecht-pre-heading\"],[1,\"utrecht-separator\"],[1,\"utrecht-skip-link\",{\"href\":[1]}],[1,\"utrecht-spotlight-section\",{\"appearance\":[1]}],[1,\"utrecht-url-data\"],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"expanded\":[8],\"pressed\":[8],\"form\":[513,\"readonly\"],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1],\"type\":[1]}],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}],[1,\"utrecht-form-field-description\",{\"status\":[513]}]]]]"), options);
 };
 export { defineCustomElements };