@abgov/angular-components 4.11.0-dev.2 → 4.11.0-dev.3

package/fesm2022/abgov-angular-components.mjs

@@ -4972,6 +4972,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: [{ required: true }]
             }] } });
 
+class GoabPushDrawer {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.onClose = new EventEmitter();
+        this.isReady = false;
+    }
+    ngOnInit() {
+        // For Angular 20, we need to delay rendering the web component
+        // to ensure all attributes are properly bound before the component initializes
+        setTimeout(() => {
+            this.isReady = true;
+            this.cdr.detectChanges();
+        }, 0);
+    }
+    _onClose() {
+        this.onClose.emit();
+    }
+    getHeadingAsString() {
+        return this.heading instanceof TemplateRef ? "" : this.heading || "";
+    }
+    getHeadingAsTemplate() {
+        if (!this.heading)
+            return null;
+        return this.heading instanceof TemplateRef ? this.heading : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabPushDrawer, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GoabPushDrawer, isStandalone: true, selector: "goab-push-drawer", inputs: { open: ["open", "open", booleanAttribute], heading: "heading", testId: "testId", width: "width", actions: "actions" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
+    <goa-push-drawer
+      *ngIf="isReady"
+      [open]="open"
+      [attr.heading]="getHeadingAsString()"
+      [attr.test-id]="testId"
+      [attr.width]="width"
+      (_close)="_onClose()"
+    >
+      <ng-content></ng-content>
+      @if (getHeadingAsTemplate()) {
+        <div slot="heading">
+          <ng-container [ngTemplateOutlet]="getHeadingAsTemplate()"></ng-container>
+        </div>
+      }
+      @if (actions) {
+        <div slot="actions">
+          <ng-container [ngTemplateOutlet]="actions"></ng-container>
+        </div>
+      }
+    </goa-push-drawer>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: GoabPushDrawer, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goab-push-drawer",
+                    imports: [NgTemplateOutlet, CommonModule],
+                    template: `
+    <goa-push-drawer
+      *ngIf="isReady"
+      [open]="open"
+      [attr.heading]="getHeadingAsString()"
+      [attr.test-id]="testId"
+      [attr.width]="width"
+      (_close)="_onClose()"
+    >
+      <ng-content></ng-content>
+      @if (getHeadingAsTemplate()) {
+        <div slot="heading">
+          <ng-container [ngTemplateOutlet]="getHeadingAsTemplate()"></ng-container>
+        </div>
+      }
+      @if (actions) {
+        <div slot="actions">
+          <ng-container [ngTemplateOutlet]="actions"></ng-container>
+        </div>
+      }
+    </goa-push-drawer>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
 class GoabRadioGroup extends GoabControlValueAccessor$1 {
     constructor(cdr, renderer) {
         super(renderer);
@@ -9210,5 +9304,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, 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, 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, GoabxDatePicker, GoabxDrawer, GoabxDropdown, GoabxDropdownItem, GoabxFileUploadCard, GoabxFileUploadInput, GoabxFilterChip, GoabxFormItem, GoabxInput, GoabxLink, GoabxModal, GoabxNotification, GoabxPagination, GoabxRadioGroup, GoabxRadioItem, GoabxSideMenu, GoabxSideMenuGroup, GoabxSideMenuHeading, GoabxTable, GoabxTableSortHeader, GoabxTabs, GoabxTextArea, GoabxWorkSideMenu, GoabxWorkSideMenuGroup, GoabxWorkSideMenuItem, ValueDirective, ValueListDirective };
 //# sourceMappingURL=abgov-angular-components.mjs.map