@sebgroup/green-core-ng 3.12.2 → 3.12.3

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

@@ -1,22 +1,22 @@
 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 { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
+import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.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';
 import { GdsButton } from '@sebgroup/green-core/components/button/button.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 { 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';
-import { GdsCoachmark } from '@sebgroup/green-core/components/coachmark/coachmark.component.js';
+import { GdsCardLinked } from '@sebgroup/green-core/components/card-linked/card-linked.component.js';
 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 { GdsCoachmark } from '@sebgroup/green-core/components/coachmark/coachmark.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';
@@ -32,8 +32,8 @@ import { GdsListItem } from '@sebgroup/green-core/components/grouped-list/list-i
 import { GdsImg } from '@sebgroup/green-core/components/img/img.component.js';
 import { GdsInput } from '@sebgroup/green-core/components/input/input.component.js';
 import { GdsLink } from '@sebgroup/green-core/components/link/link.component.js';
-import { GdsMask } from '@sebgroup/green-core/components/mask/mask.component.js';
 import { GdsMenuButton } from '@sebgroup/green-core/components/menu-button/menu-button.component.js';
+import { GdsMask } from '@sebgroup/green-core/components/mask/mask.component.js';
 import { GdsPagination } from '@sebgroup/green-core/components/pagination/pagination.component.js';
 import { GdsBackdrop } from '@sebgroup/green-core/components/popover/backdrop.component.js';
 import { GdsPopover } from '@sebgroup/green-core/components/popover/popover.component.js';
@@ -43,9 +43,9 @@ import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-c
 import { GdsSelect } from '@sebgroup/green-core/components/select/select.component.js';
 import { GdsSignal } from '@sebgroup/green-core/components/signal/signal.component.js';
 import { GdsSpinner } from '@sebgroup/green-core/components/spinner/spinner.component.js';
-import { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
 import { GdsTable } from '@sebgroup/green-core/components/table/table.component.js';
 import { GdsText } from '@sebgroup/green-core/components/text/text.component.js';
+import { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
 import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.component.js';
 import { GdsTheme } from '@sebgroup/green-core/components/theme/theme.component.js';
 import { GdsVideo } from '@sebgroup/green-core/components/video/video.component.js';
@@ -59,8 +59,8 @@ import { GdsFormattedAccount } from '@sebgroup/green-core/components/formatted-t
 import { GdsFormattedDate } from '@sebgroup/green-core/components/formatted-text/date/formatted-date.component.js';
 import { GdsFormattedNumber } from '@sebgroup/green-core/components/formatted-text/number/formatted-number.component.js';
 import { GdsRadioGroup } from '@sebgroup/green-core/components/radio/radio-group/radio-group.component.js';
-import { GdsSensitiveAccount } from '@sebgroup/green-core/components/sensitive/account/sensitive-account.component.js';
 import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/segment.component.js';
+import { GdsSensitiveAccount } from '@sebgroup/green-core/components/sensitive/account/sensitive-account.component.js';
 import { GdsSensitiveDate } from '@sebgroup/green-core/components/sensitive/date/sensitive-date.component.js';
 import { GdsSensitiveNumber } from '@sebgroup/green-core/components/sensitive/number/sensitive-number.component.js';
 import { IconAi } from '@sebgroup/green-core/components/icon/icons/ai.component.js';
@@ -437,113 +437,6 @@ function ProxyInputs(inputNames) {
     };
 }
 
-/**
- * Angular wrapper for the gds-avatar web component
- * `gds-avatar` is a visual element used to represent a user or entity.
-It supports displaying an image, slotted text content, or a fallback icon.
- */
-let GdsAvatarComponent = class GdsAvatarComponent {
-    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 {
-            GdsAvatar.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-avatar:', 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: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarComponent, isStandalone: true, selector: "gds-avatar", inputs: { src: "src", alt: "alt", size: "size", shape: "shape", level: "level", background: "background", color: "color", 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 }); }
-};
-GdsAvatarComponent = __decorate([
-    ProxyInputs(['src', 'alt', 'size', 'shape', 'level', 'background', 'color', '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", [])
-], GdsAvatarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-avatar',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { src: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], shape: [{
-                type: Input
-            }], level: [{
-                type: Input
-            }], background: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], inlineSize: [{
-                type: Input
-            }], minInlineSize: [{
-                type: Input
-            }], maxInlineSize: [{
-                type: Input
-            }], margin: [{
-                type: Input
-            }], marginInline: [{
-                type: Input
-            }], marginBlock: [{
-                type: Input
-            }], 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 }]
-            }] } });
-
-/**
- * GdsAvatarComponent - Angular wrapper for gds-avatar
- * `gds-avatar` is a visual element used to represent a user or entity.
-It supports displaying an image, slotted text content, or a fallback icon.
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-alert web component
  *
@@ -630,10 +523,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  */
 
 /**
- * Angular wrapper for the gds-badge web component
- * `gds-badge`
+ * Angular wrapper for the gds-avatar web component
+ * `gds-avatar` is a visual element used to represent a user or entity.
+It supports displaying an image, slotted text content, or a fallback icon.
  */
