npm - @energinet/watt - Versions diffs - 4.0.21 → 4.0.23 - Mend

@energinet/watt 4.0.21 → 4.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/esm2022/field/watt-field.component.js CHANGED Viewed

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 //#endregion
-import { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, inject, input, signal, viewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, effect, inject, input, signal, viewChild, } from '@angular/core';
 import { Validators } from '@angular/forms';
 import { filter, map, startWith, switchMap, tap } from 'rxjs/operators';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
@@ -38,6 +38,13 @@ export class WattFieldComponent {
     tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
     placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     anchorName = input(...(ngDevMode ? [undefined, { debugName: "anchorName" }] : []));
+    /**
+     * Whether the input should receive focus when the component is rendered.
+     */
+    autoFocus = input(false, ...(ngDevMode ? [{ debugName: "autoFocus" }] : []));
+    /** @ignore */
+    labelElement = viewChild.required('label');
+    wattLabelElement = viewChild.required('wattLabel');
     value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : []));
     filler = computed(() => this.placeholder().slice(this.value().length), ...(ngDevMode ? [{ debugName: "filler" }] : []));
     ghost = computed(() => this.value().slice(0, this.placeholder().length), ...(ngDevMode ? [{ debugName: "ghost" }] : []));
@@ -45,6 +52,7 @@ export class WattFieldComponent {
     errors = signal(null, ...(ngDevMode ? [{ debugName: "errors" }] : []));
     isRequired = signal(false, ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
     isEmpty = computed(() => this.errors()?.['required'] || this.errors()?.['rangeRequired'], ...(ngDevMode ? [{ debugName: "isEmpty" }] : []));
+    showErrors = input(true, ...(ngDevMode ? [{ debugName: "showErrors" }] : []));
     // Used for text fields with autocomplete
     wrapper = viewChild('wrapper', ...(ngDevMode ? [{ debugName: "wrapper" }] : []));
     constructor() {
@@ -56,19 +64,29 @@ export class WattFieldComponent {
         // Subscribe for side effects
         value$.subscribe();
         status$.subscribe();
+        effect(() => {
+            if (this.autoFocus()) {
+                if (this.chipMode()) {
+                    this.wattLabelElement().nativeElement.focus();
+                }
+                else {
+                    this.labelElement().nativeElement.focus();
+                }
+            }
+        });
     }
     isRequiredControl(control) {
         const validators = [Validators.required, WattRangeValidators.required];
         return validators.some((validator) => control.hasValidator(validator));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattFieldComponent, isStandalone: true, selector: "watt-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, chipMode: { classPropertyName: "chipMode", publicName: "chipMode", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, anchorName: { classPropertyName: "anchorName", publicName: "anchorName", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-field--chip": "chipMode()", "class.watt-field--unlabelled": "unlabelled()", "class.watt-field--disabled": "control()?.disabled" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattFieldComponent, isStandalone: true, selector: "watt-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, chipMode: { classPropertyName: "chipMode", publicName: "chipMode", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, anchorName: { classPropertyName: "anchorName", publicName: "anchorName", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, showErrors: { classPropertyName: "showErrors", publicName: "showErrors", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-field--chip": "chipMode()", "class.watt-field--unlabelled": "unlabelled()", "class.watt-field--disabled": "control()?.disabled", "class.watt-field--show-errors": "showErrors()" } }, viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, isSignal: true }, { propertyName: "wattLabelElement", first: true, predicate: ["wattLabel"], descendants: true, isSignal: true }, { propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (chipMode()) {
-      <span class="watt-label">
+      <span [attr.autofocus]="autoFocus() || null" class="watt-label" #wattLabel>
         <ng-container *ngTemplateOutlet="template" />
       </span>
     } @else {
-      <label [attr.for]="id()">
+      <label [attr.autofocus]="autoFocus() || null" [attr.for]="id()" #label>
         <ng-container *ngTemplateOutlet="template" />
       </label>
     }
@@ -109,9 +127,9 @@ export class WattFieldComponent {
         <watt-field-error>{{ intl.required }}</watt-field-error>
       }
     </ng-template>
-  `, isInline: true, styles: ["[watt-field-disabled=true] watt-field .label,.watt-field--disabled .label{color:var(--watt-disabled-text-label-color)}[watt-field-disabled=true] .watt-field-wrapper,.watt-field--disabled .watt-field-wrapper{background-color:var(--watt-field-disabled-background-color)}watt-field watt-field-hint{display:block}watt-field :is(watt-field-error,watt-field-warning),.ng-valid watt-field :is(watt-field-error,watt-field-warning){display:none}form.ng-submitted .ng-invalid watt-field watt-field-hint,:not(form).ng-touched.ng-invalid watt-field watt-field-hint{display:none}form.ng-submitted .ng-invalid watt-field :is(watt-field-error,watt-field-warning),:not(form).ng-touched.ng-invalid watt-field :is(watt-field-error,watt-field-warning){display:block}form.ng-submitted .ng-invalid watt-field .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field .watt-field-wrapper{border-color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field .label,:not(form).ng-touched.ng-invalid watt-field .label{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field .label.required:after,:not(form).ng-touched.ng-invalid watt-field .label.required:after{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label{color:var(--watt-text-color)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper{border-color:var(--watt-color-state-warning)}.watt-field-wrapper input{width:100%;border:none;outline:none;background-color:transparent}.watt-field-placeholder{position:absolute;padding:1px 2px;pointer-events:none;white-space:nowrap}.watt-field--has-placeholder input,.watt-field-placeholder{font-family:Droid Sans Mono,monospace;letter-spacing:-.03em}.watt-field-filler{color:var(--watt-on-light-low-emphasis)}.watt-field-ghost{color:transparent}watt-field{--watt-text-color: var(--watt-on-light-high-emphasis);--watt-disabled-text-label-color: var(--watt-on-light-low-emphasis);--watt-field-disabled-background-color: var(--watt-color-neutral-grey-100);--watt-input-border-radius: 4px;--watt-border-color: var(--watt-on-light-low-emphasis);--watt-label-text-color: var(--watt-text-color);width:100%;display:block}watt-field:not(.watt-field--chip){min-height:93px}watt-field:not(.watt-field--chip).watt-field--unlabelled{min-height:66px}watt-field .label{min-height:27px;display:flex;align-items:center}watt-field .label watt-icon{margin-left:var(--watt-space-s)}watt-field .label watt-tooltip{max-width:250px}watt-field .label.required:after{content:\"*\";margin-left:var(--watt-space-s);color:var(--watt-color-primary)}watt-field label,watt-field .watt-label{color:var(--watt-label-text-color);display:block;width:100%}watt-field label .watt-field-wrapper,watt-field .watt-label .watt-field-wrapper{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:flex;position:relative;width:100%;padding-left:var(--watt-space-s);border-radius:var(--watt-input-border-radius);border:1px solid var(--watt-border-color);overflow:hidden;color:var(--watt-text-color);align-items:center;gap:var(--watt-space-m);background-color:var(--watt-color-neutral-white)}watt-field label .watt-field-wrapper:focus-within,watt-field .watt-label .watt-field-wrapper:focus-within{--watt-border-color: var(--watt-color-primary)}watt-field label watt-field-hint,watt-field label watt-field-error,watt-field label watt-field-warning,watt-field .watt-label watt-field-hint,watt-field .watt-label watt-field-error,watt-field .watt-label watt-field-warning{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-field label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning),watt-field .watt-label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning){padding-left:var(--watt-space-s)}watt-field.watt-field--chip .watt-field-wrapper{border:none;padding-left:0}watt-field.watt-field--chip watt-field-hint,watt-field.watt-field--chip watt-field-error,watt-field.watt-field--chip watt-field-warning{margin-top:var(--watt-space-xs)}watt-field:not(.watt-field--chip) .watt-field-wrapper{min-height:46px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "directive", type: WattTooltipDirective, selector: "[wattTooltip]", inputs: ["wattTooltip", "wattTooltipPosition", "wattTooltipVariant"], exportAs: ["wattTooltip"] }, { kind: "component", type: WattFieldErrorComponent, selector: "watt-field-error" }, { kind: "component", type: VaterFlexComponent, selector: "vater-flex, [vater-flex]", inputs: ["autoSize"] }, { kind: "directive", type: VaterUtilityDirective, selector: "[vater]", inputs: ["center", "fill", "inset", "scrollable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["[watt-field-disabled=true] watt-field .label,.watt-field--disabled .label{color:var(--watt-disabled-text-label-color)}[watt-field-disabled=true] .watt-field-wrapper,.watt-field--disabled .watt-field-wrapper{background-color:var(--watt-field-disabled-background-color)}watt-field watt-field-hint{display:block}watt-field :is(watt-field-error,watt-field-warning),.ng-valid watt-field :is(watt-field-error,watt-field-warning){display:none}form.ng-submitted .ng-invalid watt-field watt-field-hint,:not(form).ng-touched.ng-invalid watt-field watt-field-hint{display:none}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors :is(watt-field-error,watt-field-warning),:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors :is(watt-field-error,watt-field-warning){display:block}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .watt-field-wrapper{border-color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .label,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .label{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .label.required:after,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .label.required:after{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label{color:var(--watt-text-color)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper{border-color:var(--watt-color-state-warning)}.watt-field-wrapper input{width:100%;border:none;outline:none;background-color:transparent}.watt-field-placeholder{position:absolute;padding:1px 2px;pointer-events:none;white-space:nowrap}.watt-field--has-placeholder input,.watt-field-placeholder{font-family:Droid Sans Mono,monospace;letter-spacing:-.03em}.watt-field-filler{color:var(--watt-on-light-low-emphasis)}.watt-field-ghost{color:transparent}watt-field{--watt-text-color: var(--watt-on-light-high-emphasis);--watt-disabled-text-label-color: var(--watt-on-light-low-emphasis);--watt-field-disabled-background-color: var(--watt-color-neutral-grey-100);--watt-input-border-radius: 4px;--watt-border-color: var(--watt-on-light-low-emphasis);--watt-label-text-color: var(--watt-text-color);width:100%;display:block}watt-field:not(.watt-field--chip){min-height:93px}watt-field:not(.watt-field--chip).watt-field--unlabelled{min-height:66px}watt-field .label{min-height:27px;display:flex;align-items:center}watt-field .label watt-icon{margin-left:var(--watt-space-s)}watt-field .label watt-tooltip{max-width:250px}watt-field .label.required:after{content:\"*\";margin-left:var(--watt-space-s);color:var(--watt-color-primary)}watt-field label,watt-field .watt-label{color:var(--watt-label-text-color);display:block;width:100%}watt-field label .watt-field-wrapper,watt-field .watt-label .watt-field-wrapper{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:flex;position:relative;width:100%;padding-left:var(--watt-space-s);border-radius:var(--watt-input-border-radius);border:1px solid var(--watt-border-color);overflow:hidden;color:var(--watt-text-color);align-items:center;gap:var(--watt-space-m);background-color:var(--watt-color-neutral-white)}watt-field label .watt-field-wrapper:focus-within,watt-field .watt-label .watt-field-wrapper:focus-within{--watt-border-color: var(--watt-color-primary)}watt-field label watt-field-hint,watt-field label watt-field-error,watt-field label watt-field-warning,watt-field .watt-label watt-field-hint,watt-field .watt-label watt-field-error,watt-field .watt-label watt-field-warning{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-field label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning),watt-field .watt-label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning){padding-left:var(--watt-space-s)}watt-field.watt-field--chip .watt-field-wrapper{border:none;padding-left:0}watt-field.watt-field--chip watt-field-hint,watt-field.watt-field--chip watt-field-error,watt-field.watt-field--chip watt-field-warning{margin-top:var(--watt-space-xs)}watt-field:not(.watt-field--chip) .watt-field-wrapper{min-height:46px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "directive", type: WattTooltipDirective, selector: "[wattTooltip]", inputs: ["wattTooltip", "wattTooltipPosition", "wattTooltipVariant"], exportAs: ["wattTooltip"] }, { kind: "component", type: WattFieldErrorComponent, selector: "watt-field-error" }, { kind: "component", type: VaterFlexComponent, selector: "vater-flex, [vater-flex]", inputs: ["autoSize"] }, { kind: "directive", type: VaterUtilityDirective, selector: "[vater]", inputs: ["center", "fill", "inset", "scrollable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         NgTemplateOutlet,
@@ -122,11 +140,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         VaterUtilityDirective,
                     ], template: `
     @if (chipMode()) {
-      <span class="watt-label">
+      <span [attr.autofocus]="autoFocus() || null" class="watt-label" #wattLabel>
         <ng-container *ngTemplateOutlet="template" />
       </span>
     } @else {
-      <label [attr.for]="id()">
+      <label [attr.autofocus]="autoFocus() || null" [attr.for]="id()" #label>
         <ng-container *ngTemplateOutlet="template" />
       </label>
     }
@@ -171,6 +189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         '[class.watt-field--chip]': 'chipMode()',
                         '[class.watt-field--unlabelled]': 'unlabelled()',
                         '[class.watt-field--disabled]': 'control()?.disabled',
-                    }, styles: ["[watt-field-disabled=true] watt-field .label,.watt-field--disabled .label{color:var(--watt-disabled-text-label-color)}[watt-field-disabled=true] .watt-field-wrapper,.watt-field--disabled .watt-field-wrapper{background-color:var(--watt-field-disabled-background-color)}watt-field watt-field-hint{display:block}watt-field :is(watt-field-error,watt-field-warning),.ng-valid watt-field :is(watt-field-error,watt-field-warning){display:none}form.ng-submitted .ng-invalid watt-field watt-field-hint,:not(form).ng-touched.ng-invalid watt-field watt-field-hint{display:none}form.ng-submitted .ng-invalid watt-field :is(watt-field-error,watt-field-warning),:not(form).ng-touched.ng-invalid watt-field :is(watt-field-error,watt-field-warning){display:block}form.ng-submitted .ng-invalid watt-field .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field .watt-field-wrapper{border-color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field .label,:not(form).ng-touched.ng-invalid watt-field .label{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field .label.required:after,:not(form).ng-touched.ng-invalid watt-field .label.required:after{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label{color:var(--watt-text-color)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper{border-color:var(--watt-color-state-warning)}.watt-field-wrapper input{width:100%;border:none;outline:none;background-color:transparent}.watt-field-placeholder{position:absolute;padding:1px 2px;pointer-events:none;white-space:nowrap}.watt-field--has-placeholder input,.watt-field-placeholder{font-family:Droid Sans Mono,monospace;letter-spacing:-.03em}.watt-field-filler{color:var(--watt-on-light-low-emphasis)}.watt-field-ghost{color:transparent}watt-field{--watt-text-color: var(--watt-on-light-high-emphasis);--watt-disabled-text-label-color: var(--watt-on-light-low-emphasis);--watt-field-disabled-background-color: var(--watt-color-neutral-grey-100);--watt-input-border-radius: 4px;--watt-border-color: var(--watt-on-light-low-emphasis);--watt-label-text-color: var(--watt-text-color);width:100%;display:block}watt-field:not(.watt-field--chip){min-height:93px}watt-field:not(.watt-field--chip).watt-field--unlabelled{min-height:66px}watt-field .label{min-height:27px;display:flex;align-items:center}watt-field .label watt-icon{margin-left:var(--watt-space-s)}watt-field .label watt-tooltip{max-width:250px}watt-field .label.required:after{content:\"*\";margin-left:var(--watt-space-s);color:var(--watt-color-primary)}watt-field label,watt-field .watt-label{color:var(--watt-label-text-color);display:block;width:100%}watt-field label .watt-field-wrapper,watt-field .watt-label .watt-field-wrapper{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:flex;position:relative;width:100%;padding-left:var(--watt-space-s);border-radius:var(--watt-input-border-radius);border:1px solid var(--watt-border-color);overflow:hidden;color:var(--watt-text-color);align-items:center;gap:var(--watt-space-m);background-color:var(--watt-color-neutral-white)}watt-field label .watt-field-wrapper:focus-within,watt-field .watt-label .watt-field-wrapper:focus-within{--watt-border-color: var(--watt-color-primary)}watt-field label watt-field-hint,watt-field label watt-field-error,watt-field label watt-field-warning,watt-field .watt-label watt-field-hint,watt-field .watt-label watt-field-error,watt-field .watt-label watt-field-warning{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-field label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning),watt-field .watt-label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning){padding-left:var(--watt-space-s)}watt-field.watt-field--chip .watt-field-wrapper{border:none;padding-left:0}watt-field.watt-field--chip watt-field-hint,watt-field.watt-field--chip watt-field-error,watt-field.watt-field--chip watt-field-warning{margin-top:var(--watt-space-xs)}watt-field:not(.watt-field--chip) .watt-field-wrapper{min-height:46px}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9maWVsZC93YXR0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixpQkFBaUIsRUFDakIsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWlDLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRTlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWpFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQXFFbkQsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixJQUFJLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixD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LyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIHNpZ25hbCxcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBWYWxpZGF0aW9uRXJyb3JzLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZmlsdGVyLCBtYXAsIHN0YXJ0V2l0aCwgc3dpdGNoTWFwLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQsIHRvT2JzZXJ2YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcblxuaW1wb3J0IHsgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5pbXBvcnQgeyBXYXR0VG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC90b29sdGlwJztcbmltcG9ydCB7IFZhdGVyRmxleENvbXBvbmVudCwgVmF0ZXJVdGlsaXR5RGlyZWN0aXZlIH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L3ZhdGVyJztcbmltcG9ydCB7IFdhdHRSYW5nZVZhbGlkYXRvcnMgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvdmFsaWRhdG9ycyc7XG5cbmltcG9ydCB7IFdhdHRGaWVsZEludGxTZXJ2aWNlIH0gZnJvbSAnLi93YXR0LWZpZWxkLWludGwuc2VydmljZSc7XG5pbXBvcnQgeyBXYXR0RmllbGRFcnJvckNvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1maWVsZC1lcnJvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtZmllbGQnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1xuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgV2F0dEljb25Db21wb25lbnQsXG4gICAgV2F0dFRvb2x0aXBEaXJlY3RpdmUsXG4gICAgV2F0dEZpZWxkRXJyb3JDb21wb25lbnQsXG4gICAgVmF0ZXJGbGV4Q29tcG9uZW50LFxuICAgIFZhdGVyVXRpbGl0eURpcmVjdGl2ZSxcbiAgXSxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoY2hpcE1vZGUoKSkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJ3YXR0LWxhYmVsXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVwiIC8+XG4gICAgICA8L3NwYW4+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImlkKClcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlXCIgLz5cbiAgICAgIDwvbGFiZWw+XG4gICAgfVxuXG4gICAgPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgICAgIEBpZiAobGFiZWwoKSkge1xuICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCIgW2NsYXNzLnJlcXVpcmVkXT1cImlzUmVxdWlyZWQoKVwiPlxuICAgICAgICAgIHt7IGxhYmVsKCkgfX1cbiAgICAgICAgICBAaWYgKHRvb2x0aXAoKTsgYXMgdG9vbHRpcCkge1xuICAgICAgICAgICAgPHdhdHQtaWNvbiBuYW1lPVwiaW5mb1wiIHdhdHRUb29sdGlwUG9zaXRpb249XCJ0b3BcIiBbd2F0dFRvb2x0aXBdPVwidG9vbHRpcFwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICB9XG4gICAgICA8dmF0ZXItZmxleCBkaXJlY3Rpb249XCJyb3dcIiBnYXA9XCJzXCIgYWxpZ249XCJjZW50ZXJcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIHZhdGVyXG4gICAgICAgICAgZmlsbD1cImhvcml6b250YWxcIlxuICAgICAgICAgICN3cmFwcGVyXG4gICAgICAgICAgY2xhc3M9XCJ3YXR0LWZpZWxkLXdyYXBwZXJcIlxuICAgICAgICAgIFtjbGFzcy53YXR0LWZpZWxkLS1oYXMtcGxhY2Vob2xkZXJdPVwiISFwbGFjZWhvbGRlcigpXCJcbiAgICAgICAgICBbc3R5bGUuYW5jaG9yLW5hbWVdPVwiYW5jaG9yTmFtZSgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIEBpZiAocGxhY2Vob2xkZXIoKSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndhdHQtZmllbGQtcGxhY2Vob2xkZXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ3YXR0LWZpZWxkLWdob3N0XCI+e3sgZ2hvc3QoKSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ3YXR0LWZpZWxkLWZpbGxlclwiPnt7IGZpbGxlcigpIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ3YXR0LWZpZWxkLWRlc2NyaXB0b3JcIiAvPlxuICAgICAgPC92YXRlci1mbGV4PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BvcG92ZXJdXCIgLz5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtZmllbGQtaGludFwiIC8+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ3YXR0LWZpZWxkLWVycm9yXCIgLz5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtZmllbGQtd2FybmluZ1wiIC8+XG4gICAgICBAaWYgKGlzRW1wdHkoKSkge1xuICAgICAgICA8d2F0dC1maWVsZC1lcnJvcj57eyBpbnRsLnJlcXVpcmVkIH19PC93YXR0LWZpZWxkLWVycm9yPlxuICAgICAgfVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLndhdHQtZmllbGQtLWNoaXBdJzogJ2NoaXBNb2RlKCknLFxuICAgICdbY2xhc3Mud2F0dC1maWVsZC0tdW5sYWJlbGxlZF0nOiAndW5sYWJlbGxlZCgpJyxcbiAgICAnW2NsYXNzLndhdHQtZmllbGQtLWRpc2FibGVkXSc6ICdjb250cm9sKCk/LmRpc2FibGVkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEZpZWxkQ29tcG9uZW50IHtcbiAgaW50bCA9IGluamVjdChXYXR0RmllbGRJbnRsU2VydmljZSk7XG4gIGVsZW1lbnRSZWYgPSBpbmplY3Q8RWxlbWVudFJlZj4oRWxlbWVudFJlZik7XG5cbiAgY29udHJvbCA9IGlucHV0PEZvcm1Db250cm9sIHwgbnVsbD4obnVsbCk7XG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuICBpZCA9IGlucHV0PHN0cmluZz4oKTtcbiAgY2hpcE1vZGUgPSBpbnB1dChmYWxzZSk7XG4gIHRvb2x0aXAgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHBsYWNlaG9sZGVyID0gaW5wdXQoJycpO1xuICBhbmNob3JOYW1lID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIHZhbHVlID0gc2lnbmFsKCcnKTtcbiAgZmlsbGVyID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5wbGFjZWhvbGRlcigpLnNsaWNlKHRoaXMudmFsdWUoKS5sZW5ndGgpKTtcbiAgZ2hvc3QgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnZhbHVlKCkuc2xpY2UoMCwgdGhpcy5wbGFjZWhvbGRlcigpLmxlbmd0aCkpO1xuXG4gIHVubGFiZWxsZWQgPSBjb21wdXRlZCgoKSA9PiAhdGhpcy5sYWJlbCgpKTtcblxuICBlcnJvcnMgPSBzaWduYWw8VmFsaWRhdGlvbkVycm9ycyB8IG51bGw+KG51bGwpO1xuICBpc1JlcXVpcmVkID0gc2lnbmFsKGZhbHNlKTtcbiAgaXNFbXB0eSA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZXJyb3JzKCk/LlsncmVxdWlyZWQnXSB8fCB0aGlzLmVycm9ycygpPy5bJ3JhbmdlUmVxdWlyZWQnXSk7XG5cbiAgLy8gVXNlZCBmb3IgdGV4dCBmaWVsZHMgd2l0aCBhdXRvY29tcGxldGVcbiAgd3JhcHBlciA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPignd3JhcHBlcicpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGNvbnN0IGNvbnRyb2wkID0gdG9PYnNlcnZhYmxlKHRoaXMuY29udHJvbCkucGlwZShmaWx0ZXIoKGNvbnRyb2wpID0+IGNvbnRyb2wgIT09IG51bGwpKTtcblxuICAgIC8vIFRyYWNrIHZhbHVlIGluIG9yZGVyIHRvIHVwZGF0ZSBnaG9zdCBhbmQgZmlsbGVyXG4gICAgY29uc3QgdmFsdWUkID0gY29udHJvbCQucGlwZShcbiAgICAgIHN3aXRjaE1hcCgoY29udHJvbCkgPT5cbiAgICAgICAgY29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShcbiAgICAgICAgICBzdGFydFdpdGgoY29udHJvbC52YWx1ZSksXG4gICAgICAgICAgbWFwKCh2YWx1ZSkgPT4gKHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB1bmRlZmluZWQgPyAnJyA6IHZhbHVlLnRvU3RyaW5nKCkpKSxcbiAgICAgICAgICB0YXAoKHZhbHVlKSA9PiB0aGlzLnZhbHVlLnNldCh2YWx1ZSkpXG4gICAgICAgIClcbiAgICAgICksXG4gICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKVxuICAgICk7XG5cbiAgICAvLyBUcmFjayBzdGF0dXMgaW4gb3JkZXIgdG8gdXBkYXRlIHJlcXVpcmVkIHN0YXRlIGFuZCBzaG93IGVycm9yc1xuICAgIGNvbnN0IHN0YXR1cyQgPSBjb250cm9sJC5waXBlKFxuICAgICAgc3dpdGNoTWFwKChjb250cm9sKSA9PlxuICAgICAgICBjb250cm9sLnN0YXR1c0NoYW5nZXMucGlwZShcbiAgICAgICAgICBzdGFydFdpdGgoY29udHJvbC5zdGF0dXMpLFxuICAgICAgICAgIHRhcCgoKSA9PiB0aGlzLmlzUmVxdWlyZWQuc2V0KHRoaXMuaXNSZXF1aXJlZENvbnRyb2woY29udHJvbCkpKSxcbiAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5lcnJvcnMuc2V0KGNvbnRyb2wuZXJyb3JzKSlcbiAgICAgICAgKVxuICAgICAgKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpXG4gICAgKTtcblxuICAgIC8vIFN1YnNjcmliZSBmb3Igc2lkZSBlZmZlY3RzXG4gICAgdmFsdWUkLnN1YnNjcmliZSgpO1xuICAgIHN0YXR1cyQuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBpc1JlcXVpcmVkQ29udHJvbChjb250cm9sOiBGb3JtQ29udHJvbCkge1xuICAgIGNvbnN0IHZhbGlkYXRvcnMgPSBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgV2F0dFJhbmdlVmFsaWRhdG9ycy5yZXF1aXJlZF07XG4gICAgcmV0dXJuIHZhbGlkYXRvcnMuc29tZSgodmFsaWRhdG9yKSA9PiBjb250cm9sLmhhc1ZhbGlkYXRvcih2YWxpZGF0b3IpKTtcbiAgfVxufVxuIl19
+                        '[class.watt-field--show-errors]': 'showErrors()',
+                    }, styles: ["[watt-field-disabled=true] watt-field .label,.watt-field--disabled .label{color:var(--watt-disabled-text-label-color)}[watt-field-disabled=true] .watt-field-wrapper,.watt-field--disabled .watt-field-wrapper{background-color:var(--watt-field-disabled-background-color)}watt-field watt-field-hint{display:block}watt-field :is(watt-field-error,watt-field-warning),.ng-valid watt-field :is(watt-field-error,watt-field-warning){display:none}form.ng-submitted .ng-invalid watt-field watt-field-hint,:not(form).ng-touched.ng-invalid watt-field watt-field-hint{display:none}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors :is(watt-field-error,watt-field-warning),:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors :is(watt-field-error,watt-field-warning){display:block}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .watt-field-wrapper{border-color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .label,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .label{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .label.required:after,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .label.required:after{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .label{color:var(--watt-text-color)}form.ng-submitted .ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper{border-color:var(--watt-color-state-warning)}.watt-field-wrapper input{width:100%;border:none;outline:none;background-color:transparent}.watt-field-placeholder{position:absolute;padding:1px 2px;pointer-events:none;white-space:nowrap}.watt-field--has-placeholder input,.watt-field-placeholder{font-family:Droid Sans Mono,monospace;letter-spacing:-.03em}.watt-field-filler{color:var(--watt-on-light-low-emphasis)}.watt-field-ghost{color:transparent}watt-field{--watt-text-color: var(--watt-on-light-high-emphasis);--watt-disabled-text-label-color: var(--watt-on-light-low-emphasis);--watt-field-disabled-background-color: var(--watt-color-neutral-grey-100);--watt-input-border-radius: 4px;--watt-border-color: var(--watt-on-light-low-emphasis);--watt-label-text-color: var(--watt-text-color);width:100%;display:block}watt-field:not(.watt-field--chip){min-height:93px}watt-field:not(.watt-field--chip).watt-field--unlabelled{min-height:66px}watt-field .label{min-height:27px;display:flex;align-items:center}watt-field .label watt-icon{margin-left:var(--watt-space-s)}watt-field .label watt-tooltip{max-width:250px}watt-field .label.required:after{content:\"*\";margin-left:var(--watt-space-s);color:var(--watt-color-primary)}watt-field label,watt-field .watt-label{color:var(--watt-label-text-color);display:block;width:100%}watt-field label .watt-field-wrapper,watt-field .watt-label .watt-field-wrapper{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:flex;position:relative;width:100%;padding-left:var(--watt-space-s);border-radius:var(--watt-input-border-radius);border:1px solid var(--watt-border-color);overflow:hidden;color:var(--watt-text-color);align-items:center;gap:var(--watt-space-m);background-color:var(--watt-color-neutral-white)}watt-field label .watt-field-wrapper:focus-within,watt-field .watt-label .watt-field-wrapper:focus-within{--watt-border-color: var(--watt-color-primary)}watt-field label watt-field-hint,watt-field label watt-field-error,watt-field label watt-field-warning,watt-field .watt-label watt-field-hint,watt-field .watt-label watt-field-error,watt-field .watt-label watt-field-warning{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-field label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning),watt-field .watt-label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning){padding-left:var(--watt-space-s)}watt-field.watt-field--chip .watt-field-wrapper{border:none;padding-left:0}watt-field.watt-field--chip watt-field-hint,watt-field.watt-field--chip watt-field-error,watt-field.watt-field--chip watt-field-warning{margin-top:var(--watt-space-xs)}watt-field:not(.watt-field--chip) .watt-field-wrapper{min-height:46px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], chipMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipMode", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], anchorName: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorName", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], labelElement: [{ type: i0.ViewChild, args: ['label', { isSignal: true }] }], wattLabelElement: [{ type: i0.ViewChild, args: ['wattLabel', { isSignal: true }] }], showErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "showErrors", required: false }] }], wrapper: [{ type: i0.ViewChild, args: ['wrapper', { isSignal: true }] }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9maWVsZC93YXR0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixpQkFBaUIsRUFDakIsUUFBUSxFQUNSLE1BQU0sRUFDTixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFpQyxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUU5RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVqRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFzRW5ELE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsSUFBSSxHQUFHLE1BQU0sQ0FB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a0I7MkZBQWxCLGtCQUFrQixzdkRBdkRuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQ1Qsb3BKQXZEQyxnQkFBZ0Isb0pBQ2hCLGlCQUFpQixrR0FDakIsb0JBQW9CLDJKQUNwQix1QkFBdUIsNkRBQ3ZCLGtCQUFrQiwyRkFDbEIscUJBQXFCOzsyRkEwRFosa0JBQWtCO2tCQXBFOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUNMLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksV0FDNUI7d0JBQ1AsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLG9CQUFvQjt3QkFDcEIsdUJBQXVCO3dCQUN2QixrQkFBa0I7d0JBQ2xCLHFCQUFxQjtxQkFDdEIsWUFFUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQ1QsUUFDSzt3QkFDSiwwQkFBMEIsRUFBRSxZQUFZO3dCQUN4QyxnQ0FBZ0MsRUFBRSxjQUFjO3dCQUNoRCw4QkFBOEIsRUFBRSxxQkFBcUI7d0JBQ3JELGlDQUFpQyxFQUFFLGNBQWM7cUJBQ2xEOzAxQkFvQitELE9BQU8sMEVBQ0osV0FBVyxxS0FjOUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBjb21wdXRlZCxcbiAgZWZmZWN0LFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBzaWduYWwsXG4gIHZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZpbHRlciwgbWFwLCBzdGFydFdpdGgsIHN3aXRjaE1hcCwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkLCB0b09ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbmltcG9ydCB7IFdhdHRJY29uQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2ljb24nO1xuaW1wb3J0IHsgV2F0dFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvdG9vbHRpcCc7XG5pbXBvcnQgeyBWYXRlckZsZXhDb21wb25lbnQsIFZhdGVyVXRpbGl0eURpcmVjdGl2ZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC92YXRlcic7XG5pbXBvcnQgeyBXYXR0UmFuZ2VWYWxpZGF0b3JzIH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L3ZhbGlkYXRvcnMnO1xuXG5pbXBvcnQgeyBXYXR0RmllbGRJbnRsU2VydmljZSB9IGZyb20gJy4vd2F0dC1maWVsZC1pbnRsLnNlcnZpY2UnO1xuaW1wb3J0IHsgV2F0dEZpZWxkRXJyb3JDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtZmllbGQtZXJyb3IuY29tcG9uZW50JztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWZpZWxkJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIFdhdHRJY29uQ29tcG9uZW50LFxuICAgIFdhdHRUb29sdGlwRGlyZWN0aXZlLFxuICAgIFdhdHRGaWVsZEVycm9yQ29tcG9uZW50LFxuICAgIFZhdGVyRmxleENvbXBvbmVudCxcbiAgICBWYXRlclV0aWxpdHlEaXJlY3RpdmUsXG4gIF0sXG4gIHN0eWxlVXJsczogWycuL3dhdHQtZmllbGQuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGNoaXBNb2RlKCkpIHtcbiAgICAgIDxzcGFuIFthdHRyLmF1dG9mb2N1c109XCJhdXRvRm9jdXMoKSB8fCBudWxsXCIgY2xhc3M9XCJ3YXR0LWxhYmVsXCIgI3dhdHRMYWJlbD5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlXCIgLz5cbiAgICAgIDwvc3Bhbj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxsYWJlbCBbYXR0ci5hdXRvZm9jdXNdPVwiYXV0b0ZvY3VzKCkgfHwgbnVsbFwiIFthdHRyLmZvcl09XCJpZCgpXCIgI2xhYmVsPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIiAvPlxuICAgICAgPC9sYWJlbD5cbiAgICB9XG5cbiAgICA8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICAgICAgQGlmIChsYWJlbCgpKSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIiBbY2xhc3MucmVxdWlyZWRdPVwiaXNSZXF1aXJlZCgpXCI+XG4gICAgICAgICAge3sgbGFiZWwoKSB9fVxuICAgICAgICAgIEBpZiAodG9vbHRpcCgpOyBhcyB0b29sdGlwKSB7XG4gICAgICAgICAgICA8d2F0dC1pY29uIG5hbWU9XCJpbmZvXCIgd2F0dFRvb2x0aXBQb3NpdGlvbj1cInRvcFwiIFt3YXR0VG9vbHRpcF09XCJ0b29sdGlwXCIgLz5cbiAgICAgICAgICB9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIH1cbiAgICAgIDx2YXRlci1mbGV4IGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cInNcIiBhbGlnbj1cImNlbnRlclwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgdmF0ZXJcbiAgICAgICAgICBmaWxsPVwiaG9yaXpvbnRhbFwiXG4gICAgICAgICAgI3dyYXBwZXJcbiAgICAgICAgICBjbGFzcz1cIndhdHQtZmllbGQtd3JhcHBlclwiXG4gICAgICAgICAgW2NsYXNzLndhdHQtZmllbGQtLWhhcy1wbGFjZWhvbGRlcl09XCIhIXBsYWNlaG9sZGVyKClcIlxuICAgICAgICAgIFtzdHlsZS5hbmNob3ItbmFtZV09XCJhbmNob3JOYW1lKClcIlxuICAgICAgICA+XG4gICAgICAgICAgQGlmIChwbGFjZWhvbGRlcigpKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2F0dC1maWVsZC1wbGFjZWhvbGRlclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIndhdHQtZmllbGQtZ2hvc3RcIj57eyBnaG9zdCgpIH19PC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIndhdHQtZmllbGQtZmlsbGVyXCI+e3sgZmlsbGVyKCkgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtZmllbGQtZGVzY3JpcHRvclwiIC8+XG4gICAgICA8L3ZhdGVyLWZsZXg+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcG9wb3Zlcl1cIiAvPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwid2F0dC1maWVsZC1oaW50XCIgLz5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtZmllbGQtZXJyb3JcIiAvPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwid2F0dC1maWVsZC13YXJuaW5nXCIgLz5cbiAgICAgIEBpZiAoaXNFbXB0eSgpKSB7XG4gICAgICAgIDx3YXR0LWZpZWxkLWVycm9yPnt7IGludGwucmVxdWlyZWQgfX08L3dhdHQtZmllbGQtZXJyb3I+XG4gICAgICB9XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Mud2F0dC1maWVsZC0tY2hpcF0nOiAnY2hpcE1vZGUoKScsXG4gICAgJ1tjbGFzcy53YXR0LWZpZWxkLS11bmxhYmVsbGVkXSc6ICd1bmxhYmVsbGVkKCknLFxuICAgICdbY2xhc3Mud2F0dC1maWVsZC0tZGlzYWJsZWRdJzogJ2NvbnRyb2woKT8uZGlzYWJsZWQnLFxuICAgICdbY2xhc3Mud2F0dC1maWVsZC0tc2hvdy1lcnJvcnNdJzogJ3Nob3dFcnJvcnMoKScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRGaWVsZENvbXBvbmVudCB7XG4gIGludGwgPSBpbmplY3QoV2F0dEZpZWxkSW50bFNlcnZpY2UpO1xuICBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY+KEVsZW1lbnRSZWYpO1xuXG4gIGNvbnRyb2wgPSBpbnB1dDxGb3JtQ29udHJvbCB8IG51bGw+KG51bGwpO1xuICBsYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbiAgaWQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGNoaXBNb2RlID0gaW5wdXQoZmFsc2UpO1xuICB0b29sdGlwID0gaW5wdXQ8c3RyaW5nPigpO1xuICBwbGFjZWhvbGRlciA9IGlucHV0KCcnKTtcbiAgYW5jaG9yTmFtZSA9IGlucHV0PHN0cmluZz4oKTtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgaW5wdXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgY29tcG9uZW50IGlzIHJlbmRlcmVkLlxuICAgKi9cbiAgYXV0b0ZvY3VzID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIGxhYmVsRWxlbWVudCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxMYWJlbEVsZW1lbnQ+PignbGFiZWwnKTtcbiAgd2F0dExhYmVsRWxlbWVudCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxTcGFuRWxlbWVudD4+KCd3YXR0TGFiZWwnKTtcblxuICB2YWx1ZSA9IHNpZ25hbCgnJyk7XG4gIGZpbGxlciA9IGNvbXB1dGVkKCgpID0+IHRoaXMucGxhY2Vob2xkZXIoKS5zbGljZSh0aGlzLnZhbHVlKCkubGVuZ3RoKSk7XG4gIGdob3N0ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy52YWx1ZSgpLnNsaWNlKDAsIHRoaXMucGxhY2Vob2xkZXIoKS5sZW5ndGgpKTtcblxuICB1bmxhYmVsbGVkID0gY29tcHV0ZWQoKCkgPT4gIXRoaXMubGFiZWwoKSk7XG5cbiAgZXJyb3JzID0gc2lnbmFsPFZhbGlkYXRpb25FcnJvcnMgfCBudWxsPihudWxsKTtcbiAgaXNSZXF1aXJlZCA9IHNpZ25hbChmYWxzZSk7XG4gIGlzRW1wdHkgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmVycm9ycygpPy5bJ3JlcXVpcmVkJ10gfHwgdGhpcy5lcnJvcnMoKT8uWydyYW5nZVJlcXVpcmVkJ10pO1xuICBzaG93RXJyb3JzID0gaW5wdXQodHJ1ZSk7XG5cbiAgLy8gVXNlZCBmb3IgdGV4dCBmaWVsZHMgd2l0aCBhdXRvY29tcGxldGVcbiAgd3JhcHBlciA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPignd3JhcHBlcicpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGNvbnN0IGNvbnRyb2wkID0gdG9PYnNlcnZhYmxlKHRoaXMuY29udHJvbCkucGlwZShmaWx0ZXIoKGNvbnRyb2wpID0+IGNvbnRyb2wgIT09IG51bGwpKTtcblxuICAgIC8vIFRyYWNrIHZhbHVlIGluIG9yZGVyIHRvIHVwZGF0ZSBnaG9zdCBhbmQgZmlsbGVyXG4gICAgY29uc3QgdmFsdWUkID0gY29udHJvbCQucGlwZShcbiAgICAgIHN3aXRjaE1hcCgoY29udHJvbCkgPT5cbiAgICAgICAgY29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShcbiAgICAgICAgICBzdGFydFdpdGgoY29udHJvbC52YWx1ZSksXG4gICAgICAgICAgbWFwKCh2YWx1ZSkgPT4gKHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB1bmRlZmluZWQgPyAnJyA6IHZhbHVlLnRvU3RyaW5nKCkpKSxcbiAgICAgICAgICB0YXAoKHZhbHVlKSA9PiB0aGlzLnZhbHVlLnNldCh2YWx1ZSkpXG4gICAgICAgIClcbiAgICAgICksXG4gICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKVxuICAgICk7XG5cbiAgICAvLyBUcmFjayBzdGF0dXMgaW4gb3JkZXIgdG8gdXBkYXRlIHJlcXVpcmVkIHN0YXRlIGFuZCBzaG93IGVycm9yc1xuICAgIGNvbnN0IHN0YXR1cyQgPSBjb250cm9sJC5waXBlKFxuICAgICAgc3dpdGNoTWFwKChjb250cm9sKSA9PlxuICAgICAgICBjb250cm9sLnN0YXR1c0NoYW5nZXMucGlwZShcbiAgICAgICAgICBzdGFydFdpdGgoY29udHJvbC5zdGF0dXMpLFxuICAgICAgICAgIHRhcCgoKSA9PiB0aGlzLmlzUmVxdWlyZWQuc2V0KHRoaXMuaXNSZXF1aXJlZENvbnRyb2woY29udHJvbCkpKSxcbiAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5lcnJvcnMuc2V0KGNvbnRyb2wuZXJyb3JzKSlcbiAgICAgICAgKVxuICAgICAgKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpXG4gICAgKTtcblxuICAgIC8vIFN1YnNjcmliZSBmb3Igc2lkZSBlZmZlY3RzXG4gICAgdmFsdWUkLnN1YnNjcmliZSgpO1xuICAgIHN0YXR1cyQuc3Vic2NyaWJlKCk7XG5cbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuYXV0b0ZvY3VzKCkpIHtcbiAgICAgICAgaWYgKHRoaXMuY2hpcE1vZGUoKSkge1xuICAgICAgICAgIHRoaXMud2F0dExhYmVsRWxlbWVudCgpLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLmxhYmVsRWxlbWVudCgpLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgaXNSZXF1aXJlZENvbnRyb2woY29udHJvbDogRm9ybUNvbnRyb2wpIHtcbiAgICBjb25zdCB2YWxpZGF0b3JzID0gW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFdhdHRSYW5nZVZhbGlkYXRvcnMucmVxdWlyZWRdO1xuICAgIHJldHVybiB2YWxpZGF0b3JzLnNvbWUoKHZhbGlkYXRvcikgPT4gY29udHJvbC5oYXNWYWxpZGF0b3IodmFsaWRhdG9yKSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/file-field/watt-file-field.component.js CHANGED Viewed

@@ -26,8 +26,8 @@ export class WattFileField {
     placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     clear = output();
     clearSubscription = this.clear.subscribe(() => this.file.set(undefined));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFileField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattFileField, isStandalone: true, selector: "watt-file-field", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { file: "fileChange", clear: "clear" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFileField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattFileField, isStandalone: true, selector: "watt-file-field", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { file: "fileChange", clear: "clear" }, ngImport: i0, template: `
     <watt-field [label]="label()">
       <input
         disabled
@@ -44,9 +44,9 @@ export class WattFileField {
       }
       <ng-content />
     </watt-field>
-  `, isInline: true, styles: [".watt-file-field-text{color:var(--watt-color-primary)}.watt-file-field-text:placeholder-shown{color:var(--watt-input-placeholder-color)}\n"], dependencies: [{ kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".watt-file-field-text{color:var(--watt-color-primary)}.watt-file-field-text:placeholder-shown{color:var(--watt-input-placeholder-color)}\n"], dependencies: [{ kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "autoFocus", "showErrors"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFileField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFileField, decorators: [{
             type: Component,
             args: [{ selector: 'watt-file-field', imports: [WattButtonComponent, WattFieldComponent], encapsulation: ViewEncapsulation.None, template: `
     <watt-field [label]="label()">
@@ -66,5 +66,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       <ng-content />
     </watt-field>
   `, styles: [".watt-file-field-text{color:var(--watt-color-primary)}.watt-file-field-text:placeholder-shown{color:var(--watt-input-placeholder-color)}\n"] }]
-        }] });
+        }], propDecorators: { file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: false }] }, { type: i0.Output, args: ["fileChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1maWxlLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2ZpbGUtZmllbGQvd2F0dC1maWxlLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBa0MzRCxNQUFNLE9BQU8sYUFBYTtJQUNmLElBQUksR0FBRyxLQUFLLDBEQUFRLENBQUM7SUFDckIsS0FBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLGlEQUFDLENBQUM7SUFDbEIsV0FBVyxHQUFHLEtBQUssQ0FBQyxFQUFFLHVEQUFDLENBQUM7SUFDeEIsS0FBSyxHQUFHLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLGlCQUFpQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7dUdBTHhFLGFBQWE7MkZBQWIsYUFBYSwrZkFuQmQ7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULG9OQTVCUyxtQkFBbUIsc0lBQUUsa0JBQWtCOzsyRkE4QnRDLGFBQWE7a0JBaEN6QixTQUFTOytCQUNFLGlCQUFpQixXQUNsQixDQUFDLG1CQUFtQixFQUFFLGtCQUFrQixDQUFDLGlCQUNuQyxpQkFBaUIsQ0FBQyxJQUFJLFlBVTNCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGlucHV0LCBtb2RlbCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBXYXR0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2J1dHRvbic7XG5pbXBvcnQgeyBXYXR0RmllbGRDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvZmllbGQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWZpbGUtZmllbGQnLFxuICBpbXBvcnRzOiBbV2F0dEJ1dHRvbkNvbXBvbmVudCwgV2F0dEZpZWxkQ29tcG9uZW50XSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3R5bGVzOiBgXG4gICAgLndhdHQtZmlsZS1maWVsZC10ZXh0IHtcbiAgICAgIGNvbG9yOiB2YXIoLS13YXR0LWNvbG9yLXByaW1hcnkpO1xuICAgIH1cblxuICAgIC53YXR0LWZpbGUtZmllbGQtdGV4dDpwbGFjZWhvbGRlci1zaG93biB7XG4gICAgICBjb2xvcjogdmFyKC0td2F0dC1pbnB1dC1wbGFjZWhvbGRlci1jb2xvcik7XG4gICAgfVxuICBgLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx3YXR0LWZpZWxkIFtsYWJlbF09XCJsYWJlbCgpXCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgZGlzYWJsZWRcbiAgICAgICAgY2xhc3M9XCJ3YXR0LWZpbGUtZmllbGQtdGV4dFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcigpXCJcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBbdmFsdWVdPVwiZmlsZSgpPy5uYW1lXCJcbiAgICAgIC8+XG4gICAgICBAaWYgKCFmaWxlKCkpIHtcbiAgICAgICAgPGlucHV0ICNpbnB1dCBoaWRkZW4gdHlwZT1cImZpbGVcIiAoY2hhbmdlKT1cImZpbGUuc2V0KGlucHV0LmZpbGVzPy5pdGVtKDApID8/IHVuZGVmaW5lZClcIiAvPlxuICAgICAgICA8d2F0dC1idXR0b24gdmFyaWFudD1cImljb25cIiBpY29uPVwiZmlsZVVwbG9hZFwiIChjbGljayk9XCJpbnB1dC5jbGljaygpXCIgLz5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8d2F0dC1idXR0b24gdmFyaWFudD1cImljb25cIiBpY29uPVwicmVtb3ZlXCIgKGNsaWNrKT1cImNsZWFyLmVtaXQoKVwiIC8+XG4gICAgICB9XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvd2F0dC1maWVsZD5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEZpbGVGaWVsZCB7XG4gIHJlYWRvbmx5IGZpbGUgPSBtb2RlbDxGaWxlPigpO1xuICByZWFkb25seSBsYWJlbCA9IGlucHV0KCcnKTtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBpbnB1dCgnJyk7XG4gIHJlYWRvbmx5IGNsZWFyID0gb3V0cHV0KCk7XG4gIHByb3RlY3RlZCBjbGVhclN1YnNjcmlwdGlvbiA9IHRoaXMuY2xlYXIuc3Vic2NyaWJlKCgpID0+IHRoaXMuZmlsZS5zZXQodW5kZWZpbmVkKSk7XG59XG4iXX0=

package/esm2022/icon/flags/watt-flag-ch.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagSwitzerlandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagSwitzerlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagSwitzerlandComponent, isStandalone: true, selector: "watt-flag-ch", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagSwitzerlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagSwitzerlandComponent, isStandalone: true, selector: "watt-flag-ch", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <g fill="#ff0000">
         <path d="M0 0h640v480H0z" />
@@ -32,7 +32,7 @@ export class WattFlagSwitzerlandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagSwitzerlandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagSwitzerlandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-ch',

package/esm2022/icon/flags/watt-flag-de.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagGermanyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagGermanyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagGermanyComponent, isStandalone: true, selector: "watt-flag-de", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagGermanyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagGermanyComponent, isStandalone: true, selector: "watt-flag-de", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#ffce00" d="M0 320h640v160H0z" />
       <path fill="#000001" d="M0 0h640v160H0z" />
@@ -28,7 +28,7 @@ export class WattFlagGermanyComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagGermanyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagGermanyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-de',

package/esm2022/icon/flags/watt-flag-dk.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagDenmarkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagDenmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagDenmarkComponent, isStandalone: true, selector: "watt-flag-dk", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagDenmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagDenmarkComponent, isStandalone: true, selector: "watt-flag-dk", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#c8102e" d="M0 0h640.1v480H0z" />
       <path fill="#fff" d="M205.7 0h68.6v480h-68.6z" />
@@ -28,7 +28,7 @@ export class WattFlagDenmarkComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagDenmarkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagDenmarkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-dk',

package/esm2022/icon/flags/watt-flag-fi.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagFinlandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagFinlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagFinlandComponent, isStandalone: true, selector: "watt-flag-fi", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagFinlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagFinlandComponent, isStandalone: true, selector: "watt-flag-fi", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#fff" d="M0 0h640v480H0z" />
       <path fill="#002f6c" d="M0 174.5h640v131H0z" />
@@ -28,7 +28,7 @@ export class WattFlagFinlandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagFinlandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagFinlandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-fi',

package/esm2022/icon/flags/watt-flag-nl.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagNetherlandsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagNetherlandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagNetherlandsComponent, isStandalone: true, selector: "watt-flag-nl", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNetherlandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagNetherlandsComponent, isStandalone: true, selector: "watt-flag-nl", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#21468b" d="M0 0h640v480H0z" />
       <path fill="#fff" d="M0 160h640v160H0z" />
@@ -28,7 +28,7 @@ export class WattFlagNetherlandsComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagNetherlandsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNetherlandsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-nl',

package/esm2022/icon/flags/watt-flag-no.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagNorwayComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagNorwayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagNorwayComponent, isStandalone: true, selector: "watt-flag-no", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNorwayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagNorwayComponent, isStandalone: true, selector: "watt-flag-no", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#ed2939" d="M0 0h640v480H0z" />
       <path fill="#fff" d="M180 0h120v480H180z" />
@@ -30,7 +30,7 @@ export class WattFlagNorwayComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagNorwayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNorwayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-no',

package/esm2022/icon/flags/watt-flag-pl.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagPolandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagPolandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagPolandComponent, isStandalone: true, selector: "watt-flag-pl", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagPolandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagPolandComponent, isStandalone: true, selector: "watt-flag-pl", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <g fill-rule="evenodd">
         <path fill="#fff" d="M640 480H0V0h640z" />
@@ -29,7 +29,7 @@ export class WattFlagPolandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagPolandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagPolandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-pl',

package/esm2022/icon/flags/watt-flag-se.js CHANGED Viewed

@@ -19,15 +19,15 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagSwedenComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagSwedenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattFlagSwedenComponent, isStandalone: true, selector: "watt-flag-se", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagSwedenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagSwedenComponent, isStandalone: true, selector: "watt-flag-se", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#005293" d="M0 0h640v480H0z" />
       <path fill="#fecb00" d="M176 0v192H0v96h176v192h96V288h368v-96H272V0z" />
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagSwedenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagSwedenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-se',

package/esm2022/icon/flags/watt-flag.js CHANGED Viewed

@@ -34,8 +34,8 @@ export class WattFlagComponent {
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
     /** Size of the icon. */
     size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattFlagComponent, isStandalone: true, selector: "watt-flag", inputs: { country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattFlagComponent, isStandalone: true, selector: "watt-flag", inputs: { country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <watt-icon [size]="size()" [label]="label()">
       @switch (country()) {
         @case ('DK') {
@@ -66,7 +66,7 @@ export class WattFlagComponent {
     </watt-icon>
   `, isInline: true, dependencies: [{ kind: "component", type: WattFlagDenmarkComponent, selector: "watt-flag-dk" }, { kind: "component", type: WattFlagFinlandComponent, selector: "watt-flag-fi" }, { kind: "component", type: WattFlagGermanyComponent, selector: "watt-flag-de" }, { kind: "component", type: WattFlagNorwayComponent, selector: "watt-flag-no" }, { kind: "component", type: WattFlagPolandComponent, selector: "watt-flag-pl" }, { kind: "component", type: WattFlagSwedenComponent, selector: "watt-flag-se" }, { kind: "component", type: WattFlagNetherlandsComponent, selector: "watt-flag-nl" }, { kind: "component", type: WattFlagSwitzerlandComponent, selector: "watt-flag-ch" }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFlagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag',
@@ -112,5 +112,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
     </watt-icon>
   `,
                 }]
-        }] });
+        }], propDecorators: { country: [{ type: i0.Input, args: [{ isSignal: true, alias: "country", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1mbGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvaWNvbi9mbGFncy93YXR0LWZsYWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQWdCLE1BQU0sc0JBQXNCLENBQUM7QUFFdkUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBOEM5RCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLGdDQUFnQztJQUNoQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsa0RBQWUsQ0FBQztJQUV4QyxxQ0FBcUM7SUFDckMsS0FBSyxHQUFHLEtBQUssMkRBQVUsQ0FBQztJQUV4Qix3QkFBd0I7SUFDeEIsSUFBSSxHQUFHLEtBQUssQ0FBZSxHQUFHLGdEQUFDLENBQUM7dUdBUnJCLGlCQUFpQjsyRkFBakIsaUJBQWlCLDJiQS9CbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJULDREQXZDQyx3QkFBd0IseURBQ3hCLHdCQUF3Qix5REFDeEIsd0JBQXdCLHlEQUN4Qix1QkFBdUIseURBQ3ZCLHVCQUF1Qix5REFDdkIsdUJBQXVCLHlEQUN2Qiw0QkFBNEIseURBQzVCLDRCQUE0Qix5REFDNUIsaUJBQWlCOzsyRkFpQ1IsaUJBQWlCO2tCQTVDN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsT0FBTyxFQUFFO3dCQUNQLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3dCQUN2Qix1QkFBdUI7d0JBQ3ZCLDRCQUE0Qjt3QkFDNUIsNEJBQTRCO3dCQUM1QixpQkFBaUI7cUJBQ2xCO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2QlQ7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3VudHJ5Q29kZSB9IGZyb20gJ2xpYnBob25lbnVtYmVyLWpzJztcblxuaW1wb3J0IHsgV2F0dEljb25Db21wb25lbnQsIFdhdHRJY29uU2l6ZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuaW1wb3J0IHsgV2F0dEZsYWdEZW5tYXJrQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LWZsYWctZGsnO1xuaW1wb3J0IHsgV2F0dEZsYWdGaW5sYW5kQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LWZsYWctZmknO1xuaW1wb3J0IHsgV2F0dEZsYWdHZXJtYW55Q29tcG9uZW50IH0gZnJvbSAnLi93YXR0LWZsYWctZGUnO1xuaW1wb3J0IHsgV2F0dEZsYWdOb3J3YXlDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtZmxhZy1ubyc7XG5pbXBvcnQgeyBXYXR0RmxhZ1BvbGFuZENvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1mbGFnLXBsJztcbmltcG9ydCB7IFdhdHRGbGFnU3dlZGVuQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LWZsYWctc2UnO1xuaW1wb3J0IHsgV2F0dEZsYWdOZXRoZXJsYW5kc0NvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1mbGFnLW5sJztcbmltcG9ydCB7IFdhdHRGbGFnU3dpdHplcmxhbmRDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtZmxhZy1jaCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtZmxhZycsXG4gIGltcG9ydHM6IFtcbiAgICBXYXR0RmxhZ0Rlbm1hcmtDb21wb25lbnQsXG4gICAgV2F0dEZsYWdGaW5sYW5kQ29tcG9uZW50LFxuICAgIFdhdHRGbGFnR2VybWFueUNvbXBvbmVudCxcbiAgICBXYXR0RmxhZ05vcndheUNvbXBvbmVudCxcbiAgICBXYXR0RmxhZ1BvbGFuZENvbXBvbmVudCxcbiAgICBXYXR0RmxhZ1N3ZWRlbkNvbXBvbmVudCxcbiAgICBXYXR0RmxhZ05ldGhlcmxhbmRzQ29tcG9uZW50LFxuICAgIFdhdHRGbGFnU3dpdHplcmxhbmRDb21wb25lbnQsXG4gICAgV2F0dEljb25Db21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHdhdHQtaWNvbiBbc2l6ZV09XCJzaXplKClcIiBbbGFiZWxdPVwibGFiZWwoKVwiPlxuICAgICAgQHN3aXRjaCAoY291bnRyeSgpKSB7XG4gICAgICAgIEBjYXNlICgnREsnKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1kayAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnREUnKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1kZSAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnRkknKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1maSAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnTk8nKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1ubyAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnUEwnKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1wbCAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnU0UnKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1zZSAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnTkwnKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1ubCAvPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlICgnQ0gnKSB7XG4gICAgICAgICAgPHdhdHQtZmxhZy1jaCAvPlxuICAgICAgICB9XG4gICAgICB9XG4gICAgPC93YXR0LWljb24+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRGbGFnQ29tcG9uZW50IHtcbiAgLyoqIENvdW50cnkgY29kZSBvZiB0aGUgZmxhZy4gKi9cbiAgY291bnRyeSA9IGlucHV0LnJlcXVpcmVkPENvdW50cnlDb2RlPigpO1xuXG4gIC8qKiBBY2Nlc3NpYmxlIGxhYmVsIGZvciB0aGUgaWNvbi4gKi9cbiAgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KCk7XG5cbiAgLyoqIFNpemUgb2YgdGhlIGljb24uICovXG4gIHNpemUgPSBpbnB1dDxXYXR0SWNvblNpemU+KCdtJyk7XG59XG4iXX0=

package/esm2022/icon/icon.component.js CHANGED Viewed

@@ -51,8 +51,8 @@ export class WattIconComponent {
         }
     }, ...(ngDevMode ? [{ debugName: "computedState" }] : []));
     classNames = computed(() => `icon-size-${this.size()} icon-state-${this.computedState()}`, ...(ngDevMode ? [{ debugName: "classNames" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattIconComponent, isStandalone: true, selector: "watt-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classNames()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattIconComponent, isStandalone: true, selector: "watt-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classNames()" } }, ngImport: i0, template: `
     @if (icon()) {
       <mat-icon aria-hidden="false" [attr.aria-label]="label()" fontSet="material-symbols-sharp">
         {{ icon() }}
@@ -64,7 +64,7 @@ export class WattIconComponent {
     }
   `, isInline: true, styles: [":root{--watt-icon-fill: 0;--watt-icon-size-xs: 16px;--watt-icon-size-s: 20px;--watt-icon-size-m: 24px;--watt-icon-size-l: 32px;--watt-icon-size-xl: 64px;--watt-icon-size-xxl: 128px}watt-icon{display:flex;justify-content:center;align-items:center}watt-icon[fill]{--watt-icon-fill: 1}watt-icon.icon-size-xs .mat-icon,watt-icon.icon-size-xs .watt-custom-icon{font-size:var(--watt-icon-size-xs);line-height:var(--watt-icon-size-xs);width:var(--watt-icon-size-xs);height:var(--watt-icon-size-xs)}watt-icon.icon-size-xs .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" 0,\"opsz\" 20}watt-icon.icon-size-s .mat-icon,watt-icon.icon-size-s .watt-custom-icon{font-size:var(--watt-icon-size-s);line-height:var(--watt-icon-size-s);width:var(--watt-icon-size-s);height:var(--watt-icon-size-s)}watt-icon.icon-size-s .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" regular,\"opsz\" 20}watt-icon.icon-size-m .mat-icon,watt-icon.icon-size-m .watt-custom-icon{font-size:var(--watt-icon-size-m);line-height:var(--watt-icon-size-m);width:var(--watt-icon-size-m);height:var(--watt-icon-size-m)}watt-icon.icon-size-m .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-size-l .mat-icon,watt-icon.icon-size-l .watt-custom-icon{font-size:var(--watt-icon-size-l);line-height:var(--watt-icon-size-l);width:var(--watt-icon-size-l);height:var(--watt-icon-size-l)}watt-icon.icon-size-l .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}watt-icon.icon-size-xl .mat-icon,watt-icon.icon-size-xl .watt-custom-icon{font-size:var(--watt-icon-size-xl);line-height:var(--watt-icon-size-xl);width:var(--watt-icon-size-xl);height:var(--watt-icon-size-xl)}watt-icon.icon-size-xl .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 200,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-size-xxl .mat-icon,watt-icon.icon-size-xxl .watt-custom-icon{font-size:var(--watt-icon-size-xxl);line-height:var(--watt-icon-size-xxl);width:var(--watt-icon-size-xxl);height:var(--watt-icon-size-xxl)}watt-icon.icon-size-xxl .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 100,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-state-success .mat-icon{color:var(--watt-color-state-success)}watt-icon.icon-state-danger .mat-icon{color:var(--watt-color-state-danger)}watt-icon.icon-state-warning .mat-icon{color:var(--watt-color-state-warning)}watt-icon.icon-state-info .mat-icon{color:var(--watt-color-state-info)}.watt-custom-icon svg{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattIconComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class]': 'classNames()' }, imports: [MatIcon], selector: 'watt-icon', template: `
     @if (icon()) {
@@ -77,5 +77,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       </div>
     }
   `, styles: [":root{--watt-icon-fill: 0;--watt-icon-size-xs: 16px;--watt-icon-size-s: 20px;--watt-icon-size-m: 24px;--watt-icon-size-l: 32px;--watt-icon-size-xl: 64px;--watt-icon-size-xxl: 128px}watt-icon{display:flex;justify-content:center;align-items:center}watt-icon[fill]{--watt-icon-fill: 1}watt-icon.icon-size-xs .mat-icon,watt-icon.icon-size-xs .watt-custom-icon{font-size:var(--watt-icon-size-xs);line-height:var(--watt-icon-size-xs);width:var(--watt-icon-size-xs);height:var(--watt-icon-size-xs)}watt-icon.icon-size-xs .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" 0,\"opsz\" 20}watt-icon.icon-size-s .mat-icon,watt-icon.icon-size-s .watt-custom-icon{font-size:var(--watt-icon-size-s);line-height:var(--watt-icon-size-s);width:var(--watt-icon-size-s);height:var(--watt-icon-size-s)}watt-icon.icon-size-s .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" regular,\"opsz\" 20}watt-icon.icon-size-m .mat-icon,watt-icon.icon-size-m .watt-custom-icon{font-size:var(--watt-icon-size-m);line-height:var(--watt-icon-size-m);width:var(--watt-icon-size-m);height:var(--watt-icon-size-m)}watt-icon.icon-size-m .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-size-l .mat-icon,watt-icon.icon-size-l .watt-custom-icon{font-size:var(--watt-icon-size-l);line-height:var(--watt-icon-size-l);width:var(--watt-icon-size-l);height:var(--watt-icon-size-l)}watt-icon.icon-size-l .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}watt-icon.icon-size-xl .mat-icon,watt-icon.icon-size-xl .watt-custom-icon{font-size:var(--watt-icon-size-xl);line-height:var(--watt-icon-size-xl);width:var(--watt-icon-size-xl);height:var(--watt-icon-size-xl)}watt-icon.icon-size-xl .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 200,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-size-xxl .mat-icon,watt-icon.icon-size-xxl .watt-custom-icon{font-size:var(--watt-icon-size-xxl);line-height:var(--watt-icon-size-xxl);width:var(--watt-icon-size-xxl);height:var(--watt-icon-size-xxl)}watt-icon.icon-size-xxl .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 100,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-state-success .mat-icon{color:var(--watt-color-state-success)}watt-icon.icon-state-danger .mat-icon{color:var(--watt-color-state-danger)}watt-icon.icon-state-warning .mat-icon{color:var(--watt-color-state-warning)}watt-icon.icon-state-info .mat-icon{color:var(--watt-color-state-info)}.watt-custom-icon svg{width:100%;height:100%}\n"] }]
-        }] });
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9pY29uL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUM7O0FBeUJ0QyxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLDJDQUEyQztJQUMzQyxJQUFJLEdBQUcsS0FBSywwREFBWSxDQUFDO0lBRXpCLHFDQUFxQztJQUNyQyxLQUFLLEdBQUcsS0FBSywyREFBVSxDQUFDO0lBRXhCLHdCQUF3QjtJQUN4QixJQUFJLEdBQUcsS0FBSyxDQUFlLEdBQUcsZ0RBQUMsQ0FBQztJQUVoQyw4Q0FBOEM7SUFDOUMsS0FBSyxHQUFHLEtBQUssMkRBQWlCLENBQUM7SUFFL0IsSUFBSSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFDdkIsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQyxnREFBQyxDQUFDO0lBRUgsYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDNUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUMzQixJQUFJLEtBQUs7WUFBRSxPQUFPLEtBQUssQ0FBQztRQUN4QixRQUFRLElBQUksRUFBRSxDQUFDO1lBQ2IsS0FBSyxTQUFTLENBQUM7WUFDZixLQUFLLFFBQVEsQ0FBQztZQUNkLEtBQUssU0FBUyxDQUFDO1lBQ2YsS0FBSyxNQUFNO2dCQUNULE9BQU8sSUFBSSxDQUFDO1lBQ2Q7Z0JBQ0UsT0FBTyxTQUFTLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUMseURBQUMsQ0FBQztJQUVILFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLGVBQWUsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLHNEQUFDLENBQUM7dUdBbENoRixpQkFBaUI7MkZBQWpCLGlCQUFpQiw4bEJBWmxCOzs7Ozs7Ozs7O0dBVVQseXRGQWJTLE9BQU87OzJGQWVOLGlCQUFpQjtrQkFuQjdCLFNBQVM7c0NBQ1MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQixFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsV0FDMUIsQ0FBQyxPQUFPLENBQUMsWUFDUixXQUFXLFlBRVg7Ozs7Ozs7Ozs7R0FVVCIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBjb21wdXRlZCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgV2F0dEljb25NYXAgfSBmcm9tICcuL2ljb25zJztcblxuZXhwb3J0IHR5cGUgV2F0dEljb24gPSBrZXlvZiB0eXBlb2YgV2F0dEljb25NYXA7XG5leHBvcnQgdHlwZSBXYXR0SWNvblNpemUgPSAneHMnIHwgJ3MnIHwgJ20nIHwgJ2wnIHwgJ3hsJyB8ICd4eGwnO1xuZXhwb3J0IHR5cGUgV2F0dEljb25TdGF0ZSA9ICdkZWZhdWx0JyB8ICdzdWNjZXNzJyB8ICdkYW5nZXInIHwgJ3dhcm5pbmcnIHwgJ2luZm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHsgJ1tjbGFzc10nOiAnY2xhc3NOYW1lcygpJyB9LFxuICBpbXBvcnRzOiBbTWF0SWNvbl0sXG4gIHNlbGVjdG9yOiAnd2F0dC1pY29uJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoaWNvbigpKSB7XG4gICAgICA8bWF0LWljb24gYXJpYS1oaWRkZW49XCJmYWxzZVwiIFthdHRyLmFyaWEtbGFiZWxdPVwibGFiZWwoKVwiIGZvbnRTZXQ9XCJtYXRlcmlhbC1zeW1ib2xzLXNoYXJwXCI+XG4gICAgICAgIHt7IGljb24oKSB9fVxuICAgICAgPC9tYXQtaWNvbj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YXR0LWN1c3RvbS1pY29uXCI+XG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRJY29uQ29tcG9uZW50IHtcbiAgLyoqIE5hbWUgb2YgYW4gaWNvbiB3aXRoaW4gdGhlIGZvbnQgc2V0LiAqL1xuICBuYW1lID0gaW5wdXQ8V2F0dEljb24+KCk7XG5cbiAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBpY29uLiAqL1xuICBsYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcblxuICAvKiogU2l6ZSBvZiB0aGUgaWNvbi4gKi9cbiAgc2l6ZSA9IGlucHV0PFdhdHRJY29uU2l6ZT4oJ20nKTtcblxuICAvKiogQ29sb3IgdGhlIGljb24gdG8gbWF0Y2ggYSBjaG9zZW4gc3RhdGUuICovXG4gIHN0YXRlID0gaW5wdXQ8V2F0dEljb25TdGF0ZT4oKTtcblxuICBpY29uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IG5hbWUgPSB0aGlzLm5hbWUoKTtcbiAgICBpZiAoIW5hbWUpIHJldHVybiBudWxsO1xuICAgIHJldHVybiBXYXR0SWNvbk1hcFtuYW1lXTtcbiAgfSk7XG5cbiAgY29tcHV0ZWRTdGF0ZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBuYW1lID0gdGhpcy5uYW1lKCk7XG4gICAgY29uc3Qgc3RhdGUgPSB0aGlzLnN0YXRlKCk7XG4gICAgaWYgKHN0YXRlKSByZXR1cm4gc3RhdGU7XG4gICAgc3dpdGNoIChuYW1lKSB7XG4gICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGNhc2UgJ2Rhbmdlcic6XG4gICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICByZXR1cm4gbmFtZTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnZGVmYXVsdCc7XG4gICAgfVxuICB9KTtcblxuICBjbGFzc05hbWVzID0gY29tcHV0ZWQoKCkgPT4gYGljb24tc2l6ZS0ke3RoaXMuc2l6ZSgpfSBpY29uLXN0YXRlLSR7dGhpcy5jb21wdXRlZFN0YXRlKCl9YCk7XG59XG4iXX0=

package/esm2022/menu/watt-menu-group.component.js CHANGED Viewed

@@ -23,15 +23,15 @@ export class WattMenuGroupComponent {
      * The label for the menu group.
      */
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattMenuGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattMenuGroupComponent, isStandalone: true, selector: "watt-menu-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "watt-menu-group" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattMenuGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattMenuGroupComponent, isStandalone: true, selector: "watt-menu-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "watt-menu-group" }, ngImport: i0, template: `
     @if (label()) {
       <div class="watt-menu-group-heading watt-text-s-highlighted">{{ label() }}</div>
     }
     <ng-content />
   `, isInline: true, styles: [".watt-menu-group-heading{padding-block:var(--watt-menu-padding-block);padding-inline:var(--watt-menu-padding-inline)}.watt-menu-panel--has-icons .watt-menu-group-heading{padding-inline-start:calc(var(--watt-menu-padding-inline) + var(--watt-menu-icon-space))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattMenuGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattMenuGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-menu-group', template: `
     @if (label()) {
@@ -41,5 +41,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
   `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'watt-menu-group',
                     }, styles: [".watt-menu-group-heading{padding-block:var(--watt-menu-padding-block);padding-inline:var(--watt-menu-padding-inline)}.watt-menu-panel--has-icons .watt-menu-group-heading{padding-inline-start:calc(var(--watt-menu-padding-inline) + var(--watt-menu-icon-space))}\n"] }]
-        }] });
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tZW51LWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL21lbnUvd2F0dC1tZW51LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQTZCN0YsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQzs7T0FFRztJQUNILEtBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxpREFBQyxDQUFDO3VHQUpmLHNCQUFzQjsyRkFBdEIsc0JBQXNCLDRQQXpCdkI7Ozs7O0dBS1Q7OzJGQW9CVSxzQkFBc0I7a0JBM0JsQyxTQUFTOytCQUNFLGlCQUFpQixZQUNqQjs7Ozs7R0FLVCxpQkFjYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7cUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtbWVudS1ncm91cCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChsYWJlbCgpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwid2F0dC1tZW51LWdyb3VwLWhlYWRpbmcgd2F0dC10ZXh0LXMtaGlnaGxpZ2h0ZWRcIj57eyBsYWJlbCgpIH19PC9kaXY+XG4gICAgfVxuICAgIDxuZy1jb250ZW50IC8+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC53YXR0LW1lbnUtZ3JvdXAtaGVhZGluZyB7XG4gICAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXdhdHQtbWVudS1wYWRkaW5nLWJsb2NrKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXdhdHQtbWVudS1wYWRkaW5nLWlubGluZSk7XG5cbiAgICAgICAgLyogQWxpZ24gd2l0aCBtZW51IGl0ZW1zIHdoZW4gaWNvbnMgYXJlIHByZXNlbnQgKi9cbiAgICAgICAgLndhdHQtbWVudS1wYW5lbC0taGFzLWljb25zICYge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLXdhdHQtbWVudS1wYWRkaW5nLWlubGluZSkgKyB2YXIoLS13YXR0LW1lbnUtaWNvbi1zcGFjZSkpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3dhdHQtbWVudS1ncm91cCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRNZW51R3JvdXBDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIGxhYmVsIGZvciB0aGUgbWVudSBncm91cC5cbiAgICovXG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPignJyk7XG59XG4iXX0=