@ng-atomic/components 17.14.0 → 18.0.0

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

@@ -5,12 +5,10 @@ import { isPlatformServer } from '@angular/common';
 import { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
 import { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';
-import { injectIndexForm, TableOrganism, TableOrganismStore } from '@ng-atomic/components/organisms/table';
+import { injectIndexForm, TableOrganismStore, TableOrganism } from '@ng-atomic/components/organisms/table';
 import { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';
 import { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';
-import { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';
 import { InjectableComponent, _computed, computeFake, TokenizedType, NgAtomicComponent, Effect } from '@ng-atomic/core';
-import { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';
 import { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';
 import { DividerFrame } from '@ng-atomic/components/frames/divider';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -25,7 +23,6 @@ import { injectModelName } from '@ng-atomic/common/pipes/domain';
 import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import { computedRawValue } from '@ng-atomic/common/utils';
 import { toObservable } from '@angular/core/rxjs-interop';
-import { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';
 import { FlatTreeControl } from '@angular/cdk/tree';
 
 var IndexTemplateStore_1;
@@ -128,8 +125,8 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             IndexPipe,
             IndexLengthPipe,
         ], usesInheritance: true, ngImport: i0 }); }
@@ -137,7 +134,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
 IndexTemplateStore = IndexTemplateStore_1 = __decorate([
     TokenizedType()
 ], IndexTemplateStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplateStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -175,8 +172,8 @@ class IndexTemplate extends NgAtomicComponent {
     back() {
         this.dispatch({ id: ActionId.BACK });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: IndexTemplate, isStandalone: true, selector: "templates-index", host: { classAttribute: "template" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IndexTemplate, isStandalone: true, selector: "templates-index", host: { classAttribute: "template" }, providers: [
             QueryResolverService,
         ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "tableIsHidden", "tableIsHidden", "tableTreeControl", "tableTreeControl", "form", "form", "title", "title", "description", "description", "items", "items", "itemsLength", "itemsLength", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight"] }], ngImport: i0, template: `
   <frames-scroll>
@@ -253,7 +250,8 @@ 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-xog2: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-xog2: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-xog2: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-xog2: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-xog2: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-xog2: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-xog2: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-xog2: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-xog2: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-xog2);--navigator-background-color-SCOPED-IN-index-xog2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-xog2);--navigator-on-background-color-SCOPED-IN-index-xog2: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-xog2);--table-background-color-SCOPED-IN-index-xog2: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-xog2);--table-on-background-color-SCOPED-IN-index-xog2: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-xog2: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-xog2: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-xog2);color:var(--on-background-color-SCOPED-IN-index-xog2);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-xog2);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-xog2)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-xog2);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-xog2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-xog2);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-xog2);--surface-color: var(--surface-color-SCOPED-IN-index-xog2);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-xog2);--background-color: var(--background-color-SCOPED-IN-index-xog2);--on-background-color: var(--on-background-color-SCOPED-IN-index-xog2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-xog2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-xog2)}\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-kql1: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-kql1: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-kql1: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-kql1: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-kql1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-kql1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-kql1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-kql1: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-kql1: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-kql1);--navigator-background-color-SCOPED-IN-index-kql1: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-kql1);--navigator-on-background-color-SCOPED-IN-index-kql1: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-kql1);--table-background-color-SCOPED-IN-index-kql1: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-kql1);--table-on-background-color-SCOPED-IN-index-kql1: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-kql1: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-kql1: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-kql1);color:var(--on-background-color-SCOPED-IN-index-kql1);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-kql1);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-kql1)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-kql1)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-kql1);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-kql1);--surface-color: var(--surface-color-SCOPED-IN-index-kql1);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-kql1);--background-color: var(--background-color-SCOPED-IN-index-kql1);--on-background-color: var(--on-background-color-SCOPED-IN-index-kql1)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-kql1)}\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, deferBlockDependencies: [() => [GridCardsSectionOrganism], () => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), DividerFrame,
+                TableOrganismStore], () => [import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganismStore)], () => [import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganismStore)]] }); }
 }
 __decorate([
     Effect(TableOrganism.ActionId.HEADER_CLICK),
@@ -293,25 +291,25 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], IndexTemplate.prototype, "back", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplate, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [
-                        DataAccessorPipe,
-                        AutoLayoutFrame,
-                        ChipsInputSectionOrganism,
-                        ScrollFrame,
-                        DividerFrame,
-                        GridToolbarOrganismStore,
-                        PaginatorOrganismStore,
-                        TableOrganismStore,
-                        SmartListOrganism,
-                        GridCardsSectionOrganism,
-                        SelectionListOrganism,
-                        NavigatorOrganismStore,
-                        FiltersSectionOrganism,
-                        HeaderMoleculeStore,
-                        SortByPipe,
-                    ], selector: 'templates-index', template: `
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplate, resolveDeferredDeps: () => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganismStore), import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganismStore)], resolveMetadata: (ChipsInputSectionOrganism, GridToolbarOrganismStore, PaginatorOrganismStore) => ({ decorators: [{
+                type: Component,
+                args: [{ standalone: true, imports: [
+                            DataAccessorPipe,
+                            AutoLayoutFrame,
+                            ChipsInputSectionOrganism,
+                            ScrollFrame,
+                            DividerFrame,
+                            GridToolbarOrganismStore,
+                            PaginatorOrganismStore,
+                            TableOrganismStore,
+                            SmartListOrganism,
+                            GridCardsSectionOrganism,
+                            SelectionListOrganism,
+                            NavigatorOrganismStore,
+                            FiltersSectionOrganism,
+                            HeaderMoleculeStore,
+                            SortByPipe,
+                        ], selector: 'templates-index', template: `
   <frames-scroll>
     <organisms-navigator injectable
       [startActions]="store.navStartActions()"
@@ -387,34 +385,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     </frames-auto-layout>
   </frames-scroll>
   `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, hostDirectives: [
-                        {
-                            directive: IndexTemplateStore,
-                            inputs: [
-                                'gridToolbarActions',
-                                'tableChildrenKey',
-                                'tableIsHidden',
-                                'tableTreeControl',
-                                'form',
-                                'title',
-                                'description',
-                                'items',
-                                'itemsLength',
-                                'itemActions',
-                                'navStartActions',
-                                'navEndActions',
-                                'groupedBy',
-                                'groupKeys',
-                                'selection',
-                                'pageSizeOptions',
-                                'type',
-                                'highlight'
-                            ],
-                            outputs: [],
-                        }
-                    ], providers: [
-                        QueryResolverService,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-xog2: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-xog2: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-xog2: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-xog2: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-xog2: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-xog2: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-xog2: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-xog2: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-xog2: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-xog2);--navigator-background-color-SCOPED-IN-index-xog2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-xog2);--navigator-on-background-color-SCOPED-IN-index-xog2: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-xog2);--table-background-color-SCOPED-IN-index-xog2: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-xog2);--table-on-background-color-SCOPED-IN-index-xog2: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-xog2: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-xog2: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-xog2);color:var(--on-background-color-SCOPED-IN-index-xog2);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-xog2);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-xog2)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-xog2);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-xog2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-xog2);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-xog2);--surface-color: var(--surface-color-SCOPED-IN-index-xog2);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-xog2);--background-color: var(--background-color-SCOPED-IN-index-xog2);--on-background-color: var(--on-background-color-SCOPED-IN-index-xog2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-xog2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-xog2)}\n"] }]
-        }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], onHeaderCheckboxClick: [], back: [] } });
+                            {
+                                directive: IndexTemplateStore,
+                                inputs: [
+                                    'gridToolbarActions',
+                                    'tableChildrenKey',
+                                    'tableIsHidden',
+                                    'tableTreeControl',
+                                    'form',
+                                    'title',
+                                    'description',
+                                    'items',
+                                    'itemsLength',
+                                    'itemActions',
+                                    'navStartActions',
+                                    'navEndActions',
+                                    'groupedBy',
+                                    'groupKeys',
+                                    'selection',
+                                    'pageSizeOptions',
+                                    'type',
+                                    'highlight'
+                                ],
+                                outputs: [],
+                            }
+                        ], providers: [
+                            QueryResolverService,
+                        ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-kql1: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-kql1: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-kql1: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-kql1: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-kql1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-kql1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-kql1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-kql1: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-kql1: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-kql1);--navigator-background-color-SCOPED-IN-index-kql1: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-kql1);--navigator-on-background-color-SCOPED-IN-index-kql1: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-kql1);--table-background-color-SCOPED-IN-index-kql1: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-kql1);--table-on-background-color-SCOPED-IN-index-kql1: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-kql1: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-kql1: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-kql1);color:var(--on-background-color-SCOPED-IN-index-kql1);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-kql1);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-kql1)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-kql1)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-kql1);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-kql1);--surface-color: var(--surface-color-SCOPED-IN-index-kql1);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-kql1);--background-color: var(--background-color-SCOPED-IN-index-kql1);--on-background-color: var(--on-background-color-SCOPED-IN-index-kql1)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-kql1)}\n"] }]
+            }], ctorParameters: null, propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], onHeaderCheckboxClick: [], back: [] } }) });
 
 /**
  * Generated bundle index. Do not edit.

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

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

@@ -4,13 +4,13 @@ import { Directive, inject, Component, ChangeDetectionStrategy } from '@angular/
 import { InjectableComponent, TokenizedType } from '@ng-atomic/core';
 
 let BackgroundTemplateStore = class BackgroundTemplateStore extends InjectableComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplateStore, isStandalone: true, selector: "templates-background", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: BackgroundTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: BackgroundTemplateStore, isStandalone: true, selector: "templates-background", usesInheritance: true, ngImport: i0 }); }
 };
 BackgroundTemplateStore = __decorate([
     TokenizedType()
 ], BackgroundTemplateStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: BackgroundTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'templates-background' }]
         }] });
@@ -18,14 +18,14 @@ class BackgroundTemplate {
     constructor() {
         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-rwLv: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-rwLv: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-rwLv);color:var(--on-background-color-SCOPED-IN-background-rwLv)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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-mXlZ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-mXlZ: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-mXlZ);color:var(--on-background-color-SCOPED-IN-background-mXlZ)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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-rwLv: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-rwLv: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-rwLv);color:var(--on-background-color-SCOPED-IN-background-rwLv)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-mXlZ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-mXlZ: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-mXlZ);color:var(--on-background-color-SCOPED-IN-background-mXlZ)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-code-editor.mjs

@@ -13,10 +13,10 @@ class CodeEditorTemplateStore {
         this.content = model('');
         this.extensions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CodeEditorTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: CodeEditorTemplateStore, isStandalone: true, selector: "templates-code-editor", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { content: "contentChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CodeEditorTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: CodeEditorTemplateStore, isStandalone: true, selector: "templates-code-editor", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { content: "contentChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CodeEditorTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CodeEditorTemplateStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -30,15 +30,15 @@ class CodeEditorTemplate extends NgAtomicComponent {
         this.editor = viewChild(EditorComponent);
     }
     static { this.ActionId = ActionId; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CodeEditorTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.2", type: CodeEditorTemplate, isStandalone: true, selector: "templates-code-editor", viewQueries: [{ propertyName: "editor", first: true, predicate: EditorComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: CodeEditorTemplateStore, inputs: ["content", "content", "extensions", "extensions"], outputs: ["contentChange", "contentChange"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CodeEditorTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.1.2", type: CodeEditorTemplate, isStandalone: true, selector: "templates-code-editor", viewQueries: [{ propertyName: "editor", first: true, predicate: EditorComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: CodeEditorTemplateStore, inputs: ["content", "content", "extensions", "extensions"], outputs: ["contentChange", "contentChange"] }], ngImport: i0, template: `
     <extras-editor
       [(content)]="store.content"
       [extensions]="store.extensions()"
     />
   `, isInline: true, styles: [":host{display:block;width:100%;height:100%}:host extras-editor{height:100%;max-height:100%;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EditorComponent, selector: "extras-editor", inputs: ["content", "keyActions", "extensions"], outputs: ["contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CodeEditorTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CodeEditorTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-code-editor', standalone: true, imports: [
                         CommonModule,

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

@@ -48,10 +48,10 @@ class ColumnsTemplateStore extends InjectableComponent {
             ColumnsTemplateStore.Config.provide(),
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ColumnsTemplateStore, isStandalone: true, selector: "templates-columns", inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, fieldMap: { classPropertyName: "fieldMap", publicName: "fieldMap", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ColumnsTemplateStore, isStandalone: true, selector: "templates-columns", inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, fieldMap: { classPropertyName: "fieldMap", publicName: "fieldMap", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'templates-columns' }]
         }] });
@@ -68,8 +68,8 @@ class ColumnsTemplate extends NgAtomicComponent {
     onToggle(event, id) {
         this.store.form().get(['map', id, 'visible']).patchValue(event.checked);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ColumnsTemplate, isStandalone: true, selector: "templates-columns", usesInheritance: true, hostDirectives: [{ directive: ColumnsTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "title", "title", "form", "form", "actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ColumnsTemplate, isStandalone: true, selector: "templates-columns", usesInheritance: true, hostDirectives: [{ directive: ColumnsTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "title", "title", "form", "form", "actions", "actions"] }], ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator injectable
       [startActions]="store.navStartActions()"
@@ -97,9 +97,9 @@ class ColumnsTemplate extends NgAtomicComponent {
       </mat-list>
     </div>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-kSl6: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-kSl6: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-kSl6: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-kSl6: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-kSl6: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-kSl6: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-kSl6: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-kSl6: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-kSl6: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-kSl6: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-kSl6);--navigator-background-color-SCOPED-IN-columns-kSl6: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-kSl6);--navigator-on-background-color-SCOPED-IN-columns-kSl6: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-kSl6);color:var(--on-background-color-SCOPED-IN-columns-kSl6)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-columns-kSl6);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-kSl6)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-kSl6)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-kSl6);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-kSl6)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-kSl6);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-kSl6);--surface-color: var(--surface-color-SCOPED-IN-columns-kSl6);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-kSl6);--background-color: var(--background-color-SCOPED-IN-columns-kSl6);--on-background-color: var(--on-background-color-SCOPED-IN-columns-kSl6)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-columns', standalone: true, imports: [
                         ScrollFrame,
@@ -150,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                                 'actions',
                             ],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-kSl6: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-kSl6: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-kSl6: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-kSl6: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-kSl6: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-kSl6: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-kSl6: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-kSl6: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-kSl6: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-kSl6: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-kSl6);--navigator-background-color-SCOPED-IN-columns-kSl6: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-kSl6);--navigator-on-background-color-SCOPED-IN-columns-kSl6: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-kSl6);color:var(--on-background-color-SCOPED-IN-columns-kSl6)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-columns-kSl6);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-kSl6)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-kSl6)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-kSl6);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-kSl6)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-kSl6);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-kSl6);--surface-color: var(--surface-color-SCOPED-IN-columns-kSl6);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-kSl6);--background-color: var(--background-color-SCOPED-IN-columns-kSl6);--on-background-color: var(--on-background-color-SCOPED-IN-columns-kSl6)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-columns.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/columns/columns.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/columns/ng-atomic-components-templates-columns.ts"],"sourcesContent":["import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { JsonPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatSlideToggle, MatSlideToggleChange } from '@angular/material/slide-toggle';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { _computed, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { injectColumnsForm } from '@ng-atomic/common/services/form/columns';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\n\n@Directive({standalone: true, selector: 'templates-columns'})\nexport class ColumnsTemplateStore extends InjectableComponent {\n  static Config = makeConfig(() => {\n    const form = injectColumnsForm();\n    return () => ({\n      navStartActions: [],\n      navEndActions: [],\n      title: '',\n      form,\n      formFlatExcludes: [],\n      actions: [],\n      fieldMap: {},\n    });\n  }, ['components', 'templates', 'columns']);\n\n  static provideDefault() {\n    return [\n      ColumnsTemplateStore.Config.provide(),\n    ];\n  }\n  readonly config = ColumnsTemplateStore.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 actions = input(_computed(() => this.config().actions));\n  readonly fieldMap = input(_computed(() => this.config().fieldMap));\n\n  readonly columnIds = computedAsync(() => {\n    return this.form().valueChanges.pipe(startWith(this.form().getRawValue()), map((value) => value.ids));\n  });\n}\n\n@Component({\n  selector: 'templates-columns',\n  standalone: true,\n  imports: [\n    ScrollFrame,\n    NavigatorOrganismStore,\n    HeaderMoleculeStore,\n    MatListModule,\n    DragDropModule,\n    MatSlideToggle,\n    MatIcon,\n    JsonPipe,\n    DomainPipe,\n  ],\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    <div cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n      <mat-list>\n        @for (id of store.columnIds(); track id) {\n          <mat-list-item cdkDrag style=\"width: 100%;\">\n            <span matListItemIcon cdkDragHandle style=\"cursor: move; margin-right: 16px;\">\n              <mat-icon>drag_handle</mat-icon>\n            </span>\n            <span> {{ id | domain }}</span>\n            <mat-slide-toggle\n              [checked]=\"store.form().get(['map', id, 'visible']).value\"\n              (change)=\"onToggle($event, id)\"\n              matListItemMeta\n            />\n          </mat-list-item>\n        }\n      </mat-list>\n    </div>\n  </frames-scroll>\n  `,\n  styleUrl: './columns.template.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ColumnsTemplateStore,\n      inputs: [\n        'navStartActions',\n        'navEndActions',\n        'title',\n        'form',\n        'actions',\n      ],\n    },\n  ]\n})\nexport class ColumnsTemplate extends NgAtomicComponent {\n  protected store = inject(ColumnsTemplateStore);\n\n  protected onDrop(event: CdkDragDrop<string[]>) {\n    const ids = this.store.form().get(['ids']).value;\n    moveItemInArray(ids, event.previousIndex, event.currentIndex);\n    this.store.form().get(['ids']).patchValue([...ids]);\n  }\n\n  protected onToggle(event: MatSlideToggleChange, id: string) {\n    this.store.form().get(['map', id, 'visible']).patchValue(event.checked);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiBM,MAAO,oBAAqB,SAAQ,mBAAmB,CAAA;AAD7D,IAAA,WAAA,GAAA;;AAoBW,QAAA,IAAA,CAAA,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC9C,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE1D,QAAA,IAAA,CAAA,SAAS,GAAG,aAAa,CAAC,MAAK;AACtC,YAAA,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACxG,SAAC,CAAC,CAAC;AACJ,KAAA;AA7BQ,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;AAC9B,QAAA,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAC;QACjC,OAAO,OAAO;AACZ,YAAA,eAAe,EAAE,EAAE;AACnB,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,KAAK,EAAE,EAAE;YACT,IAAI;AACJ,YAAA,gBAAgB,EAAE,EAAE;AACpB,YAAA,OAAO,EAAE,EAAE;AACX,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,SAAS,CAAC,CAX5B,CAW8B,EAAA;AAE3C,IAAA,OAAO,cAAc,GAAA;QACnB,OAAO;AACL,YAAA,oBAAoB,CAAC,MAAM,CAAC,OAAO,EAAE;SACtC,CAAC;KACH;8GAlBU,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAC,CAAA;;AA2FtD,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;AA1DtD,IAAA,WAAA,GAAA;;AA2DY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAWhD,KAAA;AATW,IAAA,MAAM,CAAC,KAA4B,EAAA;AAC3C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACjD,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAC9D,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;KACrD;IAES,QAAQ,CAAC,KAA2B,EAAE,EAAU,EAAA;QACxD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;KACzE;8GAXU,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA1Ff,oBAAoB,EA8CrB,MAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+sEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAtCC,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,sBAAsB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,mBAAmB,EACnB,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,cAAc,EACd,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,eAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,sIAEP,UAAU,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA8CD,eAAe,EAAA,UAAA,EAAA,CAAA;kBA1D3B,SAAS;+BACE,mBAAmB,EAAA,UAAA,EACjB,IAAI,EACP,OAAA,EAAA;wBACP,WAAW;wBACX,sBAAsB;wBACtB,mBAAmB;wBACnB,aAAa;wBACb,cAAc;wBACd,cAAc;wBACd,OAAO;wBACP,QAAQ;wBACR,UAAU;qBACX,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,oBAAoB;AAC/B,4BAAA,MAAM,EAAE;gCACN,iBAAiB;gCACjB,eAAe;gCACf,OAAO;gCACP,MAAM;gCACN,SAAS;AACV,6BAAA;AACF,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,+sEAAA,CAAA,EAAA,CAAA;;;ACzGH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-columns.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/columns/columns.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/columns/ng-atomic-components-templates-columns.ts"],"sourcesContent":["import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { JsonPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatSlideToggle, MatSlideToggleChange } from '@angular/material/slide-toggle';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { _computed, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { injectColumnsForm } from '@ng-atomic/common/services/form/columns';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\n\n@Directive({standalone: true, selector: 'templates-columns'})\nexport class ColumnsTemplateStore extends InjectableComponent {\n  static Config = makeConfig(() => {\n    const form = injectColumnsForm();\n    return () => ({\n      navStartActions: [],\n      navEndActions: [],\n      title: '',\n      form,\n      formFlatExcludes: [],\n      actions: [],\n      fieldMap: {},\n    });\n  }, ['components', 'templates', 'columns']);\n\n  static provideDefault() {\n    return [\n      ColumnsTemplateStore.Config.provide(),\n    ];\n  }\n  readonly config = ColumnsTemplateStore.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 actions = input(_computed(() => this.config().actions));\n  readonly fieldMap = input(_computed(() => this.config().fieldMap));\n\n  readonly columnIds = computedAsync(() => {\n    return this.form().valueChanges.pipe(startWith(this.form().getRawValue()), map((value) => value.ids));\n  });\n}\n\n@Component({\n  selector: 'templates-columns',\n  standalone: true,\n  imports: [\n    ScrollFrame,\n    NavigatorOrganismStore,\n    HeaderMoleculeStore,\n    MatListModule,\n    DragDropModule,\n    MatSlideToggle,\n    MatIcon,\n    JsonPipe,\n    DomainPipe,\n  ],\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    <div cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n      <mat-list>\n        @for (id of store.columnIds(); track id) {\n          <mat-list-item cdkDrag style=\"width: 100%;\">\n            <span matListItemIcon cdkDragHandle style=\"cursor: move; margin-right: 16px;\">\n              <mat-icon>drag_handle</mat-icon>\n            </span>\n            <span> {{ id | domain }}</span>\n            <mat-slide-toggle\n              [checked]=\"store.form().get(['map', id, 'visible']).value\"\n              (change)=\"onToggle($event, id)\"\n              matListItemMeta\n            />\n          </mat-list-item>\n        }\n      </mat-list>\n    </div>\n  </frames-scroll>\n  `,\n  styleUrl: './columns.template.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ColumnsTemplateStore,\n      inputs: [\n        'navStartActions',\n        'navEndActions',\n        'title',\n        'form',\n        'actions',\n      ],\n    },\n  ]\n})\nexport class ColumnsTemplate extends NgAtomicComponent {\n  protected store = inject(ColumnsTemplateStore);\n\n  protected onDrop(event: CdkDragDrop<string[]>) {\n    const ids = this.store.form().get(['ids']).value;\n    moveItemInArray(ids, event.previousIndex, event.currentIndex);\n    this.store.form().get(['ids']).patchValue([...ids]);\n  }\n\n  protected onToggle(event: MatSlideToggleChange, id: string) {\n    this.store.form().get(['map', id, 'visible']).patchValue(event.checked);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}