@ng-atomic/components 19.0.0-preview.9 → 19.2.0

package/pages/columns/index.d.ts

@@ -1 +1,66 @@
-export * from './columns.page';
+import * as _angular_core from '@angular/core';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import { AbstractControl } from '@angular/forms';
+import { InjectableComponent, Actions, NgAtomicComponent } from '@ng-atomic/core';
+
+declare enum ActionId {
+    BACK = "[@ng-atomic/components/pages/columns] Back",
+    CLOSE = "[@ng-atomic/components/pages/columns] Close"
+}
+declare class ColumnsPageStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            title: string;
+            navStartActions: Actions;
+            navEndActions: Actions;
+        }>, label?: string): _angular_core.Provider;
+        inject(): _angular_core.Signal<{
+            title: string;
+            navStartActions: Actions;
+            navEndActions: Actions;
+        }>;
+    };
+    static readonly Initializer: {
+        provide<SI extends (store: ColumnsPageStore) => Promise<void> | void>(initializer: SI): {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => ColumnsPageStore;
+                initializer: (store: ColumnsPageStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: ColumnsPageStore) => Promise<void> | void)[];
+        initializeStore(store: ColumnsPageStore): Promise<void>;
+    };
+    static provideSideAppNavStartActionsInitializer: () => {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => ColumnsPageStore;
+            initializer: (store: ColumnsPageStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideDefault(): _angular_core.Provider[];
+    readonly config: _angular_core.Signal<{
+        title: string;
+        navStartActions: Actions;
+        navEndActions: Actions;
+    }>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly navStartActions: _angular_core.InputSignal<Actions>;
+    readonly navEndActions: _angular_core.InputSignal<Actions>;
+    readonly form: _angular_core.InputSignal<AbstractControl<any, any>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnsPageStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColumnsPageStore, "pages-columns", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class ColumnsPage extends NgAtomicComponent {
+    protected store: ColumnsPageStore;
+    protected back(): void;
+    protected close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnsPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnsPage, "pages-columns", never, {}, {}, never, never, true, [{ directive: typeof ColumnsPageStore; inputs: { "form": "form"; }; outputs: {}; }]>;
+}
+
+export { ColumnsPage, ColumnsPageStore };

package/pages/form/index.d.ts

@@ -1 +1,253 @@
-export * from './form.page';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import * as _ng_atomic_core from '@ng-atomic/core';
+import { InjectableComponent, Action, NgAtomicComponent } from '@ng-atomic/core';
+import { AbstractControl } from '@angular/forms';
+import { LoadingService } from '@ng-atomic/common/services/loading';
+import { SnackBarService } from '@ng-atomic/common/services/snack-bar';
+import { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';
+
+declare enum ActionId {
+    BACK = "[@ng-atomic/components/pages/form] Back",
+    CLOSE = "[@ng-atomic/components/pages/form] Close",
+    CREATE = "[@ng-atomic/components/pages/form] Create",
+    UPDATE = "[@ng-atomic/components/pages/form] Update",
+    DELETE = "[@ng-atomic/components/pages/form] Delete",
+    NAVIGATE = "[@ng-atomic/components/pages/form] Navigate",
+    FILE_SELECTED = "[@ng-atomic/components/pages/form] File Selected"
+}
+declare const ENTITY_ID_NAME: InjectionToken<string>;
+declare function provideEntityIdName(name: string): {
+    provide: InjectionToken<string>;
+    useValue: string;
+};
+declare function injectEntityIdName(): string;
+declare class FormPageStore<T> 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<{
+            style: {};
+            form: AbstractControl;
+            formFlatExcludes: string[];
+            entityId: string;
+            entity: any;
+            mode: string;
+            navStartActions: Action[] | Action[][];
+            navEndActions: Action[] | Action[][];
+            title: string;
+            fieldMap: FormFieldMap;
+            outletName: string;
+        }>, label?: string) => _angular_core.Provider;
+        injectConfig: () => _angular_core.Signal<{
+            style: {};
+            form: AbstractControl;
+            formFlatExcludes: string[];
+            entityId: string;
+            entity: any;
+            mode: string;
+            navStartActions: Action[] | Action[][];
+            navEndActions: Action[] | Action[][];
+            title: string;
+            fieldMap: FormFieldMap;
+            outletName: string;
+        }>;
+        provideInitializer: <SI extends (store: FormPageStore<unknown>) => Promise<void> | void>(initializer: SI) => {
+            provide: InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => FormPageStore<unknown>;
+                initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        initialize: (store: FormPageStore<unknown>) => Promise<void>;
+        provideComponent: (typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        };
+        Initializer: {
+            provide<SI extends (store: FormPageStore<unknown>) => Promise<void> | void>(initializer: SI): {
+                provide: InjectionToken<(store: any) => Promise<void> | void>;
+                useValue: {
+                    key: new () => FormPageStore<unknown>;
+                    initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+                };
+                multi: boolean;
+            }[];
+            inject(): ((store: FormPageStore<unknown>) => Promise<void> | void)[];
+            initializeStore(store: FormPageStore<unknown>): Promise<void>;
+        };
+        Config: {
+            provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+                style: {};
+                form: AbstractControl;
+                formFlatExcludes: string[];
+                entityId: string;
+                entity: any;
+                mode: string;
+                navStartActions: Action[] | Action[][];
+                navEndActions: Action[] | Action[][];
+                title: string;
+                fieldMap: FormFieldMap;
+                outletName: string;
+            }>, label?: string): _angular_core.Provider;
+            inject(): _angular_core.Signal<{
+                style: {};
+                form: AbstractControl;
+                formFlatExcludes: string[];
+                entityId: string;
+                entity: any;
+                mode: string;
+                navStartActions: Action[] | Action[][];
+                navEndActions: Action[] | Action[][];
+                title: string;
+                fieldMap: FormFieldMap;
+                outletName: string;
+            }>;
+        };
+    };
+    static Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            style: {};
+            form: AbstractControl;
+            formFlatExcludes: string[];
+            entityId: string;
+            entity: any;
+            mode: string;
+            navStartActions: Action[] | Action[][];
+            navEndActions: Action[] | Action[][];
+            title: string;
+            fieldMap: FormFieldMap;
+            outletName: string;
+        }>, label?: string): _angular_core.Provider;
+        inject(): _angular_core.Signal<{
+            style: {};
+            form: AbstractControl;
+            formFlatExcludes: string[];
+            entityId: string;
+            entity: any;
+            mode: string;
+            navStartActions: Action[] | Action[][];
+            navEndActions: Action[] | Action[][];
+            title: string;
+            fieldMap: FormFieldMap;
+            outletName: string;
+        }>;
+    };
+    static Initializer: {
+        provide<SI extends (store: FormPageStore<unknown>) => Promise<void> | void>(initializer: SI): {
+            provide: InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => FormPageStore<unknown>;
+                initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: FormPageStore<unknown>) => Promise<void> | void)[];
+        initializeStore(store: FormPageStore<unknown>): Promise<void>;
+    };
+    static provideInitializer: <SI extends (store: FormPageStore<unknown>) => Promise<void> | void>(initializer: SI) => {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => FormPageStore<unknown>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideDefaultInitializer: () => {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => FormPageStore<unknown>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideNavStartActionsInitializer: () => {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => FormPageStore<unknown>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideSideAppNavStartActionsInitializer: () => {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => FormPageStore<unknown>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideBackEffect(): _angular_core.Provider;
+    static provideNavigateEffect(): _angular_core.Provider;
+    static provideDefaultEffects(): _angular_core.Provider[];
+    static provideDefault(): _angular_core.Provider[];
+    readonly config: _angular_core.Signal<{
+        style: {};
+        form: AbstractControl;
+        formFlatExcludes: string[];
+        entityId: string;
+        entity: any;
+        mode: string;
+        navStartActions: Action[] | Action[][];
+        navEndActions: Action[] | Action[][];
+        title: string;
+        fieldMap: FormFieldMap;
+        outletName: string;
+    }>;
+    readonly style: _angular_core.InputSignal<{}>;
+    readonly form: _angular_core.InputSignal<AbstractControl<any, any>>;
+    readonly formFlatExcludes: _angular_core.InputSignal<string[]>;
+    /** @deprecated */
+    readonly entityId: _angular_core.InputSignal<string>;
+    /** @deprecated */
+    readonly entity: _angular_core.InputSignal<T>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly actions: _angular_core.InputSignal<Action<any>[]>;
+    readonly fieldMap: _angular_core.InputSignal<FormFieldMap>;
+    readonly mode: _angular_core.InputSignal<string>;
+    readonly navStartActions: _angular_core.InputSignal<Action<any>[] | Action<any>[][]>;
+    readonly navEndActions: _angular_core.InputSignal<Action<any>[] | Action<any>[][]>;
+    readonly params: _angular_core.Signal<Record<string, string>>;
+    readonly skip: _angular_core.Signal<boolean>;
+    readonly outletName: _angular_core.InputSignal<string>;
+    readonly isValid: _angular_core.Signal<boolean>;
+    readonly activatedActions: _angular_core.Signal<{
+        disabled: boolean;
+        id: string;
+        payload?: any;
+        name?: string;
+        icon?: string;
+        color?: string;
+        children?: Action<any>[];
+        meta?: {
+            componentId?: string | number | null;
+        } | any;
+    }[]>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormPageStore<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormPageStore<any>, "form-page-store", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": false; "isSignal": true; }; "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "outletName": { "alias": "outletName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FormPage extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    protected store: FormPageStore<any>;
+    readonly loading: LoadingService;
+    readonly snackBar: SnackBarService;
+    protected back(): void;
+    protected close(): void;
+    protected fileSelected(payload: {
+        scope: string;
+        files: File[];
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormPage, "pages-form", never, {}, {}, never, never, true, [{ directive: typeof FormPageStore; inputs: { "fieldMap": "fieldMap"; "entityId": "entityId"; "entity": "entity"; "mode": "mode"; "navEndActions": "navEndActions"; "actions": "actions"; "title": "title"; "form": "form"; "formFlatExcludes": "formFlatExcludes"; "outletName": "outletName"; }; outputs: {}; }]>;
+}
+
+export { ENTITY_ID_NAME, FormPage, FormPageStore, injectEntityIdName, provideEntityIdName };

package/pages/index.d.ts

@@ -1 +1,21 @@
-export * from './pages.module';
+import * as _ng_atomic_components_pages__index from '@ng-atomic/components/pages/_index';
+import * as _angular_core from '@angular/core';
+
+declare class NgAtomicPagesModule {
+    static forRoot(): {
+        ngModule: typeof NgAtomicPagesModule;
+        providers: (_angular_core.Provider | {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<_ng_atomic_components_pages__index.IndexPageDashboard>>;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgAtomicPagesModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<NgAtomicPagesModule, never, never, never>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<NgAtomicPagesModule>;
+}
+declare function providePages(): (_angular_core.Provider | {
+    provide: any;
+    useValue: () => Promise<_angular_core.Type<_ng_atomic_components_pages__index.IndexPageDashboard>>;
+})[];
+
+export { NgAtomicPagesModule, providePages };

package/pages/terms/index.d.ts

@@ -1 +1,63 @@
-export * from './terms.page';
+import * as _angular_core from '@angular/core';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+
+declare enum ActionId {
+    BACK = "[@ng-atomic/components/pages/terms] Back"
+}
+declare class TermsPageStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            navStartActions: {
+                id: ActionId;
+                name: string;
+                icon: string;
+            }[];
+            navEndActions: any[];
+            title: string;
+            src: string;
+            data: any;
+        }>, label?: string): _angular_core.Provider;
+        inject(): _angular_core.Signal<{
+            navStartActions: {
+                id: ActionId;
+                name: string;
+                icon: string;
+            }[];
+            navEndActions: any[];
+            title: string;
+            src: string;
+            data: any;
+        }>;
+    };
+    readonly config: _angular_core.Signal<{
+        navStartActions: {
+            id: ActionId;
+            name: string;
+            icon: string;
+        }[];
+        navEndActions: any[];
+        title: string;
+        src: string;
+        data: any;
+    }>;
+    readonly navStartActions: _angular_core.InputSignal<{
+        id: ActionId;
+        name: string;
+        icon: string;
+    }[]>;
+    readonly navEndActions: _angular_core.InputSignal<any[]>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string>;
+    readonly data: _angular_core.InputSignal<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TermsPageStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TermsPageStore, "templates-term", never, { "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class TermsPage extends NgAtomicComponent {
+    protected readonly store: TermsPageStore;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TermsPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TermsPage, "pages-terms", never, {}, {}, never, never, true, [{ directive: typeof TermsPageStore; inputs: {}; outputs: {}; }]>;
+}
+
+export { TermsPage, TermsPageStore };

package/services/global-iframe/index.d.ts

@@ -0,0 +1,69 @@
+import * as rxjs from 'rxjs';
+import * as i0 from '@angular/core';
+import { RendererFactory2, ApplicationRef } from '@angular/core';
+
+interface GlobalIframeState {
+    element: HTMLIFrameElement;
+    wrapper: HTMLDivElement;
+    url: string;
+    key: string;
+    visible: boolean;
+}
+/**
+ * グローバルレベルでiframeを管理するサービス
+ * router-outletの外側でiframeを保持し、状態を維持する
+ */
+declare class GlobalIframeService {
+    private appRef;
+    private renderer;
+    private iframes;
+    private globalContainer;
+    private activeIframe$;
+    constructor(rendererFactory: RendererFactory2, appRef: ApplicationRef);
+    /**
+     * グローバルコンテナを初期化（document.bodyに直接追加）
+     */
+    private initializeGlobalContainer;
+    private createGlobalContainer;
+    /**
+     * iframeを作成または取得
+     */
+    getOrCreateIframe(key: string, url: string): HTMLIFrameElement;
+    /**
+     * 指定されたiframeを表示し、他のiframeを非表示にする
+     */
+    showIframe(key: string, targetRect?: DOMRect): void;
+    /**
+     * 指定されたiframeを非表示にする
+     */
+    hideIframe(key: string): void;
+    /**
+     * 全てのiframeを非表示にする
+     */
+    hideAll(): void;
+    /**
+     * 現在アクティブなiframeのキーを取得
+     */
+    getActiveIframe(): rxjs.Observable<string>;
+    /**
+     * 指定されたキーのiframeが存在するか確認
+     */
+    has(key: string): boolean;
+    /**
+     * 指定されたキーのiframeを削除
+     */
+    remove(key: string): void;
+    /**
+     * 指定されたキーのiframeをリロード
+     */
+    reload(key: string): void;
+    /**
+     * 古いiframeをクリーンアップ
+     */
+    cleanup(maxAge?: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GlobalIframeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GlobalIframeService>;
+}
+
+export { GlobalIframeService };
+export type { GlobalIframeState };

package/styles/styles.scss

@@ -5,7 +5,8 @@
 
 $my-typography: mat.m2-define-typography-config();
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 // basicはデフォルト
 $app-basic: mat.m2-define-palette(mat.$m2-grey-palette, 100, 900, A100);
 $app-primary: mat.m2-define-palette(palettes.$md-palette, 500);