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

package/fesm2022/abgov-angular-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { forwardRef, Directive, HostListener, NgModule, CUSTOM_ELEMENTS_SCHEMA, Component, Input, booleanAttribute, EventEmitter, Output, TemplateRef } from '@angular/core';
+import { forwardRef, HostListener, Directive, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, booleanAttribute, EventEmitter, Output, numberAttribute, TemplateRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR, CheckboxControlValueAccessor } from '@angular/forms';
 import { NgTemplateOutlet, NgIf } from '@angular/common';
 export * from '@abgov/ui-components-common';
@@ -331,7 +331,7 @@ class GoabAccordion extends GoabBaseComponent {
         this.onChange.emit(detail.open);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAccordion, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabAccordion, isStandalone: true, selector: "goab-accordion", inputs: { heading: "heading", secondaryText: "secondaryText", open: "open", headingSize: "headingSize", headingContent: "headingContent", maxWidth: "maxWidth", iconPosition: "iconPosition" }, outputs: { onChange: "onChange" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabAccordion, isStandalone: true, selector: "goab-accordion", inputs: { heading: "heading", secondaryText: "secondaryText", open: ["open", "open", booleanAttribute], headingSize: "headingSize", headingContent: "headingContent", maxWidth: "maxWidth", iconPosition: "iconPosition" }, outputs: { onChange: "onChange" }, usesInheritance: true, ngImport: i0, template: `
     <goa-accordion
       [attr.heading]="heading"
       [attr.secondarytext]="secondaryText"
@@ -387,7 +387,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], secondaryText: [{
                 type: Input
             }], open: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], headingSize: [{
                 type: Input
             }], headingContent: [{
@@ -402,7 +403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 
 class GoabBadge extends GoabBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabBadge, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabBadge, isStandalone: true, selector: "goab-badge", inputs: { type: "type", content: "content", icon: "icon", ariaLabel: "ariaLabel" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabBadge, isStandalone: true, selector: "goab-badge", inputs: { type: "type", content: "content", icon: ["icon", "icon", booleanAttribute], ariaLabel: "ariaLabel" }, usesInheritance: true, ngImport: i0, template: `
     <goa-badge
       [attr.type]="type"
       [attr.icon]="icon"
@@ -438,7 +439,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], content: [{
                 type: Input
             }], icon: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], ariaLabel: [{
                 type: Input
             }] } });
