@abgov/angular-components 5.0.0-dev.5 → 5.0.0-dev.7

package/fesm2022/abgov-angular-components.mjs

@@ -232,6 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }] });
 
+/** Provides shared margin and test id inputs for Angular GoA wrapper components. */
 class GoabBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabBaseComponent, isStandalone: true, selector: "ng-component", inputs: { mt: "mt", mb: "mb", ml: "ml", mr: "mr", testId: "testId" }, ngImport: i0, template: ``, isInline: true }); }
@@ -386,10 +387,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: ["goaComponentRef", { static: false, read: ElementRef }]
             }] } });
 
+/** Let users show and hide sections of related content on a page. */
 class GoabAccordion extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Emits when the accordion opens or closes. Emits the new open state as a boolean. */
         this.onChange = new EventEmitter();
         this.isReady = false;
     }
@@ -480,11 +483,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Small labels which hold small amounts of information, system feedback, or states. */
 class GoabBadge extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the size of the badge. @default "medium" */
         this.size = "medium";
+        /** Sets the visual emphasis. 'subtle' for less prominent, 'strong' for more emphasis. @default "strong" */
         this.emphasis = "strong";
         this.isReady = false;
         this.version = "2";
@@ -558,6 +564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Group components into a block with consistent space between. */
 class GoabBlock extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -633,11 +640,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Carry out an important action or navigate to another page. */
 class GoabButton extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the visual style of the button. Use "primary" for main actions, "secondary" for alternative actions, "tertiary" for low-emphasis actions, and "start" for prominent call-to-action buttons. @default "primary" */
         this.type = "primary";
+        /** Emits when the button is clicked. */
         this.onClick = new EventEmitter();
         this.isReady = false;
         this.version = "2";
@@ -738,6 +748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Display multiple related actions stacked or in a horizontal row to help with arrangement and spacing. */
 class GoabButtonGroup extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -797,11 +808,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Visual calendar for date selection. */
 class GoabCalendar extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.version = "2";
+        /** Emits when the selected date changes. Emits the selected date details as GoabCalendarOnChangeDetail. */
         this.onChange = new EventEmitter();
         this.isReady = false;
         this.once = new Once();
@@ -894,17 +907,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Communicate important information through a strong visual emphasis. */
 class GoabCallout extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Define the context and colour of the callout. @default "information" */
         this.type = "information";
+        /** Callout heading text. */
         this.heading = "";
+        /** Sets the size of the callout. 'medium' has reduced padding and type size for compact areas. @default "large" */
         this.size = "large";
+        /** Indicates how assistive technology should handle updates to the live region. @default "off" */
         this.ariaLive = "off";
+        /** Sets the icon theme. 'outline' for stroked icons, 'filled' for solid icons. @default "outline" */
         this.iconTheme = "outline";
+        /** Sets the visual prominence. 'high' for full background, 'medium' for subtle, 'low' for minimal. @default "medium" */
         this.emphasis = "medium";
     }
     ngOnInit() {
@@ -982,6 +1002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** A container that groups related content and actions. */
 class GoabCard extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -1042,6 +1063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** A container that groups related content and actions. */
 class GoabCardContent {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -1080,6 +1102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }] });
 
+/** A container that groups related content and actions. */
 class GoabCardActions {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -1118,6 +1141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }] });
 
+/** A container that groups related content and actions. */
 class GoabCardImage {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -1162,13 +1186,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }] } });
 
+/** Let the user select one or more options. */
 class GoabCheckbox extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Sets the size of the checkbox. 'compact' reduces spacing for dense layouts. @default "default" */
         this.size = "default";
