@nanahoshi/mona-ui 0.18.6 → 0.20.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 (116) hide show
  1. package/README.md +71 -13
  2. package/THIRD_PARTY_NOTICES.md +60 -0
  3. package/fesm2022/nanahoshi-mona-ui-auto-complete.mjs +11 -3
  4. package/fesm2022/nanahoshi-mona-ui-breadcrumb.mjs +17 -9
  5. package/fesm2022/nanahoshi-mona-ui-button-group.mjs +16 -7
  6. package/fesm2022/nanahoshi-mona-ui-calendar.mjs +196 -101
  7. package/fesm2022/nanahoshi-mona-ui-card.mjs +22 -14
  8. package/fesm2022/nanahoshi-mona-ui-chart.mjs +78 -18
  9. package/fesm2022/nanahoshi-mona-ui-check-box.mjs +1 -1
  10. package/fesm2022/nanahoshi-mona-ui-chip.mjs +11 -3
  11. package/fesm2022/nanahoshi-mona-ui-circular-progress-bar.mjs +1 -2
  12. package/fesm2022/nanahoshi-mona-ui-color-gradient.mjs +23 -5
  13. package/fesm2022/nanahoshi-mona-ui-color-palette.mjs +49 -28
  14. package/fesm2022/nanahoshi-mona-ui-color-picker.mjs +42 -26
  15. package/fesm2022/nanahoshi-mona-ui-combo-box.mjs +11 -3
  16. package/fesm2022/nanahoshi-mona-ui-date-picker.mjs +39 -21
  17. package/fesm2022/nanahoshi-mona-ui-datetime-picker.mjs +88 -55
  18. package/fesm2022/nanahoshi-mona-ui-dialog.mjs +57 -25
  19. package/fesm2022/nanahoshi-mona-ui-dropdown-list.mjs +13 -5
  20. package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs +17 -6
  21. package/fesm2022/nanahoshi-mona-ui-editor.mjs +178 -59
  22. package/fesm2022/nanahoshi-mona-ui-filter.mjs +137 -54
  23. package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-cell.component-WEDbZ5vy.mjs → nanahoshi-mona-ui-grid-grid-footer-cell.component-BuybF7tX.mjs} +2 -2
  24. package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-ibH5osCg.mjs → nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-Dj-SaNzk.mjs} +2 -2
  25. package/fesm2022/nanahoshi-mona-ui-grid-grid-list.component-CYAm4l84.mjs +145 -0
  26. package/fesm2022/{nanahoshi-mona-ui-grid-grid-toggle.component-hc-LeIb0.mjs → nanahoshi-mona-ui-grid-grid-toggle.component-B_Gm--X6.mjs} +46 -31
  27. package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-DYajpOb9.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-X0X487Rm.mjs} +5 -5
  28. package/fesm2022/{nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-Pm8Fbp6M.mjs → nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-CyzJFQIy.mjs} +99 -42
  29. package/fesm2022/nanahoshi-mona-ui-grid.mjs +1 -1
  30. package/fesm2022/nanahoshi-mona-ui-i18n.mjs +4874 -0
  31. package/fesm2022/nanahoshi-mona-ui-internal-list.mjs +12 -4
  32. package/fesm2022/nanahoshi-mona-ui-internal-tree.mjs +48 -21
  33. package/fesm2022/nanahoshi-mona-ui-list-box.mjs +33 -18
  34. package/fesm2022/nanahoshi-mona-ui-list-view.mjs +10 -10
  35. package/fesm2022/nanahoshi-mona-ui-list.mjs +2 -0
  36. package/fesm2022/nanahoshi-mona-ui-locales.mjs +4973 -0
  37. package/fesm2022/nanahoshi-mona-ui-menubar.mjs +29 -16
  38. package/fesm2022/nanahoshi-mona-ui-multi-select.mjs +12 -3
  39. package/fesm2022/nanahoshi-mona-ui-notification.mjs +23 -18
  40. package/fesm2022/nanahoshi-mona-ui-numeric-text-box.mjs +211 -106
  41. package/fesm2022/nanahoshi-mona-ui-otp-input.mjs +14 -6
  42. package/fesm2022/nanahoshi-mona-ui-pager.mjs +66 -29
  43. package/fesm2022/nanahoshi-mona-ui-popup-menu.mjs +57 -46
  44. package/fesm2022/nanahoshi-mona-ui-popup.mjs +35 -15
  45. package/fesm2022/nanahoshi-mona-ui-progress-bar.mjs +38 -17
  46. package/fesm2022/nanahoshi-mona-ui-rating.mjs +25 -7
  47. package/fesm2022/nanahoshi-mona-ui-scroll-view.mjs +431 -101
  48. package/fesm2022/nanahoshi-mona-ui-segmented.mjs +1 -1
  49. package/fesm2022/nanahoshi-mona-ui-sheet.mjs +26 -8
  50. package/fesm2022/nanahoshi-mona-ui-sidebar.mjs +222 -28
  51. package/fesm2022/nanahoshi-mona-ui-slider.mjs +91 -36
  52. package/fesm2022/nanahoshi-mona-ui-spinner.mjs +34 -15
  53. package/fesm2022/nanahoshi-mona-ui-split-button.mjs +39 -23
  54. package/fesm2022/nanahoshi-mona-ui-splitter.mjs +50 -25
  55. package/fesm2022/nanahoshi-mona-ui-stepper.mjs +41 -14
  56. package/fesm2022/nanahoshi-mona-ui-switch.mjs +9 -9
  57. package/fesm2022/nanahoshi-mona-ui-tabs.mjs +74 -56
  58. package/fesm2022/nanahoshi-mona-ui-text-box.mjs +16 -8
  59. package/fesm2022/nanahoshi-mona-ui-time-picker.mjs +47 -24
  60. package/fesm2022/nanahoshi-mona-ui-time-selector.mjs +66 -27
  61. package/fesm2022/nanahoshi-mona-ui-tree-view.mjs +23 -15
  62. package/fesm2022/nanahoshi-mona-ui-window.mjs +71 -40
  63. package/i18n/package.json +4 -0
  64. package/locales/package.json +4 -0
  65. package/package.json +9 -1
  66. package/types/nanahoshi-mona-ui-auto-complete.d.ts +6 -1
  67. package/types/nanahoshi-mona-ui-breadcrumb.d.ts +9 -3
  68. package/types/nanahoshi-mona-ui-button-group.d.ts +9 -3
  69. package/types/nanahoshi-mona-ui-calendar.d.ts +29 -15
  70. package/types/nanahoshi-mona-ui-card.d.ts +8 -2
  71. package/types/nanahoshi-mona-ui-chart.d.ts +10 -1
  72. package/types/nanahoshi-mona-ui-chip.d.ts +7 -1
  73. package/types/nanahoshi-mona-ui-color-gradient.d.ts +6 -1
  74. package/types/nanahoshi-mona-ui-color-palette.d.ts +21 -10
  75. package/types/nanahoshi-mona-ui-color-picker.d.ts +30 -20
  76. package/types/nanahoshi-mona-ui-combo-box.d.ts +6 -1
  77. package/types/nanahoshi-mona-ui-date-picker.d.ts +14 -6
  78. package/types/nanahoshi-mona-ui-datetime-picker.d.ts +40 -12
  79. package/types/nanahoshi-mona-ui-dialog.d.ts +16 -7
  80. package/types/nanahoshi-mona-ui-dropdown-list.d.ts +6 -1
  81. package/types/nanahoshi-mona-ui-dropdowns.d.ts +4 -1
  82. package/types/nanahoshi-mona-ui-editor.d.ts +6 -1
  83. package/types/nanahoshi-mona-ui-filter.d.ts +16 -10
  84. package/types/nanahoshi-mona-ui-grid.d.ts +50 -2
  85. package/types/nanahoshi-mona-ui-i18n.d.ts +680 -0
  86. package/types/nanahoshi-mona-ui-internal-list.d.ts +7 -2
  87. package/types/nanahoshi-mona-ui-internal-tree.d.ts +7 -3
  88. package/types/nanahoshi-mona-ui-list-box.d.ts +9 -4
  89. package/types/nanahoshi-mona-ui-list-view.d.ts +6 -6
  90. package/types/nanahoshi-mona-ui-list.d.ts +1 -1
  91. package/types/nanahoshi-mona-ui-locales.d.ts +4889 -0
  92. package/types/nanahoshi-mona-ui-menubar.d.ts +59 -58
  93. package/types/nanahoshi-mona-ui-multi-select.d.ts +6 -1
  94. package/types/nanahoshi-mona-ui-notification.d.ts +11 -5
  95. package/types/nanahoshi-mona-ui-numeric-text-box.d.ts +24 -15
  96. package/types/nanahoshi-mona-ui-otp-input.d.ts +9 -3
  97. package/types/nanahoshi-mona-ui-pager.d.ts +20 -6
  98. package/types/nanahoshi-mona-ui-popup.d.ts +2 -1
  99. package/types/nanahoshi-mona-ui-progress-bar.d.ts +9 -7
  100. package/types/nanahoshi-mona-ui-rating.d.ts +19 -12
  101. package/types/nanahoshi-mona-ui-scroll-view.d.ts +34 -28
  102. package/types/nanahoshi-mona-ui-sheet.d.ts +8 -2
  103. package/types/nanahoshi-mona-ui-sidebar.d.ts +3 -0
  104. package/types/nanahoshi-mona-ui-slider.d.ts +44 -26
  105. package/types/nanahoshi-mona-ui-spinner.d.ts +13 -4
  106. package/types/nanahoshi-mona-ui-split-button.d.ts +62 -56
  107. package/types/nanahoshi-mona-ui-splitter.d.ts +9 -6
  108. package/types/nanahoshi-mona-ui-stepper.d.ts +10 -3
  109. package/types/nanahoshi-mona-ui-switch.d.ts +1 -1
  110. package/types/nanahoshi-mona-ui-tabs.d.ts +96 -35
  111. package/types/nanahoshi-mona-ui-text-box.d.ts +11 -5
  112. package/types/nanahoshi-mona-ui-time-picker.d.ts +11 -4
  113. package/types/nanahoshi-mona-ui-time-selector.d.ts +16 -5
  114. package/types/nanahoshi-mona-ui-tree-view.d.ts +15 -10
  115. package/types/nanahoshi-mona-ui-window.d.ts +26 -20
  116. package/fesm2022/nanahoshi-mona-ui-grid-grid-list.component-ZM3CneJ0.mjs +0 -145
