@ng-atomic/components 17.6.0 → 17.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/esm2022/atoms/icon/icon.atom.mjs +2 -2
  2. package/esm2022/frames/app/app.frame.mjs +12 -9
  3. package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
  4. package/esm2022/frames/columns/columns.frame.mjs +2 -2
  5. package/esm2022/frames/divider/divider.frame.mjs +2 -2
  6. package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
  7. package/esm2022/frames/entrance/entrance.frame.mjs +2 -2
  8. package/esm2022/frames/fab/fab.frame.mjs +2 -2
  9. package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
  10. package/esm2022/frames/loading/loading.frame.mjs +2 -2
  11. package/esm2022/frames/router-outlet/router-outlet.frame.mjs +2 -2
  12. package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
  13. package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
  14. package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
  15. package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
  16. package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
  17. package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
  18. package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +2 -2
  19. package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
  20. package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
  21. package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
  22. package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
  23. package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
  24. package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
  25. package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
  26. package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
  27. package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
  28. package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +2 -2
  29. package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
  30. package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
  31. package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
  32. package/esm2022/organisms/heading/heading.organism.mjs +2 -2
  33. package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
  34. package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
  35. package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
  36. package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
  37. package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
  38. package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
  39. package/esm2022/organisms/paginator/paginator.organism.mjs +2 -2
  40. package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
  41. package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
  42. package/esm2022/organisms/slider-input-section/slider-input-section.organism.mjs +2 -2
  43. package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
  44. package/esm2022/organisms/table/table.organism.mjs +2 -2
  45. package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
  46. package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
  47. package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
  48. package/esm2022/pages/_index/index.page.mjs +24 -6
  49. package/esm2022/pages/form/form.page.mjs +23 -5
  50. package/esm2022/templates/_index/index.template.mjs +2 -2
  51. package/esm2022/templates/background/background.template.mjs +2 -2
  52. package/esm2022/templates/entrance/entrance.template.mjs +22 -36
  53. package/esm2022/templates/form/form.builder.mjs +415 -0
  54. package/esm2022/templates/form/form.template.mjs +24 -364
  55. package/esm2022/templates/form/index.mjs +2 -1
  56. package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
  57. package/esm2022/templates/menu/menu.template.mjs +2 -2
  58. package/esm2022/templates/selection/selection.template.mjs +2 -2
  59. package/esm2022/templates/settings/settings.template.mjs +2 -2
  60. package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
  61. package/fesm2022/ng-atomic-components-frames-app.mjs +11 -8
  62. package/fesm2022/ng-atomic-components-frames-app.mjs.map +1 -1
  63. package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
  64. package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
  65. package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
  66. package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
  67. package/fesm2022/ng-atomic-components-frames-entrance.mjs +2 -2
  68. package/fesm2022/ng-atomic-components-frames-entrance.mjs.map +1 -1
  69. package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
  70. package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
  71. package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
  72. package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
  73. package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
  74. package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
  75. package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
  76. package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
  77. package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
  78. package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
  79. package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
  80. package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
  81. package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
  82. package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
  83. package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  84. package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  85. package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
  86. package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  87. package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  88. package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  89. package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
  90. package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
  91. package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
  92. package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
  93. package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
  94. package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
  95. package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
  96. package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
  97. package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  98. package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
  99. package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
  100. package/fesm2022/ng-atomic-components-organisms-paginator.mjs +2 -2
  101. package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
  102. package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  103. package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs +2 -2
  104. package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  105. package/fesm2022/ng-atomic-components-organisms-table.mjs +2 -2
  106. package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  107. package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
  108. package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
  109. package/fesm2022/ng-atomic-components-pages-_index.mjs +23 -5
  110. package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
  111. package/fesm2022/ng-atomic-components-pages-form.mjs +22 -4
  112. package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
  113. package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
  114. package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
  115. package/fesm2022/ng-atomic-components-templates-entrance.mjs +21 -35
  116. package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -1
  117. package/fesm2022/ng-atomic-components-templates-form.mjs +408 -337
  118. package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
  119. package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
  120. package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
  121. package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
  122. package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
  123. package/frames/app/app.frame.d.ts +7 -4
  124. package/package.json +3 -3
  125. package/pages/_index/index.page.d.ts +5 -2
  126. package/pages/form/form.page.d.ts +3 -0
  127. package/templates/entrance/entrance.template.d.ts +3 -1
  128. package/templates/form/form.builder.d.ts +33 -0
  129. package/templates/form/form.template.d.ts +7 -13
  130. package/templates/form/index.d.ts +1 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component, Directive, Signal, computed, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { getType, IndexTemplate } from '@ng-atomic/components/templates/_index';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { buildColumns, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { injectEntityIdName } from '@ng-atomic/components/pages/form';\nimport { injectChildRouteParam } from \"@ng-atomic/common/utils\";\n\nexport function injectHighlight(key: string): Signal<SelectionModel<string>> {\n const transferId = injectChildRouteParam(key);\n return computed(() => new SelectionModel<string>(true, [transferId()]));\n}\n\nenum ActionId {\n BACK = '[@ng-atomic/components/pages] Back',\n CHECKBOX_CLICK = '[@ng-atomic/components/pages] CheckboxClick',\n ADD = '[@ng-atomic/components/pages] Add',\n DETAIL = '[@ng-atomic/components/pages] Detail',\n}\n\n@Directive({ standalone: true })\nexport class IndexPageStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const highlight = injectHighlight(injectEntityIdName());\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n \n return (_, context) => ({\n style: {\n width: 'var(--page-width-lv3)',\n },\n items: [],\n itemActions: () => [] as Actions,\n title: `${injectModelName()()}一覧`,\n type: getType(context),\n selection: new SelectionModel<string>(true, []),\n highlight: highlight(),\n form: injectIndexForm({\n columns: buildColumns([\n 'id', \n 'createdAt',\n 'updatedAt',\n (item: {id: string}) => [{ id: ActionId.DETAIL, icon: 'open_in_new', name: '詳細', payload: item }],\n ]),\n }),\n navStartActions: navStartActions(),\n navEndActions: [],\n filterFunc: (item: any) => true,\n }) as any;\n }, ['components', 'pages', 'index']);\n static provideItemsFromRepository = IndexPageStore.Config.provide(() => {\n const Model = injectModel();\n const items = Model ? injectAll(Model) : signal([]);\n return (config) => ({...config, items: items()});\n });\n\n readonly config = IndexPageStore.Config.inject();\n readonly route = inject(ActivatedRoute);\n readonly type = input(_computed(() => this.config().type));\n readonly items = input(_computed(() => this.config().items));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly filterFunc = input(_computed(() => this.config().filterFunc));\n readonly filteredItems = computed(() => (this.items() ?? []).filter(this.filterFunc()));\n}\n\n@Component({\n selector: 'pages-index',\n standalone: true,\n imports: [\n RouterOutletFrame,\n IndexTemplate,\n ],\n template: `\n <frames-router-outlet>\n <templates-index\n [style.width]=\"store.config().style.width\"\n [title]=\"store.title()\"\n [type]=\"store.type()\"\n [items]=\"store.filteredItems()\"\n [itemActions]=\"store.itemActions()\"\n [form]=\"store.form()\"\n [selection]=\"store.selection()\"\n [highlight]=\"store.highlight()\"\n [navStartActions]=\"store.navStartActions()\"\n [navEndActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n />\n </frames-router-outlet>\n `,\n styleUrl: './index.page.scss',\n hostDirectives: [IndexPageStore],\n // providers: [EffectReducer],\n})\nexport class IndexPage extends NgAtomicComponent {\n protected store = inject(IndexPageStore);\n protected router = inject(Router);\n\n @Effect(IndexTemplate.ActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n\n @Effect(IndexTemplate.ActionId.CHECKBOX_CLICK)\n protected checkboxClick(item: {id: string}) {\n this.store.selection().toggle(item.id);\n }\n\n @Effect(IndexTemplate.ActionId.ITEM_CLICK)\n protected itemClick(item: {id: string}) {\n this.dispatch({id: ActionId.DETAIL, payload: item});\n }\n\n // @Effect(ActionId.DETAIL)\n // protected detail(item: {id: string}) {\n // this.router.navigate([item?.id ?? 'new'], {relativeTo: this.store.route});\n // }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component, Directive, Signal, computed, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { getType, IndexTemplate } from '@ng-atomic/components/templates/_index';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { buildColumns, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { injectIsRootPage, injectNavStartActions, injectSideAppNavStartActions, makeConfig, NavActionId } from '@ng-atomic/common/services/ui';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { injectEntityIdName } from '@ng-atomic/components/pages/form';\nimport { injectChildRouteParam } from \"@ng-atomic/common/utils\";\n\nexport function injectHighlight(key: string): Signal<SelectionModel<string>> {\n const transferId = injectChildRouteParam(key);\n return computed(() => new SelectionModel<string>(true, [transferId()]));\n}\n\nenum ActionId {\n BACK = '[@ng-atomic/components/pages] Back',\n CHECKBOX_CLICK = '[@ng-atomic/components/pages] CheckboxClick',\n ADD = '[@ng-atomic/components/pages] Add',\n DETAIL = '[@ng-atomic/components/pages] Detail',\n CLOSE = '[@ng-atomic/components/pages] Close',\n}\n\n@Directive({ standalone: true })\nexport class IndexPageStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const highlight = injectHighlight(injectEntityIdName());\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n \n return (_, context) => ({\n style: {\n width: 'var(--page-width-lv3)',\n },\n items: [],\n itemActions: () => [] as Actions,\n title: `${injectModelName()()}一覧`,\n type: getType(context),\n selection: new SelectionModel<string>(true, []),\n highlight: highlight(),\n form: injectIndexForm({\n columns: buildColumns([\n 'id', \n 'createdAt',\n 'updatedAt',\n (item: {id: string}) => [{ id: ActionId.DETAIL, icon: 'open_in_new', name: '詳細', payload: item }],\n ]),\n }),\n navStartActions: navStartActions(),\n navEndActions: [],\n filterFunc: (item: any) => true,\n }) as any;\n }, ['components', 'pages', 'index']);\n\n static provideItemsFromRepository = () => IndexPageStore.Config.provide(() => {\n const Model = injectModel();\n const items = Model ? injectAll(Model) : signal([]);\n return (config) => ({...config, items: items()});\n });\n static provideSideAppNavStartActions = () => IndexPageStore.Config.provide(() => {\n const isRootPage = injectIsRootPage();\n const navStartActions = injectSideAppNavStartActions(isRootPage);\n return (config) => ({\n ...config,\n navStartActions: navStartActions(),\n });\n });\n\n readonly config = IndexPageStore.Config.inject();\n readonly route = inject(ActivatedRoute);\n readonly type = input(_computed(() => this.config().type));\n readonly items = input(_computed(() => this.config().items));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly filterFunc = input(_computed(() => this.config().filterFunc));\n readonly filteredItems = computed(() => (this.items() ?? []).filter(this.filterFunc()));\n}\n\n@Component({\n selector: 'pages-index',\n standalone: true,\n imports: [\n RouterOutletFrame,\n IndexTemplate,\n ],\n template: `\n <frames-router-outlet>\n <templates-index\n [style.width]=\"store.config().style.width\"\n [title]=\"store.title()\"\n [type]=\"store.type()\"\n [items]=\"store.filteredItems()\"\n [itemActions]=\"store.itemActions()\"\n [form]=\"store.form()\"\n [selection]=\"store.selection()\"\n [highlight]=\"store.highlight()\"\n [navStartActions]=\"store.navStartActions()\"\n [navEndActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n />\n </frames-router-outlet>\n `,\n styleUrl: './index.page.scss',\n hostDirectives: [IndexPageStore],\n // providers: [EffectReducer],\n})\nexport class IndexPage extends NgAtomicComponent {\n protected store = inject(IndexPageStore);\n protected router = inject(Router);\n\n @Effect(IndexTemplate.ActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n\n @Effect(NavActionId.CLOSE)\n protected close() {\n this.dispatch({id: ActionId.CLOSE});\n }\n\n @Effect(IndexTemplate.ActionId.CHECKBOX_CLICK)\n protected checkboxClick(item: {id: string}) {\n this.store.selection().toggle(item.id);\n }\n\n @Effect(IndexTemplate.ActionId.ITEM_CLICK)\n protected itemClick(item: {id: string}) {\n this.dispatch({id: ActionId.DETAIL, payload: item});\n }\n\n // @Effect(ActionId.DETAIL)\n // protected detail(item: {id: string}) {\n // this.router.navigate([item?.id ?? 'new'], {relativeTo: this.store.route});\n // }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -9,7 +9,7 @@ import { injectOne } from '@ng-atomic/common/stores/entities';
9
9
  import { LoadingService } from '@ng-atomic/common/services/loading';
10
10
  import { injectModelName, injectModel } from '@ng-atomic/common/pipes/domain';
11
11
  import { SnackBarService } from '@ng-atomic/common/services/snack-bar';
12
- import { makeConfig, injectIsRootPage, injectNavStartActions } from '@ng-atomic/common/services/ui';
12
+ import { makeConfig, injectIsRootPage, injectNavStartActions, injectSideAppNavStartActions, NavActionId } from '@ng-atomic/common/services/ui';
13
13
  import { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';
14
14
  import { camelCase } from 'lodash-es';
15
15
  import { computedAsync } from 'ngxtension/computed-async';
@@ -18,6 +18,7 @@ import { startWith, map } from 'rxjs';
18
18
  var ActionId;
19
19
  (function (ActionId) {
20
20
  ActionId["BACK"] = "[@ng-atomic/components/pages/form] Back";
21
+ ActionId["CLOSE"] = "[@ng-atomic/components/pages/form] Close";
21
22
  ActionId["CREATE"] = "[@ng-atomic/components/pages/form] Create";
22
23
  ActionId["UPDATE"] = "[@ng-atomic/components/pages/form] Update";
23
24
  ActionId["FILE_SELECTED"] = "[@ng-atomic/components/pages/form] File Selected";
@@ -57,6 +58,14 @@ class FormPageStore extends InjectableComponent {
57
58
  fieldMap: undefined,
58
59
  });
59
60
  }, ['components', 'pages', 'form']); }
