@sebgroup/green-core-ng 2.31.0 → 2.32.0

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

@@ -5,10 +5,10 @@ import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.
 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 { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.component.js';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import { GdsButton } from '@sebgroup/green-core/components/button/button.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';
 import { GdsCheckbox } from '@sebgroup/green-core/components/checkbox/checkbox.component.js';
@@ -16,13 +16,13 @@ import { GdsCoachmark } from '@sebgroup/green-core/components/coachmark/coachmar
 import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/context-menu.component.js';
 import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.component.js';
 import { GdsDetails } from '@sebgroup/green-core/components/details/details.component.js';
+import { GdsDialog } from '@sebgroup/green-core/components/dialog/dialog.component.js';
 import { GdsDiv } from '@sebgroup/green-core/components/div/div.component.js';
 import { GdsDivider } from '@sebgroup/green-core/components/divider/divider.component.js';
-import { GdsDialog } from '@sebgroup/green-core/components/dialog/dialog.component.js';
 import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component.js';
 import { GdsFab } from '@sebgroup/green-core/components/fab/fab.component.js';
-import { GdsFlex } from '@sebgroup/green-core/components/flex/flex.component.js';
 import { GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component.js';
+import { GdsFlex } from '@sebgroup/green-core/components/flex/flex.component.js';
 import { GdsFormSummary } from '@sebgroup/green-core/components/form-summary/summary.component.js';
 import { GdsGrid } from '@sebgroup/green-core/components/grid/grid.component.js';
 import { GdsGroupedList } from '@sebgroup/green-core/components/grouped-list/grouped-list.component.js';
@@ -51,9 +51,9 @@ import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/bread
 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 { 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 { GdsFormattedAccount } from '@sebgroup/green-core/components/formatted-text/account/formatted-account.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';
@@ -780,270 +780,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Base class for Angular wrapper components that wrap Green Core form controls.
- *
- * This class implements ControlValueAccessor to enable seamless integration with
- * Angular forms (both template-driven and reactive forms).
- *
- * @internal
- */
-class GdsFormControlBase {
-    constructor() {
-        this.elementRef = inject(ElementRef);
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        this.renderer = inject(Renderer2);
-        this.injector = inject(Injector);
-        this._onChange = () => { };
-        this._onTouched = () => { };
-    }
-    ngOnInit() {
-        // Subclasses should call super.ngOnInit() and add their own initialization
-    }
-    ngAfterViewInit() {
-        // Get the NgControl instance if this component is used in a form
-        try {
-            this.control = this.injector.get(NgControl, undefined);
-        }
-        catch {
-            // Component is not used in a form context
-            this.control = undefined;
-        }
-        if (this.control) {
-            // Subscribe to status changes to update validation state
-            this.control.statusChanges?.subscribe(() => {
-                this.updateControlState();
-            });
-            this.control.valueChanges?.subscribe(() => {
-                this.updateControlState();
-            });
-            // Update on form submit
-            const form = this.elementRef.nativeElement.form;
-            if (form) {
-                form.addEventListener('submit', () => {
-                    this.control?.control?.markAsTouched();
-                    this.updateControlState();
-                });
-            }
-            this.updateControlState();
-        }
-        // Set up event listener for the 'input' event from the web component
-        this.elementRef.nativeElement.addEventListener('input', (event) => {
-            const value = event.target.value;
-            this._onChange(value);
-            this.cdr.markForCheck();
-        });
-        // Set up event listener for the 'change' event from the web component
-        this.elementRef.nativeElement.addEventListener('change', () => {
-            this._onTouched();
-        });
-        // Set up blur event listener
-        this.elementRef.nativeElement.addEventListener('blur', () => {
-            this._onTouched();
-        });
-    }
-    /**
-     * Updates the validation state of the underlying web component
-     */
-    updateControlState() {
-        const control = this.control?.control;
-        if (control) {
-            this.renderer.setProperty(this.elementRef.nativeElement, 'invalid', (control.dirty || control.touched) && control.invalid);
-        }
-    }
-    // ControlValueAccessor implementation
-    /**
-     * Writes a new value to the element
-     */
-    writeValue(value) {
-        this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
-    }
-    /**
-     * Registers a callback function that is called when the control's value changes in the UI
-     */
-    registerOnChange(fn) {
-        this._onChange = fn;
-    }
-    /**
-     * Registers a callback function that is called when the control is touched
-     */
-    registerOnTouched(fn) {
-        this._onTouched = fn;
-    }
-    /**
-     * Sets the disabled state of the element
-     */
-    setDisabledState(isDisabled) {
-        this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', isDisabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormControlBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormControlBase, isStandalone: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormControlBase, decorators: [{
-            type: Directive
-        }] });
-
-/**
- * Angular wrapper for the gds-button web component
- *
- */
-let GdsButtonComponent = class GdsButtonComponent extends GdsFormControlBase {
-    constructor() {
-        super(...arguments);
-        this.routerLink = inject(RouterLink, { optional: true, self: true });
-        this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
-        /** Fired when the button is clicked. */
-        this.click = new EventEmitter();
-    }
-    /**
-     * Updates the href attribute from RouterLink
-     * @internal
-     */
-    updateHref() {
-        if (!this.routerLink)
-            return;
-        // Trick RouterLink into thinking we are an anchor element
-        this.routerLink.isAnchorElement = true;
-        this.routerLink.updateHref();
-        // Set the href attribute on our element
-        this.renderer.setAttribute(this.elementRef.nativeElement, 'href', this.routerLink.href || '');
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        // Define the custom element
-        try {
-            GdsButton.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-button:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-        if (changes['routerLink']) {
-            this.updateHref();
-        }
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.updateHref();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: GdsButtonComponent, isStandalone: true, selector: "gds-button", 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", disabled: ["disabled", "disabled", booleanAttribute], justifyContent: "justifyContent", type: "type", rank: "rank", variant: "variant", size: "size", label: "label", wrapped: ["wrapped", "wrapped", booleanAttribute], href: "href", target: "target", rel: "rel", download: "download", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", value: "value", name: "name" }, outputs: { click: "click" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GdsButtonComponent),
-                multi: true,
-            },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsButtonComponent = __decorate([
-    ProxyInputs(['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', 'disabled', 'justify-content', 'type', 'rank', 'variant', 'size', 'label', 'wrapped', 'href', 'target', 'rel', 'download', 'validator', 'required', 'errorMessage', 'invalid', 'value', 'name'])
-], GdsButtonComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-button',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GdsButtonComponent),
-                            multi: true,
-                        },
-                    ]
-                }]
-        }], propDecorators: { 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
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], justifyContent: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], rank: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], wrapped: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], href: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], rel: [{
-                type: Input
-            }], download: [{
-                type: Input
-            }], validator: [{
-                type: Input
-            }], required: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], errorMessage: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], click: [{
-                type: Output
-            }] } });
-
-/**
- * GdsButtonComponent - Angular wrapper for gds-button
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-calendar web component
  *
@@ -1144,6 +880,270 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Base class for Angular wrapper components that wrap Green Core form controls.
+ *
+ * This class implements ControlValueAccessor to enable seamless integration with
+ * Angular forms (both template-driven and reactive forms).
+ *
+ * @internal
+ */
+class GdsFormControlBase {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.renderer = inject(Renderer2);
+        this.injector = inject(Injector);
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    ngOnInit() {
+        // Subclasses should call super.ngOnInit() and add their own initialization
+    }
+    ngAfterViewInit() {
+        // Get the NgControl instance if this component is used in a form
+        try {
+            this.control = this.injector.get(NgControl, undefined);
+        }
+        catch {
+            // Component is not used in a form context
+            this.control = undefined;
+        }
+        if (this.control) {
+            // Subscribe to status changes to update validation state
+            this.control.statusChanges?.subscribe(() => {
+                this.updateControlState();
+            });
+            this.control.valueChanges?.subscribe(() => {
+                this.updateControlState();
+            });
+            // Update on form submit
+            const form = this.elementRef.nativeElement.form;
+            if (form) {
+                form.addEventListener('submit', () => {
+                    this.control?.control?.markAsTouched();
+                    this.updateControlState();
+                });
+            }
+            this.updateControlState();
+        }
+        // Set up event listener for the 'input' event from the web component
+        this.elementRef.nativeElement.addEventListener('input', (event) => {
+            const value = event.target.value;
+            this._onChange(value);
+            this.cdr.markForCheck();
+        });
+        // Set up event listener for the 'change' event from the web component
+        this.elementRef.nativeElement.addEventListener('change', () => {
+            this._onTouched();
+        });
+        // Set up blur event listener
+        this.elementRef.nativeElement.addEventListener('blur', () => {
+            this._onTouched();
+        });
+    }
+    /**
+     * Updates the validation state of the underlying web component
+     */
+    updateControlState() {
+        const control = this.control?.control;
+        if (control) {
+            this.renderer.setProperty(this.elementRef.nativeElement, 'invalid', (control.dirty || control.touched) && control.invalid);
+        }
+    }
+    // ControlValueAccessor implementation
+    /**
+     * Writes a new value to the element
+     */
+    writeValue(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
+    }
+    /**
+     * Registers a callback function that is called when the control's value changes in the UI
+     */
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    /**
+     * Registers a callback function that is called when the control is touched
+     */
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    /**
+     * Sets the disabled state of the element
+     */
+    setDisabledState(isDisabled) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', isDisabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormControlBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormControlBase, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormControlBase, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Angular wrapper for the gds-button web component
+ *
+ */
+let GdsButtonComponent = class GdsButtonComponent extends GdsFormControlBase {
+    constructor() {
+        super(...arguments);
+        this.routerLink = inject(RouterLink, { optional: true, self: true });
+        this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
+        /** Fired when the button is clicked. */
+        this.click = new EventEmitter();
+    }
+    /**
+     * Updates the href attribute from RouterLink
+     * @internal
+     */
+    updateHref() {
+        if (!this.routerLink)
+            return;
+        // Trick RouterLink into thinking we are an anchor element
+        this.routerLink.isAnchorElement = true;
+        this.routerLink.updateHref();
+        // Set the href attribute on our element
+        this.renderer.setAttribute(this.elementRef.nativeElement, 'href', this.routerLink.href || '');
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Define the custom element
+        try {
+            GdsButton.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-button:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+        if (changes['routerLink']) {
+            this.updateHref();
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.updateHref();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: GdsButtonComponent, isStandalone: true, selector: "gds-button", 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", disabled: ["disabled", "disabled", booleanAttribute], justifyContent: "justifyContent", type: "type", rank: "rank", variant: "variant", size: "size", label: "label", wrapped: ["wrapped", "wrapped", booleanAttribute], href: "href", target: "target", rel: "rel", download: "download", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", value: "value", name: "name" }, outputs: { click: "click" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GdsButtonComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsButtonComponent = __decorate([
+    ProxyInputs(['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', 'disabled', 'justify-content', 'type', 'rank', 'variant', 'size', 'label', 'wrapped', 'href', 'target', 'rel', 'download', 'validator', 'required', 'errorMessage', 'invalid', 'value', 'name'])
+], GdsButtonComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-button',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GdsButtonComponent),
+                            multi: true,
+                        },
+                    ]
+                }]
+        }], propDecorators: { 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
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], justifyContent: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], rank: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], wrapped: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], rel: [{
+                type: Input
+            }], download: [{
+                type: Input
+            }], validator: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorMessage: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsButtonComponent - Angular wrapper for gds-button
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-card web component
  * A container for content representing a single entity. e.g. a contact, article, or task.
