@abgov/angular-components 4.11.0-dev.6 → 4.11.0-dev.8

package/fesm2022/abgov-angular-components.mjs

@@ -6790,6 +6790,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }] } });
 
+class GoabxCheckboxList extends GoabControlValueAccessor {
+    constructor(cdr, renderer) {
+        super(renderer);
+        this.cdr = cdr;
+        this.isReady = false;
+        this.version = "2";
+        this.size = "default";
+        this.onChange = new EventEmitter();
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.isReady = true;
+            this.cdr.detectChanges();
+        });
+    }
+    _onChange(e) {
+        const detail = { ...e.detail, event: e };
+        this.onChange.emit(detail);
+        this.markAsTouched();
+        // Update the form control with the selected values
+        const selectedValues = detail.value || [];
+        // clone to ensure a new reference so the underlying web component updates
+        this.value = [...selectedValues];
+        this.fcChange?.([...selectedValues]);
+    }
+    // Simplified writeValue - expects array input directly
+    writeValue(value) {
+        // clone to ensure a new reference and trigger downstream updates
+        this.value = Array.isArray(value) ? [...value] : [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxCheckboxList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GoabxCheckboxList, isStandalone: true, selector: "goabx-checkbox-list", inputs: { name: "name", maxWidth: "maxWidth", size: "size", value: "value" }, outputs: { onChange: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => GoabxCheckboxList),
+            },
+        ], usesInheritance: true, ngImport: i0, template: ` <goa-checkbox-list
+    *ngIf="isReady"
+    [attr.name]="name"
+    [value]="value"
+    [disabled]="disabled"
+    [attr.error]="error"
+    [attr.testid]="testId"
+    [id]="id"
+    [attr.maxwidth]="maxWidth"
+    [attr.version]="version"
+    [attr.size]="size"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+    (_change)="_onChange($event)"
+  >
+    <ng-content />
+  </goa-checkbox-list>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxCheckboxList, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goabx-checkbox-list",
+                    template: ` <goa-checkbox-list
+    *ngIf="isReady"
+    [attr.name]="name"
+    [value]="value"
+    [disabled]="disabled"
+    [attr.error]="error"
+    [attr.testid]="testId"
+    [id]="id"
+    [attr.maxwidth]="maxWidth"
+    [attr.version]="version"
+    [attr.size]="size"
+    [attr.mt]="mt"
+    [attr.mb]="mb"
+    [attr.ml]="ml"
+    [attr.mr]="mr"
+    (_change)="_onChange($event)"
+  >
+    <ng-content />
+  </goa-checkbox-list>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [CommonModule],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => GoabxCheckboxList),
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { name: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+
 class GoabxDatePicker extends GoabControlValueAccessor {
     formatValue(val) {
         if (!val)
@@ -8091,6 +8194,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }] } });
 
