@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
@@ -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-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { 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-FGNj: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-FGNj: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-FGNj: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-FGNj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-FGNj: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-FGNj: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-FGNj: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-FGNj: var(--width);--height: 100%;--height-SCOPED-IN-menu-FGNj: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FGNj);height:var(--height-SCOPED-IN-menu-FGNj);color:var(--on-background-color-SCOPED-IN-menu-FGNj);background-color:var(--background-color-SCOPED-IN-menu-FGNj);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-FGNj);--background-color: var(--background-color-SCOPED-IN-menu-FGNj);--surface-color: var(--surface-color-SCOPED-IN-menu-FGNj);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-FGNj);--on-background-color: var(--on-background-color-SCOPED-IN-menu-FGNj);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-FGNj)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
41
41
  }
42
42
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplate, decorators: [{
43
43
  type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
59
59
  directive: MenuTemplateStore,
60
60
  inputs: ['actions', 'title'],
61
61
  },
62
- ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"] }]
62
+ ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-FGNj: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-FGNj: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-FGNj: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-FGNj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-FGNj: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-FGNj: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-FGNj: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-FGNj: var(--width);--height: 100%;--height-SCOPED-IN-menu-FGNj: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FGNj);height:var(--height-SCOPED-IN-menu-FGNj);color:var(--on-background-color-SCOPED-IN-menu-FGNj);background-color:var(--background-color-SCOPED-IN-menu-FGNj);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-FGNj);--background-color: var(--background-color-SCOPED-IN-menu-FGNj);--surface-color: var(--surface-color-SCOPED-IN-menu-FGNj);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-FGNj);--on-background-color: var(--on-background-color-SCOPED-IN-menu-FGNj);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-FGNj)}\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-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);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-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}: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-WqUy: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-WqUy: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-WqUy: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-WqUy: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-WqUy: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-WqUy: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-WqUy: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-WqUy: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-WqUy: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-WqUy);--navigator-background-color-SCOPED-IN-selection-WqUy: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--navigator-on-background-color-SCOPED-IN-selection-WqUy: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-WqUy: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-WqUy: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-WqUy);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-WqUy);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-WqUy)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-WqUy);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--surface-color: var(--surface-color-SCOPED-IN-selection-WqUy);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-WqUy);--background-color: var(--background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-WqUy)}: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: "18.1.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-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);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-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}: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-WqUy: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-WqUy: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-WqUy: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-WqUy: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-WqUy: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-WqUy: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-WqUy: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-WqUy: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-WqUy: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-WqUy);--navigator-background-color-SCOPED-IN-selection-WqUy: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--navigator-on-background-color-SCOPED-IN-selection-WqUy: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-WqUy: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-WqUy: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-WqUy);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-WqUy);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-WqUy)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-WqUy);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--surface-color: var(--surface-color-SCOPED-IN-selection-WqUy);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-WqUy);--background-color: var(--background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-WqUy)}: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%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\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%-FEQ2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-FEQ2: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-FEQ2: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-FEQ2: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-FEQ2: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-FEQ2: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-FEQ2);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-FEQ2);--background-color: var(--background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-FEQ2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2)}\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: "18.1.2", ngImport: i0, type: SettingsTemplate, decorators: [{
71
71
  type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\n"] }]
117
+ }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-FEQ2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-FEQ2: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-FEQ2: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-FEQ2: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-FEQ2: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-FEQ2: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-FEQ2);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-FEQ2);--background-color: var(--background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-FEQ2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2)}\n"] }]
118
118
  }] });
119
119
 
