@ng-atomic/components 19.0.0-preview.8 → 19.1.1

package/frames/app/index.d.ts

@@ -1 +1,253 @@
-export * from './app.frame';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import * as _angular_core from '@angular/core';
+import * as _ng_atomic_core from '@ng-atomic/core';
+import { Action, InjectableComponent, Actions, NgAtomicComponent } from '@ng-atomic/core';
+import { NavigationExtras } from '@angular/router';
+import { AbstractControl } from '@angular/forms';
+
+declare enum ActionId {
+    SIGN_IN_WITH_GOOGLE = "[@ng-atomic/components:frames/app] Sign In With Google",
+    SIGN_IN_WITH_TWITTER = "[@ng-atomic/components:frames/app] Sign In With Twitter",
+    SIGN_IN_WITH_MICROSOFT = "[@ng-atomic/components:frames/app] Sign In With Microsoft",
+    SIGN_IN_WITH_EMAIL = "[@ng-atomic/components:frames/app] Sign In With Email",
+    SIGN_UP_WITH_EMAIL = "[@ng-atomic/components:frames/app] Sign Up With Email",
+    BACK = "[@ng-atomic/components:frames/app] Back",
+    NAVIGATE = "[@ng-atomic/components:frames/app] Navigate",
+    SIGN_OUT = "[@ng-atomic/components:frames/app] Sign Out",
+    NAVIGATE_SIDE_APP = "[@ng-atomic/components:frames/app] Navigate Side App",
+    OPEN_SIDE_APP = "[@ng-atomic/components:frames/app] Open Side App"
+}
+declare function createNavigateAction(commands: any[], extras?: NavigationExtras, meta?: Partial<Action>): Action;
+declare const buildNavigationAction: typeof createNavigateAction;
+declare class AppFrameStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly DI: {
+        provide: (typeOrComponent: Parameters<(typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        }>[0]) => (_angular_core.Provider | {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        })[];
+        provideConfig: (useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            fabActions: any[];
+            fabHide: boolean;
+            isEntrance: boolean;
+            isLoading: boolean;
+            isProgress: boolean;
+            sideAppOpened: boolean;
+            title: string;
+            form: AbstractControl;
+            entranceActions: Actions;
+            sideNavActions: Actions;
+            sideNavBottomActions: any[];
+            sideNavMode: "expanded" | "collapsed";
+            sideNavMenuType: "menu" | "icon-button-menu";
+            sideNavMenuTitle: string;
+            sideNavIconButtonMenuTopPadding: string;
+            sideAppOutletName: string;
+            sideAppWidth: string;
+            sideAppResizable: boolean;
+            breadcrumbItems: any[];
+            appBar: boolean;
+        }>, label?: string) => _angular_core.Provider;
+        injectConfig: () => _angular_core.Signal<{
+            fabActions: any[];
+            fabHide: boolean;
+            isEntrance: boolean;
+            isLoading: boolean;
+            isProgress: boolean;
+            sideAppOpened: boolean;
+            title: string;
+            form: AbstractControl;
+            entranceActions: Actions;
+            sideNavActions: Actions;
+            sideNavBottomActions: any[];
+            sideNavMode: "expanded" | "collapsed";
+            sideNavMenuType: "menu" | "icon-button-menu";
+            sideNavMenuTitle: string;
+            sideNavIconButtonMenuTopPadding: string;
+            sideAppOutletName: string;
+            sideAppWidth: string;
+            sideAppResizable: boolean;
+            breadcrumbItems: any[];
+            appBar: boolean;
+        }>;
+        provideInitializer: <SI extends (store: AppFrameStore) => Promise<void> | void>(initializer: SI) => {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => AppFrameStore;
+                initializer: (store: AppFrameStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        initialize: (store: AppFrameStore) => Promise<void>;
+        provideComponent: (typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        };
+        Initializer: {
+            provide<SI extends (store: AppFrameStore) => Promise<void> | void>(initializer: SI): {
+                provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+                useValue: {
+                    key: new () => AppFrameStore;
+                    initializer: (store: AppFrameStore) => Promise<void> | void;
+                };
+                multi: boolean;
+            }[];
+            inject(): ((store: AppFrameStore) => Promise<void> | void)[];
+            initializeStore(store: AppFrameStore): Promise<void>;
+        };
+        Config: {
+            provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+                fabActions: any[];
+                fabHide: boolean;
+                isEntrance: boolean;
+                isLoading: boolean;
+                isProgress: boolean;
+                sideAppOpened: boolean;
+                title: string;
+                form: AbstractControl;
+                entranceActions: Actions;
+                sideNavActions: Actions;
+                sideNavBottomActions: any[];
+                sideNavMode: "expanded" | "collapsed";
+                sideNavMenuType: "menu" | "icon-button-menu";
+                sideNavMenuTitle: string;
+                sideNavIconButtonMenuTopPadding: string;
+                sideAppOutletName: string;
+                sideAppWidth: string;
+                sideAppResizable: boolean;
+                breadcrumbItems: any[];
+                appBar: boolean;
+            }>, label?: string): _angular_core.Provider;
+            inject(): _angular_core.Signal<{
+                fabActions: any[];
+                fabHide: boolean;
+                isEntrance: boolean;
+                isLoading: boolean;
+                isProgress: boolean;
+                sideAppOpened: boolean;
+                title: string;
+                form: AbstractControl;
+                entranceActions: Actions;
+                sideNavActions: Actions;
+                sideNavBottomActions: any[];
+                sideNavMode: "expanded" | "collapsed";
+                sideNavMenuType: "menu" | "icon-button-menu";
+                sideNavMenuTitle: string;
+                sideNavIconButtonMenuTopPadding: string;
+                sideAppOutletName: string;
+                sideAppWidth: string;
+                sideAppResizable: boolean;
+                breadcrumbItems: any[];
+                appBar: boolean;
+            }>;
+        };
+    };
+    static provideAppServiceConfig: () => _angular_core.Provider;
+    static provideIconButtonMenuAsDefaultConfig(): _angular_core.Provider[];
+    static Initializer: {
+        provide<SI extends (store: AppFrameStore) => Promise<void> | void>(initializer: SI): {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => AppFrameStore;
+                initializer: (store: AppFrameStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: AppFrameStore) => Promise<void> | void)[];
+        initializeStore(store: AppFrameStore): Promise<void>;
+    };
+    static provideInitializer: <SI extends (store: AppFrameStore) => Promise<void> | void>(initializer: SI) => {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => AppFrameStore;
+            initializer: (store: AppFrameStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideExpandSideAppOnInit(): {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => AppFrameStore;
+            initializer: (store: AppFrameStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideSideNavActionsInitializer(actionsFactory: () => Action[]): {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => AppFrameStore;
+            initializer: (store: AppFrameStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideNavigateEffect(): _angular_core.Provider;
+    static provideNavigateSideAppEffect(): _angular_core.Provider;
+    static provideSignOutEffect(): _angular_core.Provider;
+    static provideOpenSideAppEffect(): _angular_core.Provider;
+    static provideCloseSideAppEffect(): _angular_core.Provider;
+    static provideSignUpWithEmailEffect(): _angular_core.Provider;
+    static provideSignInWithEmailEffect(): _angular_core.Provider;
+    static provideSignInWithGoogleEffect(): _angular_core.Provider;
+    static provideSignInWithTwitterEffect(): _angular_core.Provider;
+    static provideDefaultEffects(): _angular_core.Provider[];
+    static provideDefault(): _angular_core.Provider[];
+    static injectNavActionFactory(): (commands: any[], name: string) => Action<any>;
+    readonly config: _angular_core.Signal<{
+        fabActions: any[];
+        fabHide: boolean;
+        isEntrance: boolean;
+        isLoading: boolean;
+        isProgress: boolean;
+        sideAppOpened: boolean;
+        title: string;
+        form: AbstractControl;
+        entranceActions: Actions;
+        sideNavActions: Actions;
+        sideNavBottomActions: any[];
+        sideNavMode: "expanded" | "collapsed";
+        sideNavMenuType: "menu" | "icon-button-menu";
+        sideNavMenuTitle: string;
+        sideNavIconButtonMenuTopPadding: string;
+        sideAppOutletName: string;
+        sideAppWidth: string;
+        sideAppResizable: boolean;
+        breadcrumbItems: any[];
+        appBar: boolean;
+    }>;
+    readonly isLoading: _angular_core.InputSignal<boolean>;
+    readonly isProgress: _angular_core.InputSignal<boolean>;
+    readonly isEntrance: _angular_core.InputSignal<boolean>;
+    readonly breadcrumbItems: _angular_core.InputSignal<any[]>;
+    readonly sideAppOpened: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly form: _angular_core.InputSignal<AbstractControl<any, any>>;
+    readonly entranceActions: _angular_core.InputSignal<Actions>;
+    readonly sideNavActions: _angular_core.InputSignal<Actions>;
+    readonly sideNavBottomActions: _angular_core.InputSignal<any[]>;
+    readonly sideNavMode: _angular_core.InputSignal<"collapsed" | "expanded">;
+    readonly sideNavMenuType: _angular_core.InputSignal<"menu" | "icon-button-menu">;
+    readonly sideNavMenuTitle: _angular_core.InputSignal<string>;
+    readonly sideNavIconButtonMenuTopPadding: _angular_core.InputSignal<string>;
+    readonly sideAppOutletName: _angular_core.InputSignal<string>;
+    readonly sideAppWidth: _angular_core.InputSignal<string>;
+    readonly sideAppResizable: _angular_core.InputSignal<boolean>;
+    readonly fabActions: _angular_core.InputSignal<any[]>;
+    readonly fabHide: _angular_core.InputSignal<boolean>;
+    readonly appBar: _angular_core.InputSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppFrameStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AppFrameStore, "frames-app", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isProgress": { "alias": "isProgress"; "required": false; "isSignal": true; }; "isEntrance": { "alias": "isEntrance"; "required": false; "isSignal": true; }; "breadcrumbItems": { "alias": "breadcrumbItems"; "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; }; "sideNavBottomActions": { "alias": "sideNavBottomActions"; "required": false; "isSignal": true; }; "sideNavMode": { "alias": "sideNavMode"; "required": false; "isSignal": true; }; "sideNavMenuType": { "alias": "sideNavMenuType"; "required": false; "isSignal": true; }; "sideNavMenuTitle": { "alias": "sideNavMenuTitle"; "required": false; "isSignal": true; }; "sideNavIconButtonMenuTopPadding": { "alias": "sideNavIconButtonMenuTopPadding"; "required": false; "isSignal": true; }; "sideAppOutletName": { "alias": "sideAppOutletName"; "required": false; "isSignal": true; }; "sideAppWidth": { "alias": "sideAppWidth"; "required": false; "isSignal": true; }; "sideAppResizable": { "alias": "sideAppResizable"; "required": false; "isSignal": true; }; "fabActions": { "alias": "fabActions"; "required": false; "isSignal": true; }; "fabHide": { "alias": "fabHide"; "required": false; "isSignal": true; }; "appBar": { "alias": "appBar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class AppFrame extends NgAtomicComponent {
+    protected store: AppFrameStore;
+    readonly platformId: Object;
+    protected isPlatformServer(): boolean;
+    protected isPlatformBrowser(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppFrame, "frames-app", never, {}, {}, never, never, true, [{ directive: typeof AppFrameStore; inputs: {}; outputs: {}; }]>;
+}
+
+export { AppFrame, AppFrameStore, buildNavigationAction, createNavigateAction };

package/frames/auto-layout/index.d.ts

@@ -1 +1,14 @@
-export * from './auto-layout.frame';
+import * as i0 from '@angular/core';
+
+declare class AutoLayoutFrameStore {
+    readonly type: i0.InputSignal<"horizontal" | "vertical">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoLayoutFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoLayoutFrameStore, never, never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class AutoLayoutFrame {
+    protected store: AutoLayoutFrameStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoLayoutFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoLayoutFrame, "frames-auto-layout", never, {}, {}, never, ["*"], true, [{ directive: typeof AutoLayoutFrameStore; inputs: { "type": "type"; }; outputs: {}; }]>;
+}
+
+export { AutoLayoutFrame, AutoLayoutFrameStore };

package/frames/breadcrumb-navbar/index.d.ts

@@ -0,0 +1,48 @@
+import * as _angular_core from '@angular/core';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import { InjectableComponent, Action, NgAtomicComponent } from '@ng-atomic/core';
+import { BreadcrumbItem } from '@ng-atomic/components/organisms/breadcrumb-navbar';
+
+declare class BreadcrumbNavbarFrameStore extends InjectableComponent {
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            items: BreadcrumbItem[];
+            separator: string;
+            endActions: Action[];
+            fixed: boolean;
+            elevation: number;
+            isHidden: boolean;
+        }>, label?: string): _angular_core.Provider;
+        inject(): _angular_core.Signal<{
+            items: BreadcrumbItem[];
+            separator: string;
+            endActions: Action[];
+            fixed: boolean;
+            elevation: number;
+            isHidden: boolean;
+        }>;
+    };
+    protected readonly config: _angular_core.Signal<{
+        items: BreadcrumbItem[];
+        separator: string;
+        endActions: Action[];
+        fixed: boolean;
+        elevation: number;
+        isHidden: boolean;
+    }>;
+    readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    readonly separator: _angular_core.InputSignal<string>;
+    readonly endActions: _angular_core.InputSignal<Action<any>[]>;
+    readonly fixed: _angular_core.InputSignal<boolean>;
+    readonly elevation: _angular_core.InputSignal<number>;
+    readonly isHidden: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbNavbarFrameStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbNavbarFrameStore, "frames-breadcrumb-navbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "endActions": { "alias": "endActions"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BreadcrumbNavbarFrame extends NgAtomicComponent {
+    protected readonly store: BreadcrumbNavbarFrameStore;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbNavbarFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbNavbarFrame, "frames-breadcrumb-navbar", never, {}, {}, never, ["*"], true, [{ directive: typeof BreadcrumbNavbarFrameStore; inputs: { "items": "items"; "separator": "separator"; "endActions": "endActions"; "fixed": "fixed"; "elevation": "elevation"; "isHidden": "isHidden"; }; outputs: {}; }]>;
+}
+
+export { BreadcrumbNavbarFrame, BreadcrumbNavbarFrameStore };

package/frames/card/index.d.ts

@@ -1 +1,8 @@
-export * from './card.frame';
+import * as i0 from '@angular/core';
+
+declare class CardFrame {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardFrame, "frames-card", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CardFrame };

package/frames/columns/index.d.ts

@@ -1 +1,58 @@
-export * from './columns.frame';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+
+declare class ColumnsFrameStore extends InjectableComponent {
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            type: "row" | "column";
+        }>, label?: string): i0.Provider;
+        inject(): i0.Signal<{
+            type: "row" | "column";
+        }>;
+    };
+    readonly config: i0.Signal<{
+        type: "row" | "column";
+    }>;
+    readonly type: i0.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>;
+}
+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>;
+}
+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>;
+}
+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>;
+}
+declare class ColumnsFrame extends NgAtomicComponent {
+    protected readonly platformId: Object;
+    protected readonly store: ColumnsFrameStore;
+    protected readonly left: i0.Signal<LeftColumn>;
+    protected readonly main: i0.Signal<MainColumn>;
+    protected readonly right: i0.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: {}; }]>;
+}
+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>;
+}
+
+export { ColumnsFrame, ColumnsFrameModule, ColumnsFrameStore, LeftColumn, MainColumn, RightColumn };

