@ng-atomic/components 17.0.4 → 17.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 (137) hide show
  1. package/esm2022/atoms/icon/icon.atom.mjs +2 -2
  2. package/esm2022/frames/app/app.frame.mjs +2 -2
  3. package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
  4. package/esm2022/frames/columns/columns.frame.mjs +2 -2
  5. package/esm2022/frames/divider/divider.frame.mjs +2 -2
  6. package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
  7. package/esm2022/frames/fab/fab.frame.mjs +2 -2
  8. package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
  9. package/esm2022/frames/loading/loading.frame.mjs +2 -2
  10. package/esm2022/frames/overlay/overlay.frame.mjs +2 -2
  11. package/esm2022/frames/router-outlet/router-outlet.frame.mjs +3 -3
  12. package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
  13. package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
  14. package/esm2022/frames/side-nav/side-nav.frame.mjs +3 -3
  15. package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
  16. package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
  17. package/esm2022/molecules/checkbox-column/checkbox-column.molecule.mjs +15 -10
  18. package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
  19. package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +48 -34
  20. package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
  21. package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
  22. package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
  23. package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
  24. package/esm2022/molecules/textarea-field/textarea-field.molecule.mjs +15 -14
  25. package/esm2022/molecules/tree-column/tree-column.molecule.mjs +4 -9
  26. package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
  27. package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
  28. package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
  29. package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
  30. package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
  31. package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +3 -3
  32. package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
  33. package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
  34. package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
  35. package/esm2022/organisms/heading/heading.organism.mjs +2 -2
  36. package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
  37. package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
  38. package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
  39. package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
  40. package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
  41. package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
  42. package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
  43. package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
  44. package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
  45. package/esm2022/organisms/table/index.helpers.mjs +19 -2
  46. package/esm2022/organisms/table/table.helpers.mjs +10 -0
  47. package/esm2022/organisms/table/table.organism.mjs +25 -84
  48. package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
  49. package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +3 -5
  50. package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
  51. package/esm2022/pages/_index/index.page.mjs +2 -2
  52. package/esm2022/pages/form/form.page.mjs +11 -5
  53. package/esm2022/templates/_index/index.template.mjs +4 -4
  54. package/esm2022/templates/background/background.template.mjs +2 -2
  55. package/esm2022/templates/entrance/entrance.template.mjs +2 -2
  56. package/esm2022/templates/form/form.template.mjs +2 -2
  57. package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
  58. package/esm2022/templates/menu/menu.template.mjs +2 -2
  59. package/esm2022/templates/selection/selection.template.mjs +2 -2
  60. package/esm2022/templates/settings/settings.template.mjs +2 -2
  61. package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
  62. package/fesm2022/ng-atomic-components-frames-app.mjs +2 -2
  63. package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
  64. package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
  65. package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
  66. package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
  67. package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
  68. package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
  69. package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
  70. package/fesm2022/ng-atomic-components-frames-overlay.mjs +2 -2
  71. package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
  72. package/fesm2022/ng-atomic-components-frames-router-outlet.mjs.map +1 -1
  73. package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
  74. package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
  75. package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
  76. package/fesm2022/ng-atomic-components-frames-side-nav.mjs.map +1 -1
  77. package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
  78. package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
  79. package/fesm2022/ng-atomic-components-molecules-checkbox-column.mjs +14 -9
  80. package/fesm2022/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
  81. package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
  82. package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +48 -34
  83. package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs.map +1 -1
  84. package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
  85. package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
  86. package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
  87. package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  88. package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs +14 -13
  89. package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs.map +1 -1
  90. package/fesm2022/ng-atomic-components-molecules-tree-column.mjs +3 -8
  91. package/fesm2022/ng-atomic-components-molecules-tree-column.mjs.map +1 -1
  92. package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  93. package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
  94. package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  95. package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  96. package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  97. package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
  98. package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs.map +1 -1
  99. package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
  100. package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
  101. package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
  102. package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
  103. package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
  104. package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
  105. package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
  106. package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  107. package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
  108. package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
  109. package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
  110. package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  111. package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  112. package/fesm2022/ng-atomic-components-organisms-table.mjs +52 -84
  113. package/fesm2022/ng-atomic-components-organisms-table.mjs.map +1 -1
  114. package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  115. package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -4
  116. package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs.map +1 -1
  117. package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
  118. package/fesm2022/ng-atomic-components-pages-_index.mjs +2 -2
  119. package/fesm2022/ng-atomic-components-pages-form.mjs +10 -4
  120. package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
  121. package/fesm2022/ng-atomic-components-templates-_index.mjs +3 -3
  122. package/fesm2022/ng-atomic-components-templates-_index.mjs.map +1 -1
  123. package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
  124. package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
  125. package/fesm2022/ng-atomic-components-templates-form.mjs +2 -2
  126. package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
  127. package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
  128. package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
  129. package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
  130. package/molecules/checkbox-column/checkbox-column.molecule.d.ts +2 -1
  131. package/molecules/date-range-input-field/date-range-input-field.molecule.d.ts +12 -7
  132. package/molecules/textarea-field/textarea-field.molecule.d.ts +0 -1
  133. package/organisms/table/index.helpers.d.ts +9 -2
  134. package/organisms/table/table.helpers.d.ts +3 -0
  135. package/organisms/table/table.organism.d.ts +5 -33
  136. package/package.json +3 -3
  137. package/pages/form/form.page.d.ts +5 -1
