@ng-modular-forms/core 0.7.8 → 0.8.0

package/lib/controls/lookup/lookup.component.d.ts

@@ -0,0 +1,43 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { FormControlBase } from '../../base/form-control-base';
+import { LookupOption, LookupStatus } from './lookup.types';
+import { LookupBehavior } from '../../behavior/lookup/lookup.behavior';
+import * as i0 from "@angular/core";
+export declare class InputLookupComponent<TOption> extends FormControlBase<TOption> implements OnDestroy {
+    readonly autocompleteAttr: import("@angular/core").InputSignal<string | null>;
+    optionsSource: import("@angular/core").InputSignal<LookupOption<TOption>[]>;
+    optionsProvider: import("@angular/core").InputSignal<((query: string | null) => Observable<LookupOption<TOption>[]>) | undefined>;
+    displayWith: import("@angular/core").InputSignal<((value: TOption | null) => string) | undefined>;
+    displayProvider: import("@angular/core").InputSignal<((value: TOption | null) => Observable<string>) | undefined>;
+    compareWith: import("@angular/core").InputSignal<((a: TOption, b: TOption) => boolean) | undefined>;
+    emptyOptionsLabel: import("@angular/core").InputSignal<string>;
+    debounceTime: import("@angular/core").InputSignal<number>;
+    searchThreshold: import("@angular/core").InputSignal<number>;
+    private readonly _activeIndex;
+    readonly activeIndex: import("@angular/core").Signal<number>;
+    private readonly _searchQuery;
+    private readonly _isInteractingWithOptions;
+    private readonly _searchQuery$;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly openUpwards: import("@angular/core").WritableSignal<boolean>;
+    readonly displayLabel: import("@angular/core").Signal<string>;
+    inputElement: ElementRef<any>;
+    behavior: LookupBehavior<TOption>;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: TOption | null): void;
+    onFocusOut(): void;
+    onFocusIn(): void;
+    ngOnDestroy(): void;
+    onInput(event: Event): void;
+    selectOption(event: Event, option: LookupOption<TOption>): void;
+    resetActiveIndex(): void;
+    setOptionsInteraction(state: boolean): void;
+    updateOptions(results: LookupOption<TOption>[], status?: LookupStatus): void;
+    clearSelectedOption(): void;
+    onKeyDown(event: KeyboardEvent, currentOptions: LookupOption<TOption>[] | null): void;
+    private calculateDropdownPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputLookupComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputLookupComponent<any>, "nmf-lookup", ["nmfLookup"], { "autocompleteAttr": { "alias": "autocompleteAttr"; "required": false; "isSignal": true; }; "optionsSource": { "alias": "optionsSource"; "required": false; "isSignal": true; }; "optionsProvider": { "alias": "optionsProvider"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "displayProvider": { "alias": "displayProvider"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "emptyOptionsLabel": { "alias": "emptyOptionsLabel"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "searchThreshold": { "alias": "searchThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/controls/lookup/lookup.types.d.ts

@@ -0,0 +1,17 @@
+import { DestroyRef, InputSignal } from '@angular/core';
+import { Observable } from 'rxjs';
+export type LookupStatus = 'default' | 'loading' | 'error' | 'empty';
+export interface LookupOption<TResult> {
+    value: TResult;
+    label: string;
+}
+export interface LookupBehaviorOptions<T> {
+    destroyRef: DestroyRef;
+    resolvers: LookupResolvers<T>;
+}
+export interface LookupResolvers<T> {
+    compare: InputSignal<((a: T, b: T) => boolean) | undefined>;
+    label: InputSignal<((value: T | null) => string) | undefined>;
+    labelAsync: InputSignal<((value: T | null) => Observable<string>) | undefined>;
+    search: InputSignal<((query: string | null) => Observable<LookupOption<T>[]>) | undefined>;
+}

package/lib/{input/input-number.component.d.ts → controls/number/number.component.d.ts}

@@ -1,6 +1,6 @@
-import { FormControlBase } from '../base/form-control-base';
-import { CurrencyBehavior } from '../behavior/currency.behavior';
-import { TextBehavior } from '../behavior/text.behavior';
+import { FormControlBase } from '../../base/form-control-base';
+import { TextBehavior } from '../../behavior/text/text.behavior';
+import { CurrencyBehavior } from '../../behavior/currency/currency.behavior';
 import * as i0 from "@angular/core";
 export declare class InputNumberComponent extends FormControlBase<string | number | null> {
     formatValue: import("@angular/core").InputSignal<boolean>;

package/lib/{input/input-select.component.d.ts → controls/select/select.component.d.ts}

@@ -1,14 +1,15 @@
-import { FormControlBase } from '../base/form-control-base';
+import { FormControlBase } from '../../base/form-control-base';
 import * as i0 from "@angular/core";
 export interface SelectOption {
-    key: string | number;
+    value: string | number;
     label: string | number;
     disabled?: boolean;
 }
 export declare class InputSelectComponent extends FormControlBase<string | number | null> {
     options: import("@angular/core").InputSignal<SelectOption[]>;
     emptyOptionLabel: import("@angular/core").InputSignal<string>;
-    clearOptionLabel: import("@angular/core").InputSignal<string | null>;
+    allowEmptyOptionSelection: import("@angular/core").InputSignal<boolean>;
+    handleChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "nmf-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "emptyOptionLabel": { "alias": "emptyOptionLabel"; "required": false; "isSignal": true; }; "clearOptionLabel": { "alias": "clearOptionLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "nmf-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "emptyOptionLabel": { "alias": "emptyOptionLabel"; "required": false; "isSignal": true; }; "allowEmptyOptionSelection": { "alias": "allowEmptyOptionSelection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/{input/input-text.component.d.ts → controls/text/text.component.d.ts}

@@ -1,10 +1,11 @@
-import { FormControlBase } from '../base/form-control-base';
-import { TextBehavior } from '../behavior/text.behavior';
+import { FormControlBase } from '../../base/form-control-base';
+import { TextBehavior } from '../../behavior/text/text.behavior';
 import * as i0 from "@angular/core";
 export declare class InputTextComponent extends FormControlBase<string | number | null> {
     type: import("@angular/core").InputSignal<"number" | "email" | "search" | "text" | "tel" | "url" | "password">;
     behavior: TextBehavior;
     computedType: import("@angular/core").Signal<"number" | "email" | "search" | "text" | "tel" | "url" | "password">;
+    onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "nmf-text", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/{input/input-textarea.component.d.ts → controls/textarea/textarea.component.d.ts}

@@ -1,8 +1,9 @@
-import { FormControlBase } from '../base/form-control-base';
+import { FormControlBase } from '../../base/form-control-base';
 import * as i0 from "@angular/core";
 export declare class InputTextareaComponent extends FormControlBase<string | null> {
     rows: import("@angular/core").InputSignal<number>;
     cols: import("@angular/core").InputSignal<number>;
+    onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "nmf-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/{input/input-timepicker.component.d.ts → controls/timepicker/timepicker.component.d.ts}

@@ -1,4 +1,4 @@
-import { FormControlBase } from '../base/form-control-base';
+import { FormControlBase } from '../../base/form-control-base';
 import * as i0 from "@angular/core";
 export declare class InputTimepickerComponent extends FormControlBase<Date | null> {
     step: import("@angular/core").InputSignal<number>;

package/lib/form-orchestrator.d.ts

@@ -1,4 +1,4 @@
-import { FormGroup } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { FormHandlerBase } from './base/form-handler-base';
@@ -29,7 +29,7 @@ export declare abstract class FormOrchestrator extends FormMapperBase implements
     orchestrate(options: FormOrchestratorOptions): void;
     setForm(form: FormGroup): void;
     getSubForm(key: string): FormGroup;
-    addHandlerToRegistry(handler: FormHandlerBase): void;
+    addHandlerToRegistry<TControls extends Record<string, FormControl>>(handler: FormHandlerBase<TControls>): void;
     addReactiveLogic(subscription: Subscription): void;
     setStatus(status: FormStatus): void;
     setErrorMessage(message: string | null): void;

package/lib/types.d.ts

@@ -1,9 +1,9 @@
-import type { FormGroup } from '@angular/forms';
+import type { FormControl, FormGroup } from '@angular/forms';
 import type { FormMapperBase } from './base/form-mapper-base';
 import type { FormHandlerBase } from './base/form-handler-base';
 export type FormStatus = 'idle' | 'submitting' | 'error' | 'success';
 export type MapperRegistry = Record<string, FormMapperBase<unknown, unknown, unknown>>;
-export type FormHandlerRegistry = FormHandlerBase[];
+export type FormHandlerRegistry = FormHandlerBase<Record<string, FormControl<unknown>>>[];
 export interface FormOrchestratorOptions {
     form: FormGroup;
     mapperRegistry?: MapperRegistry;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-modular-forms/core",
-  "version": "0.7.8",
+  "version": "0.8.0",
   "description": "Composable Angular reactive form primitives, custom controls, and Material-compatible components for building enterprise-ready, complex typed forms.",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -1,15 +1,18 @@
 export * from './lib/base/form-control-base';
 export * from './lib/base/form-handler-base';
 export * from './lib/base/form-mapper-base';
-export * from './lib/behavior/currency.behavior';
-export * from './lib/behavior/text.behavior';
-export * from './lib/input/input-currency.component';
-export * from './lib/input/input-datepicker.component';
-export * from './lib/input/input-number.component';
-export * from './lib/input/input-select.component';
-export * from './lib/input/input-text.component';
-export * from './lib/input/input-textarea.component';
-export * from './lib/input/input-timepicker.component';
+export * from './lib/behavior/currency/currency.behavior';
+export * from './lib/behavior/lookup/lookup.behavior';
+export * from './lib/behavior/text/text.behavior';
+export * from './lib/controls/currency/currency.component';
+export * from './lib/controls/datepicker/datepicker.component';
+export * from './lib/controls/lookup/lookup.component';
+export * from './lib/controls/lookup/lookup.types';
+export * from './lib/controls/number/number.component';
+export * from './lib/controls/select/select.component';
+export * from './lib/controls/text/text.component';
+export * from './lib/controls/textarea/textarea.component';
+export * from './lib/controls/timepicker/timepicker.component';
 export * from './lib/form-hydrator';
 export * from './lib/form-orchestrator';
 export * from './lib/form-serializer';