@ng-atomic/components 17.8.0 → 17.10.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 (133) hide show
  1. package/esm2022/atoms/icon/icon.atom.mjs +2 -2
  2. package/esm2022/frames/app/app.frame.mjs +23 -20
  3. package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
  4. package/esm2022/frames/columns/columns.frame.mjs +2 -2
  5. package/esm2022/frames/divider/divider.frame.mjs +2 -2
  6. package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
  7. package/esm2022/frames/entrance/entrance.frame.mjs +2 -2
  8. package/esm2022/frames/fab/fab.frame.mjs +2 -2
  9. package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
  10. package/esm2022/frames/loading/loading.frame.mjs +2 -2
  11. package/esm2022/frames/router-outlet/router-outlet.frame.mjs +2 -2
  12. package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
  13. package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
  14. package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
  15. package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
  16. package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
  17. package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
  18. package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +2 -2
  19. package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
  20. package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
  21. package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
  22. package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
  23. package/esm2022/molecules/tree-column/tree-column.molecule.mjs +43 -35
  24. package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
  25. package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
  26. package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
  27. package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
  28. package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
  29. package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +2 -2
  30. package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
  31. package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
  32. package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
  33. package/esm2022/organisms/heading/heading.organism.mjs +2 -2
  34. package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
  35. package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
  36. package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
  37. package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
  38. package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
  39. package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
  40. package/esm2022/organisms/paginator/paginator.organism.mjs +2 -2
  41. package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
  42. package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
  43. package/esm2022/organisms/slider-input-section/slider-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 +16 -14
  46. package/esm2022/organisms/table/table.organism.mjs +3 -3
  47. package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
  48. package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
  49. package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
  50. package/esm2022/pages/_index/index.page.mjs +36 -24
  51. package/esm2022/pages/form/form.page.mjs +28 -9
  52. package/esm2022/pages/pages.module.mjs +2 -1
  53. package/esm2022/templates/_index/index.template.mjs +2 -2
  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.builder.mjs +11 -11
  57. package/esm2022/templates/form/form.template.mjs +2 -2
  58. package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
  59. package/esm2022/templates/menu/menu.template.mjs +2 -2
  60. package/esm2022/templates/selection/selection.template.mjs +2 -2
  61. package/esm2022/templates/settings/settings.template.mjs +2 -2
  62. package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
  63. package/fesm2022/ng-atomic-components-frames-app.mjs +23 -20
  64. package/fesm2022/ng-atomic-components-frames-app.mjs.map +1 -1
  65. package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
  66. package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
  67. package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
  68. package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
  69. package/fesm2022/ng-atomic-components-frames-entrance.mjs +2 -2
  70. package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
  71. package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
  72. package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
  73. package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
  74. package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
  75. package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
  76. package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
  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-date-input-field.mjs +2 -2
  80. package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
  81. package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
  82. package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
  83. package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
  84. package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  85. package/fesm2022/ng-atomic-components-molecules-tree-column.mjs +42 -34
  86. package/fesm2022/ng-atomic-components-molecules-tree-column.mjs.map +1 -1
  87. package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  88. package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
  89. package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  90. package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  91. package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  92. package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
  93. package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
  94. package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
  95. package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
  96. package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
  97. package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
  98. package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
  99. package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
  100. package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  101. package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
  102. package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
  103. package/fesm2022/ng-atomic-components-organisms-paginator.mjs +2 -2
  104. package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
  105. package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  106. package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs +2 -2
  107. package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  108. package/fesm2022/ng-atomic-components-organisms-table.mjs +18 -17
  109. package/fesm2022/ng-atomic-components-organisms-table.mjs.map +1 -1
  110. package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  111. package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
  112. package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
  113. package/fesm2022/ng-atomic-components-pages-_index.mjs +36 -24
  114. package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
  115. package/fesm2022/ng-atomic-components-pages-form.mjs +29 -10
  116. package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
  117. package/fesm2022/ng-atomic-components-pages.mjs +1 -0
  118. package/fesm2022/ng-atomic-components-pages.mjs.map +1 -1
  119. package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
  120. package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
  121. package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
  122. package/fesm2022/ng-atomic-components-templates-form.mjs +12 -13
  123. package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
  124. package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
  125. package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
  126. package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
  127. package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
  128. package/frames/app/app.frame.d.ts +6 -0
  129. package/molecules/tree-column/tree-column.molecule.d.ts +3 -3
  130. package/organisms/table/index.helpers.d.ts +7 -5
  131. package/package.json +3 -3
  132. package/pages/_index/index.page.d.ts +122 -17
  133. package/pages/form/form.page.d.ts +19 -0