@@ -1,3 +1,5 @@
1
+ import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
2
+ import { MonaTimePickerMessages } from '@nanahoshi/mona-ui/i18n';
1
3
  import * as _angular_core from '@angular/core';
2
4
  import { Signal, TemplateRef } from '@angular/core';
3
5
  import { FormValueControl } from '@angular/forms/signals';
@@ -24,9 +26,11 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
24
26
  #private;
25
27
  protected readonly baseClass: Signal<string>;
26
28
  protected readonly currentDateString: _angular_core.WritableSignal<string>;
29
+ protected readonly effectiveFormat: Signal<string>;
27
30
  protected readonly expanded: Signal<boolean>;
28
31
  protected readonly inputAttributes: Signal<AttributeConfig>;
29
32
  protected readonly invalidState: Signal<boolean>;
33
+ protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaTimePickerMessages>;
30
34
  protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
31
35
  protected readonly pickerPopupClass: Signal<string>;
32
36
  protected readonly popupId: string;
@@ -44,9 +48,10 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
44
48
  */
45
49
  readonly disabled: _angular_core.InputSignal<boolean>;
46
50
  /**
47
- * @description Sets the format of the time picker.
51
+ * @description Sets the format of the time picker. If not specified, derives from the active locale, hourFormat, and showSeconds.
52
+ * @default null
48
53
  */