-let GdsBadgeComponent = class GdsBadgeComponent {
+let GdsAvatarComponent = class GdsAvatarComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -646,11 +540,11 @@ let GdsBadgeComponent = class GdsBadgeComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsBadge.define();
+            GdsAvatar.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-badge:', e);
+            console.warn('Failed to define gds-avatar:', e);
         }
     }
     ngOnChanges(changes) {
@@ -659,37 +553,35 @@ let GdsBadgeComponent = class GdsBadgeComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBadgeComponent, isStandalone: true, selector: "gds-badge", inputs: { variant: "variant", size: "size", notification: ["notification", "notification", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], mainSlotOccupied: ["mainSlotOccupied", "mainSlotOccupied", booleanAttribute], leadSlotOccupied: ["leadSlotOccupied", "leadSlotOccupied", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarComponent, isStandalone: true, selector: "gds-avatar", inputs: { src: "src", alt: "alt", size: "size", shape: "shape", level: "level", background: "background", color: "color", 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']),
+GdsAvatarComponent = __decorate([
+    ProxyInputs(['src', 'alt', 'size', 'shape', 'level', 'background', 'color', '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: [{
+], GdsAvatarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-badge',
+                    selector: 'gds-avatar',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { variant: [{
+        }], ctorParameters: () => [], propDecorators: { src: [{
+                type: Input
+            }], alt: [{
                 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 }]
+            }], shape: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], color: [{
+                type: Input
             }], width: [{
                 type: Input
             }], minWidth: [{
@@ -730,8 +622,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 
 /**
- * GdsBadgeComponent - Angular wrapper for gds-badge
- * `gds-badge`
+ * GdsAvatarComponent - Angular wrapper for gds-avatar
+ * `gds-avatar` is a visual element used to represent a user or entity.
+It supports displaying an image, slotted text content, or a fallback icon.
  *
  * Auto-generated from Custom Elements Manifest
  */
@@ -794,10 +687,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  */
 
 /**
- * Angular wrapper for the gds-breadcrumbs web component
- *
+ * Angular wrapper for the gds-badge web component
+ * `gds-badge`
  */
-let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
+let GdsBadgeComponent = class GdsBadgeComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -810,11 +703,11 @@ let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsBreadcrumbs.define();
+            GdsBadge.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-breadcrumbs:', e);
+            console.warn('Failed to define gds-badge:', e);
         }
     }
     ngOnChanges(changes) {
@@ -823,41 +716,37 @@ let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", inputs: { size: "size", label: "label", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBadgeComponent, isStandalone: true, selector: "gds-badge", inputs: { variant: "variant", size: "size", notification: ["notification", "notification", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], mainSlotOccupied: ["mainSlotOccupied", "mainSlotOccupied", booleanAttribute], leadSlotOccupied: ["leadSlotOccupied", "leadSlotOccupied", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsBreadcrumbsComponent = __decorate([
-    ProxyInputs(['size', 'label', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
+GdsBadgeComponent = __decorate([
+    ProxyInputs(['variant', 'size', 'notification', 'rounded', 'mainSlotOccupied', 'leadSlotOccupied', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
-], GdsBreadcrumbsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
+], GdsBadgeComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-breadcrumbs',
+                    selector: 'gds-badge',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { size: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], alignSelf: [{
-                type: Input
-            }], justifySelf: [{
-                type: Input
-            }], placeSelf: [{
-                type: Input
-            }], gridColumn: [{
-                type: Input
-            }], gridRow: [{
-                type: Input
-            }], gridArea: [{
-                type: Input
-            }], flex: [{
+        }], ctorParameters: () => [], propDecorators: { variant: [{
                 type: Input
-            }], order: [{
+            }], size: [{
                 type: Input
+            }], notification: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], mainSlotOccupied: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], leadSlotOccupied: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], width: [{
                 type: Input
             }], minWidth: [{
@@ -876,14 +765,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Input
             }], marginBlock: [{
                 type: Input
+            }], alignSelf: [{
+                type: Input
+            }], justifySelf: [{
+                type: Input
+            }], placeSelf: [{
+                type: Input
+            }], gridColumn: [{
+                type: Input
+            }], gridRow: [{
+                type: Input
+            }], gridArea: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], order: [{
+                type: Input
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
 
 /**
- * GdsBreadcrumbsComponent - Angular wrapper for gds-breadcrumbs
- *
+ * GdsBadgeComponent - Angular wrapper for gds-badge
+ * `gds-badge`
  *
  * Auto-generated from Custom Elements Manifest
  */
@@ -1205,6 +1110,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-breadcrumbs web component
+ *
+ */
+let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
+    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 {
+            GdsBreadcrumbs.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-breadcrumbs:', 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: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", inputs: { size: "size", label: "label", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsBreadcrumbsComponent = __decorate([
+    ProxyInputs(['size', 'label', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsBreadcrumbsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-breadcrumbs',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], alignSelf: [{
+                type: Input
+            }], justifySelf: [{
+                type: Input
+            }], placeSelf: [{
+                type: Input
+            }], gridColumn: [{
+                type: Input
+            }], gridRow: [{
+                type: Input
+            }], gridArea: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], inlineSize: [{
+                type: Input
+            }], minInlineSize: [{
+                type: Input
+            }], maxInlineSize: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], marginInline: [{
+                type: Input
+            }], marginBlock: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsBreadcrumbsComponent - Angular wrapper for gds-breadcrumbs
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-calendar web component
  *
@@ -1495,6 +1495,178 @@ and a shortcut property for specifying different card variants.
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Base class for checkbox form controls that work with boolean checked state
+ * instead of string values.
+ *
+ * This class extends GdsFormControlBase and overrides the value handling to work
+ * with the checkbox's `checked` property (boolean) rather than the `value` property (string).
+ * This is needed because:
+ * - Single checkboxes in Angular forms typically bind to boolean values
+ * - The checkbox's meaningful state is whether it's checked or not
+ * - The web component's `value` property is a string used for form submission
+ *
+ * @internal
+ */
+class GdsCheckboxFormControlBase extends GdsFormControlBase {
+    /**
+     * Writes a new value to the element.
+     * For checkboxes, we set the `checked` property instead of `value`.
+     */
+    writeValue(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'checked', value);
+    }
+    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
+        // For checkboxes, we read the 'checked' property instead of 'value'
+        this.elementRef.nativeElement.addEventListener('input', (event) => {
+            const checked = event.target.checked;
+            this._onChange(checked);
+            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();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: GdsCheckboxFormControlBase, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Angular wrapper for the gds-checkbox web component
+ *
+ */
+let GdsCheckboxComponent = class GdsCheckboxComponent extends GdsCheckboxFormControlBase {
+    constructor() {
+        super(...arguments);
+        /** Dispatched when the checkbox is checked or unchecked. */
+        this.input = new EventEmitter();
+        /** Dispatched when the checkbox is checked or unchecked. */
+        this.change = new EventEmitter();
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Define the custom element
+        try {
+            GdsCheckbox.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-checkbox:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxComponent, isStandalone: true, selector: "gds-checkbox", inputs: { label: "label", supportingText: "supportingText", checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { input: "input", change: "change" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GdsCheckboxComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsCheckboxComponent = __decorate([
+    ProxyInputs(['label', 'supportingText', 'checked', 'indeterminate', 'disabled', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'syncFirstRender'])
+], GdsCheckboxComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-checkbox',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GdsCheckboxComponent),
+                            multi: true,
+                        },
+                    ]
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], supportingText: [{
+                type: Input
+            }], checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], indeterminate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], validator: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorMessage: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], input: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsCheckboxComponent - Angular wrapper for gds-checkbox
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-card-linked web component
  *
@@ -1756,261 +1928,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Base class for checkbox form controls that work with boolean checked state
- * instead of string values.
- *
- * This class extends GdsFormControlBase and overrides the value handling to work
- * with the checkbox's `checked` property (boolean) rather than the `value` property (string).
- * This is needed because:
- * - Single checkboxes in Angular forms typically bind to boolean values
- * - The checkbox's meaningful state is whether it's checked or not
- * - The web component's `value` property is a string used for form submission
- *
- * @internal
- */
-class GdsCheckboxFormControlBase extends GdsFormControlBase {
-    /**
-     * Writes a new value to the element.
-     * For checkboxes, we set the `checked` property instead of `value`.
-     */
-    writeValue(value) {
-        this.renderer.setProperty(this.elementRef.nativeElement, 'checked', value);
-    }
-    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
-        // For checkboxes, we read the 'checked' property instead of 'value'
-        this.elementRef.nativeElement.addEventListener('input', (event) => {
-            const checked = event.target.checked;
-            this._onChange(checked);
-            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();
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: GdsCheckboxFormControlBase, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, decorators: [{
-            type: Directive
-        }] });
-
-/**
- * Angular wrapper for the gds-checkbox web component
- *
- */
-let GdsCheckboxComponent = class GdsCheckboxComponent extends GdsCheckboxFormControlBase {
-    constructor() {
-        super(...arguments);
-        /** Dispatched when the checkbox is checked or unchecked. */
-        this.input = new EventEmitter();
-        /** Dispatched when the checkbox is checked or unchecked. */
-        this.change = new EventEmitter();
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        // Define the custom element
-        try {
-            GdsCheckbox.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-checkbox:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxComponent, isStandalone: true, selector: "gds-checkbox", inputs: { label: "label", supportingText: "supportingText", checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { input: "input", change: "change" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GdsCheckboxComponent),
-                multi: true,
-            },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsCheckboxComponent = __decorate([
-    ProxyInputs(['label', 'supportingText', 'checked', 'indeterminate', 'disabled', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'syncFirstRender'])
-], GdsCheckboxComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-checkbox',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GdsCheckboxComponent),
-                            multi: true,
-                        },
-                    ]
-                }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], supportingText: [{
-                type: Input
-            }], checked: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], indeterminate: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], value: [{
-                type: Input
-            }], validator: [{
-                type: Input
-            }], required: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], errorMessage: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], input: [{
-                type: Output
-            }], change: [{
-                type: Output
-            }] } });
-
-/**
- * GdsCheckboxComponent - Angular wrapper for gds-checkbox
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
-/**
- * Angular wrapper for the gds-coachmark web component
- *
- */
-let GdsCoachmarkComponent = class GdsCoachmarkComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. */
-        this.gdsUiState = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsCoachmark.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-coachmark:', e);
-        }
-        // Set up event listeners
-        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
-            this.gdsUiState.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: GdsCoachmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCoachmarkComponent, isStandalone: true, selector: "gds-coachmark", inputs: { placement: "placement", overlappedBy: "overlappedBy", target: "target", label: "label", computeVisibility: "computeVisibility", targetElement: "targetElement", _isVisible: ["_isVisible", "_isVisible", booleanAttribute], _preventClose: ["_preventClose", "_preventClose", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsCoachmarkComponent = __decorate([
-    ProxyInputs(['placement', 'overlappedBy', 'target', 'label', 'computeVisibility', 'targetElement', '_isVisible', '_preventClose', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsCoachmarkComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCoachmarkComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-coachmark',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { placement: [{
-                type: Input
-            }], overlappedBy: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], computeVisibility: [{
-                type: Input
-            }], targetElement: [{
-                type: Input
-            }], _isVisible: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], _preventClose: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], gdsUiState: [{
-                type: Output
-            }] } });
-
-/**
- * GdsCoachmarkComponent - Angular wrapper for gds-coachmark
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-context-menu web component
  *
@@ -2294,6 +2211,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-coachmark web component
+ *
+ */
+let GdsCoachmarkComponent = class GdsCoachmarkComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        /** dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. */
+        this.gdsUiState = new EventEmitter();
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsCoachmark.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-coachmark:', e);
+        }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.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: GdsCoachmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCoachmarkComponent, isStandalone: true, selector: "gds-coachmark", inputs: { placement: "placement", overlappedBy: "overlappedBy", target: "target", label: "label", computeVisibility: "computeVisibility", targetElement: "targetElement", _isVisible: ["_isVisible", "_isVisible", booleanAttribute], _preventClose: ["_preventClose", "_preventClose", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsCoachmarkComponent = __decorate([
+    ProxyInputs(['placement', 'overlappedBy', 'target', 'label', 'computeVisibility', 'targetElement', '_isVisible', '_preventClose', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsCoachmarkComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCoachmarkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-coachmark',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { placement: [{
+                type: Input
+            }], overlappedBy: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], computeVisibility: [{
+                type: Input
+            }], targetElement: [{
+                type: Input
+            }], _isVisible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], _preventClose: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], gdsUiState: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsCoachmarkComponent - Angular wrapper for gds-coachmark
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-details web component
  * Details component that provides collapsible content sections.
@@ -4295,195 +4295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-mask web component
- *
- */
-let GdsMaskComponent = class GdsMaskComponent {
-    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 {
-            GdsMask.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-mask:', 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: GdsMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsMaskComponent, isStandalone: true, selector: "gds-mask", inputs: { background: "background", maskImage: "maskImage", maskSize: "maskSize", maskRepeat: "maskRepeat", maskPosition: "maskPosition", backdropFilter: "backdropFilter", position: "position", display: "display", inset: "inset", 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", transform: "transform", level: "level", color: "color", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", font: "font", fontWeight: "fontWeight", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsMaskComponent = __decorate([
-    ProxyInputs(['background', 'mask-image', 'mask-size', 'mask-repeat', 'mask-position', 'backdrop-filter', 'position', 'display', 'inset', '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', 'transform', 'level', 'color', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'font', 'font-weight', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsMaskComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsMaskComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-mask',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { background: [{
-                type: Input
-            }], maskImage: [{
-                type: Input
-            }], maskSize: [{
-                type: Input
-            }], maskRepeat: [{
-                type: Input
-            }], maskPosition: [{
-                type: Input
-            }], backdropFilter: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], display: [{
-                type: Input
-            }], inset: [{
-                type: Input
-            }], 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
-            }], margin: [{
-                type: Input
-            }], marginInline: [{
-                type: Input
-            }], marginBlock: [{
-                type: Input
-            }], padding: [{
-                type: Input
-            }], paddingInline: [{
-                type: Input
-            }], paddingBlock: [{
-                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
-            }], transform: [{
-                type: Input
-            }], level: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], border: [{
-                type: Input
-            }], borderColor: [{
-                type: Input
-            }], borderWidth: [{
-                type: Input
-            }], borderStyle: [{
-                type: Input
-            }], borderRadius: [{
-                type: Input
-            }], boxShadow: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], overflow: [{
-                type: Input
-            }], boxSizing: [{
-                type: Input
-            }], zIndex: [{
-                type: Input
-            }], font: [{
-                type: Input
-            }], fontWeight: [{
-                type: Input
-            }], textAlign: [{
-                type: Input
-            }], textWrap: [{
-                type: Input
-            }], overflowWrap: [{
-                type: Input
-            }], whiteSpace: [{
-                type: Input
-            }], gap: [{
-                type: Input
-            }], alignItems: [{
-                type: Input
-            }], alignContent: [{
-                type: Input
-            }], justifyContent: [{
-                type: Input
-            }], justifyItems: [{
-                type: Input
-            }], flexDirection: [{
-                type: Input
-            }], flexWrap: [{
-                type: Input
-            }], placeItems: [{
-                type: Input
-            }], placeContent: [{
-                type: Input
-            }], aspectRatio: [{
-                type: Input
-            }], cursor: [{
-                type: Input
-            }], pointerEvents: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsMaskComponent - Angular wrapper for gds-mask
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-menu-button web component
  *
