@nanahoshi/mona-ui 0.18.5 → 0.19.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/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 +122 -48
- 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 +199 -77
- 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 +28 -16
- package/fesm2022/nanahoshi-mona-ui-datetime-picker.mjs +74 -51
- 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-Bg7rckst.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-BSSpaCLL.mjs} +2 -2
- package/fesm2022/nanahoshi-mona-ui-grid-grid-list.component-D9AwQFDV.mjs +145 -0
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-toggle.component-hc-LeIb0.mjs → nanahoshi-mona-ui-grid-grid-toggle.component-Byb9iTes.mjs} +21 -17
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-DYajpOb9.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-CBmdtrXm.mjs} +5 -5
- package/fesm2022/{nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-Pm8Fbp6M.mjs → nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DPmJmCap.mjs} +90 -42
- package/fesm2022/nanahoshi-mona-ui-grid.mjs +1 -1
- package/fesm2022/nanahoshi-mona-ui-i18n.mjs +1168 -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-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 +46 -19
- 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 +32 -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 +33 -19
- 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/package.json +5 -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 +13 -3
- 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 +14 -5
- 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 +7 -2
- package/types/nanahoshi-mona-ui-datetime-picker.d.ts +33 -8
- 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 +38 -1
- package/types/nanahoshi-mona-ui-i18n.d.ts +633 -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-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 +19 -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 +9 -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 +7 -2
- 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
|
@@ -3,6 +3,7 @@ import { TemplateRef } from '@angular/core';
|
|
|
3
3
|
import { ImmutableSet, Selector, List, Predicate } from '@mirei/ts-collections';
|
|
4
4
|
import { PreventableEvent, FilterableOptions, FilterChangeEvent } from '@nanahoshi/mona-ui/common';
|
|
5
5
|
import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
|
|
6
|
+
import { MonaTreeViewMessages } from '@nanahoshi/mona-ui/i18n';
|
|
6
7
|
|
|
7
8
|
interface CheckableOptions {
|
|
8
9
|
/**
|
|
@@ -344,12 +345,13 @@ declare class TreeService<T> {
|
|
|
344
345
|
|
|
345
346
|
declare class TreeComponent<T> {
|
|
346
347
|
#private;
|
|
348
|
+
protected readonly isRtl: _angular_core.Signal<boolean>;
|
|
347
349
|
protected readonly activeDescendantId: _angular_core.Signal<string | null>;
|
|
348
350
|
protected readonly baseClass: _angular_core.Signal<string>;
|
|
349
351
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
350
|
-
readonly treeService: TreeService<T>;
|
|
351
|
-
readonly nodeTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
352
352
|
readonly data: _angular_core.InputSignal<Iterable<T> | undefined>;
|
|
353
|
+
readonly nodeTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
354
|
+
readonly treeService: TreeService<T>;
|
|
353
355
|
constructor();
|
|
354
356
|
private handleMouseMoveWhileDragging;
|
|
355
357
|
private isMouseOutsideTree;
|
|
@@ -367,6 +369,8 @@ declare class TreeNodeTemplateDirective {
|
|
|
367
369
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeNodeTemplateDirective, "ng-template[monaTreeNodeTemplate]", never, {}, {}, never, never, true, never>;
|
|
368
370
|
}
|
|
369
371
|
|
|
372
|
+
declare const TREE_DEFAULT_MESSAGES: MonaTreeViewMessages;
|
|
373
|
+
|
|
370
374
|
/**
|
|
371
375
|
* Moves a node within a generic flat tree structure that uses parentId references.
|
|
372
376
|
* @param treeData - The flat array of tree nodes.
|
|
@@ -387,5 +391,5 @@ declare function moveFlatTreeNode<T extends Record<string, any>>(treeData: Itera
|
|
|
387
391
|
*/
|
|
388
392
|
declare function moveTreeNode<T extends Record<string, any>>(treeData: Iterable<T>, event: NodeDropEvent<T>, idKey: keyof T, childrenKey: keyof T): T[];
|
|
389
393
|
|
|
390
|
-
export { InternalNodeDragEvent, NodeCheckEvent, NodeClickEvent, NodeDragEndEvent, NodeDragEvent, NodeDragStartEvent, NodeDropEvent, NodeDropEventSansTree, NodeEvent, NodeSelectEvent, TreeComponent, TreeNode, TreeNodeTemplateDirective, TreeService, moveFlatTreeNode, moveTreeNode };
|
|
394
|
+
export { InternalNodeDragEvent, NodeCheckEvent, NodeClickEvent, NodeDragEndEvent, NodeDragEvent, NodeDragStartEvent, NodeDropEvent, NodeDropEventSansTree, NodeEvent, NodeSelectEvent, TREE_DEFAULT_MESSAGES, TreeComponent, TreeNode, TreeNodeTemplateDirective, TreeService, moveFlatTreeNode, moveTreeNode };
|
|
391
395
|
export type { CheckableOptions, ChildrenSelector, DataStructure, DisableOptions, DraggableOptions, DropPosition, DropPositionChangeEvent, ExpandableOptions, ITreeView, NodeDropEventArgs, NodeDropEventArgsSansTree, NodeItem, NodeKeySelector, NodeMoveSnapshot, SelectableOptions, TreeNodeCheckEvent, TreeNodeExpandEvent, TreeNodeSelectEvent };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { Signal, TemplateRef } from '@angular/core';
|
|
3
|
+
import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
|
|
4
|
+
import { MonaListBoxMessages } from '@nanahoshi/mona-ui/i18n';
|
|
3
5
|
import { Position, PreventableEvent, SelectionMode } from '@nanahoshi/mona-ui/common';
|
|
4
6
|
import { SelectableOptions, ListKeySelector } from '@nanahoshi/mona-ui/internal/list';
|
|
5
7
|
import { ImmutableList, ImmutableSet } from '@mirei/ts-collections';
|
|
@@ -82,6 +84,7 @@ declare class ListBoxComponent<T = unknown, K = unknown> implements ListBoxVaria
|
|
|
82
84
|
protected readonly itemTemplate: Signal<TemplateRef<any> | undefined>;
|
|
83
85
|
protected readonly listHeight: Signal<string>;
|
|
84
86
|
protected readonly listWidth: Signal<string>;
|
|
87
|
+
protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaListBoxMessages>;
|
|
85
88
|
protected readonly noDataTemplate: Signal<TemplateRef<any> | undefined>;
|
|
86
89
|
protected readonly selectableOptions: Signal<SelectableOptions>;
|
|
87
90
|
protected readonly toolbarClasses: Signal<string>;
|
|
@@ -122,6 +125,8 @@ declare class ListBoxComponent<T = unknown, K = unknown> implements ListBoxVaria
|
|
|
122
125
|
* @default ""
|
|
123
126
|
*/
|
|
124
127
|
readonly selectBy: _angular_core.InputSignal<ListKeySelector<T, K>>;
|
|
128
|
+
readonly selectedItems: Signal<ImmutableSet<T>>;
|
|
129
|
+
readonly selectedItems$: Observable<ImmutableSet<T>>;
|
|
125
130
|
/**
|
|
126
131
|
* @description Keys of the currently selected items.
|
|
127
132
|
* @default []
|
|
@@ -135,8 +140,6 @@ declare class ListBoxComponent<T = unknown, K = unknown> implements ListBoxVaria
|
|
|
135
140
|
* @description Emitted with the selected and deselected items whenever the selection changes.
|
|
136
141
|
*/
|
|
137
142
|
readonly selectionChange: _angular_core.OutputEmitterRef<ListBoxSelectionEvent<any>>;
|
|
138
|
-
readonly selectedItems: Signal<ImmutableSet<T>>;
|
|
139
|
-
readonly selectedItems$: Observable<ImmutableSet<T>>;
|
|
140
143
|
/**
|
|
141
144
|
* @description Allows multiple items to be selected simultaneously when set to `"multiple"`.
|
|
142
145
|
* @default single
|
|
@@ -191,8 +194,8 @@ declare class ListBoxComponent<T = unknown, K = unknown> implements ListBoxVaria
|
|
|
191
194
|
* or `null` if neither side has one. Unlike {@link activeListBox}, this does not fall back to `this`,
|
|
192
195
|
* since move actions need to know an actual selected index to operate on.
|
|
193
196
|
*/
|
|
194
|
-
private getSelectedListBox;
|
|
195
197
|
private getDefaultToolbarOptions;
|
|
198
|
+
private getSelectedListBox;
|
|
196
199
|
private scrollToSelectedItem;
|
|
197
200
|
private setSubscriptions;
|
|
198
201
|
private updateToolbarOptions;
|
|
@@ -220,5 +223,7 @@ declare class ListBoxNoDataTemplateDirective {
|
|
|
220
223
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBoxNoDataTemplateDirective, "ng-template[monaListBoxNoDataTemplate]", never, {}, {}, never, never, true, never>;
|
|
221
224
|
}
|
|
222
225
|
|
|
223
|
-
|
|
226
|
+
declare const LIST_BOX_DEFAULT_MESSAGES: MonaListBoxMessages;
|
|
227
|
+
|
|
228
|
+
export { LIST_BOX_DEFAULT_MESSAGES, ListBoxClearEvent, ListBoxComponent, ListBoxFooterTemplateDirective, ListBoxHeaderTemplateDirective, ListBoxItemTemplateDirective, ListBoxMoveEvent, ListBoxNoDataTemplateDirective, ListBoxRemoveEvent, ListBoxTransferEvent };
|
|
224
229
|
export type { ListBoxActionEvent, ListBoxSelectionEvent, ToolbarAction, ToolbarOptions };
|
|
@@ -43,6 +43,11 @@ declare class ListViewComponent<T = unknown> implements ListViewVariantInputs {
|
|
|
43
43
|
* @default 100%
|
|
44
44
|
*/
|
|
45
45
|
readonly height: _angular_core.InputSignal<string | number>;
|
|
46
|
+
/**
|
|
47
|
+
* @description Collection of items to render.
|
|
48
|
+
* @default []
|
|
49
|
+
*/
|
|
50
|
+
readonly items: _angular_core.InputSignal<Iterable<T>>;
|
|
46
51
|
/**
|
|
47
52
|
* @description Sets the classes of the inner UL element.
|
|
48
53
|
* @default ""
|
|
@@ -63,11 +68,6 @@ declare class ListViewComponent<T = unknown> implements ListViewVariantInputs {
|
|
|
63
68
|
* @default {}
|
|
64
69
|
*/
|
|
65
70
|
readonly listStyle: _angular_core.InputSignal<Partial<CSSStyleDeclaration>>;
|
|
66
|
-
/**
|
|
67
|
-
* @description Collection of items to render.
|
|
68
|
-
* @default []
|
|
69
|
-
*/
|
|
70
|
-
readonly items: _angular_core.InputSignal<Iterable<T>>;
|
|
71
71
|
/**
|
|
72
72
|
* @description Sets the maximum height of the list.
|
|
73
73
|
* @default ""
|
|
@@ -112,7 +112,7 @@ declare class ListViewComponent<T = unknown> implements ListViewVariantInputs {
|
|
|
112
112
|
protected onPageSizeChange(event: PageSizeChangeEvent): void;
|
|
113
113
|
private setScrollBottomEvent;
|
|
114
114
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewComponent<any>, never>;
|
|
115
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListViewComponent<any>, "mona-list-view", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "
|
|
115
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListViewComponent<any>, "mona-list-view", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "listClass": { "alias": "listClass"; "required": false; "isSignal": true; }; "listItemClass": { "alias": "listItemClass"; "required": false; "isSignal": true; }; "listItemStyle": { "alias": "listItemStyle"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "scrollBottom": "scrollBottom"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate"], never, true, never>;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
declare class ListViewFooterTemplateDirective {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { GroupableOptions, ListKeySelector, ListSizeInputType, SelectableOptions, SelectionChangeEvent } from '@nanahoshi/mona-ui/internal/list';
|
|
1
|
+
export { GroupableOptions, LIST_DEFAULT_MESSAGES, ListKeySelector, ListSizeInputType, SelectableOptions, SelectionChangeEvent } from '@nanahoshi/mona-ui/internal/list';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
|
|
2
2
|
import { PopupMenuItemClickEvent, MenuItem, PopupMenuComponent, PopupMenuCheckboxItemComponent, PopupMenuOrigin, PopupMenuGroupComponent, PopupMenuItemComponent, PopupMenuRadioGroupComponent, PopupMenuRadioItemComponent, PopupMenuSeparatorComponent, PopupMenuNavigationEvent, PopupMenuGroupTemplateDirective, PopupMenuTemplateOrigin, PopupMenuIconTemplateDirective, PopupMenuShortcutTemplateDirective, PopupMenuTextTemplateDirective } from '@nanahoshi/mona-ui/popup-menu';
|
|
3
|
-
import * as
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
4
|
import { TemplateRef } from '@angular/core';
|
|
5
5
|
import { Subject } from 'rxjs';
|
|
6
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -14,64 +14,64 @@ declare class MenuComponent {
|
|
|
14
14
|
/**
|
|
15
15
|
* @description Sets the menu as disabled.
|
|
16
16
|
*/
|
|
17
|
-
readonly disabled:
|
|
18
|
-
readonly iconTemplate:
|
|
17
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
18
|
+
readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
19
19
|
/**
|
|
20
20
|
* @description Sets the items of the menu.
|
|
21
21
|
* If provided, it will override the menu items defined by the menu item components.
|
|
22
22
|
*/
|
|
23
|
-
readonly items:
|
|
24
|
-
readonly menuItems:
|
|
25
|
-
readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
|
|
23
|
+
readonly items: _angular_core.InputSignal<Iterable<MenuItem>>;
|
|
24
|
+
readonly menuItems: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
|
|
26
25
|
/**
|
|
27
26
|
* @description The text of the menu.
|
|
28
27
|
*/
|
|
29
|
-
readonly text:
|
|
28
|
+
readonly text: _angular_core.InputSignal<string>;
|
|
29
|
+
readonly textTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
30
30
|
readonly uid: string;
|
|
31
31
|
popupMenu: PopupMenuComponent | null;
|
|
32
|
-
static ɵfac:
|
|
33
|
-
static ɵcmp:
|
|
32
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
|
|
33
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "mona-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, ["menuItemComponents", "iconTemplate", "textTemplate"], never, true, never>;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
declare class MenuCheckboxItemComponent extends PopupMenuCheckboxItemComponent {
|
|
37
37
|
readonly origin = PopupMenuOrigin.MenubarMenu;
|
|
38
38
|
constructor();
|
|
39
|
-
static ɵfac:
|
|
40
|
-
static ɵcmp:
|
|
39
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
|
|
40
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "mona-menu-checkbox-item", never, {}, {}, never, never, true, never>;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
declare class MenuGroupComponent extends PopupMenuGroupComponent {
|
|
44
44
|
readonly origin = PopupMenuOrigin.MenubarMenu;
|
|
45
45
|
constructor();
|
|
46
|
-
static ɵfac:
|
|
47
|
-
static ɵcmp:
|
|
46
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
|
|
47
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuGroupComponent, "mona-menu-group", never, {}, {}, never, never, true, never>;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
declare class MenuItemComponent extends PopupMenuItemComponent {
|
|
51
51
|
readonly origin = PopupMenuOrigin.MenubarMenu;
|
|
52
52
|
constructor();
|
|
53
|
-
static ɵfac:
|
|
54
|
-
static ɵcmp:
|
|
53
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
|
|
54
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "mona-menu-item", never, {}, {}, never, never, true, never>;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
declare class MenuRadioGroupComponent extends PopupMenuRadioGroupComponent {
|
|
58
58
|
readonly origin = PopupMenuOrigin.MenubarMenu;
|
|
59
59
|
constructor();
|
|
60
|
-
static ɵfac:
|
|
61
|
-
static ɵcmp:
|
|
60
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
|
|
61
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioGroupComponent, "mona-menu-radio-group", never, {}, {}, never, never, true, never>;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
declare class MenuRadioItemComponent extends PopupMenuRadioItemComponent {
|
|
65
65
|
readonly origin = PopupMenuOrigin.MenubarMenu;
|
|
66
66
|
constructor();
|
|
67
|
-
static ɵfac:
|
|
68
|
-
static ɵcmp:
|
|
67
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
|
|
68
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "mona-menu-radio-item", never, {}, {}, never, never, true, never>;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
declare class MenuSeparatorComponent extends PopupMenuSeparatorComponent {
|
|
72
72
|
readonly origin = PopupMenuOrigin.MenubarMenu;
|
|
73
|
-
static ɵfac:
|
|
74
|
-
static ɵcmp:
|
|
73
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
|
|
74
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSeparatorComponent, "mona-menu-separator", never, {}, {}, never, never, true, never>;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
declare const menubarBaseThemeVariants: (props?: ({
|
|
@@ -90,49 +90,50 @@ type MenubarVariantInput = VariantInputs<MenubarVariantProps>;
|
|
|
90
90
|
|
|
91
91
|
declare class MenubarComponent implements MenubarVariantInput {
|
|
92
92
|
#private;
|
|
93
|
-
protected readonly
|
|
94
|
-
protected readonly
|
|
95
|
-
protected readonly
|
|
96
|
-
protected readonly
|
|
97
|
-
protected readonly
|
|
98
|
-
protected readonly
|
|
99
|
-
protected readonly
|
|
100
|
-
protected readonly
|
|
101
|
-
protected readonly
|
|
102
|
-
protected readonly
|
|
103
|
-
protected readonly
|
|
104
|
-
protected readonly
|
|
93
|
+
protected readonly isRtl: _angular_core.Signal<boolean>;
|
|
94
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
95
|
+
protected readonly baseClasses: _angular_core.Signal<string>;
|
|
96
|
+
protected readonly currentPopupElement: _angular_core.WritableSignal<HTMLElement | null>;
|
|
97
|
+
protected readonly currentPopupMenu: _angular_core.WritableSignal<PopupMenuComponent | null>;
|
|
98
|
+
protected readonly groupTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
99
|
+
protected readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
100
|
+
protected readonly listClasses: _angular_core.Signal<string>;
|
|
101
|
+
protected readonly listItemClasses: _angular_core.Signal<string>;
|
|
102
|
+
protected readonly menuItemIconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
103
|
+
protected readonly menuItemShortcutTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
104
|
+
protected readonly menuItemTextTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
105
|
+
protected readonly menuList: _angular_core.Signal<readonly MenuComponent[]>;
|
|
105
106
|
protected readonly navigate$: Subject<PopupMenuNavigationEvent>;
|
|
106
|
-
protected readonly popupMenuComponents:
|
|
107
|
-
protected readonly textTemplate:
|
|
107
|
+
protected readonly popupMenuComponents: _angular_core.Signal<readonly PopupMenuComponent[]>;
|
|
108
|
+
protected readonly textTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
108
109
|
/**
|
|
109
110
|
* @description ARIA label for the menubar.
|
|
110
111
|
*/
|
|
111
|
-
readonly ariaLabel:
|
|
112
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
112
113
|
/**
|
|
113
114
|
* @description ARIA labelledby for the menubar.
|
|
114
115
|
*/
|
|
115
|
-
readonly ariaLabelledby:
|
|
116
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string>;
|
|
116
117
|
/**
|
|
117
118
|
* @description Sets the disabled state of menubar.
|
|
118
119
|
*/
|
|
119
|
-
readonly disabled:
|
|
120
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
120
121
|
/**
|
|
121
122
|
* @description Emits when a menu item is clicked.
|
|
122
123
|
*/
|
|
123
|
-
readonly menuItemClick:
|
|
124
|
+
readonly menuItemClick: _angular_core.OutputEmitterRef<_nanahoshi_mona_ui_popup_menu.PopupMenuItemClickEvent>;
|
|
124
125
|
/**
|
|
125
|
-
* @description Sets the
|
|
126
|
+
* @description Sets the rounded style of the menubar.
|
|
126
127
|
*/
|
|
127
|
-
readonly
|
|
128
|
+
readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
|
|
128
129
|
/**
|
|
129
|
-
* @description Sets the
|
|
130
|
+
* @description Sets the size of the menubar.
|
|
130
131
|
*/
|
|
131
|
-
readonly
|
|
132
|
+
readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
|
|
132
133
|
/**
|
|
133
134
|
* @description Additional CSS classes to apply to the menubar, merged with the computed theme classes.
|
|
134
135
|
*/
|
|
135
|
-
readonly userClasses:
|
|
136
|
+
readonly userClasses: _angular_core.InputSignal<string>;
|
|
136
137
|
constructor();
|
|
137
138
|
protected onMenuBlur(event: FocusEvent): void;
|
|
138
139
|
protected onMenuClick(event: MouseEvent, item: MenuComponent): void;
|
|
@@ -155,42 +156,42 @@ declare class MenubarComponent implements MenubarVariantInput {
|
|
|
155
156
|
private setNavigationSubscription;
|
|
156
157
|
private setSubscriptions;
|
|
157
158
|
private updateCurrentMenuData;
|
|
158
|
-
static ɵfac:
|
|
159
|
-
static ɵcmp:
|
|
159
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarComponent, never>;
|
|
160
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarComponent, "mona-menubar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClasses": { "alias": "class"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, ["groupTemplate", "iconTemplate", "menuItemIconTemplate", "menuItemShortcutTemplate", "menuItemTextTemplate", "menuList", "textTemplate"], never, true, never>;
|
|
160
161
|
}
|
|
161
162
|
|
|
162
163
|
declare class MenuGroupTemplateDirective extends PopupMenuGroupTemplateDirective {
|
|
163
164
|
readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
|
|
164
|
-
static ɵfac:
|
|
165
|
-
static ɵdir:
|
|
165
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroupTemplateDirective, never>;
|
|
166
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuGroupTemplateDirective, "ng-template[monaMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
|
|
166
167
|
}
|
|
167
168
|
|
|
168
169
|
declare class MenuIconTemplateDirective {
|
|
169
|
-
static ɵfac:
|
|
170
|
-
static ɵdir:
|
|
170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuIconTemplateDirective, never>;
|
|
171
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuIconTemplateDirective, "ng-template[monaMenuIconTemplate]", never, {}, {}, never, never, true, never>;
|
|
171
172
|
}
|
|
172
173
|
|
|
173
174
|
declare class MenuItemIconTemplateDirective extends PopupMenuIconTemplateDirective {
|
|
174
175
|
readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
|
|
175
|
-
static ɵfac:
|
|
176
|
-
static ɵdir:
|
|
176
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemIconTemplateDirective, never>;
|
|
177
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemIconTemplateDirective, "ng-template[monaMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
|
|
177
178
|
}
|
|
178
179
|
|
|
179
180
|
declare class MenuItemShortcutTemplateDirective extends PopupMenuShortcutTemplateDirective {
|
|
180
181
|
readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
|
|
181
|
-
static ɵfac:
|
|
182
|
-
static ɵdir:
|
|
182
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemShortcutTemplateDirective, never>;
|
|
183
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemShortcutTemplateDirective, "ng-template[monaMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
|
|
183
184
|
}
|
|
184
185
|
|
|
185
186
|
declare class MenuItemTextTemplateDirective extends PopupMenuTextTemplateDirective {
|
|
186
187
|
readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
|
|
187
|
-
static ɵfac:
|
|
188
|
-
static ɵdir:
|
|
188
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemTextTemplateDirective, never>;
|
|
189
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemTextTemplateDirective, "ng-template[monaMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
|
|
189
190
|
}
|
|
190
191
|
|
|
191
192
|
declare class MenuTextTemplateDirective {
|
|
192
|
-
static ɵfac:
|
|
193
|
-
static ɵdir:
|
|
193
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTextTemplateDirective, never>;
|
|
194
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTextTemplateDirective, "ng-template[monaMenuTextTemplate]", never, {}, {}, never, never, true, never>;
|
|
194
195
|
}
|
|
195
196
|
|
|
196
197
|
export { MenuCheckboxItemComponent, MenuComponent, MenuGroupComponent, MenuGroupTemplateDirective, MenuIconTemplateDirective, MenuItemComponent, MenuItemIconTemplateDirective, MenuItemShortcutTemplateDirective, MenuItemTextTemplateDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSeparatorComponent, MenuTextTemplateDirective, MenubarComponent };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import * as _mirei_ts_collections from '@mirei/ts-collections';
|
|
2
|
+
import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
|
|
3
|
+
import { MonaMultiSelectMessages } from '@nanahoshi/mona-ui/i18n';
|
|
2
4
|
import * as _angular_core from '@angular/core';
|
|
3
5
|
import { TemplateRef } from '@angular/core';
|
|
4
6
|
import { FormValueControl } from '@angular/forms/signals';
|
|
@@ -51,6 +53,7 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
|
|
|
51
53
|
protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
52
54
|
protected readonly listId: string;
|
|
53
55
|
protected readonly listPopupClass: _angular_core.Signal<string>;
|
|
56
|
+
protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaMultiSelectMessages>;
|
|
54
57
|
protected readonly noDataTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
55
58
|
protected readonly popupTemplate: _angular_core.Signal<TemplateRef<any>>;
|
|
56
59
|
protected readonly prefixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
@@ -258,5 +261,7 @@ declare class MultiSelectTagTemplateDirective {
|
|
|
258
261
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MultiSelectTagTemplateDirective, "ng-template[monaMultiSelectTagTemplate]", never, {}, {}, never, never, true, never>;
|
|
259
262
|
}
|
|
260
263
|
|
|
261
|
-
|
|
264
|
+
declare const MULTI_SELECT_DEFAULT_MESSAGES: MonaMultiSelectMessages;
|
|
265
|
+
|
|
266
|
+
export { MULTI_SELECT_DEFAULT_MESSAGES, MultiSelectComponent, MultiSelectSummaryTagDirective, MultiSelectSummaryTagTemplateDirective, MultiSelectTagTemplateDirective };
|
|
262
267
|
export type { MultiSelectVariantProps };
|
|
@@ -23,8 +23,7 @@ interface NotificationOptions {
|
|
|
23
23
|
*/
|
|
24
24
|
closable?: boolean;
|
|
25
25
|
/**
|
|
26
|
-
* @description The accessible title/tooltip for the close button.
|
|
27
|
-
* @default "Close"
|
|
26
|
+
* @description The accessible title/tooltip for the close button. Defaults to localized "Close".
|
|
28
27
|
*/
|
|
29
28
|
closeTitle?: string;
|
|
30
29
|
/**
|
|
@@ -54,8 +53,7 @@ interface NotificationOptions {
|
|
|
54
53
|
*/
|
|
55
54
|
progressBar?: boolean;
|
|
56
55
|
/**
|
|
57
|
-
* @description The notification's title.
|
|
58
|
-
* @default a title derived from `type` (e.g. "Info", "Success", "Warning", "Error")
|
|
56
|
+
* @description The notification's title. Defaults to localized title derived from `type` (e.g. "Info", "Success", "Warning", "Error").
|
|
59
57
|
*/
|
|
60
58
|
title?: string;
|
|
61
59
|
/**
|
|
@@ -102,5 +100,13 @@ declare class NotificationService {
|
|
|
102
100
|
static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
|
|
103
101
|
}
|
|
104
102
|
|
|
105
|
-
|
|
103
|
+
declare const NOTIFICATION_DEFAULT_MESSAGES: {
|
|
104
|
+
close: string;
|
|
105
|
+
error: string;
|
|
106
|
+
info: string;
|
|
107
|
+
success: string;
|
|
108
|
+
warning: string;
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export { NOTIFICATION_DEFAULT_MESSAGES, NotificationService };
|
|
106
112
|
export type { NotificationOptions, NotificationPosition, NotificationRef, NotificationType };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
|
|
2
|
+
import { MonaNumericTextBoxMessages } from '@nanahoshi/mona-ui/i18n';
|
|
1
3
|
import * as _angular_core from '@angular/core';
|
|
2
4
|
import { Signal, TemplateRef, ElementRef } from '@angular/core';
|
|
3
5
|
import { FormValueControl } from '@angular/forms/signals';
|
|
@@ -18,17 +20,18 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
|
|
|
18
20
|
#private;
|
|
19
21
|
protected readonly beforeInput$: Subject<InputEvent>;
|
|
20
22
|
protected readonly classes: Signal<string>;
|
|
21
|
-
protected readonly inputClasses: Signal<string>;
|
|
22
23
|
protected readonly focused: _angular_core.WritableSignal<boolean>;
|
|
23
24
|
protected readonly formattedValue: Signal<string>;
|
|
25
|
+
protected readonly inputClasses: Signal<string>;
|
|
24
26
|
protected readonly invalidInput: Signal<boolean>;
|
|
25
27
|
protected readonly keydown$: Subject<KeyboardEvent>;
|
|
28
|
+
protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaNumericTextBoxMessages>;
|
|
29
|
+
protected readonly prefixTemplateList: Signal<readonly TemplateRef<any>[]>;
|
|
26
30
|
protected readonly rawInputValue: _angular_core.WritableSignal<string>;
|
|
31
|
+
protected readonly spin$: Subject<Sign>;
|
|
27
32
|
protected readonly spinButtonClasses: Signal<string>;
|
|
28
33
|
protected readonly spinButtonIconSize: Signal<20 | 16 | 14>;
|
|
29
|
-
protected readonly spin$: Subject<Sign>;
|
|
30
34
|
protected readonly spinStop$: Subject<void>;
|
|
31
|
-
protected readonly prefixTemplateList: Signal<readonly TemplateRef<any>[]>;
|
|
32
35
|
protected readonly valueChange$: Subject<string>;
|
|
33
36
|
protected readonly valueTextBoxRef: Signal<ElementRef<HTMLInputElement>>;
|
|
34
37
|
protected readonly wheel$: Subject<WheelEvent>;
|
|
@@ -37,10 +40,11 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
|
|
|
37
40
|
*/
|
|
38
41
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
39
42
|
/**
|
|
40
|
-
* @description Number of
|
|
43
|
+
* @description Number of fractional decimal places to display and accept. Values are truncated to an integer
|
|
44
|
+
* and clamped to the range 0–20. Non-finite and negative values normalize to 0.
|
|
41
45
|
* @default 0
|
|
42
46
|
*/
|
|
43
|
-
readonly decimals: _angular_core.
|
|
47
|
+
readonly decimals: _angular_core.InputSignalWithTransform<number, number>;
|
|
44
48
|
/**
|
|
45
49
|
* @description Sets whether the input is disabled.
|
|
46
50
|
*/
|
|
@@ -61,6 +65,12 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
|
|
|
61
65
|
* @description Emits when the inner input element loses focus.
|
|
62
66
|
*/
|
|
63
67
|
readonly inputFocusOut: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
68
|
+
/**
|
|
69
|
+
* @description Marks the numeric text box as invalid. When bound to a signal form field via `[formField]`,
|
|
70
|
+
* this is written by the `FormField` directive.
|
|
71
|
+
* @default false
|
|
72
|
+
*/
|
|
73
|
+
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
64
74
|
/**
|
|
65
75
|
* @description Maximum value that can be entered.
|
|
66
76
|
*/
|
|
@@ -81,12 +91,6 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
|
|
|
81
91
|
* @description Sets whether the input is required.
|
|
82
92
|
*/
|
|
83
93
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
84
|
-
/**
|
|
85
|
-
* @description Marks the numeric text box as invalid. When bound to a signal form field via `[formField]`,
|
|
86
|
-
* this is written by the `FormField` directive.
|
|
87
|
-
* @default false
|
|
88
|
-
*/
|
|
89
|
-
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
90
94
|
/**
|
|
91
95
|
* @description Sets the border radius of the input.
|
|
92
96
|
*/
|
|
@@ -136,9 +140,13 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
|
|
|
136
140
|
focus(): void;
|
|
137
141
|
increase(): void;
|
|
138
142
|
onBlur(event: FocusEvent): void;
|
|
143
|
+
protected applyRawValue(text: string): void;
|
|
144
|
+
private commitNumericValue;
|
|
139
145
|
private correctValue;
|
|
146
|
+
private formatEditValue;
|
|
140
147
|
private formatValueForDisplay;
|
|
141
|
-
protected
|
|
148
|
+
protected onPaste(event: ClipboardEvent): void;
|
|
149
|
+
private parseValue;
|
|
142
150
|
private setBeforeInputSubscription;
|
|
143
151
|
private setInputFocusSubscription;
|
|
144
152
|
private setKeydownSubscription;
|
|
@@ -146,9 +154,8 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
|
|
|
146
154
|
private setSubscriptions;
|
|
147
155
|
private setValueChangeSubscription;
|
|
148
156
|
private setWheelSubscription;
|
|
149
|
-
private parseValue;
|
|
150
157
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumericTextBoxComponent, never>;
|
|
151
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericTextBoxComponent, "mona-numeric-text-box", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "
|
|
158
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericTextBoxComponent, "mona-numeric-text-box", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "nullable": { "alias": "nullable"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spinners": { "alias": "spinners"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "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; }; }, { "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "inputFocusOut": "inputFocusOut"; "touch": "touch"; "value": "valueChange"; }, ["prefixTemplateList"], never, true, never>;
|
|
152
159
|
}
|
|
153
160
|
|
|
154
161
|
declare class NumericTextBoxPrefixTemplateDirective {
|
|
@@ -156,5 +163,7 @@ declare class NumericTextBoxPrefixTemplateDirective {
|
|
|
156
163
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NumericTextBoxPrefixTemplateDirective, "ng-template[monaNumericTextBoxPrefixTemplate]", never, {}, {}, never, never, true, never>;
|
|
157
164
|
}
|
|
158
165
|
|
|
159
|
-
|
|
166
|
+
declare const NUMERIC_TEXT_BOX_DEFAULT_MESSAGES: MonaNumericTextBoxMessages;
|
|
167
|
+
|
|
168
|
+
export { NUMERIC_TEXT_BOX_DEFAULT_MESSAGES, NumericTextBoxComponent, NumericTextBoxPrefixTemplateDirective };
|
|
160
169
|
export type { NumericTextboxVariantProps };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
|
|
2
|
+
import { MonaOtpInputMessages } from '@nanahoshi/mona-ui/i18n';
|
|
1
3
|
import * as _angular_core from '@angular/core';
|
|
2
4
|
import { ElementRef, TemplateRef } from '@angular/core';
|
|
3
5
|
import { FormValueControl } from '@angular/forms/signals';
|
|
@@ -30,6 +32,7 @@ interface OtpGroupViewModel {
|
|
|
30
32
|
slots: OtpSlotViewModel[];
|
|
31
33
|
}
|
|
32
34
|
declare class OtpInputComponent implements OtpInputVariantInput, FormValueControl<string> {
|
|
35
|
+
#private;
|
|
33
36
|
protected readonly activeSlotIndex: _angular_core.Signal<number>;
|
|
34
37
|
protected readonly classes: _angular_core.Signal<string>;
|
|
35
38
|
protected readonly computedAriaLabel: _angular_core.Signal<string | null>;
|
|
@@ -44,6 +47,7 @@ declare class OtpInputComponent implements OtpInputVariantInput, FormValueContro
|
|
|
44
47
|
protected readonly isComposing: _angular_core.WritableSignal<boolean>;
|
|
45
48
|
protected readonly logicalSelectionEnd: _angular_core.Signal<number>;
|
|
46
49
|
protected readonly logicalSelectionStart: _angular_core.Signal<number>;
|
|
50
|
+
protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaOtpInputMessages>;
|
|
47
51
|
protected readonly nativeInputType: _angular_core.Signal<"text" | "password">;
|
|
48
52
|
protected readonly normalizedLength: _angular_core.Signal<number>;
|
|
49
53
|
protected readonly sanitizedAttributes: _angular_core.Signal<AttributeConfig>;
|
|
@@ -53,9 +57,9 @@ declare class OtpInputComponent implements OtpInputVariantInput, FormValueContro
|
|
|
53
57
|
protected readonly visualGroups: _angular_core.Signal<OtpGroupViewModel[]>;
|
|
54
58
|
/**
|
|
55
59
|
* @description Accessible name for the inner `<input>` element.
|
|
56
|
-
* @default
|
|
60
|
+
* @default null
|
|
57
61
|
*/
|
|
58
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
62
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
59
63
|
/**
|
|
60
64
|
* @description Regular expression used to determine whether each individual OTP character is allowed.
|
|
61
65
|
* @default null
|
|
@@ -205,5 +209,7 @@ declare class OtpInputSeparatorTemplateDirective {
|
|
|
205
209
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OtpInputSeparatorTemplateDirective, "ng-template[monaOtpInputSeparatorTemplate]", never, {}, {}, never, never, true, never>;
|
|
206
210
|
}
|
|
207
211
|
|
|
208
|
-
|
|
212
|
+
declare const OTP_INPUT_DEFAULT_MESSAGES: MonaOtpInputMessages;
|
|
213
|
+
|
|
214
|
+
export { OTP_INPUT_DEFAULT_MESSAGES, OtpInputComponent, OtpInputSeparatorTemplateDirective };
|
|
209
215
|
export type { OtpInputSeparatorContext, OtpInputType, OtpInputVariantProps };
|