49
- readonly format: _angular_core.InputSignal<string>;
54
+ readonly format: _angular_core.InputSignal<string | null>;
50
55
  /**
51
56
  * @description Sets the hour format of the time picker.
52
57
  * @default 24
@@ -159,12 +164,12 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
159
164
  */
160
165
  readonly value: _angular_core.ModelSignal<Date | null>;
161
166
  constructor();
167
+ focus(): void;
162
168
  protected onDateStringEdit(dateString: string): void;
163
169
  protected onTimeInputBlur(): void;
164
170
  protected onTimeInputButtonClick(): void;
165
171
  protected onTimeSelectorValueChange(date: Date | null): void;
166
172
  private dateStringEquals;
167
- focus(): void;
168
173
  private generateValidDateTime;
169
174
  private handleKeydown;
170
175
  private openPopup;
@@ -179,5 +184,7 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
179
184
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "mona-time-picker", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
180
185
  }
181
186
 
182
- export { TimePickerComponent };
187
+ declare const TIME_PICKER_DEFAULT_MESSAGES: MonaTimePickerMessages;
188
+
189
+ export { TIME_PICKER_DEFAULT_MESSAGES, TimePickerComponent };
183
190
  export type { TimePickerVariantProps };
@@ -3,6 +3,8 @@ import * as _nanahoshi_mona_ui_date_input from '@nanahoshi/mona-ui/date-input';
3
3
  import { Meridiem, HourFormat } from '@nanahoshi/mona-ui/date-input';
