npm - @ng-atomic/components - Versions diffs - 17.9.0 → 17.11.0 - Mend

@ng-atomic/components 17.9.0 → 17.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (170) hide show

package/fesm2022/ng-atomic-components-templates-_index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, input, computed, Directive, viewChild, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, PLATFORM_ID, input, Directive, viewChild, Component, ChangeDetectionStrategy } from '@angular/core';
 import { isPlatformServer } from '@angular/common';
 import { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
@@ -26,16 +26,18 @@ import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import { computedRawValue } from '@ng-atomic/common/utils';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';
+import { FlatTreeControl } from '@angular/cdk/tree';
 var IndexTemplateStore_1;
 var ActionId;
 (function (ActionId) {
     ActionId["BACK"] = "[@ng-atomic/components/templates/index] Back";
     ActionId["TABLE_HEADER_CLICK"] = "[@ng-atomic/components/templates/index] Table Header Click";
+    ActionId["TABLE_HEADER_CHECKBOX_CLICK"] = "[@ng-atomic/components/templates/index] Table Header Checkbox Click";
+    ActionId["TABLE_CHECKBOX_CLICK"] = "[@ng-atomic/components/templates/index] Table Checkbox Click";
     ActionId["ITEM_CLICK"] = "[@ng-atomic/components/templates/index] Item Click";
     ActionId["DETAIL"] = "[@ng-atomic/components/templates/index] Detail";
     ActionId["LIST_ITEM_BUTTON_CLICKED"] = "[@ng-atomic/components/templates/index] List Item Button Clicked";
-    ActionId["CHECKBOX_CLICK"] = "[@ng-atomic/components/templates/index] Check Item";
     ActionId["TOGGLE_TYPE"] = "[@ng-atomic/components/templates/index] Toggle Type";
 })(ActionId || (ActionId = {}));
 function getType(context) {
@@ -57,10 +59,13 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
         this.gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));
         this.toggleActions = input(_computed(() => this.config().toggleActions));
         this.tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));
+        this.tableIsHidden = input(_computed(() => this.config().tableIsHidden));
+        this.tableTreeControl = input(_computed(() => this.config().tableTreeControl));
         this.itemActions = input(_computed(() => this.config().itemActions));
         this.title = input(_computed(() => this.config().title));
         this.description = input(_computed(() => this.config().description));
         this.items = input(_computed(() => this.config().items));
+        this.itemsLength = input(_computed(() => this.config().itemsLength));
         this.navStartActions = input(_computed(() => this.config().navStartActions));
         this.navEndActions = input(_computed(() => this.config().navEndActions));
         this.groupedBy = input(_computed(() => this.config().groupedBy));
@@ -72,12 +77,9 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
         this.form$ = toObservable(computeFake(this.form));
         this.formValue = computedRawValue(() => call(this.form()));
         this.pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe) };
-        this.indexItems = computed(() => {
-            return this.pipes.index.transform(this.items(), this.formValue());
-        });
-        this.indexItemsLength = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue()));
     }
     static { IndexTemplateStore_1 = this; }
+    static { this.ActionId = ActionId; }
     static { this.Config = makeConfig(() => {
         const modelName = injectModelName();
         function getWidth(context) {
@@ -92,7 +94,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
         }
         const form = injectIndexForm();
         const navStartActions = injectNavStartActions();
-        return (_, context) => ({
+        return () => ({
             form,
             toggleActions: [
                 { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },
@@ -101,23 +103,33 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
             ],
             gridToolbarActions: [],
             tableChildrenKey: null,
+            tableIsHidden: (item) => false,
+            tableTreeControl: new FlatTreeControl(n => n.level, n => n.isExpandable),
             itemActions: (item) => [{ id: ActionId.DETAIL, icon: 'open_in_new', payload: item }],
             items: [],
+            itemsLength: 0,
             title: `${modelName()}一覧`,
             description: ``,
             navStartActions: navStartActions(),
             navEndActions: [],
             groupedBy: null,
             groupKeys: [],
-            type: getType(context),
+            type: 'table',
             pageSizeOptions: [5, 10, 25, 100],
-            width: getWidth(context),
             selection: new SelectionModel(true, []),
             highlight: new SelectionModel(true, []),
         });
     }, ['components', 'templates', 'index']); }
+    static provideTypeConfig() {
+        return IndexTemplateStore_1.Config.provide(() => {
+            return (config, context) => ({
+                ...config,
+                type: getType(context),
+            });
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", 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 }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", 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 }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", 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 } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", 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 }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", 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 }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", 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 } }, providers: [
             IndexPipe,
             IndexLengthPipe,
         ], usesInheritance: true, ngImport: i0 }); }
