@sebgroup/green-core-ng 3.21.0 → 3.21.1

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

@@ -2,28 +2,29 @@ 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 { 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 { GdsCard } from '@sebgroup/green-core/components/card/card.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 { 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';
-import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.component.js';
 import { GdsDetails } from '@sebgroup/green-core/components/details/details.component.js';
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.component.js';
 import { GdsDialog } from '@sebgroup/green-core/components/dialog/dialog.component.js';
 import { GdsDiv } from '@sebgroup/green-core/components/div/div.component.js';
 import { GdsDivider } from '@sebgroup/green-core/components/divider/divider.component.js';
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component.js';
-import { GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component.js';
+import { GdsDropdown } from '@sebgroup/green-core/components/dropdown/dropdown.component.js';
+import { GdsOption } from '@sebgroup/green-core/components/dropdown/option.component.js';
 import { GdsFab } from '@sebgroup/green-core/components/fab/fab.component.js';
+import { GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component.js';
 import { GdsFlex } from '@sebgroup/green-core/components/flex/flex.component.js';
 import { GdsFormSummary } from '@sebgroup/green-core/components/form-summary/summary.component.js';
 import { GdsGrid } from '@sebgroup/green-core/components/grid/grid.component.js';
@@ -547,10 +548,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;
     }
@@ -563,11 +565,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) {
@@ -576,37 +578,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: [{
@@ -647,18 +647,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;
     }
@@ -671,11 +671,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) {
@@ -684,35 +684,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: [{
@@ -753,9 +755,8 @@ 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
  */
@@ -1229,109 +1230,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-calendar web component
- *
- */
-let GdsCalendarComponent = class GdsCalendarComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Fired when a date is selected. */
-        this.change = new EventEmitter();
-        /** Fired when focus is changed. Can be cancelled using `event.preventDefault()`. */
-        this.gdsDateFocused = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsCalendar.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-calendar:', e);
-        }
-        // Set up event listeners
-        this.elementRef.nativeElement.addEventListener('gds-date-focused', (event) => {
-            this.gdsDateFocused.emit(event);
-        });
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsCalendarComponent, isStandalone: true, selector: "gds-calendar", inputs: { value: "value", min: "min", max: "max", focusedDate: "focusedDate", disabledWeekends: ["disabledWeekends", "disabledWeekends", booleanAttribute], disabledDates: "disabledDates", focusedMonth: "focusedMonth", focusedYear: "focusedYear", size: "size", showWeekNumbers: ["showWeekNumbers", "showWeekNumbers", booleanAttribute], hideExtraneousDays: ["hideExtraneousDays", "hideExtraneousDays", booleanAttribute], hideDayNames: ["hideDayNames", "hideDayNames", booleanAttribute], customizedDates: "customizedDates", label: "label", dateLabelTemplate: "dateLabelTemplate", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", gdsDateFocused: "gdsDateFocused" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsCalendarComponent = __decorate([
-    ProxyInputs(['value', 'min', 'max', 'focusedDate', 'disabledWeekends', 'disabledDates', 'focusedMonth', 'focusedYear', 'size', 'showWeekNumbers', 'hideExtraneousDays', 'hideDayNames', 'customizedDates', 'label', 'dateLabelTemplate', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsCalendarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCalendarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-calendar',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { value: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], focusedDate: [{
-                type: Input
-            }], disabledWeekends: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], disabledDates: [{
-                type: Input
-            }], focusedMonth: [{
-                type: Input
-            }], focusedYear: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], showWeekNumbers: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], hideExtraneousDays: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], hideDayNames: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], customizedDates: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], dateLabelTemplate: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], change: [{
-                type: Output
-            }], gdsDateFocused: [{
-                type: Output
-            }] } });
-
-/**
- * GdsCalendarComponent - Angular wrapper for gds-calendar
- *
- *
- * 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.
@@ -1519,6 +1417,109 @@ and a shortcut property for specifying different card variants.
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-calendar web component
+ *
+ */
+let GdsCalendarComponent = class GdsCalendarComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        /** Fired when a date is selected. */
+        this.change = new EventEmitter();
+        /** Fired when focus is changed. Can be cancelled using `event.preventDefault()`. */
+        this.gdsDateFocused = new EventEmitter();
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsCalendar.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-calendar:', e);
+        }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-date-focused', (event) => {
+            this.gdsDateFocused.emit(event);
+        });
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsCalendarComponent, isStandalone: true, selector: "gds-calendar", inputs: { value: "value", min: "min", max: "max", focusedDate: "focusedDate", disabledWeekends: ["disabledWeekends", "disabledWeekends", booleanAttribute], disabledDates: "disabledDates", focusedMonth: "focusedMonth", focusedYear: "focusedYear", size: "size", showWeekNumbers: ["showWeekNumbers", "showWeekNumbers", booleanAttribute], hideExtraneousDays: ["hideExtraneousDays", "hideExtraneousDays", booleanAttribute], hideDayNames: ["hideDayNames", "hideDayNames", booleanAttribute], customizedDates: "customizedDates", label: "label", dateLabelTemplate: "dateLabelTemplate", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", gdsDateFocused: "gdsDateFocused" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsCalendarComponent = __decorate([
+    ProxyInputs(['value', 'min', 'max', 'focusedDate', 'disabledWeekends', 'disabledDates', 'focusedMonth', 'focusedYear', 'size', 'showWeekNumbers', 'hideExtraneousDays', 'hideDayNames', 'customizedDates', 'label', 'dateLabelTemplate', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsCalendarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsCalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-calendar',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], focusedDate: [{
+                type: Input
+            }], disabledWeekends: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabledDates: [{
+                type: Input
+            }], focusedMonth: [{
+                type: Input
+            }], focusedYear: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], showWeekNumbers: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hideExtraneousDays: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hideDayNames: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], customizedDates: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dateLabelTemplate: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], change: [{
+                type: Output
+            }], gdsDateFocused: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsCalendarComponent - Angular wrapper for gds-calendar
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-card-linked web component
  *
