@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-pages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/pages.module.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/ng-atomic-components-pages.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\n\n@NgModule({})\nexport class NgAtomicPagesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicPagesModule,\n      providers: [\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAGa,mBAAmB,CAAA;AAC9B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,mBAAmB;AAC7B,YAAA,SAAS,EAAE,EACV;SACF,CAAA;KACF;+GAPU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;gHAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,QAAQ;mBAAC,EAAE,CAAA;;;ACFZ;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-pages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/terms/terms.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/pages.module.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/ng-atomic-components-pages.ts"],"sourcesContent":["import { Component, Directive, InjectionToken, Input, inject, input } from '@angular/core';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { TermTemplate } from '@ng-atomic/components/templates/term';\nimport { InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/pages/terms] Back',\n}\n@Directive({\n  standalone: true,\n  selector: 'templates-term',\n})\nexport class TermsPageStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      navStartActions: [\n        {\n          id: ActionId.BACK,\n          name: '戻る',\n          icon: 'arrow_back',\n        },\n      ],\n      navEndActions: [],\n      title: 'title',\n      src: 'src',\n      data: undefined,\n    });\n  }, ['components', 'pages', 'terms']);\n\n  readonly config = TermsPageStore.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 src = input(_computed(() => this.config().src));\n  readonly data = input(_computed(() => this.config().data));\n}\n\n@Component({\n  selector: 'pages-terms',\n  standalone: true,\n  imports: [\n    RouterOutletFrame,\n    TermTemplate,\n  ],\n  template: `\n    <frames-router-outlet>\n      <templates-term\n        [data]=\"store.data()\"\n        [src]=\"store.src()\"\n        [title]=\"store.title()\"\n        [navStartActions]=\"store.navStartActions()\"\n        [navEndActions]=\"store.navEndActions()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-router-outlet>\n  `,\n  styleUrl: './terms.page.scss',\n  hostDirectives: [TermsPageStore]\n})\nexport class TermsPage extends NgAtomicComponent {\n  protected readonly store = inject(TermsPageStore);\n}\n","import { NgModule } from \"@angular/core\";\nimport { IndexPageStore } from \"@ng-atomic/components/pages/_index\";\nimport { FormPageStore } from \"@ng-atomic/components/pages/form\";\nimport { TermsPageStore } from \"./terms\";\n\n@NgModule({})\nexport class NgAtomicPagesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicPagesModule,\n      providers: [\n        FormPageStore.Config.provide(),\n        IndexPageStore.Config.provide(),\n        TermsPageStore.Config.provide(),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAMA,IAAK,QAEJ,CAAA;AAFD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,0CAAiD,CAAA;AACnD,CAAC,EAFI,QAAQ,KAAR,QAAQ,GAEZ,EAAA,CAAA,CAAA,CAAA;AAKK,MAAO,cAAe,SAAQ,mBAAmB,CAAA;AAJvD,IAAA,WAAA,GAAA;;AAsBW,QAAA,IAAA,CAAA,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACxC,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,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5D,KAAA;aAvBiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;QACvC,OAAO,OAAO;AACZ,YAAA,eAAe,EAAE;AACf,gBAAA;oBACE,EAAE,EAAE,QAAQ,CAAC,IAAI;AACjB,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,IAAI,EAAE,YAAY;AACnB,iBAAA;AACF,aAAA;AACD,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAdb,CAce,EAAA;8GAhB1B,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,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,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,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,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,gBAAgB;AAC3B,iBAAA,CAAA;;AAiDK,MAAO,SAAU,SAAQ,iBAAiB,CAAA;AAtBhD,IAAA,WAAA,GAAA;;AAuBqB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACnD,KAAA;8GAFY,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAhDT,cAAc,EAiCf,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAdC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,iEACjB,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAiBH,SAAS,EAAA,UAAA,EAAA,CAAA;kBAtBrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,iBAAiB;wBACjB,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAEe,cAAA,EAAA,CAAC,cAAc,CAAC,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,CAAA;;;MCrDrB,mBAAmB,CAAA;AAC9B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,mBAAmB;AAC7B,YAAA,SAAS,EAAE;AACT,gBAAA,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE;AAC9B,gBAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE;AAC/B,gBAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE;AAChC,aAAA;SACF,CAAA;KACF;8GAVU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,QAAQ;mBAAC,EAAE,CAAA;;;ACLZ;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-sheets-actions.mjs

@@ -18,8 +18,8 @@ class ActionsSheet extends NgAtomicComponent {
         this.dispatch(action, 'root');
         this.sheetRef.dismiss(action);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsSheet, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsSheet, isStandalone: true, selector: "sheets-actions", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsSheet, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ActionsSheet, isStandalone: true, selector: "sheets-actions", usesInheritance: true, ngImport: i0, template: `
     <mat-action-list>
       <button mat-list-item *ngFor="let action of actions" (click)="onItemClick(action)">
         <atoms-icon matListItemIcon [name]="action.icon" [color]="action.color"></atoms-icon>
@@ -28,7 +28,7 @@ class ActionsSheet extends NgAtomicComponent {
     </mat-action-list>
   `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsSheet, decorators: [{
             type: Component,
             args: [{ selector: 'sheets-actions', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-sheets-actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-sheets-actions.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/sheets/actions/actions.sheet.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/actions/ng-atomic-components-sheets-actions.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { MatBottomSheetRef, MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';\nimport { MatListModule } from '@angular/material/list';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { IconAtom } from '@ng-atomic/components/atoms/icon';\n\n@Component({\n  selector: 'sheets-actions',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    IconAtom,\n  ],\n  template: `\n    <mat-action-list>\n      <button mat-list-item *ngFor=\"let action of actions\" (click)=\"onItemClick(action)\">\n        <atoms-icon matListItemIcon [name]=\"action.icon\" [color]=\"action.color\"></atoms-icon>\n        <div matListItemTitle [style.color]=\"action.color\">{{ action.name }}</div>\n      </button>\n    </mat-action-list>\n  `,\n  styleUrls: ['./actions.sheet.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionsSheet extends NgAtomicComponent {\n  protected actions = inject<Action[]>(MAT_BOTTOM_SHEET_DATA);\n  private sheetRef = inject(MatBottomSheetRef<ActionsSheet>);\n\n  protected onItemClick(action: Action): void {\n    this.dispatch(action, 'root');\n    this.sheetRef.dismiss(action);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA0BM,MAAO,YAAa,SAAQ,iBAAiB,CAAA;AAnBnD,IAAA,WAAA,GAAA;;AAoBY,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAW,qBAAqB,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAC,iBAA+B,EAAC,CAAC;AAM5D,KAAA;AAJW,IAAA,WAAW,CAAC,MAAc,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KAC/B;+GAPU,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAXb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAXC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,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,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAaC,YAAY,EAAA,UAAA,EAAA,CAAA;kBAnBxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,QAAQ;qBACT,EACS,QAAA,EAAA,CAAA;;;;;;;GAOT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,CAAA;;;ACxBjD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-sheets-actions.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/sheets/actions/actions.sheet.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/actions/ng-atomic-components-sheets-actions.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { MatBottomSheetRef, MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';\nimport { MatListModule } from '@angular/material/list';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { IconAtom } from '@ng-atomic/components/atoms/icon';\n\n@Component({\n  selector: 'sheets-actions',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    IconAtom,\n  ],\n  template: `\n    <mat-action-list>\n      <button mat-list-item *ngFor=\"let action of actions\" (click)=\"onItemClick(action)\">\n        <atoms-icon matListItemIcon [name]=\"action.icon\" [color]=\"action.color\"></atoms-icon>\n        <div matListItemTitle [style.color]=\"action.color\">{{ action.name }}</div>\n      </button>\n    </mat-action-list>\n  `,\n  styleUrls: ['./actions.sheet.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionsSheet extends NgAtomicComponent {\n  protected actions = inject<Action[]>(MAT_BOTTOM_SHEET_DATA);\n  private sheetRef = inject(MatBottomSheetRef<ActionsSheet>);\n\n  protected onItemClick(action: Action): void {\n    this.dispatch(action, 'root');\n    this.sheetRef.dismiss(action);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA0BM,MAAO,YAAa,SAAQ,iBAAiB,CAAA;AAnBnD,IAAA,WAAA,GAAA;;AAoBY,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAW,qBAAqB,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAC,iBAA+B,EAAC,CAAC;AAM5D,KAAA;AAJW,IAAA,WAAW,CAAC,MAAc,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KAC/B;8GAPU,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAXb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAXC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,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,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAaC,YAAY,EAAA,UAAA,EAAA,CAAA;kBAnBxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,QAAQ;qBACT,EACS,QAAA,EAAA,CAAA;;;;;;;GAOT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,CAAA;;;ACxBjD;;AAEG;;;;"}

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

@@ -12,12 +12,12 @@ class SheetService {
             return this.bottomSheet.open(ActionsSheet, { data: actions });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetService, deps: [{ token: i1.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SheetService, deps: [{ token: i1.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SheetService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SheetService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.MatBottomSheet }]; } });
+        }], ctorParameters: () => [{ type: i1.MatBottomSheet }] });
 
 class NgAtomicSheetsModule {
     static forRoot() {
@@ -26,11 +26,11 @@ class NgAtomicSheetsModule {
             providers: [],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, imports: [MatBottomSheetModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, providers: [SheetService], imports: [MatBottomSheetModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicSheetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicSheetsModule, imports: [MatBottomSheetModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicSheetsModule, providers: [SheetService], imports: [MatBottomSheetModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicSheetsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ng-atomic-components-sheets.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-sheets.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/sheets/sheets.service.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/sheets.module.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/ng-atomic-components-sheets.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { MatBottomSheet, MatBottomSheetRef } from '@angular/material/bottom-sheet';\nimport { Action } from '@ng-atomic/core';\n\n@Injectable()\nexport class SheetService {\n\n  constructor(private bottomSheet: MatBottomSheet) { }\n\n  async openActions(actions: Action[]): Promise<MatBottomSheetRef> {\n    return import('@ng-atomic/components/sheets/actions').then(({ActionsSheet}) => {\n      return this.bottomSheet.open(ActionsSheet, {data: actions});\n    });\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\nimport { SheetService } from \"./sheets.service\";\n\n@NgModule({\n  imports: [\n    MatBottomSheetModule\n  ],\n  providers: [SheetService]\n})\nexport class NgAtomicSheetsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicSheetsModule,\n      providers: [\n\n      ],\n    };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAKa,YAAY,CAAA;AAEvB,IAAA,WAAA,CAAoB,WAA2B,EAAA;QAA3B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgB;KAAK;IAEpD,MAAM,WAAW,CAAC,OAAiB,EAAA;AACjC,QAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,YAAY,EAAC,KAAI;AAC5E,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC;AAC9D,SAAC,CAAC,CAAC;KACJ;+GARU,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;mHAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;;;MCME,oBAAoB,CAAA;AAC/B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,SAAS,EAAE,EAEV;SACF,CAAC;KACH;+GARU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAJ7B,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAIX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAFpB,SAAA,EAAA,CAAC,YAAY,CAAC,YAFvB,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;oBACD,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-sheets.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/sheets/sheets.service.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/sheets.module.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/ng-atomic-components-sheets.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { MatBottomSheet, MatBottomSheetRef } from '@angular/material/bottom-sheet';\nimport { Action } from '@ng-atomic/core';\n\n@Injectable()\nexport class SheetService {\n\n  constructor(private bottomSheet: MatBottomSheet) { }\n\n  async openActions(actions: Action[]): Promise<MatBottomSheetRef> {\n    return import('@ng-atomic/components/sheets/actions').then(({ActionsSheet}) => {\n      return this.bottomSheet.open(ActionsSheet, {data: actions});\n    });\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\nimport { SheetService } from \"./sheets.service\";\n\n@NgModule({\n  imports: [\n    MatBottomSheetModule\n  ],\n  providers: [SheetService]\n})\nexport class NgAtomicSheetsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicSheetsModule,\n      providers: [\n\n      ],\n    };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAKa,YAAY,CAAA;AAEvB,IAAA,WAAA,CAAoB,WAA2B,EAAA;QAA3B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgB;KAAK;IAEpD,MAAM,WAAW,CAAC,OAAiB,EAAA;AACjC,QAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,YAAY,EAAC,KAAI;AAC5E,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC;AAC9D,SAAC,CAAC,CAAC;KACJ;8GARU,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;;;MCME,oBAAoB,CAAA;AAC/B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,SAAS,EAAE,EAEV;SACF,CAAC;KACH;8GARU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAJ7B,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAIX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAFpB,SAAA,EAAA,CAAC,YAAY,CAAC,YAFvB,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;oBACD,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -0,0 +1,386 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, input, computed, Directive, viewChild, Component, ChangeDetectionStrategy } from '@angular/core';
+import { 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 { 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';
+import { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';
+import { QueryResolverService } from '@ng-atomic/common/services/query-resolver';
+import { call, makeConfig, injectNavStartActions, NavActionId } from '@ng-atomic/common/services/ui';
+import { IndexPipe } from '@ng-atomic/common/pipes/index';
+import { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';
+import { SortByPipe } from '@ng-atomic/common/pipes/sort-by';
+import { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';
+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';
+
+var IndexTemplateStore_1;
+var ActionId;
+(function (ActionId) {
+    ActionId["BACK"] = "[@ng-atomic/components/templates/index] Back";
+    ActionId["TABLE_HEADER_CLICK"] = "[@ng-atomic/components/templates/index] Table Header Click";
+    ActionId["ITEM_CLICK"] = "[@ng-atomic/components/templates/index] Item Click";
+    ActionId["DETAIL"] = "[@ng-atomic/components/templates/index] Detail";
+    ActionId["LIST_ITEM_BUTTON_CLICKED"] = "[@ng-atomic/components/templates/index] List Item Button Clicked";
+    ActionId["CHECKBOX_CLICK"] = "[@ng-atomic/components/templates/index] Check Item";
+    ActionId["TOGGLE_TYPE"] = "[@ng-atomic/components/templates/index] Toggle Type";
+})(ActionId || (ActionId = {}));
+let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = IndexTemplateStore_1.Config.inject();
+        this.isPlatformServer = isPlatformServer(inject(PLATFORM_ID));
+        this.form = input(_computed(() => this.config().form));
+        this.gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));
+        this.toggleActions = input(_computed(() => this.config().toggleActions));
+        this.tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));
+        this.itemActions = input(_computed(() => this.config().itemActions));
+        this.title = input(_computed(() => this.config().title));
+        this.description = input(_computed(() => this.config().description));
+        this.items = input(_computed(() => this.config().items));
+        this.navStartActions = input(_computed(() => this.config().navStartActions));
+        this.navEndActions = input(_computed(() => this.config().navEndActions));
+        this.groupedBy = input(_computed(() => this.config().groupedBy));
+        this.groupKeys = input(_computed(() => this.config().groupKeys));
+        this.pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));
+        this.type = input(_computed(() => this.config().type));
+        this.selection = input(_computed(() => this.config().selection));
+        this.highlight = input(_computed(() => this.config().highlight));
+        this.form$ = toObservable(computeFake(this.form));
+        this.formValue = computedRawValue(() => call(this.form()));
+        this.pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe) };
+        this.indexItems = computed(() => {
+            return this.pipes.index.transform(this.items(), this.formValue());
+        });
+        this.indexItemsLength = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue()));
+    }
+    static { IndexTemplateStore_1 = this; }
+    static { this.Config = makeConfig(() => {
+        const modelName = injectModelName();
+        function getType(context) {
+            switch (context.breakpoint) {
+                case 'xSmall': return 'list';
+                case 'small': return 'table';
+                case 'medium': return 'table';
+                case 'large': return 'table';
+                case 'xLarge': return 'table';
+                default: return 'table';
+            }
+        }
+        function getWidth(context) {
+            switch (context.breakpoint) {
+                case 'xSmall': return 'var(--page-width-lv1)';
+                case 'small':
+                case 'medium':
+                case 'large':
+                case 'xLarge':
+                default: return 'var(--page-width-lv2)';
+            }
+        }
+        const form = injectIndexForm();
+        const navStartActions = injectNavStartActions();
+        return (_, context) => ({
+            form,
+            toggleActions: [
+                { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },
+                { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },
+                { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },
+            ],
+            gridToolbarActions: [],
+            tableChildrenKey: '',
+            itemActions: (item) => [{ id: ActionId.DETAIL, icon: 'open_in_new', payload: item }],
+            items: [],
+            title: `${modelName()}一覧`,
+            description: ``,
+            navStartActions: navStartActions(),
+            navEndActions: [],
+            groupedBy: null,
+            groupKeys: [],
+            type: getType(context),
+            pageSizeOptions: [5, 10, 25, 100],
+            width: getWidth(context),
+            selection: new SelectionModel(true, []),
+            highlight: new SelectionModel(true, []),
+        });
+    }, ['components', 'templates', 'index']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            IndexPipe,
+            IndexLengthPipe,
+        ], usesInheritance: true, ngImport: i0 }); }
+};
+IndexTemplateStore = IndexTemplateStore_1 = __decorate([
+    TokenizedType()
+], IndexTemplateStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'templates-index',
+                    providers: [
+                        IndexPipe,
+                        IndexLengthPipe,
+                    ],
+                }]
+        }] });
+class IndexTemplate extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.ActionId = ActionId;
+        this.store = inject(IndexTemplateStore);
+        this.dividerFrame = viewChild(DividerFrame);
+    }
+    static { this.ActionId = ActionId; }
+    onTableHeaderClick(column) {
+        this.dispatch({ id: ActionId.TABLE_HEADER_CLICK, payload: column });
+    }
+    onCheckboxClickItem(item) {
+        this.dispatch({ id: ActionId.CHECKBOX_CLICK, payload: item });
+    }
+    onItemClicked(item) {
+        this.dispatch({ id: ActionId.ITEM_CLICK, payload: item });
+    }
+    onItemButtonClicked(item) {
+        this.dispatch({ id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item });
+    }
+    back() {
+        this.dispatch({ id: ActionId.BACK });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: IndexTemplate, isStandalone: true, selector: "templates-index", host: { classAttribute: "template" }, providers: [
+            QueryResolverService,
+        ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "form", "form", "title", "title", "description", "description", "items", "items", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight"] }], ngImport: i0, template: `
+  <frames-scroll>
+    <organisms-navigator injectable
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
+      (action)="dispatch($event)"
+      navigator
+    >
+      <molecules-header injectable [title]="store.title()" [description]="store.description()"/>
+    </organisms-navigator>
+    <frames-auto-layout vertical contents>
+      @switch(store.type()) {
+        @case('list') {
+          <organisms-smart-list
+            [items]="store.indexItems()"
+            [itemActions]="store.itemActions()"
+            [groupedBy]="store.groupedBy()"
+            [groupKeys]="store.groupKeys()"
+            (action)="dispatch($event)"
+          />
+        }
+        @case ('grid') {
+          @defer {
+            <organisms-grid-cards-section
+              [items]="store.indexItems()"
+              (action)="dispatch($event)"
+              contents
+            />
+          }
+        }
+        @default {
+          @defer {
+            <frames-divider>
+              <ng-content first select="[dashboard]" />
+              <div style="display: flex; flex-direction: column; width: 100%; height: 100%;" second>
+              @if (store.gridToolbarActions() || true) {
+                @defer {
+                  <organisms-grid-toolbar injectable
+                    [actions]="store.gridToolbarActions()"
+                    (action)="dispatch($event)"
+                  />
+                }
+              }
+              @if (store.form().get(['query'])) {
+                <organisms-chips-input-section
+                  [control]="store.form().get(['query'])"
+                />
+              }
+                <organisms-table injectable
+                  [items]="store.indexItems()"
+                  [itemActions]="store.itemActions()"
+                  [selection]="store.selection()"
+                  [form]="store.form()"
+                  [childrenKey]="store.tableChildrenKey()"
+                  [highlight]="store.highlight()"
+                  (action)="dispatch($event)"
+                />
+                @if (store.form().get(['page'])) {
+                  @defer {
+                    <organisms-paginator injectable
+                      [form]="store.form().get(['page'])"
+                      [itemLength]="store.indexItemsLength()"
+                      [pageSizeOptions]="store.pageSizeOptions()"
+                    />
+                  }
+                }
+              </div>
+            </frames-divider>
+          }
+        }
+      }
+    </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-zbvI: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-zbvI: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-zbvI: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-zbvI: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-zbvI: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-zbvI: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-zbvI: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-zbvI: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-zbvI: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-zbvI);--navigator-background-color-SCOPED-IN-index-zbvI: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--navigator-on-background-color-SCOPED-IN-index-zbvI: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-zbvI: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-zbvI: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-zbvI);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-zbvI);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-zbvI)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-zbvI);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--surface-color: var(--surface-color-SCOPED-IN-index-zbvI);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-zbvI);--background-color: var(--background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--on-background-color-SCOPED-IN-index-zbvI)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-zbvI)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+__decorate([
+    Effect(TableOrganism.ActionId.HEADER_CLICK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", void 0)
+], IndexTemplate.prototype, "onTableHeaderClick", null);
+__decorate([
+    Effect(TableOrganism.ActionId.CHECKBOX_CLICK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], IndexTemplate.prototype, "onCheckboxClickItem", null);
+__decorate([
+    Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK),
+    Effect(SmartListOrganism.ActionId.CLICK_ITEM),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], IndexTemplate.prototype, "onItemClicked", null);
+__decorate([
+    Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK),
+    Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], IndexTemplate.prototype, "onItemButtonClicked", null);
+__decorate([
+    Effect(NavActionId.BACK),
+    __metadata("design:type", Function),
+    __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: `
+  <frames-scroll>
+    <organisms-navigator injectable
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
+      (action)="dispatch($event)"
+      navigator
+    >
+      <molecules-header injectable [title]="store.title()" [description]="store.description()"/>
+    </organisms-navigator>
+    <frames-auto-layout vertical contents>
+      @switch(store.type()) {
+        @case('list') {
+          <organisms-smart-list
+            [items]="store.indexItems()"
+            [itemActions]="store.itemActions()"
+            [groupedBy]="store.groupedBy()"
+            [groupKeys]="store.groupKeys()"
+            (action)="dispatch($event)"
+          />
+        }
+        @case ('grid') {
+          @defer {
+            <organisms-grid-cards-section
+              [items]="store.indexItems()"
+              (action)="dispatch($event)"
+              contents
+            />
+          }
+        }
+        @default {
+          @defer {
+            <frames-divider>
+              <ng-content first select="[dashboard]" />
+              <div style="display: flex; flex-direction: column; width: 100%; height: 100%;" second>
+              @if (store.gridToolbarActions() || true) {
+                @defer {
+                  <organisms-grid-toolbar injectable
+                    [actions]="store.gridToolbarActions()"
+                    (action)="dispatch($event)"
+                  />
+                }
+              }
+              @if (store.form().get(['query'])) {
+                <organisms-chips-input-section
+                  [control]="store.form().get(['query'])"
+                />
+              }
+                <organisms-table injectable
+                  [items]="store.indexItems()"
+                  [itemActions]="store.itemActions()"
+                  [selection]="store.selection()"
+                  [form]="store.form()"
+                  [childrenKey]="store.tableChildrenKey()"
+                  [highlight]="store.highlight()"
+                  (action)="dispatch($event)"
+                />
+                @if (store.form().get(['page'])) {
+                  @defer {
+                    <organisms-paginator injectable
+                      [form]="store.form().get(['page'])"
+                      [itemLength]="store.indexItemsLength()"
+                      [pageSizeOptions]="store.pageSizeOptions()"
+                    />
+                  }
+                }
+              </div>
+            </frames-divider>
+          }
+        }
+      }
+    </frames-auto-layout>
+  </frames-scroll>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, hostDirectives: [
+                        {
+                            directive: IndexTemplateStore,
+                            inputs: [
+                                'gridToolbarActions', 'tableChildrenKey', 'form', 'title',
+                                'description', 'items', '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-zbvI: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-zbvI: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-zbvI: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-zbvI: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-zbvI: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-zbvI: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-zbvI: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-zbvI: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-zbvI: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-zbvI);--navigator-background-color-SCOPED-IN-index-zbvI: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--navigator-on-background-color-SCOPED-IN-index-zbvI: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-zbvI: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-zbvI: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-zbvI);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-zbvI);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-zbvI)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-zbvI);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--surface-color: var(--surface-color-SCOPED-IN-index-zbvI);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-zbvI);--background-color: var(--background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--on-background-color-SCOPED-IN-index-zbvI)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-zbvI)}\n"] }]
+        }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionId, IndexTemplate, IndexTemplateStore };
+//# sourceMappingURL=ng-atomic-components-templates-_index.mjs.map

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

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

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

@@ -0,0 +1,36 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+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 }); }
+};
+BackgroundTemplateStore = __decorate([
+    TokenizedType()
+], BackgroundTemplateStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'templates-background' }]
+        }] });
+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-T8rf: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-T8rf: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-T8rf);color:var(--on-background-color-SCOPED-IN-background-T8rf)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
+            type: Component,
+            args: [{ selector: 'templates-background', standalone: true, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        BackgroundTemplateStore,
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-T8rf: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-T8rf: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-T8rf);color:var(--on-background-color-SCOPED-IN-background-T8rf)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BackgroundTemplate, BackgroundTemplateStore };
+//# sourceMappingURL=ng-atomic-components-templates-background.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-templates-background.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/background/background.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/background/ng-atomic-components-templates-background.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject } from '@angular/core';\nimport { InjectableComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'templates-background'})\nexport class BackgroundTemplateStore extends InjectableComponent { }\n\n@Component({\n  selector: 'templates-background',\n  standalone: true,\n  imports: [],\n  template: ``,\n  styleUrl: './background.template.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    BackgroundTemplateStore,\n  ]\n})\nexport class BackgroundTemplate {\n  protected store = inject(BackgroundTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKO,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,mBAAmB,CAAA;8GAAnD,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAAvB,uBAAuB,GAAA,UAAA,CAAA;AAFnC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,uBAAuB,CAAgC,CAAA;2FAAvD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAC,CAAA;;MAclD,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;AAYY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;AACnD,KAAA;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAblB,uBAAuB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAMxB,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uaAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAOD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,QAAA,EACD,EAAE,EAEK,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;wBACd,uBAAuB;AACxB,qBAAA,EAAA,MAAA,EAAA,CAAA,uaAAA,CAAA,EAAA,CAAA;;;AChBH;;AAEG;;;;"}