ngx-lite-form 1.3.8 → 1.4.0

package/index.d.ts

@@ -1,6 +1,6 @@
-import { FormControl, AbstractControl } from '@angular/forms';
+import { FormControl, AbstractControl, FormGroup, FormGroupDirective } from '@angular/forms';
 import * as _angular_core from '@angular/core';
-import { ElementRef, AfterViewInit, OnDestroy, Type, TemplateRef, ViewContainerRef } from '@angular/core';
+import { DoCheck, ElementRef, AfterViewInit, OnDestroy, Type, TemplateRef, ViewContainerRef, QueryList } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
 declare class FieldDto {
@@ -145,24 +145,29 @@ declare class LiteTextarea {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LiteTextarea, "lite-textarea", never, { "inEdit": { "alias": "inEdit"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class LiteSelect {
+declare class LiteSelect implements DoCheck {
     private _elementRef;
     inEdit: _angular_core.InputSignal<boolean>;
     control: _angular_core.InputSignal<SelectFieldDto<any>>;
     showOptions: string;
-    inputText: string;
+    inputText: _angular_core.WritableSignal<string>;
+    private _previousOptionsLength;
+    private _previousOptionsReference;
+    private _optionsVersion;
     readonly FormUtils: typeof FormUtils;
+    filteredOptions: _angular_core.Signal<any[]>;
+    ngDoCheck(): void;
     constructor(_elementRef: ElementRef);
     onDocumentClick(event: MouseEvent): void;
+    private handleInputValidation;
     isRequired(): boolean;
     hasErrors(): boolean;
     getErrorMessage(): string[];
     optionSelected(option: any): void;
     onInputChange(event: Event): void;
-    onInputBlur(): void;
     getDisplayValue(): string;
     hasTypedValue(): boolean;
-    getFilteredOptions(): any[];
+    toggleOptionPanel(): void;
     shouldShowPlaceholder(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LiteSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LiteSelect, "lite-select", never, { "inEdit": { "alias": "inEdit"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -485,6 +490,7 @@ declare class LitePanel implements AfterViewInit, OnDestroy {
     title: _angular_core.InputSignal<string | null>;
     content: _angular_core.InputSignal<string | Type<any> | TemplateRef<unknown> | null>;
     contentInputs: _angular_core.InputSignal<Record<string, any> | null>;
+    formGroup: _angular_core.InputSignal<FormGroup<any> | null>;
     actions: _angular_core.InputSignal<LitePanelAction[] | null>;
     closeOnOverlayClick: _angular_core.InputSignal<boolean>;
     width: _angular_core.InputSignal<string | number | null>;
@@ -493,8 +499,10 @@ declare class LitePanel implements AfterViewInit, OnDestroy {
     maxHeight: _angular_core.InputSignal<string | number | null>;
     closed: _angular_core.OutputEmitterRef<unknown>;
     dynamicComponentContainer?: ViewContainerRef;
+    formGroupDirectives?: QueryList<FormGroupDirective>;
     readonly panelTitleId: string;
     private componentRef?;
+    private detectedFormGroup;
     private readonly defaultActions;
     readonly resolvedActions: _angular_core.Signal<LitePanelAction[]>;
     readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
@@ -513,13 +521,14 @@ declare class LitePanel implements AfterViewInit, OnDestroy {
     private shouldRespectComponentValidity;
     private getComponentValidity;
     private findFormGroup;
+    private detectFormInTemplate;
     private toCssLength;
     private isNilOrEmpty;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private loadDynamicComponent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LitePanel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LitePanel, "lite-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentInputs": { "alias": "contentInputs"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LitePanel, "lite-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentInputs": { "alias": "contentInputs"; "required": false; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
 }
 
 type LoadingView = 'spinner' | 'progress';

package/package.json

@@ -1,24 +1,44 @@
 {
   "name": "ngx-lite-form",
-  "version": "1.3.8",
-  "description": "A lightweight Angular form library with reusable input, textarea, select, multi-select, radio, checkbox, date picker and password components",
+  "version": "1.4.0",
+  "description": "Lightweight Angular 20+ form library with 15+ standalone components: input, textarea, select, multi-select, radio, checkbox, password, date picker, datetime picker, file upload, data table, pagination, modal panel, loading indicators, and toast notifications",
   "keywords": [
     "angular",
+    "angular20",
     "forms",
+    "reactive-forms",
     "components",
-    "ui",
-    "lite-form",
+    "ui-library",
+    "standalone-components",
+    "typescript",
     "input",
-    "password",
+    "textarea",
     "select",
+    "dropdown",
     "multi-select",
-    "textarea",
     "radio",
     "checkbox",
+    "password",
     "date-picker",
-    "datetime-picker"
+    "datetime-picker",
+    "file-upload",
+    "drag-drop",
+    "data-table",
+    "table",
+    "pagination",
+    "paginator",
+    "modal",
+    "dialog",
+    "panel",
+    "loading",
+    "spinner",
+    "toast",
+    "snackbar",
+    "form-validation",
+    "ngx",
+    "angular-forms"
   ],
-  "author": "liangk",
+  "author": "Ko-Hsin Liang",
   "license": "MIT",
   "repository": {
     "type": "git",