61
+ static { this.provideSideAppNavStartActions = () => FormPageStore.Config.provide(() => {
62
+ const isRootPage = injectIsRootPage();
63
+ const navStartActions = injectSideAppNavStartActions(isRootPage);
64
+ return (config) => ({
65
+ ...config,
66
+ navStartActions: navStartActions(),
67
+ });
68
+ }); }
60
69
  constructor() {
61
70
  super();
62
71
  this.config = FormPageStore.Config.inject();
@@ -111,6 +120,9 @@ class FormPage extends NgAtomicComponent {
111
120
  back() {
112
121
  this.dispatch({ id: ActionId.BACK });
113
122
  }
123
+ close() {
124
+ this.dispatch({ id: ActionId.CLOSE });
125
+ }
114
126
  fileSelected(payload) {
115
127
  this.dispatch({ id: ActionId.FILE_SELECTED, payload });
116
128
  }
@@ -128,7 +140,7 @@ class FormPage extends NgAtomicComponent {
128
140
  (action)="dispatch($event)"
129
141
  />
130
142
  </frames-router-outlet>
131
- `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-0sjF: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-0sjF: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-0sjF: var(--page-width-lv3);--primary-color-SCOPED-IN-form-0sjF: var(--primary-color);--on-primary-color-SCOPED-IN-form-0sjF: var(--on-primary-color);--surface-color-SCOPED-IN-form-0sjF: var(--surface-color);--on-surface-color-SCOPED-IN-form-0sjF: var(--on-surface-color);--on-background-color-SCOPED-IN-form-0sjF: var(--on-background-color);--background-color-SCOPED-IN-form-0sjF: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-0sjF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-0sjF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-0sjF);--surface-color: var(--surface-color-SCOPED-IN-form-0sjF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-0sjF);--background-color: var(--background-color-SCOPED-IN-form-0sjF);--on-background-color: var(--on-background-color-SCOPED-IN-form-0sjF)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
143
+ `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-uVIV: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-uVIV: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-uVIV: var(--page-width-lv3);--primary-color-SCOPED-IN-form-uVIV: var(--primary-color);--on-primary-color-SCOPED-IN-form-uVIV: var(--on-primary-color);--surface-color-SCOPED-IN-form-uVIV: var(--surface-color);--on-surface-color-SCOPED-IN-form-uVIV: var(--on-surface-color);--on-background-color-SCOPED-IN-form-uVIV: var(--on-background-color);--background-color-SCOPED-IN-form-uVIV: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-uVIV)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-uVIV);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-uVIV);--surface-color: var(--surface-color-SCOPED-IN-form-uVIV);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-uVIV);--background-color: var(--background-color-SCOPED-IN-form-uVIV);--on-background-color: var(--on-background-color-SCOPED-IN-form-uVIV)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
132
144
  }
