@ng-atomic/components 16.2.0 → 16.3.1

package/fesm2022/ng-atomic-components-pages-_index.mjs

@@ -1,46 +1,165 @@
+import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import { computed, inject, input, signal, Directive, Component } from '@angular/core';
+import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
+import { IndexTemplate } from '@ng-atomic/components/templates/_index';
+import { injectAll } from '@ng-atomic/common/stores/entities';
+import { injectModelName, injectModel } from '@ng-atomic/common/pipes/domain';
+import { InjectableComponent, _computed, NgAtomicComponent, Effect } from '@ng-atomic/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { injectIndexForm, buildColumns } from '@ng-atomic/components/organisms/table';
+import { makeConfig, injectIsRootPage, injectNavStartActions } from '@ng-atomic/common/services/ui';
+import { SelectionModel } from '@angular/cdk/collections';
+import { injectEntityIdName } from '@ng-atomic/components/pages/form';
+import { injectChildRouteParam } from '@ng-atomic/common/utils';
 
-class IndexPage {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IndexPage, selector: "pages-index", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] }); }
+function injectHighlight(key) {
+    const transferId = injectChildRouteParam(key);
+    return computed(() => new SelectionModel(true, [transferId()]));
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexPage, decorators: [{
-            type: Component,
-            args: [{ selector: 'pages-index', template: '', styles: [":host{display:none}\n"] }]
-        }] });
-
-const routes = [
-    {
-        path: '',
-        component: IndexPage,
-        // loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
+var ActionId;
+(function (ActionId) {
+    ActionId["BACK"] = "[@ng-atomic/components/pages] Back";
+    ActionId["CHECKBOX_CLICK"] = "[@ng-atomic/components/pages] CheckboxClick";
+    ActionId["ADD"] = "[@ng-atomic/components/pages] Add";
+    ActionId["DETAIL"] = "[@ng-atomic/components/pages] Detail";
+})(ActionId || (ActionId = {}));
+class IndexPageStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = IndexPageStore.Config.inject();
+        this.route = inject(ActivatedRoute);
+        this.type = input(_computed(() => this.config().type));
+        this.items = input(_computed(() => this.config().items));
+        this.itemActions = input(_computed(() => this.config().itemActions));
+        this.title = input(_computed(() => this.config().title));
+        this.form = input(_computed(() => this.config().form));
+        this.selection = input(_computed(() => this.config().selection));
+        this.highlight = input(_computed(() => this.config().highlight));
+        this.navStartActions = input(_computed(() => this.config().navStartActions));
+        this.navEndActions = input(_computed(() => this.config().navEndActions));
+        this.filterFunc = input(_computed(() => this.config().filterFunc));
+        this.filteredItems = computed(() => this.items().filter(this.filterFunc()));
     }
-];
-class IndexModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, declarations: [IndexPage], imports: [CommonModule, i1.RouterModule], exports: [IndexPage] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, imports: [CommonModule,
-            RouterModule.forChild(routes)] }); }
+    static { this.ActionId = ActionId; }
+    static { this.Config = makeConfig(() => {
+        const highlight = injectHighlight(injectEntityIdName());
+        const isRootPage = injectIsRootPage();
+        const navStartActions = injectNavStartActions(isRootPage);
+        return () => ({
+            style: {
+                width: 'var(--page-width-lv3)',
+            },
+            items: [],
+            itemActions: () => [],
+            title: `${injectModelName()()}一覧`,
+            type: 'table',
+            selection: new SelectionModel(true, []),
+            highlight: highlight(),
+            form: injectIndexForm({
+                columns: buildColumns([
+                    'id',
+                    'createdAt',
+                    'updatedAt',
+                    (item) => [{ id: ActionId.DETAIL, icon: 'open_in_new', name: '詳細', payload: item }],
+                ]),
+            }),
+            navStartActions: navStartActions(),
+            navEndActions: [],
+            filterFunc: (item) => true,
+        });
+    }, ['components', 'pages', 'index']); }
+    static { this.provideItemsFromRepository = IndexPageStore.Config.provide(() => {
+        const Model = injectModel();
+        const items = Model ? injectAll(Model) : signal([]);
+        return (config) => ({ ...config, items: items() });
+    }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexPageStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IndexPageStore, isStandalone: true, inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, filterFunc: { classPropertyName: "filterFunc", publicName: "filterFunc", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IndexPage],
-                    imports: [
-                        CommonModule,
-                        RouterModule.forChild(routes)
-                    ],
-                    exports: [IndexPage]
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexPageStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
         }] });
