@ng-atomic/components 17.4.0 → 17.6.0

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

@@ -38,6 +38,16 @@ var ActionId;
     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) {
+    switch (context.breakpoint) {
+        case 'xSmall': return 'list';
+        case 'small': return 'table';
+        case 'medium': return 'table';
+        case 'large': return 'table';
+        case 'xLarge': return 'table';
+        default: return 'table';
+    }
+}
 let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
     constructor() {
         super(...arguments);
@@ -70,16 +80,6 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
     static { IndexTemplateStore_1 = this; }
     static { this.Config = makeConfig(() => {
         const modelName = injectModelName();
-        function getType(context) {
-            switch (context.breakpoint) {
-                case 'xSmall': return 'list';
-                case 'small': return 'table';
-                case 'medium': return 'table';
-                case 'large': return 'table';
-                case 'xLarge': return 'table';
-                default: return 'table';
-            }
-        }
         function getWidth(context) {
             switch (context.breakpoint) {
                 case 'xSmall': return 'var(--page-width-lv1)';
@@ -235,7 +235,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-LPsU: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-LPsU: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-LPsU: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-LPsU: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-LPsU: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-LPsU: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-LPsU: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-LPsU: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-LPsU: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-LPsU);--navigator-background-color-SCOPED-IN-index-LPsU: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--navigator-on-background-color-SCOPED-IN-index-LPsU: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-LPsU: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-LPsU: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-LPsU);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-LPsU);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-LPsU)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-LPsU);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--surface-color: var(--surface-color-SCOPED-IN-index-LPsU);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-LPsU);--background-color: var(--background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--on-background-color-SCOPED-IN-index-LPsU)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-LPsU)}\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-XgEw: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-XgEw: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-XgEw: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-XgEw: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-XgEw: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-XgEw: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-XgEw: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-XgEw: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-XgEw: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-XgEw);--navigator-background-color-SCOPED-IN-index-XgEw: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--navigator-on-background-color-SCOPED-IN-index-XgEw: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-XgEw);--table-background-color-SCOPED-IN-index-XgEw: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw);--table-on-background-color-SCOPED-IN-index-XgEw: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-XgEw: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-XgEw: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-XgEw);color:var(--on-background-color-SCOPED-IN-index-XgEw);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-XgEw);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-XgEw)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-XgEw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-XgEw);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--surface-color: var(--surface-color-SCOPED-IN-index-XgEw);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-XgEw);--background-color: var(--background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-XgEw)}\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),
@@ -375,12 +375,12 @@ 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-LPsU: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-LPsU: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-LPsU: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-LPsU: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-LPsU: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-LPsU: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-LPsU: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-LPsU: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-LPsU: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-LPsU);--navigator-background-color-SCOPED-IN-index-LPsU: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--navigator-on-background-color-SCOPED-IN-index-LPsU: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-LPsU: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-LPsU: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-LPsU);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-LPsU);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-LPsU)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-LPsU);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--surface-color: var(--surface-color-SCOPED-IN-index-LPsU);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-LPsU);--background-color: var(--background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--on-background-color-SCOPED-IN-index-LPsU)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-LPsU)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-XgEw: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-XgEw: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-XgEw: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-XgEw: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-XgEw: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-XgEw: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-XgEw: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-XgEw: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-XgEw: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-XgEw);--navigator-background-color-SCOPED-IN-index-XgEw: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--navigator-on-background-color-SCOPED-IN-index-XgEw: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-XgEw);--table-background-color-SCOPED-IN-index-XgEw: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw);--table-on-background-color-SCOPED-IN-index-XgEw: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-XgEw: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-XgEw: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-XgEw);color:var(--on-background-color-SCOPED-IN-index-XgEw);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-XgEw);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-XgEw)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-XgEw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-XgEw);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--surface-color: var(--surface-color-SCOPED-IN-index-XgEw);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-XgEw);--background-color: var(--background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-XgEw)}\n"] }]
         }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, IndexTemplate, IndexTemplateStore };
+export { ActionId, IndexTemplate, IndexTemplateStore, getType };
 //# sourceMappingURL=ng-atomic-components-templates-_index.mjs.map

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

@@ -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\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 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    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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"}
+{"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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"}

package/fesm2022/ng-atomic-components-templates-background.mjs