@@ -500,7 +502,7 @@ class GoabButton extends GoabBaseComponent {
         this.onClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabButton, isStandalone: true, selector: "goab-button", inputs: { type: "type", size: "size", variant: "variant", disabled: "disabled", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", width: "width", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabButton, isStandalone: true, selector: "goab-button", inputs: { type: "type", size: "size", variant: "variant", disabled: ["disabled", "disabled", booleanAttribute], leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", width: "width", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
     <goa-button
       [attr.type]="type"
       [attr.size]="size"
@@ -559,7 +561,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], variant: [{
                 type: Input
             }], disabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], leadingIcon: [{
                 type: Input
             }], trailingIcon: [{
@@ -686,7 +689,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 
 class GoabCard extends GoabBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCard, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabCard, isStandalone: true, selector: "goab-card", inputs: { elevation: "elevation", width: "width" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabCard, isStandalone: true, selector: "goab-card", inputs: { elevation: ["elevation", "elevation", numberAttribute], width: "width" }, usesInheritance: true, ngImport: i0, template: `
     <goa-card
       [attr.elevation]="elevation"
       [attr.width]="width"
@@ -721,7 +724,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { elevation: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], width: [{
                 type: Input
             }] } });
@@ -825,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: "14.0.0", version: "18.0.3", type: GoabCheckbox, isStandalone: true, selector: "goab-checkbox", inputs: { name: "name", checked: "checked", 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,
@@ -841,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"
@@ -853,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,
@@ -870,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"
@@ -882,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: [
@@ -891,12 +903,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                             useExisting: forwardRef(() => GoabCheckbox),
                         },
                     ],
-                    imports: [NgTemplateOutlet],
+                    imports: [NgTemplateOutlet, NgIf],
                 }]
         }], propDecorators: { name: [{
                 type: Input
             }], checked: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], text: [{
                 type: Input
             }], value: [{
@@ -905,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: [{
@@ -921,7 +938,7 @@ class GoabChip extends GoabBaseComponent {
         this.onClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabChip, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabChip, isStandalone: true, selector: "goab-chip", inputs: { leadingIcon: "leadingIcon", error: "error", deletable: "deletable", content: "content", variant: "variant", iconTheme: "iconTheme" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `<goa-chip
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabChip, isStandalone: true, selector: "goab-chip", inputs: { leadingIcon: "leadingIcon", error: ["error", "error", booleanAttribute], deletable: ["deletable", "deletable", booleanAttribute], content: "content", variant: "variant", iconTheme: "iconTheme" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `<goa-chip
     [attr.leadingicon]="leadingIcon"
     [attr.variant]="variant"
     [attr.error]="error"
@@ -964,9 +981,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
         }], propDecorators: { leadingIcon: [{
                 type: Input
             }], error: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], deletable: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], content: [{
                 type: Input
             }], variant: [{
@@ -979,7 +998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 
 class GoabCircularProgress {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCircularProgress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabCircularProgress, isStandalone: true, selector: "goab-circular-progress", inputs: { variant: "variant", size: "size", message: "message", visible: "visible", progress: "progress", testId: "testId" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabCircularProgress, isStandalone: true, selector: "goab-circular-progress", inputs: { variant: "variant", size: "size", message: "message", visible: ["visible", "visible", booleanAttribute], progress: ["progress", "progress", numberAttribute], testId: "testId" }, ngImport: i0, template: `
     <goa-circular-progress
       [attr.variant]="variant"
       [attr.size]="size"
@@ -1007,7 +1026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
     >
     </goa-circular-progress>
   `,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { variant: [{
                 type: Input
@@ -1016,9 +1035,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], message: [{
                 type: Input
             }], visible: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], progress: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], testId: [{
                 type: Input
             }] } });
@@ -1159,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,
@@ -1173,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"
@@ -1195,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"
@@ -1220,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: [{
@@ -1231,7 +1256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 
 class GoabDetails extends GoabBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDetails, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDetails, isStandalone: true, selector: "goab-details", inputs: { heading: "heading", open: "open", maxWidth: "maxWidth" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabDetails, isStandalone: true, selector: "goab-details", inputs: { heading: "heading", open: ["open", "open", booleanAttribute], maxWidth: "maxWidth" }, usesInheritance: true, ngImport: i0, template: `
     <goa-details
       [attr.heading]="heading"
       [attr.testid]="testId"
@@ -1271,7 +1296,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input,
                 args: [{ required: true }]
             }], open: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], maxWidth: [{
                 type: Input
             }] } });
