@ng-atomic/components 16.2.0 → 16.3.1

package/frames/app/app.frame.d.ts

@@ -0,0 +1,107 @@
+import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+declare enum ActionId {
+    SIGN_IN_WITH_GOOGLE = "[@temokari/scheduler] Sign In With Google",
+    NAVIGATE = "[@temokari/scheduler] Navigate",
+    SIGN_OUT = "[@temokari/scheduler] Sign Out"
+}
+export declare class AppFrameStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            fabActions: any[];
+            fabHide: boolean;
+            isEntrance: boolean;
+            isLoading: boolean;
+            sideAppOpened: boolean;
+            title: string;
+            form: import("@angular/forms").FormGroup<{}>;
+            entranceActions: {
+                id: ActionId;
+                name: string;
+                icon: string;
+            }[];
+            sideNavActions: {
+                id: ActionId;
+                name: string;
+                icon: string;
+            }[];
+            sideNavMode: "collapsed" | "expanded";
+            sideAppOutletName: string;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            fabActions: any[];
+            fabHide: boolean;
+            isEntrance: boolean;
+            isLoading: boolean;
+            sideAppOpened: boolean;
+            title: string;
+            form: import("@angular/forms").FormGroup<{}>;
+            entranceActions: {
+                id: ActionId;
+                name: string;
+                icon: string;
+            }[];
+            sideNavActions: {
+                id: ActionId;
+                name: string;
+                icon: string;
+            }[];
+            sideNavMode: "collapsed" | "expanded";
+            sideAppOutletName: string;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        fabActions: any[];
+        fabHide: boolean;
+        isEntrance: boolean;
+        isLoading: boolean;
+        sideAppOpened: boolean;
+        title: string;
+        form: import("@angular/forms").FormGroup<{}>;
+        entranceActions: {
+            id: ActionId;
+            name: string;
+            icon: string;
+        }[];
+        sideNavActions: {
+            id: ActionId;
+            name: string;
+            icon: string;
+        }[];
+        sideNavMode: "collapsed" | "expanded";
+        sideAppOutletName: string;
+    }>;
+    readonly isLoading: import("@angular/core").InputSignal<boolean>;
+    readonly isEntrance: import("@angular/core").InputSignal<boolean>;
+    readonly sideAppOpened: import("@angular/core").InputSignal<boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly form: import("@angular/core").InputSignal<import("@angular/forms").FormGroup<{}>>;
+    readonly entranceActions: import("@angular/core").InputSignal<{
+        id: ActionId;
+        name: string;
+        icon: string;
+    }[]>;
+    readonly sideNavActions: import("@angular/core").InputSignal<{
+        id: ActionId;
+        name: string;
+        icon: string;
+    }[]>;
+    readonly sideNavMode: import("@angular/core").InputSignal<"collapsed" | "expanded">;
+    readonly sideAppOutletName: import("@angular/core").InputSignal<string>;
+    readonly fabActions: import("@angular/core").InputSignal<any[]>;
+    readonly fabHide: import("@angular/core").InputSignal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppFrameStore, "frames-app", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isEntrance": { "alias": "isEntrance"; "required": false; "isSignal": true; }; "sideAppOpened": { "alias": "sideAppOpened"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "entranceActions": { "alias": "entranceActions"; "required": false; "isSignal": true; }; "sideNavActions": { "alias": "sideNavActions"; "required": false; "isSignal": true; }; "sideNavMode": { "alias": "sideNavMode"; "required": false; "isSignal": true; }; "sideAppOutletName": { "alias": "sideAppOutletName"; "required": false; "isSignal": true; }; "fabActions": { "alias": "fabActions"; "required": false; "isSignal": true; }; "fabHide": { "alias": "fabHide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class AppFrame extends NgAtomicComponent {
+    protected store: AppFrameStore;
+    readonly platformId: Object;
+    protected isPlatformServer(): boolean;
+    protected isPlatformBrowser(): boolean;
+    dispatch(action: Action<any>, scope?: string, componentId?: string | number): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppFrame, "frames-app", never, {}, {}, never, never, true, [{ directive: typeof AppFrameStore; inputs: {}; outputs: {}; }]>;
+}
+export {};

