@sebgroup/green-core-ng 3.11.0 → 3.12.0

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

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-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 { 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 { 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 { 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';
@@ -50,8 +50,8 @@ import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.c
 import { GdsTheme } from '@sebgroup/green-core/components/theme/theme.component.js';
 import { GdsVideo } from '@sebgroup/green-core/components/video/video.component.js';
 import { GdsCardPattern01 } from '@sebgroup/green-core/patterns/card-pattern-01/card-pattern-01.component.js';
-import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
 import { GdsAvatarGroup } from '@sebgroup/green-core/components/avatar/avatar-group/avatar-group.component.js';
+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';
@@ -437,6 +437,91 @@ 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.
@@ -545,10 +630,10 @@ It supports displaying an image, slotted text content, or a fallback icon.
  */
 
 /**
- * Angular wrapper for the gds-alert web component
- *
+ * Angular wrapper for the gds-badge web component
+ * `gds-badge`
  */
-let GdsAlertComponent = class GdsAlertComponent {
+let GdsBadgeComponent = class GdsBadgeComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -556,28 +641,17 @@ let GdsAlertComponent = class GdsAlertComponent {
         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();
+            GdsBadge.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-alert:', e);
+            console.warn('Failed to define gds-badge:', 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
@@ -585,46 +659,79 @@ let GdsAlertComponent = class GdsAlertComponent {
     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 }); }
+    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 }); }
 };
-GdsAlertComponent = __decorate([
-    ProxyInputs(['variant', 'label', 'role', 'dismissible', 'timeout', 'buttonLabel', '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", [])
-], GdsAlertComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, decorators: [{
+], GdsBadgeComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-alert',
+                    selector: 'gds-badge',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
         }], ctorParameters: () => [], propDecorators: { variant: [{
                 type: Input
-            }], label: [{
-                type: Input
-            }], role: [{
+            }], size: [{
                 type: Input
-            }], dismissible: [{
+            }], notification: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], timeout: [{
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], mainSlotOccupied: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], leadSlotOccupied: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], width: [{
                 type: Input
-            }], buttonLabel: [{
+            }], 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: [{
+                type: Input
+            }], order: [{
                 type: Input
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], gdsClose: [{
-                type: Output
-            }], gdsAction: [{
-                type: Output
             }] } });
 
 /**
- * GdsAlertComponent - Angular wrapper for gds-alert
- *
+ * GdsBadgeComponent - Angular wrapper for gds-badge
+ * `gds-badge`
  *
  * Auto-generated from Custom Elements Manifest
  */