@@ -1324,7 +1350,7 @@ class GoabDrawer {
         return this.heading instanceof TemplateRef ? this.heading : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDrawer, isStandalone: true, selector: "goab-drawer", inputs: { open: "open", position: "position", heading: "heading", maxSize: "maxSize", testId: "testId", actions: "actions" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabDrawer, isStandalone: true, selector: "goab-drawer", inputs: { open: ["open", "open", booleanAttribute], position: "position", heading: "heading", maxSize: "maxSize", testId: "testId", actions: "actions" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
     <goa-drawer
       [open]="open"
       [attr.position]="position"
@@ -1371,7 +1397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 }]
         }], propDecorators: { open: [{
                 type: Input,
-                args: [{ required: true }]
+                args: [{ required: true, transform: booleanAttribute }]
             }], position: [{
                 type: Input,
                 args: [{ required: true }]
@@ -1400,7 +1426,7 @@ class GoabDropdown extends GoabControlValueAccessor {
         this.fcChange?.(detail.value || "");
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDropdown, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDropdown, isStandalone: true, selector: "goab-dropdown", inputs: { name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", filterable: "filterable", leadingIcon: "leadingIcon", maxHeight: "maxHeight", multiselect: "multiselect", native: "native", placeholder: "placeholder", width: "width", relative: "relative" }, outputs: { onChange: "onChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabDropdown, isStandalone: true, selector: "goab-dropdown", inputs: { name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", filterable: ["filterable", "filterable", booleanAttribute], leadingIcon: "leadingIcon", maxHeight: "maxHeight", multiselect: ["multiselect", "multiselect", booleanAttribute], native: ["native", "native", booleanAttribute], placeholder: "placeholder", width: "width", relative: "relative" }, outputs: { onChange: "onChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1482,15 +1508,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], ariaLabelledBy: [{
                 type: Input
             }], filterable: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], leadingIcon: [{
                 type: Input
             }], maxHeight: [{
                 type: Input
             }], multiselect: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], native: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], placeholder: [{
                 type: Input
             }], width: [{
@@ -1555,7 +1584,7 @@ class GoabFileUploadCard {
         this.onDelete.emit({ filename: this.filename });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFileUploadCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFileUploadCard, isStandalone: true, selector: "goab-file-upload-card", inputs: { filename: "filename", size: "size", type: "type", progress: "progress", error: "error", testId: "testId" }, outputs: { onCancel: "onCancel", onDelete: "onDelete" }, ngImport: i0, template: `<goa-file-upload-card
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabFileUploadCard, isStandalone: true, selector: "goab-file-upload-card", inputs: { filename: "filename", size: ["size", "size", numberAttribute], type: "type", progress: ["progress", "progress", numberAttribute], error: "error", testId: "testId" }, outputs: { onCancel: "onCancel", onDelete: "onDelete" }, ngImport: i0, template: `<goa-file-upload-card
     [attr.filename]="filename"
     [attr.size]="size"
     [attr.type]="type"
@@ -1583,17 +1612,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
     (_delete)="_onDelete()"
   >
   </goa-file-upload-card>`,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { filename: [{
                 type: Input,
                 args: [{ required: true }]
             }], size: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], type: [{
                 type: Input
             }], progress: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], error: [{
                 type: Input
             }], testId: [{
@@ -1673,7 +1704,7 @@ class GoabFilterChip extends GoabBaseComponent {
         this.onClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFilterChip, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFilterChip, isStandalone: true, selector: "goab-filter-chip", inputs: { error: "error", deletable: "deletable", content: "content", iconTheme: "iconTheme" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `<goa-filter-chip
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabFilterChip, isStandalone: true, selector: "goab-filter-chip", inputs: { error: ["error", "error", booleanAttribute], deletable: ["deletable", "deletable", booleanAttribute], content: "content", iconTheme: "iconTheme" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `<goa-filter-chip
     [attr.error]="error"
     [attr.icontheme]="iconTheme"
     [attr.content]="content"
@@ -1708,9 +1739,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { error: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], deletable: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], content: [{
                 type: Input
             }], iconTheme: [{
@@ -1826,8 +1859,7 @@ class GoabPublicForm {
         this.onStateChange = new EventEmitter();
     }
     _onInit(e) {
-        const detail = e.detail;
-        this.onInit.emit(detail);
+        this.onInit.emit(e);
     }
     _onComplete(e) {
         const detail = e.detail;
@@ -1912,11 +1944,10 @@ class GoabPublicFormPage extends GoabBaseComponent {
         this.onComplete = new EventEmitter();
     }
     _onContinue(event) {
-        const detail = event.detail;
-        this.onContinue.emit(detail);
+        this.onContinue.emit(event);
     }
-    _onBack() {
-        this.onBack.emit();
+    _onBack(event) {
+        this.onBack.emit(event);
     }
     _onFieldsetChange(event) {
         const detail = event.detail;
@@ -1945,7 +1976,7 @@ class GoabPublicFormPage extends GoabBaseComponent {
      [attr.mb]="mb"
      [attr.ml]="ml"
      (_continue)="_onContinue($event)"
-     (_back)="_onBack()"
+     (_back)="_onBack($event)"
      (_fieldsetChange)="_onFieldsetChange($event)"
      (_complete)="_onComplete($event)"
    >
@@ -1976,7 +2007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
      [attr.mb]="mb"
      [attr.ml]="ml"
      (_continue)="_onContinue($event)"
-     (_back)="_onBack()"
+     (_back)="_onBack($event)"
      (_fieldsetChange)="_onFieldsetChange($event)"
      (_complete)="_onComplete($event)"
    >
@@ -2322,7 +2353,7 @@ class GoabAppHeader {
         this.onMenuClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabAppHeader, isStandalone: true, selector: "goab-app-header", inputs: { url: "url", heading: "heading", maxContentWidth: "maxContentWidth", testId: "testId", fullMenuBreakpoint: "fullMenuBreakpoint" }, outputs: { onMenuClick: "onMenuClick" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabAppHeader, isStandalone: true, selector: "goab-app-header", inputs: { url: "url", heading: "heading", maxContentWidth: "maxContentWidth", testId: "testId", fullMenuBreakpoint: ["fullMenuBreakpoint", "fullMenuBreakpoint", numberAttribute] }, outputs: { onMenuClick: "onMenuClick" }, ngImport: i0, template: `
     <goa-app-header
       [attr.url]="url"
       [attr.heading]="heading"
@@ -2365,7 +2396,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], testId: [{
                 type: Input
             }], fullMenuBreakpoint: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], onMenuClick: [{
                 type: Output
             }] } });
@@ -2474,7 +2506,7 @@ class GoabIcon extends GoabBaseComponent {
         this.theme = "outline";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIcon, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabIcon, isStandalone: true, selector: "goab-icon", inputs: { type: "type", size: "size", theme: "theme", inverted: "inverted", fillColor: "fillColor", opacity: "opacity", title: "title", ariaLabel: "ariaLabel" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabIcon, isStandalone: true, selector: "goab-icon", inputs: { type: "type", size: "size", theme: "theme", inverted: ["inverted", "inverted", booleanAttribute], fillColor: "fillColor", opacity: ["opacity", "opacity", numberAttribute], title: "title", ariaLabel: "ariaLabel" }, usesInheritance: true, ngImport: i0, template: `
     <goa-icon
       [attr.type]="type"
       [attr.theme]="theme"
@@ -2526,11 +2558,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], theme: [{
                 type: Input
             }], inverted: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], fillColor: [{
                 type: Input
             }], opacity: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], title: [{
                 type: Input
             }], ariaLabel: [{
@@ -2548,7 +2582,7 @@ class GoabIconButton extends GoabBaseComponent {
         this.onClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIconButton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabIconButton, isStandalone: true, selector: "goab-icon-button", inputs: { icon: "icon", size: "size", variant: "variant", title: "title", disabled: "disabled", ariaLabel: "ariaLabel", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabIconButton, isStandalone: true, selector: "goab-icon-button", inputs: { icon: "icon", size: "size", variant: "variant", title: "title", disabled: ["disabled", "disabled", booleanAttribute], ariaLabel: "ariaLabel", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
     <goa-icon-button
       [attr.icon]="icon"
       [disabled]="disabled"
@@ -2608,7 +2642,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], title: [{
                 type: Input
             }], disabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], ariaLabel: [{
                 type: Input
             }], action: [{
@@ -2625,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();
@@ -2665,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: "14.0.0", version: "18.0.3", type: GoabInput, isStandalone: true, selector: "goab-input", inputs: { type: "type", name: "name", debounce: "debounce", autoCapitalize: "autoCapitalize", placeholder: "placeholder", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", variant: "variant", focused: "focused", readonly: "readonly", width: "width", prefix: "prefix", suffix: "suffix", ariaLabel: "ariaLabel", maxLength: "maxLength", min: "min", max: "max", step: "step", 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,
@@ -2702,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)"
@@ -2749,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)"
@@ -2773,7 +2811,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], name: [{
                 type: Input
             }], debounce: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], autoCapitalize: [{
                 type: Input
             }], placeholder: [{
@@ -2785,9 +2824,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], variant: [{
                 type: Input
             }], focused: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], readonly: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], width: [{
                 type: Input
             }], prefix: [{
@@ -2797,17 +2838,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], ariaLabel: [{
                 type: Input
             }], maxLength: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], min: [{
                 type: Input
             }], max: [{
                 type: Input
             }], step: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], ariaLabelledBy: [{
                 type: Input
             }], trailingIconAriaLabel: [{
                 type: Input
+            }], textAlign: [{
+                type: Input
             }], onTrailingIconClick: [{
                 type: Output
             }], onFocus: [{
@@ -2823,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();
@@ -2889,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: "14.0.0", version: "18.0.3", type: GoabInputNumber, isStandalone: true, selector: "goab-input-number", inputs: { type: "type", name: "name", id: "id", debounce: "debounce", disabled: "disabled", autoCapitalize: "autoCapitalize", placeholder: "placeholder", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", variant: "variant", focused: "focused", readonly: "readonly", error: "error", width: "width", prefix: "prefix", suffix: "suffix", testId: "testId", ariaLabel: "ariaLabel", maxLength: "maxLength", min: "min", max: "max", step: "step", 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,
@@ -2927,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)"
@@ -2974,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)"
@@ -3001,9 +3049,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], id: [{
                 type: Input
             }], debounce: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], disabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], autoCapitalize: [{
                 type: Input
             }], placeholder: [{
@@ -3015,11 +3065,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], variant: [{
                 type: Input
             }], focused: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], readonly: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], error: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], width: [{
                 type: Input
             }], prefix: [{
@@ -3031,13 +3084,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], ariaLabel: [{
                 type: Input
             }], maxLength: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], min: [{
                 type: Input
             }], max: [{
                 type: Input
             }], step: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], ariaLabelledBy: [{
                 type: Input
             }], mt: [{
@@ -3050,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: [{
@@ -3226,7 +3283,7 @@ class GoabModal {
         this.onClose.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabModal, isStandalone: true, selector: "goab-modal", inputs: { calloutVariant: "calloutVariant", open: "open", maxWidth: "maxWidth", closable: "closable", transition: "transition", testId: "testId", role: "role", heading: "heading", actions: "actions" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabModal, isStandalone: true, selector: "goab-modal", inputs: { calloutVariant: "calloutVariant", open: ["open", "open", booleanAttribute], maxWidth: "maxWidth", closable: "closable", transition: "transition", testId: "testId", role: "role", heading: "heading", actions: "actions" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
     <goa-modal
       [attr.calloutvariant]="calloutVariant"
       [attr.open]="open"
@@ -3284,7 +3341,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
         }], propDecorators: { calloutVariant: [{
                 type: Input
             }], open: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], maxWidth: [{
                 type: Input
             }], closable: [{
@@ -3356,7 +3414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 
 class GoabPages extends GoabBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPages, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabPages, isStandalone: true, selector: "goab-pages", inputs: { current: "current" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabPages, isStandalone: true, selector: "goab-pages", inputs: { current: ["current", "current", numberAttribute] }, usesInheritance: true, ngImport: i0, template: `
     <goa-pages
       [attr.current]="current"
       [attr.mt]="mt"
@@ -3387,7 +3445,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { current: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }] } });
 
 class GoabPagination extends GoabBaseComponent {
@@ -3616,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: "14.0.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", checked: "checked", error: "error", 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"
@@ -3636,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,
@@ -3651,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"
@@ -3664,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: [{
@@ -3677,14 +3750,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }], description: [{
                 type: Input
+            }], reveal: [{
+                type: Input
             }], ariaLabel: [{
                 type: Input
-            }], disabled: [{
+            }], revealAriaLabel: [{
                 type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], checked: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], error: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], maxWidth: [{
                 type: Input
             }] } });