@@ -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-IHKU: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-IHKU: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-IHKU);color:var(--on-background-color-SCOPED-IN-background-IHKU)}\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-c0xK: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-c0xK: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-c0xK);color:var(--on-background-color-SCOPED-IN-background-c0xK)}\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-IHKU: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-IHKU: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-IHKU);color:var(--on-background-color-SCOPED-IN-background-IHKU)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-c0xK: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-c0xK: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-c0xK);color:var(--on-background-color-SCOPED-IN-background-c0xK)}\n"] }]
         }] });
 
 /**

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

@@ -30,6 +30,7 @@ let EntranceTemplateStore = class EntranceTemplateStore extends InjectableCompon
         ]);
         this.title = input('ログイン');
     }
+    static { this.ActionId = ActionId; }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: EntranceTemplateStore, isStandalone: true, selector: "templates-entrance", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
@@ -82,7 +83,7 @@ class EntranceTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-inv2: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-inv2: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-inv2: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-inv2);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-inv2)}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-R5Vh: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-R5Vh: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-R5Vh: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-R5Vh: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-R5Vh);color:var(--on-background-color-SCOPED-IN-entrance-R5Vh);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-R5Vh)}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
@@ -129,7 +130,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-inv2: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-inv2: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-inv2: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-inv2);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-inv2)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-R5Vh: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-R5Vh: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-R5Vh: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-R5Vh: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-R5Vh);color:var(--on-background-color-SCOPED-IN-entrance-R5Vh);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-R5Vh)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-entrance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { CardFrame } from '@ng-atomic/components/frames/card';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingOrganism } from '@ng-atomic/components/organisms/heading';\nimport { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\n\nenum ActionId {\n  SIGN_IN = '[@ng-atomic/components] Sign In',\n  SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n  SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\n@TokenizedType()\n@Directive({\n  selector: 'templates-entrance',\n  standalone: true,\n})\nexport class EntranceTemplateStore extends InjectableComponent {\n  readonly form = input(new FormGroup({\n    email: new FormControl(''),\n    password: new FormControl(''),\n  }));\n  readonly actions = input([\n    { id: ActionId.SIGN_IN, name: 'Sign In', icon: 'login' },\n    { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Sign In With Google', icon: 'google' },\n    { id: ActionId.SIGN_IN_WITH_TWITTER, name: 'Sign In With Twitter', icon: 'twitter' },\n  ]);\n\n  readonly title = input('ログイン');\n}\n\n@Component({\n  selector: 'templates-entrance',\n  standalone: true,\n  imports: [\n    AutoLayoutFrame,\n    CardFrame,\n    ActionButtonsSectionOrganism,\n    HeadingOrganism,\n    SocialLoginSectionOrganism,\n    TextInputSectionOrganismStore,\n  ],\n  template: `\n  <frames-card>\n    <frames-auto-layout vertical>\n      <organisms-heading>{{ store.title() }}</organisms-heading>\n      @if (store.form()) {\n        @if (store.form().get('email')) {\n          @defer {\n            <organisms-text-input-section injectable\n              label=\"メールアドレス\"\n              [control]=\"store.form().get('email')\"\n            />\n          }\n        }\n        @if (store.form().get('password')) {\n          @defer {\n            <organisms-text-input-section injectable\n              label=\"パスワード\"\n              [control]=\"store.form().get('password')\"\n            />\n          }\n        }\n        @for (action of store.actions(); track action.id;) {\n          @defer {\n            <organisms-action-buttons-section\n              [actions]=\"[action]\"\n              (action)=\"dispatch($event)\"\n            />\n          } @error { error } }\n      }\n    </frames-auto-layout>\n  </frames-card>\n  `,\n  styleUrls: ['./entrance.template.scss'],\n  host: {class: 'template'},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: EntranceTemplateStore,\n      inputs: ['form', 'actions', 'title'],\n    },\n  ],\n})\nexport class EntranceTemplate extends NgAtomicComponent {\n  static ActionId = ActionId;\n  protected ActionId = ActionId;\n  protected store = inject(EntranceTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { CardFrame } from '@ng-atomic/components/frames/card';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingOrganism } from '@ng-atomic/components/organisms/heading';\nimport { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\n\nenum ActionId {\n  SIGN_IN = '[@ng-atomic/components] Sign In',\n  SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n  SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\n@TokenizedType()\n@Directive({\n  selector: 'templates-entrance',\n  standalone: true,\n})\nexport class EntranceTemplateStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  readonly form = input(new FormGroup({\n    email: new FormControl(''),\n    password: new FormControl(''),\n  }));\n  readonly actions = input([\n    { id: ActionId.SIGN_IN, name: 'Sign In', icon: 'login' },\n    { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Sign In With Google', icon: 'google' },\n    { id: ActionId.SIGN_IN_WITH_TWITTER, name: 'Sign In With Twitter', icon: 'twitter' },\n  ]);\n\n  readonly title = input('ログイン');\n}\n\n@Component({\n  selector: 'templates-entrance',\n  standalone: true,\n  imports: [\n    AutoLayoutFrame,\n    CardFrame,\n    ActionButtonsSectionOrganism,\n    HeadingOrganism,\n    SocialLoginSectionOrganism,\n    TextInputSectionOrganismStore,\n  ],\n  template: `\n  <frames-card>\n    <frames-auto-layout vertical>\n      <organisms-heading>{{ store.title() }}</organisms-heading>\n      @if (store.form()) {\n        @if (store.form().get('email')) {\n          @defer {\n            <organisms-text-input-section injectable\n              label=\"メールアドレス\"\n              [control]=\"store.form().get('email')\"\n            />\n          }\n        }\n        @if (store.form().get('password')) {\n          @defer {\n            <organisms-text-input-section injectable\n              label=\"パスワード\"\n              [control]=\"store.form().get('password')\"\n            />\n          }\n        }\n        @for (action of store.actions(); track action.id;) {\n          @defer {\n            <organisms-action-buttons-section\n              [actions]=\"[action]\"\n              (action)=\"dispatch($event)\"\n            />\n          } @error { error } }\n      }\n    </frames-auto-layout>\n  </frames-card>\n  `,\n  styleUrls: ['./entrance.template.scss'],\n  host: {class: 'template'},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: EntranceTemplateStore,\n      inputs: ['form', 'actions', 'title'],\n    },\n  ],\n})\nexport class EntranceTemplate extends NgAtomicComponent {\n  static ActionId = ActionId;\n  protected ActionId = ActionId;\n  protected store = inject(EntranceTemplateStore);\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-form.mjs

@@ -23,6 +23,7 @@ import { NumberInputSectionOrganismStore } from '@ng-atomic/components/organisms
 import { ImagePreviewSectionOrganism } from '@ng-atomic/components/organisms/image-preview-section';
 import { PasswordInputSectionOrganismStore } from '@ng-atomic/components/organisms/password-input-section';
 import { DateRangeInputSectionOrganism } from '@ng-atomic/components/organisms/date-range-input-section';
+import { SliderInputSectionOrganismStore } from '@ng-atomic/components/organisms/slider-input-section';
 
 function walkControls(controls, cb, excludes = [], name = '') {
     Object.entries(controls).forEach(([key, control]) => {
@@ -237,6 +238,18 @@ class FormTemplate extends NgAtomicComponent {
               />
             }
           }
+          @case ('slider') {
+            @defer {
+              <organisms-slider-input-section injectable
+                [label]="entry.name | domain"
+                [control]="entry.control"
+                [max]="entry.field?.slider?.max"
+                [min]="entry.field?.slider?.min"
+                [step]="entry.field?.slider?.step"
+                (action)="dispatch($event)"
+              />
+            }
+          }
           @case ('agreement') {
             @defer {
               <organisms-agreement-input-section injectable
@@ -269,7 +282,7 @@ class FormTemplate extends NgAtomicComponent {
       />
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-rDBF: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-rDBF: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-rDBF: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-rDBF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-rDBF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-rDBF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-rDBF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-rDBF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-rDBF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-rDBF: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-rDBF);--navigator-background-color-SCOPED-IN-form-rDBF: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--navigator-on-background-color-SCOPED-IN-form-rDBF: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-rDBF)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-rDBF);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-rDBF)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-rDBF)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-rDBF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-rDBF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--surface-color: var(--surface-color-SCOPED-IN-form-rDBF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-rDBF);--background-color: var(--background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--on-background-color-SCOPED-IN-form-rDBF)}\n"], dependencies: [{ kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section" }, { kind: "component", type: DateRangeInputSectionOrganism, selector: "organisms-date-range-input-section" }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-ncfX: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-ncfX: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-ncfX: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-ncfX: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-ncfX: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-ncfX: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-ncfX: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-ncfX: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-ncfX: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-ncfX: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-ncfX);--navigator-background-color-SCOPED-IN-form-ncfX: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-ncfX);--navigator-on-background-color-SCOPED-IN-form-ncfX: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-ncfX);color:var(--on-background-color-SCOPED-IN-form-ncfX)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-ncfX);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-ncfX)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-ncfX)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-ncfX);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-ncfX)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ncfX);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ncfX);--surface-color: var(--surface-color-SCOPED-IN-form-ncfX);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ncfX);--background-color: var(--background-color-SCOPED-IN-form-ncfX);--on-background-color: var(--on-background-color-SCOPED-IN-form-ncfX)}\n"], dependencies: [{ kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section" }, { kind: "component", type: DateRangeInputSectionOrganism, selector: "organisms-date-range-input-section" }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -294,6 +307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         NumberInputSectionOrganismStore,
                         TextareaSectionOrganismStore,
                         SelectInputSectionOrganismStore,
+                        SliderInputSectionOrganismStore,
                         HeaderMoleculeStore,
                         VideoSectionOrganism,
                         ImagePreviewSectionOrganism,
@@ -416,6 +430,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
               />
             }
           }
+          @case ('slider') {
+            @defer {
+              <organisms-slider-input-section injectable
+                [label]="entry.name | domain"
+                [control]="entry.control"
+                [max]="entry.field?.slider?.max"
+                [min]="entry.field?.slider?.min"
+                [step]="entry.field?.slider?.step"
+                (action)="dispatch($event)"
+              />
+            }
+          }
           @case ('agreement') {
             @defer {
               <organisms-agreement-input-section injectable
@@ -461,7 +487,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-rDBF: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-rDBF: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-rDBF: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-rDBF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-rDBF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-rDBF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-rDBF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-rDBF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-rDBF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-rDBF: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-rDBF);--navigator-background-color-SCOPED-IN-form-rDBF: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--navigator-on-background-color-SCOPED-IN-form-rDBF: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-rDBF)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-rDBF);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-rDBF)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-rDBF)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-rDBF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-rDBF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--surface-color: var(--surface-color-SCOPED-IN-form-rDBF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-rDBF);--background-color: var(--background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--on-background-color-SCOPED-IN-form-rDBF)}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-ncfX: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-ncfX: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-ncfX: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-ncfX: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-ncfX: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-ncfX: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-ncfX: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-ncfX: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-ncfX: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-ncfX: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-ncfX);--navigator-background-color-SCOPED-IN-form-ncfX: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-ncfX);--navigator-on-background-color-SCOPED-IN-form-ncfX: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-ncfX);color:var(--on-background-color-SCOPED-IN-form-ncfX)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-ncfX);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-ncfX)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-ncfX)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-ncfX);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-ncfX)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ncfX);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ncfX);--surface-color: var(--surface-color-SCOPED-IN-form-ncfX);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ncfX);--background-color: var(--background-color-SCOPED-IN-form-ncfX);--on-background-color: var(--on-background-color-SCOPED-IN-form-ncfX)}\n"] }]
         }], propDecorators: { back: [] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/form/form.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/form/ng-atomic-components-templates-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, computed, inject, input } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionOrganismStore } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { TextareaSectionOrganismStore } from '@ng-atomic/components/organisms/textarea-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionOrganism } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionOrganismStore } from '@ng-atomic/components/organisms/select-input-section';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { AbstractControl } from '@angular/forms';\nimport { Action, Effect, InjectableComponent, _computed } from '@ng-atomic/core';\nimport { ActionInputSectionOrganismStore } from '@ng-atomic/components/organisms/action-input-section';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { FileInputSectionOrganism, FileInputSectionOrganismStore } from '@ng-atomic/components/organisms/file-input-section';\nimport { AgreementInputSectionOrganism } from '@ng-atomic/components/organisms/agreement-input-section';\nimport { VideoSectionOrganism } from '@ng-atomic/components/organisms/video-section';\nimport { NavActionId, injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { get } from 'lodash-es';\nimport { NumberInputSectionOrganismStore } from '@ng-atomic/components/organisms/number-input-section';\nimport { ImagePreviewSectionOrganism } from '@ng-atomic/components/organisms/image-preview-section';\nimport { PasswordInputSectionOrganismStore } from '@ng-atomic/components/organisms/password-input-section';\nimport { DateRangeInputSectionOrganism } from '@ng-atomic/components/organisms/date-range-input-section';\n\nfunction walkControls(controls: any, cb: (name: string, control: any) => void, excludes: string[] = [], name = '') {\n  Object.entries(controls).forEach(([key, control]: any) => {\n    const path = name === '' ? key : `${name}.${key}`;\n    if (excludes.includes(path)) {\n      cb(path, control);\n    } else if (control.controls) {\n      walkControls(control.controls, cb, excludes, path);\n    } else {\n      cb(path, control);\n    }\n  });\n}\n\nfunction flatControls(form: FormGroup, excludes: string[]): [string, AbstractControl][] {\n  const controlMap = new Map<string, AbstractControl>();\n  walkControls(form?.controls, (name, control: AbstractControl) => controlMap.set(name, control), [\n    ...excludes,\n  ]);\n  return [...controlMap.entries()];\n}\n\nexport enum ActionId {\n  BACK = '[@ng-atomic/components/templates/form] Back',\n  CREATE = '[@ng-atomic/components/templates/form] Create',\n  UPDATE = '[@ng-atomic/components/templates/form] Update',\n  DELETE = '[@ng-atomic/components/templates/form] Delete',\n  FILE_SELECTED = '[@ng-atomic/components/templates/form] File selected',\n  CANCEL = '[@ng-atomic/components/templates/form] Cancel',\n}\n\n@Directive({ standalone: true })\nexport class FormTemplateStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    const isRootPage = injectIsRootPage();\n    const navStartActions = injectNavStartActions(isRootPage);\n    return () => ({\n      navStartActions: navStartActions(),\n      navEndActions: [{id: ActionId.DELETE, name: '削除', icon: 'delete'}] as Action[],\n      title: '',\n      form: inject(FormBuilder).group({id: ['']}),\n      formFlatExcludes: [] as string[],\n      actions: [{id: ActionId.CREATE, name: '作成'}] as Action[],\n      fieldMap: {\n        createdAt: { type: 'date' },\n        updatedAt: { type: 'date' },\n        deletedAt: { type: 'date' },\n      } as FormFieldMap,\n    });\n  }, ['components', 'templates', 'form']);\n  readonly config = FormTemplateStore.Config.inject();\n  readonly navStartActions = input(_computed(() => this.config().navStartActions));\n  readonly navEndActions = input(_computed(() => this.config().navEndActions));\n  readonly title = input(_computed(() => this.config().title));\n  readonly form = input(_computed(() => this.config().form));\n  readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n  readonly actions = input(_computed(() => this.config().actions));\n  readonly fieldMap = input(_computed(() => this.config().fieldMap));\n  readonly controlEntries = computed(() => {\n    return flatControls(this.form(), this.formFlatExcludes()).map(([name, control]) => ({\n      name, control, field: get(this.fieldMap(), name) ?? {type: 'text'},\n    }));\n  });\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    DomainPipe,\n    AgreementInputSectionOrganism,\n    AutoLayoutFrame,\n    ScrollFrame,\n    ActionButtonsSectionOrganismStore,\n    ActionInputSectionOrganismStore,\n    FileInputSectionOrganismStore,\n    NavigatorOrganismStore,\n    DateInputSectionOrganism,\n    DateRangeInputSectionOrganism,\n    TextInputSectionOrganismStore,\n    NumberInputSectionOrganismStore,\n    TextareaSectionOrganismStore,\n    SelectInputSectionOrganismStore,\n    HeaderMoleculeStore,\n    VideoSectionOrganism,\n    ImagePreviewSectionOrganism,\n    PasswordInputSectionOrganismStore,\n  ],\n  selector: 'templates-form',\n  template: `\n  <frames-scroll>\n    <organisms-navigator injectable\n      [startActions]=\"store.navStartActions()\"\n      [endActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n      top\n    >\n      <molecules-header injectable [title]=\"store.title()\" [description]=\"''\"/>\n    </organisms-navigator>\n    <frames-auto-layout vertical>\n      @for (entry of store.controlEntries(); track entry.name;) {\n        @switch (entry.field.type) {\n          @case ('select') {\n            @defer {\n              <organisms-select-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [options]=\"entry.field.options\"\n                [placeholder]=\"entry.field.placeholder\"\n                [actions]=\"entry.field.actions\"\n                [multiple]=\"entry.field?.multiple\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('date') {\n            <!-- @defer { -->\n              <organisms-date-input-section\n                [label]=\"entry.name | domain\"\n                [hint]=\"entry.field.hint\"\n                [control]=\"entry.control\"\n                [actions]=\"entry.field.actions\"\n                (action)=\"dispatch($event)\"\n              />\n            <!-- } -->\n          }\n          @case ('date-range') {\n            <organisms-date-range-input-section\n              [label]=\"entry.name | domain\"\n              [hint]=\"entry.field.hint\"\n              [control]=\"entry.control\"\n              [actions]=\"entry.field.actions\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @case ('text') {\n            @defer {\n              <organisms-text-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [actions]=\"entry.field.actions\"\n                [hint]=\"entry.field.hint\"\n                [placeholder]=\"entry.field.placeholder\"\n                [autoComplete]=\"entry.field.autoComplete\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('number') {\n            @defer {\n              <organisms-number-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [actions]=\"entry.field.actions\"\n                [hint]=\"entry.field.hint\"\n                [placeholder]=\"entry.field.placeholder\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('textarea') {\n            @defer {\n              <organisms-textarea-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [rows]=\"entry.field.rows\"\n                [placeholder]=\"entry.field.placeholder\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('password') {\n            @defer {\n              <organisms-password-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [placeholder]=\"entry.field.placeholder\"\n                [actions]=\"entry.field.actions\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('action') {\n            @defer {\n              <organisms-action-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [actions]=\"entry.field.actions\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('file') {\n            @defer {\n              <organisms-file-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [progress]=\"entry.field?.progress\"\n                (action)=\"dispatchFileInputAction($event, entry.name)\"\n              />\n            }\n          }\n          @case ('agreement') {\n            @defer {\n              <organisms-agreement-input-section injectable\n                [control]=\"entry.control\"\n                [labelTemp]=\"entry.field?.labelTemp\"\n              />\n            }\n          }\n          @case ('preview') {\n            @defer {\n              <organisms-video-section injectable\n                [src]=\"entry.control.value\"\n                [autoplay]=\"false\"\n              />\n            }\n          }\n          @case ('preview:image') {\n            @defer {\n              <organisms-image-preview-section\n                [src]=\"entry.control.value\"\n              />\n            }\n          }\n          @case ('hidden') { }\n        }\n      }\n      <organisms-action-buttons-section injectable\n        [actions]=\"store.actions()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-auto-layout>\n  </frames-scroll>\n  `,\n  styleUrls: ['./form.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: FormTemplateStore,\n      inputs: [\n        'navStartActions',\n        'navEndActions',\n        'title',\n        'form',\n        'formFlatExcludes',\n        'actions',\n        'fieldMap',\n      ],\n    },\n  ],\n  host: {class: 'template'}\n})\nexport class FormTemplate extends NgAtomicComponent {\n  static ActionId = ActionId;\n  protected readonly store = inject(FormTemplateStore);\n  protected readonly cd = inject(ChangeDetectorRef);\n\n  protected dispatchFileInputAction(action: Action, name: string) {\n    switch (action.id) {\n      case FileInputSectionOrganism.ActionId.FILE_SELECTED: {\n        return this.dispatch({id: ActionId.FILE_SELECTED, payload: {scope: name, files: action.payload}});\n      }\n      case FileInputSectionOrganism.ActionId.CANCEL: {\n        return this.dispatch({id: ActionId.CANCEL, payload: {scope: name}});\n      }\n    }\n  }\n\n  ngOnInit(): void {\n    this.store.form().statusChanges.subscribe(() => this.cd.markForCheck());\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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"}
+{"version":3,"file":"ng-atomic-components-templates-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/form/form.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/form/ng-atomic-components-templates-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, computed, inject, input } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionOrganismStore } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { TextareaSectionOrganismStore } from '@ng-atomic/components/organisms/textarea-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionOrganism } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionOrganismStore } from '@ng-atomic/components/organisms/select-input-section';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { AbstractControl } from '@angular/forms';\nimport { Action, Effect, InjectableComponent, _computed } from '@ng-atomic/core';\nimport { ActionInputSectionOrganismStore } from '@ng-atomic/components/organisms/action-input-section';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { FileInputSectionOrganism, FileInputSectionOrganismStore } from '@ng-atomic/components/organisms/file-input-section';\nimport { AgreementInputSectionOrganism } from '@ng-atomic/components/organisms/agreement-input-section';\nimport { VideoSectionOrganism } from '@ng-atomic/components/organisms/video-section';\nimport { NavActionId, injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { get } from 'lodash-es';\nimport { NumberInputSectionOrganismStore } from '@ng-atomic/components/organisms/number-input-section';\nimport { ImagePreviewSectionOrganism } from '@ng-atomic/components/organisms/image-preview-section';\nimport { PasswordInputSectionOrganismStore } from '@ng-atomic/components/organisms/password-input-section';\nimport { DateRangeInputSectionOrganism } from '@ng-atomic/components/organisms/date-range-input-section';\nimport { SliderInputSectionOrganismStore } from '@ng-atomic/components/organisms/slider-input-section';\n\nfunction walkControls(controls: any, cb: (name: string, control: any) => void, excludes: string[] = [], name = '') {\n  Object.entries(controls).forEach(([key, control]: any) => {\n    const path = name === '' ? key : `${name}.${key}`;\n    if (excludes.includes(path)) {\n      cb(path, control);\n    } else if (control.controls) {\n      walkControls(control.controls, cb, excludes, path);\n    } else {\n      cb(path, control);\n    }\n  });\n}\n\nfunction flatControls(form: FormGroup, excludes: string[]): [string, AbstractControl][] {\n  const controlMap = new Map<string, AbstractControl>();\n  walkControls(form?.controls, (name, control: AbstractControl) => controlMap.set(name, control), [\n    ...excludes,\n  ]);\n  return [...controlMap.entries()];\n}\n\nexport enum ActionId {\n  BACK = '[@ng-atomic/components/templates/form] Back',\n  CREATE = '[@ng-atomic/components/templates/form] Create',\n  UPDATE = '[@ng-atomic/components/templates/form] Update',\n  DELETE = '[@ng-atomic/components/templates/form] Delete',\n  FILE_SELECTED = '[@ng-atomic/components/templates/form] File selected',\n  CANCEL = '[@ng-atomic/components/templates/form] Cancel',\n}\n\n@Directive({ standalone: true })\nexport class FormTemplateStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    const isRootPage = injectIsRootPage();\n    const navStartActions = injectNavStartActions(isRootPage);\n    return () => ({\n      navStartActions: navStartActions(),\n      navEndActions: [{id: ActionId.DELETE, name: '削除', icon: 'delete'}] as Action[],\n      title: '',\n      form: inject(FormBuilder).group({id: ['']}),\n      formFlatExcludes: [] as string[],\n      actions: [{id: ActionId.CREATE, name: '作成'}] as Action[],\n      fieldMap: {\n        createdAt: { type: 'date' },\n        updatedAt: { type: 'date' },\n        deletedAt: { type: 'date' },\n      } as FormFieldMap,\n    });\n  }, ['components', 'templates', 'form']);\n  readonly config = FormTemplateStore.Config.inject();\n  readonly navStartActions = input(_computed(() => this.config().navStartActions));\n  readonly navEndActions = input(_computed(() => this.config().navEndActions));\n  readonly title = input(_computed(() => this.config().title));\n  readonly form = input(_computed(() => this.config().form));\n  readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n  readonly actions = input(_computed(() => this.config().actions));\n  readonly fieldMap = input(_computed(() => this.config().fieldMap));\n  readonly controlEntries = computed(() => {\n    return flatControls(this.form(), this.formFlatExcludes()).map(([name, control]) => ({\n      name, control, field: get(this.fieldMap(), name) ?? {type: 'text'},\n    }));\n  });\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    DomainPipe,\n    AgreementInputSectionOrganism,\n    AutoLayoutFrame,\n    ScrollFrame,\n    ActionButtonsSectionOrganismStore,\n    ActionInputSectionOrganismStore,\n    FileInputSectionOrganismStore,\n    NavigatorOrganismStore,\n    DateInputSectionOrganism,\n    DateRangeInputSectionOrganism,\n    TextInputSectionOrganismStore,\n    NumberInputSectionOrganismStore,\n    TextareaSectionOrganismStore,\n    SelectInputSectionOrganismStore,\n    SliderInputSectionOrganismStore,\n    HeaderMoleculeStore,\n    VideoSectionOrganism,\n    ImagePreviewSectionOrganism,\n    PasswordInputSectionOrganismStore,\n  ],\n  selector: 'templates-form',\n  template: `\n  <frames-scroll>\n    <organisms-navigator injectable\n      [startActions]=\"store.navStartActions()\"\n      [endActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n      top\n    >\n      <molecules-header injectable [title]=\"store.title()\" [description]=\"''\"/>\n    </organisms-navigator>\n    <frames-auto-layout vertical>\n      @for (entry of store.controlEntries(); track entry.name;) {\n        @switch (entry.field.type) {\n          @case ('select') {\n            @defer {\n              <organisms-select-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [options]=\"entry.field.options\"\n                [placeholder]=\"entry.field.placeholder\"\n                [actions]=\"entry.field.actions\"\n                [multiple]=\"entry.field?.multiple\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('date') {\n            <!-- @defer { -->\n              <organisms-date-input-section\n                [label]=\"entry.name | domain\"\n                [hint]=\"entry.field.hint\"\n                [control]=\"entry.control\"\n                [actions]=\"entry.field.actions\"\n                (action)=\"dispatch($event)\"\n              />\n            <!-- } -->\n          }\n          @case ('date-range') {\n            <organisms-date-range-input-section\n              [label]=\"entry.name | domain\"\n              [hint]=\"entry.field.hint\"\n              [control]=\"entry.control\"\n              [actions]=\"entry.field.actions\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @case ('text') {\n            @defer {\n              <organisms-text-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [actions]=\"entry.field.actions\"\n                [hint]=\"entry.field.hint\"\n                [placeholder]=\"entry.field.placeholder\"\n                [autoComplete]=\"entry.field.autoComplete\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('number') {\n            @defer {\n              <organisms-number-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [actions]=\"entry.field.actions\"\n                [hint]=\"entry.field.hint\"\n                [placeholder]=\"entry.field.placeholder\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('textarea') {\n            @defer {\n              <organisms-textarea-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [rows]=\"entry.field.rows\"\n                [placeholder]=\"entry.field.placeholder\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('password') {\n            @defer {\n              <organisms-password-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [placeholder]=\"entry.field.placeholder\"\n                [actions]=\"entry.field.actions\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('action') {\n            @defer {\n              <organisms-action-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [actions]=\"entry.field.actions\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('file') {\n            @defer {\n              <organisms-file-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [hint]=\"entry.field.hint\"\n                [progress]=\"entry.field?.progress\"\n                (action)=\"dispatchFileInputAction($event, entry.name)\"\n              />\n            }\n          }\n          @case ('slider') {\n            @defer {\n              <organisms-slider-input-section injectable\n                [label]=\"entry.name | domain\"\n                [control]=\"entry.control\"\n                [max]=\"entry.field?.slider?.max\"\n                [min]=\"entry.field?.slider?.min\"\n                [step]=\"entry.field?.slider?.step\"\n                (action)=\"dispatch($event)\"\n              />\n            }\n          }\n          @case ('agreement') {\n            @defer {\n              <organisms-agreement-input-section injectable\n                [control]=\"entry.control\"\n                [labelTemp]=\"entry.field?.labelTemp\"\n              />\n            }\n          }\n          @case ('preview') {\n            @defer {\n              <organisms-video-section injectable\n                [src]=\"entry.control.value\"\n                [autoplay]=\"false\"\n              />\n            }\n          }\n          @case ('preview:image') {\n            @defer {\n              <organisms-image-preview-section\n                [src]=\"entry.control.value\"\n              />\n            }\n          }\n          @case ('hidden') { }\n        }\n      }\n      <organisms-action-buttons-section injectable\n        [actions]=\"store.actions()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-auto-layout>\n  </frames-scroll>\n  `,\n  styleUrls: ['./form.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: FormTemplateStore,\n      inputs: [\n        'navStartActions',\n        'navEndActions',\n        'title',\n        'form',\n        'formFlatExcludes',\n        'actions',\n        'fieldMap',\n      ],\n    },\n  ],\n  host: {class: 'template'}\n})\nexport class FormTemplate extends NgAtomicComponent {\n  static ActionId = ActionId;\n  protected readonly store = inject(FormTemplateStore);\n  protected readonly cd = inject(ChangeDetectorRef);\n\n  protected dispatchFileInputAction(action: Action, name: string) {\n    switch (action.id) {\n      case FileInputSectionOrganism.ActionId.FILE_SELECTED: {\n        return this.dispatch({id: ActionId.FILE_SELECTED, payload: {scope: name, files: action.payload}});\n      }\n      case FileInputSectionOrganism.ActionId.CANCEL: {\n        return this.dispatch({id: ActionId.CANCEL, payload: {scope: name}});\n      }\n    }\n  }\n\n  ngOnInit(): void {\n    this.store.form().statusChanges.subscribe(() => this.cd.markForCheck());\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-icon-button-menu.mjs

@@ -34,7 +34,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
         <mat-icon>{{ action.icon }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-6Tz0: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-6Tz0)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-kya3: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-kya3: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-kya3: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-kya3: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-kya3: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-kya3: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-kya3);color:var(--on-background-color-SCOPED-IN-icon-button-menu-kya3)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-kya3)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-6Tz0: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-6Tz0)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-kya3: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-kya3: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-kya3: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-kya3: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-kya3: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-kya3: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-kya3);color:var(--on-background-color-SCOPED-IN-icon-button-menu-kya3)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-kya3)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-icon-button-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/icon-button-menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { Action, TokenizedType } from '@ng-atomic/core';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'templates-icon-button-menu' })\nexport class IconButtonMenuTemplateStore extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'templates-icon-button-menu',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n  ],\n  template: `\n    @for (action of store.actions(); track action.id) {\n      <button mat-icon-button color=\"basic\" (click)=\"dispatch(action)\">\n        <mat-icon>{{ action.icon }}</mat-icon>\n      </button>\n    }\n  `,\n  styleUrls: ['./icon-button-menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: IconButtonMenuTemplateStore,\n      inputs: ['actions'],\n    },\n  ]\n})\nexport class IconButtonMenuTemplate extends NgAtomicComponent {\n  protected store = inject(IconButtonMenuTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAQO,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,mBAAmB,CAAA;AAA7D,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GAFY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AAFvC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,2BAA2B,CAEvC,CAAA;2FAFY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAA;;AA4BjE,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AAvB7D,IAAA,WAAA,GAAA;;AAwBY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACvD,KAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA3BtB,2BAA2B,EAW5B,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4vBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,2IACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAkBJ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAvBlC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,eAAe;wBACf,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,2BAA2B;4BACtC,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,4vBAAA,CAAA,EAAA,CAAA;;;ACjCH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-icon-button-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/icon-button-menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { Action, TokenizedType } from '@ng-atomic/core';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'templates-icon-button-menu' })\nexport class IconButtonMenuTemplateStore extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'templates-icon-button-menu',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n  ],\n  template: `\n    @for (action of store.actions(); track action.id) {\n      <button mat-icon-button color=\"basic\" (click)=\"dispatch(action)\">\n        <mat-icon>{{ action.icon }}</mat-icon>\n      </button>\n    }\n  `,\n  styleUrls: ['./icon-button-menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: IconButtonMenuTemplateStore,\n      inputs: ['actions'],\n    },\n  ]\n})\nexport class IconButtonMenuTemplate extends NgAtomicComponent {\n  protected store = inject(IconButtonMenuTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAQO,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,mBAAmB,CAAA;AAA7D,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GAFY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AAFvC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,2BAA2B,CAEvC,CAAA;2FAFY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAA;;AA4BjE,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AAvB7D,IAAA,WAAA,GAAA;;AAwBY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACvD,KAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA3BtB,2BAA2B,EAW5B,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yhCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,2IACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAkBJ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAvBlC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,eAAe;wBACf,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,2BAA2B;4BACtC,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,yhCAAA,CAAA,EAAA,CAAA;;;ACjCH;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-templates-menu.mjs

@@ -37,7 +37,7 @@ class MenuTemplate extends NgAtomicComponent {
     />
   </div>
   <organisms-menu-footer injectable/>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-MFgJ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-MFgJ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-MFgJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-MFgJ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-MFgJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-MFgJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-MFgJ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-MFgJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-MFgJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-MFgJ);height:var(--height-SCOPED-IN-menu-MFgJ);color:var(--on-background-color-SCOPED-IN-menu-MFgJ);background-color:var(--background-color-SCOPED-IN-menu-MFgJ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-MFgJ);--background-color: var(--background-color-SCOPED-IN-menu-MFgJ);--surface-color: var(--surface-color-SCOPED-IN-menu-MFgJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-MFgJ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-MFgJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-MFgJ)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-HHpe: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-HHpe: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-HHpe: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-HHpe: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-HHpe: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-HHpe: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-HHpe: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-HHpe: var(--width);--height: 100%;--height-SCOPED-IN-menu-HHpe: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-HHpe);height:var(--height-SCOPED-IN-menu-HHpe);color:var(--on-background-color-SCOPED-IN-menu-HHpe);background-color:var(--background-color-SCOPED-IN-menu-HHpe);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-HHpe);--background-color: var(--background-color-SCOPED-IN-menu-HHpe);--surface-color: var(--surface-color-SCOPED-IN-menu-HHpe);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-HHpe);--on-background-color: var(--on-background-color-SCOPED-IN-menu-HHpe);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-HHpe)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: MenuTemplateStore,
                             inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-MFgJ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-MFgJ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-MFgJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-MFgJ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-MFgJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-MFgJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-MFgJ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-MFgJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-MFgJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-MFgJ);height:var(--height-SCOPED-IN-menu-MFgJ);color:var(--on-background-color-SCOPED-IN-menu-MFgJ);background-color:var(--background-color-SCOPED-IN-menu-MFgJ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-MFgJ);--background-color: var(--background-color-SCOPED-IN-menu-MFgJ);--surface-color: var(--surface-color-SCOPED-IN-menu-MFgJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-MFgJ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-MFgJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-MFgJ)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-HHpe: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-HHpe: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-HHpe: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-HHpe: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-HHpe: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-HHpe: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-HHpe: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-HHpe: var(--width);--height: 100%;--height-SCOPED-IN-menu-HHpe: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-HHpe);height:var(--height-SCOPED-IN-menu-HHpe);color:var(--on-background-color-SCOPED-IN-menu-HHpe);background-color:var(--background-color-SCOPED-IN-menu-HHpe);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-HHpe);--background-color: var(--background-color-SCOPED-IN-menu-HHpe);--surface-color: var(--surface-color-SCOPED-IN-menu-HHpe);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-HHpe);--on-background-color: var(--on-background-color-SCOPED-IN-menu-HHpe);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-HHpe)}\n"] }]
         }] });
 
 /**