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

package/fesm2022/abgov-angular-components.mjs

@@ -534,12 +534,15 @@ class GoabBlock extends GoabBaseComponent {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GoabBlock, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabBlock, isStandalone: true, selector: "goab-block", inputs: { gap: "gap", direction: "direction", alignment: "alignment" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabBlock, isStandalone: true, selector: "goab-block", inputs: { gap: "gap", direction: "direction", alignment: "alignment", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, usesInheritance: true, ngImport: i0, template: `
     <goa-block
       *ngIf="isReady"
       [attr.gap]="gap"
       [attr.direction]="direction"
       [attr.alignment]="alignment"
+      [attr.width]="width"
+      [attr.min-width]="minWidth"
+      [attr.max-width]="maxWidth"
       [attr.testid]="testId"
       [attr.mt]="mt"
       [attr.mb]="mb"
@@ -562,6 +565,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
       [attr.gap]="gap"
       [attr.direction]="direction"
       [attr.alignment]="alignment"
+      [attr.width]="width"
+      [attr.min-width]="minWidth"
+      [attr.max-width]="maxWidth"
       [attr.testid]="testId"
       [attr.mt]="mt"
       [attr.mb]="mb"
@@ -579,6 +585,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], alignment: [{
                 type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
             }] } });
 
 class GoabButton extends GoabBaseComponent {
@@ -4433,10 +4445,12 @@ class GoabMenuButton {
         this.onAction.emit(detail);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GoabMenuButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabMenuButton, isStandalone: true, selector: "goab-menu-button", inputs: { text: "text", type: "type", testId: "testId" }, outputs: { onAction: "onAction" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabMenuButton, isStandalone: true, selector: "goab-menu-button", inputs: { text: "text", type: "type", maxWidth: "maxWidth", leadingIcon: "leadingIcon", testId: "testId" }, outputs: { onAction: "onAction" }, ngImport: i0, template: `
     <goa-menu-button
       [attr.text]="text"
       [attr.type]="type"
+      [attr.max-width]="maxWidth"
+      [attr.leading-icon]="leadingIcon"
       [attr.testid]="testId"
       (_action)="_onAction($event)"
     >
@@ -4454,6 +4468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
     <goa-menu-button
       [attr.text]="text"
       [attr.type]="type"
+      [attr.max-width]="maxWidth"
+      [attr.leading-icon]="leadingIcon"
       [attr.testid]="testId"
       (_action)="_onAction($event)"
     >
@@ -4466,6 +4482,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], type: [{
                 type: Input
+            }], maxWidth: [{
+                type: Input
+            }], leadingIcon: [{
+                type: Input
             }], testId: [{
                 type: Input
             }], onAction: [{
@@ -5873,9 +5893,179 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }] } });
 