4
4
  import * as luxon from 'luxon';
5
5
  import { DateTime } from 'luxon';
6
+ import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
7
+ import { MonaTimeSelectorMessages } from '@nanahoshi/mona-ui/i18n';
6
8
  import * as _angular_core from '@angular/core';
7
9
  import { ElementRef } from '@angular/core';
8
10
  import { FormValueControl } from '@angular/forms/signals';
@@ -40,6 +42,7 @@ type TimeSelectorVariantInput = TimeSelectorBaseVariantInput & TimeSelectorHeade
40
42
 
41
43
  declare class TimeSelectorComponent implements FormValueControl<Date | null>, TimeSelectorVariantInput {
42
44
  #private;
45
+ protected readonly isRtl: _angular_core.Signal<boolean>;
43
46
  protected readonly amMeridiemVisible: _angular_core.Signal<boolean>;
44
47
  protected readonly baseClass: _angular_core.Signal<string>;
45
48
  protected readonly computedPopupHeight: _angular_core.Signal<number>;
@@ -56,6 +59,7 @@ declare class TimeSelectorComponent implements FormValueControl<Date | null>, Ti
56
59
  protected readonly meridiem: _angular_core.WritableSignal<Meridiem>;
57
60
  protected readonly meridiemListId: string;
58
61
  protected readonly meridiemListRef: _angular_core.Signal<ElementRef<HTMLOListElement> | undefined>;
62
+ protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaTimeSelectorMessages>;
59
63
  protected readonly minDate: _angular_core.Signal<DateTime<true> | DateTime<false> | null>;
60
64
  protected readonly minute: _angular_core.Signal<luxon.SecondNumbers>;
61
65
  protected readonly minuteListId: string;
@@ -69,6 +73,10 @@ declare class TimeSelectorComponent implements FormValueControl<Date | null>, Ti
69
73
  protected readonly secondListRef: _angular_core.Signal<ElementRef<HTMLOListElement> | undefined>;
70
74
  protected readonly seconds: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_nanahoshi_mona_ui_date_input.TimeUnit>>;
71
75
  protected readonly viewHours: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_nanahoshi_mona_ui_date_input.TimeUnit>>;
76
+ /**
77
+ * @description Accessible label for the time selector group.
78
+ * @default ""
79
+ */
72
80
  readonly ariaLabel: _angular_core.InputSignal<string>;
73
81
  readonly disabled: _angular_core.InputSignal<boolean>;
74
82
  readonly focusOnMount: _angular_core.InputSignal<boolean>;
@@ -117,18 +125,19 @@ declare class TimeSelectorComponent implements FormValueControl<Date | null>, Ti
117
125
  readonly value: _angular_core.ModelSignal<Date | null>;
118
126
  constructor();
119
127
  focus(): void;
128
+ protected formatTwoDigit(value: number): string;
120
129
  protected onBlur(): void;
121
130
  protected onHourChange(hour: number): void;
122
131
  protected onMeridiemClick(meridiem: "AM" | "PM"): void;
123
132
  protected onMinuteChange(minute: number): void;
124
- protected onNowClick(event: Event): void;
133
+ protected onNowClick(_event: Event): void;
125
134
  protected onSecondChange(second: number): void;
126
135
  protected onSetTimeClick(): void;
136
+ private dateValuesEqual;
137
+ private focusList;
127
138
  private getListRef;
128
139
  private getNextList;
129
140
  private handleKeydown;
130
- private focusList;
131
- private dateValuesEqual;
132
141
  private initializeNavigatedDate;
133
142
  private navigateItem;
134
143
  private navigateToEdge;
@@ -136,8 +145,10 @@ declare class TimeSelectorComponent implements FormValueControl<Date | null>, Ti
136
145
  private setupKeyboardNavigation;
137
146
  private updateValue;
138
147
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeSelectorComponent, never>;
139
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeSelectorComponent, "mona-time-selector", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusOnMount": { "alias": "focusOnMount"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
148
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeSelectorComponent, "mona-time-selector", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusOnMount": { "alias": "focusOnMount"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
140
149
  }
