@abgov/angular-components 3.2.2 → 4.0.0-alpha.1

package/fesm2022/abgov-angular-components.mjs

@@ -1,7 +1,9 @@
 import * as i0 from '@angular/core';
-import { forwardRef, Directive, HostListener, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { forwardRef, Directive, HostListener, NgModule, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Component, Input, Output, TemplateRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR, CheckboxControlValueAccessor } from '@angular/forms';
+import { NgTemplateOutlet } from '@angular/common';
 
+// @deprecated: Use the new <goab-input .. /> component
 class ValueDirective {
     get value() {
         return this._value;
@@ -39,14 +41,14 @@ class ValueDirective {
     listenForDisabledChange(isDisabled) {
         this.setDisabledState(isDisabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValueDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: ValueDirective, selector: "[goaValue]", host: { listeners: { "_change": "listenForValueChange($event.detail.value)", "disabledChange": "listenForDisabledChange($event.detail.disabled)" } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ValueDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ValueDirective, selector: "[goaValue]", host: { listeners: { "_change": "listenForValueChange($event.detail.value)", "disabledChange": "listenForDisabledChange($event.detail.disabled)" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ValueDirective),
                 multi: true,
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[goaValue]", providers: [{
@@ -108,14 +110,14 @@ class ValueListDirective {
         this.onChange(value);
         this.onTouched();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValueListDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: ValueListDirective, selector: "[goaValueList]", host: { listeners: { "_change": "listenForValueChange($event.detail.value)" } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ValueListDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ValueListDirective, selector: "[goaValueList]", host: { listeners: { "_change": "listenForValueChange($event.detail.value)" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ValueListDirective),
                 multi: true,
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValueListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ValueListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[goaValueList]",
@@ -130,6 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ["_change", ["$event.detail.value"]]
             }] } });
 
+// @deprecated: Use the new <goab-checkbox .. /> component
 class CheckedDirective extends CheckboxControlValueAccessor {
     constructor(renderer, elementRef) {
         super(renderer, elementRef);
@@ -161,8 +164,8 @@ class CheckedDirective extends CheckboxControlValueAccessor {
     listenForValueChange(checked) {
         this.value = checked;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CheckedDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: CheckedDirective, selector: "[goaChecked]", host: { listeners: { "_change": "listenForValueChange($event.detail.checked)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckedDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: CheckedDirective, selector: "[goaChecked]", host: { listeners: { "_change": "listenForValueChange($event.detail.checked)" } }, providers: [
             {
                 useExisting: forwardRef(() => CheckedDirective),
                 provide: NG_VALUE_ACCESSOR,
@@ -170,7 +173,7 @@ class CheckedDirective extends CheckboxControlValueAccessor {
             },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CheckedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[goaChecked]",
@@ -188,11 +191,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             }] } });
 
 class AngularComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: AngularComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: AngularComponentsModule, declarations: [ValueDirective, ValueListDirective, CheckedDirective], exports: [ValueDirective, ValueListDirective, CheckedDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: AngularComponentsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AngularComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: AngularComponentsModule, declarations: [ValueDirective, ValueListDirective, CheckedDirective], exports: [ValueDirective, ValueListDirective, CheckedDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AngularComponentsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: AngularComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AngularComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ValueDirective, ValueListDirective, CheckedDirective],
@@ -201,6 +204,3548 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }] });
 
+class GoabAccordion {
+    constructor() {
+        this.onChange = new EventEmitter();
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail.open);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAccordion, deps: [], 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", testId: "testId", open: "open", headingSize: "headingSize", headingContent: "headingContent", maxWidth: "maxWidth", iconPosition: "iconPosition", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+    <goa-accordion
+      [attr.heading]="heading"
+      [attr.secondarytext]="secondaryText"
+      [attr.open]="open"
+      [attr.headingsize]="headingSize"
+      [attr.maxwidth]="maxWidth"
+      [attr.testid]="testId"
+      [attr.iconposition]="iconPosition"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <div slot="headingcontent">
+        <ng-container [ngTemplateOutlet]="headingContent"></ng-container>
+      </div>
+      <ng-content></ng-content>
+    </goa-accordion>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-accordion",
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <goa-accordion
+      [attr.heading]="heading"
+      [attr.secondarytext]="secondaryText"
+      [attr.open]="open"
+      [attr.headingsize]="headingSize"
+      [attr.maxwidth]="maxWidth"
+      [attr.testid]="testId"
+      [attr.iconposition]="iconPosition"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <div slot="headingcontent">
+        <ng-container [ngTemplateOutlet]="headingContent"></ng-container>
+      </div>
+      <ng-content></ng-content>
+    </goa-accordion>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { heading: [{
+                type: Input
+            }], secondaryText: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], headingSize: [{
+                type: Input
+            }], headingContent: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabBadge {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabBadge, deps: [], 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", testId: "testId", icon: "icon", ariaLabel: "ariaLabel", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-badge
+      [attr.type]="type"
+      [attr.icon]="icon"
+      [attr.arialabel]="ariaLabel"
+      [attr.content]="content"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+    </goa-badge>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabBadge, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-badge",
+                    template: `
+    <goa-badge
+      [attr.type]="type"
+      [attr.icon]="icon"
+      [attr.arialabel]="ariaLabel"
+      [attr.content]="content"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+    </goa-badge>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabBlock {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabBlock, isStandalone: true, selector: "goab-block", inputs: { gap: "gap", direction: "direction", alignment: "alignment", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-block
+      [attr.gap]="gap"
+      [attr.direction]="direction"
+      [attr.alignment]="alignment"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-block>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabBlock, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-block",
+                    template: `
+    <goa-block
+      [attr.gap]="gap"
+      [attr.direction]="direction"
+      [attr.alignment]="alignment"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-block>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { gap: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], alignment: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabButton {
+    constructor() {
+        this.type = "primary";
+        this.onClick = new EventEmitter();
+    }
+    _onClick() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButton, deps: [], 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", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <goa-button
+      [attr.type]="type"
+      [attr.size]="size"
+      [attr.variant]="variant"
+      [disabled]="disabled"
+      [attr.leadingicon]="leadingIcon"
+      [attr.trailingicon]="trailingIcon"
+      [attr.width]="width"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_click)="_onClick()"
+    >
+      <ng-content />
+    </goa-button>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButton, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-button",
+                    template: `
+    <goa-button
+      [attr.type]="type"
+      [attr.size]="size"
+      [attr.variant]="variant"
+      [disabled]="disabled"
+      [attr.leadingicon]="leadingIcon"
+      [attr.trailingicon]="trailingIcon"
+      [attr.width]="width"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_click)="_onClick()"
+    >
+      <ng-content />
+    </goa-button>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], leadingIcon: [{
+                type: Input
+            }], trailingIcon: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class GoabButtonGroup {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabButtonGroup, isStandalone: true, selector: "goab-button-group", inputs: { alignment: "alignment", gap: "gap", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-button-group
+      [attr.alignment]="alignment"
+      [attr.gap]="gap"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-button-group>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButtonGroup, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-button-group",
+                    template: `
+    <goa-button-group
+      [attr.alignment]="alignment"
+      [attr.gap]="gap"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-button-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { alignment: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabCallout {
+    constructor() {
+        this.type = "information";
+        this.heading = "";
+        this.size = "large";
+        this.ariaLive = "off";
+        this.iconTheme = "outline";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCallout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabCallout, isStandalone: true, selector: "goab-callout", inputs: { type: "type", heading: "heading", size: "size", maxWidth: "maxWidth", ariaLive: "ariaLive", iconTheme: "iconTheme", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-callout
+      [attr.type]="type"
+      [attr.heading]="heading"
+      [attr.size]="size"
+      [attr.maxwidth]="maxWidth"
+      [attr.arialive]="ariaLive"
+      [attr.icontheme]="iconTheme"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-callout>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCallout, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-callout",
+                    template: `
+    <goa-callout
+      [attr.type]="type"
+      [attr.heading]="heading"
+      [attr.size]="size"
+      [attr.maxwidth]="maxWidth"
+      [attr.arialive]="ariaLive"
+      [attr.icontheme]="iconTheme"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-callout>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], iconTheme: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabCard {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCard, deps: [], 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", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-card
+      [attr.elevation]="elevation"
+      [attr.width]="width"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-card>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCard, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-card",
+                    template: `
+    <goa-card
+      [attr.elevation]="elevation"
+      [attr.width]="width"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-card>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { elevation: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabCardContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabCardContent, isStandalone: true, selector: "goab-card-content", ngImport: i0, template: `
+    <goa-card-content>
+      <ng-content />
+    </goa-card-content>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCardContent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-card-content",
+                    template: `
+    <goa-card-content>
+      <ng-content />
+    </goa-card-content>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+class GoabCardActions {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCardActions, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabCardActions, isStandalone: true, selector: "goab-card-actions", ngImport: i0, template: `
+    <goa-card-actions>
+      <ng-content />
+    </goa-card-actions>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCardActions, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-card-actions",
+                    template: `
+    <goa-card-actions>
+      <ng-content />
+    </goa-card-actions>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+class GoabCardImage {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCardImage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabCardImage, isStandalone: true, selector: "goab-card-image", inputs: { src: "src", height: "height" }, ngImport: i0, template: `
+    <goa-card-image
+      [attr.src]="src"
+      [attr.height]="height"
+    >
+      <ng-content />
+    </goa-card-image>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCardImage, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-card-image",
+                    template: `
+    <goa-card-image
+      [attr.src]="src"
+      [attr.height]="height"
+    >
+      <ng-content />
+    </goa-card-image>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { src: [{
+                type: Input,
+                args: [{ required: true }]
+            }], height: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class GoabCheckbox {
+    constructor() {
+        this.onChange = new EventEmitter();
+        this.touched = false;
+    }
+    getDescriptionAsString() {
+        return typeof this.description === "string" ? this.description : "";
+    }
+    getDescriptionAsTemplate() {
+        if (this.description) {
+            return typeof this.description === "string" ? null : this.description;
+        }
+        return null;
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail);
+        this.markAsTouched();
+        this.fcChange?.(detail.binding === "check" ? detail.checked : detail.value || "");
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.fcTouched?.();
+            this.touched = true;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.fcChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.fcTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCheckbox, deps: [], 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", disabled: "disabled", error: "error", text: "text", value: "value", testId: "testId", ariaLabel: "ariaLabel", description: "description", id: "id", maxWidth: "maxWidth", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabCheckbox),
+            },
+        ], ngImport: i0, template: `
+    <goa-checkbox
+      [attr.name]="name"
+      [checked]="checked"
+      [disabled]="disabled"
+      [attr.error]="error"
+      [attr.text]="text"
+      [value]="value"
+      [attr.testid]="testId"
+      [attr.arialabel]="ariaLabel"
+      [attr.description]="getDescriptionAsString()"
+      [id]="id"
+      [attr.maxwidth]="maxWidth"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+      <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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-checkbox",
+                    template: `
+    <goa-checkbox
+      [attr.name]="name"
+      [checked]="checked"
+      [disabled]="disabled"
+      [attr.error]="error"
+      [attr.text]="text"
+      [value]="value"
+      [attr.testid]="testId"
+      [attr.arialabel]="ariaLabel"
+      [attr.description]="getDescriptionAsString()"
+      [id]="id"
+      [attr.maxwidth]="maxWidth"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+      <div slot="description">
+        <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
+      </div>
+    </goa-checkbox>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabCheckbox),
+                        },
+                    ],
+                    imports: [NgTemplateOutlet],
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabChip {
+    constructor() {
+        this.content = "";
+        this.onClick = new EventEmitter();
+    }
+    _onClick() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabChip, deps: [], 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", testId: "testId", variant: "variant", iconTheme: "iconTheme", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<goa-chip
+    [attr.leadingicon]="leadingIcon"
+    [attr.variant]="variant"
+    [attr.error]="error"
+    [attr.deletable]="deletable"
+    [attr.icontheme]="iconTheme"
+    [attr.content]="content"
+    [attr.testid]="testId"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+    (_click)="_onClick()"
+  >
+    <ng-content />
+  </goa-chip>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabChip, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-chip",
+                    template: `<goa-chip
+    [attr.leadingicon]="leadingIcon"
+    [attr.variant]="variant"
+    [attr.error]="error"
+    [attr.deletable]="deletable"
+    [attr.icontheme]="iconTheme"
+    [attr.content]="content"
+    [attr.testid]="testId"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+    (_click)="_onClick()"
+  >
+    <ng-content />
+  </goa-chip>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { leadingIcon: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], deletable: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], iconTheme: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+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: `
+    <goa-circular-progress
+      [attr.variant]="variant"
+      [attr.size]="size"
+      [attr.message]="message"
+      [attr.visible]="visible"
+      [attr.progress]="progress"
+      [attr.testid]="testId"
+    >
+    </goa-circular-progress>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabCircularProgress, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-circular-progress",
+                    template: `
+    <goa-circular-progress
+      [attr.variant]="variant"
+      [attr.size]="size"
+      [attr.message]="message"
+      [attr.visible]="visible"
+      [attr.progress]="progress"
+      [attr.testid]="testId"
+    >
+    </goa-circular-progress>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }] } });
+
+class GoabColumnLayout {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabColumnLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabColumnLayout, isStandalone: true, selector: "goab-column-layout", ngImport: i0, template: `
+    <goa-one-column-layout>
+      <ng-content />
+    </goa-one-column-layout>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabColumnLayout, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-column-layout",
+                    template: `
+    <goa-one-column-layout>
+      <ng-content />
+    </goa-one-column-layout>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+class GoabContainer {
+    constructor() {
+        this.type = "interactive";
+        this.accent = "filled";
+        this.padding = "relaxed";
+        this.width = "full";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabContainer, isStandalone: true, selector: "goab-container", inputs: { type: "type", accent: "accent", padding: "padding", width: "width", maxWidth: "maxWidth", testId: "testId", title: "title", actions: "actions", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `<goa-container
+    [attr.type]="type"
+    [attr.accent]="accent"
+    [attr.padding]="padding"
+    [attr.width]="width"
+    [attr.maxwidth]="maxWidth"
+    [attr.testid]="testId"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+  >
+    <div slot="title">
+      <ng-container [ngTemplateOutlet]="title"></ng-container>
+    </div>
+    <ng-content />
+    <div slot="actions">
+      <ng-container [ngTemplateOutlet]="actions"></ng-container>
+    </div>
+  </goa-container>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabContainer, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-container",
+                    imports: [NgTemplateOutlet],
+                    template: `<goa-container
+    [attr.type]="type"
+    [attr.accent]="accent"
+    [attr.padding]="padding"
+    [attr.width]="width"
+    [attr.maxwidth]="maxWidth"
+    [attr.testid]="testId"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+  >
+    <div slot="title">
+      <ng-container [ngTemplateOutlet]="title"></ng-container>
+    </div>
+    <ng-content />
+    <div slot="actions">
+      <ng-container [ngTemplateOutlet]="actions"></ng-container>
+    </div>
+  </goa-container>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], accent: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabDatePicker {
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail);
+        this.markAsTouched();
+        this.fcChange?.(detail.value);
+    }
+    // ControlValueAccessor
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.onChange = new EventEmitter();
+        this.touched = false;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.elementRef.nativeElement.disabled = isDisabled;
+    }
+    listenDisabledChange(isDisabled) {
+        this.setDisabledState(isDisabled);
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.fcTouched?.();
+            this.touched = true;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.fcChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.fcTouched = fn;
+    }
+    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", error: "error", disabled: "disabled", relative: "relative", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, host: { listeners: { "disabledChange": "listenDisabledChange($event.detail.disabled)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabDatePicker),
+            },
+        ], ngImport: i0, template: ` <goa-date-picker
+    [attr.name]="name"
+    [attr.value]="value"
+    [attr.min]="min"
+    [attr.max]="max"
+    [attr.error]="error"
+    [attr.disabled]="disabled"
+    [attr.relative]="relative"
+    [attr.testid]="testId"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+    (_change)="_onChange($event)"
+  >
+  </goa-date-picker>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDatePicker, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-date-picker",
+                    template: ` <goa-date-picker
+    [attr.name]="name"
+    [attr.value]="value"
+    [attr.min]="min"
+    [attr.max]="max"
+    [attr.error]="error"
+    [attr.disabled]="disabled"
+    [attr.relative]="relative"
+    [attr.testid]="testId"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+    (_change)="_onChange($event)"
+  >
+  </goa-date-picker>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabDatePicker),
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], relative: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], listenDisabledChange: [{
+                type: HostListener,
+                args: ["disabledChange", ["$event.detail.disabled"]]
+            }] } });
+
+class GoabDetails {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDetails, deps: [], 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", testId: "testId", open: "open", maxWidth: "maxWidth", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-details
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+      [attr.open]="open"
+      [attr.maxwidth]="maxWidth"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-details>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDetails, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-details",
+                    template: `
+    <goa-details
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+      [attr.open]="open"
+      [attr.maxwidth]="maxWidth"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-details>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { heading: [{
+                type: Input,
+                args: [{ required: true }]
+            }], testId: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabDivider {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDivider, isStandalone: true, selector: "goab-divider", inputs: { testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-divider
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+    </goa-divider>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDivider, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-divider",
+                    template: `
+    <goa-divider
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+    </goa-divider>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+// "disabled", "value", "id" is an exposed property of HTMLInputElement, no need to bind with attr
+class GoabDropdown {
+    constructor() {
+        this.onChange = new EventEmitter();
+        this.touched = false;
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail);
+        this.markAsTouched();
+        this.fcChange?.(detail.value || "");
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.fcTouched?.();
+            this.touched = true;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.fcChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.fcTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDropdown, deps: [], 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", value: "value", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", id: "id", disabled: "disabled", error: "error", filterable: "filterable", leadingIcon: "leadingIcon", maxHeight: "maxHeight", multiselect: "multiselect", native: "native", placeholder: "placeholder", testId: "testId", width: "width", relative: "relative", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabDropdown),
+            }
+        ], ngImport: i0, template: `
+    <goa-dropdown
+      [attr.name]="name"
+      [value]="value"
+      [attr.arialabel]="ariaLabel"
+      [attr.arialabelledby]="ariaLabelledBy"
+      [disabled]="disabled"
+      [attr.error]="error"
+      [attr.filterable]="filterable"
+      [attr.leadingicon]="leadingIcon"
+      [attr.maxheight]="maxHeight"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      [attr.mt]="mt"
+      [attr.multiselect]="multiselect"
+      [attr.native]="native"
+      [attr.placeholder]="placeholder"
+      [attr.testid]="testId"
+      [attr.width]="width"
+      [attr.relative]="relative"
+      [id]="id"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+    </goa-dropdown>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDropdown, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-dropdown",
+                    template: `
+    <goa-dropdown
+      [attr.name]="name"
+      [value]="value"
+      [attr.arialabel]="ariaLabel"
+      [attr.arialabelledby]="ariaLabelledBy"
+      [disabled]="disabled"
+      [attr.error]="error"
+      [attr.filterable]="filterable"
+      [attr.leadingicon]="leadingIcon"
+      [attr.maxheight]="maxHeight"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      [attr.mt]="mt"
+      [attr.multiselect]="multiselect"
+      [attr.native]="native"
+      [attr.placeholder]="placeholder"
+      [attr.testid]="testId"
+      [attr.width]="width"
+      [attr.relative]="relative"
+      [id]="id"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+    </goa-dropdown>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabDropdown),
+                        }
+                    ],
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], leadingIcon: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], multiselect: [{
+                type: Input
+            }], native: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], relative: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabDropdownItem {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDropdownItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabDropdownItem, isStandalone: true, selector: "goab-dropdown-item", inputs: { value: "value", filter: "filter", label: "label", name: "name", mountType: "mountType" }, ngImport: i0, template: `
+    <goa-dropdown-item
+      [value]="value"
+      [label]="label"
+      [attr.filter]="filter"
+      [attr.name]="name"
+      [attr.mount]="mountType"
+    >
+    </goa-dropdown-item>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabDropdownItem, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-dropdown-item",
+                    template: `
+    <goa-dropdown-item
+      [value]="value"
+      [label]="label"
+      [attr.filter]="filter"
+      [attr.name]="name"
+      [attr.mount]="mountType"
+    >
+    </goa-dropdown-item>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], mountType: [{
+                type: Input
+            }] } });
+
+class GoabFileUploadCard {
+    constructor() {
+        this.onCancel = new EventEmitter();
+        this.onDelete = new EventEmitter();
+    }
+    _onCancel() {
+        this.onCancel.emit({ filename: this.filename });
+    }
+    _onDelete() {
+        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
+    [attr.filename]="filename"
+    [attr.size]="size"
+    [attr.type]="type"
+    [attr.progress]="progress"
+    [attr.error]="error"
+    [attr.testid]="testId"
+    (_cancel)="_onCancel()"
+    (_delete)="_onDelete()"
+  >
+  </goa-file-upload-card>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFileUploadCard, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-file-upload-card",
+                    template: `<goa-file-upload-card
+    [attr.filename]="filename"
+    [attr.size]="size"
+    [attr.type]="type"
+    [attr.progress]="progress"
+    [attr.error]="error"
+    [attr.testid]="testId"
+    (_cancel)="_onCancel()"
+    (_delete)="_onDelete()"
+  >
+  </goa-file-upload-card>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { filename: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], onCancel: [{
+                type: Output
+            }], onDelete: [{
+                type: Output
+            }] } });
+
+class GoabFileUploadInput {
+    constructor() {
+        this.id = "";
+        this.maxFileSize = "5MB";
+        this.onSelectFile = new EventEmitter();
+    }
+    _onSelectFile(e) {
+        const detail = e.detail;
+        this.onSelectFile.emit(detail);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFileUploadInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFileUploadInput, isStandalone: true, selector: "goab-file-upload-input", inputs: { id: "id", variant: "variant", maxFileSize: "maxFileSize", accept: "accept", testId: "testId", mt: "mt", mb: "mb", mr: "mr", ml: "ml" }, outputs: { onSelectFile: "onSelectFile" }, ngImport: i0, template: `<goa-file-upload-input
+    [attr.variant]="variant"
+    [attr.accept]="accept"
+    [attr.maxfilesize]="maxFileSize"
+    [attr.testid]="testId"
+    [id]="id"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.mr]="mr"
+    [attr.ml]="ml"
+    (_selectFile)="_onSelectFile($event)"
+  >
+  </goa-file-upload-input>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFileUploadInput, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-file-upload-input",
+                    template: `<goa-file-upload-input
+    [attr.variant]="variant"
+    [attr.accept]="accept"
+    [attr.maxfilesize]="maxFileSize"
+    [attr.testid]="testId"
+    [id]="id"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.mr]="mr"
+    [attr.ml]="ml"
+    (_selectFile)="_onSelectFile($event)"
+  >
+  </goa-file-upload-input>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], variant: [{
+                type: Input,
+                args: [{ required: true }]
+            }], maxFileSize: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], onSelectFile: [{
+                type: Output
+            }] } });
+
+class GoabAppFooter {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabAppFooter, isStandalone: true, selector: "goab-app-footer", inputs: { maxContentWidth: "maxContentWidth", testId: "testId" }, ngImport: i0, template: `
+    <goa-app-footer
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.testid]="testId"
+    >
+      <ng-content select="[slot=nav]" />
+      <ng-content select="goab-app-footer-meta-section"></ng-content>
+      <ng-content></ng-content>
+    </goa-app-footer>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppFooter, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-app-footer",
+                    template: `
+    <goa-app-footer
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.testid]="testId"
+    >
+      <ng-content select="[slot=nav]" />
+      <ng-content select="goab-app-footer-meta-section"></ng-content>
+      <ng-content></ng-content>
+    </goa-app-footer>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { maxContentWidth: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }] } });
+
+class GoabAppFooterMetaSection {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppFooterMetaSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabAppFooterMetaSection, isStandalone: true, selector: "goab-app-footer-meta-section", inputs: { testId: "testId", slot: "slot" }, ngImport: i0, template: `
+    <goa-app-footer-meta-section [attr.testid]="testId">
+      <ng-content />
+    </goa-app-footer-meta-section>
+  `, isInline: true, styles: [":host{width:100%}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppFooterMetaSection, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "goab-app-footer-meta-section", template: `
+    <goa-app-footer-meta-section [attr.testid]="testId">
+      <ng-content />
+    </goa-app-footer-meta-section>
+  `, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [":host{width:100%}\n"] }]
+        }], propDecorators: { testId: [{
+                type: Input
+            }], slot: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class GoabAppFooterNavSection {
+    constructor() {
+        this.maxColumnCount = 1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppFooterNavSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabAppFooterNavSection, isStandalone: true, selector: "goab-app-footer-nav-section", inputs: { heading: "heading", maxColumnCount: "maxColumnCount", testId: "testId", slot: "slot" }, ngImport: i0, template: `
+    <goa-app-footer-nav-section
+      [attr.maxcolumncount]="maxColumnCount"
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+    >
+      <ng-content />
+    </goa-app-footer-nav-section>
+  `, isInline: true, styles: [":host{width:100%}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppFooterNavSection, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "goab-app-footer-nav-section", template: `
+    <goa-app-footer-nav-section
+      [attr.maxcolumncount]="maxColumnCount"
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+    >
+      <ng-content />
+    </goa-app-footer-nav-section>
+  `, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [":host{width:100%}\n"] }]
+        }], propDecorators: { heading: [{
+                type: Input
+            }], maxColumnCount: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], slot: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class GoabFormItem {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFormItem, isStandalone: true, selector: "goab-form-item", inputs: { label: "label", labelSize: "labelSize", helpText: "helpText", error: "error", requirement: "requirement", maxWidth: "maxWidth", testId: "testId", id: "id", mt: "mt", mb: "mb", mr: "mr", ml: "ml" }, ngImport: i0, template: `
+    <goa-form-item
+      [attr.label]="label"
+      [attr.labelsize]="labelSize"
+      [attr.helptext]="helpText"
+      [attr.error]="error"
+      [attr.testid]="testId"
+      [id]="id"
+      [attr.requirement]="requirement"
+      [attr.maxwidth]="maxWidth"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.mr]="mr"
+      [attr.ml]="ml"
+    >
+      <ng-content />
+      <ng-content select="goab-form-item-slot"></ng-content>
+    </goa-form-item>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormItem, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-form-item",
+                    template: `
+    <goa-form-item
+      [attr.label]="label"
+      [attr.labelsize]="labelSize"
+      [attr.helptext]="helpText"
+      [attr.error]="error"
+      [attr.testid]="testId"
+      [id]="id"
+      [attr.requirement]="requirement"
+      [attr.maxwidth]="maxWidth"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.mr]="mr"
+      [attr.ml]="ml"
+    >
+      <ng-content />
+      <ng-content select="goab-form-item-slot"></ng-content>
+    </goa-form-item>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], labelSize: [{
+                type: Input
+            }], helpText: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], requirement: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }] } });
+
+/**
+ * This component is used to define the slot for the form item component.
+ * We need to use a separate component with a required attribute `slot` because
+ * svelte component renders based on the `slot` of the wrapper component (which is `div` before)
+ * // similar to app-footer-meta-section & app-footer-nav-section
+ */
+class GoabFormItemSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormItemSlot, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFormItemSlot, isStandalone: true, selector: "goab-form-item-slot", inputs: { slot: "slot" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormItemSlot, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-form-item-slot",
+                    template: `<ng-content></ng-content>`,
+                }]
+        }], propDecorators: { slot: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class GoabFormStep {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormStep, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFormStep, isStandalone: true, selector: "goab-form-step", inputs: { text: "text", status: "status" }, ngImport: i0, template: `
+    <goa-form-step
+      [attr.text]="text"
+      [attr.status]="status"
+    ></goa-form-step> `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormStep, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-form-step",
+                    template: `
+    <goa-form-step
+      [attr.text]="text"
+      [attr.status]="status"
+    ></goa-form-step> `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }] } });
+
+class GoabFormStepper {
+    constructor() {
+        this.step = -1;
+        this.onChange = new EventEmitter();
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabFormStepper, isStandalone: true, selector: "goab-form-stepper", inputs: { step: "step", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+    <goa-form-stepper
+      [attr.step]="step"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+    </goa-form-stepper>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabFormStepper, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-form-stepper",
+                    template: `
+    <goa-form-stepper
+      [attr.step]="step"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+    </goa-form-stepper>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { step: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabGrid {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabGrid, isStandalone: true, selector: "goab-grid", inputs: { minChildWidth: "minChildWidth", gap: "gap", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-grid
+      [attr.gap]="gap"
+      [attr.minchildwidth]="minChildWidth"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-grid>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabGrid, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-grid",
+                    template: `
+    <goa-grid
+      [attr.gap]="gap"
+      [attr.minchildwidth]="minChildWidth"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-grid>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { minChildWidth: [{
+                type: Input,
+                args: [{ required: true }]
+            }], gap: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabAppHeader {
+    constructor() {
+        this.onMenuClick = new EventEmitter();
+    }
+    _onMenuClick() {
+        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: `
+    <goa-app-header
+      [attr.url]="url"
+      [attr.heading]="heading"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.fullmenubreakpoint]="fullMenuBreakpoint"
+      [attr.testid]="testId"
+      [attr.hasmenuclickhandler]="!!onMenuClick"
+      (_menuClick)="_onMenuClick()"
+    >
+      <ng-content />
+    </goa-app-header>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppHeader, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-app-header",
+                    template: `
+    <goa-app-header
+      [attr.url]="url"
+      [attr.heading]="heading"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.fullmenubreakpoint]="fullMenuBreakpoint"
+      [attr.testid]="testId"
+      [attr.hasmenuclickhandler]="!!onMenuClick"
+      (_menuClick)="_onMenuClick()"
+    >
+      <ng-content />
+    </goa-app-header>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { url: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], maxContentWidth: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], fullMenuBreakpoint: [{
+                type: Input
+            }], onMenuClick: [{
+                type: Output
+            }] } });
+
+class GoabAppHeaderMenu {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppHeaderMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabAppHeaderMenu, isStandalone: true, selector: "goab-app-header-menu", inputs: { leadingIcon: "leadingIcon", heading: "heading", testId: "testId" }, ngImport: i0, template: `
+    <goa-app-header-menu
+      [attr.leadingicon]="leadingIcon"
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+    >
+      <ng-content />
+    </goa-app-header-menu>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAppHeaderMenu, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-app-header-menu",
+                    template: `
+    <goa-app-header-menu
+      [attr.leadingicon]="leadingIcon"
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+    >
+      <ng-content />
+    </goa-app-header-menu>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { leadingIcon: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }] } });
+
+class GoabHeroBanner {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabHeroBanner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabHeroBanner, isStandalone: true, selector: "goab-hero-banner", inputs: { heading: "heading", backgroundUrl: "backgroundUrl", minHeight: "minHeight", testId: "testId", maxContentWidth: "maxContentWidth", backgroundColor: "backgroundColor", textColor: "textColor", actions: "actions" }, ngImport: i0, template: `
+    <goa-hero-banner
+      [attr.heading]="heading"
+      [attr.backgroundurl]="backgroundUrl"
+      [attr.minheight]="minHeight"
+      [attr.testid]="testId"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.backgroundColor]="backgroundColor"
+      [attr.textcolor]="textColor"
+    >
+      <ng-content />
+      <div slot="actions">
+        <ng-container [ngTemplateOutlet]="actions"></ng-container>
+      </div>
+    </goa-hero-banner>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabHeroBanner, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-hero-banner",
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <goa-hero-banner
+      [attr.heading]="heading"
+      [attr.backgroundurl]="backgroundUrl"
+      [attr.minheight]="minHeight"
+      [attr.testid]="testId"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.backgroundColor]="backgroundColor"
+      [attr.textcolor]="textColor"
+    >
+      <ng-content />
+      <div slot="actions">
+        <ng-container [ngTemplateOutlet]="actions"></ng-container>
+      </div>
+    </goa-hero-banner>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { heading: [{
+                type: Input
+            }], backgroundUrl: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], maxContentWidth: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }] } });
+
+class GoabIcon {
+    constructor() {
+        this.size = "medium";
+        this.theme = "outline";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIcon, deps: [], 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", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-icon
+      [attr.type]="type"
+      [attr.theme]="theme"
+      [attr.size]="size"
+      [attr.inverted]="inverted"
+      [attr.fillcolor]="fillColor"
+      [attr.opacity]="opacity"
+      [attr.title]="title"
+      [attr.arialabel]="ariaLabel"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      [attr.testid]="testId"
+    >
+    </goa-icon>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIcon, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-icon",
+                    template: `
+    <goa-icon
+      [attr.type]="type"
+      [attr.theme]="theme"
+      [attr.size]="size"
+      [attr.inverted]="inverted"
+      [attr.fillcolor]="fillColor"
+      [attr.opacity]="opacity"
+      [attr.title]="title"
+      [attr.arialabel]="ariaLabel"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      [attr.testid]="testId"
+    >
+    </goa-icon>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { type: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], inverted: [{
+                type: Input
+            }], fillColor: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabIconButton {
+    constructor() {
+        this.size = "medium";
+        this.onClick = new EventEmitter();
+    }
+    _onClick() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIconButton, deps: [], 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", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <goa-icon-button
+      [attr.icon]="icon"
+      [disabled]="disabled"
+      [attr.size]="size"
+      [attr.variant]="variant"
+      [title]="title"
+      [attr.arialabel]="ariaLabel"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_click)="_onClick()"
+    >
+      <ng-content></ng-content>
+    </goa-icon-button>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIconButton, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-icon-button",
+                    template: `
+    <goa-icon-button
+      [attr.icon]="icon"
+      [disabled]="disabled"
+      [attr.size]="size"
+      [attr.variant]="variant"
+      [title]="title"
+      [attr.arialabel]="ariaLabel"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_click)="_onClick()"
+    >
+      <ng-content></ng-content>
+    </goa-icon-button>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { icon: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class GoabInput {
+    constructor() {
+        this.type = "text";
+        this.value = "";
+        this.onTrailingIconClick = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onBlur = new EventEmitter();
+        this.onKeyPress = new EventEmitter();
+        this.onChange = new EventEmitter();
+        this.handleTrailingIconClick = false;
+        this.touched = false;
+    }
+    ngOnInit() {
+        this.handleTrailingIconClick = this.onTrailingIconClick.observed;
+    }
+    _onTrailingIconClick(_) {
+        if (this.handleTrailingIconClick) {
+            this.onTrailingIconClick.emit();
+        }
+    }
+    _onChange(e) {
+        this.markAsTouched();
+        const detail = e.detail;
+        this.onChange.emit(detail);
+        this.fcChange?.(detail.value);
+    }
+    _onKeyPress(e) {
+        this.markAsTouched();
+        const detail = e.detail;
+        this.onKeyPress.emit(detail);
+        this.fcTouched?.();
+    }
+    _onFocus(e) {
+        this.markAsTouched();
+        const detail = e.detail;
+        this.onFocus.emit(detail);
+    }
+    _onBlur(e) {
+        const detail = e.detail;
+        this.onBlur.emit(detail);
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.fcTouched?.();
+            this.touched = true;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.fcChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.fcTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabInput, deps: [], 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", 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", value: "value", min: "min", max: "max", step: "step", ariaLabelledBy: "ariaLabelledBy", mt: "mt", mr: "mr", mb: "mb", ml: "ml" }, outputs: { onTrailingIconClick: "onTrailingIconClick", onFocus: "onFocus", onBlur: "onBlur", onKeyPress: "onKeyPress", onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabInput),
+            }
+        ], ngImport: i0, template: `
+    <goa-input
+      [attr.type]="type"
+      [attr.name]="name"
+      [attr.focused]="focused"
+      [attr.value]="value"
+      [attr.autocapitalize]="autoCapitalize"
+      [attr.placeholder]="placeholder"
+      [attr.leadingicon]="leadingIcon"
+      [attr.trailingicon]="trailingIcon"
+      [attr.variant]="variant"
+      [disabled]="disabled"
+      [attr.readonly]="readonly"
+      [attr.error]="error"
+      [attr.data-testid]="testId"
+      [attr.width]="width"
+      [attr.arialabel]="ariaLabel"
+      [attr.arialabelledby]="ariaLabelledBy"
+      [attr.min]="min"
+      [attr.max]="max"
+      [attr.step]="step"
+      [attr.prefix]="prefix"
+      [attr.suffix]="suffix"
+      [attr.debounce]="debounce"
+      [attr.maxlength]="maxLength"
+      [attr.id]="id"
+      [attr.mt]="mt"
+      [attr.mr]="mr"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.handletrailingiconclick]="!!_onTrailingIconClick"
+      (_trailingIconClick)="_onTrailingIconClick($event)"
+      (_change)="_onChange($event)"
+      (_focus)="_onFocus($event)"
+      (_blur)="_onBlur($event)"
+      (_keypress)="_onKeyPress($event)"
+    >
+      <ng-content/>
+    </goa-input>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabInput, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-input",
+                    template: `
+    <goa-input
+      [attr.type]="type"
+      [attr.name]="name"
+      [attr.focused]="focused"
+      [attr.value]="value"
+      [attr.autocapitalize]="autoCapitalize"
+      [attr.placeholder]="placeholder"
+      [attr.leadingicon]="leadingIcon"
+      [attr.trailingicon]="trailingIcon"
+      [attr.variant]="variant"
+      [disabled]="disabled"
+      [attr.readonly]="readonly"
+      [attr.error]="error"
+      [attr.data-testid]="testId"
+      [attr.width]="width"
+      [attr.arialabel]="ariaLabel"
+      [attr.arialabelledby]="ariaLabelledBy"
+      [attr.min]="min"
+      [attr.max]="max"
+      [attr.step]="step"
+      [attr.prefix]="prefix"
+      [attr.suffix]="suffix"
+      [attr.debounce]="debounce"
+      [attr.maxlength]="maxLength"
+      [attr.id]="id"
+      [attr.mt]="mt"
+      [attr.mr]="mr"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.handletrailingiconclick]="!!_onTrailingIconClick"
+      (_trailingIconClick)="_onTrailingIconClick($event)"
+      (_change)="_onChange($event)"
+      (_focus)="_onFocus($event)"
+      (_blur)="_onBlur($event)"
+      (_keypress)="_onKeyPress($event)"
+    >
+      <ng-content/>
+    </goa-input>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabInput),
+                        }
+                    ]
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], autoCapitalize: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], leadingIcon: [{
+                type: Input
+            }], trailingIcon: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], focused: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], onTrailingIconClick: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], onKeyPress: [{
+                type: Output
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabMicrositeHeader {
+    constructor() {
+        this.onFeedbackClick = new EventEmitter();
+    }
+    getVersionAsString() {
+        return typeof this.version === "string" ? this.version : "";
+    }
+    getVersionAsTemplate() {
+        if (!this.version)
+            return null;
+        return this.version instanceof TemplateRef ? this.version : null;
+    }
+    _onFeedbackClick() {
+        this.onFeedbackClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabMicrositeHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabMicrositeHeader, isStandalone: true, selector: "goab-microsite-header", inputs: { type: "type", version: "version", feedbackUrl: "feedbackUrl", testId: "testId", maxContentWidth: "maxContentWidth", feedbackUrlTarget: "feedbackUrlTarget", headerUrlTarget: "headerUrlTarget" }, outputs: { onFeedbackClick: "onFeedbackClick" }, ngImport: i0, template: `
+    <goa-microsite-header
+      [attr.type]="type"
+      [attr.version]="getVersionAsString()"
+      [attr.feedbackurl]="feedbackUrl"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.feedbackurltarget]="feedbackUrlTarget"
+      [attr.headerurltarget]="headerUrlTarget"
+      [attr.testid]="testId"
+      [attr.hasfeedbackhandler]="!!onFeedbackClick"
+      (_feedbackClick)="_onFeedbackClick()"
+    >
+      <div slot="version">
+        <ng-container [ngTemplateOutlet]="getVersionAsTemplate()"></ng-container>
+      </div>
+    </goa-microsite-header>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabMicrositeHeader, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-microsite-header",
+                    template: `
+    <goa-microsite-header
+      [attr.type]="type"
+      [attr.version]="getVersionAsString()"
+      [attr.feedbackurl]="feedbackUrl"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.feedbackurltarget]="feedbackUrlTarget"
+      [attr.headerurltarget]="headerUrlTarget"
+      [attr.testid]="testId"
+      [attr.hasfeedbackhandler]="!!onFeedbackClick"
+      (_feedbackClick)="_onFeedbackClick()"
+    >
+      <div slot="version">
+        <ng-container [ngTemplateOutlet]="getVersionAsTemplate()"></ng-container>
+      </div>
+    </goa-microsite-header>
+  `,
+                    imports: [NgTemplateOutlet],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { type: [{
+                type: Input,
+                args: [{ required: true }]
+            }], version: [{
+                type: Input
+            }], feedbackUrl: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], maxContentWidth: [{
+                type: Input
+            }], feedbackUrlTarget: [{
+                type: Input
+            }], headerUrlTarget: [{
+                type: Input
+            }], onFeedbackClick: [{
+                type: Output
+            }] } });
+
+class GoabModal {
+    constructor() {
+        this.closable = false;
+        this.onClose = new EventEmitter();
+    }
+    getHeadingAsString() {
+        return this.heading instanceof TemplateRef ? "" : this.heading;
+    }
+    getHeadingAsTemplate() {
+        if (!this.heading)
+            return null;
+        return this.heading instanceof TemplateRef ? this.heading : null;
+    }
+    _onClose() {
+        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: `
+    <goa-modal
+      [attr.calloutvariant]="calloutVariant"
+      [attr.open]="open"
+      [attr.maxwidth]="maxWidth"
+      [attr.testid]="testId"
+      [attr.role]="role"
+      [attr.closable]="closable"
+      [attr.transition]="transition"
+      [attr.heading]="getHeadingAsString()"
+      (_close)="_onClose()"
+    >
+      <ng-content></ng-content>
+      <div slot="heading">
+        <ng-container [ngTemplateOutlet]="getHeadingAsTemplate()"></ng-container>
+      </div>
+      <div slot="actions">
+        <ng-container [ngTemplateOutlet]="actions"></ng-container>
+      </div>
+    </goa-modal>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabModal, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-modal",
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <goa-modal
+      [attr.calloutvariant]="calloutVariant"
+      [attr.open]="open"
+      [attr.maxwidth]="maxWidth"
+      [attr.testid]="testId"
+      [attr.role]="role"
+      [attr.closable]="closable"
+      [attr.transition]="transition"
+      [attr.heading]="getHeadingAsString()"
+      (_close)="_onClose()"
+    >
+      <ng-content></ng-content>
+      <div slot="heading">
+        <ng-container [ngTemplateOutlet]="getHeadingAsTemplate()"></ng-container>
+      </div>
+      <div slot="actions">
+        <ng-container [ngTemplateOutlet]="actions"></ng-container>
+      </div>
+    </goa-modal>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { calloutVariant: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], transition: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+class GoabNotificationBanner {
+    constructor() {
+        this.type = "information";
+        this.onDismiss = new EventEmitter();
+    }
+    _onDismiss() {
+        this.onDismiss.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabNotificationBanner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabNotificationBanner, isStandalone: true, selector: "goab-notification", inputs: { type: "type", ariaLive: "ariaLive", maxContentWidth: "maxContentWidth", testId: "testId" }, outputs: { onDismiss: "onDismiss" }, ngImport: i0, template: `
+    <goa-notification
+      [attr.type]="type"
+      [attr.arialive]="ariaLive"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.testid]="testId"
+      (_dismiss)="_onDismiss()"
+    >
+      <ng-content />
+    </goa-notification>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabNotificationBanner, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-notification",
+                    template: `
+    <goa-notification
+      [attr.type]="type"
+      [attr.arialive]="ariaLive"
+      [attr.maxcontentwidth]="maxContentWidth"
+      [attr.testid]="testId"
+      (_dismiss)="_onDismiss()"
+    >
+      <ng-content />
+    </goa-notification>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], maxContentWidth: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], onDismiss: [{
+                type: Output
+            }] } });
+
+class GoabPages {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPages, deps: [], 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", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-pages
+      [attr.current]="current"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-pages>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPages, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-pages",
+                    template: `
+    <goa-pages
+      [attr.current]="current"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-pages>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { current: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabPagination {
+    constructor() {
+        this.perPageCount = 10;
+        this.variant = "all";
+        this.onChange = new EventEmitter();
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabPagination, isStandalone: true, selector: "goab-pagination", inputs: { itemCount: "itemCount", pageNumber: "pageNumber", perPageCount: "perPageCount", variant: "variant", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+    <goa-pagination
+      [attr.itemcount]="itemCount"
+      [attr.perpagecount]="perPageCount"
+      [attr.pagenumber]="pageNumber"w
+      [attr.variant]="variant"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+    </goa-pagination>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPagination, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-pagination",
+                    template: `
+    <goa-pagination
+      [attr.itemcount]="itemCount"
+      [attr.perpagecount]="perPageCount"
+      [attr.pagenumber]="pageNumber"w
+      [attr.variant]="variant"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+    </goa-pagination>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { itemCount: [{
+                type: Input,
+                args: [{ required: true }]
+            }], pageNumber: [{
+                type: Input,
+                args: [{ required: true }]
+            }], perPageCount: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabPopover {
+    constructor() {
+        this.maxWidth = "320px";
+        this.padded = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabPopover, isStandalone: true, selector: "goab-popover", inputs: { maxWidth: "maxWidth", minWidth: "minWidth", padded: "padded", position: "position", relative: "relative", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr", target: "target" }, ngImport: i0, template: `
+    <goa-popover
+      [attr.maxwidth]="maxWidth"
+      [attr.minwidth]="minWidth"
+      [attr.padded]="padded"
+      [attr.position]="position"
+      [attr.relative]="relative"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content></ng-content>
+      <div slot="target">
+        <ng-container [ngTemplateOutlet]="target"></ng-container>
+      </div>
+    </goa-popover>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPopover, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-popover",
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <goa-popover
+      [attr.maxwidth]="maxWidth"
+      [attr.minwidth]="minWidth"
+      [attr.padded]="padded"
+      [attr.position]="position"
+      [attr.relative]="relative"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content></ng-content>
+      <div slot="target">
+        <ng-container [ngTemplateOutlet]="target"></ng-container>
+      </div>
+    </goa-popover>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { maxWidth: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], padded: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], relative: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], target: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class GoabRadioGroup {
+    constructor() {
+        this.onChange = new EventEmitter();
+        this.touched = false;
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.markAsTouched();
+        this.onChange.emit(detail);
+        this.fcChange?.(detail.value);
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.fcTouched?.();
+            this.touched = true;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.fcChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.fcTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabRadioGroup, isStandalone: true, selector: "goab-radio-group", inputs: { name: "name", value: "value", disabled: "disabled", orientation: "orientation", error: "error", ariaLabel: "ariaLabel", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabRadioGroup),
+            },
+        ], ngImport: i0, template: `
+    <goa-radio-group
+      [attr.name]="name"
+      [attr.value]="value"
+      [disabled]="disabled"
+      [attr.orientation]="orientation"
+      [attr.error]="error"
+      [attr.arialabel]="ariaLabel"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+    </goa-radio-group>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioGroup, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-radio-group",
+                    template: `
+    <goa-radio-group
+      [attr.name]="name"
+      [attr.value]="value"
+      [disabled]="disabled"
+      [attr.orientation]="orientation"
+      [attr.error]="error"
+      [attr.arialabel]="ariaLabel"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+    >
+      <ng-content />
+    </goa-radio-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabRadioGroup),
+                        },
+                    ],
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabRadioItem {
+    getDescriptionAsString() {
+        return (!this.description || this.description instanceof TemplateRef) ? "" : this.description;
+    }
+    getDescriptionAsTemplate() {
+        if (!this.description)
+            return null;
+        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: [], 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", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-radio-item
+      [attr.name]="name"
+      [attr.value]="value"
+      [attr.label]="label"
+      [attr.description]="getDescriptionAsString()"
+      [attr.arialabel]="ariaLabel"
+      [disabled]="disabled"
+      [attr.maxwidth]="maxWidth"
+      [attr.checked]="checked"
+      [attr.error]="error"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+      <div slot="description">
+        <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
+      </div>
+    </goa-radio-item>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioItem, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-radio-item",
+                    template: `
+    <goa-radio-item
+      [attr.name]="name"
+      [attr.value]="value"
+      [attr.label]="label"
+      [attr.description]="getDescriptionAsString()"
+      [attr.arialabel]="ariaLabel"
+      [disabled]="disabled"
+      [attr.maxwidth]="maxWidth"
+      [attr.checked]="checked"
+      [attr.error]="error"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+      <div slot="description">
+        <ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
+      </div>
+    </goa-radio-item>
+  `,
+                    imports: [NgTemplateOutlet],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabSideMenu {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabSideMenu, isStandalone: true, selector: "goab-side-menu", inputs: { testId: "testId" }, ngImport: i0, template: `
+    <goa-side-menu [attr.testid]="testId">
+      <ng-content />
+    </goa-side-menu>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSideMenu, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-side-menu",
+                    template: `
+    <goa-side-menu [attr.testid]="testId">
+      <ng-content />
+    </goa-side-menu>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { testId: [{
+                type: Input
+            }] } });
+
+class GoabSideMenuGroup {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSideMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabSideMenuGroup, isStandalone: true, selector: "goab-side-menu-group", inputs: { heading: "heading", testId: "testId", icon: "icon", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-side-menu-group
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+      [attr.icon]="icon"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-side-menu-group>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSideMenuGroup, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-side-menu-group",
+                    template: `
+    <goa-side-menu-group
+      [attr.heading]="heading"
+      [attr.testid]="testId"
+      [attr.icon]="icon"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-side-menu-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { heading: [{
+                type: Input,
+                args: [{ required: true }]
+            }], testId: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabSideMenuHeading {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSideMenuHeading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabSideMenuHeading, isStandalone: true, selector: "goab-side-menu-heading", inputs: { icon: "icon", testId: "testId", meta: "meta" }, ngImport: i0, template: `
+    <goa-side-menu-heading [attr.testid]="testId" [attr.icon]="icon">
+      <ng-content />
+      <span slot="meta">
+        <ng-container [ngTemplateOutlet]="meta"></ng-container>
+      </span>
+    </goa-side-menu-heading>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSideMenuHeading, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-side-menu-heading",
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <goa-side-menu-heading [attr.testid]="testId" [attr.icon]="icon">
+      <ng-content />
+      <span slot="meta">
+        <ng-container [ngTemplateOutlet]="meta"></ng-container>
+      </span>
+    </goa-side-menu-heading>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], meta: [{
+                type: Input
+            }] } });
+
+class GoabSkeleton {
+    constructor() {
+        this.maxWidth = "300px";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSkeleton, deps: [], 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", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-skeleton
+      [attr.maxwidth]="maxWidth"
+      [attr.size]="size"
+      [attr.linecount]="lineCount"
+      [attr.type]="type"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+    </goa-skeleton>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSkeleton, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-skeleton",
+                    template: `
+    <goa-skeleton
+      [attr.maxwidth]="maxWidth"
+      [attr.size]="size"
+      [attr.linecount]="lineCount"
+      [attr.type]="type"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+    </goa-skeleton>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { type: [{
+                type: Input,
+                args: [{ required: true }]
+            }], maxWidth: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], lineCount: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
+class GoabSpacer {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSpacer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabSpacer, isStandalone: true, selector: "goab-spacer", inputs: { hSpacing: "hSpacing", vSpacing: "vSpacing", testId: "testId" }, ngImport: i0, template: `
+    <goa-spacer
+      [attr.hspacing]="hSpacing"
+      [attr.vspacing]="vSpacing"
+      [attr.testid]="testId"
+    >
+    </goa-spacer>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabSpacer, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-spacer",
+                    template: `
+    <goa-spacer
+      [attr.hspacing]="hSpacing"
+      [attr.vspacing]="vSpacing"
+      [attr.testid]="testId"
+    >
+    </goa-spacer>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { hSpacing: [{
+                type: Input
+            }], vSpacing: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }] } });
+
+class GoabTab {
+    getHeadingAsString() {
+        return this.heading instanceof TemplateRef ? "" : this.heading;
+    }
+    getHeadingAsTemplate() {
+        if (!this.heading)
+            return null;
+        return this.heading instanceof TemplateRef ? this.heading : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabTab, isStandalone: true, selector: "goab-tab", inputs: { heading: "heading" }, ngImport: i0, template: `
+    <goa-tab>
+      <ng-content />
+      <div slot="heading">
+        <ng-container [ngTemplateOutlet]="getHeadingAsTemplate()"></ng-container>
+        {{getHeadingAsString()}}
+      </div>
+    </goa-tab>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTab, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-tab",
+                    template: `
+    <goa-tab>
+      <ng-content />
+      <div slot="heading">
+        <ng-container [ngTemplateOutlet]="getHeadingAsTemplate()"></ng-container>
+        {{getHeadingAsString()}}
+      </div>
+    </goa-tab>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [NgTemplateOutlet]
+                }]
+        }], propDecorators: { heading: [{
+                type: Input
+            }] } });
+
+class GoabTable {
+    constructor() {
+        this.onSort = new EventEmitter();
+    }
+    _onSort(e) {
+        const detail = e.detail;
+        this.onSort.emit(detail);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabTable, isStandalone: true, selector: "goab-table", inputs: { width: "width", variant: "variant", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onSort: "onSort" }, ngImport: i0, template: `
+    <goa-table
+      [attr.width]="width"
+      [attr.variant]="variant"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_sort)="_onSort($event)"
+    >
+      <table style="width: 100%;">
+        <ng-content />
+      </table>
+    </goa-table>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTable, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-table",
+                    template: `
+    <goa-table
+      [attr.width]="width"
+      [attr.variant]="variant"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_sort)="_onSort($event)"
+    >
+      <table style="width: 100%;">
+        <ng-content />
+      </table>
+    </goa-table>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { width: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onSort: [{
+                type: Output
+            }] } });
+
+class GoabTableSortHeader {
+    constructor() {
+        this.direction = "none";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTableSortHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabTableSortHeader, isStandalone: true, selector: "goab-table-sort-header", inputs: { name: "name", direction: "direction" }, ngImport: i0, template: `
+    <goa-table-sort-header
+      [attr.name]="name"
+      [attr.direction]="direction"
+    >
+      <ng-content />
+    </goa-table-sort-header>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTableSortHeader, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-table-sort-header",
+                    template: `
+    <goa-table-sort-header
+      [attr.name]="name"
+      [attr.direction]="direction"
+    >
+      <ng-content />
+    </goa-table-sort-header>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }] } });
+
+class GoabTabs {
+    constructor() {
+        this.onChange = new EventEmitter();
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        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: `
+    <goa-tabs
+      [attr.initialtab]="initialTab"
+      [attr.testid]="testId"
+      (_change)="_onChange($event)"
+
+    >
+      <ng-content />
+    </goa-tabs>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTabs, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-tabs",
+                    template: `
+    <goa-tabs
+      [attr.initialtab]="initialTab"
+      [attr.testid]="testId"
+      (_change)="_onChange($event)"
+
+    >
+      <ng-content />
+    </goa-tabs>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { initialTab: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class GoabTextArea {
+    constructor() {
+        this.value = "";
+        this.countBy = "";
+        this.maxCount = -1;
+        this.onChange = new EventEmitter();
+        this.onKeyPress = new EventEmitter();
+        this.touched = false;
+    }
+    _onChange(e) {
+        const detail = e.detail;
+        this.onChange.emit(detail);
+        this.markAsTouched();
+        this.fcChange?.(detail.value);
+    }
+    _onKeyPress(e) {
+        const detail = e.detail;
+        this.markAsTouched();
+        this.onKeyPress.emit(detail);
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.fcTouched?.();
+            this.touched = true;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.fcChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.fcTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTextArea, deps: [], 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", value: "value", id: "id", placeholder: "placeholder", rows: "rows", error: "error", disabled: "disabled", readOnly: "readOnly", width: "width", ariaLabel: "ariaLabel", countBy: "countBy", maxCount: "maxCount", maxWidth: "maxWidth", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, outputs: { onChange: "onChange", onKeyPress: "onKeyPress" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabTextArea),
+            }
+        ], ngImport: i0, template: `
+    <goa-textarea
+      [attr.name]="name"
+      [attr.value]="value"
+      [attr.placeholder]="placeholder"
+      [attr.rows]="rows"
+      [attr.error]="error"
+      [disabled]="disabled"
+      [attr.readonly]="readOnly"
+      [attr.width]="width"
+      [attr.maxwidth]="maxWidth"
+      [attr.arialabel]="ariaLabel"
+      [attr.countby]="countBy"
+      [attr.maxcount]="maxCount"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+      (_keyPress)="_onKeyPress($event)"
+    >
+    </goa-textarea>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTextArea, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-textarea",
+                    template: `
+    <goa-textarea
+      [attr.name]="name"
+      [attr.value]="value"
+      [attr.placeholder]="placeholder"
+      [attr.rows]="rows"
+      [attr.error]="error"
+      [disabled]="disabled"
+      [attr.readonly]="readOnly"
+      [attr.width]="width"
+      [attr.maxwidth]="maxWidth"
+      [attr.arialabel]="ariaLabel"
+      [attr.countby]="countBy"
+      [attr.maxcount]="maxCount"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+      (_change)="_onChange($event)"
+      (_keyPress)="_onKeyPress($event)"
+    >
+    </goa-textarea>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabTextArea),
+                        }
+                    ]
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], countBy: [{
+                type: Input
+            }], maxCount: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], onKeyPress: [{
+                type: Output
+            }] } });
+
+class GoabTooltip {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabTooltip, isStandalone: true, selector: "goab-tooltip", inputs: { position: "position", content: "content", hAlign: "hAlign", testId: "testId", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    <goa-tooltip
+      [attr.position]="position"
+      [attr.content]="content"
+      [attr.halign]="hAlign"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-tooltip>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTooltip, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-tooltip",
+                    template: `
+    <goa-tooltip
+      [attr.position]="position"
+      [attr.content]="content"
+      [attr.halign]="hAlign"
+      [attr.testid]="testId"
+      [attr.mt]="mt"
+      [attr.mb]="mb"
+      [attr.ml]="ml"
+      [attr.mr]="mr"
+    >
+      <ng-content />
+    </goa-tooltip>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }], propDecorators: { position: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], hAlign: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], mt: [{
+                type: Input
+            }], mb: [{
+                type: Input
+            }], ml: [{
+                type: Input
+            }], mr: [{
+                type: Input
+            }] } });
+
 // TODO: move this into the form-utils file, since it is specific to the public form component
 function validate(field, fieldsetEl, fieldsetState, validators) {
     const value = fieldsetState?.[field]?.value;
@@ -444,5 +3989,5 @@ function continueTo(el, name) {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, CheckedDirective, FormValidator, SINValidator, ValueDirective, ValueListDirective, birthDayValidator, birthMonthValidator, birthYearValidator, continueTo, dateValidator, dispatch, emailValidator, lengthValidator, numericValidator, phoneNumberValidator, postalCodeValidator, regexValidator, relay, requiredValidator, validate };
+export { AngularComponentsModule, CheckedDirective, FormValidator, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDatePicker, GoabDetails, GoabDivider, GoabDropdown, GoabDropdownItem, GoabFileUploadCard, GoabFileUploadInput, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabMicrositeHeader, GoabModal, GoabNotificationBanner, GoabPages, GoabPagination, GoabPopover, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTextArea, GoabTooltip, SINValidator, ValueDirective, ValueListDirective, birthDayValidator, birthMonthValidator, birthYearValidator, continueTo, dateValidator, dispatch, emailValidator, lengthValidator, numericValidator, phoneNumberValidator, postalCodeValidator, regexValidator, relay, requiredValidator, validate };
 //# sourceMappingURL=abgov-angular-components.mjs.map