@abgov/angular-components 4.9.1-next.1 → 4.10.0-dev.2

package/fesm2022/abgov-angular-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { forwardRef, HostListener, Directive, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, ElementRef, booleanAttribute, ViewChild, EventEmitter, Output, numberAttribute, TemplateRef } from '@angular/core';
+import { forwardRef, HostListener, Directive, CUSTOM_ELEMENTS_SCHEMA, NgModule, Input, Component, ElementRef, booleanAttribute, ViewChild, EventEmitter, Output, numberAttribute, TemplateRef, HostBinding } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgIf } from '@angular/common';
 import { NG_VALUE_ACCESSOR, CheckboxControlValueAccessor } from '@angular/forms';
@@ -5560,6 +5560,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             }] } });
 
 class GoabText {
+    /*
+      This is necessary because angular outputs two elements, <goab-text> and <goa-text>
+      This removes the id from <goa-text> and only outputs it to <goab-text>
+    */
+    get hostId() {
+        return this.id;
+    }
     constructor(cdr) {
         this.cdr = cdr;
         this.isReady = false;
@@ -5573,7 +5580,7 @@ class GoabText {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GoabText, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabText, isStandalone: true, selector: "goab-text", inputs: { tag: "tag", size: "size", maxWidth: "maxWidth", color: "color", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: GoabText, isStandalone: true, selector: "goab-text", inputs: { tag: "tag", size: "size", maxWidth: "maxWidth", color: "color", id: "id", mt: "mt", mb: "mb", ml: "ml", mr: "mr" }, host: { properties: { "attr.id": "this.hostId" } }, ngImport: i0, template: `
     <goa-text
       *ngIf="isReady"
       [attr.as]="tag"
@@ -5583,7 +5590,8 @@ class GoabText {
       [attr.mt]="mt"
       [attr.mb]="mb"
       [attr.ml]="ml"
-      [attr.mr]="mr">
+      [attr.mr]="mr"
+    >
       <ng-content />
     </goa-text>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
@@ -5592,7 +5600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             type: Component,
             args: [{
                     standalone: true,
-                    selector: 'goab-text',
+                    selector: "goab-text",
                     imports: [CommonModule],
                     template: `
     <goa-text
@@ -5604,11 +5612,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
       [attr.mt]="mt"
       [attr.mb]="mb"
       [attr.ml]="ml"
-      [attr.mr]="mr">
+      [attr.mr]="mr"
+    >
       <ng-content />
     </goa-text>
   `,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tag: [{
                 type: Input
@@ -5618,6 +5627,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], color: [{
                 type: Input
+            }], id: [{
+                type: Input
+            }], hostId: [{
+                type: HostBinding,
+                args: ["attr.id"]
             }], mt: [{
                 type: Input
             }], mb: [{
@@ -5859,9 +5873,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