@nl-design-system-community/clippy-components 1.0.0 → 1.1.0

package/dist/clippy-combobox/index.js

@@ -1,31 +1,36 @@
-import { css as G, unsafeCSS as z, LitElement as B, html as T, nothing as Y } from "lit";
-import { property as x, state as W, customElement as D } from "lit/decorators.js";
-import { classMap as V } from "lit/directives/class-map.js";
-const Q = ".utrecht-combobox{inline-size:100%;max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));position:relative}.utrecht-combobox__popover{border-width:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;background-color:canvas;block-size:fit-content;color:canvastext;inline-size:fit-content;inset:0;overflow:auto;position:absolute;z-index:var(--utrecht-combobox-popover-z-index, 1)}.utrecht-combobox__popover--block-end{inset-block-start:100%}.utrecht-combobox__popover--hidden{display:none!important}", K = ".utrecht-listbox{--utrecht-listbox-max-block-size: 300px;background-color:var(--_utrecht-listbox-disabled-background-color, var(--_utrecht-listbox-interactive-background-color, var(--utrecht-listbox-background-color)));border-color:var(--_utrecht-listbox-disabled-border-color, var(--_utrecht-listbox-interactive-border-color, var(--utrecht-listbox-border-color)));border-radius:var(--utrecht-listbox-border-radius);border-style:solid;border-width:var(--utrecht-listbox-border-width);box-sizing:border-box;color:var(--_utrecht-listbox-disabled-color, var(--_utrecht-listbox-interactive-color, var(--utrecht-listbox-color)));cursor:default;display:flex;flex-direction:column;font-weight:var(--utrecht-listbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:var(--utrecht-listbox-inline-size, var(--utrecht-form-control-max-inline-size));max-block-size:var(--utrecht-listbox-max-block-size);max-inline-size:100%;min-block-size:1em;overflow-block:auto;overflow-y:auto;padding-block-end:var(--utrecht-listbox-padding-block-end);padding-block-start:var(--utrecht-listbox-padding-block-start);padding-inline-end:var(--utrecht-listbox-padding-inline-end);padding-inline-start:var(--utrecht-listbox-padding-inline-start);-webkit-user-select:none;user-select:none}@media(forced-colors:active){.utrecht-listbox{--utrecht-listbox-background-color: field;--utrecht-listbox-border-color: fieldtext;--utrecht-listbox-hover-background-color: field;--utrecht-listbox-hover-border-color: fieldtext;--utrecht-listbox-hover-color: fieldtext;--utrecht-listbox-focus-border-color: Highlight;--utrecht-listbox-disabled-border-color: GrayText;--utrecht-listbox-option-background-color: field;--utrecht-listbox-option-color: fieldtext;--utrecht-listbox-option-hover-background-color: Highlight;--utrecht-listbox-option-hover-color: HighlightText;--utrecht-listbox-option-active-background-color: Highlight;--utrecht-listbox-option-active-color: HighlightText;--utrecht-listbox-option-disabled-background-color: field;--utrecht-listbox-option-disabled-color: GrayText;--utrecht-listbox-option-selected-background-color: Highlight;--utrecht-listbox-option-selected-color: HighlightText;--utrecht-listbox-option-selected-hover-background-color: Highlight;--utrecht-listbox-option-selected-hover-color: HighlightText;--utrecht-listbox-option-selected-disabled-background-color: GrayText;--utrecht-listbox-option-selected-disabled-color: field}}.utrecht-listbox--focus{--_utrecht-listbox-interactive-border-color: var(--utrecht-listbox-focus-border-color)}.utrecht-listbox--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-listbox__list{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.utrecht-listbox__group{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0;margin-block-end:var(--utrecht-listbox-option-group-margin-block-end)}.utrecht-listbox__group-label{color:var(--utrecht-listbox-option-group-label-color);font-size:var(--utrecht-listbox-option-group-label-font-size);font-weight:var(--utrecht-listbox-option-group-label-font-weight);line-height:var(--utrecht-listbox-option-group-label-line-height);margin-inline-start:var(--utrecht-listbox-option-group-label-margin-inline-start)}@media(forced-colors:active){.utrecht-listbox__group-label{background-color:field;color:fieldtext}}.utrecht-listbox__option{list-style:none;--_utrecht-listbox-option-background-color: var( --_utrecht-listbox-option-disabled-background-color, var( --_utrecht-listbox-option-interactive-background-color, var(--_utrecht-listbox-option-state-background-color, var(--utrecht-listbox-option-background-color)) ) );--_utrecht-listbox-option-color: var( --_utrecht-listbox-option-disabled-color, var( --_utrecht-listbox-option-interactive-color, var(--_utrecht-listbox-option-state-color, var(--utrecht-listbox-option-color)) ) );align-items:center;background-color:var(--_utrecht-listbox-option-background-color);box-sizing:border-box;color:var(--_utrecht-listbox-option-color);display:flex;min-block-size:var(--utrecht-listbox-option-min-block-size, var(--utrecht-pointer-target-min-size, 24px));padding-block-end:var(--utrecht-listbox-option-padding-block-end);padding-block-start:var(--utrecht-listbox-option-padding-block-start);padding-inline-end:var(--utrecht-listbox-option-padding-inline-end);padding-inline-start:var(--utrecht-listbox-option-padding-inline-start)}@media(forced-colors:active){.utrecht-listbox__option{forced-color-adjust:none}}.utrecht-listbox__option--hover{--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-hover-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-hover-color)}.utrecht-listbox__option--focus{--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-focus-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-focus-color)}.utrecht-listbox__option--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--utrecht-focus-outline-offset: calc(var(--utrecht-focus-outline-width) * -1)}.utrecht-listbox__option--active{--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-active-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-active-color);font-weight:var(--utrecht-listbox-option-is-active-font-weight)}.utrecht-listbox__option--selected{--_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-selected-disabled-background-color);--_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-selected-disabled-color);--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-selected-hover-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-selected-hover-color);--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-selected-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-selected-color)}.utrecht-listbox__option--html-li{list-style:none}.utrecht-listbox__option--html-li:hover{--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-hover-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-hover-color)}.utrecht-listbox__option--html-li:focus{--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-focus-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-focus-color)}.utrecht-listbox__option--disabled{--utrecht-listbox-option-hover-background-color: var(--utrecht-listbox-option-disabled-background-color);--utrecht-listbox-option-hover-color: var(--utrecht-listbox-option-disabled-color);--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-disabled-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-listbox--disabled{--_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-disabled-background-color);--_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-disabled-color);--_utrecht-listbox-disabled-background-color: var(--utrecht-listbox-disabled-background-color);--_utrecht-listbox-disabled-border-color: var(--utrecht-listbox-disabled-border-color);--_utrecht-listbox-disabled-color: var(--utrecht-listbox-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-listbox--html-div:focus{--_utrecht-listbox-interactive-border-color: var(--utrecht-listbox-focus-border-color)}.utrecht-listbox--html-div:focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-listbox--forced-colors{--utrecht-listbox-background-color: field;--utrecht-listbox-border-color: fieldtext;--utrecht-listbox-hover-background-color: field;--utrecht-listbox-hover-border-color: fieldtext;--utrecht-listbox-hover-color: fieldtext;--utrecht-listbox-focus-border-color: Highlight;--utrecht-listbox-disabled-border-color: GrayText;--utrecht-listbox-option-background-color: field;--utrecht-listbox-option-color: fieldtext;--utrecht-listbox-option-hover-background-color: Highlight;--utrecht-listbox-option-hover-color: HighlightText;--utrecht-listbox-option-active-background-color: Highlight;--utrecht-listbox-option-active-color: HighlightText;--utrecht-listbox-option-disabled-background-color: field;--utrecht-listbox-option-disabled-color: GrayText;--utrecht-listbox-option-selected-background-color: Highlight;--utrecht-listbox-option-selected-color: HighlightText;--utrecht-listbox-option-selected-hover-background-color: Highlight;--utrecht-listbox-option-selected-hover-color: HighlightText;--utrecht-listbox-option-selected-disabled-background-color: GrayText;--utrecht-listbox-option-selected-disabled-color: field}", R = '.utrecht-textbox{--_utrecht-textbox-value-char: .667em + .334ch;--_utrecht-textbox-max-inline-size: calc( calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) + var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) + var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) + var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) + var(--utrecht-textbox-autocomplete-ui-size, 44px) );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%),var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width: var( --utrecht-textbox-invalid-border-width, var( --utrecht-form-control-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) ) );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length: 7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length: 5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length: 1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length: 4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length: 10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length: 19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length: 13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length: 41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length: 22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textbox--html-input:user-invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width: var( --utrecht-textbox-invalid-border-width, var( --utrecht-form-control-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) ) );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern="\\\\d*"],.utrecht-textbox--html-input[pattern="[0-9]*"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}', U = (t, o, r, e) => {
+var B = (t) => {
+  throw TypeError(t);
+};
+var Y = (t, o, r) => o.has(t) || B("Cannot " + r);
+var I = (t, o, r) => (Y(t, o, "read from private field"), r ? r.call(t) : o.get(t)), R = (t, o, r) => o.has(t) ? B("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, r), S = (t, o, r, e) => (Y(t, o, "write to private field"), e ? e.call(t, r) : o.set(t, r), r);
+import { LitElement as U, css as X, unsafeCSS as P, html as C, nothing as Z } from "lit";
+import { property as b, state as L, customElement as tt } from "lit/decorators.js";
+import { classMap as J } from "lit/directives/class-map.js";
+const ot = ".utrecht-combobox{inline-size:100%;max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));position:relative}.utrecht-combobox__popover{border-width:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;background-color:canvas;block-size:fit-content;color:canvastext;inline-size:fit-content;inset:0;overflow:auto;position:absolute;z-index:var(--utrecht-combobox-popover-z-index, 1)}.utrecht-combobox__popover--block-end{inset-block-start:100%}.utrecht-combobox__popover--hidden{display:none!important}", rt = ".utrecht-listbox{--utrecht-listbox-max-block-size: 300px;background-color:var(--_utrecht-listbox-disabled-background-color, var(--_utrecht-listbox-interactive-background-color, var(--utrecht-listbox-background-color)));border-color:var(--_utrecht-listbox-disabled-border-color, var(--_utrecht-listbox-interactive-border-color, var(--utrecht-listbox-border-color)));border-radius:var(--utrecht-listbox-border-radius);border-style:solid;border-width:var(--utrecht-listbox-border-width);box-sizing:border-box;color:var(--_utrecht-listbox-disabled-color, var(--_utrecht-listbox-interactive-color, var(--utrecht-listbox-color)));cursor:default;display:flex;flex-direction:column;font-weight:var(--utrecht-listbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:var(--utrecht-listbox-inline-size, var(--utrecht-form-control-max-inline-size));max-block-size:var(--utrecht-listbox-max-block-size);max-inline-size:100%;min-block-size:1em;overflow-block:auto;overflow-y:auto;padding-block-end:var(--utrecht-listbox-padding-block-end);padding-block-start:var(--utrecht-listbox-padding-block-start);padding-inline-end:var(--utrecht-listbox-padding-inline-end);padding-inline-start:var(--utrecht-listbox-padding-inline-start);-webkit-user-select:none;user-select:none}@media(forced-colors:active){.utrecht-listbox{--utrecht-listbox-background-color: field;--utrecht-listbox-border-color: fieldtext;--utrecht-listbox-hover-background-color: field;--utrecht-listbox-hover-border-color: fieldtext;--utrecht-listbox-hover-color: fieldtext;--utrecht-listbox-focus-border-color: Highlight;--utrecht-listbox-disabled-border-color: GrayText;--utrecht-listbox-option-background-color: field;--utrecht-listbox-option-color: fieldtext;--utrecht-listbox-option-hover-background-color: Highlight;--utrecht-listbox-option-hover-color: HighlightText;--utrecht-listbox-option-active-background-color: Highlight;--utrecht-listbox-option-active-color: HighlightText;--utrecht-listbox-option-disabled-background-color: field;--utrecht-listbox-option-disabled-color: GrayText;--utrecht-listbox-option-selected-background-color: Highlight;--utrecht-listbox-option-selected-color: HighlightText;--utrecht-listbox-option-selected-hover-background-color: Highlight;--utrecht-listbox-option-selected-hover-color: HighlightText;--utrecht-listbox-option-selected-disabled-background-color: GrayText;--utrecht-listbox-option-selected-disabled-color: field}}.utrecht-listbox--focus{--_utrecht-listbox-interactive-border-color: var(--utrecht-listbox-focus-border-color)}.utrecht-listbox--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-listbox__list{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.utrecht-listbox__group{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0;margin-block-end:var(--utrecht-listbox-option-group-margin-block-end)}.utrecht-listbox__group-label{color:var(--utrecht-listbox-option-group-label-color);font-size:var(--utrecht-listbox-option-group-label-font-size);font-weight:var(--utrecht-listbox-option-group-label-font-weight);line-height:var(--utrecht-listbox-option-group-label-line-height);margin-inline-start:var(--utrecht-listbox-option-group-label-margin-inline-start)}@media(forced-colors:active){.utrecht-listbox__group-label{background-color:field;color:fieldtext}}.utrecht-listbox__option{list-style:none;--_utrecht-listbox-option-background-color: var( --_utrecht-listbox-option-disabled-background-color, var( --_utrecht-listbox-option-interactive-background-color, var(--_utrecht-listbox-option-state-background-color, var(--utrecht-listbox-option-background-color)) ) );--_utrecht-listbox-option-color: var( --_utrecht-listbox-option-disabled-color, var( --_utrecht-listbox-option-interactive-color, var(--_utrecht-listbox-option-state-color, var(--utrecht-listbox-option-color)) ) );align-items:center;background-color:var(--_utrecht-listbox-option-background-color);box-sizing:border-box;color:var(--_utrecht-listbox-option-color);display:flex;min-block-size:var(--utrecht-listbox-option-min-block-size, var(--utrecht-pointer-target-min-size, 24px));padding-block-end:var(--utrecht-listbox-option-padding-block-end);padding-block-start:var(--utrecht-listbox-option-padding-block-start);padding-inline-end:var(--utrecht-listbox-option-padding-inline-end);padding-inline-start:var(--utrecht-listbox-option-padding-inline-start)}@media(forced-colors:active){.utrecht-listbox__option{forced-color-adjust:none}}.utrecht-listbox__option--hover{--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-hover-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-hover-color)}.utrecht-listbox__option--focus{--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-focus-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-focus-color)}.utrecht-listbox__option--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--utrecht-focus-outline-offset: calc(var(--utrecht-focus-outline-width) * -1)}.utrecht-listbox__option--active{--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-active-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-active-color);font-weight:var(--utrecht-listbox-option-is-active-font-weight)}.utrecht-listbox__option--selected{--_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-selected-disabled-background-color);--_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-selected-disabled-color);--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-selected-hover-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-selected-hover-color);--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-selected-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-selected-color)}.utrecht-listbox__option--html-li{list-style:none}.utrecht-listbox__option--html-li:hover{--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-hover-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-hover-color)}.utrecht-listbox__option--html-li:focus{--_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-focus-background-color);--_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-focus-color)}.utrecht-listbox__option--disabled{--utrecht-listbox-option-hover-background-color: var(--utrecht-listbox-option-disabled-background-color);--utrecht-listbox-option-hover-color: var(--utrecht-listbox-option-disabled-color);--_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-disabled-background-color);--_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-listbox--disabled{--_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-disabled-background-color);--_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-disabled-color);--_utrecht-listbox-disabled-background-color: var(--utrecht-listbox-disabled-background-color);--_utrecht-listbox-disabled-border-color: var(--utrecht-listbox-disabled-border-color);--_utrecht-listbox-disabled-color: var(--utrecht-listbox-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-listbox--html-div:focus{--_utrecht-listbox-interactive-border-color: var(--utrecht-listbox-focus-border-color)}.utrecht-listbox--html-div:focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-listbox--forced-colors{--utrecht-listbox-background-color: field;--utrecht-listbox-border-color: fieldtext;--utrecht-listbox-hover-background-color: field;--utrecht-listbox-hover-border-color: fieldtext;--utrecht-listbox-hover-color: fieldtext;--utrecht-listbox-focus-border-color: Highlight;--utrecht-listbox-disabled-border-color: GrayText;--utrecht-listbox-option-background-color: field;--utrecht-listbox-option-color: fieldtext;--utrecht-listbox-option-hover-background-color: Highlight;--utrecht-listbox-option-hover-color: HighlightText;--utrecht-listbox-option-active-background-color: Highlight;--utrecht-listbox-option-active-color: HighlightText;--utrecht-listbox-option-disabled-background-color: field;--utrecht-listbox-option-disabled-color: GrayText;--utrecht-listbox-option-selected-background-color: Highlight;--utrecht-listbox-option-selected-color: HighlightText;--utrecht-listbox-option-selected-hover-background-color: Highlight;--utrecht-listbox-option-selected-hover-color: HighlightText;--utrecht-listbox-option-selected-disabled-background-color: GrayText;--utrecht-listbox-option-selected-disabled-color: field}", et = '.utrecht-textbox{--_utrecht-textbox-value-char: .667em + .334ch;--_utrecht-textbox-max-inline-size: calc( calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) + var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) + var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) + var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) + var(--utrecht-textbox-autocomplete-ui-size, 44px) );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%),var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width: var( --utrecht-textbox-invalid-border-width, var( --utrecht-form-control-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) ) );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length: 7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length: 5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length: 1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length: 4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length: 10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length: 19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length: 13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length: 41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length: 22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textbox--html-input:user-invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width: var( --utrecht-textbox-invalid-border-width, var( --utrecht-form-control-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) ) );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern="\\\\d*"],.utrecht-textbox--html-input[pattern="[0-9]*"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}', ct = (t, o, r, e) => {
   if (r === "length" || r === "prototype" || r === "arguments" || r === "caller")
     return;
-  const c = Object.getOwnPropertyDescriptor(t, r), l = Object.getOwnPropertyDescriptor(o, r);
-  !J(c, l) && e || Object.defineProperty(t, r, l);
-}, J = function(t, o) {
+  const c = Object.getOwnPropertyDescriptor(t, r), i = Object.getOwnPropertyDescriptor(o, r);
+  !it(c, i) && e || Object.defineProperty(t, r, i);
+}, it = function(t, o) {
   return t === void 0 || t.configurable || t.writable === o.writable && t.enumerable === o.enumerable && t.configurable === o.configurable && (t.writable || t.value === o.value);
-}, X = (t, o) => {
+}, lt = (t, o) => {
   const r = Object.getPrototypeOf(o);
   r !== Object.getPrototypeOf(t) && Object.setPrototypeOf(t, r);
-}, Z = (t, o) => `/* Wrapped ${t}*/
-${o}`, tt = Object.getOwnPropertyDescriptor(Function.prototype, "toString"), ot = Object.getOwnPropertyDescriptor(Function.prototype.toString, "name"), rt = (t, o, r) => {
-  const e = r === "" ? "" : `with ${r.trim()}() `, c = Z.bind(null, e, o.toString());
-  Object.defineProperty(c, "name", ot);
-  const { writable: l, enumerable: d, configurable: g } = tt;
-  Object.defineProperty(t, "toString", { value: c, writable: l, enumerable: d, configurable: g });
+}, nt = (t, o) => `/* Wrapped ${t}*/
+${o}`, at = Object.getOwnPropertyDescriptor(Function.prototype, "toString"), ut = Object.getOwnPropertyDescriptor(Function.prototype.toString, "name"), st = (t, o, r) => {
+  const e = r === "" ? "" : `with ${r.trim()}() `, c = nt.bind(null, e, o.toString());
+  Object.defineProperty(c, "name", ut);
+  const { writable: i, enumerable: a, configurable: k } = at;
+  Object.defineProperty(t, "toString", { value: c, writable: i, enumerable: a, configurable: k });
 };
-function et(t, o, { ignoreNonConfigurable: r = !1 } = {}) {
+function ht(t, o, { ignoreNonConfigurable: r = !1 } = {}) {
   const { name: e } = t;
   for (const c of Reflect.ownKeys(o))
-    U(t, o, c, r);
-  return X(t, o), rt(t, o, e), t;
+    ct(t, o, c, r);
+  return lt(t, o), st(t, o, e), t;
 }
-const m = 2147483647, ct = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap();
-function lt(t, o) {
+const w = 2147483647, dt = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap();
+function xt(t, o) {
   const r = t.get(o);
   if (r) {
     if (r.maxAge <= Date.now()) {
@@ -35,46 +40,110 @@ function lt(t, o) {
     return r;
   }
 }
-function nt(t, { cacheKey: o, cache: r = /* @__PURE__ */ new Map(), maxAge: e } = {}) {
+function vt(t, { cacheKey: o, cache: r = /* @__PURE__ */ new Map(), maxAge: e } = {}) {
   if (e === 0)
     return t;
   if (typeof e == "number" && Number.isFinite(e)) {
-    if (e > m)
-      throw new TypeError(`The \`maxAge\` option cannot exceed ${m}.`);
+    if (e > w)
+      throw new TypeError(`The \`maxAge\` option cannot exceed ${w}.`);
     if (e < 0)
       throw new TypeError("The `maxAge` option should not be a negative number.");
   }
-  const c = function(...l) {
-    const d = o ? o(l) : l[0], g = lt(r, d);
-    if (g)
-      return g.data;
-    const w = t.apply(this, l), s = typeof e == "function" ? e(...l) : e;
-    if (s !== void 0 && s !== Number.POSITIVE_INFINITY) {
-      if (!Number.isFinite(s))
+  const c = function(...i) {
+    const a = o ? o(i) : i[0], k = xt(r, a);
+    if (k)
+      return k.data;
+    const O = t.apply(this, i), u = typeof e == "function" ? e(...i) : e;
+    if (u !== void 0 && u !== Number.POSITIVE_INFINITY) {
+      if (!Number.isFinite(u))
         throw new TypeError("The `maxAge` function must return a finite number, `0`, or `Infinity`.");
-      if (s <= 0)
-        return w;
-      if (s > m)
-        throw new TypeError(`The \`maxAge\` function result cannot exceed ${m}.`);
+      if (u <= 0)
+        return O;
+      if (u > w)
+        throw new TypeError(`The \`maxAge\` function result cannot exceed ${w}.`);
     }
-    if (r.set(d, {
-      data: w,
-      maxAge: s === void 0 || s === Number.POSITIVE_INFINITY ? Number.POSITIVE_INFINITY : Date.now() + s
-    }), s !== void 0 && s !== Number.POSITIVE_INFINITY) {
-      const y = setTimeout(() => {
-        r.delete(d), O.get(c)?.delete(y);
-      }, s);
-      y.unref?.();
-      const F = O.get(c) ?? /* @__PURE__ */ new Set();
-      F.add(y), O.set(c, F);
+    if (r.set(a, {
+      data: O,
+      maxAge: u === void 0 || u === Number.POSITIVE_INFINITY ? Number.POSITIVE_INFINITY : Date.now() + u
+    }), u !== void 0 && u !== Number.POSITIVE_INFINITY) {
+      const $ = setTimeout(() => {
+        r.delete(a), M.get(c)?.delete($);
+      }, u);
+      $.unref?.();
+      const D = M.get(c) ?? /* @__PURE__ */ new Set();
+      D.add($), M.set(c, D);
     }
-    return w;
+    return O;
   };
-  return et(c, t, {
+  return ht(c, t, {
     ignoreNonConfigurable: !0
-  }), ct.set(c, r), it.set(c, o ?? ((l) => l[0])), c;
+  }), dt.set(c, r), bt.set(c, o ?? ((i) => i[0])), c;
 }
-const at = G`
+const pt = (t) => {
+  if (t === null) return t;
+  try {
+    const o = t && JSON.parse(t);
+    return Array.isArray(o) ? o : null;
+  } catch {
+    return t.split(" ");
+  }
+};
+var ft = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, _ = (t, o, r, e) => {
+  for (var c = e > 1 ? void 0 : e ? gt(o, r) : o, i = t.length - 1, a; i >= 0; i--)
+    (a = t[i]) && (c = (e ? a(o, r, c) : a(c)) || c);
+  return e && c && ft(o, r, c), c;
+}, p;
+const G = class G extends U {
+  constructor() {
+    super(...arguments);
+    R(this, p);
+    this.name = "", this.hiddenLabel = "", this.disabled = !1, this.readonly = !1, this.internals_ = this.attachInternals(), S(this, p, null);
+  }
+  set value(r) {
+    I(this, p) !== r && (S(this, p, r), this.internals_.setFormValue(this.valueToFormValue(r)));
+  }
+  get value() {
+    return I(this, p);
+  }
+  /**
+   * Override this function to customize how the value is converted to a form value;
+   */
+  valueToFormValue(r) {
+    switch (!0) {
+      /* eslint-disable eqeqeq -- loose equality will also return null for undefined */
+      case r == null:
+        return null;
+      case (typeof r == "string" || r instanceof File):
+        return r;
+      case typeof r == "object":
+        try {
+          return JSON.stringify(r);
+        } catch {
+          return null;
+        }
+      default:
+        return String(r);
+    }
+  }
+};
+p = new WeakMap(), G.formAssociated = !0;
+let x = G;
+_([
+  b()
+], x.prototype, "name", 2);
+_([
+  b({ attribute: "hidden-label" })
+], x.prototype, "hiddenLabel", 2);
+_([
+  b({ type: Boolean })
+], x.prototype, "disabled", 2);
+_([
+  b({ type: Boolean })
+], x.prototype, "readonly", 2);
+_([
+  b()
+], x.prototype, "value", 1);
+const mt = X`
   /* stylelint-disable */
   .sr-only {
     position: absolute;
@@ -88,49 +157,51 @@ const at = G`
     border-width: 0;
   }
 `;
-var ut = Object.defineProperty, st = Object.getOwnPropertyDescriptor, A = (t) => {
+var _t = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Q = (t) => {
   throw TypeError(t);
-}, u = (t, o, r, e) => {
-  for (var c = e > 1 ? void 0 : e ? st(o, r) : o, l = t.length - 1, d; l >= 0; l--)
-    (d = t[l]) && (c = (e ? d(o, r, c) : d(c)) || c);
-  return e && c && ut(o, r, c), c;
-}, q = (t, o, r) => o.has(t) || A("Cannot " + r), i = (t, o, r) => (q(t, o, "read from private field"), r ? r.call(t) : o.get(t)), h = (t, o, r) => o.has(t) ? A("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, r), j = (t, o, r, e) => (q(t, o, "write to private field"), o.set(t, r), r), b = (t, o, r) => (q(t, o, "access private method"), r), p, _, f, I, $, k, S, M, P, E, a, v, H, N, C;
-const L = "clippy-combobox";
-let n = class extends B {
+}, v = (t, o, r, e) => {
+  for (var c = e > 1 ? void 0 : e ? kt(o, r) : o, i = t.length - 1, a; i >= 0; i--)
+    (a = t[i]) && (c = (e ? a(o, r, c) : a(c)) || c);
+  return e && c && _t(o, r, c), c;
+}, A = (t, o, r) => o.has(t) || Q("Cannot " + r), l = (t, o, r) => (A(t, o, "read from private field"), r ? r.call(t) : o.get(t)), s = (t, o, r) => o.has(t) ? Q("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, r), wt = (t, o, r, e) => (A(t, o, "write to private field"), o.set(t, r), r), h = (t, o, r) => (A(t, o, "access private method"), r), n, m, g, N, E, z, y, H, W, q, j, f, V, F, T;
+const K = "clippy-combobox";
+let d = class extends x {
   constructor() {
-    super(...arguments), h(this, a), this.name = "", this.hiddenLabel = "", this.disabled = !1, this.readonly = !1, this.open = !1, this.position = "block-end", this.internals_ = this.attachInternals(), h(this, p, `${L}-${this.name}`), h(this, _), h(this, f, /* @__PURE__ */ new Map()), this.selectedIndex = -1, this.query = "", this.filter = (t) => `${t.label}`.toLowerCase().includes(this.query.toLowerCase()), h(this, I, nt(async (t) => {
+    super(...arguments), s(this, n), this.open = !1, this.position = "block-end", s(this, g, /* @__PURE__ */ new Map()), this.selectedIndex = -1, this.query = "", this.filter = ({ label: t }) => t.toLowerCase().includes(this.query.toLowerCase()), s(this, N, vt(async (t) => {
       const o = await this.fetchAdditionalOptions(t);
       for (const r of o)
-        i(this, f).set(r.label, r);
-    })), h(this, $, () => {
-      this.open = !1, this.emit("blur");
-    }), h(this, k, () => {
+        l(this, g).set(r.label, r);
+    })), s(this, E, (t) => {
+      t.relatedTarget && !this.shadowRoot?.contains(t.relatedTarget) && (this.open = !1, this.emit("blur"));
+    }), s(this, z, () => {
       this.emit("change");
-    }), h(this, S, () => {
+    }), s(this, y, (t) => {
+      t.composedPath().some((r) => r instanceof Node && this.contains(r)) || (this.open = !1, this.emit("blur"));
+    }), s(this, H, () => {
       this.open = !0, this.emit("focus");
-    }), h(this, M, (t) => {
+    }), s(this, W, (t) => {
       const o = t.target;
       o instanceof HTMLInputElement && (this.selectedIndex = -1, this.open = !0, this.query = o.value, this.value = this.queryToValue(this.query), this.emit("input"));
-    }), h(this, P, (t) => {
+    }), s(this, q, (t) => {
       const o = t.currentTarget;
       if (!(o instanceof HTMLElement)) return;
       const r = Number(o.dataset.index);
-      Number.isNaN(r) || b(this, a, H).call(this, r);
-    }), h(this, E, ({ key: t }) => {
+      Number.isNaN(r) || h(this, n, V).call(this, r);
+    }), s(this, j, ({ key: t }) => {
       const o = this.selectedIndex, r = this.filteredOptions.length;
       switch (t) {
         case "ArrowDown":
-          return b(this, a, v).call(this, o + 1, !0);
+          return h(this, n, f).call(this, o + 1, !0);
         case "ArrowUp":
-          return b(this, a, v).call(this, o - 1, !0);
+          return h(this, n, f).call(this, o - 1, !0);
         case "Enter":
-          return b(this, a, H).call(this, o);
+          return h(this, n, V).call(this, o);
         case "Escape":
-          return b(this, a, v).call(this, -1);
+          return h(this, n, f).call(this, -1);
         case "Home":
-          return b(this, a, v).call(this, 0);
+          return h(this, n, f).call(this, 0);
         case "End":
-          return b(this, a, v).call(this, r - 1);
+          return h(this, n, f).call(this, r - 1);
         default:
           return;
       }
@@ -140,19 +211,23 @@ let n = class extends B {
     if (this.query.length === 0)
       return this.options;
     const t = this.options.filter(this.filter);
-    return t.length === 0 && i(this, I).call(this, this.query), t;
+    return t.length === 0 && l(this, N).call(this, this.query), t;
   }
   set options(t) {
-    j(this, f, new Map(t.map((o) => [o.label, o])));
+    wt(this, g, new Map(
+      t.map(
+        (o) => typeof o == "string" ? [o, { label: o, value: o }] : [o.label, o]
+      )
+    ));
   }
   get options() {
-    return [...i(this, f).values()];
+    return [...l(this, g).values()];
   }
   set value(t) {
-    j(this, _, t), this.query = this.valueToQuery(t), this.internals_.setFormValue(this.valueToFormValue(t));
+    super.value = t, this.query = this.valueToQuery(t);
   }
   get value() {
-    return i(this, _);
+    return super.value;
   }
   emit(t) {
     this.dispatchEvent(new Event(t, { bubbles: !0, composed: !0 }));
@@ -172,69 +247,70 @@ let n = class extends B {
     return t;
   }
   /**
-   * Override this function to customize how a value is converted to a .
+   * Override this function to customize how a value is converted to a query.
    * This runs on setting the value.
    */
   valueToQuery(t) {
     return (t ?? "").toString();
   }
-  /**
-   * Override this function to customize how the value is converted to a form value;
-   */
-  valueToFormValue(t) {
-    return t ? `${t}` : "";
-  }
   /**
    * Override this function to customize the rendering of combobox options and selected value.
    */
-  renderEntry(t, o) {
-    return T`${t?.label}`;
+  renderEntry({ label: t }, o) {
+    return C`${t}`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", l(this, y));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", l(this, y));
   }
   render() {
     const t = {
       [`utrecht-combobox__popover--${this.position}`]: this.position,
       "utrecht-combobox__popover--hidden": !this.open
     };
-    return T`
+    return C`
       <div class="utrecht-combobox">
-        <label for="${i(this, p)}" class="sr-only">${this.hiddenLabel}</label>
+        <label for="${l(this, n, m)}" class="sr-only">${this.hiddenLabel}</label>
         <input
-          id=${i(this, p)}
+          id=${l(this, n, m)}
           name=${this.name}
           autocomplete="off"
           role="combobox"
           aria-autocomplete="list"
           aria-haspopup="listbox"
-          aria-controls=${i(this, a, N)}
-          aria-activedescendant=${b(this, a, C).call(this)}
+          aria-controls=${l(this, n, F)}
+          aria-expanded=${this.open}
+          aria-activedescendant=${h(this, n, T).call(this)}
           type="text"
           class="utrecht-textbox utrecht-combobox__input"
           dir="auto"
           .value=${this.query}
-          @input=${i(this, M)}
-          @focus=${i(this, S)}
-          @blur=${i(this, $)}
-          @change=${i(this, k)}
-          @keydown=${i(this, E)}
+          @input=${l(this, W)}
+          @focus=${l(this, H)}
+          @blur=${l(this, E)}
+          @change=${l(this, z)}
+          @keydown=${l(this, j)}
         />
         <div
-          id=${i(this, a, N)}
-          class="utrecht-listbox utrecht-combobox__popover ${V(t)}"
+          id=${l(this, n, F)}
+          class="utrecht-listbox utrecht-combobox__popover ${J(t)}"
           role="listbox"
           tabindex="-1"
         >
           <ul class="utrecht-listbox__list" role="none">
             ${this.filteredOptions.map((o, r) => {
       const e = r === this.selectedIndex;
-      return T`<li
-                class="utrecht-listbox__option utrecht-listbox__option--html-li ${V({
+      return C`<li
+                class="utrecht-listbox__option utrecht-listbox__option--html-li ${J({
         "utrecht-listbox__option--selected": e
       })}"
                 role="option"
-                id=${b(this, a, C).call(this, r)}
+                id=${h(this, n, T).call(this, r)}
                 aria-selected=${e}
                 data-index=${r}
-                @mousedown=${i(this, P)}
+                @click=${l(this, q)}
               >
                 ${this.renderEntry(o, r)}
               </li>`;
@@ -245,73 +321,66 @@ let n = class extends B {
     `;
   }
 };
-p = /* @__PURE__ */ new WeakMap();
-_ = /* @__PURE__ */ new WeakMap();
-f = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
-$ = /* @__PURE__ */ new WeakMap();
-k = /* @__PURE__ */ new WeakMap();
-S = /* @__PURE__ */ new WeakMap();
-M = /* @__PURE__ */ new WeakMap();
-P = /* @__PURE__ */ new WeakMap();
+n = /* @__PURE__ */ new WeakSet();
+m = function() {
+  return `${K}-${this.name}`;
+};
+g = /* @__PURE__ */ new WeakMap();
+N = /* @__PURE__ */ new WeakMap();
 E = /* @__PURE__ */ new WeakMap();
-a = /* @__PURE__ */ new WeakSet();
-v = function(t, o = !1) {
-  this.open = o, this.selectedIndex = t > -1 ? t % this.filteredOptions.length : -1;
+z = /* @__PURE__ */ new WeakMap();
+y = /* @__PURE__ */ new WeakMap();
+H = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
+j = /* @__PURE__ */ new WeakMap();
+f = function(t, o = !1) {
+  this.open = o, this.selectedIndex = t > -1 ? t % this.filteredOptions.length : -1, this.selectedIndex > -1 && this.shadowRoot?.querySelector(`#${String(h(this, n, T).call(this))}`)?.scrollIntoView({
+    behavior: "smooth",
+    block: "nearest",
+    inline: "nearest"
+  });
 };
-H = function(t) {
+V = function(t) {
   const { label: o, value: r } = this.filteredOptions.at(t) ?? {};
-  t < 0 || !o || (this.query = o.toString(), this.value !== r && (this.value = r, i(this, k).call(this)), this.open = !1);
+  t < 0 || !o || !r || (this.query = o.toString(), this.value !== r && (this.value = r, l(this, z).call(this)), this.open = !1);
 };
-N = function() {
-  return `list-${i(this, p)}`;
+F = function() {
+  return `list-${l(this, n, m)}`;
 };
-C = function(t = this.selectedIndex) {
-  return t !== -1 ? `option-${t}-${i(this, p)}` : Y;
+T = function(t = this.selectedIndex) {
+  return t !== -1 ? `option-${t}-${l(this, n, m)}` : Z;
 };
-n.formAssociated = !0;
-n.styles = [
-  at,
-  z(Q),
-  z(K),
-  z(R)
+d.styles = [
+  mt,
+  P(ot),
+  P(rt),
+  P(et)
 ];
-u([
-  x()
-], n.prototype, "name", 2);
-u([
-  x({ attribute: "hidden-label" })
-], n.prototype, "hiddenLabel", 2);
-u([
-  x({ type: Boolean })
-], n.prototype, "disabled", 2);
-u([
-  x({ type: Boolean })
-], n.prototype, "readonly", 2);
-u([
-  x({ type: Boolean })
-], n.prototype, "open", 2);
-u([
-  x()
-], n.prototype, "position", 2);
-u([
-  W()
-], n.prototype, "selectedIndex", 2);
-u([
-  W()
-], n.prototype, "query", 2);
-u([
-  W()
-], n.prototype, "filteredOptions", 1);
-u([
-  x({ type: Array })
-], n.prototype, "options", 1);
-u([
-  x({ attribute: !1 })
-], n.prototype, "value", 1);
-n = u([
-  D(L)
-], n);
+v([
+  b({ reflect: !0, type: Boolean })
+], d.prototype, "open", 2);
+v([
+  b()
+], d.prototype, "position", 2);
+v([
+  L()
+], d.prototype, "selectedIndex", 2);
+v([
+  L()
+], d.prototype, "query", 2);
+v([
+  L()
+], d.prototype, "filteredOptions", 1);
+v([
+  b({ converter: pt })
+], d.prototype, "options", 1);
+v([
+  b()
+], d.prototype, "value", 1);
+d = v([
+  tt(K)
+], d);
 export {
-  n as ClippyCombobox
+  d as ClippyCombobox
 };

package/dist/clippy-font-combobox/external.d.ts

@@ -1,6 +1,3 @@
-declare const _default: {
-    cssUrl: string;
-    label: string;
-    value: string[];
-}[];
-export default _default;
+import { default as items } from '../../assets/google-fonts.json';
+export default items;
+//# sourceMappingURL=external.d.ts.map

package/dist/clippy-font-combobox/external.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/clippy-font-combobox/external.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gCAAgC,CAAC;AAEnD,eAAe,KAAK,CAAC"}