@nanahoshi/mona-ui 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/auto-complete/package.json +4 -0
  2. package/avatar/package.json +4 -0
  3. package/breadcrumb/package.json +4 -0
  4. package/button/package.json +4 -0
  5. package/button-group/package.json +4 -0
  6. package/calendar/package.json +4 -0
  7. package/check-box/package.json +4 -0
  8. package/chip/package.json +4 -0
  9. package/circular-progress-bar/package.json +4 -0
  10. package/color-gradient/package.json +4 -0
  11. package/color-palette/package.json +4 -0
  12. package/color-picker/package.json +4 -0
  13. package/combo-box/package.json +4 -0
  14. package/common/package.json +4 -0
  15. package/contextmenu/package.json +4 -0
  16. package/date-input/package.json +4 -0
  17. package/date-picker/package.json +4 -0
  18. package/datetime-picker/package.json +4 -0
  19. package/dialog/package.json +4 -0
  20. package/dropdown-button/package.json +4 -0
  21. package/dropdown-list/package.json +4 -0
  22. package/dropdowns/package.json +4 -0
  23. package/editor/package.json +4 -0
  24. package/expansion-panel/package.json +4 -0
  25. package/fesm2022/nanahoshi-mona-ui-auto-complete.mjs +38 -53
  26. package/fesm2022/nanahoshi-mona-ui-breadcrumb.mjs +19 -53
  27. package/fesm2022/nanahoshi-mona-ui-button-group.mjs +15 -26
  28. package/fesm2022/nanahoshi-mona-ui-button.mjs +67 -68
  29. package/fesm2022/nanahoshi-mona-ui-calendar.mjs +53 -149
  30. package/fesm2022/nanahoshi-mona-ui-check-box.mjs +48 -95
  31. package/fesm2022/nanahoshi-mona-ui-chip.mjs +35 -45
  32. package/fesm2022/nanahoshi-mona-ui-circular-progress-bar.mjs +9 -23
  33. package/fesm2022/nanahoshi-mona-ui-color-gradient.mjs +26 -77
  34. package/fesm2022/nanahoshi-mona-ui-color-palette.mjs +16 -38
  35. package/fesm2022/nanahoshi-mona-ui-color-picker.mjs +41 -46
  36. package/fesm2022/nanahoshi-mona-ui-combo-box.mjs +32 -52
  37. package/fesm2022/nanahoshi-mona-ui-date-input.mjs +9 -12
  38. package/fesm2022/nanahoshi-mona-ui-date-picker.mjs +40 -27
  39. package/fesm2022/nanahoshi-mona-ui-datetime-picker.mjs +51 -51
  40. package/fesm2022/nanahoshi-mona-ui-dialog.mjs +40 -153
  41. package/fesm2022/nanahoshi-mona-ui-dropdown-list.mjs +32 -53
  42. package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs +7 -12
  43. package/fesm2022/nanahoshi-mona-ui-editor.mjs +59 -219
  44. package/fesm2022/nanahoshi-mona-ui-expansion-panel.mjs +24 -75
  45. package/fesm2022/nanahoshi-mona-ui-fieldset.mjs +11 -44
  46. package/fesm2022/nanahoshi-mona-ui-filter.mjs +11 -41
  47. package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-cell.component-B2ETh-uI.mjs → nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.mjs} +2 -2
  48. package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DZk18LJC.mjs → nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.mjs} +4 -8
  49. package/fesm2022/{nanahoshi-mona-ui-grid-grid-list.component-C7WKhhig.mjs → nanahoshi-mona-ui-grid-grid-list.component-DCd8K6ng.mjs} +9 -16
  50. package/fesm2022/{nanahoshi-mona-ui-grid-grid-toggle.component-BRiY0CDX.mjs → nanahoshi-mona-ui-grid-grid-toggle.component-Dl8Hlkhj.mjs} +15 -44
  51. package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-BrYpFMyF.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-C5FRZlvv.mjs} +11 -20
  52. package/fesm2022/{nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-T9Bj98kl.mjs → nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs} +109 -393
  53. package/fesm2022/nanahoshi-mona-ui-grid.mjs +1 -1
  54. package/fesm2022/nanahoshi-mona-ui-internal-indicator-icon.mjs +10 -28
  55. package/fesm2022/nanahoshi-mona-ui-internal-list.mjs +26 -56
  56. package/fesm2022/nanahoshi-mona-ui-internal-tree.mjs +31 -122
  57. package/fesm2022/nanahoshi-mona-ui-internal.mjs +29 -1
  58. package/fesm2022/nanahoshi-mona-ui-list-box.mjs +4 -26
  59. package/fesm2022/nanahoshi-mona-ui-list-view.mjs +5 -18
  60. package/fesm2022/nanahoshi-mona-ui-menubar.mjs +48 -154
  61. package/fesm2022/nanahoshi-mona-ui-multi-select.mjs +35 -62
  62. package/fesm2022/nanahoshi-mona-ui-notification.mjs +24 -108
  63. package/fesm2022/nanahoshi-mona-ui-numeric-text-box.mjs +37 -63
  64. package/fesm2022/nanahoshi-mona-ui-pager.mjs +21 -73
  65. package/fesm2022/nanahoshi-mona-ui-placeholder.mjs +8 -30
  66. package/fesm2022/nanahoshi-mona-ui-popover.mjs +29 -50
  67. package/fesm2022/nanahoshi-mona-ui-popup-menu.mjs +36 -108
  68. package/fesm2022/nanahoshi-mona-ui-progress-bar.mjs +19 -60
  69. package/fesm2022/nanahoshi-mona-ui-radio-button.mjs +47 -92
  70. package/fesm2022/nanahoshi-mona-ui-scroll-view.mjs +53 -144
  71. package/fesm2022/nanahoshi-mona-ui-slider.mjs +54 -110
  72. package/fesm2022/nanahoshi-mona-ui-split-button.mjs +7 -20
  73. package/fesm2022/nanahoshi-mona-ui-splitter.mjs +15 -50
  74. package/fesm2022/nanahoshi-mona-ui-stepper.mjs +28 -91
  75. package/fesm2022/nanahoshi-mona-ui-switch.mjs +37 -58
  76. package/fesm2022/nanahoshi-mona-ui-tabs.mjs +35 -107
  77. package/fesm2022/nanahoshi-mona-ui-text-area.mjs +22 -30
  78. package/fesm2022/nanahoshi-mona-ui-text-box.mjs +40 -61
  79. package/fesm2022/nanahoshi-mona-ui-theme.mjs +1111 -269
  80. package/fesm2022/nanahoshi-mona-ui-time-picker.mjs +41 -27
  81. package/fesm2022/nanahoshi-mona-ui-time-selector.mjs +35 -99
  82. package/fesm2022/nanahoshi-mona-ui-tooltip.mjs +13 -41
  83. package/fesm2022/nanahoshi-mona-ui-window.mjs +29 -108
  84. package/fieldset/package.json +4 -0
  85. package/filter/package.json +4 -0
  86. package/grid/package.json +4 -0
  87. package/internal/filter-input/package.json +4 -0
  88. package/internal/indicator-icon/package.json +4 -0
  89. package/internal/list/package.json +4 -0
  90. package/internal/package.json +4 -0
  91. package/internal/tree/package.json +4 -0
  92. package/list/package.json +4 -0
  93. package/list-box/package.json +4 -0
  94. package/list-view/package.json +4 -0
  95. package/menubar/package.json +4 -0
  96. package/multi-select/package.json +4 -0
  97. package/notification/package.json +4 -0
  98. package/numeric-text-box/package.json +4 -0
  99. package/package.json +2 -1
  100. package/pager/package.json +4 -0
  101. package/placeholder/package.json +4 -0
  102. package/popover/package.json +4 -0
  103. package/popup/package.json +4 -0
  104. package/popup-menu/package.json +4 -0
  105. package/progress-bar/package.json +4 -0
  106. package/query/package.json +4 -0
  107. package/radio-button/package.json +4 -0
  108. package/scroll-view/package.json +4 -0
  109. package/slider/package.json +4 -0
  110. package/split-button/package.json +4 -0
  111. package/splitter/package.json +4 -0
  112. package/stepper/package.json +4 -0
  113. package/switch/package.json +4 -0
  114. package/tabs/package.json +4 -0
  115. package/text-area/package.json +4 -0
  116. package/text-box/package.json +4 -0
  117. package/theme/package.json +4 -0
  118. package/time-picker/package.json +4 -0
  119. package/time-selector/package.json +4 -0
  120. package/tooltip/package.json +4 -0
  121. package/tree-view/package.json +4 -0
  122. package/types/nanahoshi-mona-ui-auto-complete.d.ts +6 -7
  123. package/types/nanahoshi-mona-ui-breadcrumb.d.ts +4 -6
  124. package/types/nanahoshi-mona-ui-button-group.d.ts +2 -3
  125. package/types/nanahoshi-mona-ui-button.d.ts +2 -3
  126. package/types/nanahoshi-mona-ui-calendar.d.ts +21 -22
  127. package/types/nanahoshi-mona-ui-check-box.d.ts +6 -9
  128. package/types/nanahoshi-mona-ui-chip.d.ts +2 -3
  129. package/types/nanahoshi-mona-ui-circular-progress-bar.d.ts +2 -4
  130. package/types/nanahoshi-mona-ui-color-gradient.d.ts +10 -11
  131. package/types/nanahoshi-mona-ui-color-palette.d.ts +4 -5
  132. package/types/nanahoshi-mona-ui-color-picker.d.ts +6 -5
  133. package/types/nanahoshi-mona-ui-combo-box.d.ts +6 -7
  134. package/types/nanahoshi-mona-ui-date-input.d.ts +2 -3
  135. package/types/nanahoshi-mona-ui-date-picker.d.ts +2 -3
  136. package/types/nanahoshi-mona-ui-dialog.d.ts +6 -7
  137. package/types/nanahoshi-mona-ui-dropdown-list.d.ts +6 -7
  138. package/types/nanahoshi-mona-ui-dropdowns.d.ts +2 -3
  139. package/types/nanahoshi-mona-ui-expansion-panel.d.ts +8 -10
  140. package/types/nanahoshi-mona-ui-fieldset.d.ts +6 -8
  141. package/types/nanahoshi-mona-ui-filter.d.ts +2 -3
  142. package/types/nanahoshi-mona-ui-grid.d.ts +14 -15
  143. package/types/nanahoshi-mona-ui-internal-indicator-icon.d.ts +0 -1
  144. package/types/nanahoshi-mona-ui-internal.d.ts +8 -1
  145. package/types/nanahoshi-mona-ui-list-box.d.ts +4 -5
  146. package/types/nanahoshi-mona-ui-list-view.d.ts +2 -3
  147. package/types/nanahoshi-mona-ui-menubar.d.ts +6 -7
  148. package/types/nanahoshi-mona-ui-multi-select.d.ts +8 -9
  149. package/types/nanahoshi-mona-ui-numeric-text-box.d.ts +2 -3
  150. package/types/nanahoshi-mona-ui-pager.d.ts +6 -7
  151. package/types/nanahoshi-mona-ui-placeholder.d.ts +4 -6
  152. package/types/nanahoshi-mona-ui-popover.d.ts +8 -9
  153. package/types/nanahoshi-mona-ui-popup-menu.d.ts +12 -13
  154. package/types/nanahoshi-mona-ui-progress-bar.d.ts +8 -9
  155. package/types/nanahoshi-mona-ui-radio-button.d.ts +8 -11
  156. package/types/nanahoshi-mona-ui-scroll-view.d.ts +18 -20
  157. package/types/nanahoshi-mona-ui-slider.d.ts +18 -18
  158. package/types/nanahoshi-mona-ui-split-button.d.ts +2 -3
  159. package/types/nanahoshi-mona-ui-splitter.d.ts +6 -8
  160. package/types/nanahoshi-mona-ui-stepper.d.ts +12 -13
  161. package/types/nanahoshi-mona-ui-switch.d.ts +6 -7
  162. package/types/nanahoshi-mona-ui-tabs.d.ts +14 -16
  163. package/types/nanahoshi-mona-ui-text-area.d.ts +2 -4
  164. package/types/nanahoshi-mona-ui-text-box.d.ts +4 -6
  165. package/types/nanahoshi-mona-ui-theme.d.ts +111 -12
  166. package/types/nanahoshi-mona-ui-time-picker.d.ts +2 -3
  167. package/types/nanahoshi-mona-ui-time-selector.d.ts +10 -11
  168. package/types/nanahoshi-mona-ui-tooltip.d.ts +4 -5
  169. package/types/nanahoshi-mona-ui-window.d.ts +16 -17
  170. package/window/package.json +4 -0