package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs CHANGED
@@ -46,7 +46,7 @@ class NavigationListItemMolecule extends NgAtomicComponent {
46
46
  }
47
47
  </div>
48
48
  </mat-list-item>
49
- `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-LzlM: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-LzlM: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-LzlM: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-LzlM: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-LzlM: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-LzlM: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-LzlM: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-LzlM);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-LzlM);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-LzlM);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-LzlM);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-LzlM);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-LzlM);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-LzlM)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { 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.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }, { kind: "component", type: BadgeAtom, selector: "atoms-badge", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
49
+ `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-HwW7: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-HwW7: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-HwW7: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-HwW7: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-HwW7: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-HwW7: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-HwW7: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-HwW7);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-HwW7);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-HwW7);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-HwW7);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-HwW7);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-HwW7);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-HwW7)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { 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.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }, { kind: "component", type: BadgeAtom, selector: "atoms-badge", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
50
  }
51
51
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
52
52
  type: Component,
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
76
76
  directive: NavigationListItemMoleculeStore,
77
77
  inputs: ['action', 'selected'],
78
78
  },
79
- ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-LzlM: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-LzlM: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-LzlM: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-LzlM: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-LzlM: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-LzlM: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-LzlM: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-LzlM);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-LzlM);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-LzlM);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-LzlM);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-LzlM);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-LzlM);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-LzlM)}\n"] }]
79
+ ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-HwW7: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-HwW7: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-HwW7: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-HwW7: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-HwW7: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-HwW7: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-HwW7: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-HwW7);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-HwW7);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-HwW7);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-HwW7);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-HwW7);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-HwW7);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-HwW7)}\n"] }]
80
80
  }] });
81
81
 
