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

package/fesm2022/abgov-angular-components.mjs

@@ -1537,7 +1537,7 @@ class GoabContainer extends GoabBaseComponent$1 {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabContainer, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GoabContainer, isStandalone: true, selector: "goab-container", inputs: { type: "type", accent: "accent", padding: "padding", width: "width", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", title: "title", actions: "actions" }, usesInheritance: true, ngImport: i0, template: `<goa-container
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GoabContainer, isStandalone: true, selector: "goab-container", inputs: { type: "type", accent: "accent", padding: "padding", width: "width", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", title: "title", actions: "actions" }, usesInheritance: true, ngImport: i0, template: `<goa-container
     *ngIf="isReady"
     [attr.type]="type"
     [attr.accent]="accent"
@@ -1552,13 +1552,17 @@ class GoabContainer extends GoabBaseComponent$1 {
     [attr.ml]="ml"
     [attr.mr]="mr"
   >
-    <div slot="title">
-      <ng-container [ngTemplateOutlet]="title"></ng-container>
-    </div>
+    @if (title) {
+      <div slot="title">
+        <ng-container [ngTemplateOutlet]="title"></ng-container>
+      </div>
+    }
     <ng-content />
-    <div slot="actions">
-      <ng-container [ngTemplateOutlet]="actions"></ng-container>
-    </div>
+    @if (actions) {
+      <div slot="actions">
+        <ng-container [ngTemplateOutlet]="actions"></ng-container>
+      </div>
+    }
   </goa-container>`, 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: GoabContainer, decorators: [{
@@ -1582,13 +1586,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
     [attr.ml]="ml"
     [attr.mr]="mr"
   >
-    <div slot="title">
-      <ng-container [ngTemplateOutlet]="title"></ng-container>
-    </div>
+    @if (title) {
+      <div slot="title">
+        <ng-container [ngTemplateOutlet]="title"></ng-container>
+      </div>
+    }
     <ng-content />
-    <div slot="actions">
-      <ng-container [ngTemplateOutlet]="actions"></ng-container>
-    </div>
+    @if (actions) {
+      <div slot="actions">
+        <ng-container [ngTemplateOutlet]="actions"></ng-container>
+      </div>
+    }
   </goa-container>`,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
@@ -4964,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);
@@ -8714,6 +8816,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }] } });
 
+class GoabxTableSortHeader {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.isReady = false;
+        this.direction = "none";
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.isReady = true;
+            this.cdr.detectChanges();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GoabxTableSortHeader, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GoabxTableSortHeader, isStandalone: true, selector: "goabx-table-sort-header", inputs: { name: "name", direction: "direction" }, ngImport: i0, template: `
+    <goa-table-sort-header
+      *ngIf="isReady"
+      [attr.name]="name"
+      [attr.direction]="direction"
+    >
+      <ng-content />
+    </goa-table-sort-header>
+  `, 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: GoabxTableSortHeader, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goabx-table-sort-header",
+                    template: `
+    <goa-table-sort-header
+      *ngIf="isReady"
+      [attr.name]="name"
+      [attr.direction]="direction"
+    >
+      <ng-content />
+    </goa-table-sort-header>
+  `,
+                    imports: [CommonModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { name: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }] } });
+
 class GoabxTextArea extends GoabControlValueAccessor {
     constructor(cdr, renderer) {
         super(renderer);
@@ -9156,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, 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