@@ -2165,6 +2165,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-dialog web component
+ *
+ */
+let GdsDialogComponent = class GdsDialogComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        /** Fired when the dialog is opened or closed. Can be cancelled to prevent the dialog from closing. */
+        this.gdsUiState = new EventEmitter();
+        /** Fired when the dialog is closed */
+        this.gdsClose = new EventEmitter();
+        /** Fired when the dialog is opened */
+        this.gdsShow = new EventEmitter();
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsDialog.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-dialog:', e);
+        }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
+        this.elementRef.nativeElement.addEventListener('gds-close', (event) => {
+            this.gdsClose.emit(event);
+        });
+        this.elementRef.nativeElement.addEventListener('gds-show', (event) => {
+            this.gdsShow.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.18", ngImport: i0, type: GdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: GdsDialogComponent, isStandalone: true, selector: "gds-dialog", inputs: { open: ["open", "open", booleanAttribute], heading: "heading", variant: "variant", placement: "placement", scrollable: ["scrollable", "scrollable", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock" }, outputs: { gdsUiState: "gdsUiState", gdsClose: "gdsClose", gdsShow: "gdsShow" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsDialogComponent = __decorate([
+    ProxyInputs(['open', 'heading', 'variant', 'placement', 'scrollable', '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', 'padding', 'padding-inline', 'padding-block']),
+    __metadata("design:paramtypes", [])
+], GdsDialogComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-dialog',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], scrollable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], inlineSize: [{
+                type: Input
+            }], minInlineSize: [{
+                type: Input
+            }], maxInlineSize: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], blockSize: [{
+                type: Input
+            }], minBlockSize: [{
+                type: Input
+            }], maxBlockSize: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], paddingInline: [{
+                type: Input
+            }], paddingBlock: [{
+                type: Input
+            }], gdsUiState: [{
+                type: Output
+            }], gdsClose: [{
+                type: Output
+            }], gdsShow: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsDialogComponent - Angular wrapper for gds-dialog
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-div web component
  *
