@ng-atomic/components 5.14.0 → 6.0.3

package/fesm2022/ng-atomic-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/index.ts","../../../../../packages/@ng-atomic/components/src/lib/ng-atomic-components.ts"],"sourcesContent":["import { NgModule, importProvidersFrom } from \"@angular/core\";\n// import { NgAtomicMoleculesModule } from \"./molecules\";\n// import { NgAtomicOrganismsModule } from \"./organisms\";\n// import { NgAtomicTemplatesModule } from \"./templates\";\n\n@NgModule({})\nexport class NgAtomicComponentsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicComponentsModule,\n      providers: [\n        // importProvidersFrom(NgAtomicMoleculesModule.forRoot()),\n        // importProvidersFrom(NgAtomicOrganismsModule.forRoot()),\n        // importProvidersFrom(NgAtomicTemplatesModule.forRoot()),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AACA;AACA;AACA;MAGa,wBAAwB,CAAA;AACnC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,wBAAwB;AAClC,YAAA,SAAS,EAAE;;;;AAIV,aAAA;SACF,CAAA;KACF;+GAVU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAxB,wBAAwB,EAAA,CAAA,CAAA,EAAA;gHAAxB,wBAAwB,EAAA,CAAA,CAAA,EAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBADpC,QAAQ;mBAAC,EAAE,CAAA;;;ACLZ;;AAEG;;;;"}

package/frames/divider/divider.frame.d.ts

@@ -1,17 +1,25 @@
 import { ElementRef } from '@angular/core';
 import { CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
 import * as i0 from "@angular/core";
-export declare class DividerFrame {
+declare enum ActionId {
+    DRAG_STARTED = "[@ng-atomic/divider] drag start",
+    DRAG_MOVED = "[@ng-atomic/divider] drag move",
+    DRAG_ENDED = "[@ng-atomic/divider] drag end"
+}
+export declare class DividerFrame extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
     private el;
-    constructor(el: ElementRef);
     protected firstContentHeight: number;
     protected distance: {
         x: number;
         y: number;
     };
     divider: ElementRef<HTMLElement>;
-    onDragStart($event: CdkDragStart): void;
-    onDragMoved($event: CdkDragMove): void;
+    protected onDragStart($event: CdkDragStart): void;
+    protected onDragMoved($event: CdkDragMove): void;
+    protected onDragEnd($event: CdkDragMove): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DividerFrame, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DividerFrame, "frames-divider", never, {}, {}, never, ["[first]", "[second]"], true, never>;
 }
+export {};

package/frames/drawer/drawer.frame.d.ts

@@ -8,5 +8,5 @@ export declare class DrawerFrame implements AfterViewInit {
     get isOpen(): boolean;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerFrame, "frames-drawer", never, { "isOpen": "isOpen"; }, {}, never, ["[drawer]", "[contents]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerFrame, "frames-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; }; }, {}, never, ["[drawer]", "[contents]"], true, never>;
 }

package/frames/fab/fab.frame.d.ts

@@ -1,15 +1,10 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Action } from '@ng-atomic/common/models';
 import { FabService } from './fab.service';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
 import * as i0 from "@angular/core";