82
82
  /**
package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs CHANGED
@@ -46,7 +46,7 @@ class SelectInputFieldMolecule {
46
46
  }
47
47
  <mat-error>{{ store.control().errors | error }}</mat-error>
48
48
  </mat-form-field>
49
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-DL4Z: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
49
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-UMbp: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
50
  }
51
51
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
52
52
  type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
75
75
  directive: SelectInputFieldMoleculeStore,
76
76
  inputs: ['control', 'label', 'appearance', 'options', 'hint', 'placeholder', 'multiple'],
77
77
  },
78
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-DL4Z: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
78
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-UMbp: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
79
79
  }] });
80
80
 
81
81
  /**
package/fesm2022/ng-atomic-components-molecules-tree-column.mjs CHANGED
@@ -17,11 +17,12 @@ import { FlatTreeControl } from '@angular/cdk/tree';
17
17
 
18
18
  class TreeColumnMoleculeStore {
19
19
  constructor() {
20
+ this.headerText = input('');
20
21
  this.sort = input('none');
21
22
  this.treeControl = input(new FlatTreeControl((node) => node.level, (node) => node.isExpandable));
22
23
  }
23
24
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
24
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TreeColumnMoleculeStore, isStandalone: true, selector: "molecules-tree-column", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
25
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TreeColumnMoleculeStore, isStandalone: true, selector: "molecules-tree-column", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
25
26
  }
26
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMoleculeStore, decorators: [{
27
28
  type: Directive,
@@ -34,15 +35,12 @@ class TreeColumnMolecule extends MatTextColumn {
34
35
  this.headerClick = new EventEmitter();
35
36
  this.text = 'copy';
36
37
  }
37
- get key() {
38
- return this.name.slice('__tree_'.length);
39
- }
40
38
  copied() {
41
39
  this.text = 'copied!';
42
40
  setTimeout(() => this.text = 'copy', 1000);
43
41
  }
44
42
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
45
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", outputs: { headerClick: "headerClick" }, usesInheritance: true, hostDirectives: [{ directive: TreeColumnMoleculeStore, inputs: ["sort", "sort", "treeControl", "treeControl"] }], ngImport: i0, template: `
43
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", outputs: { headerClick: "headerClick" }, usesInheritance: true, hostDirectives: [{ directive: TreeColumnMoleculeStore, inputs: ["headerText", "headerText", "sort", "sort", "treeControl", "treeControl"] }], ngImport: i0, template: `
46
44
  <ng-container matColumnDef>
47
45
  <th
48
46
  mat-header-cell
@@ -51,7 +49,7 @@ class TreeColumnMolecule extends MatTextColumn {
51
49
  (click)="headerClick.emit()"
52
50
  >
53
51
  <p class="nowrap" style="display: flex; align-items: center; margin-left: 48px">
54
- <span>{{ key }}</span>
52
+ <span>{{ store.headerText() }}</span>
55
53
  @switch(store.sort()) {
56
54
  @case ('asc') {
57
55
  <mat-icon class="order">south</mat-icon>
@@ -64,22 +62,25 @@ class TreeColumnMolecule extends MatTextColumn {
64
62
  </th>
65
63
  <td mat-cell *matCellDef="let data">
66
64
  <p class="nowrap"
67
- [cdkCopyToClipboard]="data | dataAccessor: key | smartExp: key"
65
+ [cdkCopyToClipboard]="data | dataAccessor: name | smartExp: name"
66
+ [style.maxWidth.px]="data.level * 48 + 200"
68
67
  >
69
- <button
70
- mat-icon-button
71
- [style.visibility]="!data.isExpandable ? 'hidden' : ''"
72
- [style.marginLeft.px]="data.level * 0"
73
- (click)="store.treeControl().toggle(data)"
74
- >
75
- <mat-icon>
76
- {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
77
- </mat-icon>
78
- </button>
79
- <span> {{ data | dataAccessor: key }} </span>
68
+ <span [style.width.px]="data.level * 48"></span>
69
+ @if (data.isExpandable) {
70
+ <button
71
+ mat-icon-button
72
+ [style.visibility]="!data.isExpandable ? 'hidden' : ''"
73
+ (click)="store.treeControl().toggle(data)"
74
+ >
75
+ <mat-icon>
76
+ {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
77
+ </mat-icon>
78
+ </button>
79
+ }
80
+ <span> {{ data | dataAccessor: name }} </span>
80
81
  </p>
81
82
  </td>
82
- </ng-container> `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
83
+ </ng-container> `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
83
84
  }
84
85
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMolecule, decorators: [{
85
86
  type: Component,
@@ -101,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
101
102
  (click)="headerClick.emit()"
102
103
  >
103
104
  <p class="nowrap" style="display: flex; align-items: center; margin-left: 48px">
104
- <span>{{ key }}</span>
105
+ <span>{{ store.headerText() }}</span>
105
106
  @switch(store.sort()) {
106
107
  @case ('asc') {
107
108
  <mat-icon class="order">south</mat-icon>
@@ -114,27 +115,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
114
115
  </th>
115
116
  <td mat-cell *matCellDef="let data">
116
117
  <p class="nowrap"
117
- [cdkCopyToClipboard]="data | dataAccessor: key | smartExp: key"
118
+ [cdkCopyToClipboard]="data | dataAccessor: name | smartExp: name"
119
+ [style.maxWidth.px]="data.level * 48 + 200"
118
120
  >
119
- <button
120
- mat-icon-button
121
- [style.visibility]="!data.isExpandable ? 'hidden' : ''"
122
- [style.marginLeft.px]="data.level * 0"
123
- (click)="store.treeControl().toggle(data)"
124
- >
125
- <mat-icon>
126
- {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
127
- </mat-icon>
128
- </button>
129
- <span> {{ data | dataAccessor: key }} </span>
121
+ <span [style.width.px]="data.level * 48"></span>
122
+ @if (data.isExpandable) {
123
+ <button
124
+ mat-icon-button
125
+ [style.visibility]="!data.isExpandable ? 'hidden' : ''"
126
+ (click)="store.treeControl().toggle(data)"
127
+ >
128
+ <mat-icon>
129
+ {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
130
+ </mat-icon>
131
+ </button>
132
+ }
133
+ <span> {{ data | dataAccessor: name }} </span>
130
134
  </p>
131
135
  </td>
132
136
  </ng-container> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
133
137
  {
134
138
  directive: TreeColumnMoleculeStore,
135
- inputs: ['sort', 'treeControl'],
139
+ inputs: [
140
+ 'headerText',
141
+ 'sort',
142
+ 'treeControl',
143
+ ],
136
144
  }
137
- ], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
145
+ ], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
138
146
  }], propDecorators: { headerClick: [{
139
147
  type: Output
140
148
  }] } });
package/fesm2022/ng-atomic-components-molecules-tree-column.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ng-atomic-components-molecules-tree-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/tree-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/ng-atomic-components-molecules-tree-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, ViewEncapsulation, inject, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@Directive({standalone: true, selector: 'molecules-tree-column'})\nexport class TreeColumnMoleculeStore {\n readonly sort = input<'asc' | 'desc' | 'none'>('none');\n readonly treeControl = input(new FlatTreeControl<any>(\n (node) => node.level,\n (node) => node.isExpandable\n ));\n\n}\n\n@Component({\n selector: 'molecules-tree-column',\n standalone: true,\n imports: [\n CommonModule,\n ClipboardModule,\n SmartExpModule,\n DataAccessorPipe,\n MatButtonModule,\n MatIconModule,\n MatTableModule,\n MatTooltipModule,\n ],\n template: `\n <ng-container matColumnDef>\n <th\n mat-header-cell\n *matHeaderCellDef\n [style.text-align]=\"justify\"\n (click)=\"headerClick.emit()\"\n >\n <p class=\"nowrap\" style=\"display: flex; align-items: center; margin-left: 48px\">\n <span>{{ key }}</span>\n @switch(store.sort()) {\n @case ('asc') {\n <mat-icon class=\"order\">south</mat-icon>\n }\n @case ('desc') { \n <mat-icon class=\"order\">north</mat-icon>\n }\n }\n </p>\n </th>\n <td mat-cell *matCellDef=\"let data\"> \n <p class=\"nowrap\"\n [cdkCopyToClipboard]=\"data | dataAccessor: key | smartExp: key\"\n >\n <button \n mat-icon-button \n [style.visibility]=\"!data.isExpandable ? 'hidden' : ''\"\n [style.marginLeft.px]=\"data.level * 0\"\n (click)=\"store.treeControl().toggle(data)\"\n >\n <mat-icon>\n {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}\n </mat-icon>\n </button>\n <span> {{ data | dataAccessor: key }} </span>\n </p>\n </td>\n </ng-container> `,\n styleUrls: ['./tree-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: TreeColumnMoleculeStore,\n inputs: ['sort', 'treeControl'],\n }\n ],\n})\nexport class TreeColumnMolecule<T> extends MatTextColumn<T> {\n protected store = inject(TreeColumnMoleculeStore);\n\n @Output()\n headerClick = new EventEmitter<void>();\n\n text = 'copy';\n\n get key() {\n return this.name.slice('__tree_'.length);\n }\n\n copied() {\n this.text = 'copied!';\n setTimeout(() => this.text = 'copy', 1000);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-atomic-components-molecules-tree-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/tree-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/ng-atomic-components-molecules-tree-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, ViewEncapsulation, inject, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@Directive({standalone: true, selector: 'molecules-tree-column'})\nexport class TreeColumnMoleculeStore {\n readonly headerText = input<string>('');\n readonly sort = input<'asc' | 'desc' | 'none'>('none');\n readonly treeControl = input(new FlatTreeControl<any>(\n (node) => node.level,\n (node) => node.isExpandable\n ));\n}\n\n@Component({\n selector: 'molecules-tree-column',\n standalone: true,\n imports: [\n CommonModule,\n ClipboardModule,\n SmartExpModule,\n DataAccessorPipe,\n MatButtonModule,\n MatIconModule,\n MatTableModule,\n MatTooltipModule,\n ],\n template: `\n <ng-container matColumnDef>\n <th\n mat-header-cell\n *matHeaderCellDef\n [style.text-align]=\"justify\"\n (click)=\"headerClick.emit()\"\n >\n <p class=\"nowrap\" style=\"display: flex; align-items: center; margin-left: 48px\">\n <span>{{ store.headerText() }}</span>\n @switch(store.sort()) {\n @case ('asc') {\n <mat-icon class=\"order\">south</mat-icon>\n }\n @case ('desc') { \n <mat-icon class=\"order\">north</mat-icon>\n }\n }\n </p>\n </th>\n <td mat-cell *matCellDef=\"let data\"> \n <p class=\"nowrap\"\n [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n [style.maxWidth.px]=\"data.level * 48 + 200\"\n >\n <span [style.width.px]=\"data.level * 48\"></span>\n @if (data.isExpandable) {\n <button \n mat-icon-button \n [style.visibility]=\"!data.isExpandable ? 'hidden' : ''\"\n (click)=\"store.treeControl().toggle(data)\"\n >\n <mat-icon>\n {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}\n </mat-icon>\n </button>\n }\n <span> {{ data | dataAccessor: name }} </span>\n </p>\n </td>\n </ng-container> `,\n styleUrls: ['./tree-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: TreeColumnMoleculeStore,\n inputs: [\n 'headerText',\n 'sort',\n 'treeControl',\n ],\n }\n ],\n})\nexport class TreeColumnMolecule<T> extends MatTextColumn<T> {\n protected store = inject(TreeColumnMoleculeStore);\n\n @Output()\n headerClick = new EventEmitter<void>();\n\n text = 'copy';\n\n copied() {\n this.text = 'copied!';\n setTimeout(() => this.text = 'copy', 1000);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs CHANGED
@@ -76,7 +76,7 @@ class ActionButtonsSectionOrganism extends NgAtomicComponent {
76
76
  }
77
77
  }
78
78
  }
79
- `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-vYdK: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-vYdK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-vYdK);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
79
+ `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-ritw: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-ritw: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-ritw);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
80
80
  }
81
81
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
82
82
  type: Component,
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
132
132
  directive: ActionButtonsSectionOrganismStore,
133
133
  inputs: ['actions', 'type'],
134
134
  }
135
- ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-vYdK: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-vYdK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-vYdK);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
135
+ ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-ritw: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-ritw: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-ritw);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
136
136
  }] });
137
137
 
138
138
  /**
package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs CHANGED
@@ -39,7 +39,7 @@ class ActionInputSectionOrganism extends NgAtomicComponent {
39
39
  [hint]="store.hint()"
40
40
  (action)="dispatch($event)"
41
41
  ></molecules-action-input-field>
42
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-JczP: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-JczP);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
42
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-VWTy: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-VWTy);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
43
43
  }
44
44
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
45
45
  type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
59
59
  directive: ActionInputSectionOrganismStore,
60
60
  inputs: ['control', 'label', 'placeholder', 'actions', 'hint'],
61
61
  }
62
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-JczP: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-JczP);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
62
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-VWTy: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-VWTy);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
63
63
  }] });
64
64
 
65
65
  /**
package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs CHANGED
@@ -11,14 +11,14 @@ class CardInputSectionOrganism {
11
11
  this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
12
12
  }
13
13
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-8HdG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-8HdG);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
14
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-c1sy: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-c1sy);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
15
15
  }
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
17
17
  type: Component,
18
18
  args: [{ selector: 'organisms-card-input-section', standalone: true, imports: [
19
19
  CommonModule,
20
20
  TextInputFieldMolecule,
21
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-8HdG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-8HdG);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
21
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-c1sy: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-c1sy);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
22
22
  }], propDecorators: { control: [{
23
23
  type: Input
24
24
  }], label: [{
package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs CHANGED
@@ -19,7 +19,7 @@ class CvcAndExpInputSectionOrganism {
19
19
  });
20
20
  }
21
21
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
22
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Qxin: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Qxin);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
22
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-TYgZ: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-TYgZ);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
23
23
  }
24
24
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
25
25
  type: Component,
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
27
27
  CommonModule,
28
28
  SelectInputFieldMolecule,
29
29
  TextInputFieldMolecule,
30
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Qxin: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Qxin);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
30
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-TYgZ: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-TYgZ);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
31
31
  }], propDecorators: { form: [{
32
32
  type: Input
33
33
  }] } });
package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs CHANGED
@@ -45,7 +45,7 @@ class DateInputSectionOrganism extends NgAtomicComponent {
45
45
  (action)="dispatch($event)"
46
46
  />
47
47
  }
48
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-mefq: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-mefq) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-mefq)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
48
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-tofW: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-tofW) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-tofW)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
49
49
  }
50
50
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
51
51
  type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
70
70
  directive: DateInputSectionOrganismStore,
71
71
  inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
72
72
  }
73
- ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-mefq: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-mefq) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-mefq)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
73
+ ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-tofW: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-tofW) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-tofW)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
74
74
  }] });
75
75
 
76
76
  /**
package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs CHANGED
@@ -44,7 +44,7 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
44
44
  (action)="dispatch($event)"
45
45
  />
46
46
  }
47
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-kx0p: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kx0p) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kx0p)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateRangeInputFieldMolecule, selector: "molecules-date-range-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
47
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-mQDL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-mQDL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-mQDL)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateRangeInputFieldMolecule, selector: "molecules-date-range-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
48
48
  }
49
49
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputSectionOrganism, decorators: [{
50
50
  type: Component,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
67
67
  directive: DateRangeInputSectionOrganismStore,
68
68
  inputs: ['label', 'hint', 'control', 'actions']
69
69
  }
70
- ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-kx0p: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kx0p) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kx0p)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
70
+ ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-mQDL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-mQDL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-mQDL)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
71
71
  }] });
72
72
 
73
73
  /**
package/fesm2022/ng-atomic-components-organisms-definition-list.mjs CHANGED
@@ -31,7 +31,7 @@ class DefinitionListOrganism extends NgAtomicComponent {
31
31
  <dt>支払金額</dt> <dd>¥2,000</dd> -->
32
32
  </dl>
33
33
  </section>
34
- `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-pcgI: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-pcgI: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-pcgI);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-pcgI);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-pcgI);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
34
+ `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-L15V: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-L15V: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-L15V);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-L15V);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-L15V);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
35
35
  }
36
36
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DefinitionListOrganism, decorators: [{
37
37
  type: Component,
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
53
53
  directive: DefinitionListOrganismStore,
54
54
  inputs: ['label'],
55
55
  },
56
- ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-pcgI: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-pcgI: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-pcgI);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-pcgI);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-pcgI);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
56
+ ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-L15V: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-L15V: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-L15V);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-L15V);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-L15V);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
57
57
  }] });
58
58
 
59
59
  /**
package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs CHANGED
@@ -55,7 +55,7 @@ class FileInputSectionOrganism extends NgAtomicComponent {
55
55
  [placeholder]="store.placeholder()"
56
56
  (action)="dispatch($event)"
57
57
  />
58
- `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-r7BS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-r7BS);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
58
+ `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-Z2Pw: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-Z2Pw);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
59
59
  }
60
60
  __decorate([
61
61
  Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED),
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
87
87
  directive: FileInputSectionOrganismStore,
88
88
  inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
89
89
  }
90
- ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-r7BS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-r7BS);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
90
+ ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-Z2Pw: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-Z2Pw);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
91
91
  }], propDecorators: { onFileSelected: [], onCancel: [] } });
92
92
 
93
93
  /**
package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs CHANGED
@@ -26,7 +26,7 @@ class GridCardsSectionOrganism extends NgAtomicComponent {
26
26
  @for (item of items(); track item.id) {
27
27
  <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
28
28
  }
29
- `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-lk88: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-lk88: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-lk88: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-lk88: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-lk88),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-lk88)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
29
+ `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-44Q2: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-44Q2: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-44Q2: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-44Q2: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-44Q2),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-44Q2)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
30
30
  }
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
32
32
  type: Component,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
36
36
  @for (item of items(); track item.id) {
37
37
  <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
38
38
  }
39
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-lk88: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-lk88: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-lk88: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-lk88: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-lk88),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-lk88)}\n"] }]
39
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-44Q2: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-44Q2: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-44Q2: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-44Q2: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-44Q2),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-44Q2)}\n"] }]
40
40
  }] });
41
41
 
42
42
  /**
package/fesm2022/ng-atomic-components-organisms-heading.mjs CHANGED
@@ -30,7 +30,7 @@ class HeadingOrganism {
30
30
  <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
31
31
  }
32
32
  }
33
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-5Qey: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-5Qey)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
33
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Ycz9: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Ycz9)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeadingOrganism, decorators: [{
36
36
  type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
58
58
  <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
59
59
  }
60
60
  }
61
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-5Qey: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-5Qey)}\n"] }]
61
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Ycz9: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Ycz9)}\n"] }]
62
62
  }], propDecorators: { level: [{
63
63
  type: Input
64
64
  }] } });
package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs CHANGED
@@ -31,7 +31,7 @@ class MenuFooterOrganism extends NgAtomicComponent {
31
31
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
32
32
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
33
33
  <span>{{ store.version }}</span>
34
- `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-247O: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-247O: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
34
+ `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-Qpjw: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-Qpjw: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
35
35
  }
36
36
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, decorators: [{
37
37
  type: Component,
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
41
41
  {
42
42
  directive: MenuFooterOrganismStore,
43
43
  },
44
- ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-247O: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-247O: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
44
+ ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-Qpjw: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-Qpjw: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
45
45
  }] });
46
46
 
47
47
  /**
package/fesm2022/ng-atomic-components-organisms-menu-header.mjs CHANGED
@@ -57,7 +57,7 @@ class MenuHeaderOrganism extends NgAtomicComponent {
57
57
  <path d="M769.433 140.975C772.501 140.975 775.367 140.41 778.031 139.279C780.735 138.109 782.955 136.393 784.691 134.133C786.467 131.832 787.476 129.027 787.718 125.717H794.62C794.419 129.874 793.147 133.588 790.806 136.857C788.505 140.087 785.478 142.63 781.724 144.486C778.01 146.303 773.913 147.211 769.433 147.211C764.872 147.211 760.835 146.383 757.324 144.729C753.852 143.074 750.946 140.773 748.605 137.826C746.264 134.839 744.488 131.368 743.277 127.412C742.106 123.416 741.521 119.117 741.521 114.516V111.973C741.521 107.371 742.106 103.092 743.277 99.1367C744.488 95.1406 746.264 91.6693 748.605 88.7227C750.946 85.7357 753.852 83.4147 757.324 81.7598C760.795 80.1048 764.811 79.2773 769.372 79.2773C774.055 79.2773 778.253 80.2259 781.966 82.123C785.72 84.0202 788.707 86.7044 790.927 90.1758C793.188 93.6471 794.419 97.7643 794.62 102.527H787.718C787.516 99.0156 786.588 95.9883 784.933 93.4453C783.278 90.9023 781.098 88.9447 778.394 87.5723C775.69 86.1999 772.682 85.5137 769.372 85.5137C765.659 85.5137 762.49 86.2402 759.867 87.6934C757.243 89.1061 755.104 91.0638 753.449 93.5664C751.834 96.0286 750.643 98.8542 749.876 102.043C749.109 105.191 748.726 108.501 748.726 111.973V114.516C748.726 118.027 749.089 121.378 749.816 124.566C750.583 127.715 751.773 130.52 753.388 132.982C755.043 135.445 757.182 137.402 759.806 138.855C762.47 140.268 765.679 140.975 769.433 140.975Z" fill="#FEFEFE"/>
58
58
  </svg>
59
59
  }
60
- `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-97fS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-97fS: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-97fS)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
60
+ `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-KyRq: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-KyRq: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-KyRq)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
61
61
  }
62
62
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
63
63
  type: Component,
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
89
89
  directive: MenuHeaderOrganismStore,
90
90
  inputs: ['title'],
91
91
  },
92
- ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-97fS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-97fS: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-97fS)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"] }]
92
+ ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-KyRq: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-KyRq: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-KyRq)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"] }]
93
93
  }] });
94
94
 
95
95
  /**
package/fesm2022/ng-atomic-components-organisms-messages-section.mjs CHANGED
@@ -33,7 +33,7 @@ class MessagesSectionOrganism {
33
33
  <div class="pulse-container"><div class="dot-pulse"></div></div>
34
34
  </div>
35
35
  </div>
36
- `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-SIRS: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-SIRS: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-SIRS) var(--vertical-padding-SCOPED-IN-messages-section-SIRS);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
36
+ `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-LfN9: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-LfN9: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-LfN9) var(--vertical-padding-SCOPED-IN-messages-section-LfN9);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
37
37
  }
38
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
39
39
  type: Component,
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
62
62
  </div>
63
63
  `, imports: [
64
64
  CommonModule,
65
- ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-SIRS: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-SIRS: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-SIRS) var(--vertical-padding-SCOPED-IN-messages-section-SIRS);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
65
+ ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-LfN9: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-LfN9: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-LfN9) var(--vertical-padding-SCOPED-IN-messages-section-LfN9);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
66
66
  }], propDecorators: { messages: [{
67
67
  type: Input
68
68
  }], isMessageCreating: [{