@abgov/angular-components 4.9.1-dev.4 → 4.10.0-dev.1

package/fesm2022/abgov-angular-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { forwardRef, HostListener, Directive, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, ElementRef, booleanAttribute, ViewChild, EventEmitter, Output, numberAttribute, TemplateRef } from '@angular/core';
+import { forwardRef, HostListener, Directive, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, ElementRef, booleanAttribute, ViewChild, EventEmitter, Output, numberAttribute, TemplateRef, HostBinding } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgIf } from '@angular/common';
 import { NG_VALUE_ACCESSOR, CheckboxControlValueAccessor } from '@angular/forms';
@@ -5560,6 +5560,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             }] } });
 
 class GoabText {
+    /*
+      This is necessary because angular outputs two elements, <goab-text> and <goa-text>
+      This removes the id from <goa-text> and only outputs it to <goab-text>
+    */
+    get hostId() {
+        return this.id;
+    }
     constructor(cdr) {
         this.cdr = cdr;
         this.isReady = false;
@@ -5573,7 +5580,7 @@ class GoabText {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GoabText, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabText, isStandalone: true, selector: "goab-text", inputs: { tag: "tag", size: "size", maxWidth: "maxWidth", color: "color", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabText, isStandalone: true, selector: "goab-text", inputs: { tag: "tag", size: "size", maxWidth: "maxWidth", color: "color", id: "id", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, host: { properties: { "attr.id": "this.hostId" } }, ngImport: i0, template: `
     <goa-text
       *ngIf="isReady"
       [attr.as]="tag"
@@ -5583,7 +5590,8 @@ class GoabText {
       [attr.mt]="mt"
       [attr.mb]="mb"
       [attr.ml]="ml"
-      [attr.mr]="mr">
+      [attr.mr]="mr"
+    >
       <ng-content />
     </goa-text>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
@@ -5592,7 +5600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             type: Component,
             args: [{
                     standalone: true,
-                    selector: 'goab-text',
+                    selector: "goab-text",
                     imports: [CommonModule],
                     template: `
     <goa-text
@@ -5604,11 +5612,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
       [attr.mt]="mt"
       [attr.mb]="mb"
       [attr.ml]="ml"
-      [attr.mr]="mr">
+      [attr.mr]="mr"
+    >
       <ng-content />
     </goa-text>
   `,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tag: [{
                 type: Input
@@ -5618,6 +5627,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], color: [{
                 type: Input
+            }], id: [{
+                type: Input
+            }], hostId: [{
+                type: HostBinding,
+                args: ["attr.id"]
             }], mt: [{
                 type: Input
             }], mb: [{