+class GoabxMenuAction {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxMenuAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GoabxMenuAction, isStandalone: true, selector: "goabx-menu-action", inputs: { text: "text", action: "action", icon: "icon", testId: "testId" }, ngImport: i0, template: `
+    <goa-menu-action
+      [attr.text]="text"
+      [attr.action]="action"
+      [attr.icon]="icon"
+      [attr.testid]="testId"
+    >
+    </goa-menu-action>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxMenuAction, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goabx-menu-action",
+                    template: `
+    <goa-menu-action
+      [attr.text]="text"
+      [attr.action]="action"
+      [attr.icon]="icon"
+      [attr.testid]="testId"
+    >
+    </goa-menu-action>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { text: [{
+                type: Input,
+                args: [{ required: true }]
+            }], action: [{
+                type: Input,
+                args: [{ required: true }]
+            }], icon: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }] } });
+
+class GoabxMenuButton {
+    constructor() {
+        this.onAction = new EventEmitter();
+    }
+    _onAction(e) {
+        const detail = e.detail;
+        this.onAction.emit(detail);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxMenuButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GoabxMenuButton, isStandalone: true, selector: "goabx-menu-button", inputs: { text: "text", type: "type", size: "size", variant: "variant", maxWidth: "maxWidth", leadingIcon: "leadingIcon", ariaLabel: "ariaLabel", testId: "testId" }, outputs: { onAction: "onAction" }, ngImport: i0, template: `
+    <goa-menu-button
+      [attr.text]="text"
+      [attr.type]="type"
+      [attr.size]="size"
+      [attr.variant]="variant"
+      version="2"
+      [attr.max-width]="maxWidth"
+      [attr.leading-icon]="leadingIcon"
+      [attr.aria-label]="ariaLabel"
+      [attr.testid]="testId"
+      (_action)="_onAction($event)"
+    >
+      <ng-content></ng-content>
+    </goa-menu-button>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxMenuButton, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goabx-menu-button",
+                    template: `
+    <goa-menu-button
+      [attr.text]="text"
+      [attr.type]="type"
+      [attr.size]="size"
+      [attr.variant]="variant"
+      version="2"
+      [attr.max-width]="maxWidth"
+      [attr.leading-icon]="leadingIcon"
+      [attr.aria-label]="ariaLabel"
+      [attr.testid]="testId"
+      (_action)="_onAction($event)"
+    >
+      <ng-content></ng-content>
+    </goa-menu-button>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], leadingIcon: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], onAction: [{
+                type: Output
+            }] } });
+
 class GoabxModal {
     constructor(cdr) {
         this.cdr = cdr;
@@ -9376,5 +9588,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, CheckedDirective, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCalendar, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabCheckboxList, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDataGrid, GoabDatePicker, GoabDetails, GoabDivider, GoabDrawer, GoabDropdown, GoabDropdownItem, GoabFieldset, GoabFileUploadCard, GoabFileUploadInput, GoabFilterChip, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabInputNumber, GoabLinearProgress, GoabLink, GoabMenuAction, GoabMenuButton, GoabMicrositeHeader, GoabModal, GoabNotification, GoabPageBlock, GoabPages, GoabPagination, GoabPopover, GoabPublicForm, GoabPublicFormPage, GoabPublicFormSummary, GoabPublicFormTask, GoabPublicFormTaskList, GoabPublicSubform, GoabPublicSubformIndex, GoabPushDrawer, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTemporaryNotificationCtrl, GoabText, GoabTextArea, GoabTooltip, GoabxAppFooter, GoabxAppFooterMetaSection, GoabxAppFooterNavSection, GoabxBadge, GoabxButton, GoabxCalendar, GoabxCallout, GoabxCheckbox, GoabxDatePicker, GoabxDrawer, GoabxDropdown, GoabxDropdownItem, GoabxFileUploadCard, GoabxFileUploadInput, GoabxFilterChip, GoabxFormItem, GoabxInput, GoabxLink, GoabxModal, GoabxNotification, GoabxPagination, GoabxRadioGroup, GoabxRadioItem, GoabxSideMenu, GoabxSideMenuGroup, GoabxSideMenuHeading, GoabxTab, GoabxTable, GoabxTableSortHeader, GoabxTabs, GoabxTextArea, GoabxWorkSideMenu, GoabxWorkSideMenuGroup, GoabxWorkSideMenuItem, ValueDirective, ValueListDirective };
+export { AngularComponentsModule, CheckedDirective, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCalendar, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabCheckboxList, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDataGrid, GoabDatePicker, GoabDetails, GoabDivider, GoabDrawer, GoabDropdown, GoabDropdownItem, GoabFieldset, GoabFileUploadCard, GoabFileUploadInput, GoabFilterChip, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabInputNumber, GoabLinearProgress, GoabLink, GoabMenuAction, GoabMenuButton, GoabMicrositeHeader, GoabModal, GoabNotification, GoabPageBlock, GoabPages, GoabPagination, GoabPopover, GoabPublicForm, GoabPublicFormPage, GoabPublicFormSummary, GoabPublicFormTask, GoabPublicFormTaskList, GoabPublicSubform, GoabPublicSubformIndex, GoabPushDrawer, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTemporaryNotificationCtrl, GoabText, GoabTextArea, GoabTooltip, GoabxAppFooter, GoabxAppFooterMetaSection, GoabxAppFooterNavSection, GoabxBadge, GoabxButton, GoabxCalendar, GoabxCallout, GoabxCheckbox, GoabxCheckboxList, GoabxDatePicker, GoabxDrawer, GoabxDropdown, GoabxDropdownItem, GoabxFileUploadCard, GoabxFileUploadInput, GoabxFilterChip, GoabxFormItem, GoabxInput, GoabxLink, GoabxMenuAction, GoabxMenuButton, GoabxModal, GoabxNotification, GoabxPagination, GoabxRadioGroup, GoabxRadioItem, GoabxSideMenu, GoabxSideMenuGroup, GoabxSideMenuHeading, GoabxTab, GoabxTable, GoabxTableSortHeader, GoabxTabs, GoabxTextArea, GoabxWorkSideMenu, GoabxWorkSideMenuGroup, GoabxWorkSideMenuItem, ValueDirective, ValueListDirective };
 //# sourceMappingURL=abgov-angular-components.mjs.map