+        /** Emits when the checkbox value changes. Emits the new checkbox state as a GoabCheckboxOnChangeDetail object. */
         this.onChange = new EventEmitter();
     }
     ngOnInit() {
@@ -1324,13 +1351,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A multiple selection input. */
 class GoabCheckboxList extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Sets the size of the checkbox list. 'compact' reduces spacing between items. @default "default" */
         this.size = "default";
+        /** Emits when a checkbox selection changes. Emits the change detail including name, value array, and event. */
         this.onChange = new EventEmitter();
     }
     ngOnInit() {
@@ -1431,12 +1461,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Compact element for labels, tags, or selections. */
 class GoabChip extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** @deprecated Use GoAFilterChip instead. The text content displayed in the chip. */
         this.content = "";
+        /** Emits when the chip is clicked. */
         this.onClick = new EventEmitter();
     }
     ngOnInit() {
@@ -1513,6 +1546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Provide feedback of progress to users while loading. */
 class GoabCircularProgress {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -1577,6 +1611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Organizes page content in one, two, or three responsive columns. */
 class GoabColumnLayout {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -1616,13 +1651,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }] });
 
+/** Group information, create hierarchy, and show related information. */
 class GoabContainer extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the container and accent bar styling. @default "interactive" */
         this.type = "interactive";
+        /** Sets the style of accent on the container. @default "filled" */
         this.accent = "filled";
+        /** Sets the amount of white space in the container. @default "relaxed" */
         this.padding = "relaxed";
+        /** Sets the width of the container. @default "full" */
         this.width = "full";
         this.isReady = false;
     }
@@ -1720,10 +1760,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Advanced table with sorting and selection. */
 class GoabDataGrid {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Controls visibility of the keyboard navigation indicator icon. Use "visible" to show or "hidden" to hide. @default "visible" */
         this.keyboardIconVisibility = "visible";
+        /** Position of the keyboard navigation indicator icon. @default "left" */
         this.keyboardIconPosition = "left";
         this.isReady = false;
     }
@@ -1775,6 +1818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }] } });
 
+/** Lets users select a date through a calendar without the need to manually type it in a field. */
 class GoabDatePicker extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
@@ -1782,6 +1826,7 @@ class GoabDatePicker extends GoabControlValueAccessor {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Emits when the selected date changes. Emits the date picker change detail including name and value. */
         this.onChange = new EventEmitter();
         this.once = new Once();
     }
@@ -1929,6 +1974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: ["disabledChange", ["$event"]]
             }] } });
 
+/** Let users reveal more detailed information when they need it. */
 class GoabDetails extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -1994,6 +2040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Indicate a separation of layout, or to distinguish large chunks of information on a page. */
 class GoabDivider extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -2043,10 +2090,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }] });
 
+/** A panel that slides in from the side of the screen to display additional content or actions without navigating away from the current view. */
 class GoabDrawer {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.version = "2";
+        /** Emits when the drawer is closed. */
         this.onClose = new EventEmitter();
         this.isReady = false;
     }
@@ -2136,11 +2185,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             }] } });
 
 // "disabled", "value", "id" is an exposed property of HTMLInputElement, no need to bind with attr
+/** Present a list of options to the user to select from. */
 class GoabDropdown extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the size of the dropdown. Compact reduces height for dense layouts. @default "default" */
         this.size = "default";
+        /** Emits when the user selects a value from the dropdown. Emits a GoabDropdownOnChangeDetail object with the new value. */
         this.onChange = new EventEmitter();
         this.isReady = false;
         this.version = "2";
