@sebgroup/green-core-ng 3.14.0 → 3.15.0

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

@@ -2,17 +2,17 @@ import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
 import { inject, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, booleanAttribute, Output, Input, ChangeDetectionStrategy, Component, Renderer2, Injector, Directive, DestroyRef, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
 import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.js';
-import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
 import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.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 { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
+import { GdsBreadcrumbs } from '@sebgroup/green-core/components/breadcrumbs/breadcrumbs.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 { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.component.js';
-import { GdsCardLinked } from '@sebgroup/green-core/components/card-linked/card-linked.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 { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/context-menu.component.js';
@@ -43,8 +43,8 @@ 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 { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
 import { GdsTabs } from '@sebgroup/green-core/components/tabs/tabs.component.js';
 import { GdsText } from '@sebgroup/green-core/components/text/text.component.js';
 import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.component.js';
@@ -53,16 +53,16 @@ import { GdsVideo } from '@sebgroup/green-core/components/video/video.component.
 import { GdsCardPattern01 } from '@sebgroup/green-core/patterns/card-pattern-01/card-pattern-01.component.js';
 import { GdsListItemPattern01 } from '@sebgroup/green-core/patterns/list-item-pattern-01/list-item-pattern-01.component.js';
 import { GdsAvatarGroup } from '@sebgroup/green-core/components/avatar/avatar-group/avatar-group.component.js';
-import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
 import { GdsCheckboxGroup } from '@sebgroup/green-core/components/checkbox/checkbox-group/checkbox-group.component.js';
+import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
 import { GdsIconDetails } from '@sebgroup/green-core/components/details/details-icon/details-icon.component.js';
 import { GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.component.js';
 import { GdsFormattedAccount } from '@sebgroup/green-core/components/formatted-text/account/formatted-account.component.js';
 import { GdsFormattedDate } from '@sebgroup/green-core/components/formatted-text/date/formatted-date.component.js';
-import { GdsListItem } from '@sebgroup/green-core/components/list/list-item/list-item.component.js';
 import { GdsFormattedNumber } from '@sebgroup/green-core/components/formatted-text/number/formatted-number.component.js';
-import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/segment.component.js';
 import { GdsRadioGroup } from '@sebgroup/green-core/components/radio/radio-group/radio-group.component.js';
+import { GdsListItem } from '@sebgroup/green-core/components/list/list-item/list-item.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';
@@ -528,10 +528,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  */
 
 /**
- * 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;
     }
@@ -544,11 +545,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) {
@@ -557,37 +558,35 @@ let GdsBadgeComponent = class GdsBadgeComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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: "20.3.9", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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: "20.3.9", ngImport: i0, type: GdsBadgeComponent, decorators: [{
+], GdsAvatarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", 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: [{
@@ -628,18 +627,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 
 /**
- * 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
  */
 
 /**
- * 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.
+ * Angular wrapper for the gds-badge web component
+ * `gds-badge`
  */
-let GdsAvatarComponent = class GdsAvatarComponent {
+let GdsBadgeComponent = class GdsBadgeComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -652,11 +651,11 @@ let GdsAvatarComponent = class GdsAvatarComponent {
     ngOnInit() {
         // Define the custom element
         try {
-            GdsAvatar.define();
+            GdsBadge.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-avatar:', e);
+            console.warn('Failed to define gds-badge:', e);
         }
     }
     ngOnChanges(changes) {
@@ -665,35 +664,37 @@ let GdsAvatarComponent = class GdsAvatarComponent {
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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 }); }
 };
-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']),
+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", [])
-], GdsAvatarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsAvatarComponent, decorators: [{
+], GdsBadgeComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBadgeComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-avatar',
+                    selector: 'gds-badge',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { src: [{
-                type: Input
-            }], alt: [{
+        }], ctorParameters: () => [], propDecorators: { variant: [{
                 type: Input
             }], size: [{
                 type: Input
-            }], shape: [{
-                type: Input
-            }], level: [{
-                type: Input
-            }], background: [{
-                type: Input
-            }], color: [{
-                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: [{
@@ -734,9 +735,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 
 /**
- * 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.
+ * GdsBadgeComponent - Angular wrapper for gds-badge
+ * `gds-badge`
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
+/**
+ * Angular wrapper for the gds-blur web component
+ *
+ */
+let GdsBlurComponent = class GdsBlurComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsBlur.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-blur:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsBlurComponent, isStandalone: true, selector: "gds-blur", inputs: { syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsBlurComponent = __decorate([
+    ProxyInputs(['syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsBlurComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-blur',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsBlurComponent - Angular wrapper for gds-blur
+ *
  *
  * Auto-generated from Custom Elements Manifest
  */
@@ -836,63 +893,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-blur web component
- *
- */
-let GdsBlurComponent = class GdsBlurComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsBlur.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-blur:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsBlurComponent, isStandalone: true, selector: "gds-blur", inputs: { syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsBlurComponent = __decorate([
-    ProxyInputs(['syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsBlurComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-blur',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsBlurComponent - Angular wrapper for gds-blur
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Base class for Angular wrapper components that wrap Green Core form controls.
  *
@@ -1314,10 +1314,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  */
 
 /**
- * Angular wrapper for the gds-card-linked web component
- *
+ * Angular wrapper for the gds-card web component
+ * A container for content representing a single entity. e.g. a contact, article, or task.
+
+`gds-card` inherits all properties from `gds-div`, but comes with some predefined defaults
+and a shortcut property for specifying different card variants.
  */
-let GdsCardLinkedComponent = class GdsCardLinkedComponent {
+let GdsCardComponent = class GdsCardComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -1325,120 +1328,40 @@ let GdsCardLinkedComponent = class GdsCardLinkedComponent {
         this.elementRef = inject((ElementRef));
         this.zone = inject(NgZone);
         this.cdr = inject(ChangeDetectorRef);
-        this.renderer = inject(Renderer2);
-        this.router = inject(Router);
-        this.locationStrategy = inject(LocationStrategy);
-        this.destroyRef = inject(DestroyRef);
-        this.routerLink = inject(RouterLink, { optional: true, self: true });
-        this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
         this.cdr.detach();
-        if (this.routerLink) {
-            // Prevent the browser from following the href on click – RouterLink
-            // handles navigation via Router.navigateByUrl() but only calls
-            // preventDefault() for native <a> elements.
-            this.preventNativeNavigation();
-            // Keep href in sync after client-side navigations (RouterLink only
-            // does this for native <a> elements).
-            const sub = this.router.events.subscribe((event) => {
-                if (event instanceof NavigationEnd)
-                    this.updateHref();
-            });
-            this.destroyRef.onDestroy(() => sub.unsubscribe());
-        }
-    }
-    /**
-     * Prevent the browser from following the href when RouterLink handles
-     * navigation. RouterLink calls Router.navigateByUrl() for all elements,
-     * but only calls preventDefault() for native <a> tags. For custom
-     * elements we must do it ourselves, respecting modifier-key and
-     * target-attribute semantics so that ctrl-click / cmd-click / target=_blank
-     * still open a new tab.
-     * @internal
-     */
-    preventNativeNavigation() {
-        // Use capture phase so this runs before Angular's RouterLink host listener.
-        this.elementRef.nativeElement.addEventListener('click', (event) => {
-            if (!this.routerLink?.urlTree)
-                return;
-            // When modifier keys are pressed or target is not _self, stop
-            // RouterLink from navigating (it skips these checks for non-anchor
-            // elements) and let the browser handle the click natively (new tab etc.)
-            if (event.button !== 0 || event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
-                event.stopImmediatePropagation();
-                return;
-            }
-            const target = this.elementRef.nativeElement.getAttribute('target');
-            if (target && target !== '_self') {
-                event.stopImmediatePropagation();
-                return;
-            }
-            // Normal left-click: let RouterLink handle navigation via
-            // Router.navigateByUrl(), but prevent the browser from also
-            // following the shadow DOM anchor's href.
-            event.preventDefault();
-        }, true);
-    }
-    /**
-     * Updates the href attribute from RouterLink using only public Angular APIs.
-     * @internal
-     */
-    updateHref() {
-        if (!this.routerLink)
-            return;
-        const urlTree = this.routerLink.urlTree;
-        const href = urlTree
-            ? this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree))
-            : null;
-        if (href) {
-            this.renderer.setAttribute(this.elementRef.nativeElement, 'href', href);
-        }
     }
     ngOnInit() {
         // Define the custom element
         try {
-            GdsCardLinked.define();
+            GdsCard.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-card-linked:', e);
+            console.warn('Failed to define gds-card:', e);
         }
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
-        if (changes['routerLink']) {
-            this.updateHref();
-        }
     }
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
-        this.updateHref();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardLinkedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsCardLinkedComponent, isStandalone: true, selector: "gds-card-linked", inputs: { href: "href", target: "target", rel: "rel", download: "download", ping: "ping", variant: "variant", padding: "padding", 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", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsCardComponent, isStandalone: true, selector: "gds-card", inputs: { variant: "variant", padding: "padding", 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", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", 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 }); }
 };
-GdsCardLinkedComponent = __decorate([
-    ProxyInputs(['href', 'target', 'rel', 'download', 'ping', 'variant', 'padding', '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-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', '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']),
+GdsCardComponent = __decorate([
+    ProxyInputs(['variant', 'padding', '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-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', '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", [])
-], GdsCardLinkedComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardLinkedComponent, decorators: [{
+], GdsCardComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-card-linked',
+                    selector: 'gds-card',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { href: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], rel: [{
-                type: Input
-            }], download: [{
-                type: Input
-            }], ping: [{
-                type: Input
-            }], variant: [{
+        }], ctorParameters: () => [], propDecorators: { variant: [{
                 type: Input
             }], padding: [{
                 type: Input
@@ -1568,20 +1491,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 
 /**
- * GdsCardLinkedComponent - Angular wrapper for gds-card-linked
- *
+ * GdsCardComponent - Angular wrapper for gds-card
+ * A container for content representing a single entity. e.g. a contact, article, or task.
+
+`gds-card` inherits all properties from `gds-div`, but comes with some predefined defaults
+and a shortcut property for specifying different card variants.
  *
  * Auto-generated from Custom Elements Manifest
  */
 
 /**
- * Angular wrapper for the gds-card web component
- * A container for content representing a single entity. e.g. a contact, article, or task.
-
-`gds-card` inherits all properties from `gds-div`, but comes with some predefined defaults
-and a shortcut property for specifying different card variants.
+ * Angular wrapper for the gds-card-linked web component
+ *
  */
-let GdsCardComponent = class GdsCardComponent {
+let GdsCardLinkedComponent = class GdsCardLinkedComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -1589,40 +1512,120 @@ let GdsCardComponent = class GdsCardComponent {
         this.elementRef = inject((ElementRef));
         this.zone = inject(NgZone);
         this.cdr = inject(ChangeDetectorRef);
+        this.renderer = inject(Renderer2);
+        this.router = inject(Router);
+        this.locationStrategy = inject(LocationStrategy);
+        this.destroyRef = inject(DestroyRef);
+        this.routerLink = inject(RouterLink, { optional: true, self: true });
+        this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
         this.cdr.detach();
+        if (this.routerLink) {
+            // Prevent the browser from following the href on click – RouterLink
+            // handles navigation via Router.navigateByUrl() but only calls
+            // preventDefault() for native <a> elements.
+            this.preventNativeNavigation();
+            // Keep href in sync after client-side navigations (RouterLink only
+            // does this for native <a> elements).
+            const sub = this.router.events.subscribe((event) => {
+                if (event instanceof NavigationEnd)
+                    this.updateHref();
+            });
+            this.destroyRef.onDestroy(() => sub.unsubscribe());
+        }
+    }
+    /**
+     * Prevent the browser from following the href when RouterLink handles
+     * navigation. RouterLink calls Router.navigateByUrl() for all elements,
+     * but only calls preventDefault() for native <a> tags. For custom
+     * elements we must do it ourselves, respecting modifier-key and
+     * target-attribute semantics so that ctrl-click / cmd-click / target=_blank
+     * still open a new tab.
+     * @internal
+     */
+    preventNativeNavigation() {
+        // Use capture phase so this runs before Angular's RouterLink host listener.
+        this.elementRef.nativeElement.addEventListener('click', (event) => {
+            if (!this.routerLink?.urlTree)
+                return;
+            // When modifier keys are pressed or target is not _self, stop
+            // RouterLink from navigating (it skips these checks for non-anchor
+            // elements) and let the browser handle the click natively (new tab etc.)
+            if (event.button !== 0 || event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
+                event.stopImmediatePropagation();
+                return;
+            }
+            const target = this.elementRef.nativeElement.getAttribute('target');
+            if (target && target !== '_self') {
+                event.stopImmediatePropagation();
+                return;
+            }
+            // Normal left-click: let RouterLink handle navigation via
+            // Router.navigateByUrl(), but prevent the browser from also
+            // following the shadow DOM anchor's href.
+            event.preventDefault();
+        }, true);
+    }
+    /**
+     * Updates the href attribute from RouterLink using only public Angular APIs.
+     * @internal
+     */
+    updateHref() {
+        if (!this.routerLink)
+            return;
+        const urlTree = this.routerLink.urlTree;
+        const href = urlTree
+            ? this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree))
+            : null;
+        if (href) {
+            this.renderer.setAttribute(this.elementRef.nativeElement, 'href', href);
+        }
     }
     ngOnInit() {
         // Define the custom element
         try {
-            GdsCard.define();
+            GdsCardLinked.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-card:', e);
+            console.warn('Failed to define gds-card-linked:', e);
         }
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
+        if (changes['routerLink']) {
+            this.updateHref();
+        }
     }
     ngAfterViewInit() {
         // Implementation added by @ProxyInputs decorator
+        this.updateHref();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsCardComponent, isStandalone: true, selector: "gds-card", inputs: { variant: "variant", padding: "padding", 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", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardLinkedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsCardLinkedComponent, isStandalone: true, selector: "gds-card-linked", inputs: { href: "href", target: "target", rel: "rel", download: "download", ping: "ping", variant: "variant", padding: "padding", 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", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", 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 }); }
 };
-GdsCardComponent = __decorate([
-    ProxyInputs(['variant', 'padding', '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-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', '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']),
+GdsCardLinkedComponent = __decorate([
+    ProxyInputs(['href', 'target', 'rel', 'download', 'ping', 'variant', 'padding', '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-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', '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", [])
-], GdsCardComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardComponent, decorators: [{
+], GdsCardLinkedComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCardLinkedComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-card',
+                    selector: 'gds-card-linked',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { variant: [{
+        }], ctorParameters: () => [], propDecorators: { href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], rel: [{
+                type: Input
+            }], download: [{
+                type: Input
+            }], ping: [{
+                type: Input
+            }], variant: [{
                 type: Input
             }], padding: [{
                 type: Input
@@ -1752,11 +1755,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 
 /**
- * GdsCardComponent - Angular wrapper for gds-card
- * A container for content representing a single entity. e.g. a contact, article, or task.
-
-`gds-card` inherits all properties from `gds-div`, but comes with some predefined defaults
-and a shortcut property for specifying different card variants.
+ * GdsCardLinkedComponent - Angular wrapper for gds-card-linked
+ *
  *
  * Auto-generated from Custom Elements Manifest
  */
@@ -4848,10 +4848,10 @@ let GdsPaginationComponent = class GdsPaginationComponent {
         // Implementation added by @ProxyInputs decorator
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsPaginationComponent, isStandalone: true, selector: "gds-pagination", inputs: { page: "page", rows: "rows", total: "total", options: "options", jump: ["jump", "jump", booleanAttribute], hideOptions: ["hideOptions", "hideOptions", booleanAttribute], density: "density", label: "label", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsPageChange: "gdsPageChange", gdsRowsChange: "gdsRowsChange" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsPaginationComponent, isStandalone: true, selector: "gds-pagination", inputs: { page: "page", rows: "rows", total: "total", options: "options", jump: ["jump", "jump", booleanAttribute], hideOptions: ["hideOptions", "hideOptions", booleanAttribute], simple: ["simple", "simple", booleanAttribute], density: "density", label: "label", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsPageChange: "gdsPageChange", gdsRowsChange: "gdsRowsChange" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 GdsPaginationComponent = __decorate([
-    ProxyInputs(['page', 'rows', 'total', 'options', 'jump', 'hideOptions', 'density', 'label', 'margin', 'margin-inline', 'margin-block', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
+    ProxyInputs(['page', 'rows', 'total', 'options', 'jump', 'hideOptions', 'simple', 'density', 'label', 'margin', 'margin-inline', 'margin-block', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
 ], GdsPaginationComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsPaginationComponent, decorators: [{
@@ -4876,6 +4876,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }], hideOptions: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], simple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], density: [{
                 type: Input
             }], label: [{
@@ -5674,142 +5677,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * 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: "20.3.9", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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: "20.3.9", 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
  *
@@ -5969,6 +5836,142 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * 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: "20.3.9", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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: "20.3.9", 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-tabs web component
  *
@@ -7125,144 +7128,6 @@ Accessibility:
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-breadcrumb web component
- *
- */
-let GdsBreadcrumbComponent = class GdsBreadcrumbComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        this.renderer = inject(Renderer2);
-        this.router = inject(Router);
-        this.locationStrategy = inject(LocationStrategy);
-        this.destroyRef = inject(DestroyRef);
-        this.routerLink = inject(RouterLink, { optional: true, self: true });
-        this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
-        this.cdr.detach();
-        if (this.routerLink) {
-            // Prevent the browser from following the href on click – RouterLink
-            // handles navigation via Router.navigateByUrl() but only calls
-            // preventDefault() for native <a> elements.
-            this.preventNativeNavigation();
-            // Keep href in sync after client-side navigations (RouterLink only
-            // does this for native <a> elements).
-            const sub = this.router.events.subscribe((event) => {
-                if (event instanceof NavigationEnd)
-                    this.updateHref();
-            });
-            this.destroyRef.onDestroy(() => sub.unsubscribe());
-        }
-    }
-    /**
-     * Prevent the browser from following the href when RouterLink handles
-     * navigation. RouterLink calls Router.navigateByUrl() for all elements,
-     * but only calls preventDefault() for native <a> tags. For custom
-     * elements we must do it ourselves, respecting modifier-key and
-     * target-attribute semantics so that ctrl-click / cmd-click / target=_blank
-     * still open a new tab.
-     * @internal
-     */
-    preventNativeNavigation() {
-        // Use capture phase so this runs before Angular's RouterLink host listener.
-        this.elementRef.nativeElement.addEventListener('click', (event) => {
-            if (!this.routerLink?.urlTree)
-                return;
-            // When modifier keys are pressed or target is not _self, stop
-            // RouterLink from navigating (it skips these checks for non-anchor
-            // elements) and let the browser handle the click natively (new tab etc.)
-            if (event.button !== 0 || event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
-                event.stopImmediatePropagation();
-                return;
-            }
-            const target = this.elementRef.nativeElement.getAttribute('target');
-            if (target && target !== '_self') {
-                event.stopImmediatePropagation();
-                return;
-            }
-            // Normal left-click: let RouterLink handle navigation via
-            // Router.navigateByUrl(), but prevent the browser from also
-            // following the shadow DOM anchor's href.
-            event.preventDefault();
-        }, true);
-    }
-    /**
-     * Updates the href attribute from RouterLink using only public Angular APIs.
-     * @internal
-     */
-    updateHref() {
-        if (!this.routerLink)
-            return;
-        const urlTree = this.routerLink.urlTree;
-        const href = urlTree
-            ? this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree))
-            : null;
-        if (href) {
-            this.renderer.setAttribute(this.elementRef.nativeElement, 'href', href);
-        }
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsBreadcrumb.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-breadcrumb:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-        if (changes['routerLink']) {
-            this.updateHref();
-        }
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-        this.updateHref();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsBreadcrumbComponent, isStandalone: true, selector: "gds-breadcrumb", inputs: { href: "href", target: "target", rel: "rel", label: "label", overflow: ["overflow", "overflow", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsBreadcrumbComponent = __decorate([
-    ProxyInputs(['href', 'target', 'rel', 'label', 'overflow', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsBreadcrumbComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-breadcrumb',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { href: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], rel: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], overflow: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsBreadcrumbComponent - Angular wrapper for gds-breadcrumb
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-checkbox-group web component
  *
@@ -7402,6 +7267,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-breadcrumb web component
+ *
+ */
+let GdsBreadcrumbComponent = class GdsBreadcrumbComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.renderer = inject(Renderer2);
+        this.router = inject(Router);
+        this.locationStrategy = inject(LocationStrategy);
+        this.destroyRef = inject(DestroyRef);
+        this.routerLink = inject(RouterLink, { optional: true, self: true });
+        this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
+        this.cdr.detach();
+        if (this.routerLink) {
+            // Prevent the browser from following the href on click – RouterLink
+            // handles navigation via Router.navigateByUrl() but only calls
+            // preventDefault() for native <a> elements.
+            this.preventNativeNavigation();
+            // Keep href in sync after client-side navigations (RouterLink only
+            // does this for native <a> elements).
+            const sub = this.router.events.subscribe((event) => {
+                if (event instanceof NavigationEnd)
+                    this.updateHref();
+            });
+            this.destroyRef.onDestroy(() => sub.unsubscribe());
+        }
+    }
+    /**
+     * Prevent the browser from following the href when RouterLink handles
+     * navigation. RouterLink calls Router.navigateByUrl() for all elements,
+     * but only calls preventDefault() for native <a> tags. For custom
+     * elements we must do it ourselves, respecting modifier-key and
+     * target-attribute semantics so that ctrl-click / cmd-click / target=_blank
+     * still open a new tab.
+     * @internal
+     */
+    preventNativeNavigation() {
+        // Use capture phase so this runs before Angular's RouterLink host listener.
+        this.elementRef.nativeElement.addEventListener('click', (event) => {
+            if (!this.routerLink?.urlTree)
+                return;
+            // When modifier keys are pressed or target is not _self, stop
+            // RouterLink from navigating (it skips these checks for non-anchor
+            // elements) and let the browser handle the click natively (new tab etc.)
+            if (event.button !== 0 || event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
+                event.stopImmediatePropagation();
+                return;
+            }
+            const target = this.elementRef.nativeElement.getAttribute('target');
+            if (target && target !== '_self') {
+                event.stopImmediatePropagation();
+                return;
+            }
+            // Normal left-click: let RouterLink handle navigation via
+            // Router.navigateByUrl(), but prevent the browser from also
+            // following the shadow DOM anchor's href.
+            event.preventDefault();
+        }, true);
+    }
+    /**
+     * Updates the href attribute from RouterLink using only public Angular APIs.
+     * @internal
+     */
+    updateHref() {
+        if (!this.routerLink)
+            return;
+        const urlTree = this.routerLink.urlTree;
+        const href = urlTree
+            ? this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree))
+            : null;
+        if (href) {
+            this.renderer.setAttribute(this.elementRef.nativeElement, 'href', href);
+        }
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsBreadcrumb.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-breadcrumb:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+        if (changes['routerLink']) {
+            this.updateHref();
+        }
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+        this.updateHref();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsBreadcrumbComponent, isStandalone: true, selector: "gds-breadcrumb", inputs: { href: "href", target: "target", rel: "rel", label: "label", overflow: ["overflow", "overflow", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsBreadcrumbComponent = __decorate([
+    ProxyInputs(['href', 'target', 'rel', 'label', 'overflow', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsBreadcrumbComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-breadcrumb',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], rel: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], overflow: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsBreadcrumbComponent - Angular wrapper for gds-breadcrumb
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-icon-details web component
  *
@@ -7908,79 +7911,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-list-item web component
- * `gds-list-item` is used as a child of `gds-list` to represent a single item in a list.
- */
-let GdsListItemComponent = class GdsListItemComponent {
-    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 {
-            GdsListItem.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-list-item:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsListItemComponent, isStandalone: true, selector: "gds-list-item", inputs: { 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 }); }
-};
-GdsListItemComponent = __decorate([
-    ProxyInputs(['align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsListItemComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsListItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-list-item',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], 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
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsListItemComponent - Angular wrapper for gds-list-item
- * `gds-list-item` is used as a child of `gds-list` to represent a single item in a list.
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-formatted-number web component
  *
@@ -8176,86 +8106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * 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: "20.3.9", ngImport: i0, type: GdsSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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: "20.3.9", 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-radio-group web component
  *
@@ -8400,6 +8250,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-list-item web component
+ * `gds-list-item` is used as a child of `gds-list` to represent a single item in a list.
+ */
+let GdsListItemComponent = class GdsListItemComponent {
+    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 {
+            GdsListItem.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-list-item:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsListItemComponent, isStandalone: true, selector: "gds-list-item", inputs: { 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 }); }
+};
+GdsListItemComponent = __decorate([
+    ProxyInputs(['align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsListItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsListItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-list-item',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], 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
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsListItemComponent - Angular wrapper for gds-list-item
+ * `gds-list-item` is used as a child of `gds-list` to represent a single item in a list.
+ *
+ * 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: "20.3.9", ngImport: i0, type: GdsSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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: "20.3.9", 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
  *
@@ -37942,14 +37945,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class GreenCoreNgModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GreenCoreNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
-            GdsBadgeComponent,
             GdsAvatarComponent,
-            GdsBreadcrumbsComponent,
+            GdsBadgeComponent,
             GdsBlurComponent,
+            GdsBreadcrumbsComponent,
             GdsButtonComponent,
             GdsCalendarComponent,
-            GdsCardLinkedComponent,
             GdsCardComponent,
+            GdsCardLinkedComponent,
             GdsCheckboxComponent,
             GdsCoachmarkComponent,
             GdsContextMenuComponent,
@@ -37980,8 +37983,8 @@ class GreenCoreNgModule {
             GdsSelectComponent,
             GdsSignalComponent,
             GdsSpinnerComponent,
-            GdsSwitchComponent,
             GdsTableComponent,
+            GdsSwitchComponent,
             GdsTabsComponent,
             GdsTextComponent,
             GdsTextareaComponent,
@@ -37990,16 +37993,16 @@ class GreenCoreNgModule {
             GdsCardPattern01Component,
             GdsListItemPattern01Component,
             GdsAvatarGroupComponent,
-            GdsBreadcrumbComponent,
             GdsCheckboxGroupComponent,
+            GdsBreadcrumbComponent,
             GdsIconDetailsComponent,
             GdsFilterChipComponent,
             GdsFormattedAccountComponent,
             GdsFormattedDateComponent,
-            GdsListItemComponent,
             GdsFormattedNumberComponent,
-            GdsSegmentComponent,
             GdsRadioGroupComponent,
+            GdsListItemComponent,
+            GdsSegmentComponent,
             GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
             GdsSensitiveNumberComponent,
@@ -38319,14 +38322,14 @@ class GreenCoreNgModule {
             GdsMenuItemComponent,
             GdsMenuHeadingComponent,
             GdsOptionComponent], exports: [GdsAlertComponent,
-            GdsBadgeComponent,
             GdsAvatarComponent,
-            GdsBreadcrumbsComponent,
+            GdsBadgeComponent,
             GdsBlurComponent,
+            GdsBreadcrumbsComponent,
             GdsButtonComponent,
             GdsCalendarComponent,
-            GdsCardLinkedComponent,
             GdsCardComponent,
+            GdsCardLinkedComponent,
             GdsCheckboxComponent,
             GdsCoachmarkComponent,
             GdsContextMenuComponent,
@@ -38357,8 +38360,8 @@ class GreenCoreNgModule {
             GdsSelectComponent,
             GdsSignalComponent,
             GdsSpinnerComponent,
-            GdsSwitchComponent,
             GdsTableComponent,
+            GdsSwitchComponent,
             GdsTabsComponent,
             GdsTextComponent,
             GdsTextareaComponent,
@@ -38367,16 +38370,16 @@ class GreenCoreNgModule {
             GdsCardPattern01Component,
             GdsListItemPattern01Component,
             GdsAvatarGroupComponent,
-            GdsBreadcrumbComponent,
             GdsCheckboxGroupComponent,
+            GdsBreadcrumbComponent,
             GdsIconDetailsComponent,
             GdsFilterChipComponent,
             GdsFormattedAccountComponent,
             GdsFormattedDateComponent,
-            GdsListItemComponent,
             GdsFormattedNumberComponent,
-            GdsSegmentComponent,
             GdsRadioGroupComponent,
+            GdsListItemComponent,
+            GdsSegmentComponent,
             GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
             GdsSensitiveNumberComponent,
@@ -38703,14 +38706,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             args: [{
                     imports: [
                         GdsAlertComponent,
-                        GdsBadgeComponent,
                         GdsAvatarComponent,
-                        GdsBreadcrumbsComponent,
+                        GdsBadgeComponent,
                         GdsBlurComponent,
+                        GdsBreadcrumbsComponent,
                         GdsButtonComponent,
                         GdsCalendarComponent,
-                        GdsCardLinkedComponent,
                         GdsCardComponent,
+                        GdsCardLinkedComponent,
                         GdsCheckboxComponent,
                         GdsCoachmarkComponent,
                         GdsContextMenuComponent,
@@ -38741,8 +38744,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         GdsSelectComponent,
                         GdsSignalComponent,
                         GdsSpinnerComponent,
-                        GdsSwitchComponent,
                         GdsTableComponent,
+                        GdsSwitchComponent,
                         GdsTabsComponent,
                         GdsTextComponent,
                         GdsTextareaComponent,
@@ -38751,16 +38754,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         GdsCardPattern01Component,
                         GdsListItemPattern01Component,
                         GdsAvatarGroupComponent,
-                        GdsBreadcrumbComponent,
                         GdsCheckboxGroupComponent,
+                        GdsBreadcrumbComponent,
                         GdsIconDetailsComponent,
                         GdsFilterChipComponent,
                         GdsFormattedAccountComponent,
                         GdsFormattedDateComponent,
-                        GdsListItemComponent,
                         GdsFormattedNumberComponent,
-                        GdsSegmentComponent,
                         GdsRadioGroupComponent,
+                        GdsListItemComponent,
+                        GdsSegmentComponent,
                         GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
                         GdsSensitiveNumberComponent,
@@ -39083,14 +39086,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     ],
                     exports: [
                         GdsAlertComponent,
-                        GdsBadgeComponent,
                         GdsAvatarComponent,
-                        GdsBreadcrumbsComponent,
+                        GdsBadgeComponent,
                         GdsBlurComponent,
+                        GdsBreadcrumbsComponent,
                         GdsButtonComponent,
                         GdsCalendarComponent,
-                        GdsCardLinkedComponent,
                         GdsCardComponent,
+                        GdsCardLinkedComponent,
                         GdsCheckboxComponent,
                         GdsCoachmarkComponent,
                         GdsContextMenuComponent,
@@ -39121,8 +39124,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         GdsSelectComponent,
                         GdsSignalComponent,
                         GdsSpinnerComponent,
-                        GdsSwitchComponent,
                         GdsTableComponent,
+                        GdsSwitchComponent,
                         GdsTabsComponent,
                         GdsTextComponent,
                         GdsTextareaComponent,
@@ -39131,16 +39134,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         GdsCardPattern01Component,
                         GdsListItemPattern01Component,
                         GdsAvatarGroupComponent,
-                        GdsBreadcrumbComponent,
                         GdsCheckboxGroupComponent,
+                        GdsBreadcrumbComponent,
                         GdsIconDetailsComponent,
                         GdsFilterChipComponent,
                         GdsFormattedAccountComponent,
                         GdsFormattedDateComponent,
-                        GdsListItemComponent,
                         GdsFormattedNumberComponent,
-                        GdsSegmentComponent,
                         GdsRadioGroupComponent,
+                        GdsListItemComponent,
+                        GdsSegmentComponent,
                         GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
                         GdsSensitiveNumberComponent,