@ng-atomic/components 18.0.0 → 18.2.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 (142) hide show
  1. package/esm2022/atoms/icon/icon.atom.mjs +2 -2
  2. package/esm2022/extras/editor/editor.component.mjs +1 -1
  3. package/esm2022/frames/app/app.frame.mjs +2 -2
  4. package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
  5. package/esm2022/frames/columns/columns.frame.mjs +2 -2
  6. package/esm2022/frames/divider/divider.frame.mjs +18 -11
  7. package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
  8. package/esm2022/frames/entrance/entrance.frame.mjs +2 -2
  9. package/esm2022/frames/fab/fab.frame.mjs +2 -2
  10. package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
  11. package/esm2022/frames/loading/loading.frame.mjs +2 -2
  12. package/esm2022/frames/router-outlet/router-outlet.frame.mjs +2 -2
  13. package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
  14. package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
  15. package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
  16. package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
  17. package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
  18. package/esm2022/molecules/actions-column/actions-column.molecule.mjs +1 -1
  19. package/esm2022/molecules/checkbox-column/checkbox-column.molecule.mjs +1 -1
  20. package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
  21. package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +2 -2
  22. package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
  23. package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
  24. package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
  25. package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
  26. package/esm2022/molecules/smart-column/smart-column.molecule.mjs +1 -1
  27. package/esm2022/molecules/tree-column/tree-column.molecule.mjs +9 -7
  28. package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
  29. package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
  30. package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
  31. package/esm2022/organisms/chips-input-section/chips-input-section.organism.mjs +22 -12
  32. package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
  33. package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
  34. package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +2 -2
  35. package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
  36. package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
  37. package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
  38. package/esm2022/organisms/heading/heading.organism.mjs +2 -2
  39. package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
  40. package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
  41. package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
  42. package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
  43. package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
  44. package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
  45. package/esm2022/organisms/paginator/paginator.organism.mjs +2 -2
  46. package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
  47. package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
  48. package/esm2022/organisms/slider-input-section/slider-input-section.organism.mjs +2 -2
  49. package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
  50. package/esm2022/organisms/table/table.organism.mjs +7 -3
  51. package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
  52. package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
  53. package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
  54. package/esm2022/pages/_index/index.page.mjs +2 -2
  55. package/esm2022/pages/form/form.page.mjs +2 -2
  56. package/esm2022/templates/_index/index.template.mjs +11 -7
  57. package/esm2022/templates/background/background.template.mjs +2 -2
  58. package/esm2022/templates/columns/columns.template.mjs +2 -2
  59. package/esm2022/templates/entrance/entrance.template.mjs +2 -2
  60. package/esm2022/templates/form/form.template.mjs +2 -2
  61. package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
  62. package/esm2022/templates/menu/menu.template.mjs +2 -2
  63. package/esm2022/templates/selection/selection.template.mjs +2 -2
  64. package/esm2022/templates/settings/settings.template.mjs +2 -2
  65. package/extras/editor/editor.component.d.ts +2 -2
  66. package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
  67. package/fesm2022/ng-atomic-components-extras-editor.mjs.map +1 -1
  68. package/fesm2022/ng-atomic-components-frames-app.mjs +2 -2
  69. package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
  70. package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
  71. package/fesm2022/ng-atomic-components-frames-divider.mjs +17 -10
  72. package/fesm2022/ng-atomic-components-frames-divider.mjs.map +1 -1
  73. package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
  74. package/fesm2022/ng-atomic-components-frames-entrance.mjs +2 -2
  75. package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
  76. package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
  77. package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
  78. package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
  79. package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
  80. package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
  81. package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
  82. package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
  83. package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
  84. package/fesm2022/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
  85. package/fesm2022/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
  86. package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
  87. package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
  88. package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
  89. package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
  90. package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
  91. package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  92. package/fesm2022/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
  93. package/fesm2022/ng-atomic-components-molecules-tree-column.mjs +8 -6
  94. package/fesm2022/ng-atomic-components-molecules-tree-column.mjs.map +1 -1
  95. package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  96. package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
  97. package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  98. package/fesm2022/ng-atomic-components-organisms-chips-input-section.mjs +21 -11
  99. package/fesm2022/ng-atomic-components-organisms-chips-input-section.mjs.map +1 -1
  100. package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  101. package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  102. package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
  103. package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
  104. package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
  105. package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
  106. package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
  107. package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
  108. package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
  109. package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
  110. package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  111. package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
  112. package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
  113. package/fesm2022/ng-atomic-components-organisms-paginator.mjs +2 -2
  114. package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
  115. package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  116. package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs +2 -2
  117. package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  118. package/fesm2022/ng-atomic-components-organisms-table.mjs +6 -2
  119. package/fesm2022/ng-atomic-components-organisms-table.mjs.map +1 -1
  120. package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  121. package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
  122. package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
  123. package/fesm2022/ng-atomic-components-pages-_index.mjs +2 -2
  124. package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
  125. package/fesm2022/ng-atomic-components-templates-_index.mjs +10 -6
  126. package/fesm2022/ng-atomic-components-templates-_index.mjs.map +1 -1
  127. package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
  128. package/fesm2022/ng-atomic-components-templates-columns.mjs +2 -2
  129. package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
  130. package/fesm2022/ng-atomic-components-templates-form.mjs +2 -2
  131. package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
  132. package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
  133. package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
  134. package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
  135. package/frames/divider/divider.frame.d.ts +1 -0
  136. package/molecules/actions-column/actions-column.molecule.d.ts +2 -2
  137. package/molecules/checkbox-column/checkbox-column.molecule.d.ts +2 -2
  138. package/molecules/smart-column/smart-column.molecule.d.ts +2 -2
  139. package/molecules/tree-column/tree-column.molecule.d.ts +3 -2
  140. package/organisms/chips-input-section/chips-input-section.organism.d.ts +6 -2
  141. package/package.json +2 -2
  142. package/templates/_index/index.template.d.ts +6 -2
@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
48
48
  (action)="dispatch($event)"
49
49
  />
50
50
  }
