@vsn-ux/ngx-gaia 0.2.2 → 0.2.4

package/lib/form-field/field-label.component.d.ts

@@ -1,9 +1,12 @@
 import { GaFormFieldComponent } from './form-field.component';
 import * as i0 from "@angular/core";
 export declare class GaFieldLabelComponent {
+    private readonly document;
     readonly formField: GaFormFieldComponent;
     readonly for: import("@angular/core").InputSignal<string | undefined>;
     readonly controlId: import("@angular/core").Signal<string>;
+    readonly controlElement: import("@angular/core").Signal<HTMLElement | null>;
+    focusControl(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GaFieldLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GaFieldLabelComponent, "ga-label", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/form-field/form-control.di.d.ts

@@ -1,10 +1,11 @@
 import { InjectionToken, Signal } from '@angular/core';
 import * as i0 from "@angular/core";
-export interface GaFormControl {
-    readonly id: Signal<string>;
-}
+export type GaFormControl = {
+    readonly _formControlId: Signal<string | null | undefined>;
+};
 export declare const GA_FORM_CONTROL: InjectionToken<GaFormControl>;
-export declare class GaFormControlDirective {
+export declare class GaFormControlDirective implements GaFormControl {
+    readonly _formControlId: import("@angular/core").InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GaFormControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GaFormControlDirective, "[gaFormControl]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GaFormControlDirective, "[gaFormControl]", never, { "_formControlId": { "alias": "gaFormControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/input/input.directive.d.ts

@@ -14,6 +14,7 @@ export declare class GaInputDirective implements DoCheck, GaFormControl {
     readonly invalid: import("@angular/core").Signal<boolean>;
     readonly id: import("@angular/core").Signal<string>;
     readonly errors: import("@angular/core").Signal<ValidationErrors | null>;
+    readonly _formControlId: import("@angular/core").Signal<string>;
     ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GaInputDirective, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GaInputDirective, "[gaInput]", never, { "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/select/index.d.ts

@@ -1,10 +1,8 @@
 export * from './select.component';
 export * from './option.component';
 export * from './opt-group.component';
-export * from './select-content.component';
-export * from './triggers/select-custom-trigger.component';
-export * from './triggers/select-trigger.component';
-export * from './triggers/select-searchable-trigger.component';
-export * from './select-content-loading.component';
+export * from './select-dropdown.component';
+export * from './select-dropdown-loading.component';
+export * from './select-value.component';
 export * from './select-required.validator';
 export * from './select.module';

package/lib/select/option.component.d.ts

@@ -1,9 +1,8 @@
 import { CdkOption } from '@angular/cdk/listbox';
-import { DoCheck } from '@angular/core';
 import { GaSelectComponent } from './select.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/listbox";
-export declare class GaOptionComponent<InputType = any> implements DoCheck {
+export declare class GaOptionComponent<InputType = any> {
     private readonly _isSelected;
     private readonly _isActive;
     protected readonly selectComponent: GaSelectComponent;
@@ -13,7 +12,7 @@ export declare class GaOptionComponent<InputType = any> implements DoCheck {
     readonly withInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly selected: import("@angular/core").Signal<boolean>;
     readonly active: import("@angular/core").Signal<boolean>;
-    ngDoCheck(): void;
+    constructor();
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GaOptionComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GaOptionComponent<any>, "ga-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "withInput": { "alias": "withInput"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkOption; inputs: { "cdkOption": "value"; "cdkOptionDisabled": "disabled"; "cdkOptionTypeaheadLabel": "typeaheadLabel"; }; outputs: {}; }]>;

package/lib/select/select-default-value.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class GaSelectDefaultValueComponent {
+    private readonly selectComponent;
+    readonly optionViewValue: import("@angular/core").Signal<string | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectDefaultValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectDefaultValueComponent, "ga-select-default-value", never, {}, {}, never, never, true, never>;
+}

package/lib/select/select-dropdown-loading.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class GaSelectDropdownLoadingComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectDropdownLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectDropdownLoadingComponent, "ga-select-dropdown-loader", never, {}, {}, never, never, true, never>;
+}

package/lib/select/select-dropdown.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/listbox";
+export declare class GaSelectDropdownComponent {
+    readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectDropdownComponent, "ga-select-dropdown", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: {}; outputs: {}; }]>;
+}

package/lib/select/select-value.component.d.ts

@@ -1,7 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class GaSelectValueComponent {
-    private readonly selectComponent;
-    readonly optionViewValue: import("@angular/core").Signal<string | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectValueComponent, "ga-select-value", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectValueComponent, "ga-select-value", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/select/select.component.d.ts

@@ -1,15 +1,21 @@
-import { ConnectedPosition } from '@angular/cdk/overlay';
+import { AfterContentInit, DoCheck, ElementRef } from '@angular/core';
+import { CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
 import { GaIconData } from '../icon';
 import { GaOptionComponent } from './option.component';
 import { CdkListbox } from '@angular/cdk/listbox';
 import { ControlValueAccessor } from '@angular/forms';
+import { GaFormControl } from '../form-field/form-control.di';
+import { GaSelectValueComponent } from './select-value.component';
 import * as i0 from "@angular/core";
-export declare class GaSelectComponent implements ControlValueAccessor {
+import * as i1 from "@angular/cdk/overlay";
+export declare class GaSelectComponent implements ControlValueAccessor, GaFormControl, DoCheck, AfterContentInit {
+    private readonly _uniqueId;
     private focusedTriggerElement;
     private _onTouched?;
     private _onModelChanged?;
     protected readonly positions: ConnectedPosition[];
     private readonly injector;
+    protected readonly overlayOrigin: CdkOverlayOrigin;
     private readonly implicitInvalid;
     private readonly _isOpen;
     readonly value: import("@angular/core").ModelSignal<unknown>;
@@ -18,20 +24,24 @@ export declare class GaSelectComponent implements ControlValueAccessor {
     readonly invalidInput: import("@angular/core").InputSignalWithTransform<boolean | null, unknown>;
     readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly compareWith: import("@angular/core").InputSignal<((o1: any, o2: any) => boolean) | undefined>;
-    readonly withoutAutoFocus: import("@angular/core").WritableSignal<boolean>;
-    readonly opened: import("@angular/core").OutputEmitterRef<void>;
-    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly textValue: import("@angular/core").ModelSignal<string>;
+    readonly leftIcon: import("@angular/core").InputSignal<GaIconData | undefined>;
+    readonly idInput: import("@angular/core").InputSignal<string | null>;
     readonly gaOptions: import("@angular/core").Signal<readonly GaOptionComponent<any>[]>;
     protected readonly cdkListbox: import("@angular/core").Signal<CdkListbox<any>>;
-    protected readonly explicitTrigger: import("@angular/core").Signal<unknown>;
+    protected readonly customSelectValue: import("@angular/core").Signal<GaSelectValueComponent | undefined>;
+    protected readonly inputSearch: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly content: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly id: import("@angular/core").Signal<string>;
     readonly isOpen: import("@angular/core").Signal<boolean>;
     readonly disabled: import("@angular/core").WritableSignal<boolean>;
-    protected readonly icon: import("@angular/core").Signal<GaIconData>;
+    protected readonly menuStatusIcon: import("@angular/core").Signal<GaIconData>;
     readonly selectedOptions: import("@angular/core").Signal<GaOptionComponent<any>[]>;
     readonly activeDescendantId: import("@angular/core").Signal<string | undefined>;
     readonly hasValue: import("@angular/core").Signal<boolean>;
     readonly invalid: import("@angular/core").Signal<boolean>;
-    readonly listboxId: import("@angular/core").Signal<string>;
+    readonly _formControlId: import("@angular/core").Signal<string>;
     constructor();
     ngAfterContentInit(): void;
     ngDoCheck(): void;
@@ -40,16 +50,17 @@ export declare class GaSelectComponent implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(disabled: boolean): void;
     toggle(): void;
-    open(): Promise<void>;
-    close(): Promise<void>;
+    open(): void;
+    close(): void;
     autoClose(): void;
     focusListbox(): void;
     setPreviousItemActive(): void;
     setNextItemActive(): void;
     setActiveItemAsSelected(): void;
+    protected onInputKeyDown(event: KeyboardEvent): void;
     protected onOverlayAttach(): void;
     protected onOverlayDetach(): void;
     private setItemActive;
     static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectComponent, "ga-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, ["gaOptions", "cdkListbox", "explicitTrigger"], ["ga-select-custom-trigger, ga-select-trigger, ga-select-searchable-trigger", "ga-select-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectComponent, "ga-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "textValue": { "alias": "textValue"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "textValue": "textValueChange"; }, ["gaOptions", "cdkListbox", "customSelectValue"], ["ga-select-value", "ga-select-dropdown"], true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }

package/lib/select/select.module.d.ts

@@ -2,14 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./select.component";
 import * as i2 from "./option.component";
 import * as i3 from "./opt-group.component";
-import * as i4 from "./select-content.component";
-import * as i5 from "./triggers/select-custom-trigger.component";
-import * as i6 from "./triggers/select-trigger.component";
-import * as i7 from "./triggers/select-searchable-trigger.component";
-import * as i8 from "./select-content-loading.component";
-import * as i9 from "./select-required.validator";
+import * as i4 from "./select-dropdown.component";
+import * as i5 from "./select-dropdown-loading.component";
+import * as i6 from "./select-value.component";
+import * as i7 from "./select-required.validator";
 export declare class GaSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GaSelectModule, never, [typeof i1.GaSelectComponent, typeof i2.GaOptionComponent, typeof i3.GaOptgroupComponent, typeof i4.GaSelectContentComponent, typeof i5.GaSelectCustomTriggerComponent, typeof i6.GaSelectTriggerComponent, typeof i7.GaSelectComboboxTriggerComponent, typeof i8.GaSelectContentLoadingComponent, typeof i9.GaSelectRequiredValidator], [typeof i1.GaSelectComponent, typeof i2.GaOptionComponent, typeof i3.GaOptgroupComponent, typeof i4.GaSelectContentComponent, typeof i5.GaSelectCustomTriggerComponent, typeof i7.GaSelectComboboxTriggerComponent, typeof i6.GaSelectTriggerComponent, typeof i8.GaSelectContentLoadingComponent, typeof i9.GaSelectRequiredValidator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GaSelectModule, never, [typeof i1.GaSelectComponent, typeof i2.GaOptionComponent, typeof i3.GaOptgroupComponent, typeof i4.GaSelectDropdownComponent, typeof i5.GaSelectDropdownLoadingComponent, typeof i6.GaSelectValueComponent, typeof i7.GaSelectRequiredValidator], [typeof i1.GaSelectComponent, typeof i2.GaOptionComponent, typeof i3.GaOptgroupComponent, typeof i4.GaSelectDropdownComponent, typeof i5.GaSelectDropdownLoadingComponent, typeof i6.GaSelectValueComponent, typeof i7.GaSelectRequiredValidator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GaSelectModule>;
 }

package/lib/tooltip/tooltip.component.d.ts

@@ -11,7 +11,7 @@ export declare class GaTooltipComponent {
     readonly content: import("@angular/core").InputSignal<string | TemplateRef<any>>;
     readonly template: import("@angular/core").Signal<TemplateRef<any> | null>;
     readonly text: import("@angular/core").Signal<string | null>;
-    readonly position: import("@angular/core").InputSignal<"top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center" | undefined>;
+    readonly position: import("@angular/core").InputSignal<"top-center" | "top-start" | "top-end" | "bottom-center" | "bottom-start" | "bottom-end" | "left-center" | "left-start" | "left-end" | "right-center" | "right-start" | "right-end" | undefined>;
     readonly offset: import("@angular/core").InputSignal<number>;
     readonly hideTriggered: import("@angular/core").OutputEmitterRef<void>;
     readonly triggerHide: () => void;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vsn-ux/ngx-gaia",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "peerDependencies": {
     "@angular/cdk": "^19.0.0",
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",
-    "@vsn-ux/gaia-styles": "^0.2.0",
+    "@vsn-ux/gaia-styles": "^0.2.1",
     "lucide-angular": "^0.475.0"
   },
   "dependencies": {

package/lib/select/select-content-loading.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class GaSelectContentLoadingComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectContentLoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectContentLoadingComponent, "ga-select-content-loading", never, {}, {}, never, never, true, never>;
-}

package/lib/select/select-content.component.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/listbox";
-export declare class GaSelectContentComponent {
-    readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectContentComponent, "ga-select-content", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: {}; outputs: {}; }]>;
-}

package/lib/select/triggers/select-custom-trigger.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class GaSelectCustomTriggerComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectCustomTriggerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectCustomTriggerComponent, "ga-select-custom-trigger", never, {}, {}, never, ["*"], true, never>;
-}

package/lib/select/triggers/select-searchable-trigger.component.d.ts

@@ -1,22 +0,0 @@
-import { ElementRef } from '@angular/core';
-import { GaIconData } from '../../icon';
-import { GaSelectComponent } from '../select.component';
-import * as i0 from "@angular/core";
-export declare class GaSelectComboboxTriggerComponent {
-    private readonly injector;
-    protected readonly selectComponent: GaSelectComponent;
-    protected readonly content: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    protected readonly inputSearch: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected readonly hasCustomLabel: import("@angular/core").WritableSignal<boolean>;
-    protected readonly menuStatusIcon: import("@angular/core").Signal<GaIconData>;
-    protected readonly textValue: import("@angular/core").ModelSignal<string>;
-    protected readonly leftIcon: import("@angular/core").InputSignal<GaIconData | undefined>;
-    constructor();
-    ngAfterViewInit(): void;
-    checkIfHasCustomLabel(): void;
-    toggle(): void;
-    open(): void;
-    onInputKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectComboboxTriggerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectComboboxTriggerComponent, "ga-select-searchable-trigger", never, { "textValue": { "alias": "textValue"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; }, { "textValue": "textValueChange"; }, never, ["*"], true, never>;
-}

package/lib/select/triggers/select-trigger-di.d.ts

@@ -1,2 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const GA_SELECT_TRIGGER: InjectionToken<unknown>;

package/lib/select/triggers/select-trigger.component.d.ts

@@ -1,15 +0,0 @@
-import { ElementRef } from '@angular/core';
-import { GaIconData } from '../../icon';
-import { GaSelectComponent } from '../select.component';
-import * as i0 from "@angular/core";
-export declare class GaSelectTriggerComponent {
-    protected readonly selectComponent: GaSelectComponent;
-    protected readonly content: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    protected readonly hasCustomLabel: import("@angular/core").WritableSignal<boolean>;
-    protected readonly menuStatusIcon: import("@angular/core").Signal<GaIconData>;
-    protected readonly leftIcon: import("@angular/core").InputSignal<GaIconData | undefined>;
-    ngAfterViewInit(): void;
-    checkIfHasCustomLabel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectTriggerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GaSelectTriggerComponent, "ga-select-trigger", never, { "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}