@@ -2143,6 +2144,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-details web component
+ * Details component that provides collapsible content sections.
+ */
+let GdsDetailsComponent = class GdsDetailsComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        /** Fired when details opens or closes */
+        this.gdsUiState = new EventEmitter();
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsDetails.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-details:', e);
+        }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsDetailsComponent, isStandalone: true, selector: "gds-details", inputs: { summary: "summary", name: "name", open: ["open", "open", booleanAttribute], size: "size", 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] }, outputs: { gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsDetailsComponent = __decorate([
+    ProxyInputs(['summary', 'name', 'open', 'size', '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", [])
+], GdsDetailsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsDetailsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-details',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { summary: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], inlineSize: [{
+                type: Input
+            }], minInlineSize: [{
+                type: Input
+            }], maxInlineSize: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], marginInline: [{
+                type: Input
+            }], marginBlock: [{
+                type: Input
+            }], alignSelf: [{
+                type: Input
+            }], justifySelf: [{
+                type: Input
+            }], placeSelf: [{
+                type: Input
+            }], gridColumn: [{
+                type: Input
+            }], gridRow: [{
+                type: Input
+            }], gridArea: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], gdsUiState: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsDetailsComponent - Angular wrapper for gds-details
+ * Details component that provides collapsible content sections.
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-datepicker web component
  *
