@decaf-ts/for-angular 0.0.41 → 0.0.42

package/index.d.ts

@@ -5,11 +5,11 @@ import { TextFieldTypes, SelectInterface, AutocompleteTypes, CheckboxCustomEvent
 import * as i2 from '@angular/forms';
 import { FormGroup, FormControl, FormArray, ControlValueAccessor, AbstractControl } from '@angular/forms';
 import { OrderDirection, Repository, Adapter, EventIds, Paginator, Condition } from '@decaf-ts/core';
-import { FieldProperties, IPagedComponentProperties, CrudOperationKeys, UIModelMetadata, FieldDefinition, UIMediaBreakPointsType, RenderingEngine } from '@decaf-ts/ui-decorators';
+import { FieldProperties, IPagedComponentProperties, CrudOperationKeys, HTML5InputTypes, UIModelMetadata, FieldDefinition, UIMediaBreakPointsType, RenderingEngine } from '@decaf-ts/ui-decorators';
 import * as _decaf_ts_decorator_validation from '@decaf-ts/decorator-validation';
 import { Model, VALIDATION_PARENT_KEY, Constructor, ModelConstructor } from '@decaf-ts/decorator-validation';
 import { RepositoryFlags, Context, CrudOperations, OperationKeys } from '@decaf-ts/db-decorators';
-import { ModalOptions, IonAccordionGroup, ItemReorderEventDetail, ModalController } from '@ionic/angular/standalone';
+import { ModalOptions, IonAccordionGroup, ItemReorderEventDetail, IonModal } from '@ionic/angular/standalone';
 import { Router } from '@angular/router';
 import * as i1 from '@angular/common';
 import { Location } from '@angular/common';
@@ -18,8 +18,7 @@ import { TranslateService, TranslateLoader, TranslationObject, TranslateParser,
 import { LoggedClass, Logger } from '@decaf-ts/logging';
 import { HttpClient } from '@angular/common/http';
 import { Observable, Subscription } from 'rxjs';
-import { SafeHtml, Title } from '@angular/platform-browser';
-import { NgxMediaService as NgxMediaService$1 } from 'src/lib/engine';
+import { SafeHtml, DomSanitizer, Title } from '@angular/platform-browser';
 import { InjectablesRegistry } from '@decaf-ts/injectable-decorators';
 
 /**
@@ -320,6 +319,18 @@ interface I18nResourceConfig {
     prefix: string;
     suffix: string;
 }
+/**
+ * @description Internationalization token configuration
+ * @summary Defines the structure for i18n tokens, including resource configurations and versioned suffix flag.
+ * @interface I18nToken
+ * @property {I18nResourceConfig[]} resources - Array of i18n resource configurations
+ * @property {boolean} versionedSuffix - Whether to use a versioned suffix for resources
+ * @memberOf module:engine
+ */
+interface I18nToken {
+    resources: I18nResourceConfig[];
+    versionedSuffix: boolean;
+}
 /**
  * @description CRUD form event type
  * @summary Extends IBaseCustomEvent to include optional handlers for CRUD form operations.
@@ -448,6 +459,11 @@ interface IWindowResizeEvent {
     /** The new height of the window (innerHeight) in pixels */
     height: number;
 }
+interface IFileUploadError {
+    name: string;
+    size?: number;
+    error: string;
+}
 
 /**
  * @description Angular engine key constants.
@@ -512,7 +528,7 @@ declare const FormConstants: {
  * @summary Contains constants for standardized event names used throughout the application.
  * These constants ensure consistent event naming across components and make it easier to
  * track and handle events. Each constant represents a specific application event type.
- * @typedef {Object} EventConstants
+ * @typedef {Object} ComponentEventNames
  * @property {string} BACK_BUTTON_NAVIGATION - Event fired when back button navigation ends
  * @property {string} REFRESH - Event fired when a refresh action occurs
  * @property {string} CLICK - Event fired when a click action occurs
@@ -521,13 +537,14 @@ declare const FormConstants: {
  * @property {string} FIELDSET_ADD_GROUP - Event fired when adding a group to a fieldset
  * @property {string} FIELDSET_UPDATE_GROUP - Event fired when updating a fieldset group
  * @property {string} FIELDSET_REMOVE_GROUP - Event fired when removing a fieldset group
- * @const EventConstants
+ * @const ComponentEventNames
  * @memberOf module:lib/engine/constants
  */
-declare const EventConstants: {
+declare const ComponentEventNames: {
     readonly BACK_BUTTON_NAVIGATION: "backButtonNavigationEndEvent";
     readonly REFRESH: "RefreshEvent";
     readonly CLICK: "ClickEvent";
+    readonly CHANGE: "ChangeEvent";
     readonly SUBMIT: "SubmitEvent";
     readonly VALIDATION_ERROR: "validationErrorEvent";
     readonly FIELDSET_ADD_GROUP: "fieldsetAddGroupEvent";
@@ -713,6 +730,7 @@ declare const ElementSizes: {
     readonly xsmall: "xsmall";
     readonly small: "small";
     readonly medium: "medium";
+    readonly default: "default";
     readonly large: "large";
     readonly xLarge: "xlarge";
     readonly '2xLarge': "2xlarge";
@@ -720,6 +738,13 @@ declare const ElementSizes: {
     readonly expand: "expand";
     readonly block: "block";
 };
+declare const ElementPositions: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+    readonly top: "top";
+    readonly bottom: "bottom";
+};
 declare const LayoutGridGaps: {
     readonly small: "small";
     readonly medium: "medium";
@@ -727,6 +752,13 @@ declare const LayoutGridGaps: {
     readonly collapse: "collapse";
     readonly none: "";
 };
+declare const ListItemPositions: {
+    readonly uid: "uid";
+    readonly title: "title";
+    readonly description: "description";
+    readonly info: "info";
+    readonly subinfo: "subinfo";
+};
 
 /**
  * @module module:lib/engine/types
@@ -769,7 +801,7 @@ type FunctionLike = (...args: any[]) => any;
  * @description Element size options for UI components
  * @summary Defines the possible size values that can be applied to UI elements.
  * These sizes control the dimensions and layout behavior of components.
- * @typedef {(''|'small'|'medium'|'large'|'xlarge'|'2xlarge'|'auto'|'expand'|'block')} ElementSize
+ * @typedef ElementSize
  * @memberOf module:engine
  */
 type ElementSize = typeof ElementSizes[keyof typeof ElementSizes];
@@ -777,18 +809,18 @@ type ElementSize = typeof ElementSizes[keyof typeof ElementSizes];
  * @description Basic position options for UI elements
  * @summary Defines the possible position values that can be applied to UI elements.
  * These positions control the alignment and placement of components.
- * @typedef {('left'|'center'|'right'|'top'|'bottom')} ElementPositions
+ * @typedef {('left'|'center'|'right'|'top'|'bottom')} ElementPosition
  * @memberOf module:engine
  */
-type ElementPositions = 'left' | 'center' | 'right' | 'top' | 'bottom';
+type ElementPosition = typeof ElementPositions[keyof typeof ElementPositions];
 /**
  * @description Extended position options for flex layouts
- * @summary Extends the basic ElementPositions with additional flex-specific position values.
+ * @summary Extends the basic ElementPosition with additional flex-specific position values.
  * These positions are used for controlling alignment and distribution in flex containers.
- * @typedef {(ElementPositions|'stretch'|'middle'|'around'|'between')} FlexPositions
+ * @typedef {(ElementPosition |'stretch'|'middle'|'around'|'between')} FlexPosition
  * @memberOf module:engine
  */
-type FlexPositions = ElementPositions | 'stretch' | 'middle' | 'around' | 'between';
+type FlexPosition = ElementPosition | 'stretch' | 'middle' | 'around' | 'between';
 /**
  * @description Update mode options for form fields
  * @summary Defines when form field values should be updated in the model.
@@ -799,15 +831,16 @@ type FlexPositions = ElementPositions | 'stretch' | 'middle' | 'around' | 'betwe
  * @memberOf module:engine
  */
 type FieldUpdateMode = 'change' | 'blur' | 'submit';
+type HTML5InputType = typeof HTML5InputTypes[keyof typeof HTML5InputTypes];
 /**
  * @description Possible input types for form fields
  * @summary Defines the possible input types that can be used in form fields.
  * Includes standard HTML input types like checkbox, radio, and select,
  * as well as Ionic's TextFieldTypes and textarea.
- * @typedef {('checkbox'|'radio'|'select'|TextFieldTypes|'textarea')} PossibleInputTypes
+ * @typedef {TextFieldTypes | HTML5InputType} PossibleInputTypes
  * @memberOf module:engine
  */
-type PossibleInputTypes = 'checkbox' | 'radio' | 'select' | TextFieldTypes | 'file' | 'textarea';
+type PossibleInputTypes = TextFieldTypes | HTML5InputType;
 /**
  * @description Field definition for Angular components
  * @summary A comprehensive type that combines properties from various Ionic components
@@ -900,30 +933,40 @@ type FormParent = FormGroup | FormArray;
  */
 type FormParentGroup = [FormParent, string];
 /**
- * @description Configuration for internationalization resources
- * @summary Represents a single or an array of internationalization resource configurations.
+ * @description Represents the configuration for internationalization resources.
+ * @summary This type can either be a single `I18nResourceConfig` object or an array of such objects.
  * @typedef {I18nResourceConfig | I18nResourceConfig[]} I18nResourceConfigType
  * @memberOf module:lib/engine/types
  */
 type I18nResourceConfigType = I18nResourceConfig | I18nResourceConfig[];
 /**
- * @description União de todos os valores definidos em `WindowColorSchemes`.
- * @summary Representa o esquema de cores possível para a janela (por exemplo 'light' | 'dark').
- * @see WindowColorSchemes
- * @example
- * // valor típico: 'light' ou 'dark'
- * const scheme: WindowColorScheme = 'dark';
+ * @description Represents the possible color schemes for a window.
+ * @summary This type is derived from the `WindowColorSchemes` constant, allowing only its defined keys as values.
+ * @typedef {typeof WindowColorSchemes[keyof typeof WindowColorSchemes]} WindowColorScheme
+ * @memberOf module:lib/engine/types
  */
 type WindowColorScheme = typeof WindowColorSchemes[keyof typeof WindowColorSchemes];
 /**
- * @description Tipo que representa as roles/ações possíveis definidas em `ActionRoles`.
- * @summary Usado para tipar valores que correspondem a uma ação semântica (ex.: 'submit', 'cancel').
- * @see ActionRoles
- * @example
- * const role: ActionRole = ActionRoles.cancel;
+ * @description Represents the possible roles for an action.
+ * @summary This type is derived from the `ActionRoles` constant, allowing only its defined keys as values.
+ * @typedef {typeof ActionRoles[keyof typeof ActionRoles]} ActionRole
+ * @memberOf module:lib/engine/types
  */
 type ActionRole = typeof ActionRoles[keyof typeof ActionRoles];
+/**
+ * @description Represents the possible grid gap values for a layout.
+ * @summary This type is derived from the `LayoutGridGaps` constant, allowing only its defined keys as values.
+ * @typedef {typeof LayoutGridGaps[keyof typeof LayoutGridGaps]} LayoutGridGap
+ * @memberOf module:lib/engine/types
+ */
 type LayoutGridGap = typeof LayoutGridGaps[keyof typeof LayoutGridGaps];
+/**
+ * @description Represents the possible positions for a list item.
+ * @summary This type is derived from the `ListItemPositions` constant, allowing only its defined keys as values.
+ * @typedef {typeof ListItemPositions[keyof typeof ListItemPositions]} ListItemPosition
+ * @memberOf module:lib/engine/types
+ */
+type ListItemPosition = typeof ListItemPositions[keyof typeof ListItemPositions];
 
 /**
  * @module NgxMediaService
@@ -1533,7 +1576,7 @@ declare abstract class NgxComponentDirective extends LoggedClass implements OnCh
      * @default false
      * @memberOf module:lib/engine/NgxComponentDirective
      */
-    protected isModalChild: boolean;
+    isModalChild: boolean;
     /**
      * @description Constructor for NgxComponentDirective.
      * @summary Initializes the directive by setting up the component name, locale root,
@@ -1793,7 +1836,7 @@ declare abstract class NgxComponentDirective extends LoggedClass implements OnCh
      */
     changeOperation(operation: string, id?: string): Promise<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxComponentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxComponentDirective, never, never, { "enableDarkMode": { "alias": "enableDarkMode"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "childOf": { "alias": "childOf"; "required": false; }; "uid": { "alias": "uid"; "required": false; }; "model": { "alias": "model"; "required": false; }; "modelId": { "alias": "modelId"; "required": false; }; "pk": { "alias": "pk"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "operation": { "alias": "operation"; "required": false; }; "row": { "alias": "row"; "required": false; }; "col": { "alias": "col"; "required": false; }; "className": { "alias": "className"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "item": { "alias": "item"; "required": false; }; "props": { "alias": "props"; "required": false; }; "route": { "alias": "route"; "required": false; }; }, { "listenEvent": "listenEvent"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxComponentDirective, never, never, { "enableDarkMode": { "alias": "enableDarkMode"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "childOf": { "alias": "childOf"; "required": false; }; "uid": { "alias": "uid"; "required": false; }; "model": { "alias": "model"; "required": false; }; "modelId": { "alias": "modelId"; "required": false; }; "pk": { "alias": "pk"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "operation": { "alias": "operation"; "required": false; }; "row": { "alias": "row"; "required": false; }; "col": { "alias": "col"; "required": false; }; "className": { "alias": "className"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "item": { "alias": "item"; "required": false; }; "props": { "alias": "props"; "required": false; }; "route": { "alias": "route"; "required": false; }; "isModalChild": { "alias": "isModalChild"; "required": false; }; }, { "listenEvent": "listenEvent"; }, never, never, true, never>;
 }
 
 declare class NgxRenderableComponentDirective extends NgxComponentDirective implements OnChanges, OnDestroy, IRenderedModel {
@@ -1895,7 +1938,7 @@ declare class NgxRenderableComponentDirective extends NgxComponentDirective impl
      * @return {void}
      * @memberOf NgxComponentDirective
      */
-    protected subscribeEvents(): Promise<void>;
+    protected subscribeEvents(component?: Type<unknown>): Promise<void>;
     /**
      * @description Unsubscribes from all events of the dynamic component.
      * @summary This method cleans up event subscriptions when the component is being destroyed.
@@ -2892,6 +2935,7 @@ declare class CrudFieldComponent extends NgxFormFieldDirective implements OnInit
     * @memberOf CrudFieldComponent
     */
     getOptions(): Promise<CrudFieldOption[]>;
+    openSelectOptions(event: Event, selectInterface: SelectInterface): Promise<void>;
     /**
      * @description Component after view initialization lifecycle method.
      * @summary Calls the parent afterViewInit method for READ and DELETE operations.
@@ -2972,9 +3016,9 @@ declare class NgxParentComponentDirective extends NgxComponentDirective implemen
      * on the currently active page. This is a filtered subset of the children array,
      * updated whenever the user navigates between pages.
      *
-     * @type {UIModelMetadata | UIModelMetadata[] | undefined}
+     * @type { UIModelMetadata | UIModelMetadata[] | FieldDefinition | FieldDefinition[] | undefined }
      */
-    activeContent: UIModelMetadata | UIModelMetadata[] | FieldDefinition | FieldDefinition[] | undefined;
+    activePage: UIModelMetadata | UIModelMetadata[] | FieldDefinition | FieldDefinition[] | undefined;
     /**
      * @description The currently active page number.
      * @summary Tracks which page of the multi-step form is currently being displayed.
@@ -3023,13 +3067,81 @@ declare class NgxParentComponentDirective extends NgxComponentDirective implemen
      * @default 1
      */
     rows: number | KeyValue[] | string[];
+    /**
+     * @description Defines the body style of the card.
+     * @summary Specifies the appearance of the card body, allowing customization
+     * between default, small, or blank styles. This input is used to control the
+     * visual presentation of the card content.
+     * @type {'default' | 'small' | 'blank'}
+     * @default 'default'
+     */
+    cardBody: 'default' | 'small' | 'blank';
+    /**
+     * @description Specifies the type of the card.
+     * @summary Determines the card's visual style, such as clear or shadowed.
+     * This input allows for flexible styling of the card component to match
+     * different design requirements.
+     * @type {'clear' | 'shadow'}
+     * @default 'clear'
+     */
+    cardType: 'clear' | 'shadow';
+    /**
+     * @description Controls whether borders are displayed around the fieldset.
+     * @summary Boolean flag that determines if the fieldset should be visually outlined with borders.
+     * When true, borders are shown to visually separate the fieldset from surrounding content.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    borders: boolean;
+    /**
+     * @description Media breakpoint for responsive behavior.
+     * @summary Determines the responsive breakpoint at which the layout should adapt.
+     * This affects how the grid behaves on different screen sizes, allowing for
+     * mobile-first or desktop-first responsive design patterns. The breakpoint
+     * is automatically processed to ensure compatibility with the UI framework.
+     *
+     * @type {UIMediaBreakPointsType}
+     * @default 'medium'
+     */
+    breakpoint?: UIMediaBreakPointsType | string;
+    /**
+     * @description Determines if the layout should match the parent container's size or configuration.
+     * @summary Boolean flag that controls whether the component should adapt its layout to match its parent.
+     * When true, the component will attempt to align or size itself according to the parent container.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    match: boolean;
+    /**
+     * @description Preloads card placeholders for rendering.
+     * @summary Used to create an array of placeholder elements for card components,
+     * typically to reserve space or trigger rendering logic before actual data is loaded.
+     *
+     * @type {any[]}
+     * @default [undefined]
+     */
+    preloadCards: string[];
+    /**
+     * @description Subscription for timer-based operations.
+     * @summary Manages the timer subscription used for asynchronous operations
+     * like updating active children after page transitions. This subscription
+     * is cleaned up in ngOnDestroy to prevent memory leaks.
+     *
+     * @private
+     * @type {Subscription}
+     * @memberOf SteppedFormComponent
+     */
+    protected timerSubscription: Subscription;
     ngOnInit(model?: Model | string): Promise<void>;
+    ngOnDestroy(): Promise<void> | void;
+    protected getActivePage(page: number): UIModelMetadata | UIModelMetadata[] | FieldDefinition | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxParentComponentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxParentComponentDirective, never, never, { "page": { "alias": "page"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "parentForm": { "alias": "parentForm"; "required": false; }; "children": { "alias": "children"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxParentComponentDirective, never, never, { "page": { "alias": "page"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "parentForm": { "alias": "parentForm"; "required": false; }; "children": { "alias": "children"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cardBody": { "alias": "cardBody"; "required": false; }; "cardType": { "alias": "cardType"; "required": false; }; "borders": { "alias": "borders"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "match": { "alias": "match"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare abstract class NgxFormDirective extends NgxParentComponentDirective implements OnInit, AfterViewInit, IFormElement, OnDestroy, IRenderedModel {
-    crudFieldComponent: string;
     /**
      * @description Reactive form group associated with this fieldset.
      * @summary The FormGroup instance that contains all form controls within this fieldset.
@@ -3167,6 +3279,7 @@ declare abstract class NgxFormDirective extends NgxParentComponentDirective impl
      * @default Randomly generated 12-character string
      */
     allowClear: boolean;
+    match: boolean;
     protected activeFormGroupIndex: number;
     get activeFormGroup(): FormParent;
     /**
@@ -3201,8 +3314,34 @@ declare abstract class NgxFormDirective extends NgxParentComponentDirective impl
      */
     handleReset(): void;
     handleSubmit(event?: SubmitEvent, eventName?: string, componentName?: string): Promise<boolean | void>;
+    /**
+    * @description Updates the active form group and children for the specified page.
+    * @summary Extracts the FormGroup for the given page from the FormArray and filters
+    * the children to show only fields belonging to that page. Uses a timer to ensure
+    * proper Angular change detection when updating the activeContent.
+    *
+    * @param {number} page - The page number to activate
+    * @return {UIModelMetadata | UIModelMetadata[] | FieldDefinition | undefined}
+    *
+    * @private
+    * @mermaid
+    * sequenceDiagram
+    *   participant S as SteppedFormComponent
+    *   participant F as FormArray
+    *   participant T as Timer
+    *
+    *   S->>F: Extract FormGroup at index (page - 1)
+    *   F-->>S: Return page FormGroup
+    *   S->>S: Set activeContent = undefined
+    *   S->>T: timer(10).subscribe()
+    *   T-->>S: Filter children for active page
+    *   S->>S: Set activeContent
+    *
+    * @memberOf SteppedFormComponent
+    */
+    protected getActivePage(page: number): UIModelMetadata | UIModelMetadata[] | FieldDefinition | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxFormDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxFormDirective, never, never, { "parentFormId": { "alias": "parentFormId"; "required": false; }; "modalForm": { "alias": "modalForm"; "required": false; }; "updateOn": { "alias": "updateOn"; "required": false; }; "target": { "alias": "target"; "required": false; }; "method": { "alias": "method"; "required": false; }; "options": { "alias": "options"; "required": false; }; "action": { "alias": "action"; "required": false; }; "operation": { "alias": "operation"; "required": true; }; "handlers": { "alias": "handlers"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "rendererId": { "alias": "rendererId"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; }, { "submitEvent": "submitEvent"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxFormDirective, never, never, { "parentFormId": { "alias": "parentFormId"; "required": false; }; "modalForm": { "alias": "modalForm"; "required": false; }; "updateOn": { "alias": "updateOn"; "required": false; }; "target": { "alias": "target"; "required": false; }; "method": { "alias": "method"; "required": false; }; "options": { "alias": "options"; "required": false; }; "action": { "alias": "action"; "required": false; }; "operation": { "alias": "operation"; "required": true; }; "handlers": { "alias": "handlers"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "rendererId": { "alias": "rendererId"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "match": { "alias": "match"; "required": false; }; }, { "submitEvent": "submitEvent"; }, never, never, true, never>;
 }
 
 declare class CrudFormComponent extends NgxFormDirective {
@@ -3234,9 +3373,9 @@ declare class CrudFormComponent extends NgxFormDirective {
 }
 
 declare class CardComponent extends NgxComponentDirective implements OnInit {
-    type: 'default' | 'shadow';
+    type: 'clear' | 'shadow';
     title: string;
-    body: 'small' | 'default';
+    body: 'small' | 'default' | 'blank';
     subtitle: string;
     color: Color;
     separator: boolean;
@@ -3369,13 +3508,13 @@ declare class EmptyStateComponent extends CardComponent implements OnInit {
      * @default 'large'
      * @memberOf EmptyStateComponent
      */
-    iconSize?: 'large' | 'small';
+    iconSize?: Extract<ElementSize, 'large' | 'small'>;
     /**
      * @description The color of the displayed icon.
      * @summary Specifies the color for the icon using Ionic's predefined color system.
      * This allows the icon to match the application's color scheme.
      *
-     * @type {PredefinedColors | undefined}
+     * @type {string}
      * @default 'medium'
      * @memberOf EmptyStateComponent
      */
@@ -3430,7 +3569,7 @@ declare class EmptyStateComponent extends CardComponent implements OnInit {
      * @default 'default'
      * @memberOf EmptyStateComponent
      */
-    buttonSize: 'large' | 'small' | 'default';
+    buttonSize: Extract<ElementSize, 'large' | 'small' | 'default'>;
     /**
      * @description The search value that resulted in no results.
      * @summary When the empty state is shown due to a search with no results,
@@ -3810,6 +3949,39 @@ declare class FieldsetComponent extends NgxFormDirective implements OnInit, Afte
      * @memberOf FieldsetComponent
      */
     max: number | undefined;
+    /**
+     * @description Maximum allowed items in the fieldset.
+     * @summary Numeric limit that controls how many items can be added when `multiple` is true.
+     * When set to Infinity there is no limit.
+     *
+     * @type {number}
+     * @default Infinity
+     * @memberOf FieldsetComponent
+     */
+    required: boolean;
+    /**
+     * @description Determines if the fieldset items can be reordered.
+     * @summary Boolean flag that enables or disables the drag-and-drop reordering functionality
+     * for the items within the fieldset. When set to true, users can rearrange the order
+     * of items using drag-and-drop gestures. This is particularly useful for managing
+     * lists where the order of items is significant.
+     *
+     * @type {boolean}
+     * @default true
+     * @memberOf FieldsetComponent
+     */
+    ordenable: boolean;
+    /**
+     * @description Determines if the fieldset items can be edited by the user.
+     * @summary Boolean flag that enables or disables the editing functionality
+     * for the items within the fieldset. When set to true, users can modify the items.
+     *
+     * @type {boolean}
+     * @default true
+     * @memberOf FieldsetComponent
+     * @default true
+     */
+    editable: boolean;
     /**
      * @description Component constructor that initializes the fieldset with icons and component name.
      * @summary Calls the parent NgxFormDirective constructor with the component name and
@@ -3870,7 +4042,7 @@ declare class FieldsetComponent extends NgxFormDirective implements OnInit, Afte
      * @returns {void}
      * @memberOf FieldsetComponent
      */
-    handleRemoveComponent(event: Event): void;
+    handleClear(event?: Event): void;
     /**
      * @description Handles creating new items or triggering group addition events.
      * @summary Processes form validation events for item creation or emits events to trigger
@@ -3981,10 +4153,10 @@ declare class FieldsetComponent extends NgxFormDirective implements OnInit, Afte
      * error state and accordion visibility accordingly.
      *
      * @param {CustomEvent} event - Custom event containing validation error details
-     * @returns {void}
+     * @returns {UIModelMetadata[] | undefined}
      * @memberOf FieldsetComponent
      */
-    handleValidationError(event: CustomEvent): void;
+    protected getActivePage(): UIModelMetadata[] | undefined;
     /**
      * @description Processes and stores a new or updated value in the fieldset.
      * @summary Handles both create and update operations for fieldset items. Parses and cleans
@@ -4009,7 +4181,7 @@ declare class FieldsetComponent extends NgxFormDirective implements OnInit, Afte
      */
     private getMapper;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetComponent, "ngx-decaf-fieldset", never, { "formControl": { "alias": "formControl"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; "customTypes": { "alias": "customTypes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "borders": { "alias": "borders"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetComponent, "ngx-decaf-fieldset", never, { "formControl": { "alias": "formControl"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; "customTypes": { "alias": "customTypes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "borders": { "alias": "borders"; "required": false; }; "max": { "alias": "max"; "required": false; }; "required": { "alias": "required"; "required": false; }; "ordenable": { "alias": "ordenable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -4557,18 +4729,6 @@ declare class LayoutComponent extends NgxParentComponentDirective implements OnI
      * @memberOf LayoutComponent
      */
     gap: LayoutGridGap;
-    /**
-     * @description Media breakpoint for responsive behavior.
-     * @summary Determines the responsive breakpoint at which the layout should adapt.
-     * This affects how the grid behaves on different screen sizes, allowing for
-     * mobile-first or desktop-first responsive design patterns. The breakpoint
-     * is automatically processed to ensure compatibility with the UI framework.
-     *
-     * @type {UIMediaBreakPointsType}
-     * @default 'medium'
-     * @memberOf LayoutComponent
-     */
-    breakpoint: UIMediaBreakPointsType | string;
     /**
      * @description Media breakpoint for responsive behavior.
      * @summary Determines the responsive breakpoint at which the layout should adapt.
@@ -4581,18 +4741,6 @@ declare class LayoutComponent extends NgxParentComponentDirective implements OnI
      * @memberOf LayoutComponent
      */
     grid: boolean;
-    /**
-     * @description Media breakpoint for responsive behavior.
-     * @summary Determines the responsive breakpoint at which the layout should adapt.
-     * This affects how the grid behaves on different screen sizes, allowing for
-     * mobile-first or desktop-first responsive design patterns. The breakpoint
-     * is automatically processed to ensure compatibility with the UI framework.
-     *
-     * @type {UIMediaBreakPointsType}
-     * @default 'medium'
-     * @memberOf LayoutComponent
-     */
-    match: boolean;
     /**
      * @description Media breakpoint for responsive behavior.
      * @summary Determines the responsive breakpoint at which the layout should adapt.
@@ -4681,7 +4829,7 @@ declare class LayoutComponent extends NgxParentComponentDirective implements OnI
      */
     ngOnInit(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "ngx-decaf-layout", never, { "gap": { "alias": "gap"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "match": { "alias": "match"; "required": false; }; "flexMode": { "alias": "flexMode"; "required": false; }; "rowCard": { "alias": "rowCard"; "required": false; }; "maxColsLength": { "alias": "maxColsLength"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "ngx-decaf-layout", never, { "gap": { "alias": "gap"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "flexMode": { "alias": "flexMode"; "required": false; }; "rowCard": { "alias": "rowCard"; "required": false; }; "maxColsLength": { "alias": "maxColsLength"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -6732,17 +6880,6 @@ declare class SteppedFormComponent extends NgxFormDirective implements OnInit, O
      * @memberOf SteppedFormComponent
      */
     pagesArray: UIModelMetadata[];
-    /**
-     * @description Subscription for timer-based operations.
-     * @summary Manages the timer subscription used for asynchronous operations
-     * like updating active children after page transitions. This subscription
-     * is cleaned up in ngOnDestroy to prevent memory leaks.
-     *
-     * @private
-     * @type {Subscription}
-     * @memberOf SteppedFormComponent
-     */
-    private timerSubscription;
     /**
      * @description Event emitter for form submission.
      * @summary Emits events when the form is submitted, typically on the last page
@@ -6843,58 +6980,198 @@ declare class SteppedFormComponent extends NgxFormDirective implements OnInit, O
      * @memberOf SteppedFormComponent
      */
     handleBack(): void;
-    /**
-     * @description Updates the active form group and children for the specified page.
-     * @summary Extracts the FormGroup for the given page from the FormArray and filters
-     * the children to show only fields belonging to that page. Uses a timer to ensure
-     * proper Angular change detection when updating the activeContent.
-     *
-     * @param {number} page - The page number to activate
-     * @return {void}
-     *
-     * @private
-     * @mermaid
-     * sequenceDiagram
-     *   participant S as SteppedFormComponent
-     *   participant F as FormArray
-     *   participant T as Timer
-     *
-     *   S->>F: Extract FormGroup at index (page - 1)
-     *   F-->>S: Return page FormGroup
-     *   S->>S: Set activeContent = undefined
-     *   S->>T: timer(10).subscribe()
-     *   T-->>S: Filter children for active page
-     *   S->>S: Set activeContent
-     *
-     * @memberOf SteppedFormComponent
-     */
-    private getCurrentFormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<SteppedFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SteppedFormComponent, "ngx-decaf-stepped-form", never, { "children": { "alias": "children"; "required": false; }; "paginated": { "alias": "paginated"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "pageTitles": { "alias": "pageTitles"; "required": false; }; "operation": { "alias": "operation"; "required": false; }; "startPage": { "alias": "startPage"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * @description Modal component for displaying dynamic content in a modal dialog.
+ * @summary This component provides a flexible and reusable modal dialog implementation
+ * for Angular applications. It supports dynamic content rendering, customizable options,
+ * and event handling for modal lifecycle events. The modal can be used for various purposes,
+ * such as displaying forms, lightboxes, or selection dialogs.
+ *
+ * @class ModalComponent
+ * @example
+ * ```typescript
+ * <ngx-decaf-modal [isOpen]="true" [title]="'Example Modal'"></ngx-decaf-modal>
+ * ```
+ * @mermaid
+ * sequenceDiagram
+ *   participant User
+ *   participant ModalComponent
+ *   User->>ModalComponent: Open modal
+ *   ModalComponent->>ModalController: Initialize modal
+ *   ModalController-->>ModalComponent: Modal options set
+ *   User->>ModalComponent: Interact with modal
+ *   ModalComponent->>ModalController: Handle dismiss event
+ */
 declare class ModalComponent extends NgxParentComponentDirective implements OnInit {
+    modal: IonModal;
+    /**
+     * @description Title of the modal dialog.
+     * @summary Specifies the title text displayed in the modal header.
+     * @type {string | undefined}
+     */
     title?: string;
+    /**
+     * @description Determines whether the modal is open.
+     * @summary Controls the visibility of the modal dialog. When set to true, the modal is displayed.
+     * @type {boolean}
+     * @default false
+     */
     isOpen: boolean;
+    /**
+     * @description Tag identifier for the modal.
+     * @summary Provides a unique tag for identifying the modal instance.
+     * @type {string | undefined}
+     */
+    tag?: string;
+    /**
+     * @description Options for configuring the modal.
+     * @summary Allows customization of modal behavior and appearance through the ModalOptions interface.
+     * @type {ModalOptions | undefined}
+     */
     options?: ModalOptions;
+    /**
+     * @description Global key-value pairs for modal configuration.
+     * @summary Stores global settings that can be accessed within the modal instance.
+     * @type {KeyValue | undefined}
+     */
     globals?: KeyValue;
+    /**
+     * @description Inline content to be displayed in the modal.
+     * @summary Specifies the HTML or SafeHtml content to be rendered inside the modal.
+     * @type {string | SafeHtml | undefined}
+     */
     inlineContent?: string | SafeHtml;
-    InlineContentPosition: 'top' | 'bottom';
+    /**
+     * @description Position of the inline content within the modal.
+     * @summary Determines whether the inline content is displayed at the top or bottom of the modal.
+     * @type {'top' | 'bottom'}
+     * @default 'bottom'
+     */
+    inlineContentPosition: 'top' | 'bottom';
+    /**
+     * @description Enables fullscreen mode for the modal.
+     * @summary When set to true, the modal occupies the entire screen.
+     * @type {boolean}
+     * @default false
+     */
     fullscreen: boolean;
-    modalController: ModalController;
+    /**
+     * @description Enables lightbox mode for the modal.
+     * @summary When set to true, the modal is displayed as a lightbox.
+     * @type {boolean}
+     * @default false
+     */
+    lightBox: boolean;
+    /**
+     * @description Event emitted when the modal is about to be dismissed.
+     * @summary Emits an OverlayEventDetail object containing details about the dismiss event.
+     * @type {EventEmitter<OverlayEventDetail>}
+     */
+    willDismissEvent: EventEmitter<OverlayEventDetail>;
+    /**
+     * @description Sanitizer instance for bypassing security and sanitizing HTML content.
+     * @summary Used to sanitize dynamic HTML content, ensuring it is safe to render in the DOM.
+     * @type {DomSanitizer}
+     */
+    domSanitizer: DomSanitizer;
     constructor();
+    /**
+     * @description Lifecycle hook that initializes the modal component.
+     * @summary Sets up the modal controller and sanitizes inline content if provided.
+     *
+     * @returns {Promise<void>} - A promise that resolves when initialization is complete.
+     */
     ngOnInit(): Promise<void>;
+    /**
+     * @description Initializes the modal with the provided options.
+     * @summary Merges default options with user-provided options and sets global configuration.
+     *
+     * @param {KeyValue} [options={}] - Additional options for modal initialization.
+     * @returns {Promise<void>} - A promise that resolves when initialization is complete.
+     */
     initialize(options?: KeyValue): Promise<void>;
+    /**
+     * @description Creates and presents the modal.
+     * @summary Initializes the modal with the provided properties and displays it.
+     *
+     * @param {KeyValue} [props={}] - Properties to initialize the modal.
+     * @returns {Promise<ModalComponent>} - A promise that resolves with the modal instance.
+     */
     create(props?: KeyValue): Promise<ModalComponent>;
-    present(): void;
-    handleEvent(event: CustomEvent<IBaseCustomEvent>): Promise<void>;
-    handleWillDismiss(event: CustomEvent<OverlayEventDetail>): void;
+    /**
+     * @description Presents the modal.
+     * @summary Sets the modal's visibility to true and triggers change detection.
+     *
+     * @returns {Promise<void>} - A promise that resolves when the modal is presented.
+     */
+    present(): Promise<void>;
+    /**
+     * @description Handles custom events for the modal.
+     * @summary Stops event propagation and triggers confirm or cancel actions based on event data.
+     *
+     * @param {IBaseCustomEvent} event - The custom event to handle.
+     * @returns {Promise<void>} - A promise that resolves when the event is handled.
+     */
+    handleEvent(event: IBaseCustomEvent): Promise<void>;
+    /**
+     * @description Handles the modal dismiss event.
+     * @summary This method is triggered when the modal is about to be dismissed. It emits the `willDismissEvent` with the event details.
+     *
+     * @param {CustomEvent<OverlayEventDetail>} event - The dismiss event containing overlay details.
+     * @returns {Promise<OverlayEventDetail>} - A promise that resolves with the overlay event details.
+     */
+    handleWillDismiss(event: CustomEvent<OverlayEventDetail>): Promise<OverlayEventDetail>;
+    /**
+     * @description Cancels the modal and dismisses it with a cancel action.
+     * @summary This method is used to programmatically close the modal with a cancel action.
+     *
+     * @returns {Promise<void>} - A promise that resolves when the modal is dismissed.
+     */
     cancel(): Promise<void>;
-    confirm(event: CustomEvent<OverlayEventDetail>): Promise<void>;
+    /**
+     * @description Confirms the modal and dismisses it with a confirm action.
+     * @summary This method is used to programmatically close the modal with a confirm action, passing optional event data.
+     *
+     * @param {IBaseCustomEvent} event - The custom event containing data to pass during confirmation.
+     * @returns {Promise<void>} - A promise that resolves when the modal is dismissed.
+     */
+    confirm(event: IBaseCustomEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "ngx-decaf-modal", never, { "title": { "alias": "title"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "options": { "alias": "options"; "required": false; }; "globals": { "alias": "globals"; "required": false; }; "inlineContent": { "alias": "inlineContent"; "required": false; }; "InlineContentPosition": { "alias": "InlineContentPosition"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "ngx-decaf-modal", never, { "title": { "alias": "title"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "options": { "alias": "options"; "required": false; }; "globals": { "alias": "globals"; "required": false; }; "inlineContent": { "alias": "inlineContent"; "required": false; }; "inlineContentPosition": { "alias": "inlineContentPosition"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "lightBox": { "alias": "lightBox"; "required": false; }; }, { "willDismissEvent": "willDismissEvent"; }, never, never, true, never>;
 }
-declare function getNgxModalComponent(props?: Partial<ModalComponent>, modalProps?: Partial<ModalOptions>, injector?: EnvironmentInjector): Promise<ModalComponent>;
+/**
+ * @description Retrieves a modal component instance.
+ * @summary Creates and initializes a modal component with the provided properties and options.
+ *
+ * @param {Partial<ModalComponent>} [props={}] - Properties to initialize the modal component.
+ * @param {Partial<ModalOptions>} [modalProps={}] - Additional modal options.
+ * @param {EnvironmentInjector} [injector] - Optional environment injector for dependency injection.
+ * @returns {Promise<IonModal>} - A promise that resolves with the modal instance.
+ */
+declare function getNgxModalComponent(props?: Partial<ModalComponent>, modalProps?: Partial<ModalOptions>, injector?: EnvironmentInjector): Promise<IonModal>;
+/**
+ * @description Presents a lightbox modal with inline content.
+ * @summary Displays a modal in lightbox mode with the specified content and properties.
+ *
+ * @param {string | SafeHtml} inlineContent - The content to display in the lightbox modal.
+ * @param {Partial<ModalComponent>} [props={}] - Properties to initialize the modal component.
+ * @param {EnvironmentInjector} [injector] - Optional environment injector for dependency injection.
+ * @returns {Promise<void>} - A promise that resolves when the modal is presented.
+ */
+declare function presentNgxLightBoxModal(inlineContent: string | SafeHtml, props?: Partial<ModalComponent>, injector?: EnvironmentInjector): Promise<void>;
+/**
+ * @description Retrieves a modal for selecting options.
+ * @summary Creates and initializes a modal component for displaying a list of selectable options.
+ *
+ * @param {SelectOption[]} options - The list of options to display in the modal.
+ * @param {EnvironmentInjector} [injector] - Optional environment injector for dependency injection.
+ * @returns {Promise<IonModal>} - A promise that resolves with the modal instance.
+ */
+declare function getNgxSelectOptionsModal(options: SelectOption[], injector?: EnvironmentInjector): Promise<IonModal>;
 
 declare class IconComponent implements OnInit, AfterViewInit {
     /** @description Reference to the component's native DOM element.
@@ -6918,7 +7195,8 @@ declare class IconComponent implements OnInit, AfterViewInit {
     isSvg: boolean;
     initialized: boolean;
     inline: boolean;
-    mediaService: NgxMediaService$1;
+    isDarkMode: boolean;
+    mediaService: NgxMediaService;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -6926,9 +7204,364 @@ declare class IconComponent implements OnInit, AfterViewInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ngx-decaf-icon", never, { "name": { "alias": "name"; "required": false; }; "color": { "alias": "color"; "required": false; }; "slot": { "alias": "slot"; "required": false; }; "button": { "alias": "button"; "required": false; }; "buttonFill": { "alias": "buttonFill"; "required": false; }; "buttonShape": { "alias": "buttonShape"; "required": false; }; "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * @description File upload component for Angular applications.
+ * @summary This component provides a user interface for uploading files with support for drag-and-drop,
+ * file validation, and preview functionality. It integrates seamlessly with Angular reactive forms
+ * and supports multiple file uploads, directory mode, and custom file size limits.
+ *
+ * @class FileUploadComponent
+ * @example
+ * ```typescript
+ * <ngx-decaf-file-upload [formGroup]="formGroup" [name]="'fileInput'" [multiple]="true"></ngx-decaf-file-upload>
+ * ```
+ * @mermaid
+ * sequenceDiagram
+ *   participant User
+ *   participant FileUploadComponent
+ *   User->>FileUploadComponent: Select or drag files
+ *   FileUploadComponent->>FileUploadComponent: Validate files
+ *   FileUploadComponent->>FileUploadComponent: Emit change event
+ *   User->>FileUploadComponent: Remove file
+ *   FileUploadComponent->>FileUploadComponent: Update file list
+ */
+declare class FileUploadComponent extends NgxFormFieldDirective implements OnInit, OnDestroy {
+    component: ElementRef<HTMLInputElement>;
+    /**
+     * @description Parent form group.
+     * @summary References the parent form group to which this field belongs.
+     * This is necessary for integrating the field with Angular's reactive forms.
+     *
+     * @type {FormGroup}
+     */
+    formGroup: FormGroup | undefined;
+    /**
+     * @summary The flat field name used as the form control identifier in immediate parent FormGroup.
+     * @description Specifies the name of the field, which is used as the FormControl identifier in immediate parent FormGroup.
+     * This value must be unique within the immediate parent FormGroup context and should not contain dots or nesting.
+     *
+     * @type {string}
+     */
+    name: string;
+    /**
+     * @description Angular FormControl instance for this field.
+     * @summary The specific FormControl instance that manages this field's state, validation,
+     * and value. This provides direct access to Angular's reactive forms functionality
+     * for this individual field within the broader form structure.
+     *
+     * @type {FormControl}
+     */
+    formControl: FormControl;
+    /**
+     * @description Whether the field is required.
+     * @summary When true, the field must have a value for the form to be valid.
+     * Required fields are typically marked with an indicator in the UI.
+     *
+     * @type {boolean}
+     */
+    required?: boolean;
+    /**
+     * @description Allows multiple file selection.
+     * @summary When true, the user can select multiple files for upload.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    multiple: boolean;
+    /**
+     * @description Specifies the input type for the file upload field.
+     * @summary Defines the type of input element used for file uploads, such as file or directory.
+     *
+     * @type {PossibleInputTypes}
+     * @default HTML5InputTypes.FILE
+     */
+    type: PossibleInputTypes;
+    /**
+     * @description Label for the file upload field.
+     * @summary Provides a user-friendly label for the file upload input.
+     *
+     * @type {string | undefined}
+     */
+    label?: string;
+    /**
+     * @description Label for the upload button.
+     * @summary Specifies the text displayed on the file upload button.
+     *
+     * @type {string | undefined}
+     */
+    buttonLabel?: string;
+    /**
+     * @description Size of the file upload component.
+     * @summary Determines the visual size of the file upload component, such as large, small, or default.
+     *
+     * @type {Extract<ElementSize, 'large' | 'small' | 'default'>}
+     * @default ElementSizes.large
+     */
+    size: Extract<ElementSize, 'large' | 'small' | 'default'>;
+    /**
+     * @description Flex positioning of the container's content.
+     * @summary Controls how child elements are positioned within the container when flex layout
+     * is enabled. Options include 'center', 'top', 'bottom', 'left', 'right', and combinations
+     * like 'top-left'. This property is only applied when the flex property is true.
+     *
+     * @type {FlexPosition}
+     * @default 'center'
+     */
+    position: FlexPosition;
+    /**
+     * @description Accepted file types for upload.
+     * @summary Specifies the file types that are allowed for upload, such as images or documents.
+     *
+     * @type {string | string[]}
+     * @default ['image/*']
+     */
+    accept: string | string[];
+    /**
+     * @description Whether to show an icon in the file upload field.
+     * @summary When true, an icon is displayed alongside the file upload input.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    showIcon: boolean;
+    /**
+     * @description Enables directory mode for file uploads.
+     * @summary When true, the user can upload entire directories instead of individual files.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    enableDirectoryMode: boolean;
+    /**
+     * @description Maximum file size allowed for upload.
+     * @summary Specifies the maximum size (in MB) for files that can be uploaded.
+     *
+     * @type {number}
+     * @default 1
+     */
+    maxFileSize: number;
+    /**
+     * @description Event emitted when the file upload field changes.
+     * @summary Emits an event containing details about the change in the file upload field.
+     *
+     * @type {EventEmitter<IBaseCustomEvent>}
+     */
+    changeEvent: EventEmitter<IBaseCustomEvent>;
+    /**
+     * @description Preview of the first file in the upload list.
+     * @summary Stores the data URL of the first file in the upload list for preview purposes.
+     * This is typically used to display a thumbnail or preview image.
+     *
+     * @type {string | undefined}
+     */
+    preview: string | undefined;
+    /**
+     * @description List of files selected for upload.
+     * @summary Contains the files selected by the user for upload. This array is updated
+     * whenever files are added or removed from the upload list.
+     *
+     * @type {File[]}
+     */
+    files: File[];
+    /**
+     * @description List of errors encountered during file validation.
+     * @summary Stores validation errors for files that do not meet the specified criteria,
+     * such as file type or size restrictions. Each error includes the file name, size, and error message.
+     *
+     * @type {IFileUploadError[]}
+     */
+    errors: IFileUploadError[];
+    /**
+     * @description Indicates whether a drag operation is in progress.
+     * @summary This flag is set to true when a file is being dragged over the upload area.
+     * It is used to provide visual feedback to the user during drag-and-drop operations.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    dragging: boolean;
+    /**
+     * @description Counter for drag events.
+     * @summary Tracks the number of drag events to ensure proper handling of drag-and-drop
+     * operations. The counter is incremented on drag enter and decremented on drag leave.
+     *
+     * @type {number}
+     * @default 0
+     */
+    private dragCounter;
+    constructor();
+    /**
+     * @description Lifecycle hook that is called after Angular has initialized all data-bound properties of a directive.
+     * @summary Sets up the component by enabling directory mode if specified, formatting the accepted file types,
+     * and converting the maximum file size from megabytes to bytes.
+     *
+     * @returns {void}
+     */
+    ngOnInit(): void;
+    /**
+     * @description Lifecycle hook that is called when a directive, pipe, or service is destroyed.
+     * @summary Cleans up the component by calling the parent ngOnDestroy method and clearing the file upload state.
+     *
+     * @returns {Promise<void> | void}
+     */
+    ngOnDestroy(): Promise<void> | void;
+    /**
+     * @description Handles the click event to trigger file selection.
+     * @summary Simulates a click on the hidden file input element to open the file selection dialog.
+     * This method is used to allow users to select files programmatically.
+     *
+     * @returns {void}
+     */
+    handleClickToSelect(): void;
+    /**
+     * @description Handles the file selection event.
+     * @summary Processes the files selected by the user, validates them, and updates the file list.
+     * This method is triggered when the user selects files using the file input element.
+     *
+     * @param {Event} event - The file selection event.
+     * @returns {void}
+     */
+    handleSelection(event: Event): void;
+    /**
+     * @description Handles the drop event for drag-and-drop file uploads.
+     * @summary Processes the files dropped by the user, validates them, and updates the file list.
+     * This method is triggered when the user drops files onto the upload area.
+     *
+     * @param {DragEvent} event - The drag-and-drop event.
+     * @returns {void}
+     */
+    handleDrop(event: DragEvent): void;
+    /**
+     * @description Handles the drag over event for drag-and-drop file uploads.
+     * @summary Sets the dragging flag to true to provide visual feedback during drag-and-drop operations.
+     * This method is triggered when the user drags files over the upload area.
+     *
+     * @param {DragEvent} event - The drag over event.
+     * @returns {void}
+     */
+    handleDragOver(event: DragEvent): void;
+    /**
+     * @description Handles the drag leave event for drag-and-drop file uploads.
+     * @summary Decrements the drag counter and clears the dragging flag when the counter reaches zero.
+     * This method is triggered when the user drags files out of the upload area.
+     *
+     * @param {DragEvent} event - The drag leave event.
+     * @returns {void}
+     */
+    handleDragLeave(event: DragEvent): void;
+    /**
+     * @description Clears the file list and validation errors.
+     * @summary Resets the file upload component by clearing the selected files, preview, and errors.
+     * This method is used to reset the component state.
+     *
+     * @returns {void}
+     */
+    handleClear(): void;
+    /**
+     * @description Confirms the file selection and updates the component state.
+     * @summary Validates each file in the selection, updates the file list, and emits
+     * the change event. If multiple or directory mode is enabled, adds files to the existing list.
+     * Otherwise, replaces the existing files with the new selection.
+     *
+     * @param {File[]} files - The array of files selected by the user.
+     * @returns {Promise<void>}
+     */
+    private handleSelectionConfirm;
+    /**
+     * @description Validates a single file against the component's constraints.
+     * @summary Checks the file type and size against the accepted values and limits.
+     * Returns true if the file is valid, or an error code if it is not.
+     *
+     * @param {File} file - The file to be validated.
+     * @returns {true | string} - Returns true if valid, error code otherwise.
+     */
+    private validateFile;
+    /**
+     * @description Displays a preview of the selected file in a lightbox.
+     * @summary If the file is an image, its data URL is retrieved and displayed in a modal lightbox.
+     * The lightbox shows the image at its natural size, constrained to the viewport dimensions.
+     *
+     * @param {File | string} [file] - The file to be previewed. If not provided, the current preview file is used.
+     * @returns {Promise<void>}
+     */
+    showFilePreview(file: File | string, fileExtension?: string): Promise<void>;
+    /**
+     * @description Checks if a file is an image based on its MIME type.
+     * @summary Determines if the file can be accepted as an image by checking
+     * if its type starts with 'image/'.
+     *
+     * @param {File} file - The file to be checked.
+     * @returns {boolean} - True if the file is an image, false otherwise.
+     */
+    isImageFile(file: File): boolean;
+    /**
+     * @description Removes a file from the selection.
+     * @summary Updates the file list to exclude the file at the specified index.
+     * Emits the change event and updates the preview if necessary.
+     *
+     * @param {number} index - The index of the file to be removed.
+     * @returns {Promise<void>}
+     */
+    removeFile(index: number): Promise<void>;
+    /**
+     * @description Retrieves the preview image for the selected files.
+     * @summary If the first selected file is an image, its data URL is retrieved and set as the preview.
+     * If the file is not an image, the preview is cleared.
+     *
+     * @returns {Promise<void>}
+     */
+    private getPreview;
+    /**
+     * @description Emits the change event for the file upload field.
+     * @summary Triggers the change event, notifying any listeners that the value has changed.
+     * The event contains the updated value, component name, and event type.
+     *
+     * @returns {void}
+     */
+    private changeEventEmit;
+    /**
+     * @description Retrieves the data URLs for the selected files.
+     * @summary Converts the selected image files to data URLs using FileReader.
+     * The resulting data URLs can be used for previewing images in the browser.
+     *
+     * @param {File[] | File} [files] - The files for which to generate data URLs.
+     * If not provided, the currently selected files are used.
+     *
+     * @returns {Promise<string[] | undefined>} - A promise that resolves to an array of data URLs, or undefined if an error occurs.
+     */
+    private getDataURLs;
+    /**
+     * @description Validates the format of a data URL.
+     * @summary Checks if the data URL is a non-empty string and matches the expected pattern
+     * for base64-encoded image data URLs. Uses a regular expression to validate the format.
+     *
+     * @param {string | undefined} dataURL - The data URL to be validated.
+     * @returns {boolean} - True if the data URL is valid, false otherwise.
+     */
+    private isValidDataURL;
+    /**
+     * @description Clears all error messages from the component.
+     * @summary Resets the error state, removing all error messages from the display.
+     *
+     * @returns {void}
+     */
+    private clearErrors;
+    /**
+     * @description Reads the selected files as data URLs.
+     * @summary Uses the FileReader API to read each file as a data URL.
+     * Returns a promise that resolves to an array of data URLs.
+     *
+     * @param {File[]} files - The files to be read.
+     * @returns {Promise<string[]>} - A promise that resolves to an array of data URLs.
+     */
+    private readFile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ngx-decaf-file-upload", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "name": { "alias": "name"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "position": { "alias": "position"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "enableDirectoryMode": { "alias": "enableDirectoryMode"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; }, { "changeEvent": "changeEvent"; }, never, never, true, never>;
+}
+
 declare class ForAngularComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ForAngularComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ForAngularComponentsModule, never, [typeof ModelRendererComponent, typeof ComponentRendererComponent, typeof CrudFieldComponent, typeof CrudFormComponent, typeof EmptyStateComponent, typeof ListComponent, typeof ListItemComponent, typeof SearchbarComponent, typeof PaginationComponent, typeof CrudFormComponent, typeof FieldsetComponent, typeof LayoutComponent, typeof FilterComponent, typeof SteppedFormComponent, typeof IconComponent, typeof CardComponent], [typeof ModelRendererComponent, typeof ComponentRendererComponent, typeof CrudFieldComponent, typeof CrudFormComponent, typeof EmptyStateComponent, typeof ListComponent, typeof ListItemComponent, typeof SearchbarComponent, typeof PaginationComponent, typeof CrudFormComponent, typeof FieldsetComponent, typeof LayoutComponent, typeof FilterComponent, typeof SteppedFormComponent, typeof IconComponent, typeof CardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ForAngularComponentsModule, never, [typeof ModelRendererComponent, typeof ComponentRendererComponent, typeof CrudFieldComponent, typeof CrudFormComponent, typeof EmptyStateComponent, typeof ListComponent, typeof ListItemComponent, typeof SearchbarComponent, typeof PaginationComponent, typeof CrudFormComponent, typeof FieldsetComponent, typeof LayoutComponent, typeof FilterComponent, typeof SteppedFormComponent, typeof IconComponent, typeof CardComponent, typeof FileUploadComponent], [typeof ModelRendererComponent, typeof ComponentRendererComponent, typeof CrudFieldComponent, typeof CrudFormComponent, typeof EmptyStateComponent, typeof ListComponent, typeof ListItemComponent, typeof SearchbarComponent, typeof PaginationComponent, typeof CrudFormComponent, typeof FieldsetComponent, typeof LayoutComponent, typeof FilterComponent, typeof SteppedFormComponent, typeof IconComponent, typeof CardComponent, typeof FileUploadComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ForAngularComponentsModule>;
 }
 
@@ -7881,6 +8514,14 @@ declare abstract class NgxEventHandler<PAYLOAD> extends LoggedClass {
  * @memberOf module:lib/engine/NgxPageDirective
  */
 declare abstract class NgxPageDirective extends NgxComponentDirective implements OnInit, AfterViewInit {
+    /**
+     * @description Application name for display or identification purposes.
+     * @summary Stores the name of the application, which can be used for display in headers,
+     * titles, or for logging and identification throughout the app.
+     * @type {string}
+     * @memberOf module:lib/engine/NgxPageDirective
+     */
+    appName?: string;
     /**
      * @description Page title text for the current view.
      * @summary Stores the title text to be displayed for this page. This can be set dynamically
@@ -7992,7 +8633,7 @@ declare abstract class NgxPageDirective extends NgxComponentDirective implements
      * @return {void}
      * @memberOf module:lib/engine/NgxPageDirective
      */
-    protected setPageTitle(route?: string, menu?: IMenuItem[]): void;
+    protected setPageTitle(route?: string, menu?: IMenuItem[]): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxPageDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgxPageDirective, never, never, {}, {}, never, never, true, never>;
 }
@@ -8115,7 +8756,7 @@ declare abstract class NgxModelPageDirective extends NgxPageDirective {
      * @param {IBaseCustomEvent} event - The submit event containing form data
      * @return {Promise<IModelPageCustomEvent|void>} Promise that resolves on success or throws on error
      */
-    handleSubmit(event: IBaseCustomEvent): Promise<IModelPageCustomEvent | void>;
+    handleSubmit(event: IBaseCustomEvent, redirect?: boolean): Promise<IModelPageCustomEvent | void>;
     /**
      * @description Retrieves a model instance from the repository by unique identifier.
      * @summary Fetches a specific model instance using the repository's read method.
@@ -8517,6 +9158,14 @@ declare class DecafFakerRepository<T extends Model> {
 }
 declare function getFakerData<T extends Model>(limit: number | undefined, data: Record<string, FunctionLike>, model?: string): T[];
 
+/**
+ * @description Retrieves the locale context for a given class, object, or string.
+ * @summary Resolves the locale context by extracting the class name or using the provided suffix.
+ *
+ * @param {FunctionLike | object | string} clazz - The class, object, or string to derive the locale context from.
+ * @param {string} [suffix] - An optional suffix to append to the locale context.
+ * @returns {string} - The resolved locale context string.
+ */
 declare function getLocaleContext(clazz: FunctionLike | object | string, suffix?: string): string;
 /**
  * @description Generates a localized string by combining locale and phrase
@@ -8533,38 +9182,91 @@ declare function getLocaleContext(clazz: FunctionLike | object | string, suffix?
  * @memberOf module:for-angular
  */
 declare function getLocaleContextByKey(locale: string, phrase: string | undefined): string;
+/**
+ * @description Factory function for creating an instance of I18nLoader.
+ * @summary Configures and returns an I18nLoader instance with the specified HTTP client and translation resources.
+ *
+ * @param {HttpClient} http - The HTTP client used to fetch translation resources.
+ * @returns {TranslateLoader} - An instance of I18nLoader configured with the provided HTTP client and resources.
+ */
 declare function I18nLoaderFactory(http: HttpClient): TranslateLoader;
+/**
+ * @description Provides the I18nLoader configuration.
+ * @summary Configures the translation resources and versioned suffix for the I18nLoader.
+ *
+ * @param {I18nResourceConfigType} [resources=[]] - The translation resources to be used by the loader.
+ * @param {boolean} [versionedSuffix=false] - Whether to append a versioned suffix to resource URLs.
+ * @returns {object} - The configuration object for the I18nLoader.
+ */
 declare function provideI18nLoader(resources?: I18nResourceConfigType, versionedSuffix?: boolean): {
-    provide: i0.InjectionToken<{
-        resources: I18nResourceConfig[];
-        versionedSuffix: boolean;
-    }>;
+    provide: i0.InjectionToken<I18nToken>;
     useValue: {
         resources: I18nResourceConfig[];
         versionedSuffix: boolean;
     };
 };
+/**
+ * @description Custom implementation of TranslateLoader for loading translations.
+ * @summary Fetches and merges translation resources, supporting versioned suffixes and recursive merging.
+ */
 declare class I18nLoader implements TranslateLoader {
     private http;
     private resources;
     private versionedSuffix;
+    /**
+     * @param {HttpClient} http - The HTTP client used to fetch translation resources.
+     * @param {I18nResourceConfig[]} [resources=[]] - The translation resources to be loaded.
+     * @param {boolean} [versionedSuffix=false] - Whether to append a versioned suffix to resource URLs.
+     */
     constructor(http: HttpClient, resources?: I18nResourceConfig[], versionedSuffix?: boolean);
+    /**
+     * @description Appends a versioned suffix to the resource URL if enabled.
+     * @summary Generates a versioned suffix based on the current date.
+     *
+     * @param {string} suffix - The original suffix of the resource URL.
+     * @returns {string} - The modified suffix with a version string appended.
+     */
     private getSuffix;
+    /**
+     * @description Fetches and merges translations for the specified language.
+     * @summary Loads translation resources, merges them recursively, and includes library keys.
+     *
+     * @param {string} lang - The language code for the translations to load.
+     * @returns {Observable<TranslationObject>} - An observable that emits the merged translation object.
+     */
     getTranslation(lang: string): Observable<TranslationObject>;
 }
+/**
+ * @description Custom implementation of TranslateParser for interpolation.
+ * @summary Extends TranslateParser to support string formatting with parameters.
+ */
 declare class I18nParser extends TranslateParser {
+    /**
+     * @description Interpolates a translation string with parameters.
+     * @summary Replaces placeholders in the translation string with parameter values.
+     *
+     * @param {string} value - The translation string to interpolate.
+     * @param {object | string} [params={}] - The parameters to replace placeholders with.
+     * @returns {string} - The interpolated translation string.
+     */
     interpolate(value: string, params?: object | string): string;
 }
-declare function provideI18n(config?: RootTranslateServiceConfig, resources?: I18nResourceConfigType, versionedSuffix?: boolean): ({
-    provide: i0.InjectionToken<{
-        resources: I18nResourceConfig[];
-        versionedSuffix: boolean;
-    }>;
+/**
+ * @description Provides the internationalization (i18n) configuration for the application.
+ * @summary Configures the translation service with a fallback language, default language, custom parser, and loader.
+ *
+ * @param {RootTranslateServiceConfig} [config={fallbackLang: 'en', lang: 'en'}] - The configuration for the translation service, including fallback and default languages.
+ * @param {I18nResourceConfigType} [resources=[]] - The translation resources to be used by the loader.
+ * @param {boolean} [versionedSuffix=false] - Whether to append a versioned suffix to resource URLs.
+ * @returns {Array} - An array of providers for the translation service and loader.
+ */
+declare function provideI18n(config?: RootTranslateServiceConfig, resources?: I18nResourceConfigType, versionedSuffix?: boolean): (i0.EnvironmentProviders | {
+    provide: i0.InjectionToken<I18nToken>;
     useValue: {
         resources: I18nResourceConfig[];
         versionedSuffix: boolean;
     };
-} | i0.EnvironmentProviders | i0.Provider[])[];
+} | i0.Provider[])[];
 
 /**
  * @module lib/for-angular-common.module
@@ -8619,20 +9321,17 @@ declare const CPTKN: InjectionToken<unknown>;
  * @summary Used to provide configuration for internationalization resources, including
  * translation file locations and supported languages. This token configures how the
  * application loads and manages translation resources.
- * @const {InjectionToken<{resources: I18nResourceConfig[]; versionedSuffix: boolean}>}
+ * @const {InjectionToken<I18nToken>}
  * @memberOf module:lib/for-angular-common.module
  */
-declare const I18N_CONFIG_TOKEN: InjectionToken<{
-    resources: I18nResourceConfig[];
-    versionedSuffix: boolean;
-}>;
+declare const I18N_CONFIG_TOKEN: InjectionToken<I18nToken>;
 /**
  * @description Provides an array of component types for dynamic rendering.
  * @summary Helper function to package component constructors for registration with the
  * rendering engine. This function accepts component classes and returns them as an array
  * suitable for use with the CPTKN injection token.
- * @param {...Constructor<unknown>[]} components - Component constructor classes to register
- * @return {Constructor<unknown>[]} Array of component constructors
+ * @param {...Constructor[]} components - Component constructor classes to register
+ * @return {Constructor} Array of component constructors
  * @memberOf module:lib/for-angular-common.module
  * @example
  * // Register multiple custom components
@@ -8747,5 +9446,5 @@ declare class ForAngularCommonModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ForAngularCommonModule>;
 }
 
-export { ActionRoles, AngularEngineKeys, BaseComponentProps, CPTKN, CardComponent, ComponentRendererComponent, ComponentsTagNames, CrudFieldComponent, CrudFormComponent, CssClasses, DB_ADAPTER_PROVIDER, DB_ADAPTER_PROVIDER_TOKEN, DecafFakerRepository, DefaultFormReactiveOptions, DefaultListEmptyOptions, DefaultModalOptions, Dynamic, DynamicModule, ElementSizes, EmptyStateComponent, EventConstants, FieldsetComponent, FilterComponent, ForAngularCommonModule, ForAngularComponentsModule, FormConstants, I18N_CONFIG_TOKEN, I18nLoader, I18nLoaderFactory, I18nParser, IconComponent, LOCALE_ROOT_TOKEN, LayoutComponent, LayoutGridGaps, ListComponent, ListComponentsTypes, ListItemComponent, LoggerLevels, ModalComponent, ModelRendererComponent, NgxComponentDirective, NgxEventHandler, NgxFormDirective, NgxFormFieldDirective, NgxFormService, NgxMediaService, NgxModelPageDirective, NgxPageDirective, NgxParentComponentDirective, NgxRenderingEngine, NgxSvgDirective, PaginationComponent, RouteDirections, SearchbarComponent, SteppedFormComponent, WindowColorSchemes, cleanSpaces, dataMapper, filterString, formatDate, generateRandomValue, getFakerData, getInjectablesRegistry, getLocaleContext, getLocaleContextByKey, getLocaleFromClassName, getLocaleLanguage, getLogger, getModelRepository, getNgxModalComponent, getOnWindow, getOnWindowDocument, getWindow, getWindowDocument, getWindowWidth, isDarkMode, isDevelopmentMode, isNotUndefined, isValidDate, itemMapper, parseToValidDate, provideDbAdapter, provideDynamicComponents, provideI18n, provideI18nLoader, removeFocusTrap, setOnWindow, stringToBoolean, windowEventEmitter };
-export type { ActionRole, AngularDynamicOutput, AngularFieldDefinition, CheckboxOption, ComponentMetadata, CrudFieldOption, DecafRepository, DecafRepositoryAdapter, ElementPositions, ElementSize, FieldUpdateMode, FlexPositions, FormParent, FormParentGroup, FormServiceControl, FormServiceControls, FunctionLike, HTMLFormTarget, HandlerLike, I18nResourceConfig, I18nResourceConfigType, IBaseCustomEvent, IComponentConfig, IComponentHolder, IComponentProperties, ICrudFormEvent, ICrudFormOptions, IFieldSetItem, IFieldSetValidationEvent, IFilterQuery, IFilterQueryItem, IFormComponentProperties, IFormElement, IFormReactiveSubmitEvent, IListComponentRefreshEvent, IListEmptyOptions, IMenuItem, IModelPageCustomEvent, IPaginationCustomEvent, IRenderedModel, ISortObject, IWindowResizeEvent, InputOption, KeyValue, LayoutGridGap, ListItemCustomEvent, PossibleInputTypes, RadioOption, RawQuery, SelectOption, StringOrBoolean, WindowColorScheme };
+export { ActionRoles, AngularEngineKeys, BaseComponentProps, CPTKN, CardComponent, ComponentEventNames, ComponentRendererComponent, ComponentsTagNames, CrudFieldComponent, CrudFormComponent, CssClasses, DB_ADAPTER_PROVIDER, DB_ADAPTER_PROVIDER_TOKEN, DecafFakerRepository, DefaultFormReactiveOptions, DefaultListEmptyOptions, DefaultModalOptions, Dynamic, DynamicModule, ElementPositions, ElementSizes, EmptyStateComponent, FieldsetComponent, FileUploadComponent, FilterComponent, ForAngularCommonModule, ForAngularComponentsModule, FormConstants, I18N_CONFIG_TOKEN, I18nLoader, I18nLoaderFactory, I18nParser, IconComponent, LOCALE_ROOT_TOKEN, LayoutComponent, LayoutGridGaps, ListComponent, ListComponentsTypes, ListItemComponent, ListItemPositions, LoggerLevels, ModalComponent, ModelRendererComponent, NgxComponentDirective, NgxEventHandler, NgxFormDirective, NgxFormFieldDirective, NgxFormService, NgxMediaService, NgxModelPageDirective, NgxPageDirective, NgxParentComponentDirective, NgxRenderingEngine, NgxSvgDirective, PaginationComponent, RouteDirections, SearchbarComponent, SteppedFormComponent, WindowColorSchemes, cleanSpaces, dataMapper, filterString, formatDate, generateRandomValue, getFakerData, getInjectablesRegistry, getLocaleContext, getLocaleContextByKey, getLocaleFromClassName, getLocaleLanguage, getLogger, getModelRepository, getNgxModalComponent, getNgxSelectOptionsModal, getOnWindow, getOnWindowDocument, getWindow, getWindowDocument, getWindowWidth, isDarkMode, isDevelopmentMode, isNotUndefined, isValidDate, itemMapper, parseToValidDate, presentNgxLightBoxModal, provideDbAdapter, provideDynamicComponents, provideI18n, provideI18nLoader, removeFocusTrap, setOnWindow, stringToBoolean, windowEventEmitter };
+export type { ActionRole, AngularDynamicOutput, AngularFieldDefinition, CheckboxOption, ComponentMetadata, CrudFieldOption, DecafRepository, DecafRepositoryAdapter, ElementPosition, ElementSize, FieldUpdateMode, FlexPosition, FormParent, FormParentGroup, FormServiceControl, FormServiceControls, FunctionLike, HTML5InputType, HTMLFormTarget, HandlerLike, I18nResourceConfig, I18nResourceConfigType, I18nToken, IBaseCustomEvent, IComponentConfig, IComponentHolder, IComponentProperties, ICrudFormEvent, ICrudFormOptions, IFieldSetItem, IFieldSetValidationEvent, IFileUploadError, IFilterQuery, IFilterQueryItem, IFormComponentProperties, IFormElement, IFormReactiveSubmitEvent, IListComponentRefreshEvent, IListEmptyOptions, IMenuItem, IModelPageCustomEvent, IPaginationCustomEvent, IRenderedModel, ISortObject, IWindowResizeEvent, InputOption, KeyValue, LayoutGridGap, ListItemCustomEvent, ListItemPosition, PossibleInputTypes, RadioOption, RawQuery, SelectOption, StringOrBoolean, WindowColorScheme };