133
145
  __decorate([
134
146
  Effect(FormTemplate.ActionId.BACK),
@@ -136,6 +148,12 @@ __decorate([
136
148
  __metadata("design:paramtypes", []),
137
149
  __metadata("design:returntype", void 0)
138
150
  ], FormPage.prototype, "back", null);
151
+ __decorate([
152
+ Effect(NavActionId.CLOSE),
153
+ __metadata("design:type", Function),
154
+ __metadata("design:paramtypes", []),
155
+ __metadata("design:returntype", void 0)
156
+ ], FormPage.prototype, "close", null);
139
157
  __decorate([
140
158
  Effect(FormTemplate.ActionId.FILE_SELECTED),
141
159
  __metadata("design:type", Function),
@@ -175,8 +193,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
175
193
  'formFlatExcludes',
176
194
  ],
177
195
  },
178
- ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-0sjF: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-0sjF: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-0sjF: var(--page-width-lv3);--primary-color-SCOPED-IN-form-0sjF: var(--primary-color);--on-primary-color-SCOPED-IN-form-0sjF: var(--on-primary-color);--surface-color-SCOPED-IN-form-0sjF: var(--surface-color);--on-surface-color-SCOPED-IN-form-0sjF: var(--on-surface-color);--on-background-color-SCOPED-IN-form-0sjF: var(--on-background-color);--background-color-SCOPED-IN-form-0sjF: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-0sjF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-0sjF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-0sjF);--surface-color: var(--surface-color-SCOPED-IN-form-0sjF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-0sjF);--background-color: var(--background-color-SCOPED-IN-form-0sjF);--on-background-color: var(--on-background-color-SCOPED-IN-form-0sjF)}\n"] }]
179
- }], propDecorators: { back: [], fileSelected: [] } });
196
+ ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-uVIV: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-uVIV: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-uVIV: var(--page-width-lv3);--primary-color-SCOPED-IN-form-uVIV: var(--primary-color);--on-primary-color-SCOPED-IN-form-uVIV: var(--on-primary-color);--surface-color-SCOPED-IN-form-uVIV: var(--surface-color);--on-surface-color-SCOPED-IN-form-uVIV: var(--on-surface-color);--on-background-color-SCOPED-IN-form-uVIV: var(--on-background-color);--background-color-SCOPED-IN-form-uVIV: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-uVIV)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-uVIV);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-uVIV);--surface-color: var(--surface-color-SCOPED-IN-form-uVIV);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-uVIV);--background-color: var(--background-color-SCOPED-IN-form-uVIV);--on-background-color: var(--on-background-color-SCOPED-IN-form-uVIV)}\n"] }]
197
+ }], propDecorators: { back: [], close: [], fileSelected: [] } });
180
198
 