@@ -2286,6 +2338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Present a list of options to the user to select from. */
 class GoabDropdownItem {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -2340,10 +2393,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Display uploaded file with actions. */
 class GoabFileUploadCard {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Emits when the user cancels a file upload. Emits a GoabFileUploadOnCancelDetail object with the filename. */
         this.onCancel = new EventEmitter();
+        /** Emits when the user removes an uploaded file. Emits a GoabFileUploadOnDeleteDetail object with the filename. */
         this.onDelete = new EventEmitter();
         this.isReady = false;
         this.version = "2";
@@ -2404,7 +2460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }], size: [{
                 type: Input,
-                args: [{ transform: numberAttribute }]
+                args: [{ required: true, transform: numberAttribute }]
             }], type: [{
                 type: Input
             }], progress: [{
@@ -2420,12 +2476,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Help users select and upload a file. */
 class GoabFileUploadInput extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the id attribute on the file upload input element. */
         this.id = "";
+        /** Maximum file size with unit (e.g., "5MB", "100KB", "1GB"). Files exceeding this will be rejected. @default "5MB" */
         this.maxFileSize = "5MB";
+        /** Emits when a file is selected. Emits the selected file details. */
         this.onSelectFile = new EventEmitter();
         this.isReady = false;
         this.version = "2";
@@ -2489,8 +2549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         }], propDecorators: { id: [{
                 type: Input
             }], variant: [{
-                type: Input,
-                args: [{ required: true }]
+                type: Input
             }], maxFileSize: [{
                 type: Input
             }], accept: [{
@@ -2499,13 +2558,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Allow the user to enter information, filter content, and make selections. */
 class GoabFilterChip extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Text label of the chip. */
         this.content = "";
+        /** Secondary text displayed in a smaller size before the main content. */
         this.secondaryText = "";
+        /** Icon displayed at the start of the chip. */
         this.leadingIcon = null;
+        /** Emits when the filter chip delete button is clicked. */
         this.onClick = new EventEmitter();
         this.isReady = false;
         this.version = "2";
@@ -2584,6 +2648,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Provides information related your service at the bottom of every page. */
 class GoabAppFooter {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -2639,6 +2704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Copyright and legal links in footer. */
 class GoabAppFooterMetaSection {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -2673,9 +2739,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }] } });
 
+/** Navigation links section in footer. */
 class GoabAppFooterNavSection {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Maximum number of columns to display links in on larger screens. @default 1 */
         this.maxColumnCount = 1;
         this.isReady = false;
     }