+class GoabxWorkSideMenu {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.onToggle = 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);
+    }
+    _onToggle() {
+        this.onToggle.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GoabxWorkSideMenu, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.6", type: GoabxWorkSideMenu, isStandalone: true, selector: "goabx-work-side-menu", inputs: { heading: "heading", url: "url", userName: "userName", userSecondaryText: "userSecondaryText", open: ["open", "open", booleanAttribute], testId: "testId", primaryContent: "primaryContent", secondaryContent: "secondaryContent", accountContent: "accountContent" }, outputs: { onToggle: "onToggle" }, ngImport: i0, template: `
+    <goa-work-side-menu
+      *ngIf="isReady"
+      [open]="open ?? false"
+      [attr.heading]="heading"
+      [attr.url]="url"
+      [attr.user-name]="userName"
+      [attr.user-secondary-text]="userSecondaryText"
+      [attr.testid]="testId"
+      (_toggle)="_onToggle()"
+    >
+      <div slot="primary">
+        <ng-container [ngTemplateOutlet]="primaryContent"></ng-container>
+      </div>
+      <div slot="secondary">
+        <ng-container [ngTemplateOutlet]="secondaryContent"></ng-container>
+      </div>
+      <div slot="account">
+        <ng-container [ngTemplateOutlet]="accountContent"></ng-container>
+      </div>
+    </goa-work-side-menu>
+  `, 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.1.6", ngImport: i0, type: GoabxWorkSideMenu, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goabx-work-side-menu", // eslint-disable-line
+                    imports: [NgTemplateOutlet, CommonModule],
+                    template: `
+    <goa-work-side-menu
+      *ngIf="isReady"
+      [open]="open ?? false"
+      [attr.heading]="heading"
+      [attr.url]="url"
+      [attr.user-name]="userName"
+      [attr.user-secondary-text]="userSecondaryText"
+      [attr.testid]="testId"
+      (_toggle)="_onToggle()"
+    >
+      <div slot="primary">
+        <ng-container [ngTemplateOutlet]="primaryContent"></ng-container>
+      </div>
+      <div slot="secondary">
+        <ng-container [ngTemplateOutlet]="secondaryContent"></ng-container>
+      </div>
+      <div slot="account">
+        <ng-container [ngTemplateOutlet]="accountContent"></ng-container>
+      </div>
+    </goa-work-side-menu>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { heading: [{
+                type: Input,
+                args: [{ required: true }]
+            }], url: [{
+                type: Input,
+                args: [{ required: true }]
+            }], userName: [{
+                type: Input
+            }], userSecondaryText: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], testId: [{
+                type: Input
+            }], primaryContent: [{
+                type: Input
+            }], secondaryContent: [{
+                type: Input
+            }], accountContent: [{
+                type: Input
+            }], onToggle: [{
+                type: Output
+            }] } });
+
+class GoabxWorkSideMenuItem {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.type = "normal";
+        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);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GoabxWorkSideMenuItem, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabxWorkSideMenuItem, isStandalone: true, selector: "goabx-work-side-menu-item", inputs: { label: "label", url: "url", badge: "badge", current: "current", divider: "divider", icon: "icon", testId: "testId", type: "type" }, ngImport: i0, template: `
+    <goa-work-side-menu-item
+      *ngIf="isReady"
+      [attr.label]="label"
+      [attr.url]="url"
+      [attr.badge]="badge"
+      [attr.current]="current"
+      [attr.divider]="divider"
+      [attr.icon]="icon"
+      [attr.testid]="testId"
+      [attr.type]="type"
+    >
+      <ng-content />
+    </goa-work-side-menu-item>
+  `, 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.1.6", ngImport: i0, type: GoabxWorkSideMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "goabx-work-side-menu-item", // eslint-disable-line
+                    imports: [CommonModule],
+                    template: `
+    <goa-work-side-menu-item
+      *ngIf="isReady"
+      [attr.label]="label"
+      [attr.url]="url"
+      [attr.badge]="badge"
+      [attr.current]="current"
+      [attr.divider]="divider"
+      [attr.icon]="icon"
+      [attr.testid]="testId"
+      [attr.type]="type"
+    >
+      <ng-content />
+    </goa-work-side-menu-item>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], url: [{
+                type: Input,
+                args: [{ required: true }]
+            }], badge: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], divider: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
+
 /**
  * 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, GoabDatePicker, GoabDetails, GoabDivider, GoabDrawer, GoabDropdown, GoabDropdownItem, GoabFieldset, GoabFileUploadCard, GoabFileUploadInput, GoabFilterChip, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabInputNumber, 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, 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, GoabDatePicker, GoabDetails, GoabDivider, GoabDrawer, GoabDropdown, GoabDropdownItem, GoabFieldset, GoabFileUploadCard, GoabFileUploadInput, GoabFilterChip, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabInputNumber, 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, GoabxWorkSideMenu, GoabxWorkSideMenuItem, ValueDirective, ValueListDirective };
 //# sourceMappingURL=abgov-angular-components.mjs.map