@@ -148,7 +160,8 @@ class IndexTemplate extends NgAtomicComponent {
         this.dispatch({ id: ActionId.TABLE_HEADER_CLICK, payload: column });
     }
     onCheckboxClickItem(item) {
-        this.dispatch({ id: ActionId.CHECKBOX_CLICK, payload: item });
+        console.debug('TEST!!!');
+        this.dispatch({ id: ActionId.TABLE_CHECKBOX_CLICK, payload: item });
     }
     onItemClicked(item) {
         this.dispatch({ id: ActionId.ITEM_CLICK, payload: item });
@@ -156,13 +169,16 @@ class IndexTemplate extends NgAtomicComponent {
     onItemButtonClicked(item) {
         this.dispatch({ id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item });
     }
+    onHeaderCheckboxClick() {
+        this.dispatch({ id: ActionId.TABLE_HEADER_CHECKBOX_CLICK });
+    }
     back() {
         this.dispatch({ id: ActionId.BACK });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: IndexTemplate, isStandalone: true, selector: "templates-index", host: { classAttribute: "template" }, providers: [
             QueryResolverService,
-        ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "form", "form", "title", "title", "description", "description", "items", "items", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight"] }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "tableIsHidden", "tableIsHidden", "tableTreeControl", "tableTreeControl", "form", "form", "title", "title", "description", "description", "items", "items", "itemsLength", "itemsLength", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight"] }], ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator injectable
       [startActions]="store.navStartActions()"
@@ -176,7 +192,7 @@ class IndexTemplate extends NgAtomicComponent {
       @switch(store.type()) {
         @case('list') {
           <organisms-smart-list
-            [items]="store.indexItems()"
+            [items]="store.items()"
             [itemActions]="store.itemActions()"
             [groupedBy]="store.groupedBy()"
             [groupKeys]="store.groupKeys()"
@@ -186,7 +202,7 @@ class IndexTemplate extends NgAtomicComponent {
         @case ('grid') {
           @defer {
             <organisms-grid-cards-section
-              [items]="store.indexItems()"
+              [items]="store.items()"
               (action)="dispatch($event)"
               contents
             />
@@ -211,19 +227,21 @@ class IndexTemplate extends NgAtomicComponent {
                 />
               }
                 <organisms-table injectable
-                  [items]="store.indexItems()"
+                  [items]="store.items()"
                   [itemActions]="store.itemActions()"
                   [selection]="store.selection()"
                   [form]="store.form()"
                   [childrenKey]="store.tableChildrenKey()"
                   [highlight]="store.highlight()"
+                  [isHidden]="store.tableIsHidden()"
+                  [treeControl]="store.tableTreeControl()"
                   (action)="dispatch($event)"
                 />
                 @if (store.form().get(['page'])) {
                   @defer {
                     <organisms-paginator injectable
                       [form]="store.form().get(['page'])"
-                      [itemLength]="store.indexItemsLength()"
+                      [itemLength]="store.itemsLength()"
                       [pageSizeOptions]="store.pageSizeOptions()"
                     />
                   }
@@ -235,7 +253,7 @@ class IndexTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-HvSR: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-HvSR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-HvSR: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-HvSR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-HvSR: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-HvSR: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-HvSR: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-HvSR: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-HvSR: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-HvSR);--navigator-background-color-SCOPED-IN-index-HvSR: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-HvSR);--navigator-on-background-color-SCOPED-IN-index-HvSR: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-HvSR);--table-background-color-SCOPED-IN-index-HvSR: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-HvSR);--table-on-background-color-SCOPED-IN-index-HvSR: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-HvSR: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-HvSR: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-HvSR);color:var(--on-background-color-SCOPED-IN-index-HvSR);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-HvSR);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-HvSR)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-HvSR);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-HvSR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-HvSR);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-HvSR);--surface-color: var(--surface-color-SCOPED-IN-index-HvSR);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-HvSR);--background-color: var(--background-color-SCOPED-IN-index-HvSR);--on-background-color: var(--on-background-color-SCOPED-IN-index-HvSR)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-HvSR);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-HvSR)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-oJo7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-oJo7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-oJo7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-oJo7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-oJo7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-oJo7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-oJo7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-oJo7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-oJo7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-oJo7);--navigator-background-color-SCOPED-IN-index-oJo7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-oJo7);--navigator-on-background-color-SCOPED-IN-index-oJo7: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-oJo7);--table-background-color-SCOPED-IN-index-oJo7: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-oJo7);--table-on-background-color-SCOPED-IN-index-oJo7: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-oJo7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-oJo7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-oJo7);color:var(--on-background-color-SCOPED-IN-index-oJo7);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-oJo7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-oJo7)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-oJo7);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-oJo7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-oJo7);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-oJo7);--surface-color: var(--surface-color-SCOPED-IN-index-oJo7);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-oJo7);--background-color: var(--background-color-SCOPED-IN-index-oJo7);--on-background-color: var(--on-background-color-SCOPED-IN-index-oJo7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-oJo7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-oJo7)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(TableOrganism.ActionId.HEADER_CLICK),
@@ -263,6 +281,12 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], IndexTemplate.prototype, "onItemButtonClicked", null);
+__decorate([
+    Effect(TableOrganismStore.ActionId.HEADER_CHECKBOX_CLICK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], IndexTemplate.prototype, "onHeaderCheckboxClick", null);
 __decorate([
     Effect(NavActionId.BACK),
     __metadata("design:type", Function),
@@ -301,7 +325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       @switch(store.type()) {
         @case('list') {
           <organisms-smart-list
-            [items]="store.indexItems()"
+            [items]="store.items()"
             [itemActions]="store.itemActions()"
             [groupedBy]="store.groupedBy()"
             [groupKeys]="store.groupKeys()"
@@ -311,7 +335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
         @case ('grid') {
           @defer {
             <organisms-grid-cards-section
-              [items]="store.indexItems()"
+              [items]="store.items()"
               (action)="dispatch($event)"
               contents
             />
@@ -336,19 +360,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                 />
               }
                 <organisms-table injectable
-                  [items]="store.indexItems()"
+                  [items]="store.items()"
                   [itemActions]="store.itemActions()"
                   [selection]="store.selection()"
                   [form]="store.form()"
                   [childrenKey]="store.tableChildrenKey()"
                   [highlight]="store.highlight()"
+                  [isHidden]="store.tableIsHidden()"
+                  [treeControl]="store.tableTreeControl()"
                   (action)="dispatch($event)"
                 />
                 @if (store.form().get(['page'])) {
                   @defer {
                     <organisms-paginator injectable
                       [form]="store.form().get(['page'])"
-                      [itemLength]="store.indexItemsLength()"
+                      [itemLength]="store.itemsLength()"
                       [pageSizeOptions]="store.pageSizeOptions()"
                     />
                   }
@@ -364,10 +390,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         {
                             directive: IndexTemplateStore,
                             inputs: [
-                                'gridToolbarActions', 'tableChildrenKey', 'form', 'title',
-                                'description', 'items', 'itemActions', 'navStartActions',
-                                'navEndActions', 'groupedBy', 'groupKeys',
-                                'selection', 'pageSizeOptions',
+                                'gridToolbarActions',
+                                'tableChildrenKey',
+                                'tableIsHidden',
+                                'tableTreeControl',
+                                'form',
+                                'title',
+                                'description',
+                                'items',
+                                'itemsLength',
+                                'itemActions',
+                                'navStartActions',
+                                'navEndActions',
+                                'groupedBy',
+                                'groupKeys',
+                                'selection',
+                                'pageSizeOptions',
                                 'type',
                                 'highlight'
                             ],
@@ -375,8 +413,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ], providers: [
                         QueryResolverService,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-HvSR: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-HvSR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-HvSR: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-HvSR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-HvSR: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-HvSR: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-HvSR: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-HvSR: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-HvSR: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-HvSR);--navigator-background-color-SCOPED-IN-index-HvSR: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-HvSR);--navigator-on-background-color-SCOPED-IN-index-HvSR: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-HvSR);--table-background-color-SCOPED-IN-index-HvSR: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-HvSR);--table-on-background-color-SCOPED-IN-index-HvSR: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-HvSR: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-HvSR: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-HvSR);color:var(--on-background-color-SCOPED-IN-index-HvSR);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-HvSR);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-HvSR)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-HvSR);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-HvSR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-HvSR);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-HvSR);--surface-color: var(--surface-color-SCOPED-IN-index-HvSR);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-HvSR);--background-color: var(--background-color-SCOPED-IN-index-HvSR);--on-background-color: var(--on-background-color-SCOPED-IN-index-HvSR)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-HvSR);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-HvSR)}\n"] }]
