@abgov/angular-components 5.1.0 → 5.2.0-dev.2

package/fesm2022/abgov-angular-components.mjs

@@ -1467,7 +1467,7 @@ class GoabChip extends GoabBaseComponent {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
-        /** @deprecated Use GoAFilterChip instead. The text content displayed in the chip. */
+        /** @deprecated Use GoabFilterChip (goab-filter-chip) instead. The text content displayed in the chip. */
         this.content = "";
         /** Emits when the chip is clicked. */
         this.onClick = new EventEmitter();
@@ -2107,7 +2107,9 @@ class GoabDrawer {
             this.cdr.detectChanges();
         }, 0);
     }
-    _onClose() {
+    _onClose(event) {
+        if (event.target !== event.currentTarget)
+            return;
         this.onClose.emit();
     }
     getHeadingAsString() {
@@ -2127,7 +2129,7 @@ class GoabDrawer {
       [attr.maxsize]="maxSize"
       [attr.testid]="testId"
       [attr.version]="version"
-      (_close)="_onClose()"
+      (_close)="_onClose($event)"
     >
       <ng-content></ng-content>
       <div slot="heading">
@@ -2153,7 +2155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
       [attr.maxsize]="maxSize"
       [attr.testid]="testId"
       [attr.version]="version"
-      (_close)="_onClose()"
+      (_close)="_onClose($event)"
     >
       <ng-content></ng-content>
       <div slot="heading">
@@ -3530,9 +3532,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             }] } });
 
 /** Provide structure to help users find their way around the service. */
-class GoabAppHeader extends GoabBaseComponent {
+class GoabAppHeader {
     constructor() {
-        super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
         this.version = "2";
@@ -3548,8 +3549,8 @@ class GoabAppHeader extends GoabBaseComponent {
     _onMenuClick() {
         this.onMenuClick.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabAppHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabAppHeader, isStandalone: true, selector: "goab-app-header", inputs: { url: "url", heading: "heading", secondaryText: "secondaryText", maxContentWidth: "maxContentWidth", fullMenuBreakpoint: ["fullMenuBreakpoint", "fullMenuBreakpoint", numberAttribute] }, outputs: { onMenuClick: "onMenuClick" }, usesInheritance: true, ngImport: i0, template: `@if (isReady) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabAppHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabAppHeader, isStandalone: true, selector: "goab-app-header", inputs: { url: "url", heading: "heading", secondaryText: "secondaryText", maxContentWidth: "maxContentWidth", fullMenuBreakpoint: ["fullMenuBreakpoint", "fullMenuBreakpoint", numberAttribute], testId: "testId" }, outputs: { onMenuClick: "onMenuClick" }, ngImport: i0, template: `@if (isReady) {
     <goa-app-header
       [attr.url]="url"
       [attr.heading]="heading"
@@ -3598,14 +3599,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             }], fullMenuBreakpoint: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
+            }], testId: [{
+                type: Input
             }], onMenuClick: [{
                 type: Output
             }] } });
 
 /** Menu items within the app header. */
-class GoabAppHeaderMenu extends GoabBaseComponent {
+class GoabAppHeaderMenu {
     constructor() {
-        super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
     }
@@ -3618,8 +3620,8 @@ class GoabAppHeaderMenu extends GoabBaseComponent {
             this.cdr.detectChanges();
         }, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabAppHeaderMenu, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabAppHeaderMenu, isStandalone: true, selector: "goab-app-header-menu", inputs: { leadingIcon: "leadingIcon", heading: "heading", slotName: "slotName" }, host: { properties: { "attr.slot": "this.hostSlot" } }, usesInheritance: true, ngImport: i0, template: `@if (isReady) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabAppHeaderMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabAppHeaderMenu, isStandalone: true, selector: "goab-app-header-menu", inputs: { leadingIcon: "leadingIcon", heading: "heading", testId: "testId", slotName: "slotName" }, host: { properties: { "attr.slot": "this.hostSlot" } }, ngImport: i0, template: `@if (isReady) {
     <goa-app-header-menu
       [attr.leadingicon]="leadingIcon"
       [attr.heading]="heading"
@@ -3649,6 +3651,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }], heading: [{
                 type: Input
+            }], testId: [{
+                type: Input
             }], slotName: [{
                 type: Input
             }], hostSlot: [{
@@ -4843,7 +4847,9 @@ class GoabModal {
             return null;
         return this.heading instanceof TemplateRef ? this.heading : null;
     }
-    _onClose() {
+    _onClose(event) {
+        if (event.target !== event.currentTarget)
+            return;
         this.onClose.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -4859,7 +4865,7 @@ class GoabModal {
         [attr.closable]="closable"
         [attr.transition]="transition"
         [attr.heading]="getHeadingAsString()"
-        (_close)="_onClose()"
+        (_close)="_onClose($event)"
       >
         <div slot="heading">
           @if (this.heading !== "" && getHeadingAsTemplate() !== null) {
@@ -4896,7 +4902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         [attr.closable]="closable"
         [attr.transition]="transition"
         [attr.heading]="getHeadingAsString()"
-        (_close)="_onClose()"
+        (_close)="_onClose($event)"
       >
         <div slot="heading">
           @if (this.heading !== "" && getHeadingAsTemplate() !== null) {
@@ -5407,7 +5413,9 @@ class GoabPushDrawer {
             this.cdr.detectChanges();
         }, 0);
     }
-    _onClose() {
+    _onClose(event) {
+        if (event.target !== event.currentTarget)
+            return;
         this.onClose.emit();
     }
     getHeadingAsString() {
@@ -5426,7 +5434,7 @@ class GoabPushDrawer {
       [attr.testid]="testId"
       [attr.width]="width"
       [attr.version]="version"
-      (_close)="_onClose()"
+      (_close)="_onClose($event)"
     >
       <ng-content></ng-content>
       <div slot="heading">
@@ -5453,7 +5461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
       [attr.testid]="testId"
       [attr.width]="width"
       [attr.version]="version"
-      (_close)="_onClose()"
+      (_close)="_onClose($event)"
     >
       <ng-content></ng-content>
       <div slot="heading">
@@ -5511,7 +5519,7 @@ class GoabRadioGroup extends GoabControlValueAccessor {
         this.fcChange?.(detail.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabRadioGroup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabRadioGroup, isStandalone: true, selector: "goab-radio-group", inputs: { name: "name", orientation: "orientation", ariaLabel: "ariaLabel", size: "size" }, outputs: { onChange: "onChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabRadioGroup, isStandalone: true, selector: "goab-radio-group", inputs: { name: "name", value: "value", orientation: "orientation", ariaLabel: "ariaLabel", size: "size" }, outputs: { onChange: "onChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -5582,6 +5590,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }], propDecorators: { name: [{
                 type: Input
+            }], value: [{
+                type: Input
             }], orientation: [{
                 type: Input
             }], ariaLabel: [{