@abgov/angular-components 5.2.0-dev.2 → 5.2.0-dev.4

package/fesm2022/abgov-angular-components.mjs

@@ -409,16 +409,18 @@ class GoabAccordion extends GoabBaseComponent {
         this.onChange.emit(detail.open);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabAccordion, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabAccordion, isStandalone: true, selector: "goab-accordion", inputs: { heading: "heading", secondaryText: "secondaryText", open: ["open", "open", booleanAttribute], headingSize: "headingSize", headingContent: "headingContent", maxWidth: "maxWidth", iconPosition: "iconPosition" }, outputs: { onChange: "onChange" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabAccordion, isStandalone: true, selector: "goab-accordion", inputs: { heading: "heading", secondaryText: "secondaryText", open: ["open", "open", booleanAttribute], headingSize: "headingSize", headingContent: "headingContent", actions: "actions", maxWidth: "maxWidth", iconPosition: "iconPosition", headingType: "headingType" }, outputs: { onChange: "onChange" }, usesInheritance: true, ngImport: i0, template: `
     @if (isReady) {
       <goa-accordion
         [attr.heading]="heading"
         [attr.secondarytext]="secondaryText"
         [attr.open]="open"
         [attr.headingsize]="headingSize"
+        [attr.heading-type]="headingType"
         [attr.maxwidth]="maxWidth"
         [attr.testid]="testId"
         [attr.iconposition]="iconPosition"
+        [attr.heading-type]="headingType"
         [attr.mt]="mt"
         [attr.mb]="mb"
         [attr.ml]="ml"
@@ -428,6 +430,11 @@ class GoabAccordion extends GoabBaseComponent {
         <div slot="headingcontent">
           <ng-container [ngTemplateOutlet]="headingContent"></ng-container>
         </div>
+        @if (actions) {
+          <div slot="actions">
+            <ng-container [ngTemplateOutlet]="actions"></ng-container>
+          </div>
+        }
         <ng-content></ng-content>
       </goa-accordion>
     }
@@ -446,9 +453,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         [attr.secondarytext]="secondaryText"
         [attr.open]="open"
         [attr.headingsize]="headingSize"
+        [attr.heading-type]="headingType"
         [attr.maxwidth]="maxWidth"
         [attr.testid]="testId"
         [attr.iconposition]="iconPosition"
+        [attr.heading-type]="headingType"
         [attr.mt]="mt"
         [attr.mb]="mb"
         [attr.ml]="ml"
@@ -458,6 +467,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         <div slot="headingcontent">
           <ng-container [ngTemplateOutlet]="headingContent"></ng-container>
         </div>
+        @if (actions) {
+          <div slot="actions">
+            <ng-container [ngTemplateOutlet]="actions"></ng-container>
+          </div>
+        }
         <ng-content></ng-content>
       </goa-accordion>
     }
@@ -475,10 +489,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }], headingContent: [{
                 type: Input
+            }], actions: [{
+                type: Input
             }], maxWidth: [{
                 type: Input
             }], iconPosition: [{
                 type: Input
+            }], headingType: [{
+                type: Input
             }], onChange: [{
                 type: Output
             }] } });
@@ -6180,6 +6198,7 @@ class GoabTableSortHeader {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.isReady = false;
+        this.version = "2";
         /** Sets the sort direction indicator. @default "none" */
         this.direction = "none";
     }
@@ -6196,6 +6215,7 @@ class GoabTableSortHeader {
         [attr.name]="name"
         [attr.direction]="direction"
         [attr.sort-order]="sortOrder"
+        [attr.version]="version"
       >
         <ng-content />
       </goa-table-sort-header>
@@ -6213,6 +6233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
         [attr.name]="name"
         [attr.direction]="direction"
         [attr.sort-order]="sortOrder"
+        [attr.version]="version"
       >
         <ng-content />
       </goa-table-sort-header>
@@ -6863,7 +6884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 class GoabWorkSideMenuItem {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
-        /** Sets the visual style of the badge. Use "emergency" for urgent items, "success" for positive status. @default "normal" */
+        /** @deprecated Use trailingContent instead. Sets the visual style of the badge. Use "emergency" for urgent items, "success" for positive status. @default "normal" */
         this.type = "normal";
         this.isReady = false;
     }
@@ -6876,7 +6897,7 @@ class GoabWorkSideMenuItem {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabWorkSideMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabWorkSideMenuItem, isStandalone: true, selector: "goab-work-side-menu-item", inputs: { label: "label", url: "url", badge: "badge", current: "current", divider: "divider", icon: "icon", testId: "testId", type: "type", popoverContent: "popoverContent" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GoabWorkSideMenuItem, isStandalone: true, selector: "goab-work-side-menu-item", inputs: { label: "label", url: "url", badge: "badge", current: "current", divider: "divider", icon: "icon", testId: "testId", type: "type", popoverContent: "popoverContent", trailingContent: "trailingContent" }, ngImport: i0, template: `
     @if (isReady) {
       <goa-work-side-menu-item
         [attr.label]="label"
@@ -6893,6 +6914,11 @@ class GoabWorkSideMenuItem {
             <ng-container [ngTemplateOutlet]="popoverContent"></ng-container>
           </div>
         }
+        @if (trailingContent) {
+          <div slot="trailingContent">
+            <ng-container [ngTemplateOutlet]="trailingContent"></ng-container>
+          </div>
+        }
         <ng-content />
       </goa-work-side-menu-item>
     }
@@ -6921,6 +6947,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             <ng-container [ngTemplateOutlet]="popoverContent"></ng-container>
           </div>
         }
+        @if (trailingContent) {
+          <div slot="trailingContent">
+            <ng-container [ngTemplateOutlet]="trailingContent"></ng-container>
+          </div>
+        }
         <ng-content />
       </goa-work-side-menu-item>
     }
@@ -6946,6 +6977,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 type: Input
             }], popoverContent: [{
                 type: Input
+            }], trailingContent: [{
+                type: Input
             }] } });
 
 /** Displays an individual notification item in the work-side notification panel. */