@abgov/angular-components 4.5.0-alpha.2 → 4.5.0-alpha.3

package/fesm2022/abgov-angular-components.mjs

@@ -829,7 +829,7 @@ class GoabCheckbox extends GoabControlValueAccessor {
         this.fcChange?.(detail.binding === "check" ? detail.checked : detail.value || "");
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabCheckbox, isStandalone: true, selector: "goab-checkbox", inputs: { name: "name", checked: ["checked", "checked", booleanAttribute], text: "text", value: "value", ariaLabel: "ariaLabel", description: "description", maxWidth: "maxWidth" }, outputs: { onChange: "onChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabCheckbox, isStandalone: true, selector: "goab-checkbox", inputs: { name: "name", checked: ["checked", "checked", booleanAttribute], text: "text", value: "value", ariaLabel: "ariaLabel", description: "description", reveal: "reveal", revealArialLabel: "revealArialLabel", maxWidth: "maxWidth" }, outputs: { onChange: "onChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -845,6 +845,7 @@ class GoabCheckbox extends GoabControlValueAccessor {
     [attr.testid]="testId"
     [attr.arialabel]="ariaLabel"
     [attr.description]="getDescriptionAsString()"
+    [attr.revealarialabel]="revealArialLabel"
     [id]="id"
     [attr.maxwidth]="maxWidth"
     [attr.mt]="mt"
@@ -857,7 +858,10 @@ class GoabCheckbox extends GoabControlValueAccessor {
     <div slot="description">
       <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
     </div>
-  </goa-checkbox>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    <div slot="reveal">
+      <ng-container *ngIf="reveal" [ngTemplateOutlet]="reveal"></ng-container>
+    </div>
+  </goa-checkbox>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCheckbox, decorators: [{
             type: Component,
@@ -874,6 +878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
     [attr.testid]="testId"
     [attr.arialabel]="ariaLabel"
     [attr.description]="getDescriptionAsString()"
+    [attr.revealarialabel]="revealArialLabel"
     [id]="id"
     [attr.maxwidth]="maxWidth"
     [attr.mt]="mt"
@@ -886,6 +891,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
     <div slot="description">
       <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
     </div>
+    <div slot="reveal">
+      <ng-container *ngIf="reveal" [ngTemplateOutlet]="reveal"></ng-container>
+    </div>
   </goa-checkbox>`,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     providers: [
@@ -895,7 +903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                             useExisting: forwardRef(() => GoabCheckbox),
                         },
                     ],
-                    imports: [NgTemplateOutlet],
+                    imports: [NgTemplateOutlet, NgIf],
                 }]
         }], propDecorators: { name: [{
                 type: Input
@@ -910,6 +918,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }], description: [{
                 type: Input
+            }], reveal: [{
+                type: Input
+            }], revealArialLabel: [{
+                type: Input
             }], maxWidth: [{
                 type: Input
             }], onChange: [{
@@ -1168,7 +1180,7 @@ class GoabDatePicker extends GoabControlValueAccessor {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDatePicker, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDatePicker, isStandalone: true, selector: "goab-date-picker", inputs: { name: "name", value: "value", min: "min", max: "max", relative: "relative" }, outputs: { onChange: "onChange" }, host: { listeners: { "disabledChange": "listenDisabledChange($event.detail.disabled)" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDatePicker, isStandalone: true, selector: "goab-date-picker", inputs: { name: "name", value: "value", min: "min", max: "max", type: "type", relative: "relative" }, outputs: { onChange: "onChange" }, host: { listeners: { "disabledChange": "listenDisabledChange($event.detail.disabled)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1182,6 +1194,7 @@ class GoabDatePicker extends GoabControlValueAccessor {
     [attr.error]="error"
     [attr.disabled]="disabled"
     [attr.relative]="relative"
+    [attr.type]="type"
     [attr.testid]="testId"
     [attr.mt]="mt"
     [attr.mb]="mb"
@@ -1204,6 +1217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
     [attr.error]="error"
     [attr.disabled]="disabled"
     [attr.relative]="relative"
+    [attr.type]="type"
     [attr.testid]="testId"
     [attr.mt]="mt"
     [attr.mb]="mb"
@@ -1229,6 +1243,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }], max: [{
                 type: Input
+            }], type: [{
+                type: Input
             }], relative: [{
                 type: Input
             }], onChange: [{
@@ -2644,6 +2660,7 @@ class GoabInput extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.type = "text";
+        this.textAlign = "left";
         this.onTrailingIconClick = new EventEmitter();
         this.onFocus = new EventEmitter();
         this.onBlur = new EventEmitter();
@@ -2684,7 +2701,7 @@ class GoabInput extends GoabControlValueAccessor {
         this.onBlur.emit(detail);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabInput, isStandalone: true, selector: "goab-input", inputs: { type: "type", name: "name", debounce: ["debounce", "debounce", numberAttribute], autoCapitalize: "autoCapitalize", placeholder: "placeholder", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", variant: "variant", focused: ["focused", "focused", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], width: "width", prefix: "prefix", suffix: "suffix", ariaLabel: "ariaLabel", maxLength: ["maxLength", "maxLength", numberAttribute], min: "min", max: "max", step: ["step", "step", numberAttribute], ariaLabelledBy: "ariaLabelledBy", trailingIconAriaLabel: "trailingIconAriaLabel" }, outputs: { onTrailingIconClick: "onTrailingIconClick", onFocus: "onFocus", onBlur: "onBlur", onKeyPress: "onKeyPress", onChange: "onChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabInput, isStandalone: true, selector: "goab-input", inputs: { type: "type", name: "name", debounce: ["debounce", "debounce", numberAttribute], autoCapitalize: "autoCapitalize", placeholder: "placeholder", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", variant: "variant", focused: ["focused", "focused", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], width: "width", prefix: "prefix", suffix: "suffix", ariaLabel: "ariaLabel", maxLength: ["maxLength", "maxLength", numberAttribute], min: "min", max: "max", step: ["step", "step", numberAttribute], ariaLabelledBy: "ariaLabelledBy", trailingIconAriaLabel: "trailingIconAriaLabel", textAlign: "textAlign" }, outputs: { onTrailingIconClick: "onTrailingIconClick", onFocus: "onFocus", onBlur: "onBlur", onKeyPress: "onKeyPress", onChange: "onChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -2721,6 +2738,7 @@ class GoabInput extends GoabControlValueAccessor {
       [attr.mb]="mb"
       [attr.ml]="ml"
       [attr.handletrailingiconclick]="!!_onTrailingIconClick"
+      [attr.textalign]="textAlign"
       (_trailingIconClick)="_onTrailingIconClick($event)"
       (_change)="_onChange($event)"
       (_focus)="_onFocus($event)"
@@ -2768,6 +2786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
       [attr.mb]="mb"
       [attr.ml]="ml"
       [attr.handletrailingiconclick]="!!_onTrailingIconClick"
+      [attr.textalign]="textAlign"
       (_trailingIconClick)="_onTrailingIconClick($event)"
       (_change)="_onChange($event)"
       (_focus)="_onFocus($event)"
@@ -2832,6 +2851,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }], trailingIconAriaLabel: [{
                 type: Input
+            }], textAlign: [{
+                type: Input
             }], onTrailingIconClick: [{
                 type: Output
             }], onFocus: [{
@@ -2847,6 +2868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 class GoabInputNumber {
     constructor() {
         this.type = "number";
+        this.textAlign = "right"; // Default to right for numbers
         this.value = null;
         this.onTrailingIconClick = new EventEmitter(); // Keep void type
         this.onFocus = new EventEmitter();
@@ -2913,7 +2935,7 @@ class GoabInputNumber {
         this.disabled = isDisabled;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabInputNumber, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabInputNumber, isStandalone: true, selector: "goab-input-number", inputs: { type: "type", name: "name", id: "id", debounce: ["debounce", "debounce", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute], autoCapitalize: "autoCapitalize", placeholder: "placeholder", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", variant: "variant", focused: ["focused", "focused", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], error: ["error", "error", booleanAttribute], width: "width", prefix: "prefix", suffix: "suffix", testId: "testId", ariaLabel: "ariaLabel", maxLength: ["maxLength", "maxLength", numberAttribute], min: "min", max: "max", step: ["step", "step", numberAttribute], ariaLabelledBy: "ariaLabelledBy", mt: "mt", mr: "mr", mb: "mb", ml: "ml", trailingIconAriaLabel: "trailingIconAriaLabel", value: "value" }, outputs: { onTrailingIconClick: "onTrailingIconClick", onFocus: "onFocus", onBlur: "onBlur", onKeyPress: "onKeyPress", onChange: "onChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabInputNumber, isStandalone: true, selector: "goab-input-number", inputs: { type: "type", name: "name", id: "id", debounce: ["debounce", "debounce", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute], autoCapitalize: "autoCapitalize", placeholder: "placeholder", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", variant: "variant", focused: ["focused", "focused", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], error: ["error", "error", booleanAttribute], width: "width", prefix: "prefix", suffix: "suffix", testId: "testId", ariaLabel: "ariaLabel", maxLength: ["maxLength", "maxLength", numberAttribute], min: "min", max: "max", step: ["step", "step", numberAttribute], ariaLabelledBy: "ariaLabelledBy", mt: "mt", mr: "mr", mb: "mb", ml: "ml", trailingIconAriaLabel: "trailingIconAriaLabel", textAlign: "textAlign", value: "value" }, outputs: { onTrailingIconClick: "onTrailingIconClick", onFocus: "onFocus", onBlur: "onBlur", onKeyPress: "onKeyPress", onChange: "onChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -2951,6 +2973,7 @@ class GoabInputNumber {
       [attr.mb]="mb"
       [attr.ml]="ml"
       [attr.handletrailingiconclick]="handleTrailingIconClick"
+      [attr.textalign]="textAlign"
       (_trailingIconClick)="_onTrailingIconClick($event)"
       (_change)="_onChange($event)"
       (_focus)="_onFocus($event)"
@@ -2998,6 +3021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
       [attr.mb]="mb"
       [attr.ml]="ml"
       [attr.handletrailingiconclick]="handleTrailingIconClick"
+      [attr.textalign]="textAlign"
       (_trailingIconClick)="_onTrailingIconClick($event)"
       (_change)="_onChange($event)"
       (_focus)="_onFocus($event)"
@@ -3081,6 +3105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }], trailingIconAriaLabel: [{
                 type: Input
+            }], textAlign: [{
+                type: Input
             }], value: [{
                 type: Input
             }], onTrailingIconClick: [{
@@ -3649,13 +3675,14 @@ class GoabRadioItem extends GoabBaseComponent {
         return this.description instanceof TemplateRef ? this.description : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioItem, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabRadioItem, isStandalone: true, selector: "goab-radio-item", inputs: { value: "value", label: "label", name: "name", description: "description", ariaLabel: "ariaLabel", disabled: ["disabled", "disabled", booleanAttribute], checked: ["checked", "checked", booleanAttribute], error: ["error", "error", booleanAttribute], maxWidth: "maxWidth" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabRadioItem, isStandalone: true, selector: "goab-radio-item", inputs: { value: "value", label: "label", name: "name", description: "description", reveal: "reveal", ariaLabel: "ariaLabel", revealAriaLabel: "revealAriaLabel", disabled: ["disabled", "disabled", booleanAttribute], checked: ["checked", "checked", booleanAttribute], error: ["error", "error", booleanAttribute], maxWidth: "maxWidth" }, usesInheritance: true, ngImport: i0, template: `
     <goa-radio-item
       [attr.name]="name"
       [attr.value]="value"
       [attr.label]="label"
       [attr.description]="getDescriptionAsString()"
       [attr.arialabel]="ariaLabel"
+      [attr.revealarialabel]="revealAriaLabel"
       [disabled]="disabled"
       [attr.maxwidth]="maxWidth"
       [attr.checked]="checked"
@@ -3669,8 +3696,14 @@ class GoabRadioItem extends GoabBaseComponent {
       <div slot="description">
         <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
       </div>
+      <div slot="reveal">
+        <ng-container
+          *ngIf="this.reveal"
+          [ngTemplateOutlet]="reveal"
+        ></ng-container>
+      </div>
     </goa-radio-item>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioItem, decorators: [{
             type: Component,
@@ -3684,6 +3717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
       [attr.label]="label"
       [attr.description]="getDescriptionAsString()"
       [attr.arialabel]="ariaLabel"
+      [attr.revealarialabel]="revealAriaLabel"
       [disabled]="disabled"
       [attr.maxwidth]="maxWidth"
       [attr.checked]="checked"
@@ -3697,9 +3731,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
       <div slot="description">
         <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
       </div>
+      <div slot="reveal">
+        <ng-container
+          *ngIf="this.reveal"
+          [ngTemplateOutlet]="reveal"
+        ></ng-container>
+      </div>
     </goa-radio-item>
   `,
-                    imports: [NgTemplateOutlet],
+                    imports: [NgTemplateOutlet, NgIf],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { value: [{
@@ -3710,8 +3750,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }], description: [{
                 type: Input
+            }], reveal: [{
+                type: Input
             }], ariaLabel: [{
                 type: Input
+            }], revealAriaLabel: [{
+                type: Input
             }], disabled: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]