+class IndexPage extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(IndexPageStore);
+        this.router = inject(Router);
+    }
+    back() {
+        this.dispatch({ id: ActionId.BACK });
+    }
+    checkboxClick(item) {
+        this.store.selection().toggle(item.id);
+    }
+    itemClick(item) {
+        this.dispatch({ id: ActionId.DETAIL, payload: item });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: IndexPage, isStandalone: true, selector: "pages-index", usesInheritance: true, hostDirectives: [{ directive: IndexPageStore }], ngImport: i0, template: `
+  <frames-router-outlet>
+    <templates-index
+      [style.width]="store.config().style.width"
+      [title]="store.title()"
+      [type]="store.type()"
+      [items]="store.filteredItems()"
+      [itemActions]="store.itemActions()"
+      [form]="store.form()"
+      [selection]="store.selection()"
+      [highlight]="store.highlight()"
+      [navStartActions]="store.navStartActions()"
+      [navEndActions]="store.navEndActions()"
+      (action)="dispatch($event)"
+    />
+  </frames-router-outlet>
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-KEfR: var(--page-width-lv3);--primary-color-SCOPED-IN-index-KEfR: var(--primary-color);--on-primary-color-SCOPED-IN-index-KEfR: var(--on-primary-color);--surface-color-SCOPED-IN-index-KEfR: var(--surface-color);--on-surface-color-SCOPED-IN-index-KEfR: var(--on-surface-color);--on-background-color-SCOPED-IN-index-KEfR: var(--on-background-color);--background-color-SCOPED-IN-index-KEfR: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-KEfR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-KEfR);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-KEfR);--surface-color: var(--surface-color-SCOPED-IN-index-KEfR);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-KEfR);--background-color: var(--background-color-SCOPED-IN-index-KEfR);--on-background-color: var(--on-background-color-SCOPED-IN-index-KEfR)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
+}
+__decorate([
+    Effect(IndexTemplate.ActionId.BACK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], IndexPage.prototype, "back", null);
+__decorate([
+    Effect(IndexTemplate.ActionId.CHECKBOX_CLICK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], IndexPage.prototype, "checkboxClick", null);
+__decorate([
+    Effect(IndexTemplate.ActionId.ITEM_CLICK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], IndexPage.prototype, "itemClick", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'pages-index', standalone: true, imports: [
+                        RouterOutletFrame,
+                        IndexTemplate,
+                    ], template: `
+  <frames-router-outlet>
+    <templates-index
+      [style.width]="store.config().style.width"
+      [title]="store.title()"
+      [type]="store.type()"
+      [items]="store.filteredItems()"
+      [itemActions]="store.itemActions()"
+      [form]="store.form()"
+      [selection]="store.selection()"
+      [highlight]="store.highlight()"
+      [navStartActions]="store.navStartActions()"
+      [navEndActions]="store.navEndActions()"
+      (action)="dispatch($event)"
+    />
+  </frames-router-outlet>
+  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-KEfR: var(--page-width-lv3);--primary-color-SCOPED-IN-index-KEfR: var(--primary-color);--on-primary-color-SCOPED-IN-index-KEfR: var(--on-primary-color);--surface-color-SCOPED-IN-index-KEfR: var(--surface-color);--on-surface-color-SCOPED-IN-index-KEfR: var(--on-surface-color);--on-background-color-SCOPED-IN-index-KEfR: var(--on-background-color);--background-color-SCOPED-IN-index-KEfR: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-KEfR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-KEfR);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-KEfR);--surface-color: var(--surface-color-SCOPED-IN-index-KEfR);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-KEfR);--background-color: var(--background-color-SCOPED-IN-index-KEfR);--on-background-color: var(--on-background-color-SCOPED-IN-index-KEfR)}\n"] }]
+        }], propDecorators: { back: [], checkboxClick: [], itemClick: [] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IndexModule, IndexPage };
+export { IndexPage, IndexPageStore, injectHighlight };
 //# sourceMappingURL=ng-atomic-components-pages-_index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.module.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-index',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class IndexPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { IndexPage } from './index.page';\n\nconst routes: Routes = [\n\t{\n\t\tpath: '',\n\t\tcomponent: IndexPage,\n\t\t// loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)\n\t}\n];\n\n@NgModule({\n  declarations: [IndexPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [IndexPage]\n})\nexport class IndexModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,SAAS,CAAA;+GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACd,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACCb,MAAM,MAAM,GAAW;AACtB,IAAA;AACC,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,SAAS;;AAEpB,KAAA;CACD,CAAC;MAUW,WAAW,CAAA;+GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPP,YAAA,EAAA,CAAA,SAAS,CAEtB,EAAA,OAAA,EAAA,CAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA,EAAA;AAER,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YALpB,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIpB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;AACrB,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component, Directive, Signal, computed, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { IndexTemplate } from '@ng-atomic/components/templates/_index';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { buildColumns, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { injectEntityIdName } from '@ng-atomic/components/pages/form';\nimport { injectChildRouteParam } from \"@ng-atomic/common/utils\";\n\nexport function injectHighlight(key: string): Signal<SelectionModel<string>> {\n  const transferId = injectChildRouteParam(key);\n  return computed(() => new SelectionModel<string>(true, [transferId()]));\n}\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/pages] Back',\n  CHECKBOX_CLICK = '[@ng-atomic/components/pages] CheckboxClick',\n  ADD = '[@ng-atomic/components/pages] Add',\n  DETAIL = '[@ng-atomic/components/pages] Detail',\n}\n\n@Directive({ standalone: true })\nexport class IndexPageStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    const highlight = injectHighlight(injectEntityIdName());\n    const isRootPage = injectIsRootPage();\n    const navStartActions = injectNavStartActions(isRootPage);\n    return () => ({\n      style: {\n        width: 'var(--page-width-lv3)',\n      },\n      items: [],\n      itemActions: () => [] as Actions,\n      title: `${injectModelName()()}一覧`,\n      type: 'table',\n      selection: new SelectionModel<string>(true, []),\n      highlight: highlight(),\n      form: injectIndexForm({\n        columns: buildColumns([\n          'id', \n          'createdAt',\n          'updatedAt',\n          (item: {id: string}) => [{ id: ActionId.DETAIL, icon: 'open_in_new', name: '詳細', payload: item }],\n        ]),\n      }),\n      navStartActions: navStartActions(),\n      navEndActions: [],\n      filterFunc: (item: any) => true,\n    }) as any;\n  }, ['components', 'pages', 'index']);\n  static provideItemsFromRepository = IndexPageStore.Config.provide(() => {\n    const Model = injectModel();\n    const items = Model ? injectAll(Model) : signal([]);\n    return (config) => ({...config, items: items()});\n  });\n\n  readonly config = IndexPageStore.Config.inject();\n  readonly route = inject(ActivatedRoute);\n  readonly type = input(_computed(() => this.config().type));\n  readonly items = input(_computed(() => this.config().items));\n  readonly itemActions = input(_computed(() => this.config().itemActions));\n  readonly title = input(_computed(() => this.config().title));\n  readonly form = input(_computed(() => this.config().form));\n  readonly selection = input(_computed(() => this.config().selection));\n  readonly highlight = input(_computed(() => this.config().highlight));\n  readonly navStartActions = input(_computed(() => this.config().navStartActions));\n  readonly navEndActions = input(_computed(() => this.config().navEndActions));\n  readonly filterFunc = input(_computed(() => this.config().filterFunc));\n  readonly filteredItems = computed(() => this.items().filter(this.filterFunc()));\n}\n\n@Component({\n  selector: 'pages-index',\n  standalone: true,\n  imports: [\n    RouterOutletFrame,\n    IndexTemplate,\n  ],\n  template: `\n  <frames-router-outlet>\n    <templates-index\n      [style.width]=\"store.config().style.width\"\n      [title]=\"store.title()\"\n      [type]=\"store.type()\"\n      [items]=\"store.filteredItems()\"\n      [itemActions]=\"store.itemActions()\"\n      [form]=\"store.form()\"\n      [selection]=\"store.selection()\"\n      [highlight]=\"store.highlight()\"\n      [navStartActions]=\"store.navStartActions()\"\n      [navEndActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n    />\n  </frames-router-outlet>\n  `,\n  styleUrl: './index.page.scss',\n  hostDirectives: [IndexPageStore],\n  // providers: [EffectReducer],\n})\nexport class IndexPage extends NgAtomicComponent {\n  protected store = inject(IndexPageStore);\n  protected router = inject(Router);\n\n  @Effect(IndexTemplate.ActionId.BACK)\n  protected back() {\n    this.dispatch({id: ActionId.BACK});\n  }\n\n  @Effect(IndexTemplate.ActionId.CHECKBOX_CLICK)\n  protected checkboxClick(item: {id: string}) {\n    this.store.selection().toggle(item.id);\n  }\n\n  @Effect(IndexTemplate.ActionId.ITEM_CLICK)\n  protected itemClick(item: {id: string}) {\n    this.dispatch({id: ActionId.DETAIL, payload: item});\n  }\n\n  // @Effect(ActionId.DETAIL)\n  // protected detail(item: {id: string}) {\n  //   this.router.navigate([item?.id ?? 'new'], {relativeTo: this.store.route});\n  // }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-pages-blank.mjs