package/frames/divider/index.d.ts

@@ -1 +1,28 @@
-export * from './divider.frame';
+import * as i0 from '@angular/core';
+import { Signal, ElementRef } from '@angular/core';
+import { CdkDragStart, CdkDragMove } from '@angular/cdk/drag-drop';
+import { NgAtomicComponent } from '@ng-atomic/core';
+
+declare enum ActionId {
+    DRAG_STARTED = "[@ng-atomic/divider] drag start",
+    DRAG_MOVED = "[@ng-atomic/divider] drag move",
+    DRAG_ENDED = "[@ng-atomic/divider] drag end"
+}
+declare class DividerFrame extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    private el;
+    protected firstContentHeight: number;
+    readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
+    readonly divider: Signal<ElementRef<HTMLDivElement>>;
+    readonly dragging: i0.WritableSignal<boolean>;
+    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>;
+}
+
+export { DividerFrame };

package/frames/drawer/index.d.ts

@@ -1 +1,31 @@
-export * from './drawer.frame';
+import * as _angular_core from '@angular/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+
+declare class DrawerFrameStore extends InjectableComponent {
+    readonly opened: _angular_core.InputSignal<boolean>;
+    readonly mode: _angular_core.InputSignal<"side" | "over" | "push">;
+    readonly hasBackdrop: _angular_core.InputSignal<boolean>;
+    readonly position: _angular_core.InputSignal<"start" | "end">;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly resizable: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerFrameStore, never>;
+    static ɵdir: _angular_core.ɵɵ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; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class DrawerFrame extends NgAtomicComponent {
+    readonly store: DrawerFrameStore;
+    private readonly renderer;
+    private readonly document;
+    private readonly el;
+    readonly currentWidth: _angular_core.WritableSignal<string>;
+    protected isResizing: boolean;
+    private startX;
+    private startWidth;
+    constructor();
+    startResize(event: MouseEvent): void;
+    private onMouseMove;
+    private onMouseUp;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerFrame, "frames-drawer", never, {}, {}, never, ["[drawer]", "[contents]"], true, [{ directive: typeof DrawerFrameStore; inputs: { "opened": "opened"; "mode": "mode"; "hasBackdrop": "hasBackdrop"; "position": "position"; "width": "width"; "resizable": "resizable"; }; outputs: {}; }]>;
+}
+
+export { DrawerFrame, DrawerFrameStore };

package/frames/entrance/index.d.ts

@@ -1 +1,22 @@
-export * from './entrance.frame';
+import * as _angular_core from '@angular/core';
+import { InjectableComponent, Action, NgAtomicComponent } from '@ng-atomic/core';
+import { FormGroup, FormControl } from '@angular/forms';
+
+declare class EntranceFrameStore extends InjectableComponent {
+    readonly isEntrance: _angular_core.InputSignal<boolean>;
+    readonly actions: _angular_core.InputSignal<Action<any>[]>;
+    readonly form: _angular_core.InputSignal<FormGroup<{
+        email: FormControl<string>;
+        password: FormControl<string>;
+    }>>;
+    readonly title: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntranceFrameStore, never>;
+    static ɵdir: _angular_core.ɵɵ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>;
+}
+declare class EntranceFrame extends NgAtomicComponent {
+    protected store: EntranceFrameStore;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntranceFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntranceFrame, "frames-entrance", never, {}, {}, never, ["*"], true, [{ directive: typeof EntranceFrameStore; inputs: { "isEntrance": "isEntrance"; "actions": "actions"; "form": "form"; "title": "title"; }; outputs: {}; }]>;
+}
+
+export { EntranceFrame, EntranceFrameStore };

package/frames/fab/index.d.ts

@@ -1,2 +1,44 @@
-export * from './fab.frame';
-export * from './fab.service';
+import * as _angular_core from '@angular/core';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import { Action, NgAtomicComponent } from '@ng-atomic/core';
+
+declare class FabService {
+    private actionMap;
+    private contexts;
+    get actions(): Action[];
+    set(name: any, actions: Action[]): Map<string, Action<any>[]>;
+    push(name: string): number;
+    pop(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FabService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FabService>;
+}
+
+declare class FabFrameStore {
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            actions: Action[];
+            hide: boolean;
+        }>, label?: string): _angular_core.Provider;
+        inject(): _angular_core.Signal<{
+            actions: Action[];
+            hide: boolean;
+        }>;
+    };
+    readonly config: _angular_core.Signal<{
+        actions: Action[];
+        hide: boolean;
+    }>;
+    readonly actions: _angular_core.InputSignal<Action<any>[]>;
+    readonly hide: _angular_core.InputSignal<boolean>;
+    readonly type: _angular_core.InputSignal<"fab" | "mini-fab" | "extended">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FabFrameStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FabFrameStore, "frames-fab", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "hide": { "alias": "hide"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FabFrame extends NgAtomicComponent {
+    protected fab: FabService;
+    protected store: FabFrameStore;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FabFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FabFrame, "frames-fab", never, {}, {}, never, ["*"], true, [{ directive: typeof FabFrameStore; inputs: { "actions": "actions"; "hide": "hide"; "type": "type"; }; outputs: {}; }]>;
+}
+
+export { FabFrame, FabFrameStore, FabService };

package/frames/horizontal-divider/index.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { Signal, ElementRef } from '@angular/core';
+import { CdkDragStart, CdkDragMove } from '@angular/cdk/drag-drop';
+import { NgAtomicComponent } from '@ng-atomic/core';
+
+declare enum ActionId {
+    DRAG_STARTED = "[@ng-atomic/horizontal-divider] drag start",
+    DRAG_MOVED = "[@ng-atomic/horizontal-divider] drag move",
+    DRAG_ENDED = "[@ng-atomic/horizontal-divider] drag end"
+}
+declare class HorizontalDividerFrame extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    private el;
+    protected firstContentWidth: number;
+    readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
+    readonly divider: Signal<ElementRef<HTMLDivElement>>;
+    readonly dragging: i0.WritableSignal<boolean>;
+    protected onDragStart($event: CdkDragStart): void;
+    protected onDragMoved($event: CdkDragMove): void;
+    protected onDragEnd($event: CdkDragMove): void;
+    setFirstContentWidth(width: number, unit?: 'px' | '%', { animate }?: {
+        animate?: boolean;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalDividerFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalDividerFrame, "frames-horizontal-divider", never, {}, {}, never, ["[first]", "[second]"], true, never>;
+}
+
+export { HorizontalDividerFrame };

package/frames/index.d.ts

@@ -1 +1,15 @@
-export * from './frames.module';
+import * as i0 from '@angular/core';
+import { Provider } from '@angular/core';
+
+declare class NgAtomicFramesModule {
+    static forRoot(): {
+        ngModule: typeof NgAtomicFramesModule;
+        providers: Provider[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicFramesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicFramesModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicFramesModule>;
+}
+declare function provideFrames(): Provider[];
+
+export { NgAtomicFramesModule, provideFrames };

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

@@ -1,2 +1,51 @@
-export * from './line-up.frame';
-export * from './line-up.service';
+import * as rxjs from 'rxjs';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
+
+declare class LineUpFrameStore {
+    readonly scope: i0.InputSignal<string>;
+    readonly hasNext: i0.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>;
+}
+declare class LineUpFrame implements OnInit, OnDestroy, AfterViewInit {
+    protected store: LineUpFrameStore;
+    private service;
+    private el;
+    private platformId;
+    readonly resizeWindow$: rxjs.Observable<Event>;
+    readonly elWidth$: rxjs.Observable<any>;
+    readonly main: i0.Signal<ElementRef<any>>;
+    readonly main$: rxjs.Observable<ElementRef<any>>;
+    readonly mainWidth$: rxjs.Observable<any>;
+    readonly allWidth$: rxjs.Observable<number>;
+    readonly delta$: 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, {}, {}, never, ["[main]", "[next]"], true, [{ directive: typeof LineUpFrameStore; inputs: { "scope": "scope"; "hasNext": "hasNext"; }; outputs: {}; }]>;
+}
+
+interface State {
+    [scope: string]: {
+        frames: LineUpFrame[];
+        sizeMap: Record<number, number>;
+    };
+}
+declare class LineUpFrameService {
+    readonly sizeMap: i0.WritableSignal<State>;
+    readonly sizeMap$: 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 { LineUpFrame, LineUpFrameService, LineUpFrameStore };

package/frames/loading/index.d.ts

@@ -1 +1,15 @@
-export * from './loading.frame';
+import * as i0 from '@angular/core';
+import { NgAtomicComponent } from '@ng-atomic/core';
+
+declare class LoadingFrameStore {
+    readonly isLoading: i0.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>;
+}
+declare class LoadingFrame extends NgAtomicComponent {
+    protected store: LoadingFrameStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingFrame, "frames-loading", never, {}, {}, never, ["*"], true, [{ directive: typeof LoadingFrameStore; inputs: { "isLoading": "isLoading"; }; outputs: {}; }]>;
+}
+
+export { LoadingFrame, LoadingFrameStore };