@@ -2415,124 +2533,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-dialog web component
- *
- */
-let GdsDialogComponent = class GdsDialogComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Fired when the dialog is opened or closed. Can be cancelled to prevent the dialog from closing. */
-        this.gdsUiState = new EventEmitter();
-        /** Fired when the dialog is closed */
-        this.gdsClose = new EventEmitter();
-        /** Fired when the dialog is opened */
-        this.gdsShow = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsDialog.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-dialog:', e);
-        }
-        // Set up event listeners
-        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
-            this.gdsUiState.emit(event);
-        });
-        this.elementRef.nativeElement.addEventListener('gds-close', (event) => {
-            this.gdsClose.emit(event);
-        });
-        this.elementRef.nativeElement.addEventListener('gds-show', (event) => {
-            this.gdsShow.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.18", ngImport: i0, type: GdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: GdsDialogComponent, isStandalone: true, selector: "gds-dialog", inputs: { open: ["open", "open", booleanAttribute], heading: "heading", variant: "variant", placement: "placement", scrollable: ["scrollable", "scrollable", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock" }, outputs: { gdsUiState: "gdsUiState", gdsClose: "gdsClose", gdsShow: "gdsShow" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsDialogComponent = __decorate([
-    ProxyInputs(['open', 'heading', 'variant', 'placement', 'scrollable', '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', 'padding', 'padding-inline', 'padding-block']),
-    __metadata("design:paramtypes", [])
-], GdsDialogComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-dialog',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { open: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], heading: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], placement: [{
-                type: Input
-            }], scrollable: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], inlineSize: [{
-                type: Input
-            }], minInlineSize: [{
-                type: Input
-            }], maxInlineSize: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], minHeight: [{
-                type: Input
-            }], maxHeight: [{
-                type: Input
-            }], blockSize: [{
-                type: Input
-            }], minBlockSize: [{
-                type: Input
-            }], maxBlockSize: [{
-                type: Input
-            }], padding: [{
-                type: Input
-            }], paddingInline: [{
-                type: Input
-            }], paddingBlock: [{
-                type: Input
-            }], gdsUiState: [{
-                type: Output
-            }], gdsClose: [{
-                type: Output
-            }], gdsShow: [{
-                type: Output
-            }] } });
-
-/**
- * GdsDialogComponent - Angular wrapper for gds-dialog
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-dropdown web component
  *
@@ -2881,6 +2881,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-filter-chips web component
+ *
+ */
+let GdsFilterChipsComponent = class GdsFilterChipsComponent extends GdsFormControlBase {
+    constructor() {
+        super(...arguments);
+        /** When a chip is clicked */
+        this.change = new EventEmitter();
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Define the custom element
+        try {
+            GdsFilterChips.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-filter-chips:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFilterChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: GdsFilterChipsComponent, isStandalone: true, selector: "gds-filter-chips", inputs: { value: "value", multiple: ["multiple", "multiple", booleanAttribute], label: "label", rowCollapse: ["rowCollapse", "rowCollapse", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { change: "change" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GdsFilterChipsComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsFilterChipsComponent = __decorate([
+    ProxyInputs(['value', 'multiple', 'label', 'rowCollapse', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'disabled'])
+], GdsFilterChipsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFilterChipsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-filter-chips',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GdsFilterChipsComponent),
+                            multi: true,
+                        },
+                    ]
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], rowCollapse: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], validator: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorMessage: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsFilterChipsComponent - Angular wrapper for gds-filter-chips
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-flex web component
  *
@@ -3057,98 +3149,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-filter-chips web component
- *
- */
-let GdsFilterChipsComponent = class GdsFilterChipsComponent extends GdsFormControlBase {
-    constructor() {
-        super(...arguments);
-        /** When a chip is clicked */
-        this.change = new EventEmitter();
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        // Define the custom element
-        try {
-            GdsFilterChips.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-filter-chips:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFilterChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: GdsFilterChipsComponent, isStandalone: true, selector: "gds-filter-chips", inputs: { value: "value", multiple: ["multiple", "multiple", booleanAttribute], label: "label", rowCollapse: ["rowCollapse", "rowCollapse", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { change: "change" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GdsFilterChipsComponent),
-                multi: true,
-            },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsFilterChipsComponent = __decorate([
-    ProxyInputs(['value', 'multiple', 'label', 'rowCollapse', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'disabled'])
-], GdsFilterChipsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFilterChipsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-filter-chips',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GdsFilterChipsComponent),
-                            multi: true,
-                        },
-                    ]
-                }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], multiple: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], label: [{
-                type: Input
-            }], rowCollapse: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], validator: [{
-                type: Input
-            }], required: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], errorMessage: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], change: [{
-                type: Output
-            }] } });
-
-/**
- * GdsFilterChipsComponent - Angular wrapper for gds-filter-chips
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-form-summary web component
  *
@@ -6243,10 +6243,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 
 /**
- * Angular wrapper for the gds-formatted-account web component
+ * Angular wrapper for the gds-formatted-date web component
  *
  */
