@sebgroup/green-core-ng 3.11.1 → 3.12.1

package/fesm2022/sebgroup-green-core-ng.mjs

@@ -1,15 +1,15 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, booleanAttribute, Output, Input, ChangeDetectionStrategy, Component, Renderer2, Injector, Directive, DestroyRef, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
-import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.js';
+import { inject, ElementRef, NgZone, ChangeDetectorRef, booleanAttribute, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, Renderer2, Injector, Directive, DestroyRef, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
 import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
-import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
-import { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
+import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.js';
 import { GdsBreadcrumbs } from '@sebgroup/green-core/components/breadcrumbs/breadcrumbs.component.js';
+import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { LocationStrategy, DOCUMENT, CommonModule } from '@angular/common';
 import { Router, RouterLink, RouterLinkActive, NavigationEnd } from '@angular/router';
 import { GdsButton } from '@sebgroup/green-core/components/button/button.component.js';
+import { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
 import { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.component.js';
 import { GdsCard } from '@sebgroup/green-core/components/card/card.component.js';
 import { GdsCardLinked } from '@sebgroup/green-core/components/card-linked/card-linked.component.js';
@@ -54,14 +54,14 @@ import { GdsAvatarGroup } from '@sebgroup/green-core/components/avatar/avatar-gr
 import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
 import { GdsCheckboxGroup } from '@sebgroup/green-core/components/checkbox/checkbox-group/checkbox-group.component.js';
 import { GdsIconDetails } from '@sebgroup/green-core/components/details/details-icon/details-icon.component.js';
-import { GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.component.js';
 import { GdsFormattedAccount } from '@sebgroup/green-core/components/formatted-text/account/formatted-account.component.js';
+import { GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.component.js';
 import { GdsFormattedDate } from '@sebgroup/green-core/components/formatted-text/date/formatted-date.component.js';
 import { GdsFormattedNumber } from '@sebgroup/green-core/components/formatted-text/number/formatted-number.component.js';
 import { GdsRadioGroup } from '@sebgroup/green-core/components/radio/radio-group/radio-group.component.js';
 import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/segment.component.js';
-import { GdsSensitiveAccount } from '@sebgroup/green-core/components/sensitive/account/sensitive-account.component.js';
 import { GdsSensitiveDate } from '@sebgroup/green-core/components/sensitive/date/sensitive-date.component.js';
+import { GdsSensitiveAccount } from '@sebgroup/green-core/components/sensitive/account/sensitive-account.component.js';
 import { GdsSensitiveNumber } from '@sebgroup/green-core/components/sensitive/number/sensitive-number.component.js';
 import { IconAi } from '@sebgroup/green-core/components/icon/icons/ai.component.js';
 import { IconAirplaneUp } from '@sebgroup/green-core/components/icon/icons/airplane-up.component.js';
@@ -437,91 +437,6 @@ function ProxyInputs(inputNames) {
     };
 }
 
-/**
- * Angular wrapper for the gds-alert web component
- *
- */
-let GdsAlertComponent = class GdsAlertComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Fired when alert is dismissed */
-        this.gdsClose = new EventEmitter();
-        /** Fired when action button is clicked */
-        this.gdsAction = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsAlert.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-alert:', e);
-        }
-        // Set up event listeners
-        this.elementRef.nativeElement.addEventListener('gds-close', (event) => {
-            this.gdsClose.emit(event);
-        });
-        this.elementRef.nativeElement.addEventListener('gds-action', (event) => {
-            this.gdsAction.emit(event);
-        });
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAlertComponent, isStandalone: true, selector: "gds-alert", inputs: { variant: "variant", label: "label", role: "role", dismissible: ["dismissible", "dismissible", booleanAttribute], timeout: "timeout", buttonLabel: "buttonLabel", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsClose: "gdsClose", gdsAction: "gdsAction" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsAlertComponent = __decorate([
-    ProxyInputs(['variant', 'label', 'role', 'dismissible', 'timeout', 'buttonLabel', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsAlertComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-alert',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { variant: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], role: [{
-                type: Input
-            }], dismissible: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], timeout: [{
-                type: Input
-            }], buttonLabel: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], gdsClose: [{
-                type: Output
-            }], gdsAction: [{
-                type: Output
-            }] } });
-
-/**
- * GdsAlertComponent - Angular wrapper for gds-alert
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-avatar web component
  * `gds-avatar` is a visual element used to represent a user or entity.
@@ -630,10 +545,10 @@ It supports displaying an image, slotted text content, or a fallback icon.
  */
 
 /**
- * Angular wrapper for the gds-badge web component
- * `gds-badge`
+ * Angular wrapper for the gds-alert web component
+ *
  */
-let GdsBadgeComponent = class GdsBadgeComponent {
+let GdsAlertComponent = class GdsAlertComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -641,17 +556,28 @@ let GdsBadgeComponent = class GdsBadgeComponent {
         this.elementRef = inject((ElementRef));
         this.zone = inject(NgZone);
         this.cdr = inject(ChangeDetectorRef);
+        /** Fired when alert is dismissed */
+        this.gdsClose = new EventEmitter();
+        /** Fired when action button is clicked */
+        this.gdsAction = new EventEmitter();
         this.cdr.detach();
     }
     ngOnInit() {
         // Define the custom element
         try {
-            GdsBadge.define();
+            GdsAlert.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-badge:', e);
+            console.warn('Failed to define gds-alert:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-close', (event) => {
+            this.gdsClose.emit(event);
+        });
+        this.elementRef.nativeElement.addEventListener('gds-action', (event) => {
+            this.gdsAction.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -659,88 +585,55 @@ let GdsBadgeComponent = class GdsBadgeComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBadgeComponent, isStandalone: true, selector: "gds-badge", inputs: { variant: "variant", size: "size", notification: ["notification", "notification", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], mainSlotOccupied: ["mainSlotOccupied", "mainSlotOccupied", booleanAttribute], leadSlotOccupied: ["leadSlotOccupied", "leadSlotOccupied", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAlertComponent, isStandalone: true, selector: "gds-alert", inputs: { variant: "variant", label: "label", role: "role", dismissible: ["dismissible", "dismissible", booleanAttribute], timeout: "timeout", buttonLabel: "buttonLabel", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsClose: "gdsClose", gdsAction: "gdsAction" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsBadgeComponent = __decorate([
-    ProxyInputs(['variant', 'size', 'notification', 'rounded', 'mainSlotOccupied', 'leadSlotOccupied', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
+GdsAlertComponent = __decorate([
+    ProxyInputs(['variant', 'label', 'role', 'dismissible', 'timeout', 'buttonLabel', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
-], GdsBadgeComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
+], GdsAlertComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-badge',
+                    selector: 'gds-alert',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
         }], ctorParameters: () => [], propDecorators: { variant: [{
                 type: Input
-            }], size: [{
+            }], label: [{
                 type: Input
-            }], notification: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], rounded: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], mainSlotOccupied: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], leadSlotOccupied: [{
+            }], role: [{
+                type: Input
+            }], dismissible: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], inlineSize: [{
-                type: Input
-            }], minInlineSize: [{
-                type: Input
-            }], maxInlineSize: [{
-                type: Input
-            }], margin: [{
-                type: Input
-            }], marginInline: [{
-                type: Input
-            }], marginBlock: [{
-                type: Input
-            }], alignSelf: [{
-                type: Input
-            }], justifySelf: [{
-                type: Input
-            }], placeSelf: [{
-                type: Input
-            }], gridColumn: [{
-                type: Input
-            }], gridRow: [{
-                type: Input
-            }], gridArea: [{
-                type: Input
-            }], flex: [{
+            }], timeout: [{
                 type: Input
-            }], order: [{
+            }], buttonLabel: [{
                 type: Input
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], gdsClose: [{
+                type: Output
+            }], gdsAction: [{
+                type: Output
             }] } });
 
 /**
- * GdsBadgeComponent - Angular wrapper for gds-badge
- * `gds-badge`
+ * GdsAlertComponent - Angular wrapper for gds-alert
+ *
  *
  * Auto-generated from Custom Elements Manifest
  */
 
 /**
- * Angular wrapper for the gds-blur web component
+ * Angular wrapper for the gds-breadcrumbs web component
  *
  */
-let GdsBlurComponent = class GdsBlurComponent {
+let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -753,11 +646,11 @@ let GdsBlurComponent = class GdsBlurComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsBlur.define();
+            GdsBreadcrumbs.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-blur:', e);
+            console.warn('Failed to define gds-breadcrumbs:', e);
         }
     }
     ngOnChanges(changes) {
@@ -766,38 +659,76 @@ let GdsBlurComponent = class GdsBlurComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBlurComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBlurComponent, isStandalone: true, selector: "gds-blur", inputs: { syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", inputs: { size: "size", label: "label", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsBlurComponent = __decorate([
-    ProxyInputs(['syncFirstRender']),
+GdsBreadcrumbsComponent = __decorate([
+    ProxyInputs(['size', 'label', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
-], GdsBlurComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBlurComponent, decorators: [{
+], GdsBreadcrumbsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-blur',
+                    selector: 'gds-breadcrumbs',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { syncFirstRender: [{
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], alignSelf: [{
+                type: Input
+            }], justifySelf: [{
+                type: Input
+            }], placeSelf: [{
+                type: Input
+            }], gridColumn: [{
+                type: Input
+            }], gridRow: [{
+                type: Input
+            }], gridArea: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], inlineSize: [{
+                type: Input
+            }], minInlineSize: [{
+                type: Input
+            }], maxInlineSize: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], marginInline: [{
+                type: Input
+            }], marginBlock: [{
+                type: Input
+            }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
 
 /**
- * GdsBlurComponent - Angular wrapper for gds-blur
+ * GdsBreadcrumbsComponent - Angular wrapper for gds-breadcrumbs
  *
  *
  * Auto-generated from Custom Elements Manifest
  */
 
 /**
- * Angular wrapper for the gds-breadcrumbs web component
- *
+ * Angular wrapper for the gds-badge web component
+ * `gds-badge`
  */
-let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
+let GdsBadgeComponent = class GdsBadgeComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -810,11 +741,11 @@ let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsBreadcrumbs.define();
+            GdsBadge.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-breadcrumbs:', e);
+            console.warn('Failed to define gds-badge:', e);
         }
     }
     ngOnChanges(changes) {
@@ -823,41 +754,37 @@ let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", inputs: { size: "size", label: "label", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBadgeComponent, isStandalone: true, selector: "gds-badge", inputs: { variant: "variant", size: "size", notification: ["notification", "notification", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], mainSlotOccupied: ["mainSlotOccupied", "mainSlotOccupied", booleanAttribute], leadSlotOccupied: ["leadSlotOccupied", "leadSlotOccupied", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsBreadcrumbsComponent = __decorate([
-    ProxyInputs(['size', 'label', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
+GdsBadgeComponent = __decorate([
+    ProxyInputs(['variant', 'size', 'notification', 'rounded', 'mainSlotOccupied', 'leadSlotOccupied', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
-], GdsBreadcrumbsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
+], GdsBadgeComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-breadcrumbs',
+                    selector: 'gds-badge',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { size: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], alignSelf: [{
-                type: Input
-            }], justifySelf: [{
-                type: Input
-            }], placeSelf: [{
-                type: Input
-            }], gridColumn: [{
-                type: Input
-            }], gridRow: [{
-                type: Input
-            }], gridArea: [{
-                type: Input
-            }], flex: [{
+        }], ctorParameters: () => [], propDecorators: { variant: [{
                 type: Input
-            }], order: [{
+            }], size: [{
                 type: Input
+            }], notification: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], mainSlotOccupied: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], leadSlotOccupied: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], width: [{
                 type: Input
             }], minWidth: [{
@@ -876,14 +803,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Input
             }], marginBlock: [{
                 type: Input
+            }], alignSelf: [{
+                type: Input
+            }], justifySelf: [{
+                type: Input
+            }], placeSelf: [{
+                type: Input
+            }], gridColumn: [{
+                type: Input
+            }], gridRow: [{
+                type: Input
+            }], gridArea: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], order: [{
+                type: Input
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
 
 /**
- * GdsBreadcrumbsComponent - Angular wrapper for gds-breadcrumbs
- *
+ * GdsBadgeComponent - Angular wrapper for gds-badge
+ * `gds-badge`
  *
  * Auto-generated from Custom Elements Manifest
  */
@@ -1205,6 +1148,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-blur web component
+ *
+ */
+let GdsBlurComponent = class GdsBlurComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsBlur.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-blur:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBlurComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBlurComponent, isStandalone: true, selector: "gds-blur", inputs: { syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsBlurComponent = __decorate([
+    ProxyInputs(['syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsBlurComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBlurComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-blur',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsBlurComponent - Angular wrapper for gds-blur
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-calendar web component
  *
@@ -3943,6 +3943,8 @@ let GdsInputComponent = class GdsInputComponent extends GdsFormControlBase {
         super(...arguments);
         /** Fired when the clear button is clicked. */
         this.gdsInputCleared = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -3961,6 +3963,9 @@ let GdsInputComponent = class GdsInputComponent extends GdsFormControlBase {
         this.elementRef.nativeElement.addEventListener('gds-input-cleared', (event) => {
             this.gdsInputCleared.emit(event);
         });
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -3969,7 +3974,7 @@ let GdsInputComponent = class GdsInputComponent extends GdsFormControlBase {
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsInputComponent, isStandalone: true, selector: "gds-input", inputs: { width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], type: "type", min: "min", max: "max", step: "step", autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], enterkeyhint: "enterkeyhint", spellcheck: ["spellcheck", "spellcheck", booleanAttribute], inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsInputComponent, isStandalone: true, selector: "gds-input", inputs: { width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], type: "type", min: "min", max: "max", step: "step", autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], enterkeyhint: "enterkeyhint", spellcheck: ["spellcheck", "spellcheck", booleanAttribute], inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsInputComponent),
@@ -4100,6 +4105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], gdsInputCleared: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -5233,6 +5240,8 @@ let GdsSelectComponent = class GdsSelectComponent extends GdsFormControlBase {
         this.change = new EventEmitter();
         /** Fired on input with detail: { value: string } */
         this.input = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -5247,6 +5256,10 @@ let GdsSelectComponent = class GdsSelectComponent extends GdsFormControlBase {
             // Component may not be available in this version of green-core
             console.warn('Failed to define gds-select:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -5255,7 +5268,7 @@ let GdsSelectComponent = class GdsSelectComponent extends GdsFormControlBase {
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], selectElement: "selectElement", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], selectElement: "selectElement", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsSelectComponent),
@@ -5352,6 +5365,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Output
             }], input: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -6019,6 +6034,8 @@ let GdsTextareaComponent = class GdsTextareaComponent extends GdsFormControlBase
         super(...arguments);
         /** Fired when the clear button is clicked. */
         this.gdsInputCleared = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -6037,6 +6054,9 @@ let GdsTextareaComponent = class GdsTextareaComponent extends GdsFormControlBase
         this.elementRef.nativeElement.addEventListener('gds-input-cleared', (event) => {
             this.gdsInputCleared.emit(event);
         });
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -6045,7 +6065,7 @@ let GdsTextareaComponent = class GdsTextareaComponent extends GdsFormControlBase
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", rows: "rows", supportingText: "supportingText", clearable: ["clearable", "clearable", booleanAttribute], resizable: "resizable", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], spellcheck: ["spellcheck", "spellcheck", booleanAttribute], wrap: "wrap", enterkeyhint: "enterkeyhint", inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", rows: "rows", supportingText: "supportingText", clearable: ["clearable", "clearable", booleanAttribute], resizable: "resizable", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], spellcheck: ["spellcheck", "spellcheck", booleanAttribute], wrap: "wrap", enterkeyhint: "enterkeyhint", inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsTextareaComponent),
@@ -6174,6 +6194,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], gdsInputCleared: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -6829,6 +6851,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  *
  */
 let GdsCheckboxGroupComponent = class GdsCheckboxGroupComponent extends GdsFormControlBase {
+    constructor() {
+        super(...arguments);
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
+    }
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -6842,6 +6869,10 @@ let GdsCheckboxGroupComponent = class GdsCheckboxGroupComponent extends GdsFormC
             // Component may not be available in this version of green-core
             console.warn('Failed to define gds-checkbox-group:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -6850,7 +6881,7 @@ let GdsCheckboxGroupComponent = class GdsCheckboxGroupComponent extends GdsFormC
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxGroupComponent, isStandalone: true, selector: "gds-checkbox-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxGroupComponent, isStandalone: true, selector: "gds-checkbox-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsCheckboxGroupComponent),
@@ -6943,6 +6974,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -7012,70 +7045,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-filter-chip web component
- *
- */
-let GdsFilterChipComponent = class GdsFilterChipComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsFilterChip.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-filter-chip:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsFilterChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsFilterChipComponent, isStandalone: true, selector: "gds-filter-chip", inputs: { selected: ["selected", "selected", booleanAttribute], value: "value", size: "size", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsFilterChipComponent = __decorate([
-    ProxyInputs(['selected', 'value', 'size', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsFilterChipComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsFilterChipComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-filter-chip',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { selected: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], value: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsFilterChipComponent - Angular wrapper for gds-filter-chip
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-formatted-account web component
  *
@@ -7265,6 +7234,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-filter-chip web component
+ *
+ */
+let GdsFilterChipComponent = class GdsFilterChipComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsFilterChip.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-filter-chip:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsFilterChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsFilterChipComponent, isStandalone: true, selector: "gds-filter-chip", inputs: { selected: ["selected", "selected", booleanAttribute], value: "value", size: "size", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsFilterChipComponent = __decorate([
+    ProxyInputs(['selected', 'value', 'size', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsFilterChipComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsFilterChipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-filter-chip',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsFilterChipComponent - Angular wrapper for gds-filter-chip
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-formatted-date web component
  *
@@ -7664,6 +7697,8 @@ let GdsRadioGroupComponent = class GdsRadioGroupComponent extends GdsFormControl
         this.change = new EventEmitter();
         /** Fired when a radio button selection changes */
         this.input = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -7678,6 +7713,10 @@ let GdsRadioGroupComponent = class GdsRadioGroupComponent extends GdsFormControl
             // Component may not be available in this version of green-core
             console.warn('Failed to define gds-radio-group:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -7686,7 +7725,7 @@ let GdsRadioGroupComponent = class GdsRadioGroupComponent extends GdsFormControl
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsRadioGroupComponent, isStandalone: true, selector: "gds-radio-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", value: "value", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsRadioGroupComponent, isStandalone: true, selector: "gds-radio-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", value: "value", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsRadioGroupComponent),
@@ -7780,6 +7819,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Output
             }], input: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -7870,10 +7911,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  */
 
 /**
- * Angular wrapper for the gds-sensitive-account web component
+ * Angular wrapper for the gds-sensitive-date web component
  *
  */
-let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
+let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -7886,11 +7927,11 @@ let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsSensitiveAccount.define();
+            GdsSensitiveDate.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-sensitive-account:', e);
+            console.warn('Failed to define gds-sensitive-date:', e);
         }
     }
     ngOnChanges(changes) {
@@ -7899,17 +7940,17 @@ let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveAccountComponent, isStandalone: true, selector: "gds-sensitive-account", inputs: { hide: ["hide", "hide", booleanAttribute], account: "account", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveDateComponent, isStandalone: true, selector: "gds-sensitive-date", inputs: { hide: ["hide", "hide", booleanAttribute], value: "value", format: "format", locale: "locale", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsSensitiveAccountComponent = __decorate([
-    ProxyInputs(['hide', 'account', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
+GdsSensitiveDateComponent = __decorate([
+    ProxyInputs(['hide', 'value', 'format', 'locale', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
-], GdsSensitiveAccountComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, decorators: [{
+], GdsSensitiveDateComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-sensitive-account',
+                    selector: 'gds-sensitive-date',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
@@ -7917,7 +7958,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
         }], ctorParameters: () => [], propDecorators: { hide: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], account: [{
+            }], value: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], locale: [{
                 type: Input
             }], tag: [{
                 type: Input
@@ -8055,17 +8100,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 
 /**
- * GdsSensitiveAccountComponent - Angular wrapper for gds-sensitive-account
+ * GdsSensitiveDateComponent - Angular wrapper for gds-sensitive-date
  *
  *
  * Auto-generated from Custom Elements Manifest
  */
 
 /**
- * Angular wrapper for the gds-sensitive-date web component
+ * Angular wrapper for the gds-sensitive-account web component
  *
  */
-let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
+let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -8078,11 +8123,11 @@ let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsSensitiveDate.define();
+            GdsSensitiveAccount.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-sensitive-date:', e);
+            console.warn('Failed to define gds-sensitive-account:', e);
         }
     }
     ngOnChanges(changes) {
@@ -8091,17 +8136,17 @@ let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveDateComponent, isStandalone: true, selector: "gds-sensitive-date", inputs: { hide: ["hide", "hide", booleanAttribute], value: "value", format: "format", locale: "locale", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveAccountComponent, isStandalone: true, selector: "gds-sensitive-account", inputs: { hide: ["hide", "hide", booleanAttribute], account: "account", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsSensitiveDateComponent = __decorate([
-    ProxyInputs(['hide', 'value', 'format', 'locale', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
+GdsSensitiveAccountComponent = __decorate([
+    ProxyInputs(['hide', 'account', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
-], GdsSensitiveDateComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, decorators: [{
+], GdsSensitiveAccountComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-sensitive-date',
+                    selector: 'gds-sensitive-account',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
@@ -8109,11 +8154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
         }], ctorParameters: () => [], propDecorators: { hide: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], value: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], locale: [{
+            }], account: [{
                 type: Input
             }], tag: [{
                 type: Input
@@ -8251,7 +8292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 
 /**
- * GdsSensitiveDateComponent - Angular wrapper for gds-sensitive-date
+ * GdsSensitiveAccountComponent - Angular wrapper for gds-sensitive-account
  *
  *
  * Auto-generated from Custom Elements Manifest
@@ -37280,12 +37321,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  */
 class GreenCoreNgModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
-            GdsAvatarComponent,
-            GdsBadgeComponent,
-            GdsBlurComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAvatarComponent,
+            GdsAlertComponent,
             GdsBreadcrumbsComponent,
+            GdsBadgeComponent,
             GdsButtonComponent,
+            GdsBlurComponent,
             GdsCalendarComponent,
             GdsCardComponent,
             GdsCardLinkedComponent,
@@ -37330,14 +37371,14 @@ class GreenCoreNgModule {
             GdsBreadcrumbComponent,
             GdsCheckboxGroupComponent,
             GdsIconDetailsComponent,
-            GdsFilterChipComponent,
             GdsFormattedAccountComponent,
+            GdsFilterChipComponent,
             GdsFormattedDateComponent,
             GdsFormattedNumberComponent,
             GdsRadioGroupComponent,
             GdsSegmentComponent,
-            GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
+            GdsSensitiveAccountComponent,
             GdsSensitiveNumberComponent,
             IconAiComponent,
             IconAirplaneUpComponent,
@@ -37652,12 +37693,12 @@ class GreenCoreNgModule {
             IconZoomOutComponent,
             GdsMenuItemComponent,
             GdsMenuHeadingComponent,
-            GdsOptionComponent], exports: [GdsAlertComponent,
-            GdsAvatarComponent,
-            GdsBadgeComponent,
-            GdsBlurComponent,
+            GdsOptionComponent], exports: [GdsAvatarComponent,
+            GdsAlertComponent,
             GdsBreadcrumbsComponent,
+            GdsBadgeComponent,
             GdsButtonComponent,
+            GdsBlurComponent,
             GdsCalendarComponent,
             GdsCardComponent,
             GdsCardLinkedComponent,
@@ -37702,14 +37743,14 @@ class GreenCoreNgModule {
             GdsBreadcrumbComponent,
             GdsCheckboxGroupComponent,
             GdsIconDetailsComponent,
-            GdsFilterChipComponent,
             GdsFormattedAccountComponent,
+            GdsFilterChipComponent,
             GdsFormattedDateComponent,
             GdsFormattedNumberComponent,
             GdsRadioGroupComponent,
             GdsSegmentComponent,
-            GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
+            GdsSensitiveAccountComponent,
             GdsSensitiveNumberComponent,
             IconAiComponent,
             IconAirplaneUpComponent,
@@ -38031,12 +38072,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             type: NgModule,
             args: [{
                     imports: [
-                        GdsAlertComponent,
                         GdsAvatarComponent,
-                        GdsBadgeComponent,
-                        GdsBlurComponent,
+                        GdsAlertComponent,
                         GdsBreadcrumbsComponent,
+                        GdsBadgeComponent,
                         GdsButtonComponent,
+                        GdsBlurComponent,
                         GdsCalendarComponent,
                         GdsCardComponent,
                         GdsCardLinkedComponent,
@@ -38081,14 +38122,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsBreadcrumbComponent,
                         GdsCheckboxGroupComponent,
                         GdsIconDetailsComponent,
-                        GdsFilterChipComponent,
                         GdsFormattedAccountComponent,
+                        GdsFilterChipComponent,
                         GdsFormattedDateComponent,
                         GdsFormattedNumberComponent,
                         GdsRadioGroupComponent,
                         GdsSegmentComponent,
-                        GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
+                        GdsSensitiveAccountComponent,
                         GdsSensitiveNumberComponent,
                         IconAiComponent,
                         IconAirplaneUpComponent,
@@ -38406,12 +38447,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsOptionComponent,
                     ],
                     exports: [
-                        GdsAlertComponent,
                         GdsAvatarComponent,
-                        GdsBadgeComponent,
-                        GdsBlurComponent,
+                        GdsAlertComponent,
                         GdsBreadcrumbsComponent,
+                        GdsBadgeComponent,
                         GdsButtonComponent,
+                        GdsBlurComponent,
                         GdsCalendarComponent,
                         GdsCardComponent,
                         GdsCardLinkedComponent,
@@ -38456,14 +38497,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsBreadcrumbComponent,
                         GdsCheckboxGroupComponent,
                         GdsIconDetailsComponent,
-                        GdsFilterChipComponent,
                         GdsFormattedAccountComponent,
+                        GdsFilterChipComponent,
                         GdsFormattedDateComponent,
                         GdsFormattedNumberComponent,
                         GdsRadioGroupComponent,
                         GdsSegmentComponent,
-                        GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
+                        GdsSensitiveAccountComponent,
                         GdsSensitiveNumberComponent,
                         IconAiComponent,
                         IconAirplaneUpComponent,