@@ -3797,7 +3877,7 @@ class GoabSkeleton extends GoabBaseComponent {
         this.maxWidth = "300px";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSkeleton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabSkeleton, isStandalone: true, selector: "goab-skeleton", inputs: { type: "type", maxWidth: "maxWidth", size: "size", lineCount: "lineCount" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabSkeleton, isStandalone: true, selector: "goab-skeleton", inputs: { type: "type", maxWidth: "maxWidth", size: "size", lineCount: ["lineCount", "lineCount", numberAttribute] }, usesInheritance: true, ngImport: i0, template: `
     <goa-skeleton
       [attr.maxwidth]="maxWidth"
       [attr.size]="size"
@@ -3841,7 +3921,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], size: [{
                 type: Input
             }], lineCount: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }] } });
 
 class GoabSpacer {
@@ -4021,12 +4102,11 @@ class GoabTabs {
         this.onChange.emit(detail);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabTabs, isStandalone: true, selector: "goab-tabs", inputs: { initialTab: "initialTab", testId: "testId" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabTabs, isStandalone: true, selector: "goab-tabs", inputs: { initialTab: ["initialTab", "initialTab", numberAttribute], testId: "testId" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
     <goa-tabs
       [attr.initialtab]="initialTab"
       [attr.testid]="testId"
       (_change)="_onChange($event)"
-
     >
       <ng-content />
     </goa-tabs>
@@ -4042,15 +4122,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
       [attr.initialtab]="initialTab"
       [attr.testid]="testId"
       (_change)="_onChange($event)"
-
     >
       <ng-content />
     </goa-tabs>
   `,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], propDecorators: { initialTab: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], testId: [{
                 type: Input
             }], onChange: [{
@@ -4131,7 +4211,7 @@ class GoabTextArea extends GoabControlValueAccessor {
         this.onKeyPress.emit(detail);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabTextArea, isStandalone: true, selector: "goab-textarea", inputs: { name: "name", placeholder: "placeholder", rows: "rows", readOnly: "readOnly", width: "width", ariaLabel: "ariaLabel", countBy: "countBy", maxCount: "maxCount", maxWidth: "maxWidth" }, outputs: { onChange: "onChange", onKeyPress: "onKeyPress" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabTextArea, isStandalone: true, selector: "goab-textarea", inputs: { name: "name", placeholder: "placeholder", rows: ["rows", "rows", numberAttribute], readOnly: ["readOnly", "readOnly", booleanAttribute], width: "width", ariaLabel: "ariaLabel", countBy: "countBy", maxCount: "maxCount", maxWidth: "maxWidth" }, outputs: { onChange: "onChange", onKeyPress: "onKeyPress" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -4205,9 +4285,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], placeholder: [{
                 type: Input
             }], rows: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], readOnly: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], width: [{
                 type: Input
             }], ariaLabel: [{