-let GdsFormattedAccountComponent = class GdsFormattedAccountComponent {
+let GdsFormattedDateComponent = class GdsFormattedDateComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -6259,11 +6259,11 @@ let GdsFormattedAccountComponent = class GdsFormattedAccountComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsFormattedAccount.define();
+            GdsFormattedDate.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-formatted-account:', e);
+            console.warn('Failed to define gds-formatted-date:', e);
         }
     }
     ngOnChanges(changes) {
@@ -6272,22 +6272,26 @@ let GdsFormattedAccountComponent = class GdsFormattedAccountComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormattedAccountComponent, isStandalone: true, selector: "gds-formatted-account", inputs: { 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" }, 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.18", ngImport: i0, type: GdsFormattedDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormattedDateComponent, isStandalone: true, selector: "gds-formatted-date", inputs: { 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" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsFormattedAccountComponent = __decorate([
-    ProxyInputs(['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']),
+GdsFormattedDateComponent = __decorate([
+    ProxyInputs(['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']),
     __metadata("design:paramtypes", [])
-], GdsFormattedAccountComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedAccountComponent, decorators: [{
+], GdsFormattedDateComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedDateComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-formatted-account',
+                    selector: 'gds-formatted-date',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { account: [{
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], locale: [{
                 type: Input
             }], tag: [{
                 type: Input
@@ -6422,17 +6426,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * GdsFormattedAccountComponent - Angular wrapper for gds-formatted-account
+ * GdsFormattedDateComponent - Angular wrapper for gds-formatted-date
  *
  *
  * Auto-generated from Custom Elements Manifest
  */
 
 /**
- * Angular wrapper for the gds-formatted-date web component
+ * Angular wrapper for the gds-formatted-number web component
  *
  */
-let GdsFormattedDateComponent = class GdsFormattedDateComponent {
+let GdsFormattedNumberComponent = class GdsFormattedNumberComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -6445,11 +6449,11 @@ let GdsFormattedDateComponent = class GdsFormattedDateComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsFormattedDate.define();
+            GdsFormattedNumber.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-formatted-date:', e);
+            console.warn('Failed to define gds-formatted-number:', e);
         }
     }
     ngOnChanges(changes) {
@@ -6458,27 +6462,29 @@ let GdsFormattedDateComponent = class GdsFormattedDateComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormattedDateComponent, isStandalone: true, selector: "gds-formatted-date", inputs: { 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" }, 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.18", ngImport: i0, type: GdsFormattedNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormattedNumberComponent, isStandalone: true, selector: "gds-formatted-number", inputs: { value: "value", locale: "locale", currency: "currency", decimals: "decimals", 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" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsFormattedDateComponent = __decorate([
-    ProxyInputs(['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']),
+GdsFormattedNumberComponent = __decorate([
+    ProxyInputs(['value', 'locale', 'currency', 'decimals', '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']),
     __metadata("design:paramtypes", [])
-], GdsFormattedDateComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedDateComponent, decorators: [{
+], GdsFormattedNumberComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedNumberComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-formatted-date',
+                    selector: 'gds-formatted-number',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{
                 type: Input
-            }], format: [{
-                type: Input
             }], locale: [{
                 type: Input
+            }], currency: [{
+                type: Input
+            }], decimals: [{
+                type: Input
             }], tag: [{
                 type: Input
             }], font: [{
@@ -6612,17 +6618,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * GdsFormattedDateComponent - Angular wrapper for gds-formatted-date
+ * GdsFormattedNumberComponent - Angular wrapper for gds-formatted-number
  *
  *
  * Auto-generated from Custom Elements Manifest
  */
 
 /**
- * Angular wrapper for the gds-formatted-number web component
+ * Angular wrapper for the gds-formatted-account web component
  *
  */
-let GdsFormattedNumberComponent = class GdsFormattedNumberComponent {
+let GdsFormattedAccountComponent = class GdsFormattedAccountComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -6635,11 +6641,11 @@ let GdsFormattedNumberComponent = class GdsFormattedNumberComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsFormattedNumber.define();
+            GdsFormattedAccount.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-formatted-number:', e);
+            console.warn('Failed to define gds-formatted-account:', e);
         }
     }
     ngOnChanges(changes) {
@@ -6648,28 +6654,22 @@ let GdsFormattedNumberComponent = class GdsFormattedNumberComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormattedNumberComponent, isStandalone: true, selector: "gds-formatted-number", inputs: { value: "value", locale: "locale", currency: "currency", decimals: "decimals", 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" }, 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.18", ngImport: i0, type: GdsFormattedAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GdsFormattedAccountComponent, isStandalone: true, selector: "gds-formatted-account", inputs: { 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" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsFormattedNumberComponent = __decorate([
-    ProxyInputs(['value', 'locale', 'currency', 'decimals', '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']),
+GdsFormattedAccountComponent = __decorate([
+    ProxyInputs(['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']),
     __metadata("design:paramtypes", [])
-], GdsFormattedNumberComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedNumberComponent, decorators: [{
+], GdsFormattedAccountComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GdsFormattedAccountComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-formatted-number',
+                    selector: 'gds-formatted-account',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { value: [{
-                type: Input
-            }], locale: [{
-                type: Input
-            }], currency: [{
-                type: Input
-            }], decimals: [{
+        }], ctorParameters: () => [], propDecorators: { account: [{
                 type: Input
             }], tag: [{
                 type: Input
@@ -6804,7 +6804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * GdsFormattedNumberComponent - Angular wrapper for gds-formatted-number
+ * GdsFormattedAccountComponent - Angular wrapper for gds-formatted-account
  *
  *
  * Auto-generated from Custom Elements Manifest
@@ -37600,8 +37600,8 @@ class GreenCoreNgModule {
             GdsBadgeComponent,
             GdsBlurComponent,
             GdsBreadcrumbsComponent,
-            GdsButtonComponent,
             GdsCalendarComponent,
+            GdsButtonComponent,
             GdsCardComponent,
             GdsCardLinkedComponent,
             GdsCheckboxComponent,
@@ -37609,13 +37609,13 @@ class GreenCoreNgModule {
             GdsContextMenuComponent,
             GdsDatepickerComponent,
             GdsDetailsComponent,
+            GdsDialogComponent,
             GdsDivComponent,
             GdsDividerComponent,
-            GdsDialogComponent,
             GdsDropdownComponent,
             GdsFabComponent,
-            GdsFlexComponent,
             GdsFilterChipsComponent,
+            GdsFlexComponent,
             GdsFormSummaryComponent,
             GdsGridComponent,
             GdsGroupedListComponent,
@@ -37644,9 +37644,9 @@ class GreenCoreNgModule {
             GdsCheckboxGroupComponent,
             GdsIconDetailsComponent,
             GdsFilterChipComponent,
-            GdsFormattedAccountComponent,
             GdsFormattedDateComponent,
             GdsFormattedNumberComponent,
+            GdsFormattedAccountComponent,
             GdsRadioGroupComponent,
             GdsSegmentComponent,
             GdsSensitiveAccountComponent,
@@ -37993,8 +37993,8 @@ class GreenCoreNgModule {
             GdsBadgeComponent,
             GdsBlurComponent,
             GdsBreadcrumbsComponent,
-            GdsButtonComponent,
             GdsCalendarComponent,
+            GdsButtonComponent,
             GdsCardComponent,
             GdsCardLinkedComponent,
             GdsCheckboxComponent,
@@ -38002,13 +38002,13 @@ class GreenCoreNgModule {
             GdsContextMenuComponent,
             GdsDatepickerComponent,
             GdsDetailsComponent,
+            GdsDialogComponent,
             GdsDivComponent,
             GdsDividerComponent,
-            GdsDialogComponent,
             GdsDropdownComponent,
             GdsFabComponent,
-            GdsFlexComponent,
             GdsFilterChipsComponent,
+            GdsFlexComponent,
             GdsFormSummaryComponent,
             GdsGridComponent,
             GdsGroupedListComponent,
@@ -38037,9 +38037,9 @@ class GreenCoreNgModule {
             GdsCheckboxGroupComponent,
             GdsIconDetailsComponent,
             GdsFilterChipComponent,
-            GdsFormattedAccountComponent,
             GdsFormattedDateComponent,
             GdsFormattedNumberComponent,
+            GdsFormattedAccountComponent,
             GdsRadioGroupComponent,
             GdsSegmentComponent,
             GdsSensitiveAccountComponent,
@@ -38393,8 +38393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         GdsBadgeComponent,
                         GdsBlurComponent,
                         GdsBreadcrumbsComponent,
-                        GdsButtonComponent,
                         GdsCalendarComponent,
+                        GdsButtonComponent,
                         GdsCardComponent,
                         GdsCardLinkedComponent,
                         GdsCheckboxComponent,
@@ -38402,13 +38402,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         GdsContextMenuComponent,
                         GdsDatepickerComponent,
                         GdsDetailsComponent,
+                        GdsDialogComponent,
                         GdsDivComponent,
                         GdsDividerComponent,
-                        GdsDialogComponent,
                         GdsDropdownComponent,
                         GdsFabComponent,
-                        GdsFlexComponent,
                         GdsFilterChipsComponent,
+                        GdsFlexComponent,
                         GdsFormSummaryComponent,
                         GdsGridComponent,
                         GdsGroupedListComponent,
@@ -38437,9 +38437,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         GdsCheckboxGroupComponent,
                         GdsIconDetailsComponent,
                         GdsFilterChipComponent,
-                        GdsFormattedAccountComponent,
                         GdsFormattedDateComponent,
                         GdsFormattedNumberComponent,
+                        GdsFormattedAccountComponent,
                         GdsRadioGroupComponent,
                         GdsSegmentComponent,
                         GdsSensitiveAccountComponent,
@@ -38789,8 +38789,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         GdsBadgeComponent,
                         GdsBlurComponent,
                         GdsBreadcrumbsComponent,
-                        GdsButtonComponent,
                         GdsCalendarComponent,
+                        GdsButtonComponent,
                         GdsCardComponent,
                         GdsCardLinkedComponent,
                         GdsCheckboxComponent,
@@ -38798,13 +38798,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         GdsContextMenuComponent,
                         GdsDatepickerComponent,
                         GdsDetailsComponent,
+                        GdsDialogComponent,
                         GdsDivComponent,
                         GdsDividerComponent,
-                        GdsDialogComponent,
                         GdsDropdownComponent,
                         GdsFabComponent,
-                        GdsFlexComponent,
                         GdsFilterChipsComponent,
+                        GdsFlexComponent,
                         GdsFormSummaryComponent,
                         GdsGridComponent,
                         GdsGroupedListComponent,
@@ -38833,9 +38833,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         GdsCheckboxGroupComponent,
                         GdsIconDetailsComponent,
                         GdsFilterChipComponent,
-                        GdsFormattedAccountComponent,
                         GdsFormattedDateComponent,
                         GdsFormattedNumberComponent,
+                        GdsFormattedAccountComponent,
                         GdsRadioGroupComponent,
                         GdsSegmentComponent,
                         GdsSensitiveAccountComponent,