120
120
  /**
@@ -13,6 +13,7 @@ export declare class DividerFrame extends NgAtomicComponent {
13
13
  protected firstContentHeight: number;
14
14
  readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
15
15
  readonly divider: Signal<ElementRef<HTMLDivElement>>;
16
+ readonly dragging: import("@angular/core").WritableSignal<boolean>;
16
17
  protected onDragStart($event: CdkDragStart): void;
17
18
  protected onDragMoved($event: CdkDragMove): void;
18
19
  protected onDragEnd($event: CdkDragMove): void;
@@ -1,5 +1,5 @@
1
1
  import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
2
- import { OnInit } from '@angular/core';
2
+ import { OnInit, OnDestroy } from '@angular/core';
3
3
  import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class ActionsColumnMoleculeStore extends InjectableComponent {
@@ -35,7 +35,7 @@ export declare class ActionsColumnMoleculeStore extends InjectableComponent {
35
35
  static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMoleculeStore, never>;
36
36
  static ɵdir: i0.ɵɵDirectiveDeclaration<ActionsColumnMoleculeStore, never, never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
37
37
  }
38
- export declare class ActionsColumnMolecule extends NgAtomicComponent implements OnInit {
38
+ export declare class ActionsColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {
39
39
  private _table;
40
40
  protected store: ActionsColumnMoleculeStore;
41
41
  readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
@@ -1,6 +1,6 @@
1
1
  import { SelectionModel } from '@angular/cdk/collections';
2
2
  import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
3
- import { OnInit } from '@angular/core';
3
+ import { OnInit, OnDestroy } from '@angular/core';
4
4
  import { MatCheckbox } from '@angular/material/checkbox';
5
5
  import { NgAtomicComponent } from '@ng-atomic/core';
6
6
  import * as i0 from "@angular/core";
@@ -8,7 +8,7 @@ declare enum ActionId {
8
8
  CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click",
9
9
  HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click"
10
10
  }
11
- export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit {
11
+ export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit, OnDestroy {
12
12
  static readonly ActionId: typeof ActionId;
13
13
  private _table;
14
14
  readonly name: import("@angular/core").InputSignal<string>;
@@ -1,5 +1,5 @@
1
1
  import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
2
- import { EventEmitter, OnInit } from '@angular/core';
2
+ import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
3
3
  import { NgAtomicComponent } from '@ng-atomic/core';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class SmartColumnTemplateStore<T> {
@@ -8,7 +8,7 @@ export declare class SmartColumnTemplateStore<T> {
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnTemplateStore<any>, never>;
9
9
  static ɵdir: i0.ɵɵDirectiveDeclaration<SmartColumnTemplateStore<any>, never, never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
10
10
  }
11
- export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit {
11
+ export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {
12
12
  protected store: SmartColumnTemplateStore<any>;
13
13
  private _table;
14
14
  readonly headerText: import("@angular/core").InputSignal<string>;
@@ -6,8 +6,9 @@ export declare class TreeColumnMoleculeStore {
6
6
  readonly headerText: import("@angular/core").InputSignal<string>;
7
7
  readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
8
8
  readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
9
+ readonly width: import("@angular/core").InputSignal<number>;
9
10
  static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMoleculeStore, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
12
  }
12
13
  export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
13
14
  protected store: TreeColumnMoleculeStore;
@@ -15,5 +16,5 @@ export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
15
16
  text: string;
16
17
  copied(): void;
17
18
  static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMolecule<any>, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; }; outputs: {}; }]>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; "width": "width"; }; outputs: {}; }]>;
19
20
  }
@@ -3,11 +3,15 @@ import { InjectableComponent } from '@ng-atomic/core';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class ChipsInputSectionOrganismStore extends InjectableComponent {
5
5
  readonly control: import("@angular/core").InputSignal<FormControl<string>>;
6
+ readonly appearance: import("@angular/core").InputSignal<string>;
7
+ readonly placeholder: import("@angular/core").InputSignal<string>;
8
+ readonly label: import("@angular/core").InputSignal<string>;
9
+ readonly hint: import("@angular/core").InputSignal<string>;
6
10
  static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputSectionOrganismStore, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputSectionOrganismStore, "organisms-chips-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputSectionOrganismStore, "organisms-chips-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
8
12
  }
9
13
  export declare class ChipsInputSectionOrganism {
10
14
  protected store: ChipsInputSectionOrganismStore;
11
15
  static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputSectionOrganism, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputSectionOrganism, "organisms-chips-input-section", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputSectionOrganismStore; inputs: { "control": "control"; }; outputs: {}; }]>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputSectionOrganism, "organisms-chips-input-section", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputSectionOrganismStore; inputs: { "control": "control"; "appearance": "appearance"; "placeholder": "placeholder"; "label": "label"; "hint": "hint"; }; outputs: {}; }]>;
13
17
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-atomic/components",
3
- "version": "18.0.0",
3
+ "version": "18.2.0",
4
4
  "license": "MIT",
5
5
  "peerDependencies": {
6
6
  "@angular/animations": "^18.0.0",
@@ -17,7 +17,7 @@
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": "18.0.0",
20
+ "@ng-atomic/common": "18.2.0",
21
21
  "@webcontainer/api": "^1.1.7",
22
22
  "cm6-graphql": "^0.0.4",
23
23
  "codemirror": "^6.0.0",
@@ -84,6 +84,7 @@ export declare class IndexTemplateStore<T extends {
84
84
  pageSizeOptions: number[];
85
85
  selection: SelectionModel<string>;
86
86
  highlight: SelectionModel<string>;
87
+ queryLabel: string;
87
88
  }>, label?: string): import("@angular/core").Provider;
88
89
  inject(): import("@angular/core").Signal<{
89
90
  form: FormGroup<{
@@ -124,6 +125,7 @@ export declare class IndexTemplateStore<T extends {
124
125
  pageSizeOptions: number[];
125
126
  selection: SelectionModel<string>;
126
127
  highlight: SelectionModel<string>;
128
+ queryLabel: string;
127
129
  }>;
128
130
  };
129
131
  static provideTypeConfig(): import("@angular/core").Provider;
@@ -166,6 +168,7 @@ export declare class IndexTemplateStore<T extends {
166
168
  pageSizeOptions: number[];
167
169
  selection: SelectionModel<string>;
168
170
  highlight: SelectionModel<string>;
171
+ queryLabel: string;
169
172
  }>;
170
173
  readonly isPlatformServer: boolean;
171
174
  readonly form: import("@angular/core").InputSignal<FormGroup<{
@@ -206,6 +209,7 @@ export declare class IndexTemplateStore<T extends {
206
209
  readonly type: import("@angular/core").InputSignal<"list" | "table" | "grid">;
207
210
  readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
208
211
  readonly highlight: import("@angular/core").InputSignal<SelectionModel<string>>;
212
+ readonly queryLabel: import("@angular/core").InputSignal<string>;
209
213
  readonly form$: import("rxjs").Observable<unknown>;
210
214
  readonly formValue: import("@angular/core").Signal<Partial<{
211
215
  query: string;
@@ -228,7 +232,7 @@ export declare class IndexTemplateStore<T extends {
228
232
  indexLength: IndexLengthPipe<any>;
229
233
  };
230
234
  static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplateStore<any>, never>;
231
- static ɵdir: i0.ɵɵDirectiveDeclaration<IndexTemplateStore<any>, "templates-index", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "gridToolbarActions": { "alias": "gridToolbarActions"; "required": false; "isSignal": true; }; "toggleActions": { "alias": "toggleActions"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "tableIsHidden": { "alias": "tableIsHidden"; "required": false; "isSignal": true; }; "tableTreeControl": { "alias": "tableTreeControl"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
235
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IndexTemplateStore<any>, "templates-index", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "gridToolbarActions": { "alias": "gridToolbarActions"; "required": false; "isSignal": true; }; "toggleActions": { "alias": "toggleActions"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "tableIsHidden": { "alias": "tableIsHidden"; "required": false; "isSignal": true; }; "tableTreeControl": { "alias": "tableTreeControl"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "queryLabel": { "alias": "queryLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
232
236
  }
233
237
  export declare class IndexTemplate<T> extends NgAtomicComponent {
234
238
  static ActionId: typeof ActionId;
@@ -242,5 +246,5 @@ export declare class IndexTemplate<T> extends NgAtomicComponent {
242
246
  protected onHeaderCheckboxClick(): void;
243
247
  protected back(): void;
244
248
  static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplate<any>, never>;
245
- static ɵcmp: i0.ɵɵComponentDeclaration<IndexTemplate<any>, "templates-index", never, {}, {}, never, ["[dashboard]"], true, [{ directive: typeof 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"; }; outputs: {}; }]>;
249
+ static ɵcmp: i0.ɵɵComponentDeclaration<IndexTemplate<any>, "templates-index", never, {}, {}, never, ["[dashboard]"], true, [{ directive: typeof 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"; }; outputs: {}; }]>;
246
250
  }