@vsn-ux/ngx-gaia 0.1.4 → 0.1.6

package/fesm2022/vsn-ux-ngx-gaia.mjs

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, numberAttribute, Component, ViewEncapsulation, Attribute, NgModule, contentChild, computed, ChangeDetectionStrategy, booleanAttribute, forwardRef, Injector, signal, linkedSignal, output, Directive, model, HostListener, InjectionToken, effect, TemplateRef, NgZone, Input } from '@angular/core';
+import { inject, ElementRef, input, numberAttribute, Component, ViewEncapsulation, Attribute, NgModule, ChangeDetectionStrategy, Injectable, makeEnvironmentProviders, booleanAttribute, output, computed, contentChild, forwardRef, Injector, signal, linkedSignal, Directive, model, HostListener, InjectionToken, effect, TemplateRef, NgZone, Input } from '@angular/core';
 import * as i1 from 'lucide-angular';
-import { LucideAngularModule } from 'lucide-angular';
+import { LucideAngularModule, X, CircleCheck, TriangleAlert, OctagonAlert, Info, ChevronUp, ChevronDown } from 'lucide-angular';
 import { NG_VALUE_ACCESSOR, NgControl, NG_VALIDATORS, CheckboxRequiredValidator } from '@angular/forms';
 import * as i1$1 from '@angular/cdk/menu';
 import { CdkMenu, CdkMenuItem, CdkMenuTrigger } from '@angular/cdk/menu';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { merge, map, Subject, takeUntil } from 'rxjs';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { Subject, takeUntil, map } from 'rxjs';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { NgTemplateOutlet } from '@angular/common';
 
@@ -74,21 +75,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }] });
 