141
150
 
142
- export { TimeSelectorComponent };
151
+ declare const TIME_SELECTOR_DEFAULT_MESSAGES: MonaTimeSelectorMessages;
152
+
153
+ export { TIME_SELECTOR_DEFAULT_MESSAGES, TimeSelectorComponent };
143
154
  export type { TimeSelectorVariantProps };
@@ -1,3 +1,5 @@
1
+ import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
2
+ import { MonaTreeViewMessages } from '@nanahoshi/mona-ui/i18n';
1
3
  import * as _angular_core from '@angular/core';
2
4
  import { TemplateRef, OnInit } from '@angular/core';
3
5
  import { FilterChangeEvent, FilterableOptions } from '@nanahoshi/mona-ui/common';
@@ -12,9 +14,10 @@ interface TreeViewNodeTemplateContext<T> {
12
14
 
13
15
  declare class TreeViewComponent<T> implements ITreeView<T> {
14
16
  #private;
17
+ protected readonly filterAriaLabel: _angular_core.Signal<string>;
18
+ protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaTreeViewMessages>;
15
19
  protected readonly nodeTemplate: _angular_core.Signal<TemplateRef<TreeViewNodeTemplateContext<T>> | undefined>;
16
20
  protected readonly treeService: TreeService<T>;
17
- protected readonly filterAriaLabel: _angular_core.Signal<string>;
18
21
  /**
19
22
  * @description Enables CSS transitions when nodes expand or collapse.
20
23
  * @default true
@@ -25,6 +28,10 @@ declare class TreeViewComponent<T> implements ITreeView<T> {
25
28
  * @default ""
26
29
  */
27
30
  readonly ariaLabel: _angular_core.InputSignal<string>;
31
+ /**
32
+ * @description Emitted when the tree-view loses focus.
33
+ */
34
+ readonly blur: _angular_core.OutputEmitterRef<FocusEvent>;
28
35
  /**
29
36
  * @description Property name or accessor used to derive a node's children from a data item. Accepts a property name, a function returning the children, or a function returning an observable of the children.
30
37
  * @default ""
@@ -35,6 +42,10 @@ declare class TreeViewComponent<T> implements ITreeView<T> {
35
42
  * @default []
36
43
  */
37
44
  readonly data: _angular_core.InputSignal<Iterable<T>>;
45
+ /**
46
+ * @description Emitted when the tree-view gains focus.
47
+ */
48
+ readonly focus: _angular_core.OutputEmitterRef<FocusEvent>;
38
49
  /**
39
50
  * @description Predicate that determines whether a node has children. Required when the children selector returns an observable.
40
51
  * @default null
@@ -50,14 +61,6 @@ declare class TreeViewComponent<T> implements ITreeView<T> {
50
61
  * @default "hierarchical"
51
62
  */
52
63
  readonly mode: _angular_core.InputSignal<DataStructure>;
53
- /**
54
- * @description Emitted when the tree-view loses focus.
55
- */
56
- readonly blur: _angular_core.OutputEmitterRef<FocusEvent>;
57
- /**
58
- * @description Emitted when the tree-view gains focus.
59
- */
60
- readonly focus: _angular_core.OutputEmitterRef<FocusEvent>;
61
64
  /**
62
65
  * @description Emitted when a node is clicked.
63
66
  */
@@ -271,4 +274,6 @@ declare class TreeViewSelectableDirective<T, K = T> implements OnInit {
271
274
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeViewSelectableDirective<any, any>, "mona-tree-view[monaTreeViewSelectable]", ["monaTreeViewSelectable"], { "selectBy": { "alias": "selectBy"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "options": { "alias": "monaTreeViewSelectable"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "selectedKeysChange": "selectedKeysChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
272
275
  }
273
276
 
274
- export { TreeViewCheckableDirective, TreeViewComponent, TreeViewDisableDirective, TreeViewDragAndDropDirective, TreeViewExpandableDirective, TreeViewFilterableDirective, TreeViewNodeTemplateDirective, TreeViewSelectableDirective };
277
+ declare const TREE_VIEW_DEFAULT_MESSAGES: MonaTreeViewMessages;
278
+
279
+ export { TREE_VIEW_DEFAULT_MESSAGES, TreeViewCheckableDirective, TreeViewComponent, TreeViewDisableDirective, TreeViewDragAndDropDirective, TreeViewExpandableDirective, TreeViewFilterableDirective, TreeViewNodeTemplateDirective, TreeViewSelectableDirective };
@@ -1,3 +1,5 @@
1
+ import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
2
+ import { MonaWindowMessages, WindowMessages } from '@nanahoshi/mona-ui/i18n';
1
3
  import * as _angular_core from '@angular/core';
2
4
  import { ElementRef, ComponentRef, TemplateRef, Type } from '@angular/core';
3
5
  import { PopupCloseEvent, PopupRef } from '@nanahoshi/mona-ui/popup';
@@ -54,19 +56,16 @@ declare class WindowComponent implements WindowVariantInput {
54
56
  * @default true
55
57
  */
56
58
  readonly closable: _angular_core.InputSignal<boolean>;
57
- /**
58
- * @description Emits when the window is about to be closed.
59
- */
60
59
  readonly close: _angular_core.OutputEmitterRef<PopupCloseEvent<unknown>>;
61
- /**
62
- * @description Emitted after the window has fully closed (post-animation). Preventing this event has no effect.
63
- */
64
- readonly closed: _angular_core.OutputEmitterRef<void>;
65
60
  /**
66
61
  * @description Sets whether the window should close when the escape key is pressed.
67
62
  * @default true
68
63
  */
69
64
  readonly closeOnEscape: _angular_core.InputSignal<boolean>;
65
+ /**
66
+ * @description Emitted after the window has fully closed (post-animation). Preventing this event has no effect.
67
+ */
68
+ readonly closed: _angular_core.OutputEmitterRef<void>;
70
69
  /**
71
70
  * @description Emits when the window dragging ends.
72
71
  */
@@ -111,6 +110,10 @@ declare class WindowComponent implements WindowVariantInput {
111
110
  * @default true
112
111
  */
113
112
  readonly maximizable: _angular_core.InputSignal<boolean | undefined>;
113
+ /**
114
+ * @description Internationalization message overrides for accessible labels.
115
+ */
116
+ readonly messages: _angular_core.InputSignal<Partial<_nanahoshi_mona_ui_i18n.MonaWindowMessages> | undefined>;
114
117
  /**
115
118
  * @description Sets the minimum height of the window.
116
119
  */
@@ -163,7 +166,7 @@ declare class WindowComponent implements WindowVariantInput {
163
166
  height?: number;
164
167
  }): void;
165
168
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<WindowComponent, never>;
166
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<WindowComponent, "mona-window", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maximizable": { "alias": "maximizable"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minimizable": { "alias": "minimizable"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "height": "heightChange"; "left": "leftChange"; "top": "topChange"; "width": "widthChange"; }, ["actionTemplate", "contentTemplate", "footerTemplate", "titleTemplate"], never, true, never>;
169
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<WindowComponent, "mona-window", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maximizable": { "alias": "maximizable"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minimizable": { "alias": "minimizable"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "height": "heightChange"; "left": "leftChange"; "top": "topChange"; "width": "widthChange"; }, ["actionTemplate", "contentTemplate", "footerTemplate", "titleTemplate"], never, true, never>;
167
170
  }
168
171
 
169
172
  declare class WindowActionTemplateDirective {
@@ -186,40 +189,42 @@ declare class WindowTitleTemplateDirective {
186
189
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WindowTitleTemplateDirective, "ng-template[monaWindowTitleTemplate]", never, {}, {}, never, never, true, never>;
187
190
  }
188
191
 
192
+ declare const WINDOW_DEFAULT_MESSAGES: MonaWindowMessages;
193
+
189
194
  interface MoveEvent {
190
195
  left: number;
191
196
  top: number;
192
197
  }
193
198
 
194
199
  interface ResizeEvent {
195
- left: number;
196
200
  height: number;
201
+ left: number;
197
202
  top: number;
198
203
  width: number;
199
204
  }
200
205
 
201
206
  interface WindowRefParams<R = unknown> {
202
- close: (result?: R) => void;
203
207
  center: () => void;
208
+ close: (result?: R) => void;
209
+ get close$(): Observable<PopupCloseEvent<R>>;
204
210
  closeWithDelay: (delay: number, result?: R) => void;
211
+ get closed$(): Observable<void>;
212
+ get component(): ComponentRef<unknown> | null;
213
+ get drag$(): Observable<MoveEvent>;
214
+ get dragEnd$(): Observable<void>;
215
+ get dragStart$(): Observable<void>;
216
+ get element(): HTMLElement;
217
+ get height(): number;
205
218
  move: (params: {
206
219
  top?: number;
207
220
  left?: number;
208
221
  }) => void;
222
+ get popupRef(): PopupRef;
209
223
  resize: (params: {
210
224
  width?: number;
211
225
  height?: number;
212
226
  center?: boolean;
213
227
  }) => void;
214
- get close$(): Observable<PopupCloseEvent<R>>;
215
- get closed$(): Observable<void>;
216
- get component(): ComponentRef<unknown> | null;
217
- get drag$(): Observable<MoveEvent>;
218
- get dragEnd$(): Observable<void>;
219
- get dragStart$(): Observable<void>;
220
- get element(): HTMLElement;
221
- get height(): number;
222
- get popupRef(): PopupRef;
223
228
  get resize$(): Observable<ResizeEvent>;
224
229
  get width(): number;
225
230
  }
@@ -270,6 +275,7 @@ interface WindowSettings {
270
275
  maxHeight?: number;
271
276
  maxWidth?: number;
272
277
  maximizable?: boolean;
278
+ messages?: Partial<WindowMessages>;
273
279
  minHeight?: number;
274
280
  minWidth?: number;
275
281
  minimizable?: boolean;
@@ -290,5 +296,5 @@ declare class WindowService {
290
296
  static ɵprov: _angular_core.ɵɵInjectableDeclaration<WindowService>;
291
297
  }
292
298
 
293
- export { WindowActionTemplateDirective, WindowComponent, WindowContentTemplateDirective, WindowFooterTemplateDirective, WindowRef, WindowService, WindowTitleTemplateDirective };
299
+ export { WINDOW_DEFAULT_MESSAGES, WindowActionTemplateDirective, WindowComponent, WindowContentTemplateDirective, WindowFooterTemplateDirective, WindowRef, WindowService, WindowTitleTemplateDirective };
294
300
  export type { MoveEvent, ResizeEvent, WindowActionTemplateContext, WindowSettings, WindowVariantProps };