@vsn-ux/ngx-gaia 0.2.0 → 0.2.2

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

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

@@ -0,0 +1,10 @@
+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-required.validator';
+export * from './select.module';

package/lib/select/opt-group.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class GaOptgroupComponent {
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaOptgroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaOptgroupComponent, "ga-optgroup", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,20 @@
+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 {
+    private readonly _isSelected;
+    private readonly _isActive;
+    protected readonly selectComponent: GaSelectComponent;
+    readonly cdkOption: CdkOption<any>;
+    readonly value: import("@angular/core").InputSignal<InputType | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly withInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly selected: import("@angular/core").Signal<boolean>;
+    readonly active: import("@angular/core").Signal<boolean>;
+    ngDoCheck(): void;
+    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-content-loading.component.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,7 @@
+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/select-required.validator.d.ts

@@ -0,0 +1,8 @@
+import { Provider } from '@angular/core';
+import { RequiredValidator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare const GA_SELECT_REQUIRED_VALIDATOR: Provider;
+export declare class GaSelectRequiredValidator extends RequiredValidator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaSelectRequiredValidator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GaSelectRequiredValidator, "ga-select[required][formControlName], ga-select[required][formControl], ga-select[required][ngModel]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+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>;
+}

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

@@ -0,0 +1,55 @@
+import { 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 * as i0 from "@angular/core";
+export declare class GaSelectComponent implements ControlValueAccessor {
+    private focusedTriggerElement;
+    private _onTouched?;
+    private _onModelChanged?;
+    protected readonly positions: ConnectedPosition[];
+    private readonly injector;
+    private readonly implicitInvalid;
+    private readonly _isOpen;
+    readonly value: import("@angular/core").ModelSignal<unknown>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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 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>;
+    readonly isOpen: import("@angular/core").Signal<boolean>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    protected readonly icon: 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>;
+    constructor();
+    ngAfterContentInit(): void;
+    ngDoCheck(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    toggle(): void;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    autoClose(): void;
+    focusListbox(): void;
+    setPreviousItemActive(): void;
+    setNextItemActive(): void;
+    setActiveItemAsSelected(): 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>;
+}

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

@@ -0,0 +1,15 @@
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<GaSelectModule>;
+}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,22 @@
+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

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

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

@@ -0,0 +1,15 @@
+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>;
+}

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

@@ -1,8 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-type Position = 'top' | 'bottom' | 'left' | 'right';
-type Direction = 'start' | 'end' | 'center';
-export type GaTooltipPlacement = `${Position}-${Direction}`;
+export type GaTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export type GaTooltipDirection = 'start' | 'end' | 'center';
+export type GaTooltipPlacement = `${GaTooltipPosition}-${GaTooltipDirection}`;
 export type GaTooltipControlMode = 'hover' | 'click' | 'none';
 export declare class GaTooltipComponent {
     private mouseLeaveSubject;
@@ -22,4 +22,3 @@ export declare class GaTooltipComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<GaTooltipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GaTooltipComponent, "ga-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, { "hideTriggered": "hideTriggered"; }, never, never, true, never>;
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vsn-ux/ngx-gaia",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "peerDependencies": {
     "@angular/cdk": "^19.0.0",
     "@angular/common": "^19.0.0",

package/public-api.d.ts

@@ -9,5 +9,6 @@ export * from './lib/input/index';
 export * from './lib/form-field/index';
 export * from './lib/menu/index';
 export * from './lib/tooltip/index';
+export * from './lib/select/index';
 export * from './lib/spinner/index';
 export * from './lib/radio/index';