+class GaButtonDirective {
+    variant = input.required({
+        alias: 'gaButton',
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: GaButtonDirective, isStandalone: true, selector: "button[gaButton], a[gaButton]", inputs: { variant: { classPropertyName: "variant", publicName: "gaButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.ga-button--secondary": "!variant() || variant() === 'secondary'", "class.ga-button--primary": "variant() === 'primary'", "class.ga-button--ghost": "variant() === 'ghost'", "class.ga-button--transparent": "variant() === 'transparent'" }, classAttribute: "ga-button" }, ngImport: i0, template: `<ng-content />`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[gaButton], a[gaButton]',
+                    host: {
+                        class: 'ga-button',
+                        '[class.ga-button--secondary]': `!variant() || variant() === 'secondary'`,
+                        '[class.ga-button--primary]': `variant() === 'primary'`,
+                        '[class.ga-button--ghost]': `variant() === 'ghost'`,
+                        '[class.ga-button--transparent]': `variant() === 'transparent'`,
+                    },
+                    template: `<ng-content />`,
+                }]
+        }] });
+
+class GaIconButtonDirective {
+    icon = input.required({
+        alias: 'gaIconButton',
+    });
+    variant = input('secondary', {
+        alias: 'gaIconButtonVariant',
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: GaIconButtonDirective, isStandalone: true, selector: "button[gaIconButton], a[gaIconButton]", inputs: { icon: { classPropertyName: "icon", publicName: "gaIconButton", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "gaIconButtonVariant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-button--primary": "variant() === 'primary'", "class.ga-button--secondary": "variant() === 'secondary'", "class.ga-button--ghost": "variant() === 'ghost'" }, classAttribute: "ga-button ga-button--icon-only" }, ngImport: i0, template: `
+    <ga-icon [icon]="icon()" />
+    <span class="ga-button__icon-label"><ng-content /></span>
+  `, isInline: true, styles: [".ga-button__icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}\n"], dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaIconButtonDirective, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[gaIconButton], a[gaIconButton]', imports: [GaIconModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+    <ga-icon [icon]="icon()" />
+    <span class="ga-button__icon-label"><ng-content /></span>
+  `, host: {
+                        class: 'ga-button ga-button--icon-only',
+                        '[class.ga-button--primary]': `variant() === 'primary'`,
+                        '[class.ga-button--secondary]': `variant() === 'secondary'`,
+                        '[class.ga-button--ghost]': `variant() === 'ghost'`,
+                    }, styles: [".ga-button__icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}\n"] }]
+        }] });
+
+class GaButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, imports: [GaButtonDirective, GaIconButtonDirective], exports: [GaButtonDirective, GaIconButtonDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, imports: [GaIconButtonDirective] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [GaButtonDirective, GaIconButtonDirective],
+                    exports: [GaButtonDirective, GaIconButtonDirective],
+                }]
+        }] });
+
+function GA_ALERT_I18N_FACTORY() {
+    return new GaAlertI18nDefault();
+}
+class GaAlertI18n {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertI18n, providedIn: 'root', useFactory: GA_ALERT_I18N_FACTORY });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertI18n, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                    useFactory: GA_ALERT_I18N_FACTORY,
+                }]
+        }] });
+class GaAlertI18nDefault extends GaAlertI18n {
+    /** A label for the dismiss button */
+    dismissLabel = 'Dismiss';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertI18nDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertI18nDefault });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertI18nDefault, decorators: [{
+            type: Injectable
+        }] });
+function provideGaAlertI18n(value) {
+    return makeEnvironmentProviders([
+        typeof value === 'function'
+            ? { provide: GaAlertI18n, useFactory: value }
+            : { provide: GaAlertI18n, useValue: value },
+    ]);
+}
+
 class GaAlertComponent {
+    i18n = inject(GaAlertI18n);
+    dismissIcon = X;
     variant = input('brand');
-    icon = input();
-    title = contentChild.required(GaAlertTitleComponent);
+    explicitIcon = input(undefined, { alias: 'icon' });
+    dismissible = input(false, { transform: booleanAttribute });
+    dismiss = output();
+    icon = computed(() => {
+        if (this.explicitIcon() !== undefined) {
+            return this.explicitIcon();
+        }
+        switch (this.variant()) {
+            case 'information':
+                return Info;
+            case 'error':
+                return OctagonAlert;
+            case 'warning':
+                return TriangleAlert;
+            case 'success':
+                return CircleCheck;
+        }
+        return null;
+    });
+    title = contentChild(GaAlertTitleComponent);
     variantClass = computed(() => {
         return `ga-notification ga-notification--${this.variant()}`;
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: GaAlertComponent, isStandalone: true, selector: "ga-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "variantClass()" } }, queries: [{ propertyName: "title", first: true, predicate: GaAlertTitleComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (icon()) {\n  <ga-icon [icon]=\"icon()\" class=\"ga-notification__icon\" />\n}\n<div>\n  @if (title()) {\n    <div class=\"ga-notification__heading\">\n      <ng-content select=\"ga-alert-title\" />\n      <ng-content select=\"ga-alert-title-actions\" />\n    </div>\n  }\n  <div class=\"ga-notification__description\">\n    <ng-content />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: GaAlertComponent, isStandalone: true, selector: "ga-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, explicitIcon: { classPropertyName: "explicitIcon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { attributes: { "role": "alert" }, properties: { "class": "variantClass()" } }, queries: [{ propertyName: "title", first: true, predicate: GaAlertTitleComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (icon()) {\n  <ga-icon [icon]=\"icon()!\" class=\"ga-notification__icon\" />\n}\n<div class=\"ga-notification__content\">\n  @if (title()) {\n    <div class=\"ga-notification__heading\">\n      <ng-content select=\"ga-alert-title\" />\n      <ng-content select=\"ga-alert-title-actions\" />\n    </div>\n  }\n  <div class=\"ga-notification__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n  <button\n    type=\"button\"\n    [gaIconButton]=\"dismissIcon\"\n    gaIconButtonVariant=\"ghost\"\n    (click)=\"dismiss.emit()\"\n  >\n    {{ i18n.dismissLabel }}\n  </button>\n}\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "component", type: GaIconButtonDirective, selector: "button[gaIconButton], a[gaIconButton]", inputs: ["gaIconButton", "gaIconButtonVariant"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ga-alert', imports: [GaIconModule], host: {
+            args: [{ selector: 'ga-alert', imports: [GaIconModule, GaButtonModule], host: {
+                        role: 'alert',
                         '[class]': `variantClass()`,
-                    }, template: "@if (icon()) {\n  <ga-icon [icon]=\"icon()\" class=\"ga-notification__icon\" />\n}\n<div>\n  @if (title()) {\n    <div class=\"ga-notification__heading\">\n      <ng-content select=\"ga-alert-title\" />\n      <ng-content select=\"ga-alert-title-actions\" />\n    </div>\n  }\n  <div class=\"ga-notification__description\">\n    <ng-content />\n  </div>\n</div>\n" }]
+                    }, template: "@if (icon()) {\n  <ga-icon [icon]=\"icon()!\" class=\"ga-notification__icon\" />\n}\n<div class=\"ga-notification__content\">\n  @if (title()) {\n    <div class=\"ga-notification__heading\">\n      <ng-content select=\"ga-alert-title\" />\n      <ng-content select=\"ga-alert-title-actions\" />\n    </div>\n  }\n  <div class=\"ga-notification__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n  <button\n    type=\"button\"\n    [gaIconButton]=\"dismissIcon\"\n    gaIconButtonVariant=\"ghost\"\n    (click)=\"dismiss.emit()\"\n  >\n    {{ i18n.dismissLabel }}\n  </button>\n}\n" }]
         }] });
 
 class GaAlertTitleActionsComponent {
@@ -164,67 +278,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }] });
 
-class GaButtonDirective {
-    variant = input.required({
-        alias: 'gaButton',
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: GaButtonDirective, isStandalone: true, selector: "button[gaButton], a[gaButton]", inputs: { variant: { classPropertyName: "variant", publicName: "gaButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.ga-button--secondary": "!variant() || variant() === 'secondary'", "class.ga-button--primary": "variant() === 'primary'", "class.ga-button--ghost": "variant() === 'ghost'", "class.ga-button--transparent": "variant() === 'transparent'" }, classAttribute: "ga-button" }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'button[gaButton], a[gaButton]',
-                    host: {
-                        class: 'ga-button',
-                        '[class.ga-button--secondary]': `!variant() || variant() === 'secondary'`,
-                        '[class.ga-button--primary]': `variant() === 'primary'`,
-                        '[class.ga-button--ghost]': `variant() === 'ghost'`,
-                        '[class.ga-button--transparent]': `variant() === 'transparent'`,
-                    },
-                    template: `<ng-content />`,
-                }]
-        }] });
-
-class GaIconButtonDirective {
-    icon = input.required({
-        alias: 'gaIconButton',
-    });
-    variant = input('secondary', {
-        alias: 'gaIconButtonVariant',
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: GaIconButtonDirective, isStandalone: true, selector: "button[gaIconButton], a[gaIconButton]", inputs: { icon: { classPropertyName: "icon", publicName: "gaIconButton", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "gaIconButtonVariant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-button--primary": "variant() === 'primary'", "class.ga-button--secondary": "variant() === 'secondary'", "class.ga-button--ghost": "variant() === 'ghost'" }, classAttribute: "ga-button ga-button--icon-only" }, ngImport: i0, template: `
-    <ga-icon [icon]="icon()" />
-    <span class="ga-button__icon-label"><ng-content /></span>
-  `, isInline: true, styles: [".ga-button__icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}\n"], dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaIconButtonDirective, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[gaIconButton], a[gaIconButton]', imports: [GaIconModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
-    <ga-icon [icon]="icon()" />
-    <span class="ga-button__icon-label"><ng-content /></span>
-  `, host: {
-                        class: 'ga-button ga-button--icon-only',
-                        '[class.ga-button--primary]': `variant() === 'primary'`,
-                        '[class.ga-button--secondary]': `variant() === 'secondary'`,
-                        '[class.ga-button--ghost]': `variant() === 'ghost'`,
-                    }, styles: [".ga-button__icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}\n"] }]
-        }] });
-
-class GaButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, imports: [GaButtonDirective, GaIconButtonDirective], exports: [GaButtonDirective, GaIconButtonDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, imports: [GaIconButtonDirective] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [GaButtonDirective, GaIconButtonDirective],
-                    exports: [GaButtonDirective, GaIconButtonDirective],
-                }]
-        }] });
-
 class GaCardComponent {
     selectable = input(false, { transform: booleanAttribute });
     disabled = input(false, { transform: booleanAttribute });
@@ -264,11 +317,11 @@ const CHECKBOX_CONTROL_VALUE_ACCESSOR = {
 };
 // Increasing integer for generating unique ids for checkbox components.
 // Inspired by @angular/components
-let nextUniqueId$2 = 0;
+let nextUniqueId$4 = 0;
 class GaCheckboxComponent {
     tabindex;
     /** @ignore */
-    _uniqueId = `ga-checkbox-${++nextUniqueId$2}`;
+    _uniqueId = `ga-checkbox-${++nextUniqueId$4}`;
     /** @ignore */
     injector = inject(Injector);
     /** @ignore */
@@ -528,9 +581,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }] });
 