@@ -2,23 +2,32 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 
 class BlankPage {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BlankPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BlankPage, isStandalone: true, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BlankPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BlankPage, isStandalone: true, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BlankPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BlankPage, decorators: [{
             type: Component,
             args: [{ selector: 'pages-blank', standalone: true, template: '', styles: [":host{display:none}\n"] }]
         }] });
 
 const BLANK_ROUTE = {
     path: '',
-    loadChildren: () => import('./ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs').then(m => m.routes),
+    children: [
+        {
+            path: '',
+            component: BlankPage
+        }
+    ],
     data: { isBlank: true },
 };
 
+const routes = [
+    BLANK_ROUTE,
+];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BLANK_ROUTE, BlankPage };
+export { BLANK_ROUTE, BlankPage, routes };
 //# sourceMappingURL=ng-atomic-components-pages-blank.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  standalone: true,\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  loadChildren: () => import('./blank.routes').then(m => m.routes),\n  data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,SAAS,CAAA;+GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,uEAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,QAAA,EACP,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACHA,MAAA,WAAW,GAAU;AAChC,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,YAAY,EAAE,MAAM,OAAO,8DAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;AAChE,IAAA,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACLvB;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.routes.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  standalone: true,\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { Route } from \"@angular/router\";\nimport { BlankPage } from \"./blank.page\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  children: [\n    {\n      path: '',\n      component: BlankPage\n    }\n  ],\n  data: {isBlank: true},\n};\n","import { Routes } from '@angular/router';\nimport { BLANK_ROUTE } from './blank.route';\n\nexport const routes: Routes = [\n  BLANK_ROUTE,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,SAAS,CAAA;8GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,uEAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,QAAA,EACP,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACFA,MAAA,WAAW,GAAU;AAChC,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACRV,MAAA,MAAM,GAAW;IAC5B,WAAW;;;ACJb;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-pages-form.mjs