@@ -37,7 +37,7 @@ class MenuTemplate extends NgAtomicComponent {
37
37
  />
38
38
  </div>
39
39
  <organisms-menu-footer injectable/>
40
- `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-wj3d: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-wj3d: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-wj3d: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-wj3d: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-wj3d: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-wj3d: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-wj3d: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-wj3d: var(--width);--height: 100%;--height-SCOPED-IN-menu-wj3d: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-wj3d);height:var(--height-SCOPED-IN-menu-wj3d);color:var(--on-background-color-SCOPED-IN-menu-wj3d);background-color:var(--background-color-SCOPED-IN-menu-wj3d);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-wj3d);--background-color: var(--background-color-SCOPED-IN-menu-wj3d);--surface-color: var(--surface-color-SCOPED-IN-menu-wj3d);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-wj3d);--on-background-color: var(--on-background-color-SCOPED-IN-menu-wj3d);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-wj3d)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
40
+ `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-iFxo: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-iFxo: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-iFxo: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-iFxo: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-iFxo: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-iFxo: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-iFxo: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-iFxo: var(--width);--height: 100%;--height-SCOPED-IN-menu-iFxo: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-iFxo);height:var(--height-SCOPED-IN-menu-iFxo);color:var(--on-background-color-SCOPED-IN-menu-iFxo);background-color:var(--background-color-SCOPED-IN-menu-iFxo);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-iFxo);--background-color: var(--background-color-SCOPED-IN-menu-iFxo);--surface-color: var(--surface-color-SCOPED-IN-menu-iFxo);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-iFxo);--on-background-color: var(--on-background-color-SCOPED-IN-menu-iFxo);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-iFxo)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
41
41
  }
42
42
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
43
43
  type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
59
59
  directive: MenuTemplateStore,
60
60
  inputs: ['actions', 'title'],
61
61
  },
62
- ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-wj3d: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-wj3d: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-wj3d: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-wj3d: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-wj3d: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-wj3d: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-wj3d: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-wj3d: var(--width);--height: 100%;--height-SCOPED-IN-menu-wj3d: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-wj3d);height:var(--height-SCOPED-IN-menu-wj3d);color:var(--on-background-color-SCOPED-IN-menu-wj3d);background-color:var(--background-color-SCOPED-IN-menu-wj3d);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-wj3d);--background-color: var(--background-color-SCOPED-IN-menu-wj3d);--surface-color: var(--surface-color-SCOPED-IN-menu-wj3d);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-wj3d);--on-background-color: var(--on-background-color-SCOPED-IN-menu-wj3d);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-wj3d)}\n"] }]
62
+ ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-iFxo: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-iFxo: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-iFxo: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-iFxo: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-iFxo: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-iFxo: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-iFxo: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-iFxo: var(--width);--height: 100%;--height-SCOPED-IN-menu-iFxo: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-iFxo);height:var(--height-SCOPED-IN-menu-iFxo);color:var(--on-background-color-SCOPED-IN-menu-iFxo);background-color:var(--background-color-SCOPED-IN-menu-iFxo);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-iFxo);--background-color: var(--background-color-SCOPED-IN-menu-iFxo);--surface-color: var(--surface-color-SCOPED-IN-menu-iFxo);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-iFxo);--on-background-color: var(--on-background-color-SCOPED-IN-menu-iFxo);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-iFxo)}\n"] }]
63
63
  }] });