@@ -2720,11 +2788,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicForm {
     constructor() {
+        /** The initialization status of the form. Set to "initializing" while loading external state, then "complete" when ready. @default "complete" */
         this.status = "complete";
+        /** Emits when the form is initialized. */
         this.onInit = new EventEmitter();
+        /** Emits when the form is complete. Emits the form state. */
         this.onComplete = new EventEmitter();
+        /** Emits when the form state changes. Emits the updated form state. */
         this.onStateChange = new EventEmitter();
     }
     _onInit(e) {
@@ -2781,21 +2854,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicFormPage extends GoabBaseComponent {
     constructor() {
         super(...arguments);
+        /** Sets the id of the form page. */
         this.id = "";
+        /** Sets the main heading text of the form page. */
         this.heading = "";
+        /** Sets the sub-heading text displayed below the main heading. */
         this.subHeading = "";
+        /** Sets the heading used in the summary view for this page. */
         this.summaryHeading = "";
+        /** Sets the section title displayed above the heading. */
         this.sectionTitle = "";
+        /** Sets the URL for the back navigation link. */
         this.backUrl = "";
+        /** Sets the type of the form page step. @default "step" */
         this.type = "step";
+        /** Sets the text for the continue or confirm button. */
         this.buttonText = "";
+        /** Sets the visibility of the continue button. @default "visible" */
         this.buttonVisibility = "visible";
-        /**
-         * triggers when the form page continues to the next step
-         */
+        /** Emits when the form page continues to the next step. */
         this.onContinue = new EventEmitter();
     }
     _onContinue(event) {
@@ -2872,6 +2953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicFormSummary {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicFormSummary, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabPublicFormSummary, isStandalone: true, selector: "goab-public-form-summary", inputs: { heading: "heading" }, ngImport: i0, template: `
@@ -2896,13 +2978,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicSubform extends GoabBaseComponent {
     constructor() {
         super(...arguments);
+        /** Sets the id of the subform. */
         this.id = "";
+        /** Sets the name identifier for the subform. */
         this.name = "";
+        /** Sets the text for the continue button. */
         this.continueMsg = "";
+        /** Emits when the subform is initialized. */
         this.onInit = new EventEmitter();
+        /** Emits when the subform state changes. */
         this.onStateChange = new EventEmitter();
     }
     _onInit(e) {
@@ -2962,12 +3050,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicSubformIndex extends GoabBaseComponent {
     constructor() {
         super(...arguments);
+        /** Sets the heading text of the subform index page. */
         this.heading = "";
+        /** Sets the section title displayed above the heading. */
         this.sectionTitle = "";
+        /** Sets the text for the action button that navigates to the subform. */
         this.actionButtonText = "";
+        /** Sets the visibility of the continue button. @default "hidden" */
         this.buttonVisibility = "hidden";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicSubformIndex, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -3020,6 +3113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicFormTask {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicFormTask, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabPublicFormTask, isStandalone: true, selector: "goab-public-form-task", inputs: { status: "status" }, ngImport: i0, template: `
@@ -3044,6 +3138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabPublicFormTaskList extends GoabBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicFormTaskList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabPublicFormTaskList, isStandalone: true, selector: "goab-public-form-task-list", inputs: { heading: "heading" }, usesInheritance: true, ngImport: i0, template: `
@@ -3080,9 +3175,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Container for form inputs and validation. */
 class GoabFieldset {
     constructor() {
+        /** Sets when changes will be dispatched to the form. @default "continue" */
         this.dispatchOn = "continue";
+        /** Emits when the fieldset continues to the next step. Emits the continue detail. */
         this.onContinue = new EventEmitter();
     }
     _onContinue(event) {
@@ -3124,14 +3222,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Wraps an input control with a text label, requirement label, helper text, and error text. */
 class GoabFormItem extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Specifies the input type for appropriate message spacing. Used with checkbox-list or radio-group. */
         this.type = "";
         this.isReady = false;
         this.version = "2";
     }
+    getHelpTextAsString() {
+        return typeof this.helpText === "string" ? this.helpText : undefined;
+    }
+    getHelpTextAsTemplate() {
+        return this.helpText instanceof TemplateRef ? this.helpText : null;
+    }
+    getErrorAsString() {
+        return typeof this.error === "string" ? this.error : undefined;
+    }
+    getErrorAsTemplate() {
+        return this.error instanceof TemplateRef ? this.error : null;
+    }
     ngOnInit() {
         // For Angular 20, we need to delay rendering the web component
         // to ensure all attributes are properly bound before the component initializes
@@ -3146,8 +3258,8 @@ class GoabFormItem extends GoabBaseComponent {
       [attr.version]="version"
       [attr.label]="label"
       [attr.labelsize]="labelSize"
-      [attr.helptext]="helpText"
-      [attr.error]="error"
+      [attr.helptext]="getHelpTextAsString()"
+      [attr.error]="getErrorAsString()"
       [attr.testid]="testId"
       [attr.type]="type"
       [id]="id"
@@ -3160,23 +3272,33 @@ class GoabFormItem extends GoabBaseComponent {
       [attr.mr]="mr"
       [attr.ml]="ml"
     >
+      @if (getErrorAsTemplate()) {
+        <div slot="error">
+          <ng-container [ngTemplateOutlet]="getErrorAsTemplate()"></ng-container>
+        </div>
+      }
+      @if (getHelpTextAsTemplate()) {
+        <div slot="helptext">
+          <ng-container [ngTemplateOutlet]="getHelpTextAsTemplate()"></ng-container>
+        </div>
+      }
       <ng-content />
-      <ng-content select="goab-form-item-slot"></ng-content>
     </goa-form-item>
-  }`, isInline: true }); }
+  }`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabFormItem, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
                     selector: "goab-form-item",
+                    imports: [NgTemplateOutlet],
                     template: `@if (isReady) {
     <goa-form-item
       [attr.version]="version"
       [attr.label]="label"
       [attr.labelsize]="labelSize"
-      [attr.helptext]="helpText"
-      [attr.error]="error"
+      [attr.helptext]="getHelpTextAsString()"
+      [attr.error]="getErrorAsString()"
       [attr.testid]="testId"
       [attr.type]="type"
       [id]="id"
@@ -3189,8 +3311,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
       [attr.mr]="mr"
       [attr.ml]="ml"
     >
+      @if (getErrorAsTemplate()) {
+        <div slot="error">
+          <ng-container [ngTemplateOutlet]="getErrorAsTemplate()"></ng-container>
+        </div>
+      }
+      @if (getHelpTextAsTemplate()) {
+        <div slot="helptext">
+          <ng-container [ngTemplateOutlet]="getHelpTextAsTemplate()"></ng-container>
+        </div>
+      }
       <ng-content />
-      <ng-content select="goab-form-item-slot"></ng-content>
     </goa-form-item>
   }`,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -3218,10 +3349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             }] } });
 
 /**
- * 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
+ * @deprecated Use `TemplateRef` inputs on `goab-form-item` (`[helpText]` / `[error]`) instead.
  */
 class GoabFormItemSlot {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabFormItemSlot, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -3239,6 +3367,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }] } });
 
+/** Individual step in a multi-step form. */
 class GoabFormStep {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -3275,11 +3404,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Provides a visual representation of a form through a series of steps. */
 class GoabFormStepper extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** The current step state value (1-based index). Leaving it blank (-1) will allow any step to be accessed. @default -1 */
         this.step = -1;
+        /** Emits when the form stepper step changes. Emits the new step as GoabFormStepperOnChangeDetail. */
         this.onChange = new EventEmitter();
         this.isReady = false;
     }
@@ -3338,6 +3470,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Arrange a number of components into a responsive grid pattern. */
 class GoabGrid extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -3396,12 +3529,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Provide structure to help users find their way around the service. */
 class GoabAppHeader extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Emits when the menu button is clicked. Used for custom menu handling. */
         this.onMenuClick = new EventEmitter();
     }
     ngOnInit() {
@@ -3467,6 +3602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Menu items within the app header. */
 class GoabAppHeaderMenu extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -3520,6 +3656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: ["attr.slot"]
             }] } });
 
+/** A visual band of text, including an image and a call to action. */
 class GoabHeroBanner {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -3595,6 +3732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** A simple and universal graphic symbol representing an action, object, or concept to help guide the user. */
 class GoabIcon extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -3610,7 +3748,7 @@ class GoabIcon extends GoabBaseComponent {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabIcon, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabIcon, isStandalone: true, selector: "goab-icon", inputs: { type: "type", size: "size", theme: "theme", inverted: ["inverted", "inverted", booleanAttribute], fillColor: "fillColor", opacity: ["opacity", "opacity", numberAttribute], title: "title", ariaLabel: "ariaLabel" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabIcon, isStandalone: true, selector: "goab-icon", inputs: { type: "type", size: "size", theme: "theme", inverted: ["inverted", "inverted", booleanAttribute], fillColor: "fillColor", opacity: ["opacity", "opacity", numberAttribute], title: "title", ariaLabel: "ariaLabel", role: "role" }, usesInheritance: true, ngImport: i0, template: `
     @if (isReady) {
       <goa-icon
         [attr.type]="type"
@@ -3621,6 +3759,7 @@ class GoabIcon extends GoabBaseComponent {
         [attr.opacity]="opacity"
         [attr.title]="title"
         [attr.arialabel]="ariaLabel"
+        [attr.role]="role"
         [attr.mt]="mt"
         [attr.mb]="mb"
         [attr.ml]="ml"
@@ -3644,6 +3783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         [attr.opacity]="opacity"
         [attr.title]="title"
         [attr.arialabel]="ariaLabel"
+        [attr.role]="role"
         [attr.mt]="mt"
         [attr.mb]="mb"
         [attr.ml]="ml"
@@ -3672,15 +3812,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }], ariaLabel: [{
                 type: Input
+            }], role: [{
+                type: Input
             }] } });
 