@@ -4675,6 +4486,195 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-mask web component
+ *
+ */
+let GdsMaskComponent = class GdsMaskComponent {
+    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 {
+            GdsMask.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-mask:', 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: GdsMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsMaskComponent, isStandalone: true, selector: "gds-mask", inputs: { background: "background", maskImage: "maskImage", maskSize: "maskSize", maskRepeat: "maskRepeat", maskPosition: "maskPosition", backdropFilter: "backdropFilter", position: "position", display: "display", inset: "inset", 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", transform: "transform", level: "level", color: "color", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", font: "font", fontWeight: "fontWeight", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsMaskComponent = __decorate([
+    ProxyInputs(['background', 'mask-image', 'mask-size', 'mask-repeat', 'mask-position', 'backdrop-filter', 'position', 'display', 'inset', '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', 'transform', 'level', 'color', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'font', 'font-weight', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsMaskComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsMaskComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-mask',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { background: [{
+                type: Input
+            }], maskImage: [{
+                type: Input
+            }], maskSize: [{
+                type: Input
+            }], maskRepeat: [{
+                type: Input
+            }], maskPosition: [{
+                type: Input
+            }], backdropFilter: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], display: [{
+                type: Input
+            }], inset: [{
+                type: Input
+            }], 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
+            }], margin: [{
+                type: Input
+            }], marginInline: [{
+                type: Input
+            }], marginBlock: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], paddingInline: [{
+                type: Input
+            }], paddingBlock: [{
+                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
+            }], transform: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], borderWidth: [{
+                type: Input
+            }], borderStyle: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], boxShadow: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], overflow: [{
+                type: Input
+            }], boxSizing: [{
+                type: Input
+            }], zIndex: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], fontWeight: [{
+                type: Input
+            }], textAlign: [{
+                type: Input
+            }], textWrap: [{
+                type: Input
+            }], overflowWrap: [{
+                type: Input
+            }], whiteSpace: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], alignItems: [{
+                type: Input
+            }], alignContent: [{
+                type: Input
+            }], justifyContent: [{
+                type: Input
+            }], justifyItems: [{
+                type: Input
+            }], flexDirection: [{
+                type: Input
+            }], flexWrap: [{
+                type: Input
+            }], placeItems: [{
+                type: Input
+            }], placeContent: [{
+                type: Input
+            }], aspectRatio: [{
+                type: Input
+            }], cursor: [{
+                type: Input
+            }], pointerEvents: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsMaskComponent - Angular wrapper for gds-mask
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-pagination web component
  *