181
199
  /**
182
200
  * Generated bundle index. Do not edit.
@@ -1 +1 @@
1
- {"version":3,"file":"ng-atomic-components-pages-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/form/form.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/form/ng-atomic-components-pages-form.ts"],"sourcesContent":["import { Component, Directive, InjectionToken, computed, effect, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { FormTemplate } from '@ng-atomic/components/templates/form';\nimport { Effect, EffectReducer, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { injectOne } from '@ng-atomic/common/stores/entities';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { camelCase } from 'lodash-es';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/pages/form] Back',\n CREATE = '[@ng-atomic/components/pages/form] Create',\n UPDATE = '[@ng-atomic/components/pages/form] Update',\n FILE_SELECTED = '[@ng-atomic/components/pages/form] File Selected',\n}\n\nexport const ENTITY_ID_NAME = new InjectionToken<string>('[@ng-atomic/components/pages/form] EntityIdName');\n\nexport function provideEntityIdName(name: string) {\n return {provide: ENTITY_ID_NAME, useValue: name};\n}\n\nexport function injectEntityIdName() {\n return inject(ENTITY_ID_NAME, {optional: true}) ?? `${(camelCase(injectModelName()()))}Id`;\n}\n\n@Directive({\n standalone: true,\n selector: 'form-page-store',\n providers: [\n EffectReducer,\n ],\n})\nexport class FormPageStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n const entityId = injectRouteParam(injectEntityIdName());\n const entity = injectModel() ? injectOne(injectModel(), {id: entityId}) : signal(null);\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n const fb = inject(FormBuilder);\n const mode = computed(() => entityId() === 'new' ? 'create' : 'update');\n return () => ({\n form: fb.group({\n id: [],\n name: [],\n }) as AbstractControl,\n formFlatExcludes: [] as string[],\n entityId: entityId(),\n entity: entity(),\n mode: mode(),\n navStartActions: navStartActions(),\n navEndActions: [],\n title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,\n actions: mode() === 'create'\n ? [{ id: ActionId.CREATE, name: '作成', icon: 'add', color: 'primary' }]\n : [{id: ActionId.UPDATE, name: '更新', icon: 'save', color: 'primary' }],\n fieldMap: undefined as FormFieldMap,\n });\n }, ['components', 'pages', 'form']);\n\n readonly config = FormPageStore.Config.inject();\n readonly form = input(_computed(() => this.config().form));\n readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n readonly entityId = input(_computed(() => this.config().entityId));\n readonly entity = input(_computed(() => this.config().entity));\n readonly title = input(_computed(() => this.config().title));\n readonly actions = input(_computed(() => this.config().actions));\n readonly fieldMap = input(_computed(() => this.config().fieldMap));\n readonly mode = input(_computed(() => this.config().mode));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly params = injectRouteParams();\n // readonly Model = injectModel();\n\n readonly isValid = computedAsync(() => {\n return this.form().valueChanges.pipe(\n startWith(null),\n map(() => this.form().valid),\n );\n })\n\n readonly activatedActions = computed(() => {\n return this.actions().map(action => ({...action, disabled: !this.isValid()}));\n })\n\n constructor() {\n super();\n effect(() => {\n if (this.entity()) {\n this.form().reset();\n this.form().patchValue(this.entity());\n }\n }, {allowSignalWrites: true});\n }\n}\n\n@Component({\n selector: 'pages-form',\n standalone: true,\n imports: [\n RouterOutletFrame,\n FormTemplate,\n ],\n template: `\n <frames-router-outlet>\n <templates-form\n [actions]=\"store.activatedActions()\"\n [navStartActions]=\"store.navStartActions()\"\n [navEndActions]=\"store.navEndActions()\"\n [title]=\"store.title()\"\n [form]=\"store.form()\"\n [formFlatExcludes]=\"store.formFlatExcludes()\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n </frames-router-outlet>\n `,\n styleUrl: './form.page.scss',\n hostDirectives: [\n {\n directive: FormPageStore,\n inputs: [\n 'fieldMap',\n 'entityId',\n 'entity',\n 'mode',\n 'navEndActions',\n 'actions',\n 'title',\n 'form',\n 'formFlatExcludes',\n ],\n },\n ],\n})\nexport class FormPage extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected store = inject(FormPageStore);\n readonly loading = inject(LoadingService);\n readonly snackBar = inject(SnackBarService);\n\n @Effect(FormTemplate.ActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n\n @Effect(FormTemplate.ActionId.FILE_SELECTED)\n protected fileSelected(payload: { scope: string, files: File[]}) {\n this.dispatch({id: ActionId.FILE_SELECTED, payload});\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-atomic-components-pages-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/form/form.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/form/ng-atomic-components-pages-form.ts"],"sourcesContent":["import { Component, Directive, InjectionToken, computed, effect, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { FormTemplate } from '@ng-atomic/components/templates/form';\nimport { Effect, EffectReducer, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { injectOne } from '@ng-atomic/common/stores/entities';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { injectIsRootPage, injectNavStartActions, injectSideAppNavStartActions, makeConfig, NavActionId } from '@ng-atomic/common/services/ui';\nimport { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { camelCase } from 'lodash-es';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/pages/form] Back',\n CLOSE = '[@ng-atomic/components/pages/form] Close',\n CREATE = '[@ng-atomic/components/pages/form] Create',\n UPDATE = '[@ng-atomic/components/pages/form] Update',\n FILE_SELECTED = '[@ng-atomic/components/pages/form] File Selected',\n}\n\nexport const ENTITY_ID_NAME = new InjectionToken<string>('[@ng-atomic/components/pages/form] EntityIdName');\n\nexport function provideEntityIdName(name: string) {\n return {provide: ENTITY_ID_NAME, useValue: name};\n}\n\nexport function injectEntityIdName() {\n return inject(ENTITY_ID_NAME, {optional: true}) ?? `${(camelCase(injectModelName()()))}Id`;\n}\n\n@Directive({\n standalone: true,\n selector: 'form-page-store',\n providers: [\n EffectReducer,\n ],\n})\nexport class FormPageStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n const entityId = injectRouteParam(injectEntityIdName());\n const entity = injectModel() ? injectOne(injectModel(), {id: entityId}) : signal(null);\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n const fb = inject(FormBuilder);\n const mode = computed(() => entityId() === 'new' ? 'create' : 'update');\n return () => ({\n form: fb.group({\n id: [],\n name: [],\n }) as AbstractControl,\n formFlatExcludes: [] as string[],\n entityId: entityId(),\n entity: entity(),\n mode: mode(),\n navStartActions: navStartActions(),\n navEndActions: [],\n title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,\n actions: mode() === 'create'\n ? [{ id: ActionId.CREATE, name: '作成', icon: 'add', color: 'primary' }]\n : [{id: ActionId.UPDATE, name: '更新', icon: 'save', color: 'primary' }],\n fieldMap: undefined as FormFieldMap,\n });\n }, ['components', 'pages', 'form']);\n static provideSideAppNavStartActions = () => FormPageStore.Config.provide(() => {\n const isRootPage = injectIsRootPage();\n const navStartActions = injectSideAppNavStartActions(isRootPage);\n return (config) => ({\n ...config,\n navStartActions: navStartActions(),\n });\n });\n\n readonly config = FormPageStore.Config.inject();\n readonly form = input(_computed(() => this.config().form));\n readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n readonly entityId = input(_computed(() => this.config().entityId));\n readonly entity = input(_computed(() => this.config().entity));\n readonly title = input(_computed(() => this.config().title));\n readonly actions = input(_computed(() => this.config().actions));\n readonly fieldMap = input(_computed(() => this.config().fieldMap));\n readonly mode = input(_computed(() => this.config().mode));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly params = injectRouteParams();\n // readonly Model = injectModel();\n\n readonly isValid = computedAsync(() => {\n return this.form().valueChanges.pipe(\n startWith(null),\n map(() => this.form().valid),\n );\n })\n\n readonly activatedActions = computed(() => {\n return this.actions().map(action => ({...action, disabled: !this.isValid()}));\n })\n\n constructor() {\n super();\n effect(() => {\n if (this.entity()) {\n this.form().reset();\n this.form().patchValue(this.entity());\n }\n }, {allowSignalWrites: true});\n }\n}\n\n@Component({\n selector: 'pages-form',\n standalone: true,\n imports: [\n RouterOutletFrame,\n FormTemplate,\n ],\n template: `\n <frames-router-outlet>\n <templates-form\n [actions]=\"store.activatedActions()\"\n [navStartActions]=\"store.navStartActions()\"\n [navEndActions]=\"store.navEndActions()\"\n [title]=\"store.title()\"\n [form]=\"store.form()\"\n [formFlatExcludes]=\"store.formFlatExcludes()\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n </frames-router-outlet>\n `,\n styleUrl: './form.page.scss',\n hostDirectives: [\n {\n directive: FormPageStore,\n inputs: [\n 'fieldMap',\n 'entityId',\n 'entity',\n 'mode',\n 'navEndActions',\n 'actions',\n 'title',\n 'form',\n 'formFlatExcludes',\n ],\n },\n ],\n})\nexport class FormPage extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected store = inject(FormPageStore);\n readonly loading = inject(LoadingService);\n readonly snackBar = inject(SnackBarService);\n\n @Effect(FormTemplate.ActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n\n @Effect(NavActionId.CLOSE)\n protected close() {\n this.dispatch({id: ActionId.CLOSE});\n }\n\n @Effect(FormTemplate.ActionId.FILE_SELECTED)\n protected fileSelected(payload: { scope: string, files: File[]}) {\n this.dispatch({id: ActionId.FILE_SELECTED, payload});\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAK,QAMJ,CAAA;AAND,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,yCAAgD,CAAA;AAChD,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,0CAAkD,CAAA;AAClD,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,2CAAoD,CAAA;AACpD,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,2CAAoD,CAAA;AACpD,IAAA,QAAA,CAAA,eAAA,CAAA,GAAA,kDAAkE,CAAA;AACpE,CAAC,EANI,QAAQ,KAAR,QAAQ,GAMZ,EAAA,CAAA,CAAA,CAAA;MAEY,cAAc,GAAG,IAAI,cAAc,CAAS,iDAAiD,EAAE;AAEtG,SAAU,mBAAmB,CAAC,IAAY,EAAA;IAC9C,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC;AACnD,CAAC;SAEe,kBAAkB,GAAA;IAChC,OAAO,MAAM,CAAC,cAAc,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI,CAAG,GAAC,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC,EAAC,EAAA,CAAI,CAAC;AAC7F,CAAC;AASK,MAAO,aAAc,SAAQ,mBAAmB,CAAA;aACpC,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;AACvC,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AACpC,QAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,WAAW,EAAE,GAAG,SAAS,CAAC,WAAW,EAAE,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACvF,QAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;AACtC,QAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;AAC1D,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,QAAQ,EAAE,KAAK,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;QACxE,OAAO,OAAO;AACZ,YAAA,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC;AACb,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,IAAI,EAAE,EAAE;aACT,CAAoB;AACrB,YAAA,gBAAgB,EAAE,EAAc;YAChC,QAAQ,EAAE,QAAQ,EAAE;YACpB,MAAM,EAAE,MAAM,EAAE;YAChB,IAAI,EAAE,IAAI,EAAE;YACZ,eAAe,EAAE,eAAe,EAAE;AAClC,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,KAAK,EAAE,IAAI,EAAE,KAAK,QAAQ,GAAG,CAAA,EAAG,SAAS,EAAE,KAAK,GAAG,CAAG,EAAA,SAAS,EAAE,CAAK,GAAA,CAAA;AACtE,YAAA,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ;kBACxB,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;kBACpE,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACxE,YAAA,QAAQ,EAAE,SAAyB;AACpC,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAzBZ,CAyBc,EAAA;aAC7B,IAA6B,CAAA,6BAAA,GAAG,MAAM,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,MAAK;AAC7E,QAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;AACtC,QAAA,MAAM,eAAe,GAAG,4BAA4B,CAAC,UAAU,CAAC,CAAC;AACjE,QAAA,OAAO,CAAC,MAAM,MAAM;AAClB,YAAA,GAAG,MAAM;YACT,eAAe,EAAE,eAAe,EAAE;AACnC,SAAA,CAAC,CAAC;KACJ,CAAC,CAAC,EAAA;AA2BH,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AA1BD,QAAA,IAAA,CAAA,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACvC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1D,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,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;AAC1D,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,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;QACpE,IAAM,CAAA,MAAA,GAAG,iBAAiB,EAAE,CAAC;;AAG7B,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAK;YACpC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAClC,SAAS,CAAC,IAAI,CAAC,EACf,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAC7B,CAAC;AACJ,SAAC,CAAC,CAAA;AAEO,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;YACxC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,EAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,CAAC,CAAC,CAAC;AAChF,SAAC,CAAC,CAAA;QAIA,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;AACjB,gBAAA,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;gBACpB,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACvC,aAAA;AACH,SAAC,EAAE,EAAC,iBAAiB,EAAE,IAAI,EAAC,CAAC,CAAC;KAC/B;8GAtEU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAJb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,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,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,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,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,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,EAAA,SAAA,EAAA;YACT,aAAa;AACd,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAEU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,SAAS,EAAE;wBACT,aAAa;AACd,qBAAA;AACF,iBAAA,CAAA;;AAiHK,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AAvC/C,IAAA,WAAA,GAAA;;AAyCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAgB7C,KAAA;aAnBiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;IAM1B,IAAI,GAAA;QACZ,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAC,CAAC,CAAC;KACpC;IAGS,KAAK,GAAA;QACb,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAC,CAAC,CAAC;KACrC;AAGS,IAAA,YAAY,CAAC,OAAwC,EAAA;AAC7D,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,aAAa,EAAE,OAAO,EAAC,CAAC,CAAC;KACtD;8GAnBU,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAhHR,aAAa,EAgFd,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,eAAA,EAAA,eAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAhBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+hCAAA,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;;AAyCJ,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;AAGlC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,IAAA,CAAA,CAAA;AAGS,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC;;;;AAGzB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAGS,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC;;;;AAG3C,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,cAAA,EAAA,IAAA,CAAA,CAAA;2FAnBU,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAvCpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,iBAAiB;wBACjB,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAEe,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,aAAa;AACxB,4BAAA,MAAM,EAAE;gCACN,UAAU;gCACV,UAAU;gCACV,QAAQ;gCACR,MAAM;gCACN,eAAe;gCACf,SAAS;gCACT,OAAO;gCACP,MAAM;gCACN,kBAAkB;AACnB,6BAAA;AACF,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,+hCAAA,CAAA,EAAA,CAAA;8BASS,IAAI,EAAA,EAAA,EAKJ,KAAK,EAAA,EAAA,EAKL,YAAY,EAAA,EAAA,EAAA,EAAA,CAAA;;AC1KxB;;AAEG;;;;"}
@@ -235,7 +235,7 @@ class IndexTemplate extends NgAtomicComponent {
235
235
  }
236
236
  </frames-auto-layout>
237
237
  </frames-scroll>
238
- `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-XgEw: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-XgEw: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-XgEw: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-XgEw: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-XgEw: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-XgEw: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-XgEw: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-XgEw: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-XgEw: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-XgEw);--navigator-background-color-SCOPED-IN-index-XgEw: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--navigator-on-background-color-SCOPED-IN-index-XgEw: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-XgEw);--table-background-color-SCOPED-IN-index-XgEw: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw);--table-on-background-color-SCOPED-IN-index-XgEw: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-XgEw: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-XgEw: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-XgEw);color:var(--on-background-color-SCOPED-IN-index-XgEw);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-XgEw);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-XgEw)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-XgEw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-XgEw);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--surface-color: var(--surface-color-SCOPED-IN-index-XgEw);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-XgEw);--background-color: var(--background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-XgEw)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
238
+ `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-xhAv: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-xhAv: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-xhAv: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-xhAv: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-xhAv: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-xhAv: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-xhAv: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-xhAv: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-xhAv: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-xhAv);--navigator-background-color-SCOPED-IN-index-xhAv: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-xhAv);--navigator-on-background-color-SCOPED-IN-index-xhAv: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-xhAv);--table-background-color-SCOPED-IN-index-xhAv: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-xhAv);--table-on-background-color-SCOPED-IN-index-xhAv: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-xhAv: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-xhAv: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-xhAv);color:var(--on-background-color-SCOPED-IN-index-xhAv);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-xhAv);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-xhAv)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-xhAv);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-xhAv)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-xhAv);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-xhAv);--surface-color: var(--surface-color-SCOPED-IN-index-xhAv);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-xhAv);--background-color: var(--background-color-SCOPED-IN-index-xhAv);--on-background-color: var(--on-background-color-SCOPED-IN-index-xhAv)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-xhAv);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-xhAv)}\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 }); }
239
239
  }
240
240
  __decorate([
241
241
  Effect(TableOrganism.ActionId.HEADER_CLICK),
@@ -375,7 +375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
375
375
  }
376
376
  ], providers: [
377
377
  QueryResolverService,
378
- ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-XgEw: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-XgEw: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-XgEw: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-XgEw: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-XgEw: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-XgEw: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-XgEw: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-XgEw: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-XgEw: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-XgEw);--navigator-background-color-SCOPED-IN-index-XgEw: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--navigator-on-background-color-SCOPED-IN-index-XgEw: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-XgEw);--table-background-color-SCOPED-IN-index-XgEw: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw);--table-on-background-color-SCOPED-IN-index-XgEw: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-XgEw: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-XgEw: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-XgEw);color:var(--on-background-color-SCOPED-IN-index-XgEw);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-XgEw);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-XgEw)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-XgEw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-XgEw);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-XgEw);--surface-color: var(--surface-color-SCOPED-IN-index-XgEw);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-XgEw);--background-color: var(--background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--on-background-color-SCOPED-IN-index-XgEw)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-XgEw);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-XgEw)}\n"] }]
378
+ ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-xhAv: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-xhAv: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-xhAv: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-xhAv: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-xhAv: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-xhAv: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-xhAv: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-xhAv: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-xhAv: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-xhAv);--navigator-background-color-SCOPED-IN-index-xhAv: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-xhAv);--navigator-on-background-color-SCOPED-IN-index-xhAv: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-xhAv);--table-background-color-SCOPED-IN-index-xhAv: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-xhAv);--table-on-background-color-SCOPED-IN-index-xhAv: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-xhAv: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-xhAv: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-xhAv);color:var(--on-background-color-SCOPED-IN-index-xhAv);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-xhAv);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-xhAv)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-xhAv);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-xhAv)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-xhAv);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-xhAv);--surface-color: var(--surface-color-SCOPED-IN-index-xhAv);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-xhAv);--background-color: var(--background-color-SCOPED-IN-index-xhAv);--on-background-color: var(--on-background-color-SCOPED-IN-index-xhAv)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-xhAv);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-xhAv)}\n"] }]
379
379
  }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
380
380
 
381
381
  /**
@@ -19,13 +19,13 @@ class BackgroundTemplate {
19
19
  this.store = inject(BackgroundTemplateStore);
20
20
  }
21
21
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
22
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-c0xK: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-c0xK: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-c0xK);color:var(--on-background-color-SCOPED-IN-background-c0xK)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
22
+ 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-UUT9: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-UUT9: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-UUT9);color:var(--on-background-color-SCOPED-IN-background-UUT9)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
23
23
  }
24
24
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
25
25
  type: Component,
26
26
  args: [{ selector: 'templates-background', standalone: true, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
27
27
  BackgroundTemplateStore,
28
- ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-c0xK: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-c0xK: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-c0xK);color:var(--on-background-color-SCOPED-IN-background-c0xK)}\n"] }]
28
+ ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-UUT9: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-UUT9: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-UUT9);color:var(--on-background-color-SCOPED-IN-background-UUT9)}\n"] }]
29
29
  }] });
30
30
 
31
31
  /**
@@ -9,6 +9,7 @@ import { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/ac
9
9
  import { HeadingOrganism } from '@ng-atomic/components/organisms/heading';
10
10
  import { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';
11
11
  import { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';
12
+ import { NgAtomicFormSectionBuilder } from '@ng-atomic/components/templates/form';
12
13
 
13
14
  var ActionId;
14
15
  (function (ActionId) {
@@ -28,11 +29,15 @@ let EntranceTemplateStore = class EntranceTemplateStore extends InjectableCompon
28
29
  { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Sign In With Google', icon: 'google' },
29
30
  { id: ActionId.SIGN_IN_WITH_TWITTER, name: 'Sign In With Twitter', icon: 'twitter' },
30
31
  ]);
32
+ this.fieldMap = input({
33
+ email: { type: 'text' },
34
+ password: { type: 'password' },
35
+ });
31
36
  this.title = input('ログイン');
32
37
  }
33
38
  static { this.ActionId = ActionId; }
34
39
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
35
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: EntranceTemplateStore, isStandalone: true, selector: "templates-entrance", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
40
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: EntranceTemplateStore, isStandalone: true, selector: "templates-entrance", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, fieldMap: { classPropertyName: "fieldMap", publicName: "fieldMap", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
36
41
  };
37
42
  EntranceTemplateStore = __decorate([
38
43
  TokenizedType()
@@ -57,22 +62,12 @@ class EntranceTemplate extends NgAtomicComponent {
57
62
  <frames-auto-layout vertical>
58
63
  <organisms-heading>{{ store.title() }}</organisms-heading>
59
64
  @if (store.form()) {
60
- @if (store.form().get('email')) {
61
- @defer {
62
- <organisms-text-input-section injectable
63
- label="メールアドレス"
64
- [control]="store.form().get('email')"
65
- />
66
- }
67
- }
68
- @if (store.form().get('password')) {
69
- @defer {
70
- <organisms-text-input-section injectable
71
- label="パスワード"
72
- [control]="store.form().get('password')"
73
- />
74
- }
75
- }
65
+ <ng-atomic-form-section-builder
66
+ [form]="store.form()"
67
+ [formFlatExcludes]="[]"
68
+ [fieldMap]="store.fieldMap()"
69
+ (action)="dispatch($event)"
70
+ />
76
71
  @for (action of store.actions(); track action.id;) {
77
72
  @defer {
78
73
  <organisms-action-buttons-section
@@ -83,7 +78,7 @@ class EntranceTemplate extends NgAtomicComponent {
83
78
  }
84
79
  </frames-auto-layout>
85
80
  </frames-card>
86
- `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-R5Vh: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-R5Vh: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-R5Vh: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-R5Vh: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-R5Vh);color:var(--on-background-color-SCOPED-IN-entrance-R5Vh);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-R5Vh)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
81
+ `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-olss: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-olss: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-olss: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-olss: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-olss);color:var(--on-background-color-SCOPED-IN-entrance-olss);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-olss)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-olss)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
87
82
  }
88
83
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplate, decorators: [{
89
84
  type: Component,
@@ -94,27 +89,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
94
89
  HeadingOrganism,
95
90
  SocialLoginSectionOrganism,
96
91
  TextInputSectionOrganismStore,
92
+ NgAtomicFormSectionBuilder,
97
93
  ], template: `
98
94
  <frames-card>
99
95
  <frames-auto-layout vertical>
100
96
  <organisms-heading>{{ store.title() }}</organisms-heading>
101
97
  @if (store.form()) {
102
- @if (store.form().get('email')) {
103
- @defer {
104
- <organisms-text-input-section injectable
105
- label="メールアドレス"
106
- [control]="store.form().get('email')"
107
- />
108
- }
109
- }
110
- @if (store.form().get('password')) {
111
- @defer {
112
- <organisms-text-input-section injectable
113
- label="パスワード"
114
- [control]="store.form().get('password')"
115
- />
116
- }
117
- }
98
+ <ng-atomic-form-section-builder
99
+ [form]="store.form()"
100
+ [formFlatExcludes]="[]"
101
+ [fieldMap]="store.fieldMap()"
102
+ (action)="dispatch($event)"
103
+ />
118
104
  @for (action of store.actions(); track action.id;) {
119
105
  @defer {
120
106
  <organisms-action-buttons-section
@@ -130,7 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
130
116
  directive: EntranceTemplateStore,
131
117
  inputs: ['form', 'actions', 'title'],
132
118
  },
133
- ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-R5Vh: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-R5Vh: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-R5Vh: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-R5Vh: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-R5Vh);color:var(--on-background-color-SCOPED-IN-entrance-R5Vh);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-R5Vh)}\n"] }]
119
+ ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-olss: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-olss: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-olss: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-olss: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-olss);color:var(--on-background-color-SCOPED-IN-entrance-olss);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-olss)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-olss)}\n"] }]
134
120
  }] });
135
121
 
136
122
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { CardFrame } from '@ng-atomic/components/frames/card';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingOrganism } from '@ng-atomic/components/organisms/heading';\nimport { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\n\nenum ActionId {\n SIGN_IN = '[@ng-atomic/components] Sign In',\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\n@TokenizedType()\n@Directive({\n selector: 'templates-entrance',\n standalone: true,\n})\nexport class EntranceTemplateStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n readonly form = input(new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n }));\n readonly actions = input([\n { id: ActionId.SIGN_IN, name: 'Sign In', icon: 'login' },\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Sign In With Google', icon: 'google' },\n { id: ActionId.SIGN_IN_WITH_TWITTER, name: 'Sign In With Twitter', icon: 'twitter' },\n ]);\n\n readonly title = input('ログイン');\n}\n\n@Component({\n selector: 'templates-entrance',\n standalone: true,\n imports: [\n AutoLayoutFrame,\n CardFrame,\n ActionButtonsSectionOrganism,\n HeadingOrganism,\n SocialLoginSectionOrganism,\n TextInputSectionOrganismStore,\n ],\n template: `\n <frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>{{ store.title() }}</organisms-heading>\n @if (store.form()) {\n @if (store.form().get('email')) {\n @defer {\n <organisms-text-input-section injectable\n label=\"メールアドレス\"\n [control]=\"store.form().get('email')\"\n />\n }\n }\n @if (store.form().get('password')) {\n @defer {\n <organisms-text-input-section injectable\n label=\"パスワード\"\n [control]=\"store.form().get('password')\"\n />\n }\n }\n @for (action of store.actions(); track action.id;) {\n @defer {\n <organisms-action-buttons-section\n [actions]=\"[action]\"\n (action)=\"dispatch($event)\"\n />\n } @error { error } }\n }\n </frames-auto-layout>\n </frames-card>\n `,\n styleUrls: ['./entrance.template.scss'],\n host: {class: 'template'},\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: EntranceTemplateStore,\n inputs: ['form', 'actions', 'title'],\n },\n ],\n})\nexport class EntranceTemplate extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(EntranceTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { CardFrame } from '@ng-atomic/components/frames/card';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingOrganism } from '@ng-atomic/components/organisms/heading';\nimport { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\nimport { NgAtomicFormSectionBuilder } from '@ng-atomic/components/templates/form';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\n\nenum ActionId {\n SIGN_IN = '[@ng-atomic/components] Sign In',\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\n@TokenizedType()\n@Directive({\n selector: 'templates-entrance',\n standalone: true,\n})\nexport class EntranceTemplateStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n readonly form = input(new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n }));\n readonly actions = input([\n { id: ActionId.SIGN_IN, name: 'Sign In', icon: 'login' },\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Sign In With Google', icon: 'google' },\n { id: ActionId.SIGN_IN_WITH_TWITTER, name: 'Sign In With Twitter', icon: 'twitter' },\n ]);\n\n readonly fieldMap = input<FormFieldMap>({\n email: { type: 'text' },\n password: { type: 'password' },\n });\n\n readonly title = input('ログイン');\n}\n\n@Component({\n selector: 'templates-entrance',\n standalone: true,\n imports: [\n AutoLayoutFrame,\n CardFrame,\n ActionButtonsSectionOrganism,\n HeadingOrganism,\n SocialLoginSectionOrganism,\n TextInputSectionOrganismStore,\n NgAtomicFormSectionBuilder,\n \n ],\n template: `\n <frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>{{ store.title() }}</organisms-heading>\n @if (store.form()) {\n <ng-atomic-form-section-builder\n [form]=\"store.form()\"\n [formFlatExcludes]=\"[]\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n @for (action of store.actions(); track action.id;) {\n @defer {\n <organisms-action-buttons-section\n [actions]=\"[action]\"\n (action)=\"dispatch($event)\"\n />\n } @error { error } }\n }\n </frames-auto-layout>\n </frames-card>\n `,\n styleUrls: ['./entrance.template.scss'],\n host: {class: 'template'},\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: EntranceTemplateStore,\n inputs: ['form', 'actions', 'title'],\n },\n ],\n})\nexport class EntranceTemplate extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(EntranceTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}