-        }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-oJo7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-oJo7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-oJo7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-oJo7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-oJo7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-oJo7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-oJo7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-oJo7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-oJo7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-oJo7);--navigator-background-color-SCOPED-IN-index-oJo7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-oJo7);--navigator-on-background-color-SCOPED-IN-index-oJo7: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-oJo7);--table-background-color-SCOPED-IN-index-oJo7: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-oJo7);--table-on-background-color-SCOPED-IN-index-oJo7: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-oJo7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-oJo7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-oJo7);color:var(--on-background-color-SCOPED-IN-index-oJo7);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-oJo7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-oJo7)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-oJo7);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-oJo7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-oJo7);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-oJo7);--surface-color: var(--surface-color-SCOPED-IN-index-oJo7);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-oJo7);--background-color: var(--background-color-SCOPED-IN-index-oJo7);--on-background-color: var(--on-background-color-SCOPED-IN-index-oJo7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-oJo7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-oJo7)}\n"] }]
+        }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], onHeaderCheckboxClick: [], back: [] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-atomic-components-templates-_index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/_index/index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/_index/ng-atomic-components-templates-_index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, PLATFORM_ID, computed, inject, input, viewChild } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { TableOrganism, TableOrganismStore, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions, InjectableComponent, TokenizedType, _computed, computeFake } from '@ng-atomic/core';\nimport { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { QueryResolverService } from '@ng-atomic/common/services/query-resolver';\nimport { NavActionId, UIContext, call, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexPipe } from '@ng-atomic/common/pipes/index';\nimport { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';\nimport { SortByPipe } from '@ng-atomic/common/pipes/sort-by';\nimport { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';\nimport { injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { FormGroup } from '@angular/forms';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/index] Table Header Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/index] Item Click',\n DETAIL = '[@ng-atomic/components/templates/index] Detail',\n LIST_ITEM_BUTTON_CLICKED = '[@ng-atomic/components/templates/index] List Item Button Clicked',\n CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Check Item',\n TOGGLE_TYPE = '[@ng-atomic/components/templates/index] Toggle Type',\n}\n\nexport interface IndexTemplateConfig<T extends {id: string} = any> {\n form: FormGroup;\n gridToolbarActions: Action[];\n navStartActions: Actions;\n navEndActions: Actions;\n itemActions: Actions;\n title: string;\n description: string;\n items: T[]\n tableChildrenKey: keyof T;\n groupedBy: keyof T \| null;\n groupKeys: string[];\n type: 'list' \| 'table' \| 'grid';\n toggleActions: Actions;\n pageSizeOptions: number[];\n width: string;\n selection: SelectionModel<string>;\n highlight: SelectionModel<string>;\n}\n\nexport function getType(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'list';\n case 'small': return 'table';\n case 'medium': return 'table';\n case 'large': return 'table';\n case 'xLarge': return 'table';\n default: return 'table';\n }\n}\n\n@TokenizedType()\n@Directive({\n standalone: true,\n selector: 'templates-index',\n providers: [\n IndexPipe,\n IndexLengthPipe,\n ],\n})\nexport class IndexTemplateStore<T extends {id: string}> extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n function getWidth(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'var(--page-width-lv1)'\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge':\n default: return 'var(--page-width-lv2)';\n }\n }\n const form = injectIndexForm();\n const navStartActions = injectNavStartActions();\n \n return (_, context) => ({\n form,\n toggleActions: [\n { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },\n { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },\n { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },\n ] as Action[],\n gridToolbarActions: [] as Action[],\n tableChildrenKey: null as string,\n itemActions: (item) => [{id: ActionId.DETAIL, icon: 'open_in_new', payload: item}],\n items: [],\n title: `${modelName()}一覧`,\n description: ``,\n navStartActions: navStartActions(),\n navEndActions: [],\n groupedBy: null,\n groupKeys: [],\n type: getType(context),\n pageSizeOptions: [5, 10, 25, 100],\n width: getWidth(context),\n selection: new SelectionModel<string>(true, []),\n highlight: new SelectionModel<string>(true, []),\n });\n }, ['components', 'templates', 'index']);\n\n readonly config = IndexTemplateStore.Config.inject();\n readonly isPlatformServer = isPlatformServer(inject(PLATFORM_ID));\n readonly form = input(_computed(() => this.config().form));\n readonly gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));\n readonly toggleActions = input(_computed(() => this.config().toggleActions));\n readonly tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly description = input(_computed(() => this.config().description));\n readonly items = input<T[]>(_computed(() => this.config().items));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly groupedBy = input(_computed(() => this.config().groupedBy));\n readonly groupKeys = input(_computed(() => this.config().groupKeys));\n readonly pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));\n readonly type = input(_computed(() => this.config().type));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly form$ = toObservable(computeFake(this.form));\n readonly formValue = computedRawValue(() => call(this.form()));\n readonly pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe)};\n readonly indexItems = computed(() => {\n return this.pipes.index.transform(this.items(), this.formValue() as any);\n });\n readonly indexItemsLength = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue() as any));\n}\n\n@Component({\n standalone: true,\n imports: [\n DataAccessorPipe,\n AutoLayoutFrame,\n ChipsInputSectionOrganism,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganismStore,\n PaginatorOrganismStore,\n TableOrganismStore,\n SmartListOrganism,\n GridCardsSectionOrganism,\n SelectionListOrganism,\n NavigatorOrganismStore,\n FiltersSectionOrganism,\n HeaderMoleculeStore,\n SortByPipe,\n ],\n selector: 'templates-index',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"store.description()\"/>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n @switch(store.type()) {\n @case('list') {\n <organisms-smart-list\n [items]=\"store.indexItems()\"\n [itemActions]=\"store.itemActions()\"\n [groupedBy]=\"store.groupedBy()\"\n [groupKeys]=\"store.groupKeys()\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('grid') {\n @defer {\n <organisms-grid-cards-section\n [items]=\"store.indexItems()\"\n (action)=\"dispatch($event)\"\n contents\n />\n }\n }\n @default {\n @defer {\n <frames-divider>\n <ng-content first select=\"[dashboard]\" />\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n @if (store.gridToolbarActions() \|\| true) {\n @defer {\n <organisms-grid-toolbar injectable\n [actions]=\"store.gridToolbarActions()\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @if (store.form().get(['query'])) {\n <organisms-chips-input-section\n [control]=\"store.form().get(['query'])\"\n />\n }\n <organisms-table injectable\n [items]=\"store.indexItems()\"\n [itemActions]=\"store.itemActions()\"\n [selection]=\"store.selection()\"\n [form]=\"store.form()\"\n [childrenKey]=\"store.tableChildrenKey()\"\n [highlight]=\"store.highlight()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.form().get(['page'])) {\n @defer {\n <organisms-paginator injectable\n [form]=\"store.form().get(['page'])\"\n [itemLength]=\"store.indexItemsLength()\"\n [pageSizeOptions]=\"store.pageSizeOptions()\"\n />\n }\n }\n </div>\n </frames-divider>\n }\n }\n }\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: IndexTemplateStore,\n inputs: [\n 'gridToolbarActions', 'tableChildrenKey', 'form', 'title',\n 'description', 'items', 'itemActions', 'navStartActions',\n 'navEndActions', 'groupedBy', 'groupKeys',\n 'selection', 'pageSizeOptions',\n 'type',\n 'highlight'\n ],\n outputs: [],\n }\n ],\n providers: [\n QueryResolverService,\n ],\n})\nexport class IndexTemplate<T> extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(IndexTemplateStore);\n \n readonly dividerFrame = viewChild(DividerFrame);\n\n @Effect(TableOrganism.ActionId.HEADER_CLICK)\n protected onTableHeaderClick(column: string) {\n this.dispatch({id: ActionId.TABLE_HEADER_CLICK, payload: column});\n }\n\n @Effect(TableOrganism.ActionId.CHECKBOX_CLICK)\n protected onCheckboxClickItem(item: T) {\n this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK)\n @Effect(SmartListOrganism.ActionId.CLICK_ITEM)\n protected onItemClicked(item: T) {\n this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK)\n @Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK)\n protected onItemButtonClicked(item: T) {\n this.dispatch({id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item});\n }\n\n @Effect(NavActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/_index/index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/_index/ng-atomic-components-templates-_index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, PLATFORM_ID, inject, input, viewChild } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { TableOrganism, TableOrganismStore, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions, InjectableComponent, TokenizedType, _computed, computeFake } from '@ng-atomic/core';\nimport { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { QueryResolverService } from '@ng-atomic/common/services/query-resolver';\nimport { NavActionId, UIContext, call, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexPipe } from '@ng-atomic/common/pipes/index';\nimport { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';\nimport { SortByPipe } from '@ng-atomic/common/pipes/sort-by';\nimport { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';\nimport { injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { FormGroup } from '@angular/forms';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/index] Table Header Click',\n TABLE_HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Header Checkbox Click',\n TABLE_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Checkbox Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/index] Item Click',\n DETAIL = '[@ng-atomic/components/templates/index] Detail',\n LIST_ITEM_BUTTON_CLICKED = '[@ng-atomic/components/templates/index] List Item Button Clicked',\n TOGGLE_TYPE = '[@ng-atomic/components/templates/index] Toggle Type',\n}\n\nexport interface IndexTemplateConfig<T extends {id: string} = any> {\n form: FormGroup;\n gridToolbarActions: Action[];\n navStartActions: Actions;\n navEndActions: Actions;\n itemActions: Actions;\n title: string;\n description: string;\n items: T[]\n tableChildrenKey: keyof T;\n groupedBy: keyof T \| null;\n groupKeys: string[];\n type: 'list' \| 'table' \| 'grid';\n toggleActions: Actions;\n pageSizeOptions: number[];\n width: string;\n selection: SelectionModel<string>;\n highlight: SelectionModel<string>;\n}\n\nexport function getType(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'list';\n case 'small': return 'table';\n case 'medium': return 'table';\n case 'large': return 'table';\n case 'xLarge': return 'table';\n default: return 'table';\n }\n}\n\n@TokenizedType()\n@Directive({\n standalone: true,\n selector: 'templates-index',\n providers: [\n IndexPipe,\n IndexLengthPipe,\n ],\n})\nexport class IndexTemplateStore<T extends {id: string}> extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n function getWidth(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'var(--page-width-lv1)'\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge':\n default: return 'var(--page-width-lv2)';\n }\n }\n const form = injectIndexForm();\n const navStartActions = injectNavStartActions();\n \n return () => ({\n form,\n toggleActions: [\n { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },\n { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },\n { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },\n ] as Action[],\n gridToolbarActions: [] as Action[],\n tableChildrenKey: null as string,\n tableIsHidden: (item: any) => false,\n tableTreeControl: new FlatTreeControl<any>(n => n.level, n => n.isExpandable),\n itemActions: (item) => [{id: ActionId.DETAIL, icon: 'open_in_new', payload: item}],\n items: [],\n itemsLength: 0,\n title: `${modelName()}一覧`,\n description: ``,\n navStartActions: navStartActions(),\n navEndActions: [],\n groupedBy: null,\n groupKeys: [],\n type: <'table' \| 'list' \| 'grid'>'table',\n pageSizeOptions: [5, 10, 25, 100],\n selection: new SelectionModel<string>(true, []),\n highlight: new SelectionModel<string>(true, []),\n });\n }, ['components', 'templates', 'index']);\n static provideTypeConfig() {\n return IndexTemplateStore.Config.provide(() => {\n return (config, context) => ({\n ...config,\n type: getType(context),\n });\n });\n }\n\n readonly config = IndexTemplateStore.Config.inject();\n readonly isPlatformServer = isPlatformServer(inject(PLATFORM_ID));\n readonly form = input(_computed(() => this.config().form));\n readonly gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));\n readonly toggleActions = input(_computed(() => this.config().toggleActions));\n readonly tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));\n readonly tableIsHidden = input(_computed(() => this.config().tableIsHidden));\n readonly tableTreeControl = input(_computed(() => this.config().tableTreeControl));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly description = input(_computed(() => this.config().description));\n readonly items = input<T[]>(_computed(() => this.config().items));\n readonly itemsLength = input(_computed(() => this.config().itemsLength));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly groupedBy = input(_computed(() => this.config().groupedBy));\n readonly groupKeys = input(_computed(() => this.config().groupKeys));\n readonly pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));\n readonly type = input(_computed(() => this.config().type));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly form$ = toObservable(computeFake(this.form));\n readonly formValue = computedRawValue(() => call(this.form()));\n readonly pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe)};\n // readonly itemsSize = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue() as any));\n}\n\n@Component({\n standalone: true,\n imports: [\n DataAccessorPipe,\n AutoLayoutFrame,\n ChipsInputSectionOrganism,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganismStore,\n PaginatorOrganismStore,\n TableOrganismStore,\n SmartListOrganism,\n GridCardsSectionOrganism,\n SelectionListOrganism,\n NavigatorOrganismStore,\n FiltersSectionOrganism,\n HeaderMoleculeStore,\n SortByPipe,\n ],\n selector: 'templates-index',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"store.description()\"/>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n @switch(store.type()) {\n @case('list') {\n <organisms-smart-list\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [groupedBy]=\"store.groupedBy()\"\n [groupKeys]=\"store.groupKeys()\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('grid') {\n @defer {\n <organisms-grid-cards-section\n [items]=\"store.items()\"\n (action)=\"dispatch($event)\"\n contents\n />\n }\n }\n @default {\n @defer {\n <frames-divider>\n <ng-content first select=\"[dashboard]\" />\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n @if (store.gridToolbarActions() \|\| true) {\n @defer {\n <organisms-grid-toolbar injectable\n [actions]=\"store.gridToolbarActions()\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @if (store.form().get(['query'])) {\n <organisms-chips-input-section\n [control]=\"store.form().get(['query'])\"\n />\n }\n <organisms-table injectable\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [selection]=\"store.selection()\"\n [form]=\"store.form()\"\n [childrenKey]=\"store.tableChildrenKey()\"\n [highlight]=\"store.highlight()\"\n [isHidden]=\"store.tableIsHidden()\"\n [treeControl]=\"store.tableTreeControl()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.form().get(['page'])) {\n @defer {\n <organisms-paginator injectable\n [form]=\"store.form().get(['page'])\"\n [itemLength]=\"store.itemsLength()\"\n [pageSizeOptions]=\"store.pageSizeOptions()\"\n />\n }\n }\n </div>\n </frames-divider>\n }\n }\n }\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: IndexTemplateStore,\n inputs: [\n 'gridToolbarActions',\n 'tableChildrenKey',\n 'tableIsHidden',\n 'tableTreeControl',\n 'form',\n 'title',\n 'description',\n 'items',\n 'itemsLength',\n 'itemActions',\n 'navStartActions',\n 'navEndActions',\n 'groupedBy',\n 'groupKeys',\n 'selection',\n 'pageSizeOptions',\n 'type',\n 'highlight'\n ],\n outputs: [],\n }\n ],\n providers: [\n QueryResolverService,\n ],\n})\nexport class IndexTemplate<T> extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(IndexTemplateStore);\n \n readonly dividerFrame = viewChild(DividerFrame);\n\n @Effect(TableOrganism.ActionId.HEADER_CLICK)\n protected onTableHeaderClick(column: string) {\n this.dispatch({id: ActionId.TABLE_HEADER_CLICK, payload: column});\n }\n\n @Effect(TableOrganism.ActionId.CHECKBOX_CLICK)\n protected onCheckboxClickItem(item: T) {\n console.debug('TEST!!!');\n this.dispatch({id: ActionId.TABLE_CHECKBOX_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK)\n @Effect(SmartListOrganism.ActionId.CLICK_ITEM)\n protected onItemClicked(item: T) {\n this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK)\n @Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK)\n protected onItemButtonClicked(item: T) {\n this.dispatch({id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item});\n }\n\n @Effect(TableOrganismStore.ActionId.HEADER_CHECKBOX_CLICK)\n protected onHeaderCheckboxClick() {\n this.dispatch({id: ActionId.TABLE_HEADER_CHECKBOX_CLICK});\n }\n\n @Effect(NavActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\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-templates-background.mjs CHANGED Viewed

@@ -19,13 +19,13 @@ class BackgroundTemplate {
         this.store = inject(BackgroundTemplateStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-KQTK: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-KQTK: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-KQTK);color:var(--on-background-color-SCOPED-IN-background-KQTK)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-QdEk: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-QdEk: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-QdEk);color:var(--on-background-color-SCOPED-IN-background-QdEk)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-background', standalone: true, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         BackgroundTemplateStore,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-KQTK: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-KQTK: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-KQTK);color:var(--on-background-color-SCOPED-IN-background-KQTK)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-QdEk: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-QdEk: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-QdEk);color:var(--on-background-color-SCOPED-IN-background-QdEk)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-templates-entrance.mjs CHANGED Viewed

@@ -78,7 +78,7 @@ class EntranceTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-8A4f: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-8A4f: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-8A4f: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-8A4f: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-8A4f);color:var(--on-background-color-SCOPED-IN-entrance-8A4f);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-8A4f)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-8A4f)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-ezvT: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-ezvT: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-ezvT: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-ezvT: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-ezvT);color:var(--on-background-color-SCOPED-IN-entrance-ezvT);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-ezvT)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-ezvT)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
@@ -116,7 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: EntranceTemplateStore,
                             inputs: ['form', 'actions', 'title'],
                         },
