ngx-lite-form 1.3.2 → 1.3.4

package/index.d.ts

@@ -1,6 +1,6 @@
 import { FormControl, AbstractControl } from '@angular/forms';
 import * as _angular_core from '@angular/core';
-import { ElementRef, AfterViewInit, TemplateRef } from '@angular/core';
+import { ElementRef, AfterViewInit, OnDestroy, Type, TemplateRef, ViewContainerRef } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
 declare class FieldDto {
@@ -476,9 +476,10 @@ interface LitePanelAction {
      */
     variant?: 'primary' | 'secondary' | 'danger';
 }
-declare class LitePanel {
+declare class LitePanel implements AfterViewInit, OnDestroy {
     title: _angular_core.InputSignal<string | null>;
-    content: _angular_core.InputSignal<string | TemplateRef<unknown> | null>;
+    content: _angular_core.InputSignal<string | Type<any> | TemplateRef<unknown> | null>;
+    contentInputs: _angular_core.InputSignal<Record<string, any> | null>;
     actions: _angular_core.InputSignal<LitePanelAction[] | null>;
     closeOnOverlayClick: _angular_core.InputSignal<boolean>;
     width: _angular_core.InputSignal<string | number | null>;
@@ -486,11 +487,14 @@ declare class LitePanel {
     maxWidth: _angular_core.InputSignal<string | number | null>;
     maxHeight: _angular_core.InputSignal<string | number | null>;
     closed: _angular_core.OutputEmitterRef<unknown>;
+    dynamicComponentContainer?: ViewContainerRef;
     readonly panelTitleId: string;
+    private componentRef?;
     private readonly defaultActions;
     readonly resolvedActions: _angular_core.Signal<LitePanelAction[]>;
     readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
     readonly contentText: _angular_core.Signal<string | null>;
+    readonly contentComponent: _angular_core.Signal<Type<any> | null>;
     readonly templateContext: {
         panel: LitePanel;
         close: (value?: unknown) => void;
@@ -502,9 +506,51 @@ declare class LitePanel {
     getActionClasses(action: LitePanelAction): Record<string, boolean>;
     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; }; "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; }; "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';
+declare class LiteLoading {
+    /**
+     * The view type: 'spinner' for loading wheel, 'progress' for progress bar
+     */
+    view: _angular_core.InputSignal<LoadingView>;
+    /**
+     * Progress percentage (0-100). If undefined, shows indeterminate progress.
+     * Only applies when view is 'progress'.
+     */
+    progress: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Optional message to display below the loading indicator
+     */
+    message: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Size of the spinner (only applies to spinner view)
+     */
+    size: _angular_core.InputSignal<"small" | "medium" | "large">;
+    /**
+     * Whether the loading indicator is visible
+     */
+    visible: _angular_core.InputSignal<boolean>;
+    /**
+     * Computed property to determine if progress is defined
+     */
+    isProgressDefined: _angular_core.Signal<boolean>;
+    /**
+     * Computed property to get clamped progress value (0-100)
+     */
+    progressValue: _angular_core.Signal<number>;
+    /**
+     * Computed property for spinner size class
+     */
+    spinnerSizeClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LiteLoading, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LiteLoading, "lite-loading", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { BaseSelectFieldDto, FieldDto, FileFieldDto, FormUtils, LiteCheckbox, LiteDate, LiteDateTime, LiteFile, LiteInput, LiteMultiSelect, LitePaginator, LitePanel, LitePassword, LiteRadio, LiteSelect, LiteSnackbarService, LiteTable, LiteTextarea, MultiSelectFieldDto, PaginatorFieldDto, RadioFieldDto, SelectFieldDto, TableFieldDto };
-export type { DateRangeFieldDto, FileItem, LitePanelAction, SnackbarType, TableColumn };
+export { BaseSelectFieldDto, FieldDto, FileFieldDto, FormUtils, LiteCheckbox, LiteDate, LiteDateTime, LiteFile, LiteInput, LiteLoading, LiteMultiSelect, LitePaginator, LitePanel, LitePassword, LiteRadio, LiteSelect, LiteSnackbarService, LiteTable, LiteTextarea, MultiSelectFieldDto, PaginatorFieldDto, RadioFieldDto, SelectFieldDto, TableFieldDto };
+export type { DateRangeFieldDto, FileItem, LitePanelAction, LoadingView, SnackbarType, TableColumn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-lite-form",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "A lightweight Angular form library with reusable input, textarea, select, multi-select, radio, checkbox, date picker and password components",
   "keywords": [
     "angular",