51
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-15Z6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
51
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-AW00: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-AW00) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-AW00)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
52
52
  }
53
53
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
54
54
  type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
75
75
  directive: TextInputSectionOrganismStore,
76
76
  inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
77
77
  }
78
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-15Z6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
78
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-AW00: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-AW00) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-AW00)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
79
79
  }] });
80
80
 
81
81
  /**
@@ -51,7 +51,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
51
51
  (action)="dispatch($event)"
52
52
  />
53
53
  }
54
- `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-okM1: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-okM1);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
54
+ `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-cASs: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-cASs);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
55
55
  }
56
56
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
57
57
  type: Component,
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
80
80
  directive: TextareaSectionOrganismStore,
81
81
  inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
82
82
  }
83
- ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-okM1: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-okM1);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
83
+ ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-cASs: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-cASs);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
84
84
  }] });
85
85
 
86
86
  /**
@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
64
64
  </div>
65
65
  <mat-divider />
66
66
  }
67
- `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-HWrT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-HWrT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-HWrT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-HWrT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-HWrT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-HWrT: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-HWrT)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-HWrT)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
67
+ `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Gdev: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Gdev: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Gdev: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Gdev: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Gdev: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Gdev: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-Gdev)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-Gdev)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
68
68
  }
69
69
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
70
70
  type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
115
115
  directive: ThreadMessagesSectionOrganismStore,
116
116
  inputs: ['comments', 'noCommentMessage', 'commentActions']
117
117
  }
118
- ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-HWrT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-HWrT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-HWrT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-HWrT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-HWrT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-HWrT: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-HWrT)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-HWrT)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
118
+ ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Gdev: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Gdev: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Gdev: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Gdev: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Gdev: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Gdev: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-Gdev)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-Gdev)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
119
119
  }] });
120
120
 
121
121
  /**
@@ -321,7 +321,7 @@ class IndexPage extends NgAtomicComponent {
321
321
  (action)="dispatch($event)"
322
322
  />
323
323
  </frames-router-outlet>
324
- `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-cEGe: var(--page-width-lv3);--primary-color-SCOPED-IN-index-cEGe: var(--primary-color);--on-primary-color-SCOPED-IN-index-cEGe: var(--on-primary-color);--surface-color-SCOPED-IN-index-cEGe: var(--surface-color);--on-surface-color-SCOPED-IN-index-cEGe: var(--on-surface-color);--on-background-color-SCOPED-IN-index-cEGe: var(--on-background-color);--background-color-SCOPED-IN-index-cEGe: var(--background-color);--navigator-background-color-SCOPED-IN-index-cEGe: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-cEGe: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-cEGe: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-cEGe: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-cEGe)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-cEGe);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-cEGe);--surface-color: var(--surface-color-SCOPED-IN-index-cEGe);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-cEGe);--background-color: var(--background-color-SCOPED-IN-index-cEGe);--on-background-color: var(--on-background-color-SCOPED-IN-index-cEGe);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-cEGe);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-cEGe);--table-background-color: var(--table-background-color-SCOPED-IN-index-cEGe);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-cEGe)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
324
+ `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-pie2: var(--page-width-lv3);--primary-color-SCOPED-IN-index-pie2: var(--primary-color);--on-primary-color-SCOPED-IN-index-pie2: var(--on-primary-color);--surface-color-SCOPED-IN-index-pie2: var(--surface-color);--on-surface-color-SCOPED-IN-index-pie2: var(--on-surface-color);--on-background-color-SCOPED-IN-index-pie2: var(--on-background-color);--background-color-SCOPED-IN-index-pie2: var(--background-color);--navigator-background-color-SCOPED-IN-index-pie2: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-pie2: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-pie2: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-pie2: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-pie2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-pie2);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-pie2);--surface-color: var(--surface-color-SCOPED-IN-index-pie2);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-pie2);--background-color: var(--background-color-SCOPED-IN-index-pie2);--on-background-color: var(--on-background-color-SCOPED-IN-index-pie2);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-pie2);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-pie2);--table-background-color: var(--table-background-color-SCOPED-IN-index-pie2);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-pie2)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
325
325
  }
326
326
  __decorate([
327
327
  Effect(IndexTemplate.ActionId.BACK),
@@ -376,7 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
376
376
  directive: IndexPageStore,
377
377
  inputs: ['items'],
378
378
  },
379
- ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-cEGe: var(--page-width-lv3);--primary-color-SCOPED-IN-index-cEGe: var(--primary-color);--on-primary-color-SCOPED-IN-index-cEGe: var(--on-primary-color);--surface-color-SCOPED-IN-index-cEGe: var(--surface-color);--on-surface-color-SCOPED-IN-index-cEGe: var(--on-surface-color);--on-background-color-SCOPED-IN-index-cEGe: var(--on-background-color);--background-color-SCOPED-IN-index-cEGe: var(--background-color);--navigator-background-color-SCOPED-IN-index-cEGe: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-cEGe: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-cEGe: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-cEGe: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-cEGe)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-cEGe);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-cEGe);--surface-color: var(--surface-color-SCOPED-IN-index-cEGe);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-cEGe);--background-color: var(--background-color-SCOPED-IN-index-cEGe);--on-background-color: var(--on-background-color-SCOPED-IN-index-cEGe);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-cEGe);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-cEGe);--table-background-color: var(--table-background-color-SCOPED-IN-index-cEGe);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-cEGe)}\n"] }]
379
+ ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-pie2: var(--page-width-lv3);--primary-color-SCOPED-IN-index-pie2: var(--primary-color);--on-primary-color-SCOPED-IN-index-pie2: var(--on-primary-color);--surface-color-SCOPED-IN-index-pie2: var(--surface-color);--on-surface-color-SCOPED-IN-index-pie2: var(--on-surface-color);--on-background-color-SCOPED-IN-index-pie2: var(--on-background-color);--background-color-SCOPED-IN-index-pie2: var(--background-color);--navigator-background-color-SCOPED-IN-index-pie2: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-pie2: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-pie2: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-pie2: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-pie2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-pie2);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-pie2);--surface-color: var(--surface-color-SCOPED-IN-index-pie2);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-pie2);--background-color: var(--background-color-SCOPED-IN-index-pie2);--on-background-color: var(--on-background-color-SCOPED-IN-index-pie2);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-pie2);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-pie2);--table-background-color: var(--table-background-color-SCOPED-IN-index-pie2);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-pie2)}\n"] }]
380
380
  }], propDecorators: { back: [], close: [], itemClick: [], onCheckboxClick: [] } });
381
381
 
382
382
  /**
@@ -185,7 +185,7 @@ class FormPage extends NgAtomicComponent {
185
185
  (action)="dispatch($event)"
186
186
  />
187
187
  </frames-router-outlet>
188
- `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-vaiR: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-vaiR: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-vaiR: var(--page-width-lv3);--primary-color-SCOPED-IN-form-vaiR: var(--primary-color);--on-primary-color-SCOPED-IN-form-vaiR: var(--on-primary-color);--surface-color-SCOPED-IN-form-vaiR: var(--surface-color);--on-surface-color-SCOPED-IN-form-vaiR: var(--on-surface-color);--on-background-color-SCOPED-IN-form-vaiR: var(--on-background-color);--background-color-SCOPED-IN-form-vaiR: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-vaiR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-vaiR);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-vaiR);--surface-color: var(--surface-color-SCOPED-IN-form-vaiR);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-vaiR);--background-color: var(--background-color-SCOPED-IN-form-vaiR);--on-background-color: var(--on-background-color-SCOPED-IN-form-vaiR)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
188
+ `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-Hgtg: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-Hgtg: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-Hgtg: var(--page-width-lv3);--primary-color-SCOPED-IN-form-Hgtg: var(--primary-color);--on-primary-color-SCOPED-IN-form-Hgtg: var(--on-primary-color);--surface-color-SCOPED-IN-form-Hgtg: var(--surface-color);--on-surface-color-SCOPED-IN-form-Hgtg: var(--on-surface-color);--on-background-color-SCOPED-IN-form-Hgtg: var(--on-background-color);--background-color-SCOPED-IN-form-Hgtg: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-Hgtg)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Hgtg);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Hgtg);--surface-color: var(--surface-color-SCOPED-IN-form-Hgtg);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Hgtg);--background-color: var(--background-color-SCOPED-IN-form-Hgtg);--on-background-color: var(--on-background-color-SCOPED-IN-form-Hgtg)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
189
189
  }
190
190
  __decorate([
191
191
  Effect(FormTemplate.ActionId.BACK),
@@ -239,7 +239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
239
239
  'formFlatExcludes',
240
240
  ],
241
241
  },
242
- ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-vaiR: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-vaiR: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-vaiR: var(--page-width-lv3);--primary-color-SCOPED-IN-form-vaiR: var(--primary-color);--on-primary-color-SCOPED-IN-form-vaiR: var(--on-primary-color);--surface-color-SCOPED-IN-form-vaiR: var(--surface-color);--on-surface-color-SCOPED-IN-form-vaiR: var(--on-surface-color);--on-background-color-SCOPED-IN-form-vaiR: var(--on-background-color);--background-color-SCOPED-IN-form-vaiR: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-vaiR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-vaiR);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-vaiR);--surface-color: var(--surface-color-SCOPED-IN-form-vaiR);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-vaiR);--background-color: var(--background-color-SCOPED-IN-form-vaiR);--on-background-color: var(--on-background-color-SCOPED-IN-form-vaiR)}\n"] }]
242
+ ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-Hgtg: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-Hgtg: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-Hgtg: var(--page-width-lv3);--primary-color-SCOPED-IN-form-Hgtg: var(--primary-color);--on-primary-color-SCOPED-IN-form-Hgtg: var(--on-primary-color);--surface-color-SCOPED-IN-form-Hgtg: var(--surface-color);--on-surface-color-SCOPED-IN-form-Hgtg: var(--on-surface-color);--on-background-color-SCOPED-IN-form-Hgtg: var(--on-background-color);--background-color-SCOPED-IN-form-Hgtg: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-Hgtg)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Hgtg);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Hgtg);--surface-color: var(--surface-color-SCOPED-IN-form-Hgtg);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Hgtg);--background-color: var(--background-color-SCOPED-IN-form-Hgtg);--on-background-color: var(--on-background-color-SCOPED-IN-form-Hgtg)}\n"] }]
243
243
  }], propDecorators: { back: [], close: [], fileSelected: [] } });
244
244
 
245
245
  /**
@@ -71,6 +71,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
71
71
  this.type = input(_computed(() => this.config().type));
72
72
  this.selection = input(_computed(() => this.config().selection));
73
73
  this.highlight = input(_computed(() => this.config().highlight));
74
+ this.queryLabel = input(_computed(() => this.config().queryLabel));
74
75
  this.form$ = toObservable(computeFake(this.form));
75
76
  this.formValue = computedRawValue(() => call(this.form()));
76
77
  this.pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe) };
@@ -115,6 +116,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
115
116
  pageSizeOptions: [5, 10, 25, 100],
116
117
  selection: new SelectionModel(true, []),
117
118
  highlight: new SelectionModel(true, []),
119
+ queryLabel: 'フィルター',
118
120
  });
119
121
  }, ['components', 'templates', 'index']); }
120
122
  static provideTypeConfig() {
@@ -126,7 +128,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
126
128
  });
127
129
  }
128
130
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
129
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
131
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, queryLabel: { classPropertyName: "queryLabel", publicName: "queryLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
130
132
  IndexPipe,
131
133
  IndexLengthPipe,
132
134
  ], usesInheritance: true, ngImport: i0 }); }
@@ -157,7 +159,6 @@ class IndexTemplate extends NgAtomicComponent {
157
159
  this.dispatch({ id: ActionId.TABLE_HEADER_CLICK, payload: column });
158
160
  }
159
161
  onCheckboxClickItem(item) {
160
- console.debug('TEST!!!');
161
162
  this.dispatch({ id: ActionId.TABLE_CHECKBOX_CLICK, payload: item });
162
163
  }
163
164
  onItemClicked(item) {
@@ -175,7 +176,7 @@ class IndexTemplate extends NgAtomicComponent {
175
176
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
176
177
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IndexTemplate, isStandalone: true, selector: "templates-index", host: { classAttribute: "template" }, providers: [
177
178
  QueryResolverService,
178
- ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "tableIsHidden", "tableIsHidden", "tableTreeControl", "tableTreeControl", "form", "form", "title", "title", "description", "description", "items", "items", "itemsLength", "itemsLength", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight"] }], ngImport: i0, template: `
179
+ ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "tableIsHidden", "tableIsHidden", "tableTreeControl", "tableTreeControl", "form", "form", "title", "title", "description", "description", "items", "items", "itemsLength", "itemsLength", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight", "queryLabel", "queryLabel"] }], ngImport: i0, template: `
179
180
  <frames-scroll>
180
181
  <organisms-navigator injectable
181
182
  [startActions]="store.navStartActions()"
@@ -221,6 +222,7 @@ class IndexTemplate extends NgAtomicComponent {
221
222
  @if (store.form().get(['query'])) {
222
223
  <organisms-chips-input-section
223
224
  [control]="store.form().get(['query'])"
225
+ [label]="store.queryLabel()"
224
226
  />
225
227
  }
226
228
  <organisms-table injectable
@@ -250,7 +252,7 @@ class IndexTemplate extends NgAtomicComponent {
250
252
  }
251
253
  </frames-auto-layout>
252
254
  </frames-scroll>
253
- `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-kql1: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-kql1: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-kql1: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-kql1: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-kql1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-kql1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-kql1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-kql1: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-kql1: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-kql1);--navigator-background-color-SCOPED-IN-index-kql1: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-kql1);--navigator-on-background-color-SCOPED-IN-index-kql1: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-kql1);--table-background-color-SCOPED-IN-index-kql1: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-kql1);--table-on-background-color-SCOPED-IN-index-kql1: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-kql1: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-kql1: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-kql1);color:var(--on-background-color-SCOPED-IN-index-kql1);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-kql1);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-kql1)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-kql1)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-kql1);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-kql1);--surface-color: var(--surface-color-SCOPED-IN-index-kql1);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-kql1);--background-color: var(--background-color-SCOPED-IN-index-kql1);--on-background-color: var(--on-background-color-SCOPED-IN-index-kql1)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-kql1)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [GridCardsSectionOrganism], () => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), DividerFrame,
255
+ `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-YSAV: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-YSAV: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-YSAV: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-YSAV: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-YSAV: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-YSAV: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-YSAV: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-YSAV: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-YSAV: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-YSAV);--navigator-background-color-SCOPED-IN-index-YSAV: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-YSAV);--navigator-on-background-color-SCOPED-IN-index-YSAV: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-YSAV);--table-background-color-SCOPED-IN-index-YSAV: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-YSAV);--table-on-background-color-SCOPED-IN-index-YSAV: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-YSAV: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-YSAV: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-YSAV);color:var(--on-background-color-SCOPED-IN-index-YSAV);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-YSAV);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-YSAV)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-YSAV);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-YSAV)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-YSAV);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-YSAV);--surface-color: var(--surface-color-SCOPED-IN-index-YSAV);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-YSAV);--background-color: var(--background-color-SCOPED-IN-index-YSAV);--on-background-color: var(--on-background-color-SCOPED-IN-index-YSAV)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-YSAV);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-YSAV)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [GridCardsSectionOrganism], () => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), DividerFrame,
254
256
  TableOrganismStore], () => [import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganismStore)], () => [import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganismStore)]] }); }
255
257
  }
256
258
  __decorate([
@@ -355,6 +357,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
355
357
  @if (store.form().get(['query'])) {
356
358
  <organisms-chips-input-section
357
359
  [control]="store.form().get(['query'])"
360
+ [label]="store.queryLabel()"
358
361
  />
359
362
  }
360
363
  <organisms-table injectable
@@ -405,13 +408,14 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
405
408
  'selection',
406
409
  'pageSizeOptions',
407
410
  'type',
408
- 'highlight'
411
+ 'highlight',
412
+ 'queryLabel',
409
413
  ],
410
414
  outputs: [],
411
415
  }
412
416
  ], providers: [
413
417
  QueryResolverService,
414
- ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-kql1: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-kql1: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-kql1: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-kql1: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-kql1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-kql1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-kql1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-kql1: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-kql1: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-kql1);--navigator-background-color-SCOPED-IN-index-kql1: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-kql1);--navigator-on-background-color-SCOPED-IN-index-kql1: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-kql1);--table-background-color-SCOPED-IN-index-kql1: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-kql1);--table-on-background-color-SCOPED-IN-index-kql1: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-kql1: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-kql1: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-kql1);color:var(--on-background-color-SCOPED-IN-index-kql1);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-kql1);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-kql1)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-kql1)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-kql1);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-kql1);--surface-color: var(--surface-color-SCOPED-IN-index-kql1);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-kql1);--background-color: var(--background-color-SCOPED-IN-index-kql1);--on-background-color: var(--on-background-color-SCOPED-IN-index-kql1)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-kql1)}\n"] }]
418
+ ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-YSAV: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-YSAV: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-YSAV: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-YSAV: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-YSAV: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-YSAV: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-YSAV: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-YSAV: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-YSAV: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-YSAV);--navigator-background-color-SCOPED-IN-index-YSAV: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-YSAV);--navigator-on-background-color-SCOPED-IN-index-YSAV: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-YSAV);--table-background-color-SCOPED-IN-index-YSAV: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-YSAV);--table-on-background-color-SCOPED-IN-index-YSAV: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-YSAV: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-YSAV: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-YSAV);color:var(--on-background-color-SCOPED-IN-index-YSAV);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-YSAV);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-YSAV)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-YSAV);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-YSAV)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-YSAV);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-YSAV);--surface-color: var(--surface-color-SCOPED-IN-index-YSAV);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-YSAV);--background-color: var(--background-color-SCOPED-IN-index-YSAV);--on-background-color: var(--on-background-color-SCOPED-IN-index-YSAV)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-YSAV);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-YSAV)}\n"] }]
415
419
  }], ctorParameters: null, propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], onHeaderCheckboxClick: [], back: [] } }) });
416
420
 
417
421
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ng-atomic-components-templates-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/_index/index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/_index/ng-atomic-components-templates-_index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, PLATFORM_ID, inject, input, viewChild } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { TableOrganism, TableOrganismStore, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions, InjectableComponent, TokenizedType, _computed, computeFake } from '@ng-atomic/core';\nimport { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { QueryResolverService } from '@ng-atomic/common/services/query-resolver';\nimport { NavActionId, UIContext, call, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexPipe } from '@ng-atomic/common/pipes/index';\nimport { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';\nimport { SortByPipe } from '@ng-atomic/common/pipes/sort-by';\nimport { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';\nimport { injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { FormGroup } from '@angular/forms';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/index] Table Header Click',\n TABLE_HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Header Checkbox Click',\n TABLE_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Checkbox Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/index] Item Click',\n DETAIL = '[@ng-atomic/components/templates/index] Detail',\n LIST_ITEM_BUTTON_CLICKED = '[@ng-atomic/components/templates/index] List Item Button Clicked',\n TOGGLE_TYPE = '[@ng-atomic/components/templates/index] Toggle Type',\n}\n\nexport interface IndexTemplateConfig<T extends {id: string} = any> {\n form: FormGroup;\n gridToolbarActions: Action[];\n navStartActions: Actions;\n navEndActions: Actions;\n itemActions: Actions;\n title: string;\n description: string;\n items: T[]\n tableChildrenKey: keyof T;\n groupedBy: keyof T | null;\n groupKeys: string[];\n type: 'list' | 'table' | 'grid';\n toggleActions: Actions;\n pageSizeOptions: number[];\n width: string;\n selection: SelectionModel<string>;\n highlight: SelectionModel<string>;\n}\n\nexport function getType(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'list';\n case 'small': return 'table';\n case 'medium': return 'table';\n case 'large': return 'table';\n case 'xLarge': return 'table';\n default: return 'table';\n }\n}\n\n@TokenizedType()\n@Directive({\n standalone: true,\n selector: 'templates-index',\n providers: [\n IndexPipe,\n IndexLengthPipe,\n ],\n})\nexport class IndexTemplateStore<T extends {id: string}> extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n function getWidth(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'var(--page-width-lv1)'\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge':\n default: return 'var(--page-width-lv2)';\n }\n }\n const form = injectIndexForm();\n const navStartActions = injectNavStartActions();\n \n return () => ({\n form,\n toggleActions: [\n { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },\n { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },\n { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },\n ] as Action[],\n gridToolbarActions: [] as Action[],\n tableChildrenKey: null as string,\n tableIsHidden: (item: any) => false,\n tableTreeControl: new FlatTreeControl<any>(n => n.level, n => n.isExpandable),\n itemActions: (item) => [{id: ActionId.DETAIL, icon: 'open_in_new', payload: item}],\n items: [],\n itemsLength: 0,\n title: `${modelName()}一覧`,\n description: ``,\n navStartActions: navStartActions(),\n navEndActions: [],\n groupedBy: null,\n groupKeys: [],\n type: <'table' | 'list' | 'grid'>'table',\n pageSizeOptions: [5, 10, 25, 100],\n selection: new SelectionModel<string>(true, []),\n highlight: new SelectionModel<string>(true, []),\n });\n }, ['components', 'templates', 'index']);\n static provideTypeConfig() {\n return IndexTemplateStore.Config.provide(() => {\n return (config, context) => ({\n ...config,\n type: getType(context),\n });\n });\n }\n\n readonly config = IndexTemplateStore.Config.inject();\n readonly isPlatformServer = isPlatformServer(inject(PLATFORM_ID));\n readonly form = input(_computed(() => this.config().form));\n readonly gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));\n readonly toggleActions = input(_computed(() => this.config().toggleActions));\n readonly tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));\n readonly tableIsHidden = input(_computed(() => this.config().tableIsHidden));\n readonly tableTreeControl = input(_computed(() => this.config().tableTreeControl));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly description = input(_computed(() => this.config().description));\n readonly items = input<T[]>(_computed(() => this.config().items));\n readonly itemsLength = input(_computed(() => this.config().itemsLength));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly groupedBy = input(_computed(() => this.config().groupedBy));\n readonly groupKeys = input(_computed(() => this.config().groupKeys));\n readonly pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));\n readonly type = input(_computed(() => this.config().type));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly form$ = toObservable(computeFake(this.form));\n readonly formValue = computedRawValue(() => call(this.form()));\n readonly pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe)};\n // readonly itemsSize = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue() as any));\n}\n\n@Component({\n standalone: true,\n imports: [\n DataAccessorPipe,\n AutoLayoutFrame,\n ChipsInputSectionOrganism,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganismStore,\n PaginatorOrganismStore,\n TableOrganismStore,\n SmartListOrganism,\n GridCardsSectionOrganism,\n SelectionListOrganism,\n NavigatorOrganismStore,\n FiltersSectionOrganism,\n HeaderMoleculeStore,\n SortByPipe,\n ],\n selector: 'templates-index',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"store.description()\"/>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n @switch(store.type()) {\n @case('list') {\n <organisms-smart-list\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [groupedBy]=\"store.groupedBy()\"\n [groupKeys]=\"store.groupKeys()\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('grid') {\n @defer {\n <organisms-grid-cards-section\n [items]=\"store.items()\"\n (action)=\"dispatch($event)\"\n contents\n />\n }\n }\n @default {\n @defer {\n <frames-divider>\n <ng-content first select=\"[dashboard]\" />\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n @if (store.gridToolbarActions() || true) {\n @defer {\n <organisms-grid-toolbar injectable\n [actions]=\"store.gridToolbarActions()\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @if (store.form().get(['query'])) {\n <organisms-chips-input-section\n [control]=\"store.form().get(['query'])\"\n />\n }\n <organisms-table injectable\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [selection]=\"store.selection()\"\n [form]=\"store.form()\"\n [childrenKey]=\"store.tableChildrenKey()\"\n [highlight]=\"store.highlight()\"\n [isHidden]=\"store.tableIsHidden()\"\n [treeControl]=\"store.tableTreeControl()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.form().get(['page'])) {\n @defer {\n <organisms-paginator injectable\n [form]=\"store.form().get(['page'])\"\n [itemLength]=\"store.itemsLength()\"\n [pageSizeOptions]=\"store.pageSizeOptions()\"\n />\n }\n }\n </div>\n </frames-divider>\n }\n }\n }\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: IndexTemplateStore,\n inputs: [\n 'gridToolbarActions',\n 'tableChildrenKey',\n 'tableIsHidden',\n 'tableTreeControl',\n 'form',\n 'title',\n 'description',\n 'items',\n 'itemsLength',\n 'itemActions',\n 'navStartActions',\n 'navEndActions',\n 'groupedBy',\n 'groupKeys',\n 'selection',\n 'pageSizeOptions',\n 'type',\n 'highlight'\n ],\n outputs: [],\n }\n ],\n providers: [\n QueryResolverService,\n ],\n})\nexport class IndexTemplate<T> extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(IndexTemplateStore);\n \n readonly dividerFrame = viewChild(DividerFrame);\n\n @Effect(TableOrganism.ActionId.HEADER_CLICK)\n protected onTableHeaderClick(column: string) {\n this.dispatch({id: ActionId.TABLE_HEADER_CLICK, payload: column});\n }\n\n @Effect(TableOrganism.ActionId.CHECKBOX_CLICK)\n protected onCheckboxClickItem(item: T) {\n console.debug('TEST!!!');\n this.dispatch({id: ActionId.TABLE_CHECKBOX_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK)\n @Effect(SmartListOrganism.ActionId.CLICK_ITEM)\n protected onItemClicked(item: T) {\n this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK)\n @Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK)\n protected onItemButtonClicked(item: T) {\n this.dispatch({id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item});\n }\n\n @Effect(TableOrganismStore.ActionId.HEADER_CHECKBOX_CLICK)\n protected onHeaderCheckboxClick() {\n this.dispatch({id: ActionId.TABLE_HEADER_CHECKBOX_CLICK});\n }\n\n @Effect(NavActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-atomic-components-templates-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/_index/index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/_index/ng-atomic-components-templates-_index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, PLATFORM_ID, inject, input, viewChild } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { TableOrganism, TableOrganismStore, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions, InjectableComponent, TokenizedType, _computed, computeFake } from '@ng-atomic/core';\nimport { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { QueryResolverService } from '@ng-atomic/common/services/query-resolver';\nimport { NavActionId, UIContext, call, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexPipe } from '@ng-atomic/common/pipes/index';\nimport { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';\nimport { SortByPipe } from '@ng-atomic/common/pipes/sort-by';\nimport { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';\nimport { injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { FormGroup } from '@angular/forms';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/index] Table Header Click',\n TABLE_HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Header Checkbox Click',\n TABLE_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Checkbox Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/index] Item Click',\n DETAIL = '[@ng-atomic/components/templates/index] Detail',\n LIST_ITEM_BUTTON_CLICKED = '[@ng-atomic/components/templates/index] List Item Button Clicked',\n TOGGLE_TYPE = '[@ng-atomic/components/templates/index] Toggle Type',\n}\n\nexport interface IndexTemplateConfig<T extends {id: string} = any> {\n form: FormGroup;\n gridToolbarActions: Action[];\n navStartActions: Actions;\n navEndActions: Actions;\n itemActions: Actions;\n title: string;\n description: string;\n items: T[]\n tableChildrenKey: keyof T;\n groupedBy: keyof T | null;\n groupKeys: string[];\n type: 'list' | 'table' | 'grid';\n toggleActions: Actions;\n pageSizeOptions: number[];\n width: string;\n selection: SelectionModel<string>;\n highlight: SelectionModel<string>;\n}\n\nexport function getType(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'list';\n case 'small': return 'table';\n case 'medium': return 'table';\n case 'large': return 'table';\n case 'xLarge': return 'table';\n default: return 'table';\n }\n}\n\n@TokenizedType()\n@Directive({\n standalone: true,\n selector: 'templates-index',\n providers: [\n IndexPipe,\n IndexLengthPipe,\n ],\n})\nexport class IndexTemplateStore<T extends {id: string}> extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n function getWidth(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'var(--page-width-lv1)'\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge':\n default: return 'var(--page-width-lv2)';\n }\n }\n const form = injectIndexForm();\n const navStartActions = injectNavStartActions();\n \n return () => ({\n form,\n toggleActions: [\n { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },\n { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },\n { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },\n ] as Action[],\n gridToolbarActions: [] as Action[],\n tableChildrenKey: null as string,\n tableIsHidden: (item: any) => false,\n tableTreeControl: new FlatTreeControl<any>(n => n.level, n => n.isExpandable),\n itemActions: (item) => [{id: ActionId.DETAIL, icon: 'open_in_new', payload: item}],\n items: [],\n itemsLength: 0,\n title: `${modelName()}一覧`,\n description: ``,\n navStartActions: navStartActions(),\n navEndActions: [],\n groupedBy: null,\n groupKeys: [],\n type: <'table' | 'list' | 'grid'>'table',\n pageSizeOptions: [5, 10, 25, 100],\n selection: new SelectionModel<string>(true, []),\n highlight: new SelectionModel<string>(true, []),\n queryLabel: 'フィルター',\n });\n }, ['components', 'templates', 'index']);\n static provideTypeConfig() {\n return IndexTemplateStore.Config.provide(() => {\n return (config, context) => ({\n ...config,\n type: getType(context),\n });\n });\n }\n\n readonly config = IndexTemplateStore.Config.inject();\n readonly isPlatformServer = isPlatformServer(inject(PLATFORM_ID));\n readonly form = input(_computed(() => this.config().form));\n readonly gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));\n readonly toggleActions = input(_computed(() => this.config().toggleActions));\n readonly tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));\n readonly tableIsHidden = input(_computed(() => this.config().tableIsHidden));\n readonly tableTreeControl = input(_computed(() => this.config().tableTreeControl));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly description = input(_computed(() => this.config().description));\n readonly items = input<T[]>(_computed(() => this.config().items));\n readonly itemsLength = input(_computed(() => this.config().itemsLength));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly groupedBy = input(_computed(() => this.config().groupedBy));\n readonly groupKeys = input(_computed(() => this.config().groupKeys));\n readonly pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));\n readonly type = input(_computed(() => this.config().type));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly queryLabel = input(_computed(() => this.config().queryLabel));\n readonly form$ = toObservable(computeFake(this.form));\n readonly formValue = computedRawValue(() => call(this.form()));\n readonly pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe)};\n // readonly itemsSize = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue() as any));\n}\n\n@Component({\n standalone: true,\n imports: [\n DataAccessorPipe,\n AutoLayoutFrame,\n ChipsInputSectionOrganism,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganismStore,\n PaginatorOrganismStore,\n TableOrganismStore,\n SmartListOrganism,\n GridCardsSectionOrganism,\n SelectionListOrganism,\n NavigatorOrganismStore,\n FiltersSectionOrganism,\n HeaderMoleculeStore,\n SortByPipe,\n ],\n selector: 'templates-index',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"store.description()\"/>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n @switch(store.type()) {\n @case('list') {\n <organisms-smart-list\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [groupedBy]=\"store.groupedBy()\"\n [groupKeys]=\"store.groupKeys()\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('grid') {\n @defer {\n <organisms-grid-cards-section\n [items]=\"store.items()\"\n (action)=\"dispatch($event)\"\n contents\n />\n }\n }\n @default {\n @defer {\n <frames-divider>\n <ng-content first select=\"[dashboard]\" />\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n @if (store.gridToolbarActions() || true) {\n @defer {\n <organisms-grid-toolbar injectable\n [actions]=\"store.gridToolbarActions()\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @if (store.form().get(['query'])) {\n <organisms-chips-input-section\n [control]=\"store.form().get(['query'])\"\n [label]=\"store.queryLabel()\"\n />\n }\n <organisms-table injectable\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [selection]=\"store.selection()\"\n [form]=\"store.form()\"\n [childrenKey]=\"store.tableChildrenKey()\"\n [highlight]=\"store.highlight()\"\n [isHidden]=\"store.tableIsHidden()\"\n [treeControl]=\"store.tableTreeControl()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.form().get(['page'])) {\n @defer {\n <organisms-paginator injectable\n [form]=\"store.form().get(['page'])\"\n [itemLength]=\"store.itemsLength()\"\n [pageSizeOptions]=\"store.pageSizeOptions()\"\n />\n }\n }\n </div>\n </frames-divider>\n }\n }\n }\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: IndexTemplateStore,\n inputs: [\n 'gridToolbarActions',\n 'tableChildrenKey',\n 'tableIsHidden',\n 'tableTreeControl',\n 'form',\n 'title',\n 'description',\n 'items',\n 'itemsLength',\n 'itemActions',\n 'navStartActions',\n 'navEndActions',\n 'groupedBy',\n 'groupKeys',\n 'selection',\n 'pageSizeOptions',\n 'type',\n 'highlight',\n 'queryLabel',\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.TABLE_CHECKBOX_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK)\n @Effect(SmartListOrganism.ActionId.CLICK_ITEM)\n protected onItemClicked(item: T) {\n this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK)\n @Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK)\n protected onItemButtonClicked(item: T) {\n this.dispatch({id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item});\n }\n\n @Effect(TableOrganismStore.ActionId.HEADER_CHECKBOX_CLICK)\n protected onHeaderCheckboxClick() {\n this.dispatch({id: ActionId.TABLE_HEADER_CHECKBOX_CLICK});\n }\n\n @Effect(NavActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -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: "18.1.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
22
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-mXlZ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-mXlZ: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-mXlZ);color:var(--on-background-color-SCOPED-IN-background-mXlZ)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
22
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-QNWo: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-QNWo: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-QNWo);color:var(--on-background-color-SCOPED-IN-background-QNWo)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
23
23
  }
24
24
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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-mXlZ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-mXlZ: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-mXlZ);color:var(--on-background-color-SCOPED-IN-background-mXlZ)}\n"] }]
28
+ ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-QNWo: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-QNWo: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-QNWo);color:var(--on-background-color-SCOPED-IN-background-QNWo)}\n"] }]
29
29
  }] });
30
30
 
31
31
  /**
@@ -97,7 +97,7 @@ class ColumnsTemplate extends NgAtomicComponent {
97
97
  </mat-list>
98
98
  </div>
99
99
  </frames-scroll>
100
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
100
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-fEdl: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-fEdl: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-fEdl: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-fEdl: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-fEdl: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-fEdl: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-fEdl: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-fEdl: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-fEdl: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-fEdl: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-fEdl);--navigator-background-color-SCOPED-IN-columns-fEdl: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--navigator-on-background-color-SCOPED-IN-columns-fEdl: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-fEdl);color:var(--on-background-color-SCOPED-IN-columns-fEdl)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-fEdl);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-fEdl)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-fEdl)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-fEdl)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-fEdl);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--surface-color: var(--surface-color-SCOPED-IN-columns-fEdl);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-fEdl);--background-color: var(--background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--on-background-color-SCOPED-IN-columns-fEdl)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
101
101
  }
102
102
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplate, decorators: [{
103
103
  type: Component,
@@ -150,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
150
150
  'actions',
151
151
  ],
152
152
  },
153
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"] }]
153
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-fEdl: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-fEdl: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-fEdl: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-fEdl: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-fEdl: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-fEdl: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-fEdl: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-fEdl: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-fEdl: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-fEdl: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-fEdl);--navigator-background-color-SCOPED-IN-columns-fEdl: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--navigator-on-background-color-SCOPED-IN-columns-fEdl: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-fEdl);color:var(--on-background-color-SCOPED-IN-columns-fEdl)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-fEdl);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-fEdl)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-fEdl)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-fEdl)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-fEdl);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--surface-color: var(--surface-color-SCOPED-IN-columns-fEdl);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-fEdl);--background-color: var(--background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--on-background-color-SCOPED-IN-columns-fEdl)}\n"] }]
154
154
  }] });
155
155
 
156
156
  /**
@@ -77,7 +77,7 @@ class EntranceTemplate extends NgAtomicComponent {
77
77
  }
78
78
  </frames-auto-layout>
79
79
  </frames-card>
80
- `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-B3QG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-B3QG: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-B3QG: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-B3QG: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-B3QG);color:var(--on-background-color-SCOPED-IN-entrance-B3QG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}\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, deferBlockDependencies: [() => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)]] }); }
80
+ `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-WlB1: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-WlB1: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-WlB1: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-WlB1: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-WlB1);color:var(--on-background-color-SCOPED-IN-entrance-WlB1);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}\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, deferBlockDependencies: [() => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)]] }); }
81
81
  }
82
82
  i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: EntranceTemplate, resolveDeferredDeps: () => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)], resolveMetadata: ActionButtonsSectionOrganism => ({ decorators: [{
83
83
  type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
115
115
  directive: EntranceTemplateStore,
116
116
  inputs: ['form', 'actions', 'title'],
117
117
  },
118
- ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-B3QG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-B3QG: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-B3QG: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-B3QG: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-B3QG);color:var(--on-background-color-SCOPED-IN-entrance-B3QG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}\n"] }]
118
+ ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-WlB1: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-WlB1: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-WlB1: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-WlB1: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-WlB1);color:var(--on-background-color-SCOPED-IN-entrance-WlB1);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}\n"] }]
119
119
  }], ctorParameters: null, propDecorators: null }) });
120
120
 
121
121
  /**
@@ -511,7 +511,7 @@ class FormTemplate extends NgAtomicComponent {
511
511
  />
512
512
  </frames-auto-layout>
513
513
  </frames-scroll>
514
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lif5: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lif5: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lif5: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lif5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lif5: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lif5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lif5: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lif5: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lif5: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lif5: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lif5);--navigator-background-color-SCOPED-IN-form-lif5: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lif5);--navigator-on-background-color-SCOPED-IN-form-lif5: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lif5);color:var(--on-background-color-SCOPED-IN-form-lif5)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-lif5);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lif5)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lif5)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lif5);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lif5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lif5);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lif5);--surface-color: var(--surface-color-SCOPED-IN-form-lif5);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lif5);--background-color: var(--background-color-SCOPED-IN-form-lif5);--on-background-color: var(--on-background-color-SCOPED-IN-form-lif5)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
514
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-ppMb: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-ppMb: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-ppMb: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-ppMb: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-ppMb: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-ppMb: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-ppMb: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-ppMb: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-ppMb: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-ppMb: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-ppMb);--navigator-background-color-SCOPED-IN-form-ppMb: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--navigator-on-background-color-SCOPED-IN-form-ppMb: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-ppMb);color:var(--on-background-color-SCOPED-IN-form-ppMb)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-ppMb);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-ppMb)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-ppMb)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-ppMb)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ppMb);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--surface-color: var(--surface-color-SCOPED-IN-form-ppMb);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ppMb);--background-color: var(--background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--on-background-color-SCOPED-IN-form-ppMb)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
515
515
  }
516
516
  __decorate([
517
517
  Effect(NavActionId.BACK),
@@ -564,7 +564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
564
564
  'fieldMap',
565
565
  ],
566
566
  },
567
- ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lif5: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lif5: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lif5: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lif5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lif5: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lif5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lif5: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lif5: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lif5: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lif5: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lif5);--navigator-background-color-SCOPED-IN-form-lif5: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lif5);--navigator-on-background-color-SCOPED-IN-form-lif5: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lif5);color:var(--on-background-color-SCOPED-IN-form-lif5)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-lif5);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lif5)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lif5)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lif5);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lif5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lif5);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lif5);--surface-color: var(--surface-color-SCOPED-IN-form-lif5);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lif5);--background-color: var(--background-color-SCOPED-IN-form-lif5);--on-background-color: var(--on-background-color-SCOPED-IN-form-lif5)}\n"] }]
567
+ ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-ppMb: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-ppMb: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-ppMb: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-ppMb: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-ppMb: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-ppMb: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-ppMb: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-ppMb: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-ppMb: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-ppMb: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-ppMb);--navigator-background-color-SCOPED-IN-form-ppMb: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--navigator-on-background-color-SCOPED-IN-form-ppMb: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-ppMb);color:var(--on-background-color-SCOPED-IN-form-ppMb)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-ppMb);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-ppMb)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-ppMb)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-ppMb)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ppMb);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--surface-color: var(--surface-color-SCOPED-IN-form-ppMb);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ppMb);--background-color: var(--background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--on-background-color-SCOPED-IN-form-ppMb)}\n"] }]
568
568
  }], propDecorators: { back: [] } });
569
569
 
570
570
  /**
@@ -34,7 +34,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
34
34
  <mat-icon>{{ action.icon }}</mat-icon>
35
35
  </button>
36
36
  }
37
- `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
37
+ `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-LmbJ: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-LmbJ);color:var(--on-background-color-SCOPED-IN-icon-button-menu-LmbJ)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
38
38
  }
39
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
40
40
  type: Component,
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
52
52
  directive: IconButtonMenuTemplateStore,
53
53
  inputs: ['actions'],
54
54
  },
55
- ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"] }]
55
+ ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-LmbJ: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-LmbJ);color:var(--on-background-color-SCOPED-IN-icon-button-menu-LmbJ)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ)}\n"] }]
56
56
  }] });
57
57
 
58
58
  /**