-let nextUniqueId$1 = 0;
+let nextUniqueId$3 = 0;
 class GaInputDirective {
-    uniqueId = `ga-input-${++nextUniqueId$1}`;
+    uniqueId = `ga-input-${++nextUniqueId$3}`;
     implicitNgControl = inject(NgControl, {
         optional: true,
         self: true,
@@ -588,9 +641,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }] });
 
-let nextUniqueId = 0;
+let nextUniqueId$2 = 0;
 class GaFormFieldComponent {
-    uniqueId = `ga-form-field-${++nextUniqueId}`;
+    uniqueId = `ga-form-field-${++nextUniqueId$2}`;
     formControl = contentChild(GA_FORM_CONTROL);
     controlId = computed(() => {
         return this.formControl()?.id() ?? this.uniqueId;
@@ -719,18 +772,20 @@ class GaMenuTriggerDirective {
     menuRef = input.required({
         alias: 'gaMenuTrigger',
     });
+    isOpen = toSignal(merge(this.cdkMenuTrigger.opened.pipe(map(() => true)), this.cdkMenuTrigger.closed.pipe(map(() => false))), { initialValue: this.cdkMenuTrigger.isOpen() });
     constructor() {
         effect(() => {
             this.cdkMenuTrigger.menuTemplateRef = this.menuRef();
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: GaMenuTriggerDirective, isStandalone: true, selector: "[gaMenuTrigger]", inputs: { menuRef: { classPropertyName: "menuRef", publicName: "gaMenuTrigger", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: GaMenuTriggerDirective, isStandalone: true, selector: "[gaMenuTrigger]", inputs: { menuRef: { classPropertyName: "menuRef", publicName: "gaMenuTrigger", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["gaMenuTrigger"], hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gaMenuTrigger]',
+                    exportAs: 'gaMenuTrigger',
                     standalone: true,
                     hostDirectives: [CdkMenuTrigger],
                 }]
@@ -751,18 +806,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }] });
 
+class GaMenuTriggerIconComponent {
+    menuTrigger = inject(GaMenuTriggerDirective);
+    icon = computed(() => {
+        return this.menuTrigger.isOpen() ? ChevronUp : ChevronDown;
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuTriggerIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: GaMenuTriggerIconComponent, isStandalone: true, selector: "ga-menu-trigger-icon", ngImport: i0, template: `<ga-icon [icon]="icon()" />`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuTriggerIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ga-menu-trigger-icon',
+                    imports: [GaIconModule],
+                    template: `<ga-icon [icon]="icon()" />`,
+                }]
+        }] });
+
 class GaMenuModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: GaMenuModule, imports: [GaMenuComponent,
             GaMenuItemComponent,
             GaMenuTriggerDirective,
             GaMenuSeparatorComponent,
-            GaMenuTitleComponent], exports: [GaMenuComponent,
+            GaMenuTitleComponent,
+            GaMenuTriggerIconComponent], exports: [GaMenuComponent,
             GaMenuItemComponent,
             GaMenuTriggerDirective,
             GaMenuSeparatorComponent,
-            GaMenuTitleComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuModule });
+            GaMenuTitleComponent,
+            GaMenuTriggerIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuModule, imports: [GaMenuTriggerIconComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaMenuModule, decorators: [{
             type: NgModule,
@@ -773,6 +847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                         GaMenuTriggerDirective,
                         GaMenuSeparatorComponent,
                         GaMenuTitleComponent,
+                        GaMenuTriggerIconComponent,
                     ],
                     exports: [
                         GaMenuComponent,
@@ -780,6 +855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                         GaMenuTriggerDirective,
                         GaMenuSeparatorComponent,
                         GaMenuTitleComponent,
+                        GaMenuTriggerIconComponent,
                     ],
                 }]
         }] });