@@ -5543,142 +5543,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-switch web component
- *
- */
-let GdsSwitchComponent = class GdsSwitchComponent extends GdsCheckboxFormControlBase {
-    constructor() {
-        super(...arguments);
-        /** Dispatched when the checked state changes. */
-        this.input = new EventEmitter();
-        /** Dispatched when the checked state changes. */
-        this.change = new EventEmitter();
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        // Define the custom element
-        try {
-            GdsSwitch.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-switch:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", 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", checked: ["checked", "checked", booleanAttribute], controlPlacement: "controlPlacement", size: "size", justifyContent: "justifyContent", 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: { input: "input", change: "change" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GdsSwitchComponent),
-                multi: true,
-            },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsSwitchComponent = __decorate([
-    ProxyInputs(['align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'margin', 'margin-inline', 'margin-block', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'checked', 'controlPlacement', 'size', 'justify-content', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'label', 'name', 'disabled', 'syncFirstRender'])
-], GdsSwitchComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-switch',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GdsSwitchComponent),
-                            multi: true,
-                        },
-                    ]
-                }]
-        }], propDecorators: { alignSelf: [{
-                type: Input
-            }], justifySelf: [{
-                type: Input
-            }], placeSelf: [{
-                type: Input
-            }], gridColumn: [{
-                type: Input
-            }], gridRow: [{
-                type: Input
-            }], gridArea: [{
-                type: Input
-            }], flex: [{
-                type: Input
-            }], order: [{
-                type: Input
-            }], margin: [{
-                type: Input
-            }], marginInline: [{
-                type: Input
-            }], marginBlock: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], inlineSize: [{
-                type: Input
-            }], minInlineSize: [{
-                type: Input
-            }], maxInlineSize: [{
-                type: Input
-            }], checked: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], controlPlacement: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], justifyContent: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], validator: [{
-                type: Input
-            }], required: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], errorMessage: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], input: [{
-                type: Output
-            }], change: [{
-                type: Output
-            }] } });
-
-/**
- * GdsSwitchComponent - Angular wrapper for gds-switch
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-table web component
  *
@@ -6025,6 +5889,142 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-switch web component
+ *
+ */
+let GdsSwitchComponent = class GdsSwitchComponent extends GdsCheckboxFormControlBase {
+    constructor() {
+        super(...arguments);
+        /** Dispatched when the checked state changes. */
+        this.input = new EventEmitter();
+        /** Dispatched when the checked state changes. */
+        this.change = new EventEmitter();
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Define the custom element
+        try {
+            GdsSwitch.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-switch:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", 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", checked: ["checked", "checked", booleanAttribute], controlPlacement: "controlPlacement", size: "size", justifyContent: "justifyContent", 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: { input: "input", change: "change" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GdsSwitchComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsSwitchComponent = __decorate([
+    ProxyInputs(['align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'margin', 'margin-inline', 'margin-block', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'checked', 'controlPlacement', 'size', 'justify-content', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'label', 'name', 'disabled', 'syncFirstRender'])
+], GdsSwitchComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-switch',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GdsSwitchComponent),
+                            multi: true,
+                        },
+                    ]
+                }]
+        }], propDecorators: { alignSelf: [{
+                type: Input
+            }], justifySelf: [{
+                type: Input
+            }], placeSelf: [{
+                type: Input
+            }], gridColumn: [{
+                type: Input
+            }], gridRow: [{
+                type: Input
+            }], gridArea: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], marginInline: [{
+                type: Input
+            }], marginBlock: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], inlineSize: [{
+                type: Input
+            }], minInlineSize: [{
+                type: Input
+            }], maxInlineSize: [{
+                type: Input
+            }], checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], controlPlacement: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], justifyContent: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], validator: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorMessage: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], input: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsSwitchComponent - Angular wrapper for gds-switch
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-textarea web component
  *