@@ -1,7 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
- import { inject, computed, input, Directive, Component, signal, ElementRef, viewChild, output, effect, untracked, afterNextRender, ChangeDetectionStrategy, LOCALE_ID, model } from '@angular/core';
3
- import { ThemeService } from '@nanahoshi/mona-ui/theme';
4
- import { k as gridListTableCellThemeVariants, l as gridDetailContentCellThemeVariants, m as gridDetailIndentCellThemeVariants, n as gridDetailRowThemeVariants, c as GridService, o as gridListTableRowThemeVariants, p as gridCellEditorBaseThemeVariants, q as gridCellEditorInputThemeVariants, h as GridLockedCellDirective, f as GridLogicalCellDirective, r as gridCellBaseThemeVariants, s as gridCellContainerThemeVariants, t as gridCellDirtyIndicatorThemeVariants, u as gridCellTextThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-T9Bj98kl.mjs';
2
+ import { computed, input, Directive, inject, Component, signal, ElementRef, viewChild, output, effect, untracked, afterNextRender, ChangeDetectionStrategy, LOCALE_ID, model } from '@angular/core';
3
+ import { k as gridListTableCellThemeVariants, l as gridDetailContentCellThemeVariants, m as gridDetailIndentCellThemeVariants, n as gridDetailRowThemeVariants, c as GridService, o as gridListTableRowThemeVariants, p as gridCellEditorBaseThemeVariants, q as gridCellEditorInputThemeVariants, h as GridLockedCellDirective, f as GridLogicalCellDirective, r as gridCellBaseThemeVariants, s as gridCellContainerThemeVariants, t as gridCellDirtyIndicatorThemeVariants, u as gridCellTextThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs';
5
4
  import { ImmutableList } from '@mirei/ts-collections';
6
5
  import * as i1 from '@angular/cdk/a11y';
7
6
  import { A11yModule } from '@angular/cdk/a11y';
@@ -19,9 +18,7 @@ import { TextBoxComponent } from '@nanahoshi/mona-ui/text-box';
19
18
 
20
19
  class GridCellDirective {
21
20
  constructor() {
22
- this.#themeService = inject(ThemeService);
23
21
  this.baseClass = computed(() => {
24
- const theme = this.#themeService.theme();
25
22
  const dataCell = this.dataCell();
26
23
  const groupHeader = this.groupHeader();
27
24
  const groupToggle = this.groupToggle();
@@ -30,7 +27,7 @@ class GridCellDirective {
30
27
  const masterDetailContent = this.masterDetailContent();
31
28
  const masterDetailToggle = this.masterDetailToggle();
32
29
  const lastInRow = this.lastInRow() || groupHeader || masterDetailContent;
33
- return gridListTableCellThemeVariants(theme)({
30
+ return gridListTableCellThemeVariants({
34
31
  dataCell,
35
32
  groupHeader,
36
33
  groupToggle,
@@ -63,7 +60,6 @@ class GridCellDirective {
63
60
  this.prevRowType = input(null, /* @ts-ignore */
64
61
  ...(ngDevMode ? [{ debugName: "prevRowType" }] : /* istanbul ignore next */ []));
65
62
  }
66
- #themeService;
67
63
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
68
64
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridCellDirective, isStandalone: true, selector: "td[monaGridCell]", inputs: { dataCell: { classPropertyName: "dataCell", publicName: "dataCell", isSignal: true, isRequired: false, transformFunction: null }, groupHeader: { classPropertyName: "groupHeader", publicName: "groupHeader", isSignal: true, isRequired: false, transformFunction: null }, groupToggle: { classPropertyName: "groupToggle", publicName: "groupToggle", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, indentCell: { classPropertyName: "indentCell", publicName: "indentCell", isSignal: true, isRequired: false, transformFunction: null }, lastInRow: { classPropertyName: "lastInRow", publicName: "lastInRow", isSignal: true, isRequired: false, transformFunction: null }, masterDetailContent: { classPropertyName: "masterDetailContent", publicName: "masterDetailContent", isSignal: true, isRequired: false, transformFunction: null }, masterDetailToggle: { classPropertyName: "masterDetailToggle", publicName: "masterDetailToggle", isSignal: true, isRequired: false, transformFunction: null }, nextRowType: { classPropertyName: "nextRowType", publicName: "nextRowType", isSignal: true, isRequired: false, transformFunction: null }, prevRowType: { classPropertyName: "prevRowType", publicName: "prevRowType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
69
65
  }
@@ -79,10 +75,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
79
75
 
80
76
  class GridDetailContentCellDirective {
81
77
  constructor() {
82
- this.#themeService = inject(ThemeService);
83
78
  this.baseClass = computed(() => {
84
- const theme = this.#themeService.theme();
85
- return gridDetailContentCellThemeVariants(theme)({
79
+ return gridDetailContentCellThemeVariants({
86
80
  nextIsGroup: this.nextRowType() === "group"
87
81
  });
88
82
  }, /* @ts-ignore */
@@ -90,7 +84,6 @@ class GridDetailContentCellDirective {
90
84
  this.nextRowType = input(null, /* @ts-ignore */
91
85
  ...(ngDevMode ? [{ debugName: "nextRowType" }] : /* istanbul ignore next */ []));
92
86
  }
93
- #themeService;
94
87
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridDetailContentCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
95
88
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridDetailContentCellDirective, isStandalone: true, selector: "td[monaGridDetailContentCell]", inputs: { nextRowType: { classPropertyName: "nextRowType", publicName: "nextRowType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
96
89
  }
@@ -106,10 +99,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
106
99
 
107
100
  class GridDetailIndentCellDirective {
108
101
  constructor() {
109
- this.#themeService = inject(ThemeService);
110
102
  this.baseClass = computed(() => {
111
- const theme = this.#themeService.theme();
112
- return gridDetailIndentCellThemeVariants(theme)({
103
+ return gridDetailIndentCellThemeVariants({
113
104
  nextIsGroup: this.nextRowType() === "group"
114
105
  });
115
106
  }, /* @ts-ignore */
@@ -117,7 +108,6 @@ class GridDetailIndentCellDirective {
117
108
  this.nextRowType = input(null, /* @ts-ignore */
118
109
  ...(ngDevMode ? [{ debugName: "nextRowType" }] : /* istanbul ignore next */ []));
119
110
  }
120
- #themeService;
121
111
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridDetailIndentCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
122
112
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridDetailIndentCellDirective, isStandalone: true, selector: "td[monaGridDetailIndentCell]", inputs: { nextRowType: { classPropertyName: "nextRowType", publicName: "nextRowType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
123
113
  }
@@ -133,14 +123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
133
123
 
134
124
  class GridDetailRowDirective {
135
125
  constructor() {
136
- this.#themeService = inject(ThemeService);
137
126
  this.baseClass = computed(() => {
138
- const theme = this.#themeService.theme();
139
- return gridDetailRowThemeVariants(theme)();
127
+ return gridDetailRowThemeVariants();
140
128
  }, /* @ts-ignore */
141
129
  ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
142
130
  }
143
- #themeService;
144
131
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridDetailRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
145
132
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: GridDetailRowDirective, isStandalone: true, selector: "tr[monaGridDetailRow]", host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
146
133
  }
@@ -157,13 +144,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
157
144
  class GridRowDirective {
158
145
  constructor() {
159
146
  this.#gridService = inject(GridService);
160
- this.#themeService = inject(ThemeService);
161
147
  this.ariaRowIndex = computed(() => this.index() + this.#gridService.paginationState().skip + 2, /* @ts-ignore */
162
148
  ...(ngDevMode ? [{ debugName: "ariaRowIndex" }] : /* istanbul ignore next */ []));
163
149
  this.baseClass = computed(() => {
164
- const theme = this.#themeService.theme();
165
150
  const selected = this.selected();
166
- return gridListTableRowThemeVariants(theme)({ selected });
151
+ return gridListTableRowThemeVariants({ selected });
167
152
  }, /* @ts-ignore */
168
153
  ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
169
154
  this.selectable = computed(() => this.#gridService.selectableOptions().enabled, /* @ts-ignore */
@@ -178,7 +163,6 @@ class GridRowDirective {
178
163
  ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
179
164
  }
180
165
  #gridService;
181
- #themeService;
182
166
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
183
167
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridRowDirective, isStandalone: true, selector: "tr[monaGridRow]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "row" }, properties: { "class": "baseClass()", "attr.data-ruid": "row().uid", "attr.data-row-view-index": "index()", "attr.aria-selected": "selectable() ? selected() : null", "attr.aria-rowindex": "ariaRowIndex()" } }, exportAs: ["monaGridRow"], ngImport: i0 }); }
184
168
  }
@@ -329,21 +313,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
329
313
  class GridEditorComponent {
330
314
  #datePopupOpen;
331
315
  #elementRef;
332
- #themeService;
333
316
  #ignoreNextBooleanFocusOut;
334
317
  constructor() {
335
318
  this.#datePopupOpen = signal(false, /* @ts-ignore */
336
319
  ...(ngDevMode ? [{ debugName: "#datePopupOpen" }] : /* istanbul ignore next */ []));
337
320
  this.#elementRef = inject((ElementRef));
338
- this.#themeService = inject(ThemeService);
339
321
  this.#ignoreNextBooleanFocusOut = false;
340
322
  this.numericTextBoxRef = viewChild(NumericTextBoxComponent, /* @ts-ignore */
341
323
  ...(ngDevMode ? [{ debugName: "numericTextBoxRef" }] : /* istanbul ignore next */ []));
342
324
  this.textBoxRef = viewChild(TextBoxComponent, /* @ts-ignore */
343
325
  ...(ngDevMode ? [{ debugName: "textBoxRef" }] : /* istanbul ignore next */ []));
344
326
  this.baseClass = computed(() => {
345
- const theme = this.#themeService.theme();
346
- return gridCellEditorBaseThemeVariants(theme)();
327
+ return gridCellEditorBaseThemeVariants();
347
328
  }, /* @ts-ignore */
348
329
  ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
349
330
  this.editTemplateContext = computed(() => ({
@@ -364,8 +345,7 @@ class GridEditorComponent {
364
345
  }), /* @ts-ignore */
365
346
  ...(ngDevMode ? [{ debugName: "editTemplateContext" }] : /* istanbul ignore next */ []));
366
347
  this.editorInputClass = computed(() => {
367
- const theme = this.#themeService.theme();
368
- return gridCellEditorInputThemeVariants(theme)();
348
+ return gridCellEditorInputThemeVariants();
369
349
  }, /* @ts-ignore */
370
350
  ...(ngDevMode ? [{ debugName: "editorInputClass" }] : /* istanbul ignore next */ []));
371
351
  this.fieldErrorMessage = computed(() => {
@@ -521,17 +501,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
521
501
 
522
502
  class GridAddRowComponent {
523
503
  constructor() {
524
- this.#themeService = inject(ThemeService);
525
504
  this.baseClass = computed(() => {
526
- const theme = this.#themeService.theme();
527
- return gridListTableRowThemeVariants(theme)({ selected: false });
505
+ return gridListTableRowThemeVariants({ selected: false });
528
506
  }, /* @ts-ignore */
529
507
  ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
530
508
  this.gridService = inject(GridService);
531
509
  this.columns = input(ImmutableList.create(), /* @ts-ignore */
532
510
  ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
533
511
  }
534
- #themeService;
535
512
  onCancel() {
536
513
  this.gridService.cancelAddRow();
537
514
  }
@@ -567,26 +544,21 @@ class GridCellComponent {
567
544
  constructor() {
568
545
  this.#elementRef = inject((ElementRef));
569
546
  this.#locale = inject(LOCALE_ID);
570
- this.#themeService = inject(ThemeService);
571
547
  this.baseClass = computed(() => {
572
- const theme = this.#themeService.theme();
573
- return gridCellBaseThemeVariants(theme)();
548
+ return gridCellBaseThemeVariants();
574
549
  }, /* @ts-ignore */
575
550
  ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
576
551
  this.cellContainerClass = computed(() => {
577
- const theme = this.#themeService.theme();
578
552
  const editing = this.isEditing();
579
- return gridCellContainerThemeVariants(theme)({ editing });
553
+ return gridCellContainerThemeVariants({ editing });
580
554
  }, /* @ts-ignore */
581
555
  ...(ngDevMode ? [{ debugName: "cellContainerClass" }] : /* istanbul ignore next */ []));
582
556
  this.cellDirtyIndicatorClass = computed(() => {
583
- const theme = this.#themeService.theme();
584
- return gridCellDirtyIndicatorThemeVariants(theme)();
557
+ return gridCellDirtyIndicatorThemeVariants();
585
558
  }, /* @ts-ignore */
586
559
  ...(ngDevMode ? [{ debugName: "cellDirtyIndicatorClass" }] : /* istanbul ignore next */ []));
587
560
  this.cellTextClass = computed(() => {
588
- const theme = this.#themeService.theme();
589
- return gridCellTextThemeVariants(theme)();
561
+ return gridCellTextThemeVariants();
590
562
  }, /* @ts-ignore */
591
563
  ...(ngDevMode ? [{ debugName: "cellTextClass" }] : /* istanbul ignore next */ []));
592
564
  this.cellUid = computed(() => `${this.row().uid}_${this.column().field}`, /* @ts-ignore */
@@ -656,7 +628,6 @@ class GridCellComponent {
656
628
  }
657
629
  #elementRef;
658
630
  #locale;
659
- #themeService;
660
631
  handleLogicalCellEnter(originalEvent) {
661
632
  if (!this.gridService.editableOptions().enabled || !this.column().editable || this.column().kind !== "data") {
662
633
  return;
@@ -770,4 +741,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
770
741
  }], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: true }] }, { type: i0.Output, args: ["expandedChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: true }] }] } });
771
742
 
772
743
  export { GridAddRowComponent as G, GridCellComponent as a, GridRowDirective as b, GridCellDirective as c, GridDetailRowDirective as d, GridDetailIndentCellDirective as e, GridDetailContentCellDirective as f, GridToggleComponent as g };
773
- //# sourceMappingURL=nanahoshi-mona-ui-grid-grid-toggle.component-BRiY0CDX.mjs.map
744
+ //# sourceMappingURL=nanahoshi-mona-ui-grid-grid-toggle.component-Dl8Hlkhj.mjs.map
@@ -7,12 +7,11 @@ import { ImmutableList, ImmutableSet } from '@mirei/ts-collections';
7
7
  import { SlicePipe } from '@nanahoshi/mona-ui/common';
8
8
  import { ContextMenuComponent } from '@nanahoshi/mona-ui/contextmenu';
9
9
  import { rxTimeout } from '@nanahoshi/mona-ui/internal';
10
- import { ThemeService } from '@nanahoshi/mona-ui/theme';
11
10
  import { fromEvent } from 'rxjs';
12
- import { G as GridAddRowComponent, a as GridCellComponent, b as GridRowDirective, c as GridCellDirective, d as GridDetailRowDirective, e as GridDetailIndentCellDirective, f as GridDetailContentCellDirective, g as GridToggleComponent } from './nanahoshi-mona-ui-grid-grid-toggle.component-BRiY0CDX.mjs';
13
- import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DZk18LJC.mjs';
14
- import { G as GridNavigationService, c as GridService, a as GridRowFlattenerService, g as gridListBaseThemeVariants, i as gridFooterThemeVariants, j as gridFooterTableThemeVariants, b as gridFooterTableRowThemeVariants, d as gridGroupRowThemeVariants, e as gridListTableThemeVariants, f as GridLogicalCellDirective, h as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-T9Bj98kl.mjs';
15
- import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-B2ETh-uI.mjs';
11
+ import { G as GridAddRowComponent, a as GridCellComponent, b as GridRowDirective, c as GridCellDirective, d as GridDetailRowDirective, e as GridDetailIndentCellDirective, f as GridDetailContentCellDirective, g as GridToggleComponent } from './nanahoshi-mona-ui-grid-grid-toggle.component-Dl8Hlkhj.mjs';
12
+ import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.mjs';
13
+ import { G as GridNavigationService, c as GridService, a as GridRowFlattenerService, g as gridListBaseThemeVariants, i as gridFooterThemeVariants, j as gridFooterTableThemeVariants, b as gridFooterTableRowThemeVariants, d as gridGroupRowThemeVariants, e as gridListTableThemeVariants, f as GridLogicalCellDirective, h as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs';
14
+ import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.mjs';
16
15
 
17
16
  class GridVirtualListComponent {
18
17
  #destroyRef;
@@ -21,7 +20,6 @@ class GridVirtualListComponent {
21
20
  #hostElementRef;
22
21
  #injector;
23
22
  #rowFlattener;
24
- #themeService;
25
23
  constructor() {
26
24
  this.#destroyRef = inject(DestroyRef);
27
25
  this.#gridNavigationService = inject(GridNavigationService);
@@ -29,7 +27,6 @@ class GridVirtualListComponent {
29
27
  this.#hostElementRef = inject((ElementRef));
30
28
  this.#injector = inject(Injector);
31
29
  this.#rowFlattener = inject(GridRowFlattenerService);
32
- this.#themeService = inject(ThemeService);
33
30
  this.addRowScrollElementRef = viewChild("addRowScrollElement", /* @ts-ignore */
34
31
  ...(ngDevMode ? [{ debugName: "addRowScrollElementRef" }] : /* istanbul ignore next */ []));
35
32
  this.bodyTableElementRef = viewChild.required("bodyTable", /* @ts-ignore */
@@ -37,8 +34,7 @@ class GridVirtualListComponent {
37
34
  this.footerScrollElementRef = viewChild("footerScrollElement", /* @ts-ignore */
38
35
  ...(ngDevMode ? [{ debugName: "footerScrollElementRef" }] : /* istanbul ignore next */ []));
39
36
  this.baseClass = computed(() => {
40
- const theme = this.#themeService.theme();
41
- return gridListBaseThemeVariants(theme)({ virtual: true });
37
+ return gridListBaseThemeVariants({ virtual: true });
42
38
  }, /* @ts-ignore */
43
39
  ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
44
40
  this.flattenedGroupedRows = computed(() => {
@@ -53,29 +49,24 @@ class GridVirtualListComponent {
53
49
  }, /* @ts-ignore */
54
50
  ...(ngDevMode ? [{ debugName: "flattenedGroupedRows" }] : /* istanbul ignore next */ []));
55
51
  this.footerClass = computed(() => {
56
- const theme = this.#themeService.theme();
57
- return gridFooterThemeVariants(theme)();
52
+ return gridFooterThemeVariants();
58
53
  }, /* @ts-ignore */
59
54
  ...(ngDevMode ? [{ debugName: "footerClass" }] : /* istanbul ignore next */ []));
60
55
  this.footerTableClass = computed(() => {
61
- const theme = this.#themeService.theme();
62
- return gridFooterTableThemeVariants(theme)();
56
+ return gridFooterTableThemeVariants();
63
57
  }, /* @ts-ignore */
64
58
  ...(ngDevMode ? [{ debugName: "footerTableClass" }] : /* istanbul ignore next */ []));
65
59
  this.footerTableRowClass = computed(() => {
66
- const theme = this.#themeService.theme();
67
- return gridFooterTableRowThemeVariants(theme)();
60
+ return gridFooterTableRowThemeVariants();
68
61
  }, /* @ts-ignore */
69
62
  ...(ngDevMode ? [{ debugName: "footerTableRowClass" }] : /* istanbul ignore next */ []));
70
63
  this.gridService = inject(GridService);
71
64
  this.groupRowClass = computed(() => {
72
- const theme = this.#themeService.theme();
73
- return gridGroupRowThemeVariants(theme)();
65
+ return gridGroupRowThemeVariants();
74
66
  }, /* @ts-ignore */
75
67
  ...(ngDevMode ? [{ debugName: "groupRowClass" }] : /* istanbul ignore next */ []));
76
68
  this.tableClass = computed(() => {
77
- const theme = this.#themeService.theme();
78
- return gridListTableThemeVariants(theme)();
69
+ return gridListTableThemeVariants();
79
70
  }, /* @ts-ignore */
80
71
  ...(ngDevMode ? [{ debugName: "tableClass" }] : /* istanbul ignore next */ []));
81
72
  this.viewport = viewChild.required(CdkVirtualScrollViewport, /* @ts-ignore */
@@ -237,4 +228,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
237
228
  }], ctorParameters: () => [], propDecorators: { addRowScrollElementRef: [{ type: i0.ViewChild, args: ["addRowScrollElement", { isSignal: true }] }], bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], footerScrollElementRef: [{ type: i0.ViewChild, args: ["footerScrollElement", { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
238
229
 
239
230
  export { GridVirtualListComponent };
240
- //# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-BrYpFMyF.mjs.map
231
+ //# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-C5FRZlvv.mjs.map