@@ -1252,6 +1328,167 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }] });
 
+/**
+ * Provider Expression that allows ga-radio-group to register as a ControlValueAccessor.
+ * This allows it to support [(ngModel)] and ngControl.
+ */
+const RADIO_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => GaRadioGroupComponent),
+    multi: true,
+};
+// Increasing integer for generating unique ids for radio components.
+let nextUniqueId$1 = 0;
+class GaRadioGroupComponent {
+    /** Name of the radio button group. All radio buttons inside this group will use this name. */
+    name = input(`ga-radio-group-${nextUniqueId$1++}`);
+    /**
+     * Value for the radio-group. Should equal the value of the selected radio button if there is
+     * a corresponding radio button with a matching value. If there is not such a corresponding
+     * radio button, this value persists to be applied in case a new radio button is added with a
+     * matching value.
+     */
+    value = input(null);
+    /** Whether the radio group is disabled */
+    disabled = input(false, { transform: booleanAttribute });
+    /**
+     * Event emitted when the group value changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * a radio button (the same behavior as `<input type="radio">`).
+     */
+    change = output();
+    valueModel = linkedSignal(() => this.value());
+    disabledModel = linkedSignal(() => this.disabled());
+    _onTouched;
+    _onModelChanged;
+    registerOnChange(fn) {
+        this._onModelChanged = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    writeValue(value) {
+        this.valueModel.set(value);
+    }
+    setDisabledState(isDisabled) {
+        this.disabledModel.set(isDisabled);
+    }
+    onValueChange(value) {
+        if (this.valueModel() === value) {
+            return;
+        }
+        this.valueModel.set(value);
+        this.change.emit(value);
+        if (this._onModelChanged) {
+            this._onModelChanged(value);
+        }
+    }
+    onBlur() {
+        if (this._onTouched) {
+            this._onTouched();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: GaRadioGroupComponent, isStandalone: true, selector: "ga-radio-group", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" }, classAttribute: "ga-radio-group" }, providers: [RADIO_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ga-radio-group', providers: [RADIO_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'radiogroup',
+                        class: 'ga-radio-group',
+                    }, template: "<ng-content></ng-content>\n" }]
+        }] });
+
+// Increasing integer for generating unique ids for radio button components.
+let nextUniqueId = 0;
+class GaRadioButtonComponent {
+    tabindex;
+    radioGroup = inject(GaRadioGroupComponent, {
+        optional: true,
+    });
+    _uniqueId = `ga-radio-button-${++nextUniqueId}`;
+    /** The value attribute of the native input element */
+    value = input(null);
+    inputId = input(null, { alias: 'id' });
+    inputName = input(null, { alias: 'name' });
+    inputChecked = input(false, {
+        alias: 'checked',
+        transform: booleanAttribute,
+    });
+    inputDisabled = input(false, {
+        alias: 'disabled',
+        transform: booleanAttribute,
+    });
+    ariaLabel = input(null, { alias: 'aria-label' });
+    ariaLabelledby = input(null, {
+        alias: 'aria-labelledby',
+    });
+    ariaDescribedby = input(null, {
+        alias: 'aria-describedby',
+    });
+    ariaInvalid = input(null, { alias: 'aria-invalid' });
+    ariaErrormessage = input(null, {
+        alias: 'aria-errormessage',
+    });
+    /**
+     * Event emitted when the group value changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * a radio button (the same behavior as `<input type="radio">`).
+     */
+    change = output();
+    id = computed(() => this.inputId() ?? this._uniqueId);
+    name = computed(() => this.radioGroup?.name() ?? this.inputName() ?? this._uniqueId);
+    disabled = computed(() => this.radioGroup?.disabledModel() || this.inputDisabled());
+    checked = computed(() => this.radioGroup?.valueModel() === this.value() || this.inputChecked());
+    constructor(tabindex) {
+        this.tabindex = tabindex;
+    }
+    onInputChange(event) {
+        // We always have to stop propagation on the change event.
+        // Otherwise the change event, from the input element, will bubble up and
+        // emit its event object to the `change` output.
+        event.stopPropagation();
+        if (this.disabled()) {
+            return;
+        }
+        this.change.emit(this.value());
+        this.radioGroup?.onValueChange(this.value());
+    }
+    onBlur() {
+        this.radioGroup?.onBlur();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioButtonComponent, deps: [{ token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: GaRadioButtonComponent, isStandalone: true, selector: "ga-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputName: { classPropertyName: "inputName", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, inputChecked: { classPropertyName: "inputChecked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaErrormessage: { classPropertyName: "ariaErrormessage", publicName: "aria-errormessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "class.ga-radio-button--invalid": "ariaInvalid()", "attr.id": "null", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "ga-radio-button" }, ngImport: i0, template: "<input\n  type=\"radio\"\n  class=\"ga-radio-button__native\"\n  [attr.id]=\"id()\"\n  [name]=\"name()\"\n  [checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  [attr.tabindex]=\"tabindex\"\n  [attr.value]=\"value()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-describedby]=\"ariaDescribedby()\"\n  [attr.aria-invalid]=\"ariaInvalid()\"\n  [attr.aria-errormessage]=\"ariaErrormessage()\"\n  (change)=\"onInputChange($event)\"\n  (blur)=\"onBlur()\"\n/>\n\n<div class=\"ga-radio-button__marker\"></div>\n<label class=\"ga-radio-button__label\" [attr.for]=\"id()\"\n  ><ng-content></ng-content\n></label>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ga-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ga-radio-button',
+                        '[class.ga-radio-button--invalid]': 'ariaInvalid()',
+                        '[attr.id]': 'null',
+                        '[attr.tabindex]': 'null',
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                        '[attr.aria-describedby]': 'null',
+                    }, template: "<input\n  type=\"radio\"\n  class=\"ga-radio-button__native\"\n  [attr.id]=\"id()\"\n  [name]=\"name()\"\n  [checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  [attr.tabindex]=\"tabindex\"\n  [attr.value]=\"value()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-describedby]=\"ariaDescribedby()\"\n  [attr.aria-invalid]=\"ariaInvalid()\"\n  [attr.aria-errormessage]=\"ariaErrormessage()\"\n  (change)=\"onInputChange($event)\"\n  (blur)=\"onBlur()\"\n/>\n\n<div class=\"ga-radio-button__marker\"></div>\n<label class=\"ga-radio-button__label\" [attr.for]=\"id()\"\n  ><ng-content></ng-content\n></label>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['tabindex']
+                }] }] });
+
+class GaRadioModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: GaRadioModule, imports: [GaRadioButtonComponent, GaRadioGroupComponent], exports: [GaRadioButtonComponent, GaRadioGroupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GaRadioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [GaRadioButtonComponent, GaRadioGroupComponent],
+                    exports: [GaRadioButtonComponent, GaRadioGroupComponent],
+                }]
+        }] });
+
 /*
  * Public API Surface of ngx-gaia
  */