@@ -7830,6 +7830,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-segment web component
+ *
+ */
+let GdsSegmentComponent = class GdsSegmentComponent {
+    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 {
+            GdsSegment.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-segment:', 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: GdsSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSegmentComponent, isStandalone: true, selector: "gds-segment", inputs: { selected: ["selected", "selected", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], _isVisible: ["_isVisible", "_isVisible", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsSegmentComponent = __decorate([
+    ProxyInputs(['selected', 'value', 'disabled', '_isVisible', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsSegmentComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSegmentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-segment',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], _isVisible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], inlineSize: [{
+                type: Input
+            }], minInlineSize: [{
+                type: Input
+            }], maxInlineSize: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsSegmentComponent - Angular wrapper for gds-segment
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-sensitive-account web component
  *
@@ -8022,86 +8102,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-segment web component
- *
- */
-let GdsSegmentComponent = class GdsSegmentComponent {
-    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 {
-            GdsSegment.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-segment:', 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: GdsSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSegmentComponent, isStandalone: true, selector: "gds-segment", inputs: { selected: ["selected", "selected", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], _isVisible: ["_isVisible", "_isVisible", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsSegmentComponent = __decorate([
-    ProxyInputs(['selected', 'value', 'disabled', '_isVisible', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsSegmentComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSegmentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-segment',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { selected: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], value: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], _isVisible: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], inlineSize: [{
-                type: Input
-            }], minInlineSize: [{
-                type: Input
-            }], maxInlineSize: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsSegmentComponent - Angular wrapper for gds-segment
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-sensitive-date web component
  *
@@ -37321,19 +37321,19 @@ 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,
-            GdsBadgeComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
+            GdsAvatarComponent,
             GdsBlurComponent,
-            GdsBreadcrumbsComponent,
+            GdsBadgeComponent,
             GdsButtonComponent,
+            GdsBreadcrumbsComponent,
             GdsCalendarComponent,
             GdsCardComponent,
-            GdsCardLinkedComponent,
             GdsCheckboxComponent,
-            GdsCoachmarkComponent,
+            GdsCardLinkedComponent,
             GdsContextMenuComponent,
             GdsDatepickerComponent,
+            GdsCoachmarkComponent,
             GdsDetailsComponent,
             GdsDialogComponent,
             GdsDivComponent,
@@ -37349,8 +37349,8 @@ class GreenCoreNgModule {
             GdsImgComponent,
             GdsInputComponent,
             GdsLinkComponent,
-            GdsMaskComponent,
             GdsMenuButtonComponent,
+            GdsMaskComponent,
             GdsPaginationComponent,
             GdsBackdropComponent,
             GdsPopoverComponent,
@@ -37360,9 +37360,9 @@ class GreenCoreNgModule {
             GdsSelectComponent,
             GdsSignalComponent,
             GdsSpinnerComponent,
-            GdsSwitchComponent,
             GdsTableComponent,
             GdsTextComponent,
+            GdsSwitchComponent,
             GdsTextareaComponent,
             GdsThemeComponent,
             GdsVideoComponent,
@@ -37376,8 +37376,8 @@ class GreenCoreNgModule {
             GdsFormattedDateComponent,
             GdsFormattedNumberComponent,
             GdsRadioGroupComponent,
-            GdsSensitiveAccountComponent,
             GdsSegmentComponent,
+            GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
             GdsSensitiveNumberComponent,
             IconAiComponent,
@@ -37693,19 +37693,19 @@ class GreenCoreNgModule {
             IconZoomOutComponent,
             GdsMenuItemComponent,
             GdsMenuHeadingComponent,
-            GdsOptionComponent], exports: [GdsAvatarComponent,
-            GdsAlertComponent,
-            GdsBadgeComponent,
+            GdsOptionComponent], exports: [GdsAlertComponent,
+            GdsAvatarComponent,
             GdsBlurComponent,
-            GdsBreadcrumbsComponent,
+            GdsBadgeComponent,
             GdsButtonComponent,
+            GdsBreadcrumbsComponent,
             GdsCalendarComponent,
             GdsCardComponent,
-            GdsCardLinkedComponent,
             GdsCheckboxComponent,
-            GdsCoachmarkComponent,
+            GdsCardLinkedComponent,
             GdsContextMenuComponent,
             GdsDatepickerComponent,
+            GdsCoachmarkComponent,
             GdsDetailsComponent,
             GdsDialogComponent,
             GdsDivComponent,
@@ -37721,8 +37721,8 @@ class GreenCoreNgModule {
             GdsImgComponent,
             GdsInputComponent,
             GdsLinkComponent,
-            GdsMaskComponent,
             GdsMenuButtonComponent,
+            GdsMaskComponent,
             GdsPaginationComponent,
             GdsBackdropComponent,
             GdsPopoverComponent,
@@ -37732,9 +37732,9 @@ class GreenCoreNgModule {
             GdsSelectComponent,
             GdsSignalComponent,
             GdsSpinnerComponent,
-            GdsSwitchComponent,
             GdsTableComponent,
             GdsTextComponent,
+            GdsSwitchComponent,
             GdsTextareaComponent,
             GdsThemeComponent,
             GdsVideoComponent,
@@ -37748,8 +37748,8 @@ class GreenCoreNgModule {
             GdsFormattedDateComponent,
             GdsFormattedNumberComponent,
             GdsRadioGroupComponent,
-            GdsSensitiveAccountComponent,
             GdsSegmentComponent,
+            GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
             GdsSensitiveNumberComponent,
             IconAiComponent,
@@ -38072,19 +38072,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             type: NgModule,
             args: [{
                     imports: [
-                        GdsAvatarComponent,
                         GdsAlertComponent,
-                        GdsBadgeComponent,
+                        GdsAvatarComponent,
                         GdsBlurComponent,
-                        GdsBreadcrumbsComponent,
+                        GdsBadgeComponent,
                         GdsButtonComponent,
+                        GdsBreadcrumbsComponent,
                         GdsCalendarComponent,
                         GdsCardComponent,
-                        GdsCardLinkedComponent,
                         GdsCheckboxComponent,
-                        GdsCoachmarkComponent,
+                        GdsCardLinkedComponent,
                         GdsContextMenuComponent,
                         GdsDatepickerComponent,
+                        GdsCoachmarkComponent,
                         GdsDetailsComponent,
                         GdsDialogComponent,
                         GdsDivComponent,
@@ -38100,8 +38100,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsImgComponent,
                         GdsInputComponent,
                         GdsLinkComponent,
-                        GdsMaskComponent,
                         GdsMenuButtonComponent,
+                        GdsMaskComponent,
                         GdsPaginationComponent,
                         GdsBackdropComponent,
                         GdsPopoverComponent,
@@ -38111,9 +38111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsSelectComponent,
                         GdsSignalComponent,
                         GdsSpinnerComponent,
-                        GdsSwitchComponent,
                         GdsTableComponent,
                         GdsTextComponent,
+                        GdsSwitchComponent,
                         GdsTextareaComponent,
                         GdsThemeComponent,
                         GdsVideoComponent,
@@ -38127,8 +38127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsFormattedDateComponent,
                         GdsFormattedNumberComponent,
                         GdsRadioGroupComponent,
-                        GdsSensitiveAccountComponent,
                         GdsSegmentComponent,
+                        GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
                         GdsSensitiveNumberComponent,
                         IconAiComponent,
@@ -38447,19 +38447,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsOptionComponent,
                     ],
                     exports: [
-                        GdsAvatarComponent,
                         GdsAlertComponent,
-                        GdsBadgeComponent,
+                        GdsAvatarComponent,
                         GdsBlurComponent,
-                        GdsBreadcrumbsComponent,
+                        GdsBadgeComponent,
                         GdsButtonComponent,
+                        GdsBreadcrumbsComponent,
                         GdsCalendarComponent,
                         GdsCardComponent,
-                        GdsCardLinkedComponent,
                         GdsCheckboxComponent,
-                        GdsCoachmarkComponent,
+                        GdsCardLinkedComponent,
                         GdsContextMenuComponent,
                         GdsDatepickerComponent,
+                        GdsCoachmarkComponent,
                         GdsDetailsComponent,
                         GdsDialogComponent,
                         GdsDivComponent,
@@ -38475,8 +38475,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsImgComponent,
                         GdsInputComponent,
                         GdsLinkComponent,
-                        GdsMaskComponent,
                         GdsMenuButtonComponent,
+                        GdsMaskComponent,
                         GdsPaginationComponent,
                         GdsBackdropComponent,
                         GdsPopoverComponent,
@@ -38486,9 +38486,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsSelectComponent,
                         GdsSignalComponent,
                         GdsSpinnerComponent,
-                        GdsSwitchComponent,
                         GdsTableComponent,
                         GdsTextComponent,
+                        GdsSwitchComponent,
                         GdsTextareaComponent,
                         GdsThemeComponent,
                         GdsVideoComponent,
@@ -38502,8 +38502,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         GdsFormattedDateComponent,
                         GdsFormattedNumberComponent,
                         GdsRadioGroupComponent,
-                        GdsSensitiveAccountComponent,
                         GdsSegmentComponent,
+                        GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
                         GdsSensitiveNumberComponent,
                         IconAiComponent,