+/** A compact button with an icon and no text. */
 class GoabIconButton extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.JSON = JSON;
+        /** Sets the size of button. @default "medium" */
         this.size = "medium";
+        /** Sets the icon theme. "outline" for stroked icons, "filled" for solid icons. @default "outline" */
+        this.theme = "outline";
+        /** Emits when the icon button is clicked. */
         this.onClick = new EventEmitter();
     }
     ngOnInit() {
@@ -3693,12 +3840,13 @@ class GoabIconButton extends GoabBaseComponent {
         this.onClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabIconButton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabIconButton, isStandalone: true, selector: "goab-icon-button", inputs: { icon: "icon", size: "size", variant: "variant", title: "title", disabled: ["disabled", "disabled", booleanAttribute], ariaLabel: "ariaLabel", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabIconButton, isStandalone: true, selector: "goab-icon-button", inputs: { icon: "icon", size: "size", variant: "variant", theme: "theme", title: "title", disabled: ["disabled", "disabled", booleanAttribute], ariaLabel: "ariaLabel", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
     @if (isReady) {
       <goa-icon-button
         [attr.icon]="icon"
         [disabled]="disabled"
         [attr.size]="size"
+        [attr.theme]="theme"
         [attr.variant]="variant"
         [title]="title"
         [attr.arialabel]="ariaLabel"
@@ -3728,6 +3876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         [attr.icon]="icon"
         [disabled]="disabled"
         [attr.size]="size"
+        [attr.theme]="theme"
         [attr.variant]="variant"
         [title]="title"
         [attr.arialabel]="ariaLabel"
@@ -3754,6 +3903,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }], variant: [{
                 type: Input
+            }], theme: [{
+                type: Input
             }], title: [{
                 type: Input
             }], disabled: [{
@@ -3771,17 +3922,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A single-line field where users can input and edit text. */
 class GoabInput extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the type of the input field. @default "text" */
         this.type = "text";
+        /** Sets the text alignment within the input field. @default "left" */
         this.textAlign = "left";
+        /** Sets the size of the input. 'compact' reduces height for dense layouts. @default "default" */
         this.size = "default";
+        /** Emits when the trailing icon is clicked. */
         this.onTrailingIconClick = new EventEmitter();
+        /** Emits when the input receives focus. Emits focus detail including the current value. */
         this.onFocus = new EventEmitter();
+        /** Emits when the input loses focus. Emits blur detail including the current value. */
         this.onBlur = new EventEmitter();
+        /** Emits when a key is pressed in the input. Emits key press detail including the value and key pressed. */
         this.onKeyPress = new EventEmitter();
+        /** Emits when the input value changes. Emits change detail including the new value. */
         this.onChange = new EventEmitter();
         this.version = "2";
         this.isReady = false;
@@ -4069,17 +4229,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A single-line field where users can input and edit numeric values. */
 class GoabInputNumber {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Sets the type of the input field. @default "number" */
         this.type = "number";
+        /** Sets the text alignment within the input field. @default "right" */
         this.textAlign = "right"; // Default to right for numbers
+        /** Bound to value. */
         this.value = null;
+        /** Emits when the trailing icon is clicked. */
         this.onTrailingIconClick = new EventEmitter(); // Keep void type
+        /** Emits when the input receives focus. Emits focus detail including the current value. */
         this.onFocus = new EventEmitter();
+        /** Emits when the input loses focus. Emits blur detail including the current value. */
         this.onBlur = new EventEmitter();
+        /** Emits when a key is pressed in the input. Emits key press detail including the value and key pressed. */
         this.onKeyPress = new EventEmitter();
+        /** Emits when the input value changes. Emits change detail including the new value. */
         this.onChange = new EventEmitter();
         this.handleTrailingIconClick = false;
         this.touched = false;
@@ -4404,6 +4573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Provide visual feedback to users while loading. */
 class GoabLinearProgress {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -4462,11 +4632,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Wraps an anchor element to add icons or margins. */
 class GoabLink {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Sets the color theme. 'interactive' for blue, 'dark' for black, 'light' for white text. @default "interactive" */
         this.color = "interactive";
+        /** Sets the text size and corresponding icon size. @default "medium" */
         this.size = "medium";
         this.JSON = JSON;
     }
@@ -4551,10 +4724,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Communicate what stage the service is at, connect to Alberta.ca, and gather feedback on your service. */
 class GoabMicrositeHeader {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Emits when the feedback link is clicked. */
         this.onFeedbackClick = new EventEmitter();
     }
     ngOnInit() {
@@ -4641,12 +4816,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** An overlay that appears in front of all other content, and requires a user to take an action before continuing. */
 class GoabModal {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Show close icon and allow clicking the background to close the modal. */
         this.closable = false;
+        /** Emits when the modal is closed. */
         this.onClose = new EventEmitter();
     }
     ngOnInit() {
@@ -4761,8 +4939,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A button with more than one action. */
 class GoabMenuButton {
     constructor() {
+        /** Emits when a menu action is clicked. Emits the action detail. */
         this.onAction = new EventEmitter();
     }
     _onAction(e) {
@@ -4830,6 +5010,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Individual action item within a menu button. */
 class GoabMenuAction {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabMenuAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabMenuAction, isStandalone: true, selector: "goab-menu-action", inputs: { text: "text", action: "action", icon: "icon", testId: "testId" }, ngImport: i0, template: `
@@ -4870,13 +5051,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Display important page level information or notifications. */
 class GoabNotification {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Define the context and colour of the notification. @default "information" */
         this.type = "information";
+        /** Sets the visual prominence. 'high' for full background, 'low' for medium. @default "high" */
         this.emphasis = "high";
+        /** Emits when the notification is dismissed. */
         this.onDismiss = new EventEmitter();
     }
     ngOnInit() {
@@ -4946,6 +5131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Full-width section with optional background. */
 class GoabPageBlock {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -4986,6 +5172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Container for paginated content views. */
 class GoabPages extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -5038,14 +5225,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ transform: numberAttribute }]
             }] } });
 
+/** Help users navigation between multiple pages or screens as part of a set. */
 class GoabPagination extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Number of data items shown per page. @default 10 */
         this.perPageCount = 10;
+        /** Controls which nav controls are visible. @default "all" */
         this.variant = "all";
+        /** Emits when the page changes. Emits the new page number as part of the change detail. */
         this.onChange = new EventEmitter();
     }
     ngOnInit() {
@@ -5117,12 +5308,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A small overlay that opens on demand, used in other components. */
 class GoabPopover extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Sets the maximum width of the popover container. @default "320px" */
         this.maxWidth = "320px";
+        /** Sets if the popover has padding. Use false when content needs to be flush with boundaries. @default true */
         this.padded = true;
     }
     ngOnInit() {
@@ -5198,10 +5392,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ required: true }]
             }] } });
 
+/** A panel that pushes the main page content aside on desktop, falling back to an overlay drawer on smaller screens. */
 class GoabPushDrawer {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.version = "2";
+        /** Emits when the push drawer closes. */
         this.onClose = new EventEmitter();
         this.isReady = false;
     }
@@ -5287,13 +5483,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Allow users to select one option from a set. */
 class GoabRadioGroup extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Sets the size of all radio items. 'compact' reduces spacing for dense layouts (V2 only). @default "default" */
         this.size = "default";
+        /** Emits when the selected radio item changes. Emits the name, value, and event of the selected item. */
         this.onChange = new EventEmitter();
     }
     ngOnInit() {
@@ -5393,6 +5592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Individual radio option within a group. */
 class GoabRadioItem extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -5522,6 +5722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
 
+/** A side navigation that helps the user navigate between pages. */
 class GoabSideMenu {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -5561,6 +5762,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Group of related side menu items. */
 class GoabSideMenuGroup extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -5622,6 +5824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Section heading in side menu. */
 class GoabSideMenuHeading {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -5680,11 +5883,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Provide visual feedback to users while loading a content heavy page or page element. */
 class GoabSkeleton extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Sets the maximum width. Currently only used in card skeleton type. @default "300px" */
         this.maxWidth = "300px";
     }
     ngOnInit() {
@@ -5746,6 +5951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 args: [{ transform: numberAttribute }]
             }] } });
 
+/** Negative area between the components and the interface. */
 class GoabSpacer {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -5794,6 +6000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Individual tab within a tabs component. */
 class GoabTab {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -5864,13 +6071,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** A set of structured data that is easy for a user to scan, examine, and compare. */
 class GoabTable extends GoabBaseComponent {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Emits when a table column is sorted. Emits the sort column and direction as GoabTableOnSortDetail. */
         this.onSort = new EventEmitter();
+        /** Emits when multi-column sorting changes. Emits an array of sort entries as GoabTableOnMultiSortDetail. */
         this.onMultiSort = new EventEmitter();
     }
     ngOnInit() {
@@ -5955,10 +6165,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A set of structured data that is easy for a user to scan, examine, and compare. */
 class GoabTableSortHeader {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Sets the sort direction indicator. @default "none" */
         this.direction = "none";
     }
     ngOnInit() {
@@ -6006,11 +6218,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Let users navigate between related sections of content, displaying one section at a time. */
 class GoabTabs {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
+        /** Emits when the active tab changes. Emits the new tab index as GoabTabsOnChangeDetail. */
         this.onChange = new EventEmitter();
     }
     ngOnInit() {
@@ -6077,11 +6291,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A notification that appears at the bottom of the screen. */
 class GoabTemporaryNotificationCtrl {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        /** Vertical position of the notification container. @default "bottom" */
         this.verticalPosition = "bottom";
+        /** Horizontal position of the notification container. @default "center" */
         this.horizontalPosition = "center";
     }
     ngOnInit() {
@@ -6127,6 +6344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Provides consistent sizing, spacing, and colour to written content. */
 class GoabText {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -6211,16 +6429,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** A multi-line field where users can input and edit text. */
 class GoabTextArea extends GoabControlValueAccessor {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
+        /** Counting interval for characters or words, specifying whether to count every character or word. @default "" */
         this.countBy = "";
+        /** Maximum number of characters or words allowed. @default -1 */
         this.maxCount = -1;
+        /** Specifies the autocomplete attribute for the textarea input. @default "on" */
         this.autoComplete = "on";
+        /** Sets the size variant of the textarea. @default "default" */
         this.size = "default";
+        /** Emits when the textarea value changes. Emits the name and new value. */
         this.onChange = new EventEmitter();
+        /** Emits when a key is pressed in the textarea. Emits the name, value, and key. */
         this.onKeyPress = new EventEmitter();
+        /** Emits when the textarea loses focus. Emits the name and current value. */
         this.onBlur = new EventEmitter();
         this.isReady = false;
         this.version = "2";
@@ -6368,6 +6594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** A small popover that displays more information about an item. */
 class GoabTooltip extends GoabBaseComponent {
     constructor() {
         super(...arguments);
@@ -6454,10 +6681,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Side menu variant for worker applications. */
 class GoabWorkSideMenu {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Emits when the side menu is toggled open or closed. */
         this.onToggle = new EventEmitter();
+        /** Emits when a navigation link is clicked. Emits the URL as a string. */
         this.onNavigate = new EventEmitter();
         this.isReady = false;
     }
@@ -6560,6 +6790,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Collapsible group of items within the work side menu. */
 class GoabWorkSideMenuGroup {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -6618,9 +6849,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Individual menu item within the work side menu. */
 class GoabWorkSideMenuItem {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Sets the visual style of the badge. Use "emergency" for urgent items, "success" for positive status. @default "normal" */
         this.type = "normal";
         this.isReady = false;
     }
@@ -6705,9 +6938,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }] } });
 
+/** Displays an individual notification item in the work-side notification panel. */
 class GoabWorkSideNotificationItem {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Emits when the notification item is clicked. */
         this.onClick = new EventEmitter();
         this.isReady = false;
     }
@@ -6776,10 +7011,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Output
             }] } });
 
+/** Displays a panel of work-side notifications. */
 class GoabWorkSideNotificationPanel {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        /** Emits when the user clicks "Mark all as read". */
         this.onMarkAllRead = new EventEmitter();
+        /** Emits when the user clicks "View all". */
         this.onViewAll = new EventEmitter();
         this.isReady = false;
     }