-export declare class FabFrame implements OnInit, OnDestroy {
-    protected service: FabService;
-    constructor(service: FabService);
-    private readonly destroy$;
+export declare class FabFrame extends NgAtomicComponent {
+    protected fab: FabService;
     actions: Action[];
-    protected action: EventEmitter<Action<any>>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FabFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FabFrame, "frames-fab", never, { "actions": "actions"; }, { "action": "action"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FabFrame, "frames-fab", never, { "actions": { "alias": "actions"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/frames/fab/fab.service.d.ts

@@ -1,12 +1,12 @@
 import { Action } from '@ng-atomic/common/models';
 import * as i0 from "@angular/core";
 export declare class FabService {
-    private _actions;
-    private actionSubject;
+    private actionMap;
+    private contexts;
     get actions(): Action[];
-    action$: import("rxjs").Observable<Action<any>>;
-    onAction(action: Action): void;
-    setActions(actions: Action[]): void;
+    set(name: any, actions: Action[]): Map<string, Action<any>[]>;
+    push(name: string): number;
+    pop(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FabService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FabService>;
 }

package/frames/line-up/line-up.frame.d.ts

@@ -1,37 +1,38 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-declare enum Mode {
-    MAIN = "Main",
-    BOTH = "Both",
-    NEXT = "Next"
+export interface LineUpFrameEntry {
+    type: 'add' | 'remove';
+    scope: string;
+    index: number;
+    mainWidth?: number;
 }
 export declare class LineUpFrameService {
     frames: LineUpFrame[];
-    register(frame: LineUpFrame): void;
+    readonly entries$: Subject<LineUpFrameEntry>;
+    readonly sizeMap$: import("rxjs").Observable<Map<string, Map<number, number>>>;
+    readonly sizeMap: import("@angular/core").Signal<Map<string, Map<number, number>>>;
+    mapToContentWidth(scope: string, index: number): import("rxjs").Observable<number>;
+    register(frame: LineUpFrame, mainWidth?: number): void;
+    update(frame: LineUpFrame, mainWidth: number): void;
     unregister(frame: LineUpFrame): void;
     findIndex(frame: LineUpFrame): number;
-    propagate(frame: LineUpFrame): void;
+    isFirst(frame: LineUpFrame): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrameService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LineUpFrameService>;
 }
 export declare class LineUpFrame implements OnInit, OnDestroy {
     private service;
-    Mode: typeof Mode;
-    mode: Mode;
-    private readonly refresh$;
-    private readonly destroy$;
-    private readonly hasNext$;
-    private _hasNext;
-    set hasNext(_hasNext: boolean);
-    get hasNext(): boolean;
-    minNextWidth: number;
-    nextElementRef: ElementRef;
-    constructor(service: LineUpFrameService);
+    private el;
+    hasNext: boolean;
+    scope: string;
+    protected mainEl: ElementRef;
+    readonly mainWidth$: import("rxjs").Observable<any>;
+    readonly width$: import("rxjs").Observable<number>;
+    get index(): number;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    refresh(): void;
-    private resolveMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LineUpFrame, "frames-line-up", never, { "hasNext": "hasNext"; "minNextWidth": "minNextWidth"; }, {}, never, ["[main]", "[next]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineUpFrame, "frames-line-up", never, { "hasNext": { "alias": "hasNext"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; }, {}, never, ["[main]", "[next]"], true, never>;
 }
-export {};

package/frames/line-up/resize-observer.d.ts

@@ -1,3 +1,3 @@
 import { Observable } from 'rxjs';
 import { ElementRef } from '@angular/core';
-export declare function fromResize({ nativeElement }: ElementRef<Element>): Observable<number>;
+export declare function fromResize(el: ElementRef<Element>): Observable<number>;

package/frames/loading/loading.frame.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class LoadingFrame {
     isLoading: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingFrame, "frames-loading", never, { "isLoading": "isLoading"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingFrame, "frames-loading", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/frames/overlay/overlay.frame.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class OverlayFrame {
     hasNext: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayFrame, "frames-overlay", never, { "hasNext": "hasNext"; }, {}, never, ["[main]", "[next]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayFrame, "frames-overlay", never, { "hasNext": { "alias": "hasNext"; "required": false; }; }, {}, never, ["[main]", "[next]"], true, never>;
 }

package/frames/router-outlet/index.d.ts

@@ -0,0 +1 @@
+export * from './router-outlet.frame';

package/frames/router-outlet/router-outlet.frame.d.ts

@@ -0,0 +1,14 @@
+import { RouterOutlet } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class IsBlankRoutePipe {
+    transform(outlet: RouterOutlet): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsBlankRoutePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsBlankRoutePipe, "isBlankRoute", true>;
+}
+export declare class RouterOutletFrame {
+    outlet: RouterOutlet;
+    frame: import("@angular/core").Signal<"lineup" | "overlay">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RouterOutletFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RouterOutletFrame, "frames-router-outlet", never, { "frame": { "alias": "frame"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_frame: any;
+}

package/frames/scroll-v2/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll.frame';

package/frames/scroll-v2/scroll.frame.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ScrollFrame {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollFrame, "frames-scroll", never, {}, {}, never, ["[top]", "[contents]", "[bottom]"], true, never>;
+}

package/frames/side-nav/index.d.ts

@@ -0,0 +1 @@
+export * from './side-nav.frame';

package/frames/side-nav/side-nav.frame.d.ts

@@ -0,0 +1,22 @@
+import { InjectionToken, Signal } from '@angular/core';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { Action } from '@ng-atomic/common/models';
+import { InjectableComponent } from '@ng-atomic/common/core';
+import * as i0 from "@angular/core";
+export declare class SideNavFrameStore extends InjectableComponent {
+    static TOKEN: InjectionToken<unknown>;
+    readonly actions: Action[];
+    readonly menuType: Signal<"icon-button-menu" | "menu">;
+    readonly mode: 'expanded' | 'collapsed';
+    readonly frameType: Signal<"lineup" | "drawer">;
+    get attrFrame(): "lineup" | "drawer";
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SideNavFrameStore, "frames-side-nav", never, { "actions": { "alias": "actions"; "required": false; }; "menuType": { "alias": "menuType"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "frameType": { "alias": "frameType"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_menuType: any;
+    static ngAcceptInputType_frameType: any;
+}
+export declare class SideNavFrame extends NgAtomicComponent {
+    protected store: SideNavFrameStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavFrame, "frames-side-nav", never, {}, {}, never, ["[contents]"], true, [{ directive: typeof SideNavFrameStore; inputs: { "actions": "actions"; "menuType": "menuType"; "mode": "mode"; "frameType": "frameType"; }; outputs: {}; }]>;
+}

package/frames/smart-menu/smart-menu.frame.d.ts

@@ -9,5 +9,5 @@ export declare class SmartMenuFrame {
     next: ElementRef;
     get page(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartMenuFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuFrame, "frames-smart-menu", never, { "label": "label"; "outlet": "outlet"; "minNextWidth": "minNextWidth"; }, {}, never, ["[menu]", "[contents]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuFrame, "frames-smart-menu", never, { "label": { "alias": "label"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "minNextWidth": { "alias": "minNextWidth"; "required": false; }; }, {}, never, ["[menu]", "[contents]"], true, never>;
 }

package/frames/vertical-hide/index.d.ts

@@ -0,0 +1 @@
+export * from './vertical-hide.frame';

package/frames/vertical-hide/vertical-hide.frame.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class VerticalHideFrame {
+    mode: 'collapsed' | 'expanded';
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalHideFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalHideFrame, "frames-vertical-hide", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/index.d.ts

@@ -1 +1,10 @@
-export declare const dummy: {};
+import * as i0 from "@angular/core";
+export declare class NgAtomicComponentsModule {
+    static forRoot(): {
+        ngModule: typeof NgAtomicComponentsModule;
+        providers: any[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicComponentsModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicComponentsModule>;
+}

package/molecules/action-input-field/action-input-field.molecule.d.ts

@@ -0,0 +1,23 @@
+import { FormControl } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
+import { Action } from '@ng-atomic/common/models';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { MatFormField } from '@angular/material/form-field';
+import * as i0 from "@angular/core";
+export declare class ActionInputFieldMolecule extends NgAtomicComponent {
+    formField: MatFormField;
+    input: MatInput;
+    appearance: 'outline' | 'fill';
+    type: 'text' | 'number' | 'password';
+    name?: string;
+    label: string;
+    control: FormControl<string>;
+    placeholder: string;
+    hint?: string;
+    get actions(): Action[];
+    set actions(value: Action[]);
+    private _actions;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionInputFieldMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionInputFieldMolecule, "molecules-action-input-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "control": { "alias": "control"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, {}, never, never, true, never>;
+}

package/molecules/action-input-field/index.d.ts

@@ -0,0 +1 @@
+export * from './action-input-field.molecule';

package/molecules/actions-column/actions-column.molecule.d.ts

@@ -18,5 +18,5 @@ export declare class ActionsColumnMolecule<T> {
     ngOnDestroy(): void;
     private _syncColumnDefName;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMolecule<any>, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule<any>, "molecules-actions-column", never, { "name": "name"; "itemActions": "itemActions"; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule<any>, "molecules-actions-column", never, { "name": { "alias": "name"; "required": false; }; "itemActions": { "alias": "itemActions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }

package/molecules/checkbox-column/checkbox-column.molecule.d.ts

@@ -17,5 +17,5 @@ export declare class CheckboxColumnMolecule<T> implements OnInit {
     ngOnDestroy(): void;
     private _syncColumnDefName;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMolecule<any>, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": "name"; "selection": "selection"; }, { "checkboxClick": "checkboxClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": { "alias": "name"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "checkboxClick": "checkboxClick"; }, never, never, true, never>;
 }

package/molecules/chips-input-field/chips-input-field.molecule.d.ts

@@ -21,5 +21,5 @@ export declare class ChipsInputFieldMolecule {
     onChiInputTokenEnd(event: MatChipInputEvent): void;
     remove(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputFieldMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputFieldMolecule, "molecules-chips-input-field", never, { "appearance": "appearance"; "control": "control"; "floatLabel": "floatLabel"; "label": "label"; "hint": "hint"; "placeholder": "placeholder"; "separators": "separators"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputFieldMolecule, "molecules-chips-input-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "control": { "alias": "control"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; }, {}, never, never, true, never>;
 }

package/molecules/date-input-field/date-input-field.molecule.d.ts

@@ -9,5 +9,5 @@ export declare class DateInputFieldMolecule {
     hint?: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputFieldMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputFieldMolecule, "molecules-date-input-field", never, { "control": "control"; "label": "label"; "placeholder": "placeholder"; "hint": "hint"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputFieldMolecule, "molecules-date-input-field", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
 }

package/molecules/file-input-field/file-input-field.molecule.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import * as i0 from "@angular/core";
+declare enum ActionId {
+    FILE_SELECT_BUTTON_CLICK = "[@ng-atomic/components/molecules/file-input-field] File select button click",
+    FILE_SELECTED = "[@ng-atomic/components/molecules/file-input-field] File selected",
+    CANCEL = "[@ng-atomic/components/molecules/file-input-field] Cancel"
+}
+export declare class FileInputFieldMolecule extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    protected get actions(): {
+        id: ActionId;
+        icon: string;
+        name: string;
+        disabled: boolean;
+    }[];
+    appearance: 'outline' | 'fill';
+    name?: string;
+    label: string;
+    control: FormControl<string | number>;
+    protected _control: FormControl<string | number>;
+    placeholder: string;
+    hint?: string;
+    progress?: number;
+    protected fileUpload: ElementRef<HTMLInputElement>;
+    ngOnInit(): void;
+    protected onFileSelectButtonClick(): void;
+    protected onFileSelected(event: Event & {
+        target: HTMLInputElement;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputFieldMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputFieldMolecule, "molecules-file-input-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "control": { "alias": "control"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/molecules/file-input-field/index.d.ts

@@ -0,0 +1 @@
+export * from './file-input-field.molecule';

package/molecules/header/header.molecule.d.ts

@@ -3,5 +3,5 @@ export declare class HeaderMolecule {
     title: string;
     description?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMolecule, "molecules-header", never, { "title": "title"; "description": "description"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMolecule, "molecules-header", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, never, true, never>;
 }

package/molecules/navigation-list-item/navigation-list-item.molecule.d.ts

@@ -1,8 +1,16 @@
+import { InjectionToken } from '@angular/core';
+import { InjectableComponent } from '@ng-atomic/common/core';
 import { Action } from '@ng-atomic/common/models';
 import * as i0 from "@angular/core";
-export declare class NavigationListItemMolecule {
-    action: Action;
+export declare class NavigationListItemMoleculeStore extends InjectableComponent {
+    static TOKEN: InjectionToken<unknown>;
+    _action: Action;
     selected: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListItemMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationListItemMoleculeStore, "molecules-navigation-list-item", never, { "_action": { "alias": "action"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class NavigationListItemMolecule {
+    protected store: NavigationListItemMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListItemMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListItemMolecule, "molecules-navigation-list-item", never, { "action": "action"; "selected": "selected"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListItemMolecule, "molecules-navigation-list-item", never, {}, {}, never, never, true, [{ directive: typeof NavigationListItemMoleculeStore; inputs: { "action": "action"; "selected": "selected"; }; outputs: {}; }]>;
 }

package/molecules/nested-menu/nested-menu.molecule.d.ts

@@ -6,5 +6,5 @@ export declare class NestedMenuMolecule {
     childMenu: any;
     action: EventEmitter<Action<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NestedMenuMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NestedMenuMolecule, "molecules-nested-menu", never, { "actions": "actions"; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NestedMenuMolecule, "molecules-nested-menu", never, { "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }

package/molecules/select-input-field/select-input-field.molecule.d.ts

@@ -11,5 +11,5 @@ export declare class SelectInputFieldMolecule<T> {
     options: Option<T>[];
     value: (item: Option<T>) => T;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputFieldMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputFieldMolecule<any>, "molecules-select-input-field", never, { "label": "label"; "appearance": "appearance"; "control": "control"; "options": "options"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputFieldMolecule<any>, "molecules-select-input-field", never, { "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "control": { "alias": "control"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
 }

package/molecules/smart-column/smart-column.molecule.d.ts

@@ -7,5 +7,5 @@ export declare class SmartColumnMolecule<T> extends MatTextColumn<T> {
     text: string;
     copied(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule<any>, "molecules-smart-column", never, { "sort": "sort"; }, { "headerClick": "headerClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule<any>, "molecules-smart-column", never, { "sort": { "alias": "sort"; "required": false; }; }, { "headerClick": "headerClick"; }, never, never, true, never>;
 }

package/molecules/text-input-field/text-input-field.molecule.d.ts

@@ -1,13 +1,20 @@
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
+export declare class TextInputFieldMoleculeStore {
+    readonly appearance: 'outline' | 'fill';
+    readonly type: 'text' | 'number' | 'password';
+    readonly name?: string;
+    readonly label: string;
+    readonly control: FormControl<string | number>;
+    readonly placeholder = "placeholder";
+    readonly hint?: string;
+    readonly autoComplete: import("@angular/core").WritableSignal<number | string[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputFieldMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextInputFieldMoleculeStore, "molecules-text-input-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "control": { "alias": "control"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_autoComplete: any;
+}
 export declare class TextInputFieldMolecule {
-    appearance: 'outline' | 'fill';
-    type: 'text' | 'number' | 'password';
-    name?: string;
-    label: string;
-    control: FormControl<string | number>;
-    placeholder: string;
-    hint?: string;
+    protected store: TextInputFieldMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputFieldMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputFieldMolecule, "molecules-text-input-field", never, { "appearance": "appearance"; "type": "type"; "name": "name"; "label": "label"; "control": "control"; "placeholder": "placeholder"; "hint": "hint"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputFieldMolecule, "molecules-text-input-field", never, {}, {}, never, never, true, [{ directive: typeof TextInputFieldMoleculeStore; inputs: { "appearance": "appearance"; "type": "type"; "name": "name"; "label": "label"; "control": "control"; "placeholder": "placeholder"; "hint": "hint"; "autoComplete": "autoComplete"; }; outputs: {}; }]>;
 }

package/molecules/textarea-field/textarea-field.molecule.d.ts

@@ -14,5 +14,5 @@ export declare class TextareaFieldMolecule {
     action: EventEmitter<Action<any>>;
     protected onKeyup($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldMolecule, "molecules-textarea-field", never, { "label": "label"; "hint": "hint"; "placeholder": "placeholder"; "control": "control"; "rows": "rows"; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldMolecule, "molecules-textarea-field", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "control": { "alias": "control"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }

package/molecules/tree-column/tree-column.molecule.d.ts

@@ -10,5 +10,5 @@ export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     copied(): void;
     treeControl: FlatTreeControl<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, { "sort": "sort"; "treeControl": "treeControl"; }, { "headerClick": "headerClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, { "sort": { "alias": "sort"; "required": false; }; "treeControl": { "alias": "treeControl"; "required": false; }; }, { "headerClick": "headerClick"; }, never, never, true, never>;
 }

package/organisms/action-buttons-section/action-buttons-section.organism.d.ts

@@ -6,5 +6,5 @@ export declare class ActionButtonsSectionOrganism {
     action: EventEmitter<Action<any>>;
     trackById: (item: Action) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionButtonsSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionButtonsSectionOrganism, "organisms-action-buttons-section", never, { "actions": "actions"; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionButtonsSectionOrganism, "organisms-action-buttons-section", never, { "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }

package/organisms/action-input-section/action-input-section.organism.d.ts

@@ -0,0 +1,12 @@
+import { FormControl } from '@angular/forms';
+import { Action } from '@ng-atomic/common/models';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import * as i0 from "@angular/core";
+export declare class ActionInputSectionOrganism extends NgAtomicComponent {
+    control: FormControl<string | number>;
+    label: string;
+    placeholder: string;
+    actions: Action[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionInputSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionInputSectionOrganism, "organisms-action-input-section", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, {}, never, never, true, never>;
+}

package/organisms/action-input-section/index.d.ts

@@ -0,0 +1 @@
+export * from './action-input-section.organism';

package/organisms/card-input-section/card-input-section.organism.d.ts

@@ -5,5 +5,5 @@ export declare class CardInputSectionOrganism {
     label: string;
     placeholder: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardInputSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardInputSectionOrganism, "organisms-card-input-section", never, { "control": "control"; "label": "label"; "placeholder": "placeholder"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardInputSectionOrganism, "organisms-card-input-section", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }

package/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.d.ts

@@ -6,5 +6,5 @@ export declare class CvcAndExpInputSectionOrganism {
     monthOptions: Option<number>[];
     form: UntypedFormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<CvcAndExpInputSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CvcAndExpInputSectionOrganism, "organisms-cvc-and-exp-input-section", never, { "form": "form"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CvcAndExpInputSectionOrganism, "organisms-cvc-and-exp-input-section", never, { "form": { "alias": "form"; "required": false; }; }, {}, never, never, true, never>;
 }

package/organisms/date-input-section/date-input-section.organism.d.ts

@@ -6,5 +6,5 @@ export declare class DateInputSectionOrganism {
     label: string;
     placeholder: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputSectionOrganism, "organisms-date-input-section", never, { "control": "control"; "label": "label"; "placeholder": "placeholder"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputSectionOrganism, "organisms-date-input-section", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }

package/organisms/file-input-section/file-input-section.organism.d.ts

@@ -0,0 +1,20 @@
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+declare enum ActionId {
+    FILE_SELECTED = "[@ng-atomic/components/organisms/file-input-section] File selected",
+    CANCEL = "[@ng-atomic/components/organisms/file-input-section] Cancel"
+}
+export declare class FileInputSectionOrganism extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    control: FormControl<any>;
+    label: string;
+    placeholder: string;
+    hint?: string;
+    progress?: number;
+    protected onFileSelected(files: File[]): void;
+    protected onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputSectionOrganism, "organisms-file-input-section", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/organisms/file-input-section/index.d.ts

@@ -0,0 +1 @@
+export * from './file-input-section.organism';

package/organisms/filters-section/filters-section.organism.d.ts

@@ -15,5 +15,5 @@ export declare class FiltersSectionOrganism {
     protected addFilter(): void;
     protected removeFilter(i: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FiltersSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FiltersSectionOrganism, "organisms-filters-section", never, { "modifiable": "modifiable"; "form": "form"; "columns": "columns"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FiltersSectionOrganism, "organisms-filters-section", never, { "modifiable": { "alias": "modifiable"; "required": false; }; "form": { "alias": "form"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, {}, never, never, true, never>;
 }