-                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-8A4f: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-8A4f: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-8A4f: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-8A4f: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-8A4f);color:var(--on-background-color-SCOPED-IN-entrance-8A4f);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-8A4f)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-8A4f)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-ezvT: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-ezvT: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-ezvT: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-ezvT: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-ezvT);color:var(--on-background-color-SCOPED-IN-entrance-ezvT);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-ezvT)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-ezvT)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-templates-form.mjs CHANGED Viewed

@@ -385,10 +385,20 @@ class NgAtomicFormSectionBuilder extends NgAtomicComponent {
         this.formFlatExcludes = input([]);
         this.fieldMap = input.required();
         this.controlEntries = computed(() => {
+            function _get(fieldMap, name) {
+                if (get(fieldMap, name))
+                    return get(fieldMap, name);
+                for (const key of Object.keys(fieldMap ?? {})) {
+                    const regex = new RegExp(`^${key.replace(/\./g, '\\.')}(\\..+)?$`);
+                    if (regex.test(name))
+                        return get(fieldMap, key);
+                }
+                return undefined;
+            }
             return flatControls(this.form(), this.formFlatExcludes()).map(([name, control]) => ({
                 name,
                 control,
-                field: get(this.fieldMap(), name) ?? { type: 'text' },
+                field: _get(this.fieldMap(), name) ?? { type: 'text' },
             }));
         });
     }