package/frames/app/index.d.ts

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

package/frames/columns/columns.frame.d.ts

@@ -0,0 +1,54 @@
+import { TemplateRef } from '@angular/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class ColumnsFrameStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            type: "row" | "column";
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            type: "row" | "column";
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        type: "row" | "column";
+    }>;
+    readonly type: import("@angular/core").InputSignal<"row" | "column">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsFrameStore, "frames-columns", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class LeftColumn {
+    readonly platformId: Object;
+    readonly isPlatformBrowser: boolean;
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LeftColumn, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LeftColumn, "[left], [leftColumn]", never, {}, {}, never, never, true, never>;
+}
+export declare class MainColumn {
+    readonly platformId: Object;
+    readonly isPlatformBrowser: boolean;
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainColumn, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainColumn, "[main], [mainColumn]", never, {}, {}, never, never, true, never>;
+}
+export declare class RightColumn {
+    readonly platformId: Object;
+    readonly isPlatformBrowser: boolean;
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RightColumn, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RightColumn, "[right], [rightColumn]", never, {}, {}, never, never, true, never>;
+}
+export declare class ColumnsFrame extends NgAtomicComponent {
+    protected readonly platformId: Object;
+    protected readonly store: ColumnsFrameStore;
+    protected readonly left: import("@angular/core").Signal<LeftColumn>;
+    protected readonly main: import("@angular/core").Signal<MainColumn>;
+    protected readonly right: import("@angular/core").Signal<RightColumn>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsFrame, "frames-columns", never, {}, {}, ["left", "main", "right"], never, true, [{ directive: typeof ColumnsFrameStore; inputs: { "type": "type"; }; outputs: {}; }]>;
+}
+export declare class ColumnsFrameModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsFrameModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnsFrameModule, never, [typeof ColumnsFrame, typeof LeftColumn, typeof MainColumn, typeof RightColumn], [typeof ColumnsFrame, typeof LeftColumn, typeof MainColumn, typeof RightColumn]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColumnsFrameModule>;
+}