@@ -0,0 +1,180 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, signal, computed, input, effect, Directive, Component } from '@angular/core';
+import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
+import { FormTemplate } from '@ng-atomic/components/templates/form';
+import { InjectableComponent, _computed, EffectReducer, NgAtomicComponent, Effect } from '@ng-atomic/core';
+import { FormBuilder } from '@angular/forms';
+import { injectOne } from '@ng-atomic/common/stores/entities';
+import { LoadingService } from '@ng-atomic/common/services/loading';
+import { injectModelName, injectModel } from '@ng-atomic/common/pipes/domain';
+import { SnackBarService } from '@ng-atomic/common/services/snack-bar';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';
+import { camelCase } from 'lodash-es';
+import { computedAsync } from 'ngxtension/computed-async';
+import { startWith, map } from 'rxjs';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["BACK"] = "[@ng-atomic/components/pages/form] Back";
+    ActionId["CREATE"] = "[@ng-atomic/components/pages/form] Create";
+    ActionId["UPDATE"] = "[@ng-atomic/components/pages/form] Update";
+    ActionId["FILE_SELECTED"] = "[@ng-atomic/components/pages/form] File Selected";
+})(ActionId || (ActionId = {}));
+const ENTITY_ID_NAME = new InjectionToken('[@ng-atomic/components/pages/form] EntityIdName');
+function provideEntityIdName(name) {
+    return { provide: ENTITY_ID_NAME, useValue: name };
+}
+function injectEntityIdName() {
+    return inject(ENTITY_ID_NAME, { optional: true }) ?? `${(camelCase(injectModelName()()))}Id`;
+}
+class FormPageStore extends InjectableComponent {
+    static { this.ActionId = ActionId; }
+    static { this.Config = makeConfig(() => {
+        const modelName = injectModelName();
+        const entityId = injectRouteParam(injectEntityIdName());
+        const entity = injectModel() ? injectOne(injectModel(), { id: entityId }) : signal(null);
+        const fb = inject(FormBuilder);
+        const mode = computed(() => entityId() === 'new' ? 'create' : 'update');
+        return () => ({
+            form: fb.group({
+                id: [],
+                name: [],
+            }),
+            formFlatExcludes: [],
+            entityId: entityId(),
+            entity: entity(),
+            mode: mode(),
+            navEndActions: [],
+            title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,
+            actions: mode() === 'create'
+                ? [{ id: ActionId.CREATE, name: '作成', icon: 'add', color: 'primary' }]
+                : [{ id: ActionId.UPDATE, name: '更新', icon: 'save', color: 'primary' }],
+            fieldMap: undefined,
+        });
+    }, ['components', 'pages', 'form']); }
+    constructor() {
+        super();
+        this.config = FormPageStore.Config.inject();
+        this.form = input(_computed(() => this.config().form));
+        this.formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));
+        this.entityId = input(_computed(() => this.config().entityId));
+        this.entity = input(_computed(() => this.config().entity));
+        this.title = input(_computed(() => this.config().title));
+        this.actions = input(_computed(() => this.config().actions));
+        this.fieldMap = input(_computed(() => this.config().fieldMap));
+        this.mode = input(_computed(() => this.config().mode));
+        this.navEndActions = input(_computed(() => this.config().navEndActions));
+        this.params = injectRouteParams();
+        // readonly Model = injectModel();
+        this.isValid = computedAsync(() => {
+            return this.form().valueChanges.pipe(startWith(null), map(() => this.form().valid));
+        });
+        this.activatedActions = computed(() => {
+            return this.actions().map(action => ({ ...action, disabled: !this.isValid() }));
+        });
+        effect(() => {
+            if (this.entity()) {
+                this.form().reset();
+                this.form().patchValue(this.entity());
+            }
+        }, { allowSignalWrites: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormPageStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FormPageStore, isStandalone: true, selector: "form-page-store", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, formFlatExcludes: { classPropertyName: "formFlatExcludes", publicName: "formFlatExcludes", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, fieldMap: { classPropertyName: "fieldMap", publicName: "fieldMap", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            EffectReducer,
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormPageStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form-page-store',
+                    providers: [
+                        EffectReducer,
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+class FormPage extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(FormPageStore);
+        this.loading = inject(LoadingService);
+        this.snackBar = inject(SnackBarService);
+    }
+    static { this.ActionId = ActionId; }
+    back() {
+        this.dispatch({ id: ActionId.BACK });
+    }
+    fileSelected(payload) {
+        this.dispatch({ id: ActionId.FILE_SELECTED, payload });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: FormPage, isStandalone: true, selector: "pages-form", usesInheritance: true, hostDirectives: [{ directive: FormPageStore, inputs: ["fieldMap", "fieldMap", "entityId", "entityId", "entity", "entity", "mode", "mode", "navEndActions", "navEndActions", "actions", "actions", "title", "title", "form", "form", "formFlatExcludes", "formFlatExcludes"] }], ngImport: i0, template: `
+    <frames-router-outlet>
+      <templates-form
+        [actions]="store.activatedActions()"
+        [navEndActions]="store.navEndActions()"
+        [title]="store.title()"
+        [form]="store.form()"
+        [formFlatExcludes]="store.formFlatExcludes()"
+        [fieldMap]="store.fieldMap()"
+        (action)="dispatch($event)"
+      />
+    </frames-router-outlet>
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-jyWw: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-jyWw: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-jyWw: var(--page-width-lv3);--primary-color-SCOPED-IN-form-jyWw: var(--primary-color);--on-primary-color-SCOPED-IN-form-jyWw: var(--on-primary-color);--surface-color-SCOPED-IN-form-jyWw: var(--surface-color);--on-surface-color-SCOPED-IN-form-jyWw: var(--on-surface-color);--on-background-color-SCOPED-IN-form-jyWw: var(--on-background-color);--background-color-SCOPED-IN-form-jyWw: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-jyWw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-jyWw);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-jyWw);--surface-color: var(--surface-color-SCOPED-IN-form-jyWw);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-jyWw);--background-color: var(--background-color-SCOPED-IN-form-jyWw);--on-background-color: var(--on-background-color-SCOPED-IN-form-jyWw)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
+}
+__decorate([
+    Effect(FormTemplate.ActionId.BACK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], FormPage.prototype, "back", null);
+__decorate([
+    Effect(FormTemplate.ActionId.FILE_SELECTED),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], FormPage.prototype, "fileSelected", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'pages-form', standalone: true, imports: [
+                        RouterOutletFrame,
+                        FormTemplate,
+                    ], template: `
+    <frames-router-outlet>
+      <templates-form
+        [actions]="store.activatedActions()"
+        [navEndActions]="store.navEndActions()"
+        [title]="store.title()"
+        [form]="store.form()"
+        [formFlatExcludes]="store.formFlatExcludes()"
+        [fieldMap]="store.fieldMap()"
+        (action)="dispatch($event)"
+      />
+    </frames-router-outlet>
+  `, hostDirectives: [
+                        {
+                            directive: FormPageStore,
+                            inputs: [
+                                'fieldMap',
+                                'entityId',
+                                'entity',
+                                'mode',
+                                'navEndActions',
+                                'actions',
+                                'title',
+                                'form',
+                                'formFlatExcludes',
+                            ],
+                        },
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-jyWw: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-jyWw: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-jyWw: var(--page-width-lv3);--primary-color-SCOPED-IN-form-jyWw: var(--primary-color);--on-primary-color-SCOPED-IN-form-jyWw: var(--on-primary-color);--surface-color-SCOPED-IN-form-jyWw: var(--surface-color);--on-surface-color-SCOPED-IN-form-jyWw: var(--on-surface-color);--on-background-color-SCOPED-IN-form-jyWw: var(--on-background-color);--background-color-SCOPED-IN-form-jyWw: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-jyWw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-jyWw);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-jyWw);--surface-color: var(--surface-color-SCOPED-IN-form-jyWw);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-jyWw);--background-color: var(--background-color-SCOPED-IN-form-jyWw);--on-background-color: var(--on-background-color-SCOPED-IN-form-jyWw)}\n"] }]
+        }], propDecorators: { back: [], fileSelected: [] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ENTITY_ID_NAME, FormPage, FormPageStore, injectEntityIdName, provideEntityIdName };
+//# sourceMappingURL=ng-atomic-components-pages-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-pages-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/form/form.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/form/ng-atomic-components-pages-form.ts"],"sourcesContent":["import { Component, Directive, InjectionToken, computed, effect, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { FormTemplate } from '@ng-atomic/components/templates/form';\nimport { Effect, EffectReducer, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { injectOne } from '@ng-atomic/common/stores/entities';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { camelCase } from 'lodash-es';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/pages/form] Back',\n  CREATE = '[@ng-atomic/components/pages/form] Create',\n  UPDATE = '[@ng-atomic/components/pages/form] Update',\n  FILE_SELECTED = '[@ng-atomic/components/pages/form] File Selected',\n}\n\nexport const ENTITY_ID_NAME = new InjectionToken<string>('[@ng-atomic/components/pages/form] EntityIdName');\n\nexport function provideEntityIdName(name: string) {\n  return {provide: ENTITY_ID_NAME, useValue: name};\n}\n\nexport function injectEntityIdName() {\n  return inject(ENTITY_ID_NAME, {optional: true}) ?? `${(camelCase(injectModelName()()))}Id`;\n}\n\n@Directive({\n  standalone: true,\n  selector: 'form-page-store',\n  providers: [\n    EffectReducer,\n  ],\n})\nexport class FormPageStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    const modelName = injectModelName();\n    const entityId = injectRouteParam(injectEntityIdName());\n    const entity = injectModel() ? injectOne(injectModel(), {id: entityId}) : signal(null);\n    const fb = inject(FormBuilder);\n    const mode = computed(() => entityId() === 'new' ? 'create' : 'update');\n    return () => ({\n      form: fb.group({\n        id: [],\n        name: [],\n      }) as AbstractControl,\n      formFlatExcludes: [] as string[],\n      entityId: entityId(),\n      entity: entity(),\n      mode: mode(),\n      navEndActions: [],\n      title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,\n      actions: mode() === 'create'\n        ? [{ id: ActionId.CREATE, name: '作成', icon: 'add', color: 'primary' }]\n        : [{id: ActionId.UPDATE, name: '更新', icon: 'save', color: 'primary' }],\n      fieldMap: undefined as FormFieldMap,\n    });\n  }, ['components', 'pages', 'form']);\n\n  readonly config = FormPageStore.Config.inject();\n  readonly form = input(_computed(() => this.config().form));\n  readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n  readonly entityId = input(_computed(() => this.config().entityId));\n  readonly entity = input(_computed(() => this.config().entity));\n  readonly title = input(_computed(() => this.config().title));\n  readonly actions = input(_computed(() => this.config().actions));\n  readonly fieldMap = input(_computed(() => this.config().fieldMap));\n  readonly mode = input(_computed(() => this.config().mode));\n  readonly navEndActions = input(_computed(() => this.config().navEndActions));\n  readonly params = injectRouteParams();\n  // readonly Model = injectModel();\n\n  readonly isValid = computedAsync(() => {\n    return this.form().valueChanges.pipe(\n      startWith(null),\n      map(() => this.form().valid),\n    );\n  })\n\n  readonly activatedActions = computed(() => {\n    return this.actions().map(action => ({...action, disabled: !this.isValid()}));\n  })\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.entity()) {\n        this.form().reset();\n        this.form().patchValue(this.entity());\n      }\n    }, {allowSignalWrites: true});\n  }\n}\n\n@Component({\n  selector: 'pages-form',\n  standalone: true,\n  imports: [\n    RouterOutletFrame,\n    FormTemplate,\n  ],\n  template: `\n    <frames-router-outlet>\n      <templates-form\n        [actions]=\"store.activatedActions()\"\n        [navEndActions]=\"store.navEndActions()\"\n        [title]=\"store.title()\"\n        [form]=\"store.form()\"\n        [formFlatExcludes]=\"store.formFlatExcludes()\"\n        [fieldMap]=\"store.fieldMap()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-router-outlet>\n  `,\n  styleUrl: './form.page.scss',\n  hostDirectives: [\n    {\n      directive: FormPageStore,\n      inputs: [\n        'fieldMap',\n        'entityId',\n        'entity',\n        'mode',\n        'navEndActions',\n        'actions',\n        'title',\n        'form',\n        'formFlatExcludes',\n      ],\n    },\n  ],\n})\nexport class FormPage extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected store = inject(FormPageStore);\n  readonly loading = inject(LoadingService);\n  readonly snackBar = inject(SnackBarService);\n\n  @Effect(FormTemplate.ActionId.BACK)\n  protected back() {\n    this.dispatch({id: ActionId.BACK});\n  }\n\n  @Effect(FormTemplate.ActionId.FILE_SELECTED)\n  protected fileSelected(payload: { scope: string, files: File[]}) {\n    this.dispatch({id: ActionId.FILE_SELECTED, payload});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,18 +1,106 @@
 import * as i0 from '@angular/core';
-import { NgModule } from '@angular/core';
+import { input, Directive, inject, Component, NgModule } from '@angular/core';
+import { IndexPageStore } from '@ng-atomic/components/pages/_index';
+import { FormPageStore } from '@ng-atomic/components/pages/form';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
+import { TermTemplate } from '@ng-atomic/components/templates/term';
+import { InjectableComponent, _computed, NgAtomicComponent } from '@ng-atomic/core';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["BACK"] = "[@ng-atomic/components/pages/terms] Back";
+})(ActionId || (ActionId = {}));
+class TermsPageStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = TermsPageStore.Config.inject();
+        this.navStartActions = input(_computed(() => this.config().navStartActions));
+        this.navEndActions = input(_computed(() => this.config().navEndActions));
+        this.title = input(_computed(() => this.config().title));
+        this.src = input(_computed(() => this.config().src));
+        this.data = input(_computed(() => this.config().data));
+    }
+    static { this.ActionId = ActionId; }
+    static { this.Config = makeConfig(() => {
+        return () => ({
+            navStartActions: [
+                {
+                    id: ActionId.BACK,
+                    name: '戻る',
+                    icon: 'arrow_back',
+                },
+            ],
+            navEndActions: [],
+            title: 'title',
+            src: 'src',
+            data: undefined,
+        });
+    }, ['components', 'pages', 'terms']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermsPageStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TermsPageStore, isStandalone: true, selector: "templates-term", inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermsPageStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'templates-term',
+                }]
+        }] });
+class TermsPage extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(TermsPageStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermsPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TermsPage, isStandalone: true, selector: "pages-terms", usesInheritance: true, hostDirectives: [{ directive: TermsPageStore }], ngImport: i0, template: `
+    <frames-router-outlet>
+      <templates-term
+        [data]="store.data()"
+        [src]="store.src()"
+        [title]="store.title()"
+        [navStartActions]="store.navStartActions()"
+        [navEndActions]="store.navEndActions()"
+        (action)="dispatch($event)"
+      />
+    </frames-router-outlet>
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: TermTemplate, selector: "templates-term" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermsPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'pages-terms', standalone: true, imports: [
+                        RouterOutletFrame,
+                        TermTemplate,
+                    ], template: `
+    <frames-router-outlet>
+      <templates-term
+        [data]="store.data()"
+        [src]="store.src()"
+        [title]="store.title()"
+        [navStartActions]="store.navStartActions()"
+        [navEndActions]="store.navEndActions()"
+        (action)="dispatch($event)"
+      />
+    </frames-router-outlet>
+  `, hostDirectives: [TermsPageStore], styles: [":host{width:100%;height:100%;display:block}\n"] }]
+        }] });
 
 class NgAtomicPagesModule {
     static forRoot() {
         return {
             ngModule: NgAtomicPagesModule,
-            providers: [],
+            providers: [
+                FormPageStore.Config.provide(),
+                IndexPageStore.Config.provide(),
+                TermsPageStore.Config.provide(),
+            ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicPagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicPagesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicPagesModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicPagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicPagesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicPagesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicPagesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicPagesModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });