@abgov/angular-components 5.0.0-dev.4 → 5.0.0-dev.6

package/fesm2022/abgov-angular-components.mjs

@@ -3232,6 +3232,18 @@ class GoabFormItem extends GoabBaseComponent {
         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
@@ -3246,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"
@@ -3260,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"
@@ -3289,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],
@@ -3318,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 }); }
@@ -3793,6 +3821,8 @@ class GoabIconButton extends GoabBaseComponent {
         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();
     }
@@ -3806,12 +3836,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"
@@ -3841,6 +3872,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"
@@ -3867,6 +3899,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }], variant: [{
                 type: Input
+            }], theme: [{
+                type: Input
             }], title: [{
                 type: Input
             }], disabled: [{