@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1,21 +1,23 @@
 import { SelectionModel } from '@angular/cdk/collections';
-import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';
-import { EventEmitter, OnInit } from '@angular/core';
+import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class CheckboxColumnMolecule<T> implements OnInit {
+declare enum ActionId {
+    CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click"
+}
+export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
     private _table;
-    get name(): string;
-    set name(name: string);
-    _name: string;
-    selection: SelectionModel<string>;
-    checkboxClick: EventEmitter<T>;
-    columnDef: CdkColumnDef;
-    cell: CdkCellDef;
-    headerCell: CdkHeaderCellDef;
-    constructor(_table: CdkTable<T>);
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
+    readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
+    readonly cell: import("@angular/core").Signal<CdkCellDef>;
+    readonly headerCell: import("@angular/core").Signal<CdkHeaderCellDef>;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private _syncColumnDefName;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMolecule<any>, [{ optional: true; }]>;
-    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>;
+    protected onCheckboxClick(item: T, event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMolecule<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

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

@@ -1,25 +1,67 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { FormControl } from '@angular/forms';
 import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class ChipsInputFieldMolecule {
-    private cd;
-    chipsManager: ChipsManager;
+export interface ChipsInputMoleculeState {
     appearance: MatFormFieldAppearance;
     control: FormControl<string>;
-    floatLabel: string;
+    floatLabel: 'auto' | 'always' | 'never';
     label: string;
     hint: string;
     placeholder: string;
-    separators: readonly [13, 188, 32];
-    private readonly destroy$;
-    constructor(cd: ChangeDetectorRef, chipsManager: ChipsManager);
+    separators: readonly (typeof ENTER | typeof COMMA | typeof SPACE)[];
+}
+export declare class ChipsInputFieldMoleculeStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            appearance: string;
+            control: FormControl<string>;
+            floatLabel: string;
+            label: string;
+            hint: string;
+            placeholder: string;
+            separators: readonly [13, 188, 32];
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            appearance: string;
+            control: FormControl<string>;
+            floatLabel: string;
+            label: string;
+            hint: string;
+            placeholder: string;
+            separators: readonly [13, 188, 32];
+        }>;
+    };
+    protected readonly config: import("@angular/core").Signal<{
+        appearance: string;
+        control: FormControl<string>;
+        floatLabel: string;
+        label: string;
+        hint: string;
+        placeholder: string;
+        separators: readonly [13, 188, 32];
+    }>;
+    readonly appearance: import("@angular/core").InputSignal<string>;
+    readonly control: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly floatLabel: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly separators: import("@angular/core").InputSignal<readonly [13, 188, 32]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputFieldMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputFieldMoleculeStore, "molecules-chips-input-field", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ChipsInputFieldMolecule extends NgAtomicComponent {
+    private readonly destroyRef;
+    private readonly cd;
+    protected readonly chipsManager: ChipsManager;
+    protected store: ChipsInputFieldMoleculeStore;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    onChiInputTokenEnd(event: MatChipInputEvent): void;
-    remove(value: string): void;
+    protected onChiInputTokenEnd(event: MatChipInputEvent): void;
+    protected remove(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputFieldMolecule, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputFieldMolecule, "molecules-chips-input-field", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputFieldMoleculeStore; inputs: { "appearance": "appearance"; "control": "control"; "floatLabel": "floatLabel"; "label": "label"; "hint": "hint"; "placeholder": "placeholder"; "separators": "separators"; }; outputs: {}; }]>;
 }

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

@@ -1,13 +1,19 @@
 import { FormControl } from '@angular/forms';
+import { InjectableComponent } from '@ng-atomic/core';
 import dayjs from 'dayjs';
 import * as i0 from "@angular/core";
+export declare class DateInputFieldMoleculeStore extends InjectableComponent {
+    readonly control: import("@angular/core").InputSignal<FormControl<dayjs.Dayjs>>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<any>;
+    readonly toggle: import("@angular/core").InputSignal<boolean>;
+    readonly control$: import("rxjs").Observable<FormControl<dayjs.Dayjs>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateInputFieldMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateInputFieldMoleculeStore, "molecules-date-input-field", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class DateInputFieldMolecule {
-    protected readonly _control: FormControl<dayjs.Dayjs>;
-    control: FormControl<dayjs.Dayjs>;
-    label: string;
-    placeholder: string;
-    hint?: string;
-    ngOnInit(): void;
+    protected store: DateInputFieldMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputFieldMolecule, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputFieldMolecule, "molecules-date-input-field", never, {}, {}, never, never, true, [{ directive: typeof DateInputFieldMoleculeStore; inputs: { "control": "control"; "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "toggle": "toggle"; }; outputs: {}; }]>;
 }

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

@@ -0,0 +1,14 @@
+import { FormControl, FormGroup } from '@angular/forms';
+import dayjs from 'dayjs';
+import * as i0 from "@angular/core";
+export declare class DateRangeInputFieldMolecule {
+    control: FormGroup<{
+        start: FormControl<dayjs.Dayjs>;
+        end: FormControl<dayjs.Dayjs>;
+    }>;
+    label: string;
+    placeholder: string;
+    hint?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInputFieldMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputFieldMolecule, "molecules-date-range-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/date-range-input-field/index.d.ts

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

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

@@ -7,29 +7,37 @@ declare enum ActionId {
     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(): {
+export declare class FileInputFieldStore {
+    readonly control: import("@angular/core").InputSignal<FormControl<any>>;
+    readonly control$: import("rxjs").Observable<FormControl<any>>;
+    readonly controlValue$: import("rxjs").Observable<any>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly progress: import("@angular/core").InputSignal<number | false>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly appearance: import("@angular/core").InputSignal<"fill" | "outline">;
+    readonly _control: FormControl<string | number>;
+    constructor();
+    ngOnInit(): void;
+    readonly actions: import("@angular/core").Signal<{
         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;
+    }[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputFieldStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FileInputFieldStore, never, never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class FileInputFieldMolecule extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    protected readonly store: FileInputFieldStore;
+    protected readonly fileUpload: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputFieldMolecule, "molecules-file-input-field", never, {}, {}, never, never, true, [{ directive: typeof FileInputFieldStore; inputs: { "control": "control"; "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "progress": "progress"; "name": "name"; "appearance": "appearance"; }; outputs: {}; }]>;
 }
 export {};

package/molecules/grid-item/grid-item.molecule.d.ts

@@ -0,0 +1,13 @@
+import { NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+declare enum ActionId {
+    ITEM_CLICK = "[@ng-atomic/components/organisms/grid-cards-section] Item Click"
+}
+export declare class GridItemMolecule<T> extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    readonly item: import("@angular/core").InputSignal<T>;
+    protected onItemMenuClick(item: T, $event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridItemMolecule<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridItemMolecule<any>, "molecules-grid-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/molecules/grid-item/index.d.ts

@@ -0,0 +1 @@
+export * from './grid-item.molecule';

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

@@ -1,7 +1,13 @@
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class HeaderMolecule {
-    title: string;
-    description?: string;
+export declare class HeaderMoleculeStore extends InjectableComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderMoleculeStore, "molecules-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class HeaderMolecule extends NgAtomicComponent {
+    protected store: HeaderMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMolecule, "molecules-header", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMolecule, "molecules-header", never, {}, {}, never, never, true, [{ directive: typeof HeaderMoleculeStore; inputs: { "title": "title"; "description": "description"; }; outputs: {}; }]>;
 }

package/molecules/loading-box/index.d.ts

@@ -0,0 +1 @@
+export * from './loading-box.molecule';

package/molecules/loading-box/loading-box.molecule.d.ts

@@ -0,0 +1,23 @@
+import { InjectableComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class LoadingBoxMoleculeStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            loadingMessage: string;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            loadingMessage: string;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        loadingMessage: string;
+    }>;
+    readonly loadingMessage: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingBoxMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingBoxMoleculeStore, "molecules-loading-box", never, { "loadingMessage": { "alias": "loadingMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class LoadingBoxMolecule {
+    protected store: LoadingBoxMoleculeStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingBoxMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingBoxMolecule, "molecules-loading-box", never, {}, {}, never, never, true, [{ directive: typeof LoadingBoxMoleculeStore; inputs: { "loadingMessage": "loadingMessage"; }; outputs: {}; }]>;
+}

package/molecules/molecules.module.d.ts

@@ -1,13 +1,26 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/chips";
 export declare class NgAtomicMoleculesModule {
     static forRoot(): {
         ngModule: typeof NgAtomicMoleculesModule;
-        providers: {
+        providers: ({
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/chips-input-field").ChipsInputFieldMolecule>>;
+        } | import("@angular/core").Provider | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/header").HeaderMolecule>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/loading-box").LoadingBoxMolecule>>;
+        } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/navigation-list-item").NavigationListItemMolecule>>;
-        }[];
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/text-input-field").TextInputFieldMolecule>>;
+        })[];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicMoleculesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicMoleculesModule, never, never, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicMoleculesModule, never, [typeof i1.MatChipsModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicMoleculesModule>;
 }

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

@@ -1,15 +1,13 @@
-import { InjectionToken } from '@angular/core';
-import { InjectableComponent } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { Action } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class NavigationListItemMoleculeStore extends InjectableComponent {
-    static TOKEN: InjectionToken<unknown>;
-    _action: Action;
-    selected: boolean;
+    readonly action: import("@angular/core").InputSignal<Action<any>>;
+    readonly selected: import("@angular/core").InputSignal<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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationListItemMoleculeStore, "molecules-navigation-list-item", never, { "action": { "alias": "action"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class NavigationListItemMolecule {
+export declare class NavigationListItemMolecule extends NgAtomicComponent {
     protected store: NavigationListItemMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListItemMolecule, 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/select-input-field/select-input-field.molecule.d.ts

@@ -4,12 +4,19 @@ export interface Option<T> {
     name: string;
     value: T;
 }
+export declare class SelectInputFieldMoleculeStore<T> {
+    readonly control: import("@angular/core").InputSignal<FormControl<T>>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly appearance: import("@angular/core").InputSignal<"outline" | "fill">;
+    readonly options: import("@angular/core").InputSignal<Option<T>[]>;
+    readonly hint: import("@angular/core").InputSignal<any>;
+    readonly placeholder: import("@angular/core").InputSignal<any>;
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputFieldMoleculeStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectInputFieldMoleculeStore<any>, never, never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class SelectInputFieldMolecule<T> {
-    label: string;
-    appearance: 'outline' | 'fill';
-    control: FormControl<T>;
-    options: Option<T>[];
-    value: (item: Option<T>) => T;
+    protected readonly store: SelectInputFieldMoleculeStore<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputFieldMolecule<any>, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputFieldMolecule<any>, "molecules-select-input-field", never, {}, {}, never, never, true, [{ directive: typeof SelectInputFieldMoleculeStore; inputs: { "control": "control"; "label": "label"; "appearance": "appearance"; "options": "options"; "hint": "hint"; "placeholder": "placeholder"; "multiple": "multiple"; }; outputs: {}; }]>;
 }

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

@@ -1,11 +1,26 @@
+import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
 import { EventEmitter } from '@angular/core';
-import { MatTextColumn } from '@angular/material/table';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class SmartColumnMolecule<T> extends MatTextColumn<T> {
-    sort: 'asc' | 'desc' | 'none';
+export declare class SmartColumnTemplateStore<T> {
+    readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
+    readonly tooltipText: import("@angular/core").WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnTemplateStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SmartColumnTemplateStore<any>, never, never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class SmartColumnMolecule<T> extends NgAtomicComponent {
+    protected store: SmartColumnTemplateStore<any>;
+    private _table;
+    readonly headerText: import("@angular/core").InputSignal<string>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
+    readonly cell: import("@angular/core").Signal<CdkCellDef>;
+    readonly headerCell: import("@angular/core").Signal<CdkHeaderCellDef>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     headerClick: EventEmitter<void>;
-    text: string;
-    copied(): void;
+    protected copied(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule<any>, "molecules-smart-column", never, { "sort": { "alias": "sort"; "required": false; }; }, { "headerClick": "headerClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule<any>, "molecules-smart-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; }, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof SmartColumnTemplateStore; inputs: { "sort": "sort"; }; outputs: {}; }]>;
 }

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

@@ -1,20 +1,21 @@
 import { FormControl } from '@angular/forms';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 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[]>;
+export declare class TextInputFieldMoleculeStore extends InjectableComponent {
+    readonly appearance: import("@angular/core").InputSignal<"outline" | "fill">;
+    readonly type: import("@angular/core").InputSignal<"number" | "text" | "password">;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly control: import("@angular/core").InputSignal<FormControl<string | number>>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly pattern: import("@angular/core").InputSignal<string>;
+    readonly autoComplete: import("@angular/core").InputSignal<(string | number)[]>;
     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;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextInputFieldMoleculeStore, "molecules-text-input-field", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "autoComplete": { "alias": "autoComplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class TextInputFieldMolecule {
+export declare class TextInputFieldMolecule extends NgAtomicComponent {
     protected store: TextInputFieldMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputFieldMolecule, 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: {}; }]>;
+    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"; "pattern": "pattern"; }; outputs: {}; }]>;
 }

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

@@ -1,18 +1,24 @@
-import { EventEmitter } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { Action } from '@ng-atomic/core';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare enum ActionId {
     CTRL_ENTER_KEY_UP = "Ctrl Enter Key Up"
 }
-export declare class TextareaFieldMolecule {
-    label: string;
-    hint?: string;
-    placeholder: string;
-    control: FormControl<string>;
-    rows: number;
-    action: EventEmitter<Action<any>>;
+export declare class TextareaFieldMoleculeStore {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly appearance: import("@angular/core").InputSignal<"legacy" | "standard" | "fill" | "outline">;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly floatLabel: import("@angular/core").InputSignal<"auto" | "always" | "never">;
+    readonly control: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly rows: import("@angular/core").InputSignal<number>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaFieldMoleculeStore, "molecules-textarea-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TextareaFieldMolecule extends NgAtomicComponent {
+    protected readonly store: TextareaFieldMoleculeStore;
     protected onKeyup($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldMolecule, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldMolecule, "molecules-textarea-field", never, {}, {}, never, never, true, [{ directive: typeof TextareaFieldMoleculeStore; inputs: { "label": "label"; "appearance": "appearance"; "hint": "hint"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "control": "control"; "rows": "rows"; }; outputs: {}; }]>;
 }

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

@@ -2,13 +2,18 @@ import { EventEmitter } from '@angular/core';
 import { MatTextColumn } from '@angular/material/table';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import * as i0 from "@angular/core";
+export declare class TreeColumnMoleculeStore {
+    readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
+    readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
-    sort: 'asc' | 'desc' | 'none';
+    protected store: TreeColumnMoleculeStore;
     headerClick: EventEmitter<void>;
     text: string;
     get key(): string;
     copied(): void;
-    treeControl: FlatTreeControl<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMolecule<any>, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "sort": "sort"; "treeControl": "treeControl"; }; outputs: {}; }]>;
 }

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

@@ -1,10 +1,13 @@
-import { EventEmitter } from '@angular/core';
-import { Action } from '@ng-atomic/core';
+import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class ActionButtonsSectionOrganism {
-    actions: Action[];
-    action: EventEmitter<Action<any>>;
-    trackById: (item: Action) => string;
+export declare class ActionButtonsSectionOrganismStore extends InjectableComponent {
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly type: import("@angular/core").InputSignal<"basic" | "raised" | "stroked" | "flat" | "icon" | "fab" | "mini-fab">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionButtonsSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionButtonsSectionOrganismStore, "organisms-action-buttons-section", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ActionButtonsSectionOrganism extends NgAtomicComponent {
+    protected store: ActionButtonsSectionOrganismStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionButtonsSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionButtonsSectionOrganism, "organisms-action-buttons-section", never, { "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionButtonsSectionOrganism, "organisms-action-buttons-section", never, {}, {}, never, never, true, [{ directive: typeof ActionButtonsSectionOrganismStore; inputs: { "actions": "actions"; "type": "type"; }; outputs: {}; }]>;
 }

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

@@ -1,12 +1,18 @@
 import { FormControl } from '@angular/forms';
-import { Action } from '@ng-atomic/core';
+import { Action, InjectableComponent } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
+export declare class ActionInputSectionOrganismStore extends InjectableComponent {
+    readonly control: import("@angular/core").InputSignal<FormControl<string | number>>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly hint: import("@angular/core").InputSignal<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionInputSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionInputSectionOrganismStore, "organisms-action-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class ActionInputSectionOrganism extends NgAtomicComponent {
-    control: FormControl<string | number>;
-    label: string;
-    placeholder: string;
-    actions: Action[];
+    protected readonly store: ActionInputSectionOrganismStore;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionInputSectionOrganism, "organisms-action-input-section", never, {}, {}, never, never, true, [{ directive: typeof ActionInputSectionOrganismStore; inputs: { "control": "control"; "label": "label"; "placeholder": "placeholder"; "actions": "actions"; "hint": "hint"; }; outputs: {}; }]>;
 }

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

@@ -0,0 +1,17 @@
+import { TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { InjectableComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class AgreementInputSectionOrganismStore extends InjectableComponent {
+    readonly control: import("@angular/core").InputSignal<FormControl<boolean>>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly labelTemp: import("@angular/core").InputSignal<TemplateRef<any>>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgreementInputSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AgreementInputSectionOrganismStore, "organisms-agreement-input-section-store", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelTemp": { "alias": "labelTemp"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class AgreementInputSectionOrganism {
+    protected readonly store: AgreementInputSectionOrganismStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgreementInputSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AgreementInputSectionOrganism, "organisms-agreement-input-section", never, {}, {}, never, ["*"], true, [{ directive: typeof AgreementInputSectionOrganismStore; inputs: { "control": "control"; "label": "label"; "labelTemp": "labelTemp"; }; outputs: {}; }]>;
+}

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

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