@@ -1260,5 +1497,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CHECKBOX_CONTROL_VALUE_ACCESSOR, GA_CHECKBOX_REQUIRED_VALIDATOR, GA_FORM_CONTROL, GA_TOOLTIP_DEFAULT_OFFSET, GaAlertComponent, GaAlertModule, GaAlertTitleActionsComponent, GaAlertTitleComponent, GaBadgeComponent, GaBadgeModule, GaButtonDirective, GaButtonModule, GaCardComponent, GaCardModule, GaCheckboxComponent, GaCheckboxModule, GaCheckboxRequiredValidator, GaFieldInfoComponent, GaFieldLabelComponent, GaFormControlDirective, GaFormFieldComponent, GaFormFieldModule, GaIconButtonDirective, GaIconComponent, GaIconModule, GaInputComponent, GaInputDirective, GaInputModule, GaMenuComponent, GaMenuItemComponent, GaMenuModule, GaMenuSeparatorComponent, GaMenuTitleComponent, GaMenuTriggerDirective, GaSegmentedControlButtonDirective, GaSegmentedControlComponent, GaSegmentedControlModule, GaSpinnerComponent, GaSpinnerModule, GaTooltipComponent, GaTooltipDirective, GaTooltipModule };
+export { CHECKBOX_CONTROL_VALUE_ACCESSOR, GA_ALERT_I18N_FACTORY, GA_CHECKBOX_REQUIRED_VALIDATOR, GA_FORM_CONTROL, GA_TOOLTIP_DEFAULT_OFFSET, GaAlertComponent, GaAlertI18n, GaAlertI18nDefault, GaAlertModule, GaAlertTitleActionsComponent, GaAlertTitleComponent, GaBadgeComponent, GaBadgeModule, GaButtonDirective, GaButtonModule, GaCardComponent, GaCardModule, GaCheckboxComponent, GaCheckboxModule, GaCheckboxRequiredValidator, GaFieldInfoComponent, GaFieldLabelComponent, GaFormControlDirective, GaFormFieldComponent, GaFormFieldModule, GaIconButtonDirective, GaIconComponent, GaIconModule, GaInputComponent, GaInputDirective, GaInputModule, GaMenuComponent, GaMenuItemComponent, GaMenuModule, GaMenuSeparatorComponent, GaMenuTitleComponent, GaMenuTriggerDirective, GaMenuTriggerIconComponent, GaRadioButtonComponent, GaRadioGroupComponent, GaRadioModule, GaSegmentedControlButtonDirective, GaSegmentedControlComponent, GaSegmentedControlModule, GaSpinnerComponent, GaSpinnerModule, GaTooltipComponent, GaTooltipDirective, GaTooltipModule, RADIO_CONTROL_VALUE_ACCESSOR, provideGaAlertI18n };
 //# sourceMappingURL=vsn-ux-ngx-gaia.mjs.map