@@ -2320,114 +2429,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-details web component
- * Details component that provides collapsible content sections.
- */
-let GdsDetailsComponent = class GdsDetailsComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Fired when details opens or closes */
-        this.gdsUiState = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsDetails.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-details:', e);
-        }
-        // Set up event listeners
-        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
-            this.gdsUiState.emit(event);
-        });
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsDetailsComponent, isStandalone: true, selector: "gds-details", inputs: { summary: "summary", name: "name", open: ["open", "open", booleanAttribute], size: "size", 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] }, outputs: { gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsDetailsComponent = __decorate([
-    ProxyInputs(['summary', 'name', 'open', 'size', '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", [])
-], GdsDetailsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsDetailsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-details',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { summary: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], open: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], size: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], inlineSize: [{
-                type: Input
-            }], minInlineSize: [{
-                type: Input
-            }], maxInlineSize: [{
-                type: Input
-            }], margin: [{
-                type: Input
-            }], marginInline: [{
-                type: Input
-            }], marginBlock: [{
-                type: Input
-            }], alignSelf: [{
-                type: Input
-            }], justifySelf: [{
-                type: Input
-            }], placeSelf: [{
-                type: Input
-            }], gridColumn: [{
-                type: Input
-            }], gridRow: [{
-                type: Input
-            }], gridArea: [{
-                type: Input
-            }], flex: [{
-                type: Input
-            }], order: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], gdsUiState: [{
-                type: Output
-            }] } });
-
-/**
- * GdsDetailsComponent - Angular wrapper for gds-details
- * Details component that provides collapsible content sections.
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-dialog web component
  *
@@ -2856,7 +2857,7 @@ let GdsDropdownComponent = class GdsDropdownComponent extends GdsFormControlBase
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsDropdownComponent, isStandalone: true, selector: "gds-dropdown", inputs: { width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", supportingText: "supportingText", open: ["open", "open", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], combobox: ["combobox", "combobox", booleanAttribute], compareWith: "compareWith", searchFilter: "searchFilter", syncPopoverWidth: ["syncPopoverWidth", "syncPopoverWidth", booleanAttribute], maxHeight: "maxHeight", size: "size", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], plain: ["plain", "plain", booleanAttribute], disableMobileStyles: ["disableMobileStyles", "disableMobileStyles", booleanAttribute], showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", value: "value", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input", gdsUiState: "gdsUiState", gdsFilterInput: "gdsFilterInput", gdsInputCleared: "gdsInputCleared" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsDropdownComponent, isStandalone: true, selector: "gds-dropdown", inputs: { width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", supportingText: "supportingText", open: ["open", "open", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], combobox: ["combobox", "combobox", booleanAttribute], compareWith: "compareWith", searchFilter: "searchFilter", syncPopoverWidth: ["syncPopoverWidth", "syncPopoverWidth", booleanAttribute], maxHeight: "maxHeight", size: "size", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], plain: ["plain", "plain", booleanAttribute], disableMobileStyles: ["disableMobileStyles", "disableMobileStyles", booleanAttribute], showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input", gdsUiState: "gdsUiState", gdsFilterInput: "gdsFilterInput", gdsInputCleared: "gdsInputCleared" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsDropdownComponent),
@@ -2865,7 +2866,7 @@ let GdsDropdownComponent = class GdsDropdownComponent extends GdsFormControlBase
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 GdsDropdownComponent = __decorate([
-    ProxyInputs(['width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'supportingText', 'open', 'searchable', 'multiple', 'clearable', 'combobox', 'compareWith', 'searchFilter', 'syncPopoverWidth', 'maxHeight', 'size', 'hideLabel', 'plain', 'disableMobileStyles', 'showExtendedSupportingText', 'validator', 'required', 'errorMessage', 'invalid', 'label', 'value', 'name', 'disabled', 'syncFirstRender'])
+    ProxyInputs(['width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'supportingText', 'open', 'searchable', 'multiple', 'clearable', 'combobox', 'compareWith', 'searchFilter', 'syncPopoverWidth', 'maxHeight', 'size', 'hideLabel', 'plain', 'disableMobileStyles', 'showExtendedSupportingText', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'label', 'name', 'disabled', 'syncFirstRender'])
 ], GdsDropdownComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsDropdownComponent, decorators: [{
             type: Component,
@@ -2956,6 +2957,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }], showExtendedSupportingText: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
             }], validator: [{
                 type: Input
             }], required: [{
@@ -2967,8 +2970,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Input
             }], label: [{
                 type: Input
-            }], value: [{
-                type: Input
             }], name: [{
                 type: Input
             }], disabled: [{
@@ -2997,95 +2998,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  */
 
 /**
- * Angular wrapper for the gds-filter-chips web component
+ * Angular wrapper for the gds-option web component
  *
  */