64
64
 
65
65
  /**
@@ -70,7 +70,7 @@ class SelectionTemplate extends NgAtomicComponent {
70
70
  bottom
71
71
  />
72
72
  </frames-scroll>
73
- `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-wBqP: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-wBqP: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-wBqP: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-wBqP: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-wBqP: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-wBqP: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-wBqP: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-wBqP: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-wBqP: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-wBqP);--navigator-background-color-SCOPED-IN-selection-wBqP: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-wBqP);--navigator-on-background-color-SCOPED-IN-selection-wBqP: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-wBqP: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-wBqP: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-wBqP);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-selection-wBqP);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-wBqP)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-wBqP);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-wBqP);--surface-color: var(--surface-color-SCOPED-IN-selection-wBqP);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-wBqP);--background-color: var(--background-color-SCOPED-IN-selection-wBqP);--on-background-color: var(--on-background-color-SCOPED-IN-selection-wBqP)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-wBqP);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-wBqP)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
73
+ `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-zBxG: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-zBxG: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-zBxG: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-zBxG: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-zBxG: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-zBxG: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-zBxG: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-zBxG: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-zBxG: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-zBxG);--navigator-background-color-SCOPED-IN-selection-zBxG: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-zBxG);--navigator-on-background-color-SCOPED-IN-selection-zBxG: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-zBxG: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-zBxG: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-zBxG);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-selection-zBxG);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-zBxG)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-zBxG);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-zBxG);--surface-color: var(--surface-color-SCOPED-IN-selection-zBxG);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-zBxG);--background-color: var(--background-color-SCOPED-IN-selection-zBxG);--on-background-color: var(--on-background-color-SCOPED-IN-selection-zBxG)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-zBxG);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-zBxG)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
74
74
  }
75
75
  __decorate([
76
76
  Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
114
114
  directive: SelectionTemplateStore,
115
115
  inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],
116
116
  },
117
- ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-wBqP: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-wBqP: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-wBqP: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-wBqP: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-wBqP: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-wBqP: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-wBqP: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-wBqP: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-wBqP: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-wBqP);--navigator-background-color-SCOPED-IN-selection-wBqP: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-wBqP);--navigator-on-background-color-SCOPED-IN-selection-wBqP: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-wBqP: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-wBqP: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-wBqP);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-selection-wBqP);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-wBqP)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-wBqP);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-wBqP);--surface-color: var(--surface-color-SCOPED-IN-selection-wBqP);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-wBqP);--background-color: var(--background-color-SCOPED-IN-selection-wBqP);--on-background-color: var(--on-background-color-SCOPED-IN-selection-wBqP)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-wBqP);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-wBqP)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
117
+ ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-zBxG: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-zBxG: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-zBxG: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-zBxG: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-zBxG: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-zBxG: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-zBxG: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-zBxG: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-zBxG: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-zBxG);--navigator-background-color-SCOPED-IN-selection-zBxG: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-zBxG);--navigator-on-background-color-SCOPED-IN-selection-zBxG: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-zBxG: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-zBxG: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-zBxG);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-selection-zBxG);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-zBxG)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-zBxG);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-zBxG);--surface-color: var(--surface-color-SCOPED-IN-selection-zBxG);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-zBxG);--background-color: var(--background-color-SCOPED-IN-selection-zBxG);--on-background-color: var(--on-background-color-SCOPED-IN-selection-zBxG)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-zBxG);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-zBxG)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
118
118
  }], propDecorators: { toggleOption: [] } });
119
119
 
120
120
  /**
@@ -65,7 +65,7 @@ class SettingsTemplate extends NgAtomicComponent {
65
65
  </mat-list-item>
66
66
  </mat-list>
67
67
  </div>
68
- </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-EUd3: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-EUd3: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-EUd3: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-EUd3: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-EUd3: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-EUd3: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-EUd3: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-EUd3);--navigator-background-color-SCOPED-IN-%COMP%-EUd3: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-EUd3);--navigator-on-background-color-SCOPED-IN-%COMP%-EUd3: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-EUd3);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-EUd3);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-EUd3);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-EUd3);--background-color: var(--background-color-SCOPED-IN-%COMP%-EUd3);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-EUd3)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-EUd3);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-EUd3)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { 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.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.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: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
68
+ </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-ijgZ: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-ijgZ: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-ijgZ: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-ijgZ: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-ijgZ: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-ijgZ: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-ijgZ: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-ijgZ);--navigator-background-color-SCOPED-IN-%COMP%-ijgZ: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-ijgZ);--navigator-on-background-color-SCOPED-IN-%COMP%-ijgZ: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-ijgZ);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-ijgZ);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-ijgZ);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-ijgZ);--background-color: var(--background-color-SCOPED-IN-%COMP%-ijgZ);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-ijgZ)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-ijgZ);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-ijgZ)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { 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.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.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: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
69
69
  }
70
70
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SettingsTemplate, decorators: [{
71
71
  type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
114
114
  </div>
115
115
  </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
116
116
  class: 'template'
117
- }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-EUd3: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-EUd3: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-EUd3: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-EUd3: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-EUd3: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-EUd3: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-EUd3: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-EUd3);--navigator-background-color-SCOPED-IN-%COMP%-EUd3: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-EUd3);--navigator-on-background-color-SCOPED-IN-%COMP%-EUd3: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-EUd3);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-EUd3);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-EUd3);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-EUd3);--background-color: var(--background-color-SCOPED-IN-%COMP%-EUd3);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-EUd3)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-EUd3);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-EUd3)}\n"] }]
117
+ }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-ijgZ: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-ijgZ: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-ijgZ: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-ijgZ: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-ijgZ: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-ijgZ: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-ijgZ: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-ijgZ);--navigator-background-color-SCOPED-IN-%COMP%-ijgZ: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-ijgZ);--navigator-on-background-color-SCOPED-IN-%COMP%-ijgZ: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-ijgZ);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-ijgZ);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-ijgZ);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-ijgZ);--background-color: var(--background-color-SCOPED-IN-%COMP%-ijgZ);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-ijgZ)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-ijgZ);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-ijgZ)}\n"] }]
118
118
  }] });
119
119
 
120
120
  /**
@@ -10,6 +10,7 @@ export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent {
10
10
  private _table;
11
11
  readonly name: import("@angular/core").InputSignal<string>;
12
12
  readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
13
+ readonly isHidden: import("@angular/core").InputSignal<(item: T) => true>;
13
14
  readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
14
15
  readonly cell: import("@angular/core").Signal<CdkCellDef>;
15
16
  readonly headerCell: import("@angular/core").Signal<CdkHeaderCellDef>;
@@ -18,6 +19,6 @@ export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent {
18
19
  ngOnDestroy(): void;
19
20
  protected onCheckboxClick(item: T, event: Event): void;
20
21
  static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMolecule<any>, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
22
23
  }
23
24
  export {};
@@ -1,14 +1,19 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import dayjs from 'dayjs';
3
3
  import * as i0 from "@angular/core";
4
- export declare class DateRangeInputFieldMolecule {
5
- control: FormGroup<{
4
+ export declare class DateRangeInputFieldMoleculeStore {
5
+ readonly control: import("@angular/core").InputSignal<FormGroup<{
6
6
  start: FormControl<dayjs.Dayjs>;
7
7
  end: FormControl<dayjs.Dayjs>;
8
- }>;
9
- label: string;
10
- placeholder: string;
11
- hint?: string;
8
+ }>>;
9
+ readonly label: import("@angular/core").InputSignal<string>;
10
+ readonly hint: import("@angular/core").InputSignal<string>;
11
+ constructor();
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInputFieldMoleculeStore, never>;
13
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeInputFieldMoleculeStore, "molecules-date-range-input-field", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
14
+ }
15
+ export declare class DateRangeInputFieldMolecule {
16
+ protected readonly store: DateRangeInputFieldMoleculeStore;
12
17
  static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInputFieldMolecule, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputFieldMolecule, "molecules-date-range-input-field", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputFieldMolecule, "molecules-date-range-input-field", never, {}, {}, never, never, true, [{ directive: typeof DateRangeInputFieldMoleculeStore; inputs: { "control": "control"; "label": "label"; "hint": "hint"; }; outputs: {}; }]>;
14
19
  }
@@ -12,7 +12,6 @@ export declare class TextareaFieldMoleculeStore {
12
12
  readonly floatLabel: import("@angular/core").InputSignal<"auto" | "always" | "never">;
13
13
  readonly control: import("@angular/core").InputSignal<FormControl<string>>;
14
14
  readonly rows: import("@angular/core").InputSignal<number>;
15
- constructor();
16
15
  static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldMoleculeStore, never>;
17
16
  static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaFieldMoleculeStore, "molecules-textarea-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
18
17
  }
@@ -23,7 +23,13 @@ export type TextColumnForm = FormGroup<{
23
23
  visible: FormControl<boolean>;
24
24
  width: FormControl<number>;
25
25
  }>;
26
- export type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm>>;
26
+ export type TreeColumnForm = FormGroup<{
27
+ type: FormControl<'tree'>;
28
+ name: FormControl<string>;
29
+ visible: FormControl<boolean>;
30
+ width: FormControl<number>;
31
+ }>;
32
+ export type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm | TreeColumnForm>>;
27
33
  export declare function buildColumns(columns: (string | Actions)[]): Column[];
28
34
  export declare class IndexTemplateFormBuilder {
29
35
  sort: SortService;
@@ -53,8 +59,9 @@ export declare class IndexTemplateFormBuilder {
53
59
  static ɵprov: i0.ɵɵInjectableDeclaration<IndexTemplateFormBuilder>;
54
60
  }
55
61
  export declare function injectIndexFormBuilder(): IndexTemplateFormBuilder;
56
- export declare function injectIndexForm({ columns, query, }?: {
62
+ export declare function injectIndexForm({ columns, sort, query, }?: {
57
63
  columns?: Column[];
64
+ sort?: Partial<SortFormValue>;
58
65
  query?: string;
59
66
  }): FormGroup<{
60
67
  query: FormControl<string>;
@@ -0,0 +1,3 @@
1
+ import { MatTreeFlatDataSource } from '@angular/material/tree';
2
+ import { FlatTreeControl } from '@angular/cdk/tree';
3
+ export declare function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], key?: string): MatTreeFlatDataSource<any, any, any>;
@@ -1,39 +1,9 @@
1
- import { PipeTransform } from '@angular/core';
2
1
  import { MatTableDataSource } from '@angular/material/table';
3
2
  import { DomainPipe } from '@ng-atomic/common/pipes/domain';
4
3
  import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
5
4
  import { SelectionModel } from '@angular/cdk/collections';
6
- import { Column, Sort } from '@ng-atomic/common/models';
5
+ import { FlatTreeControl } from '@angular/cdk/tree';
7
6
  import * as i0 from "@angular/core";
8
- export declare class ResolveColumnsPipe implements PipeTransform {
9
- transform(columns: string[]): {
10
- type: 'key' | 'actions' | 'checkbox';
11
- name: string;
12
- payload?: any;
13
- }[];
14
- static ɵfac: i0.ɵɵFactoryDeclaration<ResolveColumnsPipe, never>;
15
- static ɵpipe: i0.ɵɵPipeDeclaration<ResolveColumnsPipe, "resolveColumns", true>;
16
- }
17
- export declare class MapPipe<T> implements PipeTransform {
18
- transform(itemOrItems: T | T[], path: string): any | any[];
19
- static ɵfac: i0.ɵɵFactoryDeclaration<MapPipe<any>, never>;
20
- static ɵpipe: i0.ɵɵPipeDeclaration<MapPipe<any>, "map", true>;
21
- }
22
- export declare class AutoColumnsPipe<T> implements PipeTransform {
23
- transform(items: T[]): string[];
24
- static ɵfac: i0.ɵɵFactoryDeclaration<AutoColumnsPipe<any>, never>;
25
- static ɵpipe: i0.ɵɵPipeDeclaration<AutoColumnsPipe<any>, "autoColumns", true>;
26
- }
27
- export declare class SortPipe implements PipeTransform {
28
- transform<T>(column: Column, sort: Sort): 'asc' | 'desc' | 'none';
29
- static ɵfac: i0.ɵɵFactoryDeclaration<SortPipe, never>;
30
- static ɵpipe: i0.ɵɵPipeDeclaration<SortPipe, "sort", true>;
31
- }
32
- export declare class ColumnsPipe implements PipeTransform {
33
- transform<T>(columns: Column[]): Column[];
34
- static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsPipe, never>;
35
- static ɵpipe: i0.ɵɵPipeDeclaration<ColumnsPipe, "columns", true>;
36
- }
37
7
  export declare class TableOrganismStore<T> extends InjectableComponent {
38
8
  readonly domainPipe: DomainPipe;
39
9
  readonly form: import("@angular/core").InputSignal<import("@angular/forms").FormGroup<{
@@ -54,7 +24,9 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
54
24
  readonly highlight: import("@angular/core").InputSignal<SelectionModel<string>>;
55
25
  readonly childrenKey: import("@angular/core").InputSignal<string>;
56
26
  readonly items: import("@angular/core").InputSignal<T[]>;
57
- readonly dataSource: import("@angular/core").Signal<MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
27
+ readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
28
+ readonly dataSource: import("@angular/core").Signal<import("@angular/material/tree").MatTreeFlatDataSource<any, any, any> | MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
29
+ readonly isHidden: import("@angular/core").Signal<(item: T) => boolean>;
58
30
  readonly formValue: import("@angular/core").Signal<Partial<{
59
31
  query: string;
60
32
  page: Partial<{
@@ -89,7 +61,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
89
61
  readonly columnNames: import("@angular/core").Signal<string[]>;
90
62
  constructor();
91
63
  static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganismStore<any>, never>;
92
- static ɵdir: i0.ɵɵDirectiveDeclaration<TableOrganismStore<any>, "organisms-table", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
64
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TableOrganismStore<any>, "organisms-table", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
93
65
  }
94
66
  declare enum ActionId {
95
67
  CHECKBOX_CLICK = "[@ng-atomic/components/organisms/checkbox-column] Checkbox Click",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-atomic/components",
3
- "version": "17.0.4",
3
+ "version": "17.2.0",
4
4
  "license": "MIT",
5
5
  "peerDependencies": {
6
6
  "@angular/animations": "^17.0.0",
@@ -17,8 +17,8 @@
17
17
  "@codemirror/state": "^6.0.0",
18
18
  "@codemirror/theme-one-dark": "^6.0.0",
19
19
  "@codemirror/view": "^6.0.0",
20
- "@ng-atomic/common": "17.0.4",
21
- "@nx-ddd/core": "17.0.4",
20
+ "@ng-atomic/common": "17.2.0",
21
+ "@nx-ddd/core": "17.2.0",
22
22
  "@webcontainer/api": "^1.1.7",
23
23
  "cm6-graphql": "^0.0.4",
24
24
  "codemirror": "^6.0.0",
@@ -26,6 +26,7 @@ export declare class FormPageStore extends InjectableComponent {
26
26
  entityId: string;
27
27
  entity: any;
28
28
  mode: string;
29
+ navStartActions: import("@ng-atomic/core").Action<any>[];
29
30
  navEndActions: any[];
30
31
  title: string;
31
32
  actions: {
@@ -42,6 +43,7 @@ export declare class FormPageStore extends InjectableComponent {
42
43
  entityId: string;
43
44
  entity: any;
44
45
  mode: string;
46
+ navStartActions: import("@ng-atomic/core").Action<any>[];
45
47
  navEndActions: any[];
46
48
  title: string;
47
49
  actions: {
@@ -59,6 +61,7 @@ export declare class FormPageStore extends InjectableComponent {
59
61
  entityId: string;
60
62
  entity: any;
61
63
  mode: string;
64
+ navStartActions: import("@ng-atomic/core").Action<any>[];
62
65
  navEndActions: any[];
63
66
  title: string;
64
67
  actions: {
@@ -82,6 +85,7 @@ export declare class FormPageStore extends InjectableComponent {
82
85
  }[]>;
83
86
  readonly fieldMap: import("@angular/core").InputSignal<FormFieldMap>;
84
87
  readonly mode: import("@angular/core").InputSignal<string>;
88
+ readonly navStartActions: import("@angular/core").InputSignal<import("@ng-atomic/core").Action<any>[]>;
85
89
  readonly navEndActions: import("@angular/core").InputSignal<any[]>;
86
90
  readonly params: import("@angular/core").Signal<Record<string, string>>;
87
91
  readonly isValid: import("@angular/core").Signal<boolean>;
@@ -94,7 +98,7 @@ export declare class FormPageStore extends InjectableComponent {
94
98
  }[]>;
95
99
  constructor();
96
100
  static ɵfac: i0.ɵɵFactoryDeclaration<FormPageStore, never>;
97
- static ɵdir: i0.ɵɵDirectiveDeclaration<FormPageStore, "form-page-store", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": false; "isSignal": true; }; "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
101
+ static ɵdir: i0.ɵɵDirectiveDeclaration<FormPageStore, "form-page-store", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": false; "isSignal": true; }; "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
98
102
  }
99
103
  export declare class FormPage extends NgAtomicComponent {
100
104
  static readonly ActionId: typeof ActionId;