@@ -781,113 +888,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-badge web component
- * `gds-badge`
- */
-let GdsBadgeComponent = class GdsBadgeComponent {
-    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 {
-            GdsBadge.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-badge:', 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: 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 }); }
-};
-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", [])
-], GdsBadgeComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-badge',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { variant: [{
-                type: Input
-            }], 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: [{
-                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: [{
-                type: Input
-            }], order: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsBadgeComponent - Angular wrapper for gds-badge
- * `gds-badge`
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Base class for Angular wrapper components that wrap Green Core form controls.
  *
@@ -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
             }] } });
 
 /**
@@ -6599,6 +6621,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-avatar-group web component
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
+
+Accessibility:
+- Exposes `role="group"` by default.
+- Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
+ */
+let GdsAvatarGroupComponent = class GdsAvatarGroupComponent {
+    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 {
+            GdsAvatarGroup.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-avatar-group:', 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: GdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarGroupComponent, isStandalone: true, selector: "gds-avatar-group", inputs: { 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 }); }
+};
+GdsAvatarGroupComponent = __decorate([
+    ProxyInputs(['margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsAvatarGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-avatar-group',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { 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: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
+
+Accessibility:
+- Exposes `role="group"` by default.
+- Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-breadcrumb web component
  *
@@ -6737,98 +6846,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-avatar-group web component
- * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
-
-Accessibility:
-- Exposes `role="group"` by default.
-- Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
- */
-let GdsAvatarGroupComponent = class GdsAvatarGroupComponent {
-    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 {
-            GdsAvatarGroup.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-avatar-group:', 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: GdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarGroupComponent, isStandalone: true, selector: "gds-avatar-group", inputs: { 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 }); }
-};
-GdsAvatarGroupComponent = __decorate([
-    ProxyInputs(['margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsAvatarGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-avatar-group',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { 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: [{
-                type: Input
-            }], order: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
- * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
-
-Accessibility:
-- Exposes `role="group"` by default.
-- Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-checkbox-group web component
  *
  */
 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
             }] } });
 
 /**
@@ -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
             }] } });
 
 /**
@@ -37280,11 +37321,11 @@ 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: [GdsAvatarComponent,
-            GdsAlertComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
+            GdsAvatarComponent,
+            GdsBadgeComponent,
             GdsBlurComponent,
             GdsBreadcrumbsComponent,
-            GdsBadgeComponent,
             GdsButtonComponent,
             GdsCalendarComponent,
             GdsCardComponent,
@@ -37326,8 +37367,8 @@ class GreenCoreNgModule {
             GdsThemeComponent,
             GdsVideoComponent,
             GdsCardPattern01Component,
-            GdsBreadcrumbComponent,
             GdsAvatarGroupComponent,
+            GdsBreadcrumbComponent,
             GdsCheckboxGroupComponent,
             GdsIconDetailsComponent,
             GdsFilterChipComponent,
@@ -37652,11 +37693,11 @@ class GreenCoreNgModule {
             IconZoomOutComponent,
             GdsMenuItemComponent,
             GdsMenuHeadingComponent,
-            GdsOptionComponent], exports: [GdsAvatarComponent,
-            GdsAlertComponent,
+            GdsOptionComponent], exports: [GdsAlertComponent,
+            GdsAvatarComponent,
+            GdsBadgeComponent,
             GdsBlurComponent,
             GdsBreadcrumbsComponent,
-            GdsBadgeComponent,
             GdsButtonComponent,
             GdsCalendarComponent,
             GdsCardComponent,
@@ -37698,8 +37739,8 @@ class GreenCoreNgModule {
             GdsThemeComponent,
             GdsVideoComponent,
             GdsCardPattern01Component,
-            GdsBreadcrumbComponent,
             GdsAvatarGroupComponent,
+            GdsBreadcrumbComponent,
             GdsCheckboxGroupComponent,
             GdsIconDetailsComponent,
             GdsFilterChipComponent,
@@ -38031,11 +38072,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             type: NgModule,
             args: [{
                     imports: [
-                        GdsAvatarComponent,
                         GdsAlertComponent,
+                        GdsAvatarComponent,
+                        GdsBadgeComponent,
                         GdsBlurComponent,
                         GdsBreadcrumbsComponent,
-                        GdsBadgeComponent,
                         GdsButtonComponent,
                         GdsCalendarComponent,
                         GdsCardComponent,
@@ -38077,8 +38118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsThemeComponent,
                         GdsVideoComponent,
                         GdsCardPattern01Component,
-                        GdsBreadcrumbComponent,
                         GdsAvatarGroupComponent,
+                        GdsBreadcrumbComponent,
                         GdsCheckboxGroupComponent,
                         GdsIconDetailsComponent,
                         GdsFilterChipComponent,
@@ -38406,11 +38447,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsOptionComponent,
                     ],
                     exports: [
-                        GdsAvatarComponent,
                         GdsAlertComponent,
+                        GdsAvatarComponent,
+                        GdsBadgeComponent,
                         GdsBlurComponent,
                         GdsBreadcrumbsComponent,
-                        GdsBadgeComponent,
                         GdsButtonComponent,
                         GdsCalendarComponent,
                         GdsCardComponent,
@@ -38452,8 +38493,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsThemeComponent,
                         GdsVideoComponent,
                         GdsCardPattern01Component,
-                        GdsBreadcrumbComponent,
                         GdsAvatarGroupComponent,
+                        GdsBreadcrumbComponent,
                         GdsCheckboxGroupComponent,
                         GdsIconDetailsComponent,
                         GdsFilterChipComponent,