@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.
- package/README.md +71 -13
- package/THIRD_PARTY_NOTICES.md +60 -0
- package/fesm2022/nanahoshi-mona-ui-auto-complete.mjs +11 -3
- package/fesm2022/nanahoshi-mona-ui-breadcrumb.mjs +17 -9
- package/fesm2022/nanahoshi-mona-ui-button-group.mjs +16 -7
- package/fesm2022/nanahoshi-mona-ui-calendar.mjs +196 -101
- package/fesm2022/nanahoshi-mona-ui-card.mjs +22 -14
- package/fesm2022/nanahoshi-mona-ui-chart.mjs +78 -18
- package/fesm2022/nanahoshi-mona-ui-check-box.mjs +1 -1
- package/fesm2022/nanahoshi-mona-ui-chip.mjs +11 -3
- package/fesm2022/nanahoshi-mona-ui-circular-progress-bar.mjs +1 -2
- package/fesm2022/nanahoshi-mona-ui-color-gradient.mjs +23 -5
- package/fesm2022/nanahoshi-mona-ui-color-palette.mjs +49 -28
- package/fesm2022/nanahoshi-mona-ui-color-picker.mjs +42 -26
- package/fesm2022/nanahoshi-mona-ui-combo-box.mjs +11 -3
- package/fesm2022/nanahoshi-mona-ui-date-picker.mjs +39 -21
- package/fesm2022/nanahoshi-mona-ui-datetime-picker.mjs +88 -55
- package/fesm2022/nanahoshi-mona-ui-dialog.mjs +57 -25
- package/fesm2022/nanahoshi-mona-ui-dropdown-list.mjs +13 -5
- package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs +17 -6
- package/fesm2022/nanahoshi-mona-ui-editor.mjs +178 -59
- package/fesm2022/nanahoshi-mona-ui-filter.mjs +137 -54
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-cell.component-WEDbZ5vy.mjs → nanahoshi-mona-ui-grid-grid-footer-cell.component-BuybF7tX.mjs} +2 -2
- 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
- package/fesm2022/nanahoshi-mona-ui-grid-grid-list.component-CYAm4l84.mjs +145 -0
- 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
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-DYajpOb9.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-X0X487Rm.mjs} +5 -5
- package/fesm2022/{nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-Pm8Fbp6M.mjs → nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-CyzJFQIy.mjs} +99 -42
- package/fesm2022/nanahoshi-mona-ui-grid.mjs +1 -1
- package/fesm2022/nanahoshi-mona-ui-i18n.mjs +4874 -0
- package/fesm2022/nanahoshi-mona-ui-internal-list.mjs +12 -4
- package/fesm2022/nanahoshi-mona-ui-internal-tree.mjs +48 -21
- package/fesm2022/nanahoshi-mona-ui-list-box.mjs +33 -18
- package/fesm2022/nanahoshi-mona-ui-list-view.mjs +10 -10
- package/fesm2022/nanahoshi-mona-ui-list.mjs +2 -0
- package/fesm2022/nanahoshi-mona-ui-locales.mjs +4973 -0
- package/fesm2022/nanahoshi-mona-ui-menubar.mjs +29 -16
- package/fesm2022/nanahoshi-mona-ui-multi-select.mjs +12 -3
- package/fesm2022/nanahoshi-mona-ui-notification.mjs +23 -18
- package/fesm2022/nanahoshi-mona-ui-numeric-text-box.mjs +211 -106
- package/fesm2022/nanahoshi-mona-ui-otp-input.mjs +14 -6
- package/fesm2022/nanahoshi-mona-ui-pager.mjs +66 -29
- package/fesm2022/nanahoshi-mona-ui-popup-menu.mjs +57 -46
- package/fesm2022/nanahoshi-mona-ui-popup.mjs +35 -15
- package/fesm2022/nanahoshi-mona-ui-progress-bar.mjs +38 -17
- package/fesm2022/nanahoshi-mona-ui-rating.mjs +25 -7
- package/fesm2022/nanahoshi-mona-ui-scroll-view.mjs +431 -101
- package/fesm2022/nanahoshi-mona-ui-segmented.mjs +1 -1
- package/fesm2022/nanahoshi-mona-ui-sheet.mjs +26 -8
- package/fesm2022/nanahoshi-mona-ui-sidebar.mjs +222 -28
- package/fesm2022/nanahoshi-mona-ui-slider.mjs +91 -36
- package/fesm2022/nanahoshi-mona-ui-spinner.mjs +34 -15
- package/fesm2022/nanahoshi-mona-ui-split-button.mjs +39 -23
- package/fesm2022/nanahoshi-mona-ui-splitter.mjs +50 -25
- package/fesm2022/nanahoshi-mona-ui-stepper.mjs +41 -14
- package/fesm2022/nanahoshi-mona-ui-switch.mjs +9 -9
- package/fesm2022/nanahoshi-mona-ui-tabs.mjs +74 -56
- package/fesm2022/nanahoshi-mona-ui-text-box.mjs +16 -8
- package/fesm2022/nanahoshi-mona-ui-time-picker.mjs +47 -24
- package/fesm2022/nanahoshi-mona-ui-time-selector.mjs +66 -27
- package/fesm2022/nanahoshi-mona-ui-tree-view.mjs +23 -15
- package/fesm2022/nanahoshi-mona-ui-window.mjs +71 -40
- package/i18n/package.json +4 -0
- package/locales/package.json +4 -0
- package/package.json +9 -1
- package/types/nanahoshi-mona-ui-auto-complete.d.ts +6 -1
- package/types/nanahoshi-mona-ui-breadcrumb.d.ts +9 -3
- package/types/nanahoshi-mona-ui-button-group.d.ts +9 -3
- package/types/nanahoshi-mona-ui-calendar.d.ts +29 -15
- package/types/nanahoshi-mona-ui-card.d.ts +8 -2
- package/types/nanahoshi-mona-ui-chart.d.ts +10 -1
- package/types/nanahoshi-mona-ui-chip.d.ts +7 -1
- package/types/nanahoshi-mona-ui-color-gradient.d.ts +6 -1
- package/types/nanahoshi-mona-ui-color-palette.d.ts +21 -10
- package/types/nanahoshi-mona-ui-color-picker.d.ts +30 -20
- package/types/nanahoshi-mona-ui-combo-box.d.ts +6 -1
- package/types/nanahoshi-mona-ui-date-picker.d.ts +14 -6
- package/types/nanahoshi-mona-ui-datetime-picker.d.ts +40 -12
- package/types/nanahoshi-mona-ui-dialog.d.ts +16 -7
- package/types/nanahoshi-mona-ui-dropdown-list.d.ts +6 -1
- package/types/nanahoshi-mona-ui-dropdowns.d.ts +4 -1
- package/types/nanahoshi-mona-ui-editor.d.ts +6 -1
- package/types/nanahoshi-mona-ui-filter.d.ts +16 -10
- package/types/nanahoshi-mona-ui-grid.d.ts +50 -2
- package/types/nanahoshi-mona-ui-i18n.d.ts +680 -0
- package/types/nanahoshi-mona-ui-internal-list.d.ts +7 -2
- package/types/nanahoshi-mona-ui-internal-tree.d.ts +7 -3
- package/types/nanahoshi-mona-ui-list-box.d.ts +9 -4
- package/types/nanahoshi-mona-ui-list-view.d.ts +6 -6
- package/types/nanahoshi-mona-ui-list.d.ts +1 -1
- package/types/nanahoshi-mona-ui-locales.d.ts +4889 -0
- package/types/nanahoshi-mona-ui-menubar.d.ts +59 -58
- package/types/nanahoshi-mona-ui-multi-select.d.ts +6 -1
- package/types/nanahoshi-mona-ui-notification.d.ts +11 -5
- package/types/nanahoshi-mona-ui-numeric-text-box.d.ts +24 -15
- package/types/nanahoshi-mona-ui-otp-input.d.ts +9 -3
- package/types/nanahoshi-mona-ui-pager.d.ts +20 -6
- package/types/nanahoshi-mona-ui-popup.d.ts +2 -1
- package/types/nanahoshi-mona-ui-progress-bar.d.ts +9 -7
- package/types/nanahoshi-mona-ui-rating.d.ts +19 -12
- package/types/nanahoshi-mona-ui-scroll-view.d.ts +34 -28
- package/types/nanahoshi-mona-ui-sheet.d.ts +8 -2
- package/types/nanahoshi-mona-ui-sidebar.d.ts +3 -0
- package/types/nanahoshi-mona-ui-slider.d.ts +44 -26
- package/types/nanahoshi-mona-ui-spinner.d.ts +13 -4
- package/types/nanahoshi-mona-ui-split-button.d.ts +62 -56
- package/types/nanahoshi-mona-ui-splitter.d.ts +9 -6
- package/types/nanahoshi-mona-ui-stepper.d.ts +10 -3
- package/types/nanahoshi-mona-ui-switch.d.ts +1 -1
- package/types/nanahoshi-mona-ui-tabs.d.ts +96 -35
- package/types/nanahoshi-mona-ui-text-box.d.ts +11 -5
- package/types/nanahoshi-mona-ui-time-picker.d.ts +11 -4
- package/types/nanahoshi-mona-ui-time-selector.d.ts +16 -5
- package/types/nanahoshi-mona-ui-tree-view.d.ts +15 -10
- package/types/nanahoshi-mona-ui-window.d.ts +26 -20
- 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
|
-
|
|
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(
|
|
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": "
|
|
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
|
-
|
|
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
|
-
|
|
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 };
|