@gov-design-system-ce/components 0.0.44 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +4 -3
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizzard-item.cjs.entry.js +6 -2
- package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizzard.cjs.entry.js +8 -6
- package/dist/cjs/gov-wizzard.cjs.entry.js.map +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +4 -3
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.css +1 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +1 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js +5 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +1 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard.js +16 -14
- package/dist/collection/components/gov-wizzard/gov-wizzard.js.map +1 -1
- package/dist/components/gov-form-autocomplete2.js +4 -3
- package/dist/components/gov-form-autocomplete2.js.map +1 -1
- package/dist/components/gov-icon2.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper-item.js.map +1 -1
- package/dist/components/gov-wizzard-item.js +6 -2
- package/dist/components/gov-wizzard-item.js.map +1 -1
- package/dist/components/gov-wizzard.js +8 -6
- package/dist/components/gov-wizzard.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-f656fffe.entry.js → p-06ed5529.entry.js} +2 -2
- package/dist/core/p-06ed5529.entry.js.map +1 -0
- package/dist/core/p-220f189d.entry.js +2 -0
- package/dist/core/p-220f189d.entry.js.map +1 -0
- package/dist/core/{p-65aa3b0c.entry.js → p-25e53e01.entry.js} +2 -2
- package/dist/core/p-25e53e01.entry.js.map +1 -0
- package/dist/core/{p-ce42bc3a.entry.js → p-5ffa24e9.entry.js} +2 -2
- package/dist/core/p-fe8dd50e.entry.js +2 -0
- package/dist/core/{p-ca2b9685.entry.js.map → p-fe8dd50e.entry.js.map} +1 -1
- package/dist/custom-elements/index.js +1 -1
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +4 -3
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-icon.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js.map +1 -1
- package/dist/esm/gov-wizzard-item.entry.js +6 -2
- package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
- package/dist/esm/gov-wizzard.entry.js +8 -6
- package/dist/esm/gov-wizzard.entry.js.map +1 -1
- package/dist/hydrate/index.js +19 -12
- package/dist/stencil.config.js +1 -3
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/gov-wizzard/gov-wizzard.d.ts +3 -3
- package/package.json +2 -3
- package/dist/core/critical.css +0 -1
- package/dist/core/p-65aa3b0c.entry.js.map +0 -1
- package/dist/core/p-ca2b9685.entry.js +0 -2
- package/dist/core/p-f656fffe.entry.js.map +0 -1
- package/dist/core/p-fb895b07.entry.js +0 -2
- package/dist/core/p-fb895b07.entry.js.map +0 -1
- package/hydrate/index.js +0 -21222
- /package/dist/core/{p-ce42bc3a.entry.js.map → p-5ffa24e9.entry.js.map} +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -16259,7 +16259,7 @@ class GovFormAutocomplete {
|
|
|
16259
16259
|
render() {
|
|
16260
16260
|
return (hAsync(Host, { class: FormAutocompleteClass.root, size: this.size, variant: this.variant }, hAsync("gov-form-input", { placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, variant: this.variant, required: this.required, invalid: this.invalid, role: "searchbox", value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), 200), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this), wcagAutocomplete: "list", wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: [this.listBoxId, this.wcagOwns].join(" "), wcagExpanded: this.list.length && this.focused, ref: el => (this.inputRef = el) }, hAsync("slot", { slot: "right-icon", name: "right-icon" })), hAsync("ul", { class: FormAutocompleteClass.list, role: "listbox", id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (hAsync("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (hAsync("li", { class: FormAutocompleteClass.loading }, hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }), "\u00A0", this.messageLoading)) : null, this.list.map((item, index) => {
|
|
16261
16261
|
const isSelected = this.arrowCounter === index;
|
|
16262
|
-
return (hAsync("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: "option", "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onClick: () => this.onSelectHandler(index), "aria-selected": toBoolAttr(isSelected) }));
|
|
16262
|
+
return (hAsync("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: "option", "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onClick: (e) => this.onSelectHandler(e, index), "aria-selected": toBoolAttr(isSelected) }));
|
|
16263
16263
|
}))));
|
|
16264
16264
|
}
|
|
16265
16265
|
onFocusHandler(e) {
|
|
@@ -16299,7 +16299,7 @@ class GovFormAutocomplete {
|
|
|
16299
16299
|
});
|
|
16300
16300
|
this.doSearch();
|
|
16301
16301
|
}
|
|
16302
|
-
onSelectHandler(index = -1) {
|
|
16302
|
+
onSelectHandler(e, index = -1) {
|
|
16303
16303
|
let selected = null;
|
|
16304
16304
|
if (index > -1) {
|
|
16305
16305
|
selected = this.list[index];
|
|
@@ -16312,6 +16312,7 @@ class GovFormAutocomplete {
|
|
|
16312
16312
|
component: FormAutocompleteClass.root,
|
|
16313
16313
|
value: this.value,
|
|
16314
16314
|
selected: selected,
|
|
16315
|
+
originalEvent: e,
|
|
16315
16316
|
});
|
|
16316
16317
|
this.list = [];
|
|
16317
16318
|
if (has(this.nameKey, selected) && typeof selected[this.nameKey] === "string") {
|
|
@@ -16328,7 +16329,7 @@ class GovFormAutocomplete {
|
|
|
16328
16329
|
this.onArrowDown();
|
|
16329
16330
|
else if (event.keyCode === 13) {
|
|
16330
16331
|
e.preventDefault();
|
|
16331
|
-
this.onSelectHandler();
|
|
16332
|
+
this.onSelectHandler(e);
|
|
16332
16333
|
}
|
|
16333
16334
|
}
|
|
16334
16335
|
onKeyDownHandler(e) {
|
|
@@ -19421,7 +19422,7 @@ class GovStepper {
|
|
|
19421
19422
|
}; }
|
|
19422
19423
|
}
|
|
19423
19424
|
|
|
19424
|
-
const govStepperItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-stepper-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix .gov-icon{width:45%;height:45%}.gov-stepper-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-stepper-item__name{display:flex;flex-direction:column}.gov-stepper-item__label{display:flex;gap:0.5rem;align-items:center}.gov-stepper-item__annot{color:var(--gov-color-secondary)}.gov-stepper-item__content>*:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item::before{content:\"\";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=xs]::before{top:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));bottom:var(--gov-stepper-xs-connect-gap, 0.5rem);left:calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=xs]:last-child{min-height:0}.gov-stepper-item[size=xs] .gov-stepper-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-stepper-xs-indicator-size, 1.5rem);height:var(--gov-stepper-xs-indicator-size, 1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=xs] .gov-stepper-item__content{padding:var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem)}.gov-stepper-item--w-annot[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=s]::before{top:calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));bottom:var(--gov-stepper-s-connect-gap, 1rem);left:calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2)}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-s-indicator-size, 2rem);height:var(--gov-stepper-s-indicator-size, 2rem);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem)}.gov-stepper-item--w-annot[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem))}.gov-stepper-item[size=m]::before{top:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));bottom:var(--gov-stepper-m-connect-gap, 1rem);left:calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-item__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-m-indicator-size, 2.5rem);height:var(--gov-stepper-m-indicator-size, 2.5rem);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem)}.gov-stepper-item--w-annot[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem))}";
|
|
19425
|
+
const govStepperItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-stepper-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix .gov-icon{width:45%;height:45%}.gov-stepper-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-stepper-item__name{display:flex;flex-direction:column}.gov-stepper-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizzard-title-font-weight, 400)}.gov-stepper-item__annot{color:var(--gov-color-secondary)}.gov-stepper-item__content>*:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item::before{content:\"\";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=xs]::before{top:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));bottom:var(--gov-stepper-xs-connect-gap, 0.5rem);left:calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=xs]:last-child{min-height:0}.gov-stepper-item[size=xs] .gov-stepper-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-stepper-xs-indicator-size, 1.5rem);height:var(--gov-stepper-xs-indicator-size, 1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=xs] .gov-stepper-item__content{padding:var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem)}.gov-stepper-item--w-annot[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=s]::before{top:calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));bottom:var(--gov-stepper-s-connect-gap, 1rem);left:calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2)}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-s-indicator-size, 2rem);height:var(--gov-stepper-s-indicator-size, 2rem);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem)}.gov-stepper-item--w-annot[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem))}.gov-stepper-item[size=m]::before{top:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));bottom:var(--gov-stepper-m-connect-gap, 1rem);left:calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-item__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-m-indicator-size, 2.5rem);height:var(--gov-stepper-m-indicator-size, 2.5rem);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem)}.gov-stepper-item--w-annot[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem))}";
|
|
19425
19426
|
|
|
19426
19427
|
class GovStepperItem {
|
|
19427
19428
|
constructor(hostRef) {
|
|
@@ -20202,7 +20203,7 @@ class GovWizzard {
|
|
|
20202
20203
|
constructor(hostRef) {
|
|
20203
20204
|
registerInstance(this, hostRef);
|
|
20204
20205
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
20205
|
-
this.size =
|
|
20206
|
+
this.size = "m";
|
|
20206
20207
|
this.wcagLabel = undefined;
|
|
20207
20208
|
this.wcagLabelledBy = undefined;
|
|
20208
20209
|
this.h = govHost(this.host);
|
|
@@ -20215,11 +20216,13 @@ class GovWizzard {
|
|
|
20215
20216
|
}
|
|
20216
20217
|
componentDidLoad() {
|
|
20217
20218
|
this.host.querySelectorAll(WizzardItemClass.root).forEach((child) => {
|
|
20218
|
-
child.setAttribute(
|
|
20219
|
-
|
|
20220
|
-
|
|
20221
|
-
|
|
20222
|
-
|
|
20219
|
+
child.setAttribute("size", this.size);
|
|
20220
|
+
/*
|
|
20221
|
+
child.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {
|
|
20222
|
+
e.stopPropagation()
|
|
20223
|
+
this.govChange.emit(e.detail)
|
|
20224
|
+
})
|
|
20225
|
+
*/
|
|
20223
20226
|
});
|
|
20224
20227
|
}
|
|
20225
20228
|
async componentDidRender() {
|
|
@@ -20257,7 +20260,7 @@ class GovWizzard {
|
|
|
20257
20260
|
}; }
|
|
20258
20261
|
}
|
|
20259
20262
|
|
|
20260
|
-
const govWizzardItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__prefix{position:absolute;left:1rem}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem);top:var(--gov-wizzard-xs-top, 1rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-xs-header-padding, 1rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem);top:var(--gov-wizzard-s-top, 0.8125rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-s-header-padding, 1rem 1rem 1rem 4rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem);top:var(--gov-wizzard-m-top, 0.5625rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-m-header-padding, 1rem 1rem 1rem 4.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}";
|
|
20263
|
+
const govWizzardItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizzard-title-font-weight, 400)}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__prefix{position:absolute;left:1rem}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem);top:var(--gov-wizzard-xs-top, 1rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-xs-header-padding, 1rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem);top:var(--gov-wizzard-s-top, 0.8125rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-s-header-padding, 1rem 1rem 1rem 4rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem);top:var(--gov-wizzard-m-top, 0.5625rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-m-header-padding, 1rem 1rem 1rem 4.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}";
|
|
20261
20264
|
|
|
20262
20265
|
var Tags;
|
|
20263
20266
|
(function (Tags) {
|
|
@@ -20311,7 +20314,11 @@ class GovWizzardItem {
|
|
|
20311
20314
|
const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
|
|
20312
20315
|
const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" })));
|
|
20313
20316
|
const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible && hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "chevron-down" })), this.annotation && hAsync("span", { class: WizzardItemClass.annot }, this.annotation))));
|
|
20314
|
-
return (hAsync(Host, { class: this.h.classes(WizzardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Fragment, null, prefixSlot, hAsync(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () =>
|
|
20317
|
+
return (hAsync(Host, { class: this.h.classes(WizzardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Fragment, null, prefixSlot, hAsync(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
|
|
20318
|
+
e.preventDefault();
|
|
20319
|
+
e.stopPropagation();
|
|
20320
|
+
this.collapsible ? this.toggle() : false;
|
|
20321
|
+
} }, label))) : (hAsync(Fragment, null, prefixSlot, hAsync("div", { class: WizzardItemClass.header }, label))), this.collapsible ? (hAsync("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, hAsync("slot", null)))));
|
|
20315
20322
|
}
|
|
20316
20323
|
/**
|
|
20317
20324
|
* Opening the Wizzard
|
package/dist/stencil.config.js
CHANGED
|
@@ -21,9 +21,6 @@ export const config = {
|
|
|
21
21
|
}),
|
|
22
22
|
],
|
|
23
23
|
outputTargets: [
|
|
24
|
-
{
|
|
25
|
-
type: 'dist-hydrate-script',
|
|
26
|
-
},
|
|
27
24
|
{
|
|
28
25
|
type: "dist-custom-elements-bundle",
|
|
29
26
|
externalRuntime: false,
|
|
@@ -61,6 +58,7 @@ export const config = {
|
|
|
61
58
|
componentCorePackage: "@gov-design-system-ce/components",
|
|
62
59
|
proxiesFile: "../../../packages/core-react/lib/components.ts",
|
|
63
60
|
includeDefineCustomElements: true,
|
|
61
|
+
includePolyfills: true
|
|
64
62
|
}),
|
|
65
63
|
vueOutputTarget({
|
|
66
64
|
componentCorePackage: "@gov-design-system-ce/components",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACtF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACtF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;MACjC,gBAAgB,EAAE,IAAI;KAEtB,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,8CAA8C;KAC3D,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from \"@stencil/core\"\nimport { postcss } from \"@stencil/postcss\"\nimport { sass } from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport { reactOutputTarget } from \"@stencil/react-output-target\"\nimport { vueOutputTarget } from \"@stencil/vue-output-target\"\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\textras: {\n\t\texperimentalImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist-custom-elements-bundle\",\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{ src: \"../../fonts/lib\", dest: \"build/assets/fonts\" },\n\t\t\t\t{ src: \"../../icons/lib\", dest: \"build/assets/icons\" },\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/components.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: true\n\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/components.ts\",\n\t\t}),\n\t],\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { EventEmitter } from
|
|
2
|
-
import { WizardSizesType } from
|
|
3
|
-
import { GovWizzardItemChangeEvent } from
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
+
import { WizardSizesType } from "./constants";
|
|
3
|
+
import { GovWizzardItemChangeEvent } from "./gov-wizzard-item.d";
|
|
4
4
|
export declare class GovWizzard {
|
|
5
5
|
private h;
|
|
6
6
|
readonly host: HTMLGovWizzardElement;
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name" : "@gov-design-system-ce/components",
|
|
3
3
|
"description" : "This package includes Gov Design System Web Components and related utilities.",
|
|
4
4
|
"author": "Zdeněk Vítek",
|
|
5
|
-
"version" : "0.0.
|
|
5
|
+
"version" : "0.0.46",
|
|
6
6
|
"license" : "EUPL v1.2 Licensed",
|
|
7
7
|
"main" : "./dist/index.cjs.js",
|
|
8
8
|
"unpkg" : "./dist/core/core.esm.js",
|
|
@@ -13,8 +13,7 @@
|
|
|
13
13
|
"collection:main" : "./dist/collection/index.js",
|
|
14
14
|
"files" : [
|
|
15
15
|
"dist/",
|
|
16
|
-
"loader/"
|
|
17
|
-
"hydrate/index.js"
|
|
16
|
+
"loader/"
|
|
18
17
|
],
|
|
19
18
|
"publishConfig": {
|
|
20
19
|
"access": "public"
|
package/dist/core/critical.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
gov-accordion:not(.hydrated),gov-accordion:not(.hydrated) gov-accordion-item,gov-alert:not(.hydrated){width:100%;position:relative}gov-alert:not(.hydrated),gov-container-test:not(.hydrated),gov-statsbar:not(.hydrated){max-width:calc(var(--gov-container-width,73.75rem) + 2 * var(--gov-container-padding,2.5rem))}.gov-pseudo-spin-animation::before,.gov-spin-animation{animation:4s linear infinite spin}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}gov-accordion:not(.hydrated){display:block;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}gov-accordion:not(.hydrated) p,gov-breadcrumbs:not(.hydrated) li::before,gov-card:not(.hydrated)[collapsible=""] gov-button,gov-card:not(.hydrated)[collapsible=""] p,gov-card:not(.hydrated)[collapsible="1"] gov-button,gov-card:not(.hydrated)[collapsible="1"] p,gov-card:not(.hydrated)[collapsible=true i] gov-button,gov-card:not(.hydrated)[collapsible=true i] p,gov-form-multi-select:not(.hydrated) option,gov-form-select:not(.hydrated) option,gov-side-nav:not(.hydrated) gov-side-nav-item gov-side-nav-item,gov-spacer:not(.hydrated)[breakpoint=lg],gov-spacer:not(.hydrated)[breakpoint=md],gov-spacer:not(.hydrated)[breakpoint=none],gov-spacer:not(.hydrated)[breakpoint=sm],gov-spacer:not(.hydrated)[breakpoint=xl],gov-wizzard:not(.hydrated) gov-wizzard-item p{display:none}gov-accordion:not(.hydrated) gov-accordion-item:before{content:"";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px}gov-accordion:not(.hydrated) gov-accordion-item[is-expanded=""] p,gov-accordion:not(.hydrated) gov-accordion-item[is-expanded="1"] p,gov-accordion:not(.hydrated) gov-accordion-item[is-expanded=true i] p,gov-form-select:not(.hydrated) option[selected]{display:inline-block}gov-accordion:not(.hydrated)[size=xs] gov-accordion-item{gap:var(--gov-accordion-s-headline-gap,.5rem);min-height:var(--gov-accordion-s-min-height,3rem);padding:var(--gov-accordion-s-padding-y,.75rem) var(--gov-accordion-s-padding-x,.5rem)}gov-accordion:not(.hydrated)[size=xs] gov-accordion-item gov-icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2)}gov-accordion:not(.hydrated)[size=s] gov-accordion-item{gap:var(--gov-accordion-s-headline-gap,.5rem);min-height:var(--gov-accordion-s-min-height,3rem);padding:var(--gov-accordion-s-padding-y,1.125rem) var(--gov-accordion-s-padding-x,.5rem)}gov-accordion:not(.hydrated)[size=s] gov-accordion-item gov-icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2)}gov-accordion:not(.hydrated)[size=m] gov-accordion-item{gap:var(--gov-accordion-m-headline-gap,1rem);min-height:var(--gov-accordion-m-min-height,4.5rem);padding:var(--gov-accordion-m-padding-y,1.25rem) var(--gov-accordion-m-padding-x,.5rem)}gov-accordion:not(.hydrated)[size=m] gov-accordion-item gov-icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2)}gov-accordion:not(.hydrated)[size=l] gov-accordion-item{gap:var(--gov-accordion-l-headline-gap,1rem);min-height:var(--gov-accordion-l-min-height,5.5rem);padding:var(--gov-accordion-l-padding-y,1.375rem) var(--gov-accordion-l-padding-x,.5rem)}gov-accordion:not(.hydrated)[size=l] gov-accordion-item gov-icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2)}gov-accordion:not(.hydrated)[variant=primary] gov-accordion-item{background-color:var(--gov-accordion-primary-background,transparent);color:var(--gov-accordion-primary-color,var(--gov-color-primary))}gov-accordion:not(.hydrated)[variant=primary] gov-accordion-item:before{background-color:var(--gov-accordion-primary-separator,var(--gov-color-secondary-500))}gov-accordion:not(.hydrated) gov-accordion-item[disabled=""],gov-accordion:not(.hydrated) gov-accordion-item[disabled="1"],gov-accordion:not(.hydrated) gov-accordion-item[disabled=true i]{color:var(--gov-accordion-primary-disabled-color,var(--gov-color-primary-400))}gov-accordion:not(.hydrated)[variant=secondary] gov-accordion-item{background-color:var(--gov-accordion-secondary-background,transparent);color:var(--gov-accordion-secondary-color,var(--gov-color-secondary))}gov-accordion:not(.hydrated)[variant=secondary] gov-accordion-item:before{background-color:var(--gov-accordion-secondary-separator,var(--gov-color-secondary-500))}gov-accordion:not(.hydrated) gov-accordion-item[disabled=""],gov-accordion:not(.hydrated) gov-accordion-item[disabled="1"],gov-accordion:not(.hydrated) gov-accordion-item[disabled=true i]{color:var(--gov-accordion-secondary-disabled-color,var(--gov-color-secondary-600))}gov-accordion:not(.hydrated)[no-border] gov-accordion-item:before{background-color:transparent}gov-alert:not(.hydrated){display:block;margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile,1.25rem);padding-left:var(--gov-container-padding-mobile,1.25rem);display:flex;gap:1rem;padding-top:1rem;padding-bottom:1rem}gov-badge:not(.hydrated),gov-button:not(.hydrated){font-weight:400;display:inline-flex;font-family:var(--gov-font-family, "Roboto", sans-serif);box-sizing:border-box}gov-alert:not(.hydrated) gov-icon:not(.hydrated){flex:0 0 auto}gov-alert:not(.hydrated) gov-icon:not(.hydrated)>*{width:1.25rem;height:1.25rem}gov-alert:not(.hydrated)[variant=warning]{background-color:var(--gov-alert-warning-bg-color,var(--gov-color-warning))}gov-alert:not(.hydrated)[variant=warning] gov-icon:not(.hydrated){color:var(--gov-alert-warning-icon-color,var(--gov-color-secondary))}gov-alert:not(.hydrated)[variant=warning] p{color:var(--gov-alert-warning-text-color,var(--gov-color-secondary))}gov-alert:not(.hydrated)[variant=error]{background-color:var(--gov-alert-error-bg-color,var(--gov-color-error))}gov-alert:not(.hydrated)[variant=error] gov-icon:not(.hydrated){color:var(--gov-alert-error-icon-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=error] p{color:var(--gov-alert-error-text-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=secondary]{background-color:var(--gov-alert-secondary-bg-color,var(--gov-color-secondary))}gov-alert:not(.hydrated)[variant=secondary] gov-icon:not(.hydrated){color:var(--gov-alert-secondary-icon-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=secondary] p{color:var(--gov-alert-secondary-text-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=success]{background-color:var(--gov-alert-success-bg-color,var(--gov-color-success-500))}gov-alert:not(.hydrated)[variant=success] gov-icon:not(.hydrated){color:var(--gov-alert-success-icon-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=success] p{color:var(--gov-alert-success-text-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=primary]{background-color:var(--gov-alert-primary-bg-color,var(--gov-color-primary))}gov-alert:not(.hydrated)[variant=primary] gov-icon:not(.hydrated){color:var(--gov-alert-primary-icon-color,var(--gov-color-neutral-white))}gov-alert:not(.hydrated)[variant=primary] p{color:var(--gov-alert-primary-text-color,var(--gov-color-neutral-white))}gov-badge:not(.hydrated){margin:0;padding:.25rem .625rem;border:var(--gov-button-border-width,.0625rem) solid transparent;letter-spacing:initial}gov-badge:not(.hydrated) gov-icon:not(.hydrated),gov-button:not(.hydrated) gov-icon:not(.hydrated){flex:0 0 auto;color:inherit}gov-badge:not(.hydrated) gov-button:not(.hydrated),gov-tiles:not(.hydrated)[no-border]>*{border:none}gov-badge:not(.hydrated)[type=solid][variant=primary],gov-button:not(.hydrated)[type=solid][variant=primary]{background-color:var(--gov-button-primary-solid-bg,var(--gov-color-primary));color:var(--gov-button-primary-solid-color,var(--gov-color-neutral-white));border-width:0}gov-badge:not(.hydrated)[type=outlined][variant=primary],gov-button:not(.hydrated)[type=outlined][variant=primary]{color:var(--gov-button-primary-outlined-color,var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border,var(--gov-color-primary))}gov-badge:not(.hydrated)[type=base][variant=primary],gov-button:not(.hydrated)[type=base][variant=primary]{color:var(--gov-button-primary-base-color,var(--gov-color-primary));border-width:0}gov-badge:not(.hydrated)[type=link][variant=primary],gov-button:not(.hydrated)[type=link][variant=primary]{color:var(--gov-button-primary-link-color,var(--gov-color-primary));border-width:0}gov-badge:not(.hydrated)[type=solid][variant=secondary],gov-button:not(.hydrated)[type=solid][variant=secondary]{background-color:var(--gov-button-secondary-solid-bg,var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color,var(--gov-color-neutral-white));border-width:0}gov-badge:not(.hydrated)[type=outlined][variant=secondary],gov-button:not(.hydrated)[type=outlined][variant=secondary]{color:var(--gov-button-secondary-outlined-color,var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border,var(--gov-color-secondary))}gov-badge:not(.hydrated)[type=base][variant=secondary],gov-button:not(.hydrated)[type=base][variant=secondary]{color:var(--gov-button-secondary-base-color,var(--gov-color-secondary));border-width:0}gov-badge:not(.hydrated)[type=link][variant=secondary],gov-button:not(.hydrated)[type=link][variant=secondary]{color:var(--gov-button-secondary-link-color,var(--gov-color-secondary));border-width:0}gov-badge:not(.hydrated)[type=solid][variant=error],gov-button:not(.hydrated)[type=solid][variant=error]{background-color:var(--gov-button-error-solid-bg,var(--gov-color-error));color:var(--gov-button-error-solid-color,var(--gov-color-neutral-white));border-width:0}gov-badge:not(.hydrated)[type=outlined][variant=error],gov-button:not(.hydrated)[type=outlined][variant=error]{color:var(--gov-button-error-outlined-color,var(--gov-color-error));border-color:var(--gov-button-error-outlined-border,var(--gov-color-error))}gov-badge:not(.hydrated)[type=base][variant=error],gov-button:not(.hydrated)[type=base][variant=error]{color:var(--gov-button-error-base-color,var(--gov-color-error));border-width:0}gov-badge:not(.hydrated)[type=link][variant=error],gov-button:not(.hydrated)[type=link][variant=error]{color:var(--gov-button-error-link-color,var(--gov-color-error));border-width:0}gov-badge:not(.hydrated)[type=solid][variant=success],gov-button:not(.hydrated)[type=solid][variant=success]{background-color:var(--gov-button-success-solid-bg,var(--gov-color-success-500));color:var(--gov-button-success-solid-color,var(--gov-color-neutral-white));border-width:0}gov-badge:not(.hydrated)[type=outlined][variant=success],gov-button:not(.hydrated)[type=outlined][variant=success]{color:var(--gov-button-success-outlined-color,var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border,var(--gov-color-success-500))}gov-badge:not(.hydrated)[type=base][variant=success],gov-button:not(.hydrated)[type=base][variant=success]{color:var(--gov-button-success-base-color,var(--gov-color-success-500));border-width:0}gov-badge:not(.hydrated)[type=link][variant=success],gov-button:not(.hydrated)[type=link][variant=success]{color:var(--gov-button-success-link-color,var(--gov-color-success-500));border-width:0}gov-badge:not(.hydrated)[type=solid][variant=warning],gov-button:not(.hydrated)[type=solid][variant=warning]{background-color:var(--gov-button-warning-solid-bg,var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color,var(--gov-color-neutral-white));border-width:0}gov-badge:not(.hydrated)[type=outlined][variant=warning],gov-button:not(.hydrated)[type=outlined][variant=warning]{color:var(--gov-button-warning-outlined-color,var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border,var(--gov-color-warning-500))}gov-badge:not(.hydrated)[type=base][variant=warning],gov-button:not(.hydrated)[type=base][variant=warning]{color:var(--gov-button-warning-base-color,var(--gov-color-warning-500));border-width:0}gov-badge:not(.hydrated)[type=link][variant=warning],gov-button:not(.hydrated)[type=link][variant=warning]{color:var(--gov-button-warning-link-color,var(--gov-color-warning-500));border-width:0}gov-badge:not(.hydrated)[size=xs]{font-weight:var(--gov-button-text-xs-font-weight,var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));column-gap:var(--gov-button-xs-padding-x,.625rem);min-height:var(--gov-button-xs-min-height,1.5rem);padding:var(--gov-button-xs-padding-y,.125rem) var(--gov-button-xs-padding-x,.625rem);border-radius:calc(var(--gov-button-xs-min-height,1.5rem) * .5)}gov-badge:not(.hydrated)[size=xs] gov-icon:not(.hydrated),gov-button:not(.hydrated)[size=xs] gov-icon:not(.hydrated){width:var(--gov-button-xs-icon-size,1rem);height:var(--gov-button-xs-icon-size,1rem)}gov-badge:not(.hydrated)[size=s]{font-weight:var(--gov-button-text-s-font-weight,var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));column-gap:var(--gov-button-s-padding-x,.75rem);min-height:var(--gov-button-s-min-height,2rem);padding:var(--gov-button-s-padding-y,.25rem) var(--gov-button-s-padding-x,.75rem);border-radius:calc(var(--gov-button-s-min-height,2rem) * .5)}gov-badge:not(.hydrated)[size=s] gov-icon:not(.hydrated),gov-button:not(.hydrated)[size=s] gov-icon:not(.hydrated){width:var(--gov-button-s-icon-size,1rem);height:var(--gov-button-s-icon-size,1rem)}gov-badge:not(.hydrated)[size=m]{font-weight:var(--gov-button-text-m-font-weight,var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));column-gap:var(--gov-button-m-padding-x,.75rem);min-height:var(--gov-button-m-min-height,2.5rem);padding:var(--gov-button-m-padding-y,.375rem) var(--gov-button-m-padding-x,.75rem);border-radius:calc(var(--gov-button-m-min-height,2.5rem) * .5)}gov-badge:not(.hydrated)[size=m] gov-icon:not(.hydrated),gov-button:not(.hydrated)[size=m] gov-icon:not(.hydrated){width:var(--gov-button-m-icon-size,1.25rem);height:var(--gov-button-m-icon-size,1.25rem)}gov-badge:not(.hydrated)[size=l]{font-weight:var(--gov-button-text-l-font-weight,var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));column-gap:var(--gov-button-l-padding-x,1rem);min-height:var(--gov-button-l-min-height,3rem);padding:var(--gov-button-l-padding-y,.5rem) var(--gov-button-l-padding-x,1rem);border-radius:calc(var(--gov-button-l-min-height,3rem) * .5)}gov-badge:not(.hydrated)[size=l] gov-icon:not(.hydrated),gov-button:not(.hydrated)[size=l] gov-icon:not(.hydrated){width:var(--gov-button-l-icon-size,1.5rem);height:var(--gov-button-l-icon-size,1.5rem)}gov-badge:not(.hydrated)[size=xl]{font-weight:var(--gov-button-text-xl-font-weight,var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));column-gap:var(--gov-button-xl-padding-x,1.25rem);min-height:var(--gov-button-xl-min-height,3.5rem);padding:var(--gov-button-xl-padding-y,.75rem) var(--gov-button-xl-padding-x,1.25rem);border-radius:calc(var(--gov-button-xl-min-height,3.5rem) * .5)}gov-badge:not(.hydrated)[size=xl] gov-icon:not(.hydrated),gov-button:not(.hydrated)[size=xl] gov-icon:not(.hydrated){width:var(--gov-button-xl-icon-size,1.75rem);height:var(--gov-button-xl-icon-size,1.75rem)}gov-badge:not(.hydrated)[type=solid][variant=primary][inverse=""],gov-badge:not(.hydrated)[type=solid][variant=primary][inverse="1"],gov-badge:not(.hydrated)[type=solid][variant=primary][inverse=true i]{border-width:.0625rem;border-color:var(--gov-badge-inverse-primary-border-color,var(--gov-color-primary-200));background-color:var(--gov-badge-inverse-primary-bg,var(--gov-color-primary-100));color:var(--gov-badge-inverse-primary-color,var(--gov-color-primary))}gov-badge:not(.hydrated)[type=solid][variant=secondary][inverse=""],gov-badge:not(.hydrated)[type=solid][variant=secondary][inverse="1"],gov-badge:not(.hydrated)[type=solid][variant=secondary][inverse=true i]{border-width:.0625rem;border-color:var(--gov-badge-inverse-secondary-border-color,var(--gov-color-secondary-400));background-color:var(--gov-badge-inverse-secondary-bg,var(--gov-color-secondary-200));color:var(--gov-badge-inverse-secondary-color,var(--gov-color-secondary-900))}gov-badge:not(.hydrated)[type=solid][variant=success][inverse=""],gov-badge:not(.hydrated)[type=solid][variant=success][inverse="1"],gov-badge:not(.hydrated)[type=solid][variant=success][inverse=true i]{border-width:.0625rem;border-color:var(--gov-badge-inverse-success-border-color,var(--gov-color-success-200));background-color:var(--gov-badge-inverse-success-bg,var(--gov-color-success-100));color:var(--gov-badge-inverse-success-color,var(--gov-color-success-600))}gov-badge:not(.hydrated)[type=solid][variant=warning][inverse=""],gov-badge:not(.hydrated)[type=solid][variant=warning][inverse="1"],gov-badge:not(.hydrated)[type=solid][variant=warning][inverse=true i]{border-width:.0625rem;border-color:var(--gov-badge-inverse-warning-border-color,var(--gov-color-warning-200));background-color:var(--gov-badge-inverse-warning-bg,var(--gov-color-warning-100));color:var(--gov-badge-inverse-warning-color,var(--gov-color-warning-600))}gov-badge:not(.hydrated)[type=solid][variant=error][inverse=""],gov-badge:not(.hydrated)[type=solid][variant=error][inverse="1"],gov-badge:not(.hydrated)[type=solid][variant=error][inverse=true i]{border-width:.0625rem;border-color:var(--gov-badge-inverse-error-border-color,var(--gov-color-error-200));background-color:var(--gov-badge-inverse-error-bg,var(--gov-color-error-100));color:var(--gov-badge-inverse-error-color,var(--gov-color-error-500))}gov-breadcrumbs:not(.hydrated) ul{position:relative;display:flex;width:100%;margin:0;padding:0 0 .3125rem;overflow-x:auto}gov-breadcrumbs:not(.hydrated) li{display:flex;justify-content:flex-start;align-items:center;margin:0;padding:0;background:0 0;white-space:nowrap}gov-breadcrumbs:not(.hydrated) button{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0;border:none;background:0 0;color:var(--gov-breadcrumbs-link-color,var(--gov-color-primary));text-decoration:underline}gov-breadcrumbs:not(.hydrated) gov-icon{width:.625rem;height:.625rem;margin:0 1rem;color:var(--gov-breadcrumbs-arrow-color,var(--gov-color-secondary-600))}gov-button:not(.hydrated){margin:0;padding:0;border:var(--gov-button-border-width,.0625rem) solid transparent;border-radius:var(--gov-border-radius,.1875rem)}gov-button:not(.hydrated)[type=link]{min-height:inherit;padding:0!important;line-height:inherit;text-decoration:underline}gov-button:not(.hydrated)[size=xs]{font-weight:var(--gov-button-text-xs-font-weight,var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));column-gap:var(--gov-button-xs-padding-x,.625rem);min-height:var(--gov-button-xs-min-height,1.5rem);padding:var(--gov-button-xs-padding-y,.125rem) var(--gov-button-xs-padding-x,.625rem);font-weight:var(--gov-button-xs-font-weight,700)}gov-button:not(.hydrated)[size=s]{font-weight:var(--gov-button-text-s-font-weight,var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));column-gap:var(--gov-button-s-padding-x,.75rem);min-height:var(--gov-button-s-min-height,2rem);padding:var(--gov-button-s-padding-y,.25rem) var(--gov-button-s-padding-x,.75rem);font-weight:var(--gov-button-s-font-weight,700)}gov-button:not(.hydrated)[size=m]{font-weight:var(--gov-button-text-m-font-weight,var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));column-gap:var(--gov-button-m-padding-x,.75rem);min-height:var(--gov-button-m-min-height,2.5rem);padding:var(--gov-button-m-padding-y,.375rem) var(--gov-button-m-padding-x,.75rem);font-weight:var(--gov-button-m-font-weight,700)}gov-button:not(.hydrated)[size=l]{font-weight:var(--gov-button-text-l-font-weight,var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));column-gap:var(--gov-button-l-padding-x,1rem);min-height:var(--gov-button-l-min-height,3rem);padding:var(--gov-button-l-padding-y,.5rem) var(--gov-button-l-padding-x,1rem);font-weight:var(--gov-button-l-font-weight,700)}gov-button:not(.hydrated)[size=xl]{font-weight:var(--gov-button-text-xl-font-weight,var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));column-gap:var(--gov-button-xl-padding-x,1.25rem);min-height:var(--gov-button-xl-min-height,3.5rem);padding:var(--gov-button-xl-padding-y,.75rem) var(--gov-button-xl-padding-x,1.25rem);font-weight:var(--gov-button-xl-font-weight,700)}gov-card:not(.hydrated) [slot=footer],gov-form-autocomplete:not(.hydrated)[size=s]{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}gov-card:not(.hydrated){position:relative;display:flex;width:100%;flex-direction:column;border:var(--gov-card-border-width,.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius,.1875rem);background:var(--gov-card-bg,var(--gov-color-neutral-white));overflow:hidden}gov-card:not(.hydrated) p{display:block;padding:1.5rem;margin-bottom:0}gov-card:not(.hydrated) gov-button{padding-left:1.5rem;padding-bottom:1.5rem}gov-card:not(.hydrated) img{width:100%;height:auto;margin:0;line-height:1}gov-card:not(.hydrated) gov-icon{flex:0 0 auto;width:2.5rem;height:2.5rem;color:var(--gov-card-icon-color,var(--gov-color-primary));margin-top:1.5rem;margin-left:1.5rem}gov-card:not(.hydrated) [slot=footer]{padding:1rem 1.5rem;background:var(--gov-card-footer-bg,var(--gov-color-primary-100))}gov-card:not(.hydrated)[collapsible=""][expanded=""] gov-button,gov-card:not(.hydrated)[collapsible=""][expanded=""] p,gov-card:not(.hydrated)[collapsible=""][expanded="1"] gov-button,gov-card:not(.hydrated)[collapsible=""][expanded="1"] p,gov-card:not(.hydrated)[collapsible=""][expanded=true i] gov-button,gov-card:not(.hydrated)[collapsible=""][expanded=true i] p,gov-card:not(.hydrated)[collapsible="1"][expanded=""] gov-button,gov-card:not(.hydrated)[collapsible="1"][expanded=""] p,gov-card:not(.hydrated)[collapsible="1"][expanded="1"] gov-button,gov-card:not(.hydrated)[collapsible="1"][expanded="1"] p,gov-card:not(.hydrated)[collapsible="1"][expanded=true i] gov-button,gov-card:not(.hydrated)[collapsible="1"][expanded=true i] p,gov-card:not(.hydrated)[collapsible=true i][expanded=""] gov-button,gov-card:not(.hydrated)[collapsible=true i][expanded=""] p,gov-card:not(.hydrated)[collapsible=true i][expanded="1"] gov-button,gov-card:not(.hydrated)[collapsible=true i][expanded="1"] p,gov-card:not(.hydrated)[collapsible=true i][expanded=true i] gov-button,gov-card:not(.hydrated)[collapsible=true i][expanded=true i] p,gov-wizzard:not(.hydrated) gov-wizzard-item[is-expanded=""] p,gov-wizzard:not(.hydrated) gov-wizzard-item[is-expanded="1"] p,gov-wizzard:not(.hydrated) gov-wizzard-item[is-expanded=true i] p{display:block}gov-container-test:not(.hydrated){display:block;width:100%;margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile,1.25rem);padding-left:var(--gov-container-padding-mobile,1.25rem)}gov-control-group:not(.hydrated){position:relative;display:flex;width:100%;align-items:center;border-radius:var(--gov-control-group-border-radius,.25rem)}gov-empty:not(.hydrated),gov-error-code:not(.hydrated),gov-side-nav:not(.hydrated),gov-spacer:not(.hydrated),gov-stepper:not(.hydrated),gov-stepper:not(.hydrated) gov-stepper-item,gov-wizzard:not(.hydrated){display:block;width:100%;position:relative}gov-control-group:not(.hydrated) *{border:none!important;border-radius:0}gov-control-group:not(.hydrated)[variant=primary]{border:var(--gov-control-group-border-primary,.0625rem solid var(--gov-color-primary-600))}gov-control-group:not(.hydrated)[variant=primary]>*{border-right:var(--gov-control-group-border-primary,.0625rem solid var(--gov-color-primary-600))!important}gov-control-group:not(.hydrated)[variant=secondary]{border:var(--gov-control-group-border-secondary,.0625rem solid var(--gov-color-secondary-700))}gov-control-group:not(.hydrated)[variant=secondary]>*{border-right:var(--gov-control-group-border-secondary,.0625rem solid var(--gov-color-secondary-700))!important}gov-control-group:not(.hydrated)>:last-child,gov-control-group:not(.hydrated)[no-border=""]>*,gov-control-group:not(.hydrated)[no-border="1"]>*,gov-control-group:not(.hydrated)[no-border=true i]>*{border-right:none!important}gov-empty:not(.hydrated) gov-icon{display:inline-flex;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:2rem;border-radius:50%;background:var(--gov-empty-icon-circle-bg,linear-gradient(to bottom,var(--gov-color-primary-200),var(--gov-color-neutral-white)));color:var(--gov-empty-icon-color,var(--gov-color-primary))}gov-empty:not(.hydrated) gov-icon>*{width:3.5rem;height:3.5rem}gov-error-code:not(.hydrated){margin:0 auto;text-align:center}gov-error-code:not(.hydrated) gov-icon{display:flex;justify-content:center;align-items:center;width:9.375rem;height:9.375rem;margin:0 auto 1.5rem;border-radius:50%;background:var(--gov-error-icon-circle-bg,linear-gradient(to bottom,var(--gov-color-primary-200),var(--gov-color-neutral-white)));color:var(--gov-error-icon-color,var(--gov-color-primary))}gov-error-code:not(.hydrated) gov-icon>*{width:7.125rem;height:7.125rem}gov-form-autocomplete:not(.hydrated){display:flex;align-items:center;justify-content:flex-end;position:relative;width:100%;border-radius:var(--gov-border-radius,.1875rem);background-color:var(--gov-form-bg-color,var(--gov-color-neutral-white));font-family:var(--gov-font-family, "Roboto", sans-serif)}gov-form-autocomplete:not(.hydrated)[size=s]{height:var(--gov-form-input-core-s-height,2rem);padding:var(--gov-form-input-core-s-padding,.25rem .75rem)}gov-form-autocomplete:not(.hydrated)[size=l],gov-form-autocomplete:not(.hydrated)[size=m]{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}gov-form-autocomplete:not(.hydrated)[size=m]{height:var(--gov-form-input-core-m-height,2.5rem);padding:var(--gov-form-input-core-m-padding,.4375rem .75rem)}gov-form-autocomplete:not(.hydrated)[size=l]{height:var(--gov-form-input-core-l-height,3rem);padding:var(--gov-form-input-core-l-padding,.6875rem .75rem)}gov-form-autocomplete:not(.hydrated)[size=xl]{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height,3.5rem);padding:var(--gov-form-input-core-xl-padding,.9375rem 1rem .875rem)}gov-form-checkbox:not(.hydrated)[size=xs],gov-form-radio:not(.hydrated)[size=xs],gov-form-switch:not(.hydrated)[size=xs] gov-form-label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing)}gov-form-autocomplete:not(.hydrated)[variant=primary],gov-form-input:not(.hydrated)[variant=primary],gov-form-multi-select:not(.hydrated)[variant=primary],gov-form-select:not(.hydrated)[variant=primary]{color:var(--gov-form-input-color-primary,var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary,.0625rem solid var(--gov-color-primary-600))}gov-form-autocomplete:not(.hydrated)[variant=secondary],gov-form-input:not(.hydrated)[variant=secondary],gov-form-multi-select:not(.hydrated)[variant=secondary],gov-form-select:not(.hydrated)[variant=secondary]{color:var(--gov-form-input-color-secondary,var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary,.0625rem solid var(--gov-color-secondary-700))}gov-form-autocomplete:not(.hydrated)[disabled=""],gov-form-autocomplete:not(.hydrated)[disabled="1"],gov-form-autocomplete:not(.hydrated)[disabled=true i],gov-form-input:not(.hydrated)[disabled=""],gov-form-input:not(.hydrated)[disabled="1"],gov-form-input:not(.hydrated)[disabled=true i],gov-form-multi-select:not(.hydrated)[disabled=""],gov-form-multi-select:not(.hydrated)[disabled="1"],gov-form-multi-select:not(.hydrated)[disabled=true i],gov-form-select:not(.hydrated)[disabled=""],gov-form-select:not(.hydrated)[disabled="1"],gov-form-select:not(.hydrated)[disabled=true i]{pointer-events:none;border-color:var(--gov-form-state-color-disabled,var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg,var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled,var(--gov-color-secondary-600))}gov-form-file:not(.hydrated)[disabled=""] gov-form-label,gov-form-file:not(.hydrated)[disabled="1"] gov-form-label,gov-form-file:not(.hydrated)[disabled=true i] gov-form-label{pointer-events:none}gov-form-file:not(.hydrated)[disabled=""] gov-form-label *,gov-form-file:not(.hydrated)[disabled="1"] gov-form-label *,gov-form-file:not(.hydrated)[disabled=true i] gov-form-label *{color:var(--gov-form-file-disabled-color,var(--gov-color-secondary-600))}gov-form-file:not(.hydrated)[expanded=""],gov-form-file:not(.hydrated)[expanded="1"],gov-form-file:not(.hydrated)[expanded=true i]{position:relative;width:100%;padding:2rem 1.375rem 1.375rem;border:var(--gov-form-file-border,.0625rem dashed var(--gov-color-secondary-500));text-align:center}gov-form-file:not(.hydrated)[expanded=""] gov-form-label,gov-form-file:not(.hydrated)[expanded="1"] gov-form-label,gov-form-file:not(.hydrated)[expanded=true i] gov-form-label{width:100%;padding:1.375rem;border:var(--gov-form-file-border,.0625rem dashed var(--gov-color-secondary-500));text-align:center}gov-form-file:not(.hydrated)[expanded=""][disabled=""],gov-form-file:not(.hydrated)[expanded=""][disabled="1"],gov-form-file:not(.hydrated)[expanded=""][disabled=true i],gov-form-file:not(.hydrated)[expanded="1"][disabled=""],gov-form-file:not(.hydrated)[expanded="1"][disabled="1"],gov-form-file:not(.hydrated)[expanded="1"][disabled=true i],gov-form-file:not(.hydrated)[expanded=true i][disabled=""],gov-form-file:not(.hydrated)[expanded=true i][disabled="1"],gov-form-file:not(.hydrated)[expanded=true i][disabled=true i]{pointer-events:none;color:var(--gov-form-file-disabled-color,var(--gov-color-secondary-600))}gov-form-checkbox:not(.hydrated){display:block;border:var(--gov-form-checkbox-border-size,.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color,var(--gov-color-neutral-white));transition:border-color 150ms linear,background-color 150ms linear,outline-color 150ms linear}gov-form-checkbox:not(.hydrated) gov-form-label,gov-form-radio:not(.hydrated) gov-form-label,gov-grid:not(.hydrated) gov-grid-item[size="12/12"]{width:100%}gov-form-checkbox:not(.hydrated)[size=xs],gov-form-radio:not(.hydrated)[size=xs]{width:var(--gov-form-checkbox-core-xs-indicator-size,1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size,1.25rem)}gov-form-checkbox:not(.hydrated)[size=xs] gov-form-label,gov-form-radio:not(.hydrated)[size=xs] gov-form-label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size,1.25rem) - var(--gov-text-xs-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size,1.25rem) + var(--gov-form-checkbox-core-xs-gap,.75rem))}gov-form-checkbox:not(.hydrated)[size=s],gov-form-radio:not(.hydrated)[size=s]{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);width:var(--gov-form-checkbox-core-s-indicator-size,1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size,1.375rem)}gov-form-checkbox:not(.hydrated)[size=s] gov-form-label,gov-form-radio:not(.hydrated)[size=s] gov-form-label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size,1.375rem) - var(--gov-text-s-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size,1.375rem) + var(--gov-form-checkbox-core-s-gap,.75rem))}gov-form-checkbox:not(.hydrated)[size=m],gov-form-radio:not(.hydrated)[size=m]{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-form-checkbox-core-m-indicator-size,1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size,1.5rem)}gov-form-checkbox:not(.hydrated)[size=m] gov-form-label,gov-form-radio:not(.hydrated)[size=m] gov-form-label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size,1.5rem) - var(--gov-text-m-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size,1.5rem) + var(--gov-form-checkbox-core-m-gap,1rem))}gov-form-checkbox:not(.hydrated)[size=l],gov-form-radio:not(.hydrated)[size=l]{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);width:var(--gov-form-checkbox-core-l-indicator-size,2rem);height:var(--gov-form-checkbox-core-l-indicator-size,2rem)}gov-form-checkbox:not(.hydrated)[size=l] gov-form-label,gov-form-radio:not(.hydrated)[size=l] gov-form-label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size,2rem) - var(--gov-text-l-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size,2rem) + var(--gov-form-checkbox-core-l-gap,1rem))}gov-form-checkbox:not(.hydrated)[disabled=""],gov-form-checkbox:not(.hydrated)[disabled="1"],gov-form-checkbox:not(.hydrated)[disabled=true i],gov-form-radio:not(.hydrated)[disabled=""],gov-form-radio:not(.hydrated)[disabled="1"],gov-form-radio:not(.hydrated)[disabled=true i]{pointer-events:none;border-color:var(--gov-form-input-disabled-bg,var(--gov-color-primary-400))}gov-form-checkbox:not(.hydrated)[disabled=""] gov-form-label,gov-form-checkbox:not(.hydrated)[disabled="1"] gov-form-label,gov-form-checkbox:not(.hydrated)[disabled=true i] gov-form-label,gov-form-radio:not(.hydrated)[disabled=""] gov-form-label,gov-form-radio:not(.hydrated)[disabled="1"] gov-form-label,gov-form-radio:not(.hydrated)[disabled=true i] gov-form-label,gov-form-switch:not(.hydrated)[disabled=""] gov-form-label,gov-form-switch:not(.hydrated)[disabled="1"] gov-form-label,gov-form-switch:not(.hydrated)[disabled=true i] gov-form-label{color:var(--gov-form-state-color-disabled,var(--gov-color-secondary-600))}gov-form-input:not(.hydrated),gov-form-multi-select:not(.hydrated),gov-form-select:not(.hydrated){display:flex;align-items:center;position:relative;width:100%;border-radius:var(--gov-border-radius,.1875rem);background-color:var(--gov-form-bg-color,var(--gov-color-neutral-white));font-family:var(--gov-font-family, "Roboto", sans-serif)}gov-form-input:not(.hydrated)[size=s],gov-form-multi-select:not(.hydrated)[size=s],gov-form-select:not(.hydrated)[size=s]{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:.5rem var(--gov-form-input-core-s-icon-size,1rem);height:var(--gov-form-input-core-s-height,2rem);padding:var(--gov-form-input-core-s-padding,.25rem .75rem)}gov-form-input:not(.hydrated)[size=m],gov-form-multi-select:not(.hydrated)[size=m],gov-form-select:not(.hydrated)[size=m]{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:.5rem var(--gov-form-input-core-m-icon-size,1rem);height:var(--gov-form-input-core-m-height,2.5rem);padding:var(--gov-form-input-core-m-padding,.4375rem .75rem)}gov-form-input:not(.hydrated)[size=l],gov-form-multi-select:not(.hydrated)[size=l],gov-form-select:not(.hydrated)[size=l]{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:.5rem var(--gov-form-input-core-l-icon-size,1rem);height:var(--gov-form-input-core-l-height,3rem);padding:var(--gov-form-input-core-l-padding,.6875rem .75rem)}gov-form-input:not(.hydrated)[size=xl],gov-form-multi-select:not(.hydrated)[size=xl],gov-form-select:not(.hydrated)[size=xl]{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:.5rem var(--gov-form-input-core-xl-icon-size,1.25rem);height:var(--gov-form-input-core-xl-height,3.5rem);padding:var(--gov-form-input-core-xl-padding,.9375rem 1rem .875rem)}gov-form-input:not(.hydrated)[multiline=""],gov-form-input:not(.hydrated)[multiline="1"],gov-form-input:not(.hydrated)[multiline=true i],gov-form-multi-select:not(.hydrated)[multiline=""],gov-form-multi-select:not(.hydrated)[multiline="1"],gov-form-multi-select:not(.hydrated)[multiline=true i],gov-form-select:not(.hydrated)[multiline=""],gov-form-select:not(.hydrated)[multiline="1"],gov-form-select:not(.hydrated)[multiline=true i]{height:5.625rem}gov-form-label:not(.hydrated){display:inline-block;width:100%;color:var(--gov-form-label-color,#686868);box-sizing:border-box}gov-form-multi-select:not(.hydrated) option[selected]{display:inline-block;padding:.25rem .5rem;background:var(--gov-form-multiselect-bg,var(--gov-color-primary-200))}gov-form-radio:not(.hydrated){display:block;border-radius:50%;border:var(--gov-form-checkbox-border-size,.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color,var(--gov-color-neutral-white))}gov-form-search:not(.hydrated){position:relative;display:flex;width:100%;gap:.5rem;align-items:center;border-radius:var(--gov-border-radius,.1875rem);background-color:var(--gov-form-bg-color,var(--gov-color-neutral-white))}gov-form-search:not(.hydrated) gov-form-input{flex:1 1 auto;height:auto;border-width:0!important}gov-form-search:not(.hydrated) gov-button{flex:0 0 auto;margin:.1875rem .1875rem .1875rem 0}gov-form-search:not(.hydrated)[variant=primary]{border:var(--gov-form-input-border-primary,.0625rem solid var(--gov-color-primary-600))}gov-form-search:not(.hydrated)[variant=secondary]{border:var(--gov-form-input-border-secondary,.0625rem solid var(--gov-color-secondary-700))}gov-form-switch:not(.hydrated){border-color:var(--gov-form-switch-indicator-bg-checked,var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked,var(--gov-color-primary))}gov-form-switch:not(.hydrated) gov-form-label{color:var(--gov-form-switch-color,var(--gov-color-secondary-800))}gov-form-switch:not(.hydrated)[size=xs]{display:block;width:calc(var(--gov-form-switch-xs-indicator-height,1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height,1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height,1.25rem) * .5)}gov-form-switch:not(.hydrated)[size=xs] gov-form-label{padding-top:calc((var(--gov-form-switch-xs-indicator-height,1.25rem) - var(--gov-text-xs-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-switch-xs-indicator-height,1.25rem) * 1.6666666667 + var(--gov-form-switch-xs-gap,.75rem))}gov-form-switch:not(.hydrated)[size=s] gov-form-label,gov-nav:not(.hydrated){font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}gov-form-switch:not(.hydrated)[size=s]{display:block;width:calc(var(--gov-form-switch-s-indicator-height,1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height,1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height,1.375rem) * .5)}gov-form-switch:not(.hydrated)[size=s] gov-form-label{padding-top:calc((var(--gov-form-switch-s-indicator-height,1.375rem) - var(--gov-text-s-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-switch-s-indicator-height,1.375rem) * 1.6666666667 + var(--gov-form-switch-s-gap,.75rem))}gov-form-switch:not(.hydrated)[size=m] gov-form-label,gov-message:not(.hydrated) p,gov-side-nav:not(.hydrated) gov-side-nav-item,gov-stepper:not(.hydrated) gov-stepper-item[size=xs] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[size=xs] span{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}gov-form-switch:not(.hydrated)[size=m]{display:block;width:calc(var(--gov-form-switch-m-indicator-height,1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height,1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height,1.5rem) * .5)}gov-form-switch:not(.hydrated)[size=m] gov-form-label{padding-top:calc((var(--gov-form-switch-m-indicator-height,1.5rem) - var(--gov-text-m-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-switch-m-indicator-height,1.5rem) * 1.6666666667 + var(--gov-form-switch-m-gap,1rem))}gov-form-switch:not(.hydrated)[size=l]{display:block;width:calc(var(--gov-form-switch-l-indicator-height,2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height,2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height,2rem) * .5)}gov-form-switch:not(.hydrated)[size=l] gov-form-label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);padding-top:calc((var(--gov-form-switch-l-indicator-height,2rem) - var(--gov-text-l-font-size) * 1.5)/ 2);padding-left:calc(var(--gov-form-switch-l-indicator-height,2rem) * 1.6666666667 + var(--gov-form-switch-l-gap,1rem))}gov-form-switch:not(.hydrated)[disabled=""],gov-form-switch:not(.hydrated)[disabled="1"],gov-form-switch:not(.hydrated)[disabled=true i]{pointer-events:none;border-color:var(--gov-form-input-disabled-bg,var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg,var(--gov-color-primary-400))}gov-grid:not(.hydrated){position:relative;display:flex;width:100%;flex-wrap:wrap}gov-grid:not(.hydrated)[align-x=middle]{align-items:center}gov-grid:not(.hydrated)[align-x=bottom]{align-items:flex-end}gov-grid:not(.hydrated)[align-y=center],gov-stepper:not(.hydrated) gov-stepper-item span{justify-content:center}gov-grid:not(.hydrated)[align-y=right]{justify-content:flex-end}gov-grid:not(.hydrated)[align-y=space-between]{justify-content:space-between}gov-grid:not(.hydrated)[align-y=space-around]{justify-content:space-around}gov-grid:not(.hydrated) gov-grid-item{border:0 solid transparent}gov-grid:not(.hydrated) gov-grid-item[size="1/12"]{width:8.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size="2/12"]{width:16.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size="3/12"]{width:25%}gov-grid:not(.hydrated) gov-grid-item[size="4/12"]{width:33.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size="5/12"]{width:41.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size="6/12"]{width:50%}gov-grid:not(.hydrated) gov-grid-item[size="7/12"]{width:58.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size="8/12"]{width:66.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size="9/12"]{width:75%}gov-grid:not(.hydrated) gov-grid-item[size="10/12"]{width:83.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size="11/12"]{width:91.6666666667%}gov-icon:not(.hydrated){display:inline-flex;width:100%;height:100%}gov-layout:not(.hydrated){position:relative;display:block;width:100%;display:flex;gap:var(--gov-layout-gap,1.375rem);flex-direction:column}gov-message:not(.hydrated){position:relative;display:flex;gap:1rem;flex-direction:column;padding:.75rem 1rem;border-left:.25rem solid transparent;background:var(--gov-toast-message-bg,var(--gov-color-neutral-white))}gov-message:not(.hydrated) gov-icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}gov-message:not(.hydrated) p{flex:1 1 auto}gov-message:not(.hydrated) p>:last-child,gov-statsbar:not(.hydrated) gov-statsbar-item p>:last-child,gov-wizzard:not(.hydrated)>:last-child{margin-bottom:0}gov-message:not(.hydrated)[shadow=""],gov-message:not(.hydrated)[shadow="1"],gov-message:not(.hydrated)[shadow=true i]{box-shadow:var(--gov-message-box-shadow,0 .25rem 1.25rem rgba(0,0,0,.1))}gov-message:not(.hydrated)[variant=warning]{border-left-color:var(--gov-message-warning-color,var(--gov-color-warning));background:var(--gov-message-warning-bg-color,var(--gov-color-warning-100))}gov-message:not(.hydrated)[variant=warning] gov-icon{color:var(--gov-message-warning-color,var(--gov-color-warning))}gov-message:not(.hydrated)[variant=error][inverse=""],gov-message:not(.hydrated)[variant=error][inverse="1"],gov-message:not(.hydrated)[variant=error][inverse=true i],gov-message:not(.hydrated)[variant=primary][inverse=""],gov-message:not(.hydrated)[variant=primary][inverse="1"],gov-message:not(.hydrated)[variant=primary][inverse=true i],gov-message:not(.hydrated)[variant=secondary][inverse=""],gov-message:not(.hydrated)[variant=secondary][inverse="1"],gov-message:not(.hydrated)[variant=secondary][inverse=true i],gov-message:not(.hydrated)[variant=success][inverse=""],gov-message:not(.hydrated)[variant=success][inverse="1"],gov-message:not(.hydrated)[variant=success][inverse=true i],gov-message:not(.hydrated)[variant=warning][inverse=""],gov-message:not(.hydrated)[variant=warning][inverse="1"],gov-message:not(.hydrated)[variant=warning][inverse=true i]{background:var(--gov-message-bg-inverse,var(--gov-color-neutral-white))}gov-message:not(.hydrated)[variant=error]{border-left-color:var(--gov-message-error-color,var(--gov-color-error));background:var(--gov-message-error-bg-color,var(--gov-color-error-100))}gov-message:not(.hydrated)[variant=error] gov-icon{color:var(--gov-message-error-color,var(--gov-color-error))}gov-message:not(.hydrated)[variant=secondary]{border-left-color:var(--gov-message-secondary-color,var(--gov-color-secondary));background:var(--gov-message-secondary-bg-color,var(--gov-color-secondary-200))}gov-message:not(.hydrated)[variant=secondary] gov-icon{color:var(--gov-message-secondary-color,var(--gov-color-secondary))}gov-message:not(.hydrated)[variant=success]{border-left-color:var(--gov-message-success-color,var(--gov-color-success));background:var(--gov-message-success-bg-color,var(--gov-color-success-100))}gov-message:not(.hydrated)[variant=success] gov-icon{color:var(--gov-message-success-color,var(--gov-color-success))}gov-message:not(.hydrated)[variant=primary]{border-left-color:var(--gov-message-primary-color,var(--gov-color-primary));background:var(--gov-message-primary-bg-color,var(--gov-color-primary-100))}gov-message:not(.hydrated)[variant=primary] gov-icon{color:var(--gov-message-primary-color,var(--gov-color-primary))}gov-nav:not(.hydrated){position:relative;display:block;width:100%;background:var(--gov-nav-bg,var(--gov-color-primary));font-weight:700;letter-spacing:.0125em;text-transform:uppercase}gov-nav:not(.hydrated) gov-nav-item{position:relative;display:block;padding:.9375rem 3rem .9375rem 2.25rem;color:var(--gov-nav-color,var(--gov-color-neutral-white));text-decoration:none}gov-side-nav:not(.hydrated) gov-side-nav-item{display:flex;border-bottom:var(--gov-side-nav-border,.0625rem solid var(--gov-color-secondary-500));padding:.75rem 1rem .75rem .5rem;min-height:3rem}gov-side-nav:not(.hydrated) gov-side-nav-item gov-icon{display:flex;flex:0 0 auto;width:1rem;height:1rem;margin:0;color:var(--gov-side-nav-color,var(--gov-color-secondary))}gov-side-nav:not(.hydrated)[compact=""] gov-side-nav-item,gov-side-nav:not(.hydrated)[compact="1"] gov-side-nav-item,gov-side-nav:not(.hydrated)[compact=true i] gov-side-nav-item{border-bottom:none}gov-spacer:not(.hydrated)[size=unset]{height:0}gov-spacer:not(.hydrated)[size="2xs"]{height:.25rem}gov-spacer:not(.hydrated)[size=xs]{height:.5rem}gov-spacer:not(.hydrated)[size=s]{height:.75rem}gov-spacer:not(.hydrated)[size=m]{height:1rem}gov-spacer:not(.hydrated)[size=l]{height:1.25rem}gov-spacer:not(.hydrated)[size=xl]{height:1.75rem}gov-spacer:not(.hydrated)[size="2xl"]{height:2rem}gov-spacer:not(.hydrated)[size="3xl"]{height:3rem}gov-spacer:not(.hydrated)[size="4xl"]{height:4.5rem}gov-statsbar:not(.hydrated){position:relative;display:block;width:100%;margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile,1.25rem);padding-left:var(--gov-container-padding-mobile,1.25rem)}gov-statsbar:not(.hydrated)[variant=primary]{background-color:var(--gov-statsbar-primary-bg-color,var(--gov-color-primary-200));color:var(--gov-statsbar-primary-text-color,var(--gov-color-primary))}gov-statsbar:not(.hydrated)[variant=primary][inverse=""],gov-statsbar:not(.hydrated)[variant=primary][inverse="1"],gov-statsbar:not(.hydrated)[variant=primary][inverse=true i]{background:var(--gov-color-neutral-white);color:var(--gov-statsbar-primary-text-color-inverse,var(--gov-color-primary))}gov-statsbar:not(.hydrated)[variant=secondary]{background-color:var(--gov-statsbar-secondary-bg-color,var(--gov-color-secondary));color:var(--gov-statsbar-secondary-text-color,var(--gov-color-neutral-white))}gov-statsbar:not(.hydrated)[variant=secondary][inverse=""],gov-statsbar:not(.hydrated)[variant=secondary][inverse="1"],gov-statsbar:not(.hydrated)[variant=secondary][inverse=true i]{background:var(--gov-color-neutral-white);color:var(--gov-statsbar-secondary-text-color-inverse,var(--gov-color-secondary))}gov-statsbar:not(.hydrated) gov-statsbar-item{position:relative;display:block;padding:1.25rem}gov-statsbar:not(.hydrated) gov-statsbar-item gov-icon{display:block;margin-bottom:1rem;width:2rem;height:2rem}gov-statsbar:not(.hydrated) gov-statsbar-item slot{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing);margin-bottom:1rem}gov-statsbar:not(.hydrated) gov-statsbar-item p{letter-spacing:.0125em}gov-statsbar:not(.hydrated) gov-statsbar-item[icon-position=left]{padding-left:3rem}gov-statsbar:not(.hydrated) gov-statsbar-item[icon-position=left] gov-icon{position:absolute;top:1.5rem;left:0}@media (min-width:30em){gov-card:not(.hydrated)[promotion=""],gov-card:not(.hydrated)[promotion="1"],gov-card:not(.hydrated)[promotion=true i]{flex-direction:row;padding:2rem}gov-card:not(.hydrated)[promotion=""] p,gov-card:not(.hydrated)[promotion="1"] p,gov-card:not(.hydrated)[promotion=true i] p{padding-top:0;padding-bottom:0}gov-card:not(.hydrated)[promotion=""] gov-icon,gov-card:not(.hydrated)[promotion="1"] gov-icon,gov-card:not(.hydrated)[promotion=true i] gov-icon{width:3rem;height:3rem;margin:0}gov-card:not(.hydrated)[promotion=""] gov-button,gov-card:not(.hydrated)[promotion="1"] gov-button,gov-card:not(.hydrated)[promotion=true i] gov-button{flex-direction:column;padding:0}gov-form-file:not(.hydrated)[expanded=""] gov-form-label,gov-form-file:not(.hydrated)[expanded="1"] gov-form-label,gov-form-file:not(.hydrated)[expanded=true i] gov-form-label{padding:2rem}gov-grid:not(.hydrated) gov-grid-item[size-sm="1/12"]{width:8.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-sm="2/12"]{width:16.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-sm="3/12"]{width:25%}gov-grid:not(.hydrated) gov-grid-item[size-sm="4/12"]{width:33.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-sm="5/12"]{width:41.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-sm="6/12"]{width:50%}gov-grid:not(.hydrated) gov-grid-item[size-sm="7/12"]{width:58.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-sm="8/12"]{width:66.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-sm="9/12"]{width:75%}gov-grid:not(.hydrated) gov-grid-item[size-sm="10/12"]{width:83.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-sm="11/12"]{width:91.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-sm="12/12"]{width:100%}gov-message:not(.hydrated){flex-direction:row}gov-spacer:not(.hydrated)[breakpoint=sm]{display:block}gov-statsbar:not(.hydrated) gov-statsbar-item{flex:1 0 50%;max-width:50%}gov-statsbar:not(.hydrated){display:flex;flex-wrap:wrap;justify-content:center}}gov-stepper:not(.hydrated) gov-stepper-item gov-icon,gov-stepper:not(.hydrated) gov-stepper-item span{display:flex;flex:0 0 auto;align-items:center;border-radius:50%}gov-stepper:not(.hydrated) gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size,1.5rem) + 3 * var(--gov-stepper-xs-connect-gap,.5rem))}gov-stepper:not(.hydrated) gov-stepper-item[size=m]:last-child,gov-stepper:not(.hydrated) gov-stepper-item[size=s]:last-child,gov-stepper:not(.hydrated) gov-stepper-item[size=xs]:last-child{min-height:0}gov-stepper:not(.hydrated) gov-stepper-item[size=xs] gov-icon{width:calc(var(--gov-stepper-xs-indicator-size,1.5rem) * .5);height:calc(var(--gov-stepper-xs-indicator-size,1.5rem) * .5);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap,.5rem) var(--gov-color-neutral-white)}gov-stepper:not(.hydrated) gov-stepper-item[size=xs] span{width:var(--gov-stepper-xs-indicator-size,1.5rem);height:var(--gov-stepper-xs-indicator-size,1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap,.5rem) var(--gov-color-neutral-white)}gov-stepper:not(.hydrated) gov-stepper-item[size=s] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[size=s] span{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap,1rem) var(--gov-color-neutral-white)}gov-stepper:not(.hydrated) gov-stepper-item[size=xs] div{padding:var(--gov-stepper-xs-content-padding,1rem 1rem 2rem 2.5rem)}gov-stepper:not(.hydrated) gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size,2rem) + 3 * var(--gov-stepper-s-connect-gap,1rem))}gov-stepper:not(.hydrated) gov-stepper-item[size=s] gov-icon{width:calc(var(--gov-stepper-s-indicator-size,2rem) * .5);height:calc(var(--gov-stepper-s-indicator-size,2rem) * .5)}gov-stepper:not(.hydrated) gov-stepper-item[size=s] span{width:var(--gov-stepper-s-indicator-size,2rem);height:var(--gov-stepper-s-indicator-size,2rem)}gov-stepper:not(.hydrated) gov-stepper-item[size=m] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[size=m] span{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap,1rem) var(--gov-color-neutral-white)}gov-stepper:not(.hydrated) gov-stepper-item[size=s] div{padding:var(--gov-stepper-s-content-padding,1rem 1rem 2rem 3rem)}gov-stepper:not(.hydrated) gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size,2.5rem) + 3 * var(--gov-stepper-m-connect-gap,1rem))}gov-stepper:not(.hydrated) gov-stepper-item[size=m] gov-icon{width:calc(var(--gov-stepper-m-indicator-size,2.5rem) * .5);height:calc(var(--gov-stepper-m-indicator-size,2.5rem) * .5)}gov-stepper:not(.hydrated) gov-stepper-item[size=m] span{width:var(--gov-stepper-m-indicator-size,2.5rem);height:var(--gov-stepper-m-indicator-size,2.5rem)}gov-stepper:not(.hydrated) gov-stepper-item[size=m] div{padding:var(--gov-stepper-m-content-padding,1rem 1rem 2rem 3.5rem)}gov-stepper:not(.hydrated) gov-stepper-item[variant=primary] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[variant=primary] span,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=primary] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=primary] span{background:var(--gov-wizzard-primary-indicator-bg,var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color,var(--gov-color-primary-800))}gov-stepper:not(.hydrated) gov-stepper-item[variant=secondary] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[variant=secondary] span,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=secondary] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=secondary] span{background:var(--gov-wizzard-secondary-indicator-bg,var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color,var(--gov-color-secondary-700))}gov-stepper:not(.hydrated) gov-stepper-item[variant=success] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[variant=success] span,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=success] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=success] span{background:var(--gov-wizzard-success-indicator-bg,var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color,var(--gov-color-neutral-white))}gov-stepper:not(.hydrated) gov-stepper-item[variant=error] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[variant=error] span,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=error] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=error] span{background:var(--gov-wizzard-error-indicator-bg,var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color,var(--gov-color-neutral-white))}gov-stepper:not(.hydrated) gov-stepper-item[variant=warning] gov-icon,gov-stepper:not(.hydrated) gov-stepper-item[variant=warning] span,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=warning] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[variant=warning] span{background:var(--gov-wizzard-warning-indicator-bg,var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color,var(--gov-color-neutral-white))}gov-tabs:not(.hydrated) gov-tabs-item{display:none;color:var(--gov-tabs-text-color,var(--gov-color-secondary-700))}gov-tabs:not(.hydrated) gov-tabs-item[default=""],gov-tabs:not(.hydrated) gov-tabs-item[default="1"],gov-tabs:not(.hydrated) gov-tabs-item[default=true i]{display:block;padding-top:1.25rem;margin-top:2.5rem}gov-tabs:not(.hydrated):not([type=badge]) gov-tabs-item[default=""],gov-tabs:not(.hydrated):not([type=badge]) gov-tabs-item[default="1"],gov-tabs:not(.hydrated):not([type=badge]) gov-tabs-item[default=true i]{border-top:var(--gov-tabs-list-border-width,.0625rem solid var(--gov-color-secondary-500));margin-top:2.875rem}gov-tiles:not(.hydrated){overflow:hidden}gov-tiles:not(.hydrated)>*{margin:0 -.0625rem -.0625rem 0;border:.0625rem solid var(--gov-tiles-border-color,var(--gov-color-secondary-500));border-width:0 0 .0625rem}gov-tiles:not(.hydrated)>:last-child{border-bottom-width:0}@media (min-width:48em) and (max-width:63.99em){gov-tiles:not(.hydrated)[columns="3"],gov-tiles:not(.hydrated)[columns="4"]{grid-template-columns:repeat(2,1fr)}gov-tiles:not(.hydrated)[columns="3"]>*,gov-tiles:not(.hydrated)[columns="4"]>*{border-width:.0625rem .0625rem .0625rem 0}gov-tiles:not(.hydrated)[columns="3"]>:nth-child(-n+3),gov-tiles:not(.hydrated)[columns="4"]>:nth-child(-n+3){border-top-width:0}gov-tiles:not(.hydrated)[columns="3"]>:nth-child(2n+2),gov-tiles:not(.hydrated)[columns="4"]>:nth-child(2n+2){border-right-width:0}}@media (min-width:64em) and (max-width:74.99em){gov-tiles:not(.hydrated)[columns="4"]{grid-template-columns:repeat(3,1fr)}gov-tiles:not(.hydrated)[columns="4"]>*{border-width:.0625rem .0625rem .0625rem 0}gov-tiles:not(.hydrated)[columns="4"]>:nth-child(-n+4){border-top-width:0}gov-tiles:not(.hydrated)[columns="4"]>:nth-child(3n+3){border-right-width:0}}@media (min-width:75em){gov-grid:not(.hydrated) gov-grid-item[size-xl="1/12"]{width:8.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-xl="2/12"]{width:16.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-xl="3/12"]{width:25%}gov-grid:not(.hydrated) gov-grid-item[size-xl="4/12"]{width:33.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-xl="5/12"]{width:41.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-xl="6/12"]{width:50%}gov-grid:not(.hydrated) gov-grid-item[size-xl="7/12"]{width:58.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-xl="8/12"]{width:66.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-xl="9/12"]{width:75%}gov-grid:not(.hydrated) gov-grid-item[size-xl="10/12"]{width:83.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-xl="11/12"]{width:91.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-xl="12/12"]{width:100%}gov-spacer:not(.hydrated)[breakpoint=xl]{display:block}gov-tabs:not(.hydrated)[orientation=vertical] gov-tabs-item[default=""],gov-tabs:not(.hydrated)[orientation=vertical] gov-tabs-item[default="1"],gov-tabs:not(.hydrated)[orientation=vertical] gov-tabs-item[default=true i]{padding-top:0;margin-top:0;border-top:none;padding-left:1.25rem;margin-left:6.25rem;border-left:var(--gov-tabs-list-border-width,.0625rem solid var(--gov-color-secondary-500))}gov-tiles:not(.hydrated)[columns="4"]{grid-template-columns:repeat(4,1fr)}gov-tiles:not(.hydrated)[columns="4"]>*{border-width:.0625rem .0625rem .0625rem 0}gov-tiles:not(.hydrated)[columns="4"]>:nth-child(-n+5){border-top-width:0}gov-tiles:not(.hydrated)[columns="4"]>:nth-child(4n+4){border-right-width:0}}gov-tile:not(.hydrated){position:relative;display:block;width:100%;padding:.75rem}gov-tile:not(.hydrated) gov-icon{display:flex;margin:0 0 3.25rem;color:var(--gov-tile-main-color,var(--gov-color-primary));width:2.5rem;height:2.5rem}@media (min-width:30em){gov-tile:not(.hydrated)[promotion=""],gov-tile:not(.hydrated)[promotion="1"],gov-tile:not(.hydrated)[promotion=true i]{display:grid;grid-template-columns:auto 1fr;gap:0 .875rem}gov-tile:not(.hydrated)[promotion=""] gov-icon,gov-tile:not(.hydrated)[promotion="1"] gov-icon,gov-tile:not(.hydrated)[promotion=true i] gov-icon{grid-area:1/1/3/1;margin:0}gov-tile:not(.hydrated)[promotion=""] p,gov-tile:not(.hydrated)[promotion="1"] p,gov-tile:not(.hydrated)[promotion=true i] p{grid-area:2/2/2/2}}@media (min-width:64em){gov-grid:not(.hydrated) gov-grid-item[size-lg="1/12"]{width:8.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-lg="2/12"]{width:16.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-lg="3/12"]{width:25%}gov-grid:not(.hydrated) gov-grid-item[size-lg="4/12"]{width:33.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-lg="5/12"]{width:41.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-lg="6/12"]{width:50%}gov-grid:not(.hydrated) gov-grid-item[size-lg="7/12"]{width:58.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-lg="8/12"]{width:66.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-lg="9/12"]{width:75%}gov-grid:not(.hydrated) gov-grid-item[size-lg="10/12"]{width:83.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-lg="11/12"]{width:91.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-lg="12/12"]{width:100%}gov-layout:not(.hydrated){flex-direction:row}gov-layout:not(.hydrated)[type=aside][variant=left] gov-layout-column:last-child,gov-layout:not(.hydrated)[type=aside][variant=right] gov-layout-column:first-child{flex:1 1 auto;width:auto}gov-layout:not(.hydrated)[type=aside][variant=left] gov-layout-column:first-child,gov-layout:not(.hydrated)[type=aside][variant=right] gov-layout-column:last-child{flex:0 0 auto;width:calc(var(--gov-container-width,73.75rem)/ 3 - var(--gov-layout-gap,1.375rem))}gov-layout:not(.hydrated)[type=aside][variant=right][inverse=""] gov-layout-column:first-child,gov-layout:not(.hydrated)[type=aside][variant=right][inverse="1"] gov-layout-column:first-child,gov-layout:not(.hydrated)[type=aside][variant=right][inverse=true i] gov-layout-column:first-child{order:1}gov-layout:not(.hydrated)[type=aside][variant=left][inverse=""] gov-layout-column:first-child,gov-layout:not(.hydrated)[type=aside][variant=left][inverse="1"] gov-layout-column:first-child,gov-layout:not(.hydrated)[type=aside][variant=left][inverse=true i] gov-layout-column:first-child{order:2}gov-layout:not(.hydrated)[type=text]{width:var(--gov-layout-content-width,48.75rem);margin-right:auto;margin-left:auto}gov-layout:not(.hydrated)[type=text][variant=left]{width:var(--gov-layout-content-width,48.75rem);margin-right:auto;margin-left:0}gov-layout:not(.hydrated)[type=text][variant=right]{width:var(--gov-layout-content-width,48.75rem);margin-right:0;margin-left:auto}gov-spacer:not(.hydrated)[breakpoint=lg]{display:block}gov-statsbar:not(.hydrated) gov-statsbar-item{flex-basis:auto;max-width:25%}gov-tiles:not(.hydrated)[columns="3"]{grid-template-columns:repeat(3,1fr)}gov-tiles:not(.hydrated)[columns="3"]>*{border-width:.0625rem .0625rem .0625rem 0}gov-tiles:not(.hydrated)[columns="3"]>:nth-child(-n+4){border-top-width:0}gov-tiles:not(.hydrated)[columns="3"]>:nth-child(3n+3){border-right-width:0}gov-tile:not(.hydrated)[promotion=""],gov-tile:not(.hydrated)[promotion="1"],gov-tile:not(.hydrated)[promotion=true i]{gap:0 1.625rem}}gov-wizzard:not(.hydrated) gov-wizzard-item{position:relative;display:block;width:100%;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--gov-wizzard-bg-color,var(--gov-color-neutral-white))}gov-wizzard:not(.hydrated) gov-wizzard-item gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item span{align-items:center;border-radius:50%}gov-wizzard:not(.hydrated) gov-wizzard-item span[slot=prefix]{position:absolute;left:1rem;display:flex;justify-content:center;align-items:center}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m],gov-wizzard:not(.hydrated) gov-wizzard-item[size=s],gov-wizzard:not(.hydrated) gov-wizzard-item[size=xs]{min-height:calc(var(--gov-wizzard-xs-indicator-size,1.5rem) + 30px)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] span,gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] span,gov-wizzard:not(.hydrated) gov-wizzard-item[size=xs] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[size=xs] span{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size,1.5rem);height:var(--gov-wizzard-xs-indicator-size,1.5rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] span[slot=prefix],gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] span[slot=prefix],gov-wizzard:not(.hydrated) gov-wizzard-item[size=xs] span[slot=prefix]{top:var(--gov-wizzard-xs-top,1rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] p,gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] p,gov-wizzard:not(.hydrated) gov-wizzard-item[size=xs] p{padding:var(--gov-wizzard-content-padding,0 1rem 1rem 1rem)}@media (min-width:30em){gov-wizzard:not(.hydrated) gov-wizzard-item[size=m],gov-wizzard:not(.hydrated) gov-wizzard-item[size=s]{min-height:calc(var(--gov-wizzard-s-indicator-size,2rem) + 25px)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] span,gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] span{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size,2rem);height:var(--gov-wizzard-s-indicator-size,2rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] span[slot=prefix],gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] span[slot=prefix]{top:var(--gov-wizzard-s-top,.8125rem)}}@media (min-width:48em){gov-alert:not(.hydrated),gov-container-test:not(.hydrated),gov-statsbar:not(.hydrated){padding-right:var(--gov-container-padding,2.5rem);padding-left:var(--gov-container-padding,2.5rem)}gov-error-code:not(.hydrated) gov-icon{width:12.5rem;height:12.5rem;margin:0 auto 2rem}gov-error-code:not(.hydrated) gov-icon>*{width:9.5rem;height:9.5rem}gov-grid:not(.hydrated) gov-grid-item[size-md="1/12"]{width:8.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-md="2/12"]{width:16.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-md="3/12"]{width:25%}gov-grid:not(.hydrated) gov-grid-item[size-md="4/12"]{width:33.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-md="5/12"]{width:41.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-md="6/12"]{width:50%}gov-grid:not(.hydrated) gov-grid-item[size-md="7/12"]{width:58.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-md="8/12"]{width:66.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-md="9/12"]{width:75%}gov-grid:not(.hydrated) gov-grid-item[size-md="10/12"]{width:83.3333333333%}gov-grid:not(.hydrated) gov-grid-item[size-md="11/12"]{width:91.6666666667%}gov-grid:not(.hydrated) gov-grid-item[size-md="12/12"]{width:100%}gov-nav:not(.hydrated){text-align:center;display:flex;justify-content:space-between}gov-nav:not(.hydrated) gov-nav-item{display:inline-flex;justify-content:center;align-items:center;height:100%;padding:1.375rem 1.25rem 1.3125rem}gov-spacer:not(.hydrated)[breakpoint=md]{display:block}gov-statsbar:not(.hydrated) gov-statsbar-item{padding:2.5rem}gov-statsbar:not(.hydrated) gov-statsbar-item gov-icon{width:3rem;height:3rem}gov-statsbar:not(.hydrated) gov-statsbar-item[icon-position=left]{padding-left:4rem}gov-statsbar:not(.hydrated) gov-statsbar-item[icon-position=left] gov-icon{top:2.75rem}gov-tiles:not(.hydrated){display:grid}gov-tiles:not(.hydrated)[columns="2"]{grid-template-columns:repeat(2,1fr)}gov-tiles:not(.hydrated)[columns="2"]>*{border-width:.0625rem .0625rem .0625rem 0}gov-tiles:not(.hydrated)[columns="2"]>:nth-child(-n+3){border-top-width:0}gov-tiles:not(.hydrated)[columns="2"]>:nth-child(2n+2){border-right-width:0}gov-tile:not(.hydrated){padding:1.5rem}gov-tile:not(.hydrated) gov-icon{margin:0 0 4rem;width:3rem;height:3rem}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m]{min-height:calc(var(--gov-wizzard-m-indicator-size,2.5rem) + 20px)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] gov-icon,gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] span{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size,2.5rem);height:var(--gov-wizzard-m-indicator-size,2.5rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] span[slot=prefix]{top:var(--gov-wizzard-m-top,.5625rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=xs] p{padding:var(--gov-wizzard-xs-content-padding,0 1rem 1rem 3.5rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=s] p{padding:var(--gov-wizzard-s-content-padding,0 1rem 1rem 4rem)}gov-wizzard:not(.hydrated) gov-wizzard-item[size=m] p{padding:var(--gov-wizzard-m-content-padding,0 1rem 1rem 4.5rem)}}gov-attachments,gov-attachments-item,gov-backdrop,gov-cookiebar,gov-form-message,gov-form-password-power,gov-loading,gov-modal,gov-pagination,gov-prompt,gov-skeleton,gov-toast,gov-tooltip{visibility:hidden}gov-attachments-item.hydrated,gov-attachments.hydrated,gov-backdrop.hydrated,gov-cookiebar.hydrated,gov-form-message.hydrated,gov-form-password-power.hydrated,gov-loading.hydrated,gov-modal.hydrated,gov-pagination.hydrated,gov-prompt.hydrated,gov-skeleton.hydrated,gov-toast.hydrated,gov-tooltip.hydrated{visibility:inherit}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard.scss?tag=gov-wizzard","../../../packages/core/src/components/gov-wizzard/gov-wizzard.tsx"],"names":["govWizzardCss","GovWizzard","[object Object]","hostRef","this","h","govHost","host","newValue","validateProp","WizardSizes","WizzardClass","root","validateSize","size","querySelectorAll","WizzardItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","canValidateWcagOnRender","delay","validateWcag","Host","class","classes","role","validateWcagLabel","wcagLabel","wcagLabelledBy"],"mappings":"sYAAA,MAAMA,EAAgB,icCeTC,EAAU,MAItBC,YAAAC,6DAM0C,2DALzCC,KAAKC,EAAIC,EAAQF,KAAKG,MAoBfL,aAAaM,GACpBC,EAAaC,EAAaF,EAAUG,EAAaC,MAGlDV,oBACCE,KAAKS,aAAaT,KAAKU,MAGxBZ,mBACCE,KAAKG,KAAKQ,iBAAiBC,EAAiBJ,MAAMK,SAASC,IAC1DA,EAAMC,aAAa,OAAQf,KAAKU,MAChCI,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFlB,KAAKmB,UAAUC,KAAKH,EAAEI,cAKzBvB,2BACC,GAAIwB,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,gBAIb1B,SACC,OACCG,EAACwB,EAAI,CAACC,MAAO1B,KAAKC,EAAE0B,QAAQpB,EAAaC,MAAOoB,KAAK,OAAOlB,KAAMV,KAAKU,MACtET,EAAA,OAAA,OASIH,qBACN+B,EAAkB7B,KAAK8B,UAAW9B,KAAK+B,eAAgBxB,EAAaC","sourcesContent":["/*\n * Wizzard\n */\n\n$class: \".gov-wizzard\";\n\n#{$class} {\n\t@include base();\n\t@include reset-last-margin();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardClass, WizzardItemClass, WizardSizesType, WizardSizes } from './constants'\nimport { GovWizzardItemCustomEvent } from '../../components'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-wizzard',\n\tstyleUrl: 'gov-wizzard.scss',\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = 'm'\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@Watch('size')\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizzardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as r,H as o,g as i}from"./p-4af5e4f4.js";import{a}from"./p-561fa17b.js";import{v as s}from"./p-26acf964.js";import{S as p,c as g}from"./p-9144dde1.js";import{c as n}from"./p-24636c53.js";import{g as v,p as c}from"./p-3f37ddb6.js";import"./p-ff7365ae.js";import"./p-55500e5a.js";import"./p-03990da5.js";const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-stepper-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix .gov-icon{width:45%;height:45%}.gov-stepper-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-stepper-item__name{display:flex;flex-direction:column}.gov-stepper-item__label{display:flex;gap:0.5rem;align-items:center}.gov-stepper-item__annot{color:var(--gov-color-secondary)}.gov-stepper-item__content>*:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item::before{content:"";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=xs]::before{top:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));bottom:var(--gov-stepper-xs-connect-gap, 0.5rem);left:calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=xs]:last-child{min-height:0}.gov-stepper-item[size=xs] .gov-stepper-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-stepper-xs-indicator-size, 1.5rem);height:var(--gov-stepper-xs-indicator-size, 1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=xs] .gov-stepper-item__content{padding:var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem)}.gov-stepper-item--w-annot[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=s]::before{top:calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));bottom:var(--gov-stepper-s-connect-gap, 1rem);left:calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2)}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-s-indicator-size, 2rem);height:var(--gov-stepper-s-indicator-size, 2rem);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem)}.gov-stepper-item--w-annot[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem))}.gov-stepper-item[size=m]::before{top:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));bottom:var(--gov-stepper-m-connect-gap, 1rem);left:calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-item__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-m-indicator-size, 2.5rem);height:var(--gov-stepper-m-indicator-size, 2.5rem);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem)}.gov-stepper-item--w-annot[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem))}';const l=class{constructor(r){e(this,r);this.govChange=t(this,"gov-change",7);this.isExpandedState=undefined;this.variant="primary";this.size="m";this.identifier=undefined;this.label=undefined;this.annotation=undefined;this.triggerTag="h3";this.h=v(this.host);this.triggerId=n("GovStepperItem");this.contentId=n("GovStepperContent")}validateLabel(e){if(!e){a(`[${p.root}]: Parameter label is required.`)}}validateTriggerTag(e){const t=["h1","h2","h3","h4","h5","h6","span"];if(e){if(!t.includes(e)){a(`[${p.root}]: Tag ${e} is not allowed.`)}}}validateVariant(e){s(g,e,p.root)}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.triggerTag)}render(){const e=this.identifier||this.triggerId;const t=this.contentId;const{label:i}=this;const a=this.triggerTag;return r(o,{class:c([p.root,this.annotation&&p.rootWithAnnot]),variant:this.variant},r("div",{id:e,class:p.header,role:"listitem"},r(a,{class:p.title},this.h.hasSlot("prefix")&&r("span",{class:p.prefix},r("slot",{name:"prefix"})),r("span",{class:p.name},r("span",{class:p.label},i),this.annotation&&r("span",{class:p.annot},this.annotation)))),this.h.hasSlot("content")&&r("div",{class:p.content,id:t,"aria-labelledby":e,role:"tabpanel"},r("slot",{name:"content"})))}async currentState(){return this.isExpandedState}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}}};l.style=m;export{l as gov_stepper_item};
|
|
2
|
-
//# sourceMappingURL=p-ca2b9685.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.scss?tag=gov-form-autocomplete","../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"names":["govFormAutocompleteCss","GovFormAutocomplete","[object Object]","hostRef","this","templateResolver","item","nameKey","listBoxId","createID","newValue","validateProp","FormAutocompleteVariants","FormAutocompleteClass","root","FormAutocompleteSizes","arrowCounter","moveToView","finally","list","length","delay","heightOfList","listRef","offsetHeight","selected","querySelector","offsetTop","scrollTo","top","behavior","Number","isInteger","minlength","isValueAccepted","processing","searchCallback","value","then","response","catch","validateVariant","variant","validateSize","size","h","Host","class","placeholder","name","disabled","readonly","autocomplete","required","invalid","role","maxlength","on-gov-input","throttle","onInputHandler","bind","on-gov-keyup","onKeyUpHandler","on-gov-keydown","onKeyDownHandler","on-gov-focus","onFocusHandler","on-gov-blur","onBlurHandler","wcagAutocomplete","wcagDescribedBy","wcagLabelledBy","wcagOwns","join","wcagExpanded","focused","ref","el","inputRef","slot","id","messageEmpty","empty","loading","messageLoading","map","index","isSelected","innerHTML","aria-posinset","tabindex","aria-setsize","onClick","onSelectHandler","aria-selected","toBoolAttr","e","doSearch","stopPropagation","govFocus","emit","originalEvent","component","setTimeout","govBlur","target","govInput","has","govSelect","event","detail","keyCode","onArrowUp","onArrowDown","preventDefault","options","focus","Array","isArray","clearValue","status","callback"],"mappings":"mVAAA,MAAMA,EAAyB,+8DCoBlBC,EAAmB,MAO/BC,YAAAC,6JAFQC,KAAAC,iBAAiFC,GAAQA,EAAKF,KAAKG,oBAU3D,qFAgBZ,iBAID,yCASE,uHAqBA,6CAQiC,qDAII,yIA+BpD,yBACG,YACkB,GAtG1CH,KAAKI,UAAYC,EAAS,cAyG3BP,gBAAgBQ,GACfC,EAAaC,EAA0BF,EAAUG,EAAsBC,MAIxEZ,aAAaQ,GACZC,EAAaI,EAAuBL,EAAUG,EAAsBC,MAG7DZ,YACP,GAAIE,KAAKY,aAAe,EAAG,CAC1BZ,KAAKY,aAAeZ,KAAKY,aAAe,EACxCZ,KAAKa,aAAaC,WAIZhB,cACP,GAAIE,KAAKY,aAAeZ,KAAKe,KAAKC,OAAS,EAAG,CAC7ChB,KAAKY,aAAeZ,KAAKY,aAAe,EACxCZ,KAAKa,aAAaC,WAIZhB,yBACDmB,EAAM,KACZ,MAAMC,EAAelB,KAAKmB,QAAQC,aAClC,MAAMC,EAAWrB,KAAKmB,QAAQG,cAAc,4BAC5C,GAAID,GAAYH,EAAc,CAC7B,MAAMK,EAAYF,EAASE,UAC3BvB,KAAKmB,QAAQK,SAAS,CAAEC,IAAKF,EAAWG,SAAU,YAI5C5B,WACP,GAAI6B,OAAOC,UAAU5B,KAAK6B,YAAc7B,KAAK8B,kBAAoB,OAAS9B,KAAK6B,UAAW,CACzF7B,KAAKe,KAAO,GACZf,KAAKY,cAAgB,EACrBZ,KAAK+B,WAAa,MAClB,OAED,GAAI/B,KAAKgC,eAAgB,CACxBhC,KAAK+B,WAAa,KAClB/B,KAAKgC,eAAehC,KAAKiC,OACvBC,MAAKC,GAAanC,KAAKe,KAAOoB,IAC9BC,OAAM,IAAOpC,KAAKe,KAAO,KACzBD,SAAQ,KACRd,KAAKY,cAAgB,EACrBZ,KAAK+B,WAAa,UAKtBD,sBACC,UAAW9B,KAAKiC,QAAU,SAAU,CACnC,OAAOjC,KAAKiC,MAAMjB,QAAUhB,KAAK6B,cAC3B,CACN,OAAO,OAIT/B,oBACCE,KAAKqC,gBAAgBrC,KAAKsC,SAC1BtC,KAAKuC,aAAavC,KAAKwC,MAGxB1C,SACC,OACC2C,EAACC,EAAI,CAACC,MAAOlC,EAAsBC,KAAM8B,KAAMxC,KAAKwC,KAAMF,QAAStC,KAAKsC,SACvEG,EAAA,iBAAA,CACCG,YAAa5C,KAAK4C,YAClBC,KAAM7C,KAAK6C,KACXC,SAAU9C,KAAK8C,SACfC,SAAU/C,KAAK+C,SACfC,aAAc,MACdR,KAAMxC,KAAKwC,KACXF,QAAStC,KAAKsC,QACdW,SAAUjD,KAAKiD,SACfC,QAASlD,KAAKkD,QACdC,KAAM,YACNlB,MAAOjC,KAAKiC,MACZJ,UAAW7B,KAAK6B,UAChBuB,UAAWpD,KAAKoD,UAASC,eACXC,EAAStD,KAAKuD,eAAeC,KAAKxD,MAAO,KAAIyD,eAC7CzD,KAAK0D,eAAeF,KAAKxD,MAAK2D,iBAC5B3D,KAAK4D,iBAAiBJ,KAAKxD,MAAK6D,eAClC7D,KAAK8D,eAAeN,KAAKxD,MAAK+D,cAC/B/D,KAAKgE,cAAcR,KAAKxD,MACrCiE,iBAAkB,OAClBC,gBAAiBlE,KAAKkE,gBACtBC,eAAgBnE,KAAKmE,eACrBC,SAAU,CAACpE,KAAKI,UAAWJ,KAAKoE,UAAUC,KAAK,KAC/CC,aAActE,KAAKe,KAAKC,QAAUhB,KAAKuE,QACvCC,IAAKC,GAAOzE,KAAK0E,SAAWD,GAE5BhC,EAAA,OAAA,CAAMkC,KAAK,aAAa9B,KAAK,gBAE9BJ,EAAA,KAAA,CAAIE,MAAOlC,EAAsBM,KAC7BoC,KAAM,UACNyB,GAAI5E,KAAKI,UACToE,IAAKC,GAAOzE,KAAKmB,QAAUsD,GAC7BzE,KAAKuE,SAAWvE,KAAKe,KAAKC,SAAW,GAAKhB,KAAK+B,aAAe,OAAS/B,KAAK8B,iBAAmB9B,KAAK6E,aACpGpC,EAAA,KAAA,CAAIE,MAAOlC,EAAsBqE,OAC/B9E,KAAK6E,cAEJ,KACH7E,KAAKuE,SAAWvE,KAAK+B,aAAe,MAAQ/B,KAAK8B,gBACjDW,EAAA,KAAA,CAAIE,MAAOlC,EAAsBsE,SAChCtC,EAAA,WAAA,CAAUI,KAAK,SAASF,MAAM,uBAAgC,IACvD3C,KAAKgF,gBAEV,KACHhF,KAAKe,KAAKkE,KAAI,CAAC/E,EAAMgF,KACrB,MAAMC,EAAanF,KAAKY,eAAiBsE,EACzC,OACCzC,EAAA,KAAA,CACCE,MAAOlC,EAAsBP,KAC7BkF,UAAWpF,KAAKC,iBAAiBC,EAAMiF,GACvChC,KAAM,SAAQkC,gBACCH,EACfI,SAAUH,EAAa,GAAK,EAACI,eACfvF,KAAKe,KAAKC,OACxBwE,QAAS,IAAMxF,KAAKyF,gBAAgBP,GAAMQ,gBAC3BC,EAAWR,UASzBrF,eAAe8F,GACtB5F,KAAKuE,QAAU,KACfvE,KAAKY,cAAgB,EACrB,IAAKZ,KAAKiC,OAASjC,KAAK6B,YAAc,IAAM7B,KAAKgC,eAAgB,CAChEhC,KAAK6F,WAEND,EAAEE,kBACF9F,KAAK+F,SAASC,KAAK,CAClBC,cAAeL,EACfM,UAAWzF,EAAsBC,KACjCuB,MAAOjC,KAAKiC,MACZZ,SAAU,OAIJvB,cAAc8F,GACrB5F,KAAKuE,QAAU,MACf4B,YAAW,IAAOnG,KAAKe,KAAO,IAAK,KACnCf,KAAKY,cAAgB,EACrBgF,EAAEE,kBACF9F,KAAKoG,QAAQJ,KAAK,CACjBC,cAAeL,EACfM,UAAWzF,EAAsBC,KACjCuB,MAAOjC,KAAKiC,MACZZ,SAAU,OAIJvB,eAAe8F,GACtB5F,KAAKiC,MAAS2D,EAAES,OAAmCpE,MACnD2D,EAAEE,kBACF9F,KAAKsG,SAASN,KAAK,CAClBC,cAAeL,EACfM,UAAWzF,EAAsBC,KACjCuB,MAAOjC,KAAKiC,MACZZ,SAAU,OAEXrB,KAAK6F,WAGE/F,gBAAgBoF,GAAS,GAChC,IAAI7D,EAA8C,KAClD,GAAI6D,GAAS,EAAG,CACf7D,EAAWrB,KAAKe,KAAKmE,QACf,GAAIqB,EAAIvG,KAAKY,aAAcZ,KAAKe,MAAO,CAC7CM,EAAWrB,KAAKe,KAAKf,KAAKY,cAE3B,GAAIS,EAAU,CACbrB,KAAKwG,UAAUR,KAAK,CACnBE,UAAWzF,EAAsBC,KACjCuB,MAAOjC,KAAKiC,MACZZ,SAAUA,IAEXrB,KAAKe,KAAO,GACZ,GAAIwF,EAAIvG,KAAKG,QAASkB,WAAoBA,EAASrB,KAAKG,WAAa,SAAU,CAC9EH,KAAKiC,MAAQZ,EAASrB,KAAKG,WAKtBL,eAAe8F,GACtB,MAAMa,EAASb,EAAEc,OAA0BT,cAC3CL,EAAEE,kBACF,GAAIW,EAAME,UAAY,GAAI3G,KAAK4G,iBAC1B,GAAIH,EAAME,UAAY,GAAI3G,KAAK6G,mBAC/B,GAAIJ,EAAME,UAAY,GAAI,CAC9Bf,EAAEkB,iBACF9G,KAAKyF,mBAIC3F,iBAAiB8F,GACxB,MAAMa,EAASb,EAAEc,OAA0BT,cAC3CL,EAAEE,kBACF,GAAIW,EAAME,UAAY,GAAI,CACzBf,EAAEkB,kBAQJhH,eAAeiH,GACd,OAAO/G,KAAK0E,SAASsC,MAAMD,GAO5BjH,iBAAiBiH,GAChB/G,KAAKe,KAAOkG,MAAMC,QAAQH,GAAWA,EAAU,GAC/C/G,KAAKY,cAAgB,EAOtBd,mBACCE,KAAKiC,MAAQ,GACbjC,KAAK0E,SAASzC,MAAQ,SAEhBjC,KAAK0E,SAASyC,aAOrBrH,oBAAoBsH,GACnBpH,KAAK+B,WAAaqF,EAOnBtH,wBAAwBuH,GACvBrH,KAAKgC,eAAiBqF,EAQvBvH,0BAA0BuH,GACzBrH,KAAKC,iBAAmBoH","sourcesContent":["$class: \".gov-form-autocomplete\";\n\n#{$class} {\n\t@include base();\n\t&__list {\n\t\t@include typography($font-size-s);\n\t\t@extend %reset-ul;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tz-index: 5;\n\t\tmax-height: rem-calc(225);\n\t\tmargin-top: rem-calc(8);\n\t\tborder: $form-autocomplete-border;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $form-autocomplete-bg;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\toverscroll-behavior: none;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tpadding: rem-calc(12 8);\n\t\tcursor: pointer;\n\t}\n\t&__item {\n\t\t&--empty,\n\t\t&--loading {\n\t\t\tpadding: rem-calc(12 8);\n\t\t\tcolor: $form-autocomplete-item-disable-color;\n\t\t\t& .gov-icon {\n\t\t\t\theight: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t&__list:empty {\n\t\tdisplay: none;\n\t}\n\n\t// HOVERS\n\t&__item {\n\t\t@include parameter(\"aria-selected\") {\n\t\t\tbackground: $form-autocomplete-item-select-bg;\n\t\t}\n\t\t@include hover() {\n\t\t\tbackground: $form-autocomplete-item-hover-bg;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { toBoolAttr } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { Nullable } from \"../../../types/interfaces\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay, has, throttle } from \"../../../utils/utils\"\nimport { FormInputEvent } from \"../input/gov-form-input.types\"\nimport {\n\tFormAutocompleteClass,\n\tFormAutocompleteSizes,\n\tFormAutocompleteVariants,\n\tSizesType,\n\tVariantType,\n} from \"./constants\"\nimport { FormAutocompleteEvent, GovFormAutocompleteItem } from \"./gov-form-autocomplete.types\"\n\n@Component({\n\ttag: \"gov-form-autocomplete\",\n\tstyleUrl: \"gov-form-autocomplete.scss\",\n})\nexport class GovFormAutocomplete {\n\tprivate inputRef?: HTMLGovFormInputElement\n\tprivate listRef?: HTMLUListElement\n\tprivate readonly listBoxId: string\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean) => string = item => item[this.nameKey]\n\n\tconstructor() {\n\t\tthis.listBoxId = createID(\"GovListBox\")\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({ reflect: true, mutable: true }) value = \"\"\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant?: VariantType\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: SizesType = \"m\"\n\t/**\n\t * Main key name in the object\n\t */\n\t@Prop() readonly nameKey: string = \"name\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number = 3\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Custom message for when there is a blank sheet\n\t */\n\t@Prop({ attribute: \"message-empty\" }) readonly messageEmpty: string = \"Nebyly nalezeny žádné výsledky\"\n\t/**\n\t * Custom message for when data is loaded\n\t */\n\t@Prop({ attribute: \"message-loading\" }) readonly messageLoading: string = \"Načítám...\"\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-input\" }) govInput: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-select\" }) govSelect: EventEmitter<FormAutocompleteEvent>\n\t@State() focused: boolean\n\t@State() processing = false\n\t@State() arrowCounter = -1\n\t@State() list: GovFormAutocompleteItem[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteVariants, newValue, FormAutocompleteClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root)\n\t}\n\n\tprivate onArrowUp() {\n\t\tif (this.arrowCounter > 0) {\n\t\t\tthis.arrowCounter = this.arrowCounter - 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate onArrowDown() {\n\t\tif (this.arrowCounter < this.list.length - 1) {\n\t\t\tthis.arrowCounter = this.arrowCounter + 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate async moveToView() {\n\t\tawait delay(200)\n\t\tconst heightOfList = this.listRef.offsetHeight\n\t\tconst selected = this.listRef.querySelector(\"li[aria-selected=\\\"true\\\"]\") as HTMLUListElement\n\t\tif (selected && heightOfList) {\n\t\t\tconst offsetTop = selected.offsetTop\n\t\t\tthis.listRef.scrollTo({ top: offsetTop, behavior: \"smooth\" })\n\t\t}\n\t}\n\n\tprivate doSearch() {\n\t\tif (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {\n\t\t\tthis.list = []\n\t\t\tthis.arrowCounter = -1\n\t\t\tthis.processing = false\n\t\t\treturn\n\t\t}\n\t\tif (this.searchCallback) {\n\t\t\tthis.processing = true\n\t\t\tthis.searchCallback(this.value)\n\t\t\t\t.then(response => (this.list = response))\n\t\t\t\t.catch(() => (this.list = []))\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.arrowCounter = -1\n\t\t\t\t\tthis.processing = false\n\t\t\t\t})\n\t\t}\n\t}\n\n\tget isValueAccepted() {\n\t\tif (typeof this.value === \"string\") {\n\t\t\treturn this.value.length >= this.minlength\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormAutocompleteClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<gov-form-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tautocomplete={false}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\trole={\"searchbox\"}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), 200)}\n\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\ton-gov-keydown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\n\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\n\t\t\t\t\twcagAutocomplete={\"list\"}\n\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\twcagOwns={[this.listBoxId, this.wcagOwns].join(\" \")}\n\t\t\t\t\twcagExpanded={this.list.length && this.focused}\n\t\t\t\t\tref={el => (this.inputRef = el as HTMLGovFormInputElement)}\n\t\t\t\t>\n\t\t\t\t\t<slot slot=\"right-icon\" name=\"right-icon\" />\n\t\t\t\t</gov-form-input>\n\t\t\t\t<ul class={FormAutocompleteClass.list}\n\t\t\t\t role={\"listbox\"}\n\t\t\t\t id={this.listBoxId}\n\t\t\t\t ref={el => (this.listRef = el as HTMLUListElement)}>\n\t\t\t\t\t{this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.empty}>\n\t\t\t\t\t\t\t{this.messageEmpty}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused && this.processing === true && this.isValueAccepted ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.loading}>\n\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>\n\t\t\t\t\t\t\t {this.messageLoading}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.list.map((item, index) => {\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tclass={FormAutocompleteClass.item}\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\n\t\t\t\t\t\t\t\trole={\"option\"}\n\t\t\t\t\t\t\t\taria-posinset={index}\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\n\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(index)}\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.arrowCounter = -1\n\t\tif ((this.value || this.minlength === 0) && this.searchCallback) {\n\t\t\tthis.doSearch()\n\t\t}\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tsetTimeout(() => (this.list = []), 200)\n\t\tthis.arrowCounter = -1\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t\tthis.doSearch()\n\t}\n\n\tprivate onSelectHandler(index = -1) {\n\t\tlet selected: Nullable<GovFormAutocompleteItem> = null\n\t\tif (index > -1) {\n\t\t\tselected = this.list[index]\n\t\t} else if (has(this.arrowCounter, this.list)) {\n\t\t\tselected = this.list[this.arrowCounter]\n\t\t}\n\t\tif (selected) {\n\t\t\tthis.govSelect.emit({\n\t\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\tselected: selected,\n\t\t\t})\n\t\t\tthis.list = []\n\t\t\tif (has(this.nameKey, selected) && typeof selected[this.nameKey] === \"string\") {\n\t\t\t\tthis.value = selected[this.nameKey]\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate onKeyUpHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tif (event.keyCode === 38) this.onArrowUp()\n\t\telse if (event.keyCode === 40) this.onArrowDown()\n\t\telse if (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tthis.onSelectHandler()\n\t\t}\n\t}\n\n\tprivate onKeyDownHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tif (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t}\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Set options for list\n\t */\n\t@Method()\n\tasync setOptions(options: GovFormAutocompleteItem[]): Promise<void> {\n\t\tthis.list = Array.isArray(options) ? options : []\n\t\tthis.arrowCounter = -1\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\n\t\tawait this.inputRef.clearValue()\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync setProcessing(status: boolean): Promise<void> {\n\t\tthis.processing = status\n\t}\n\n\t/**\n\t * Set a custom asynchronous function for the whisperer\n\t */\n\t@Method()\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\n\t\tthis.searchCallback = callback\n\t}\n\n\t/**\n\t * Setting a custom whisper result template\n\t * @param callback\n\t */\n\t@Method()\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\n\t\tthis.templateResolver = callback\n\t}\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as i,c as e,h as r,H as a,g as o}from"./p-4af5e4f4.js";import{a as t}from"./p-561fa17b.js";import{v as z}from"./p-26acf964.js";import{W as v,c as n}from"./p-64ced668.js";import{c as d}from"./p-24636c53.js";import{g as s,b as g,t as l}from"./p-3f37ddb6.js";import{F as m}from"./p-1c1d0bbe.js";import"./p-ff7365ae.js";import"./p-55500e5a.js";import"./p-03990da5.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__prefix{position:absolute;left:1rem}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem);top:var(--gov-wizzard-xs-top, 1rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-xs-header-padding, 1rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem);top:var(--gov-wizzard-s-top, 0.8125rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-s-header-padding, 1rem 1rem 1rem 4rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem);top:var(--gov-wizzard-m-top, 0.5625rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-m-header-padding, 1rem 1rem 1rem 4.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}';var w;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(w||(w={}));const h=class{constructor(r){i(this,r);this.govChange=e(this,"gov-change",7);this.variant="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.annotation=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.h=s(this.host);this.triggerId=d("GovWizzardItem");this.contentId=d("GovWizzardContent")}validateLabel(i){if(!i){t(`[${v.root}]: Parameter label is required.`)}}validateTriggerTag(i){const e=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!e.includes(i)){t(`[${v.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){z(n,i,v.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:v.root})}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.labelTag)}render(){const i=this.identifier||this.triggerId;const e=this.labelTag;const o=this.collapsible?w.BUTTON:w.DIV;const t=this.h.hasSlot("prefix")&&r("span",{class:v.prefix},r("slot",{name:"prefix"}));const z=r(e,{class:v.title},r("span",{class:v.name},r("span",{class:v.label},r("span",null,this.label),this.collapsible&&r("gov-icon",{class:v.arrow,name:"chevron-down"})),this.annotation&&r("span",{class:v.annot},this.annotation)));return r(a,{class:this.h.classes(v.root),"is-expanded":this.isExpanded,variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?r(m,null,t,r(o,{id:i,class:v.header,"aria-expanded":g(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":l(this.disabled),onClick:()=>this.collapsible?this.toggle():false},z)):r(m,null,t,r("div",{class:v.header},z)),this.collapsible?r("div",{class:v.content,id:this.contentId,"aria-hidden":g(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":i},r("slot",null)):r("div",{class:v.content,"aria-hidden":g(!this.isExpanded),hidden:!this.isExpanded},r("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return o(this)}static get watchers(){return{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}}};h.style=c;export{h as gov_wizzard_item};
|
|
2
|
-
//# sourceMappingURL=p-fb895b07.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.scss?tag=gov-wizzard-item","../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.tsx"],"names":["govWizzardItemCss","Tags","GovWizzardItem","[object Object]","hostRef","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","WizzardItemClass","root","validTags","includes","validateProp","WizardVariants","govChange","emit","expanded","isExpanded","component","validateLabel","label","validateVariant","variant","validateTriggerTag","labelTag","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","prefixSlot","hasSlot","class","prefix","name","title","arrow","annotation","annot","Host","classes","is-expanded","size","role","Fragment","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"qXAAA,MAAMA,EAAoB,oxSCU1B,IAAKC,GAAL,SAAKA,GACJA,EAAA,OAAA,MACAA,EAAA,UAAA,UAFD,CAAKA,IAAAA,EAAI,WASIC,EAAc,MAK1BC,YAAAC,gEAUgD,oBAIN,+CAQF,mEAYH,sBAI2B,oBAIF,KAzC7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,kBAC1BL,KAAKM,UAAYD,EAAS,qBA8CnBP,cAAcS,GACrB,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAiBC,wCAK3BZ,mBAAmBS,GAC1B,MAAMI,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIJ,EAAU,CACb,IAAKI,EAAUC,SAASL,GAAW,CAClCC,EAAY,IAAIC,EAAiBC,cAAcH,uBAM1CT,gBAAgBS,GACvBM,EAAaC,EAAgBP,EAAUE,EAAiBC,MAGjDZ,cACPE,KAAKe,UAAUC,KAAK,CAAEC,SAAUjB,KAAKkB,WAAYC,UAAWV,EAAiBC,OAG9EZ,oBACCE,KAAKoB,cAAcpB,KAAKqB,OACxBrB,KAAKsB,gBAAgBtB,KAAKuB,SAC1BvB,KAAKwB,mBAAmBxB,KAAKyB,UAG9B3B,SACC,MAAMM,EAAYJ,KAAK0B,YAAc1B,KAAKI,UAC1C,MAAMuB,EAAW3B,KAAKyB,SACtB,MAAMG,EAAM5B,KAAK6B,YAAcjC,EAAKkC,OAASlC,EAAKmC,IAClD,MAAMC,EAAahC,KAAKC,EAAEgC,QAAQ,WAAchC,EAAA,OAAA,CAAMiC,MAAOzB,EAAiB0B,QAAQlC,EAAA,OAAA,CAAMmC,KAAK,YAEjG,MAAMf,EACLpB,EAAC0B,EAAQ,CAACO,MAAOzB,EAAiB4B,OACjCpC,EAAA,OAAA,CAAMiC,MAAOzB,EAAiB2B,MAC7BnC,EAAA,OAAA,CAAMiC,MAAOzB,EAAiBY,OAC7BpB,EAAA,OAAA,KAAOD,KAAKqB,OACXrB,KAAK6B,aAAe5B,EAAA,WAAA,CAAUiC,MAAOzB,EAAiB6B,MAAOF,KAAK,kBAGnEpC,KAAKuC,YAActC,EAAA,OAAA,CAAMiC,MAAOzB,EAAiB+B,OAAQxC,KAAKuC,cAKlE,OACCtC,EAACwC,EAAI,CAACP,MAAOlC,KAAKC,EAAEyC,QAAQjC,EAAiBC,MAAKiC,cAAe3C,KAAKkB,WAAYK,QAASvB,KAAKuB,QAASqB,KAAM5C,KAAK4C,KAAMC,KAAK,WAAWhB,YAAa7B,KAAK6B,aAC1J7B,KAAK6B,YACL5B,EAAC6C,EAAQ,KACPd,EACD/B,EAAC2B,EAAG,CACHmB,GAAI3C,EACJ8B,MAAOzB,EAAiBuC,OAAMC,gBACfC,EAAclD,KAAKkB,YAAWiC,gBAC9BnD,KAAKM,UACpB8C,SAAUpD,KAAKoD,SAAQC,gBACRC,EAAoBtD,KAAKoD,UACxCG,QAAS,IAAOvD,KAAK6B,YAAc7B,KAAKwD,SAAW,OAElDnC,IAIHpB,EAAC6C,EAAQ,KACPd,EACD/B,EAAA,MAAA,CAAKiC,MAAOzB,EAAiBuC,QAAS3B,IAGvCrB,KAAK6B,YACL5B,EAAA,MAAA,CACCiC,MAAOzB,EAAiBgD,QACxBV,GAAI/C,KAAKM,UAASoD,cACLR,GAAelD,KAAKkB,YACjCyC,QAAS3D,KAAKkB,WAAU0C,kBACPxD,GAEjBH,EAAA,OAAA,OAGDA,EAAA,MAAA,CAAKiC,MAAOzB,EAAiBgD,QAAOC,cAAeR,GAAelD,KAAKkB,YAAayC,QAAS3D,KAAKkB,YACjGjB,EAAA,OAAA,QAWLH,aACCE,KAAKkB,WAAa,KAClBlB,KAAK6D,cAOC/D,cACNE,KAAKkB,WAAa,MAClBlB,KAAK6D,cAOC/D,eACNE,KAAKkB,YAAclB,KAAKkB,WACxBlB,KAAK6D,cAOC/D,qBACN,OAAOE,KAAKkB","sourcesContent":["/*\n * Wizzard - Item\n */\n\n@import \"../gov-wizzard/gov-wizzard-item-core.scss\";\n$class: \".gov-wizzard-item\";\n\n#{$class} {\n\t@include wizzard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizzard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__prefix {\n\t\tposition: absolute;\n\t\tleft: rem-calc(16);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\ttop: deep-map-get($wizzard-sizes, $size-xs, \"top\");\n\t\t\t\t+ #{$class}__header {\n\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-xs, \"header-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizzard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizzard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizzard-sizes, $size-s, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-s, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizzard-sizes, $size-m, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-m, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizzard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizzardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizzardItemEvent } from \"./gov-wizzard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizzard-item\",\n\tstyleUrl: \"gov-wizzard-item.scss\",\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizzardItem\")\n\t\tthis.contentId = createID(\"GovWizzardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizzard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizzardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizzardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t<span class={WizzardItemClass.name}>\n\t\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizzardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizzardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={() => (this.collapsible ? this.toggle() : false)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizzardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"]}
|