package/frames/columns/index.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, Signal } from '@angular/core';
 import { CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
@@ -11,14 +11,14 @@ export declare class DividerFrame extends NgAtomicComponent {
     static ActionId: typeof ActionId;
     private el;
     protected firstContentHeight: number;
-    protected distance: {
-        x: number;
-        y: number;
-    };
-    divider: ElementRef<HTMLElement>;
+    readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
+    readonly divider: Signal<ElementRef<HTMLDivElement>>;
     protected onDragStart($event: CdkDragStart): void;
     protected onDragMoved($event: CdkDragMove): void;
     protected onDragEnd($event: CdkDragMove): void;
+    setFirstContentHeight(height: number, unit?: 'px' | '%', { animate }?: {
+        animate?: boolean;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DividerFrame, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DividerFrame, "frames-divider", never, {}, {}, never, ["[first]", "[second]"], true, never>;
 }

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

@@ -1,12 +1,15 @@
-import { AfterViewInit } from '@angular/core';
-import { MatDrawer } from '@angular/material/sidenav';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class DrawerFrame implements AfterViewInit {
-    drawer: MatDrawer;
-    private _isOpen;
-    set isOpen(_isOpen: boolean);
-    get isOpen(): boolean;
-    ngAfterViewInit(): void;
+export declare class DrawerFrameStore extends InjectableComponent {
+    readonly opened: import("@angular/core").InputSignal<boolean>;
+    readonly mode: import("@angular/core").InputSignal<"side" | "over" | "push">;
+    readonly hasBackdrop: import("@angular/core").InputSignal<boolean>;
+    readonly position: import("@angular/core").InputSignal<"start" | "end">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrawerFrameStore, "frames-drawer", never, { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class DrawerFrame extends NgAtomicComponent {
+    readonly store: DrawerFrameStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerFrame, "frames-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; }; }, {}, never, ["[drawer]", "[contents]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerFrame, "frames-drawer", never, {}, {}, never, ["[drawer]", "[contents]"], true, [{ directive: typeof DrawerFrameStore; inputs: { "opened": "opened"; "mode": "mode"; "hasBackdrop": "hasBackdrop"; "position": "position"; }; outputs: {}; }]>;
 }

package/frames/entrance/entrance.frame.d.ts

@@ -0,0 +1,19 @@
+import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class EntranceFrameStore extends InjectableComponent {
+    readonly isEntrance: import("@angular/core").InputSignal<boolean>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly form: import("@angular/core").InputSignal<FormGroup<{
+        email: FormControl<string>;
+        password: FormControl<string>;
+    }>>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntranceFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EntranceFrameStore, never, never, { "isEntrance": { "alias": "isEntrance"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class EntranceFrame extends NgAtomicComponent {
+    protected store: EntranceFrameStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntranceFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntranceFrame, "frames-entrance", never, {}, {}, never, ["*"], true, [{ directive: typeof EntranceFrameStore; inputs: { "isEntrance": "isEntrance"; "actions": "actions"; "form": "form"; "title": "title"; }; outputs: {}; }]>;
+}

package/frames/entrance/index.d.ts

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

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

@@ -2,9 +2,29 @@ import { Action } from '@ng-atomic/core';
 import { FabService } from './fab.service';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
+export declare class FabFrameStore {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            actions: Action<any>[];
+            hide: boolean;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            actions: Action<any>[];
+            hide: boolean;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        actions: Action<any>[];
+        hide: boolean;
+    }>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly hide: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FabFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FabFrameStore, "frames-fab", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "hide": { "alias": "hide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class FabFrame extends NgAtomicComponent {
     protected fab: FabService;
-    actions: Action[];
+    protected store: FabFrameStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<FabFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FabFrame, "frames-fab", never, { "actions": { "alias": "actions"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FabFrame, "frames-fab", never, {}, {}, never, ["*"], true, [{ directive: typeof FabFrameStore; inputs: { "actions": "actions"; "hide": "hide"; }; outputs: {}; }]>;
 }

package/frames/frames.module.d.ts

@@ -1,8 +1,27 @@
+import { SideNavFrame } from '@ng-atomic/components/frames/side-nav';
 import * as i0 from "@angular/core";
 export declare class NgAtomicFramesModule {
     static forRoot(): {
         ngModule: typeof NgAtomicFramesModule;
-        providers: any[];
+        providers: (import("@angular/core").Provider | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/app").AppFrame>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/columns").ColumnsFrame>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/fab").FabFrame>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/drawer").DrawerFrame>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<SideNavFrame>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/router-outlet").RouterOutletFrame>>;
+        })[];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicFramesModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicFramesModule, never, never, never>;

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

@@ -1 +1,2 @@
 export * from './line-up.frame';
+export * from './line-up.service';

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

@@ -1,38 +1,27 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export interface LineUpFrameEntry {
-    type: 'add' | 'remove';
-    scope: string;
-    index: number;
-    mainWidth?: number;
-}
-export declare class LineUpFrameService {
-    frames: LineUpFrame[];
-    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;
-    isFirst(frame: LineUpFrame): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrameService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LineUpFrameService>;
+export declare class LineUpFrameStore {
+    readonly scope: import("@angular/core").InputSignal<string>;
+    readonly hasNext: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LineUpFrameStore, "frames-line-up", never, { "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "hasNext": { "alias": "hasNext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class LineUpFrame implements OnInit, OnDestroy {
+    protected store: LineUpFrameStore;
     private service;
     private el;
-    hasNext: boolean;
-    scope: string;
-    protected mainEl: ElementRef;
+    private platformId;
+    readonly resizeWindow$: import("rxjs").Observable<Event>;
+    readonly elWidth$: import("rxjs").Observable<any>;
+    readonly main: import("@angular/core").Signal<ElementRef<any>>;
+    readonly main$: import("rxjs").Observable<ElementRef<any>>;
     readonly mainWidth$: import("rxjs").Observable<any>;
-    readonly width$: import("rxjs").Observable<number>;
-    get index(): number;
+    readonly allWidth$: import("rxjs").Observable<number>;
+    readonly delta$: import("rxjs").Observable<number>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    protected setTranslateX(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrame, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineUpFrame, "frames-line-up", never, {}, {}, never, ["[main]", "[next]"], true, [{ directive: typeof LineUpFrameStore; inputs: { "scope": "scope"; "hasNext": "hasNext"; }; outputs: {}; }]>;
 }

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

@@ -0,0 +1,22 @@
+import { LineUpFrame } from "./line-up.frame";
+import * as i0 from "@angular/core";
+interface State {
+    [scope: string]: {
+        frames: LineUpFrame[];
+        sizeMap: Record<number, number>;
+    };
+}
+export declare class LineUpFrameService {
+    readonly sizeMap: import("@angular/core").WritableSignal<State>;
+    readonly sizeMap$: import("rxjs").Observable<State>;
+    register(frame: LineUpFrame, scope: string): void;
+    update(frame: LineUpFrame, mainWidth: number, scope: string): void;
+    unregister(frame: LineUpFrame, scope: string): void;
+    findIndex(frame: LineUpFrame, scope: string): number;
+    isFirst(frame: LineUpFrame, scope: string): boolean;
+    getSizeMap(scope: string): Record<number, number>;
+    getFollowingWidth(scope: string, frame: LineUpFrame): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrameService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LineUpFrameService>;
+}
+export {};

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

@@ -1,6 +1,12 @@
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class LoadingFrame {
-    isLoading: boolean;
+export declare class LoadingFrameStore {
+    readonly isLoading: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingFrameStore, "frames-loading", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class LoadingFrame extends NgAtomicComponent {
+    protected store: LoadingFrameStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingFrame, "frames-loading", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingFrame, "frames-loading", never, {}, {}, never, ["*"], true, [{ directive: typeof LoadingFrameStore; inputs: { "isLoading": "isLoading"; }; outputs: {}; }]>;
 }

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

@@ -1,6 +1,11 @@
 import * as i0 from "@angular/core";
+export declare class OverlayFrameStore {
+    readonly hasNext: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayFrameStore, "frames-overlay", never, { "hasNext": { "alias": "hasNext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class OverlayFrame {
-    hasNext: boolean;
+    protected readonly store: OverlayFrameStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayFrame, "frames-overlay", never, { "hasNext": { "alias": "hasNext"; "required": false; }; }, {}, never, ["[main]", "[next]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayFrame, "frames-overlay", never, {}, {}, never, ["[main]", "[next]"], true, [{ directive: typeof OverlayFrameStore; inputs: { "hasNext": "hasNext"; }; outputs: {}; }]>;
 }

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

@@ -1,14 +1,35 @@
 import { RouterOutlet } from '@angular/router';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 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 RouterOutletFrameStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            frame: "overlay" | "lineup";
+            name: string;
+            isActivated: (outlet: RouterOutlet) => boolean;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            frame: "overlay" | "lineup";
+            name: string;
+            isActivated: (outlet: RouterOutlet) => boolean;
+        }>;
+    };
+    static provideExperimental(): import("@angular/core").Provider;
+    readonly config: import("@angular/core").Signal<{
+        frame: "overlay" | "lineup";
+        name: string;
+        isActivated: (outlet: RouterOutlet) => boolean;
+    }>;
+    readonly frame: import("@angular/core").InputSignal<"overlay" | "lineup">;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly isActivated: import("@angular/core").InputSignal<(outlet: RouterOutlet) => boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RouterOutletFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterOutletFrameStore, "frames-router-outlet", never, { "frame": { "alias": "frame"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "isActivated": { "alias": "isActivated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class RouterOutletFrame {
-    outlet: RouterOutlet;
-    frame: import("@angular/core").Signal<"lineup" | "overlay">;
+export declare class RouterOutletFrame extends NgAtomicComponent {
+    protected store: RouterOutletFrameStore;
+    readonly outlet: import("@angular/core").Signal<RouterOutlet>;
+    readonly isActivated: import("@angular/core").Signal<boolean>;
     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;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RouterOutletFrame, "frames-router-outlet", never, {}, {}, never, ["*"], true, [{ directive: typeof RouterOutletFrameStore; inputs: { "frame": "frame"; "name": "name"; }; outputs: {}; }]>;
 }

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

@@ -1,5 +1,9 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScrollFrame {
+    protected contents: ElementRef<HTMLDivElement>;
+    isScrollBottom(): boolean;
+    scrollToBottom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollFrame, "frames-scroll", never, {}, {}, never, ["[top]", "[contents]", "[bottom]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollFrame, "frames-scroll", never, {}, {}, never, ["[top]", "*", "[bottom]"], true, never>;
 }

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

@@ -1,22 +1,43 @@
-import { InjectionToken, Signal } from '@angular/core';
+import { WritableSignal } from '@angular/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
-import { Action } from '@ng-atomic/core';
 import { InjectableComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
+export declare function injectSideNavMode(): WritableSignal<'collapsed' | 'expanded'>;
 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 readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            actions: any[];
+            menuType: string;
+            menuTitle: string;
+            mode: string;
+            frameType: "drawer" | "lineup";
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            actions: any[];
+            menuType: string;
+            menuTitle: string;
+            mode: string;
+            frameType: "drawer" | "lineup";
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        actions: any[];
+        menuType: string;
+        menuTitle: string;
+        mode: string;
+        frameType: "drawer" | "lineup";
+    }>;
+    readonly actions: import("@angular/core").InputSignal<any[]>;
+    readonly menuType: import("@angular/core").InputSignal<string>;
+    readonly menuTitle: import("@angular/core").InputSignal<string>;
+    readonly mode: import("@angular/core").InputSignal<string>;
+    readonly frameType: import("@angular/core").InputSignal<"drawer" | "lineup">;
+    get attrFrame(): "drawer" | "lineup";
     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;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SideNavFrameStore, "frames-side-nav", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "menuType": { "alias": "menuType"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "frameType": { "alias": "frameType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 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: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavFrame, "frames-side-nav", never, {}, {}, never, ["*"], true, [{ directive: typeof SideNavFrameStore; inputs: { "actions": "actions"; "menuType": "menuType"; "menuTitle": "menuTitle"; "mode": "mode"; "frameType": "frameType"; }; outputs: {}; }]>;
 }

package/frames/tabs/index.d.ts

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

package/frames/tabs/tabs.frame.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, QueryList } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TabsFrame {
+    tabContents: QueryList<ElementRef>;
+    tabs: any[];
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsFrame, "frames-tabs", never, {}, {}, ["tabContents"], never, true, never>;
+}

package/frames/toggle/index.d.ts

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

package/frames/toggle/toggle.frame.d.ts

@@ -0,0 +1,9 @@
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import { Action, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class ToggleFrame extends NgAtomicComponent {
+    actions: Action[];
+    protected onChange($event: MatButtonToggleChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleFrame, "frames-toggle", never, { "actions": { "alias": "actions"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -1,22 +1,22 @@
-import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions } from '@angular/cdk/table';
-import { EventEmitter } from '@angular/core';
-import { Action, Actions } from '@ng-atomic/core';
+import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class ActionsColumnMolecule<T> {
+export declare class ActionsColumnMoleculeStore extends InjectableComponent {
+    readonly headerText: import("@angular/core").InputSignal<string>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly itemActions: import("@angular/core").InputSignal<Actions>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMoleculeStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionsColumnMoleculeStore, never, never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ActionsColumnMolecule<T> extends NgAtomicComponent {
     private _table;
-    private _options;
-    get name(): string;
-    set name(name: string);
-    _name: string;
-    itemActions: Actions;
-    action: EventEmitter<Action<any>>;
-    columnDef: CdkColumnDef;
-    cell: CdkCellDef;
-    headerCell: CdkHeaderCellDef;
-    constructor(_table: CdkTable<T>, _options: TextColumnOptions<T>);
+    protected store: ActionsColumnMoleculeStore;
+    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<ActionsColumnMolecule<any>, [{ optional: true; }, { optional: true; }]>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMolecule<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule<any>, "molecules-actions-column", never, {}, {}, never, never, true, [{ directive: typeof ActionsColumnMoleculeStore; inputs: { "headerText": "headerText"; "name": "name"; "itemActions": "itemActions"; }; outputs: {}; }]>;
 }