-let GdsFilterChipsComponent = class GdsFilterChipsComponent extends GdsFormControlBase {
-    constructor() {
-        super(...arguments);
-        /** When a chip is clicked */
-        this.change = new EventEmitter();
-    }
+let GdsOptionComponent = class GdsOptionComponent {
     get element() {
         return this.elementRef.nativeElement;
     }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        /** Fired when the option is selected. */
+        this.gdsSelect = new EventEmitter();
+        this.cdr.detach();
+    }
     ngOnInit() {
-        super.ngOnInit();
         // Define the custom element
         try {
-            GdsFilterChips.define();
+            GdsOption.define();
         }
         catch (e) {
             // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-filter-chips:', e);
+            console.warn('Failed to define gds-option:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-select', (event) => {
+            this.gdsSelect.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
     }
     ngAfterViewInit() {
-        super.ngAfterViewInit();
+        // Implementation added by @ProxyInputs decorator
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsFilterChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsFilterChipsComponent, isStandalone: true, selector: "gds-filter-chips", inputs: { value: "value", multiple: ["multiple", "multiple", booleanAttribute], label: "label", rowCollapse: ["rowCollapse", "rowCollapse", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GdsFilterChipsComponent),
-                multi: true,
-            },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsOptionComponent, isStandalone: true, selector: "gds-option", inputs: { value: "value", hidden: ["hidden", "hidden", booleanAttribute], selected: ["selected", "selected", booleanAttribute], isPlaceholder: ["isPlaceholder", "isPlaceholder", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsSelect: "gdsSelect" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-GdsFilterChipsComponent = __decorate([
-    ProxyInputs(['value', 'multiple', 'label', 'rowCollapse', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'disabled', 'syncFirstRender'])
-], GdsFilterChipsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsFilterChipsComponent, decorators: [{
+GdsOptionComponent = __decorate([
+    ProxyInputs(['value', 'hidden', 'selected', 'isPlaceholder', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsOptionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsOptionComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'gds-filter-chips',
+                    selector: 'gds-option',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GdsFilterChipsComponent),
-                            multi: true,
-                        },
-                    ]
+                    template: `<ng-content></ng-content>`
                 }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], multiple: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], label: [{
+        }], ctorParameters: () => [], propDecorators: { value: [{
                 type: Input
-            }], rowCollapse: [{
+            }], hidden: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], validator: [{
-                type: Input
-            }], required: [{
+            }], selected: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], errorMessage: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], disabled: [{
+            }], isPlaceholder: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], change: [{
+            }], gdsSelect: [{
                 type: Output
             }] } });
 
 /**
- * GdsFilterChipsComponent - Angular wrapper for gds-filter-chips
+ * GdsOptionComponent - Angular wrapper for gds-option
  *
  *
  * Auto-generated from Custom Elements Manifest
@@ -3306,6 +3288,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-filter-chips web component
+ *
+ */
+let GdsFilterChipsComponent = class GdsFilterChipsComponent extends GdsFormControlBase {
+    constructor() {
+        super(...arguments);
+        /** When a chip is clicked */
+        this.change = new EventEmitter();
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Define the custom element
+        try {
+            GdsFilterChips.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-filter-chips:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsFilterChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsFilterChipsComponent, isStandalone: true, selector: "gds-filter-chips", inputs: { value: "value", multiple: ["multiple", "multiple", booleanAttribute], label: "label", rowCollapse: ["rowCollapse", "rowCollapse", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GdsFilterChipsComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsFilterChipsComponent = __decorate([
+    ProxyInputs(['value', 'multiple', 'label', 'rowCollapse', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'disabled', 'syncFirstRender'])
+], GdsFilterChipsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsFilterChipsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-filter-chips',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GdsFilterChipsComponent),
+                            multi: true,
+                        },
+                    ]
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], rowCollapse: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], validator: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorMessage: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsFilterChipsComponent - Angular wrapper for gds-filter-chips
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-flex web component
  *
@@ -37934,82 +38011,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-option web component
- *
- */
-let GdsOptionComponent = class GdsOptionComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Fired when the option is selected. */
-        this.gdsSelect = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsOption.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-option:', e);
-        }
-        // Set up event listeners
-        this.elementRef.nativeElement.addEventListener('gds-select', (event) => {
-            this.gdsSelect.emit(event);
-        });
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsOptionComponent, isStandalone: true, selector: "gds-option", inputs: { value: "value", hidden: ["hidden", "hidden", booleanAttribute], selected: ["selected", "selected", booleanAttribute], isPlaceholder: ["isPlaceholder", "isPlaceholder", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsSelect: "gdsSelect" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsOptionComponent = __decorate([
-    ProxyInputs(['value', 'hidden', 'selected', 'isPlaceholder', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsOptionComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsOptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-option',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { value: [{
-                type: Input
-            }], hidden: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], selected: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isPlaceholder: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], gdsSelect: [{
-                type: Output
-            }] } });
-
-/**
- * GdsOptionComponent - Angular wrapper for gds-option
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Optional convenience module for importing all green-core-ng wrapper components at once.
  *
@@ -38034,25 +38035,26 @@ 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,
+            GdsBadgeComponent,
             GdsBlurComponent,
             GdsBreadcrumbsComponent,
             GdsButtonComponent,
-            GdsCalendarComponent,
             GdsCardComponent,
+            GdsCalendarComponent,
             GdsCardLinkedComponent,
             GdsCheckboxComponent,
             GdsCoachmarkComponent,
             GdsContextMenuComponent,
-            GdsDatepickerComponent,
             GdsDetailsComponent,
+            GdsDatepickerComponent,
             GdsDialogComponent,
             GdsDivComponent,
             GdsDividerComponent,
             GdsDropdownComponent,
-            GdsFilterChipsComponent,
+            GdsOptionComponent,
             GdsFabComponent,
+            GdsFilterChipsComponent,
             GdsFlexComponent,
             GdsFormSummaryComponent,
             GdsGridComponent,
@@ -38409,27 +38411,27 @@ class GreenCoreNgModule {
             IconZoomInComponent,
             IconZoomOutComponent,
             GdsMenuItemComponent,
-            GdsMenuHeadingComponent,
-            GdsOptionComponent], exports: [GdsAlertComponent,
-            GdsBadgeComponent,
+            GdsMenuHeadingComponent], exports: [GdsAlertComponent,
             GdsAvatarComponent,
+            GdsBadgeComponent,
             GdsBlurComponent,
             GdsBreadcrumbsComponent,
             GdsButtonComponent,
-            GdsCalendarComponent,
             GdsCardComponent,
+            GdsCalendarComponent,
             GdsCardLinkedComponent,
             GdsCheckboxComponent,
             GdsCoachmarkComponent,
             GdsContextMenuComponent,
-            GdsDatepickerComponent,
             GdsDetailsComponent,
+            GdsDatepickerComponent,
             GdsDialogComponent,
             GdsDivComponent,
             GdsDividerComponent,
             GdsDropdownComponent,
-            GdsFilterChipsComponent,
+            GdsOptionComponent,
             GdsFabComponent,
+            GdsFilterChipsComponent,
             GdsFlexComponent,
             GdsFormSummaryComponent,
             GdsGridComponent,
@@ -38786,8 +38788,7 @@ class GreenCoreNgModule {
             IconZoomInComponent,
             IconZoomOutComponent,
             GdsMenuItemComponent,
-            GdsMenuHeadingComponent,
-            GdsOptionComponent] }); }
+            GdsMenuHeadingComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GreenCoreNgModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GreenCoreNgModule, decorators: [{
@@ -38795,25 +38796,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             args: [{
                     imports: [
                         GdsAlertComponent,
-                        GdsBadgeComponent,
                         GdsAvatarComponent,
+                        GdsBadgeComponent,
                         GdsBlurComponent,
                         GdsBreadcrumbsComponent,
                         GdsButtonComponent,
-                        GdsCalendarComponent,
                         GdsCardComponent,
+                        GdsCalendarComponent,
                         GdsCardLinkedComponent,
                         GdsCheckboxComponent,
                         GdsCoachmarkComponent,
                         GdsContextMenuComponent,
-                        GdsDatepickerComponent,
                         GdsDetailsComponent,
+                        GdsDatepickerComponent,
                         GdsDialogComponent,
                         GdsDivComponent,
                         GdsDividerComponent,
                         GdsDropdownComponent,
-                        GdsFilterChipsComponent,
+                        GdsOptionComponent,
                         GdsFabComponent,
+                        GdsFilterChipsComponent,
                         GdsFlexComponent,
                         GdsFormSummaryComponent,
                         GdsGridComponent,
@@ -39171,29 +39173,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         IconZoomOutComponent,
                         GdsMenuItemComponent,
                         GdsMenuHeadingComponent,
-                        GdsOptionComponent,
                     ],
                     exports: [
                         GdsAlertComponent,
-                        GdsBadgeComponent,
                         GdsAvatarComponent,
+                        GdsBadgeComponent,
                         GdsBlurComponent,
                         GdsBreadcrumbsComponent,
                         GdsButtonComponent,
-                        GdsCalendarComponent,
                         GdsCardComponent,
+                        GdsCalendarComponent,
                         GdsCardLinkedComponent,
                         GdsCheckboxComponent,
                         GdsCoachmarkComponent,
                         GdsContextMenuComponent,
-                        GdsDatepickerComponent,
                         GdsDetailsComponent,
+                        GdsDatepickerComponent,
                         GdsDialogComponent,
                         GdsDivComponent,
                         GdsDividerComponent,
                         GdsDropdownComponent,
-                        GdsFilterChipsComponent,
+                        GdsOptionComponent,
                         GdsFabComponent,
+                        GdsFilterChipsComponent,
                         GdsFlexComponent,
                         GdsFormSummaryComponent,
                         GdsGridComponent,
@@ -39551,7 +39553,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         IconZoomOutComponent,
                         GdsMenuItemComponent,
                         GdsMenuHeadingComponent,
-                        GdsOptionComponent,
                     ]
                 }]
         }] });