@@ -504,7 +514,7 @@ class FormTemplate extends NgAtomicComponent {
       />
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-BcHR: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-BcHR: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-BcHR: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-BcHR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-BcHR: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-BcHR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-BcHR: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-BcHR: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-BcHR: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-BcHR: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-BcHR);--navigator-background-color-SCOPED-IN-form-BcHR: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-BcHR);--navigator-on-background-color-SCOPED-IN-form-BcHR: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-BcHR);color:var(--on-background-color-SCOPED-IN-form-BcHR)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-BcHR);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-BcHR)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-BcHR)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-BcHR);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-BcHR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-BcHR);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-BcHR);--surface-color: var(--surface-color-SCOPED-IN-form-BcHR);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-BcHR);--background-color: var(--background-color-SCOPED-IN-form-BcHR);--on-background-color: var(--on-background-color-SCOPED-IN-form-BcHR)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-40iN: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-40iN: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-40iN: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-40iN: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-40iN: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-40iN: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-40iN: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-40iN: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-40iN: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-40iN: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-40iN);--navigator-background-color-SCOPED-IN-form-40iN: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-40iN);--navigator-on-background-color-SCOPED-IN-form-40iN: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-40iN);color:var(--on-background-color-SCOPED-IN-form-40iN)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-40iN);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-40iN)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-40iN)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-40iN);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-40iN)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-40iN);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-40iN);--surface-color: var(--surface-color-SCOPED-IN-form-40iN);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-40iN);--background-color: var(--background-color-SCOPED-IN-form-40iN);--on-background-color: var(--on-background-color-SCOPED-IN-form-40iN)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -557,7 +567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-BcHR: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-BcHR: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-BcHR: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-BcHR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-BcHR: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-BcHR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-BcHR: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-BcHR: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-BcHR: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-BcHR: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-BcHR);--navigator-background-color-SCOPED-IN-form-BcHR: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-BcHR);--navigator-on-background-color-SCOPED-IN-form-BcHR: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-BcHR);color:var(--on-background-color-SCOPED-IN-form-BcHR)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-BcHR);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-BcHR)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-BcHR)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-BcHR);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-BcHR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-BcHR);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-BcHR);--surface-color: var(--surface-color-SCOPED-IN-form-BcHR);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-BcHR);--background-color: var(--background-color-SCOPED-IN-form-BcHR);--on-background-color: var(--on-background-color-SCOPED-IN-form-BcHR)}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-40iN: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-40iN: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-40iN: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-40iN: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-40iN: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-40iN: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-40iN: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-40iN: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-40iN: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-40iN: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-40iN);--navigator-background-color-SCOPED-IN-form-40iN: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-40iN);--navigator-on-background-color-SCOPED-IN-form-40iN: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-40iN);color:var(--on-background-color-SCOPED-IN-form-40iN)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-40iN);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-40iN)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-40iN)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-40iN);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-40iN)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-40iN);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-40iN);--surface-color: var(--surface-color-SCOPED-IN-form-40iN);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-40iN);--background-color: var(--background-color-SCOPED-IN-form-40iN);--on-background-color: var(--on-background-color-SCOPED-IN-form-40iN)}\n"] }]
         }], propDecorators: { back: [] } });
 /**