@nanahoshi/mona-ui 0.1.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 +25 -0
- package/fesm2022/nanahoshi-mona-ui-auto-complete.mjs +590 -0
- package/fesm2022/nanahoshi-mona-ui-avatar.mjs +168 -0
- package/fesm2022/nanahoshi-mona-ui-breadcrumb.mjs +220 -0
- package/fesm2022/nanahoshi-mona-ui-button-group.mjs +225 -0
- package/fesm2022/nanahoshi-mona-ui-button.mjs +497 -0
- package/fesm2022/nanahoshi-mona-ui-calendar.mjs +1569 -0
- package/fesm2022/nanahoshi-mona-ui-check-box.mjs +339 -0
- package/fesm2022/nanahoshi-mona-ui-chip.mjs +453 -0
- package/fesm2022/nanahoshi-mona-ui-circular-progress-bar.mjs +200 -0
- package/fesm2022/nanahoshi-mona-ui-color-gradient.mjs +853 -0
- package/fesm2022/nanahoshi-mona-ui-color-palette.mjs +923 -0
- package/fesm2022/nanahoshi-mona-ui-color-picker.mjs +495 -0
- package/fesm2022/nanahoshi-mona-ui-combo-box.mjs +686 -0
- package/fesm2022/nanahoshi-mona-ui-common.mjs +642 -0
- package/fesm2022/nanahoshi-mona-ui-contextmenu.mjs +485 -0
- package/fesm2022/nanahoshi-mona-ui-date-input.mjs +132 -0
- package/fesm2022/nanahoshi-mona-ui-date-picker.mjs +460 -0
- package/fesm2022/nanahoshi-mona-ui-datetime-picker.mjs +659 -0
- package/fesm2022/nanahoshi-mona-ui-dialog.mjs +828 -0
- package/fesm2022/nanahoshi-mona-ui-dropdown-button.mjs +523 -0
- package/fesm2022/nanahoshi-mona-ui-dropdown-list.mjs +615 -0
- package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs +701 -0
- package/fesm2022/nanahoshi-mona-ui-editor.mjs +1400 -0
- package/fesm2022/nanahoshi-mona-ui-expansion-panel.mjs +245 -0
- package/fesm2022/nanahoshi-mona-ui-fieldset.mjs +170 -0
- package/fesm2022/nanahoshi-mona-ui-filter.mjs +680 -0
- package/fesm2022/nanahoshi-mona-ui-grid-grid-footer-cell.component-B9SQH5N-.mjs +105 -0
- package/fesm2022/nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DlLwcCFT.mjs +42 -0
- package/fesm2022/nanahoshi-mona-ui-grid-grid-list.component-Dgea-O0X.mjs +130 -0
- package/fesm2022/nanahoshi-mona-ui-grid-grid-toggle.component-DIUutx9s.mjs +773 -0
- package/fesm2022/nanahoshi-mona-ui-grid-grid-virtual-list.component-DRHycGIh.mjs +240 -0
- package/fesm2022/nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C3eZIaJK.mjs +5374 -0
- package/fesm2022/nanahoshi-mona-ui-grid.mjs +2 -0
- package/fesm2022/nanahoshi-mona-ui-internal-filter-input.mjs +87 -0
- package/fesm2022/nanahoshi-mona-ui-internal-indicator-icon.mjs +154 -0
- package/fesm2022/nanahoshi-mona-ui-internal-list.mjs +1356 -0
- package/fesm2022/nanahoshi-mona-ui-internal-tree.mjs +2263 -0
- package/fesm2022/nanahoshi-mona-ui-internal.mjs +379 -0
- package/fesm2022/nanahoshi-mona-ui-list-box.mjs +630 -0
- package/fesm2022/nanahoshi-mona-ui-list-view.mjs +527 -0
- package/fesm2022/nanahoshi-mona-ui-list.mjs +4 -0
- package/fesm2022/nanahoshi-mona-ui-menubar.mjs +966 -0
- package/fesm2022/nanahoshi-mona-ui-multi-select.mjs +641 -0
- package/fesm2022/nanahoshi-mona-ui-notification.mjs +536 -0
- package/fesm2022/nanahoshi-mona-ui-numeric-text-box.mjs +597 -0
- package/fesm2022/nanahoshi-mona-ui-pager.mjs +790 -0
- package/fesm2022/nanahoshi-mona-ui-placeholder.mjs +83 -0
- package/fesm2022/nanahoshi-mona-ui-popover.mjs +325 -0
- package/fesm2022/nanahoshi-mona-ui-popup-menu.mjs +1559 -0
- package/fesm2022/nanahoshi-mona-ui-popup.mjs +1321 -0
- package/fesm2022/nanahoshi-mona-ui-progress-bar.mjs +294 -0
- package/fesm2022/nanahoshi-mona-ui-query.mjs +175 -0
- package/fesm2022/nanahoshi-mona-ui-radio-button.mjs +339 -0
- package/fesm2022/nanahoshi-mona-ui-scroll-view.mjs +565 -0
- package/fesm2022/nanahoshi-mona-ui-slider.mjs +1049 -0
- package/fesm2022/nanahoshi-mona-ui-split-button.mjs +636 -0
- package/fesm2022/nanahoshi-mona-ui-splitter.mjs +843 -0
- package/fesm2022/nanahoshi-mona-ui-stepper.mjs +537 -0
- package/fesm2022/nanahoshi-mona-ui-switch.mjs +308 -0
- package/fesm2022/nanahoshi-mona-ui-tabs.mjs +664 -0
- package/fesm2022/nanahoshi-mona-ui-text-area.mjs +111 -0
- package/fesm2022/nanahoshi-mona-ui-text-box.mjs +369 -0
- package/fesm2022/nanahoshi-mona-ui-theme.mjs +314 -0
- package/fesm2022/nanahoshi-mona-ui-time-picker.mjs +450 -0
- package/fesm2022/nanahoshi-mona-ui-time-selector.mjs +723 -0
- package/fesm2022/nanahoshi-mona-ui-tooltip.mjs +716 -0
- package/fesm2022/nanahoshi-mona-ui-tree-view.mjs +733 -0
- package/fesm2022/nanahoshi-mona-ui-window.mjs +1329 -0
- package/fesm2022/nanahoshi-mona-ui.mjs +9 -0
- package/package.json +289 -0
- package/types/nanahoshi-mona-ui-auto-complete.d.ts +223 -0
- package/types/nanahoshi-mona-ui-avatar.d.ts +642 -0
- package/types/nanahoshi-mona-ui-breadcrumb.d.ts +70 -0
- package/types/nanahoshi-mona-ui-button-group.d.ts +77 -0
- package/types/nanahoshi-mona-ui-button.d.ts +111 -0
- package/types/nanahoshi-mona-ui-calendar.d.ts +262 -0
- package/types/nanahoshi-mona-ui-check-box.d.ts +133 -0
- package/types/nanahoshi-mona-ui-chip.d.ts +130 -0
- package/types/nanahoshi-mona-ui-circular-progress-bar.d.ts +113 -0
- package/types/nanahoshi-mona-ui-color-gradient.d.ts +201 -0
- package/types/nanahoshi-mona-ui-color-palette.d.ts +102 -0
- package/types/nanahoshi-mona-ui-color-picker.d.ts +156 -0
- package/types/nanahoshi-mona-ui-combo-box.d.ts +232 -0
- package/types/nanahoshi-mona-ui-common.d.ts +386 -0
- package/types/nanahoshi-mona-ui-contextmenu.d.ts +129 -0
- package/types/nanahoshi-mona-ui-date-input.d.ts +60 -0
- package/types/nanahoshi-mona-ui-date-picker.d.ts +177 -0
- package/types/nanahoshi-mona-ui-datetime-picker.d.ts +199 -0
- package/types/nanahoshi-mona-ui-dialog.d.ts +261 -0
- package/types/nanahoshi-mona-ui-dropdown-button.d.ts +159 -0
- package/types/nanahoshi-mona-ui-dropdown-list.d.ts +219 -0
- package/types/nanahoshi-mona-ui-dropdowns.d.ts +176 -0
- package/types/nanahoshi-mona-ui-editor.d.ts +113 -0
- package/types/nanahoshi-mona-ui-expansion-panel.d.ts +87 -0
- package/types/nanahoshi-mona-ui-fieldset.d.ts +68 -0
- package/types/nanahoshi-mona-ui-filter.d.ts +115 -0
- package/types/nanahoshi-mona-ui-grid.d.ts +1114 -0
- package/types/nanahoshi-mona-ui-internal-filter-input.d.ts +25 -0
- package/types/nanahoshi-mona-ui-internal-indicator-icon.d.ts +28 -0
- package/types/nanahoshi-mona-ui-internal-list.d.ts +269 -0
- package/types/nanahoshi-mona-ui-internal-tree.d.ts +391 -0
- package/types/nanahoshi-mona-ui-internal.d.ts +136 -0
- package/types/nanahoshi-mona-ui-list-box.d.ts +225 -0
- package/types/nanahoshi-mona-ui-list-view.d.ts +188 -0
- package/types/nanahoshi-mona-ui-list.d.ts +1 -0
- package/types/nanahoshi-mona-ui-menubar.d.ts +198 -0
- package/types/nanahoshi-mona-ui-multi-select.d.ts +247 -0
- package/types/nanahoshi-mona-ui-notification.d.ts +106 -0
- package/types/nanahoshi-mona-ui-numeric-text-box.d.ts +161 -0
- package/types/nanahoshi-mona-ui-pager.d.ts +238 -0
- package/types/nanahoshi-mona-ui-placeholder.d.ts +35 -0
- package/types/nanahoshi-mona-ui-popover.d.ts +130 -0
- package/types/nanahoshi-mona-ui-popup-menu.d.ts +412 -0
- package/types/nanahoshi-mona-ui-popup.d.ts +485 -0
- package/types/nanahoshi-mona-ui-progress-bar.d.ts +139 -0
- package/types/nanahoshi-mona-ui-query.d.ts +89 -0
- package/types/nanahoshi-mona-ui-radio-button.d.ts +128 -0
- package/types/nanahoshi-mona-ui-scroll-view.d.ts +166 -0
- package/types/nanahoshi-mona-ui-slider.d.ts +305 -0
- package/types/nanahoshi-mona-ui-split-button.d.ts +182 -0
- package/types/nanahoshi-mona-ui-splitter.d.ts +70 -0
- package/types/nanahoshi-mona-ui-stepper.d.ts +173 -0
- package/types/nanahoshi-mona-ui-switch.d.ts +125 -0
- package/types/nanahoshi-mona-ui-tabs.d.ts +158 -0
- package/types/nanahoshi-mona-ui-text-area.d.ts +42 -0
- package/types/nanahoshi-mona-ui-text-box.d.ts +164 -0
- package/types/nanahoshi-mona-ui-theme.d.ts +23 -0
- package/types/nanahoshi-mona-ui-time-picker.d.ts +184 -0
- package/types/nanahoshi-mona-ui-time-selector.d.ts +143 -0
- package/types/nanahoshi-mona-ui-tooltip.d.ts +130 -0
- package/types/nanahoshi-mona-ui-tree-view.d.ts +274 -0
- package/types/nanahoshi-mona-ui-window.d.ts +295 -0
- package/types/nanahoshi-mona-ui.d.ts +2 -0
|
@@ -0,0 +1,412 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Signal, TemplateRef, ElementRef, InjectionToken, OnInit } from '@angular/core';
|
|
3
|
+
import * as _mirei_ts_collections from '@mirei/ts-collections';
|
|
4
|
+
import { PopupCloseEvent, PopupRef, ConnectionPoint, PopupOffset } from '@nanahoshi/mona-ui/popup';
|
|
5
|
+
import { PreventableEvent } from '@nanahoshi/mona-ui/common';
|
|
6
|
+
import { Subject } from 'rxjs';
|
|
7
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
|
+
import { VariantProps } from 'class-variance-authority';
|
|
9
|
+
import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
|
|
10
|
+
import { VariantInputs } from '@nanahoshi/mona-ui/internal';
|
|
11
|
+
import * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
|
|
12
|
+
|
|
13
|
+
declare class PopupMenuCloseEvent extends PreventableEvent {
|
|
14
|
+
constructor(originalEvent?: PopupCloseEvent);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare class PopupMenuItemClickEvent extends PreventableEvent {
|
|
18
|
+
#private;
|
|
19
|
+
constructor(item: PopupMenuItem, originalEvent: MouseEvent);
|
|
20
|
+
get item(): PopupMenuItem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
interface PopupMenuItem {
|
|
24
|
+
checkable?: boolean;
|
|
25
|
+
checked?: Signal<boolean>;
|
|
26
|
+
click$?: Subject<PopupMenuItemClickEvent>;
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
group: string | symbol;
|
|
29
|
+
groupTemplate: Signal<TemplateRef<any> | null> | null;
|
|
30
|
+
iconTemplate: Signal<TemplateRef<any> | null> | null;
|
|
31
|
+
items: PopupMenuItem[];
|
|
32
|
+
label: string;
|
|
33
|
+
radio?: boolean;
|
|
34
|
+
selected?: Signal<boolean>;
|
|
35
|
+
separator?: boolean;
|
|
36
|
+
shortcutTemplate: Signal<TemplateRef<any> | null> | null;
|
|
37
|
+
textTemplate: Signal<TemplateRef<any> | null> | null;
|
|
38
|
+
uid: string;
|
|
39
|
+
value?: Signal<string>;
|
|
40
|
+
}
|
|
41
|
+
interface MenuItem {
|
|
42
|
+
checkable?: boolean;
|
|
43
|
+
checked?: boolean;
|
|
44
|
+
disabled?: boolean;
|
|
45
|
+
group?: string;
|
|
46
|
+
items?: MenuItem[];
|
|
47
|
+
label: string;
|
|
48
|
+
separator?: boolean;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
interface PopupMenuNavigationEvent {
|
|
52
|
+
direction: "up" | "down" | "left" | "right";
|
|
53
|
+
item: PopupMenuItem | null;
|
|
54
|
+
level: number;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
declare const popupMenuBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
|
|
58
|
+
rounded?: "small" | "medium" | "large" | "none" | null | undefined;
|
|
59
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
|
+
declare const popupMenuContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
|
|
61
|
+
rounded?: "small" | "medium" | "large" | "none" | null | undefined;
|
|
62
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
63
|
+
declare const popupMenuGroupHeaderThemeVariants: (theme: ThemeStyle) => (props?: ({
|
|
64
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
65
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
66
|
+
declare const popupMenuIconContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
67
|
+
declare const popupMenuItemThemeVariants: (theme: ThemeStyle) => (props?: ({
|
|
68
|
+
rounded?: "small" | "medium" | "large" | "none" | null | undefined;
|
|
69
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
70
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
71
|
+
declare const popupMenuLinkThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
72
|
+
type PopupMenuBaseVariantProps = VariantProps<ReturnType<typeof popupMenuBaseThemeVariants>>;
|
|
73
|
+
type PopupMenuContainerVariantProps = VariantProps<ReturnType<typeof popupMenuContainerThemeVariants>>;
|
|
74
|
+
type PopupMenuGroupHeaderVariantProps = VariantProps<ReturnType<typeof popupMenuGroupHeaderThemeVariants>>;
|
|
75
|
+
type PopupMenuIconContainerVariantProps = VariantProps<ReturnType<typeof popupMenuIconContainerThemeVariants>>;
|
|
76
|
+
type PopupMenuItemVariantProps = VariantProps<ReturnType<typeof popupMenuItemThemeVariants>>;
|
|
77
|
+
type PopupMenuLinkVariantProps = VariantProps<ReturnType<typeof popupMenuLinkThemeVariants>>;
|
|
78
|
+
type PopupMenuVariantProps = PopupMenuBaseVariantProps & PopupMenuContainerVariantProps & PopupMenuGroupHeaderVariantProps & PopupMenuIconContainerVariantProps & PopupMenuItemVariantProps & PopupMenuLinkVariantProps;
|
|
79
|
+
type PopupMenuVariantInput = VariantInputs<PopupMenuVariantProps>;
|
|
80
|
+
|
|
81
|
+
declare class PopupMenuComponent implements PopupMenuVariantInput {
|
|
82
|
+
#private;
|
|
83
|
+
private readonly groupTemplateConfig;
|
|
84
|
+
private readonly iconTemplateConfig;
|
|
85
|
+
private readonly nestedComponents;
|
|
86
|
+
private readonly shortcutTemplateConfig;
|
|
87
|
+
private readonly textTemplateConfig;
|
|
88
|
+
protected readonly menuItems: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_mirei_ts_collections.IGroup<string | symbol, PopupMenuItem>>>;
|
|
89
|
+
protected popupRef: PopupRef | null;
|
|
90
|
+
/**
|
|
91
|
+
* @description The anchor element that the context menu will be anchored to.
|
|
92
|
+
* Only applicable when `precise` is set to `false`.
|
|
93
|
+
*/
|
|
94
|
+
readonly anchor: _angular_core.InputSignal<Element | ElementRef<HTMLElement> | undefined>;
|
|
95
|
+
/**
|
|
96
|
+
* @description The anchor connection point of the popup menu.
|
|
97
|
+
* Only applicable when `precise` is set to `false`.
|
|
98
|
+
*/
|
|
99
|
+
readonly anchorConnectionPoint: _angular_core.InputSignal<ConnectionPoint | null | undefined>;
|
|
100
|
+
/**
|
|
101
|
+
* @description The event that is emitted when the popup menu is closed.
|
|
102
|
+
*/
|
|
103
|
+
readonly close: _angular_core.OutputEmitterRef<PopupMenuCloseEvent>;
|
|
104
|
+
/**
|
|
105
|
+
* @description The items to render in the popup menu.
|
|
106
|
+
* If provided, it will override the menu items defined by projected menu item components.
|
|
107
|
+
*/
|
|
108
|
+
readonly items: _angular_core.InputSignal<Iterable<PopupMenuItem | MenuItem>>;
|
|
109
|
+
/**
|
|
110
|
+
* @description The event that is emitted when a menu item is clicked.
|
|
111
|
+
*/
|
|
112
|
+
readonly menuClick: _angular_core.OutputEmitterRef<PopupMenuItemClickEvent>;
|
|
113
|
+
/**
|
|
114
|
+
* @description The id of the popup menu's root element.
|
|
115
|
+
*/
|
|
116
|
+
readonly menuId: _angular_core.InputSignal<string>;
|
|
117
|
+
/**
|
|
118
|
+
* @description Sets the minimum width of the popup menu.
|
|
119
|
+
* This will be applied to the root menu and all submenus.
|
|
120
|
+
*/
|
|
121
|
+
readonly minWidth: _angular_core.InputSignal<string | number | undefined>;
|
|
122
|
+
/**
|
|
123
|
+
* @description The event that is emitted when the popup menu is navigated.
|
|
124
|
+
* This is used to handle keyboard navigation within the popup menu.
|
|
125
|
+
*/
|
|
126
|
+
readonly navigate: _angular_core.OutputEmitterRef<PopupMenuNavigationEvent>;
|
|
127
|
+
/**
|
|
128
|
+
* @description The offset of the popup menu from the anchor element.
|
|
129
|
+
*/
|
|
130
|
+
readonly offset: _angular_core.InputSignal<PopupOffset | undefined>;
|
|
131
|
+
/**
|
|
132
|
+
* @description The event that is emitted when the popup menu is opened.
|
|
133
|
+
*/
|
|
134
|
+
readonly open: _angular_core.OutputEmitterRef<void>;
|
|
135
|
+
/**
|
|
136
|
+
* @description The connection point of the popup element to which the anchor will be connected.
|
|
137
|
+
* Only applicable when `precise` is set to `false`.
|
|
138
|
+
*/
|
|
139
|
+
readonly popupConnectionPoint: _angular_core.InputSignal<ConnectionPoint | null | undefined>;
|
|
140
|
+
/**
|
|
141
|
+
* @description Whether the context menu should be opened with precise positioning.
|
|
142
|
+
* If true, the context menu will be positioned at the mouse cursor position.
|
|
143
|
+
* If false, it will be positioned at the target element. If an anchor is provided, it will be anchored to that element.
|
|
144
|
+
*/
|
|
145
|
+
readonly precise: _angular_core.InputSignal<boolean>;
|
|
146
|
+
/**
|
|
147
|
+
* @description Sets the border radius of the popup menu.
|
|
148
|
+
* This will be applied to the root menu and all submenus.
|
|
149
|
+
*/
|
|
150
|
+
readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
|
|
151
|
+
/**
|
|
152
|
+
* @description Sets the size of the popup menu.
|
|
153
|
+
* This will be applied to the root menu and all submenus.
|
|
154
|
+
*/
|
|
155
|
+
readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
|
|
156
|
+
/**
|
|
157
|
+
* @description The target element that will be used to trigger the popup menu.
|
|
158
|
+
*/
|
|
159
|
+
readonly target: _angular_core.InputSignal<Element | ElementRef<HTMLElement>>;
|
|
160
|
+
/**
|
|
161
|
+
* @description The event that triggers the popup menu.
|
|
162
|
+
*/
|
|
163
|
+
readonly trigger: _angular_core.InputSignal<string>;
|
|
164
|
+
/**
|
|
165
|
+
* @description Sets the width of the popup menu.
|
|
166
|
+
* This will be applied to the root menu and all submenus.
|
|
167
|
+
*/
|
|
168
|
+
readonly width: _angular_core.InputSignal<string | number | undefined>;
|
|
169
|
+
constructor();
|
|
170
|
+
clearFocusRestoration(): void;
|
|
171
|
+
closeMenu(): void;
|
|
172
|
+
openMenu(viaContextMenuKey: boolean): void;
|
|
173
|
+
openMenuViaKeyboard(viaContextMenuKey?: boolean): void;
|
|
174
|
+
setRestoreFocusForKeyboard(): void;
|
|
175
|
+
private createMenu;
|
|
176
|
+
private getPopupAnchor;
|
|
177
|
+
private setMenuItemClickSubscription;
|
|
178
|
+
private setNavigationSubscription;
|
|
179
|
+
private setSubscriptions;
|
|
180
|
+
private setTriggerSubscription;
|
|
181
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuComponent, never>;
|
|
182
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuComponent, "mona-popup-menu", never, { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "anchorConnectionPoint": { "alias": "anchorConnectionPoint"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "menuId": { "alias": "id"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "popupConnectionPoint": { "alias": "popupConnectionPoint"; "required": false; "isSignal": true; }; "precise": { "alias": "precise"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": true; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; "menuClick": "menuClick"; "navigate": "navigate"; "open": "open"; }, ["groupTemplateConfig", "iconTemplateConfig", "nestedComponents", "shortcutTemplateConfig", "textTemplateConfig"], never, true, never>;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
declare const PopupMenuToken: InjectionToken<PopupMenuConfig>;
|
|
186
|
+
declare const PopupMenuRadioItemToken: InjectionToken<PopupMenuConfig>;
|
|
187
|
+
declare const PopupMenuGroupTemplateToken: InjectionToken<PopupTemplateConfig>;
|
|
188
|
+
declare const PopupMenuIconTemplateToken: InjectionToken<PopupTemplateConfig>;
|
|
189
|
+
declare const PopupMenuShortcutTemplateToken: InjectionToken<PopupTemplateConfig>;
|
|
190
|
+
declare const PopupMenuTextTemplateToken: InjectionToken<PopupTemplateConfig>;
|
|
191
|
+
interface PopupMenuConfig {
|
|
192
|
+
getPopupMenuItem: () => PopupMenuItem[];
|
|
193
|
+
readonly origin: PopupMenuOrigin;
|
|
194
|
+
readonly type: PopupMenuItemType;
|
|
195
|
+
}
|
|
196
|
+
interface PopupTemplateConfig {
|
|
197
|
+
readonly origin: PopupMenuTemplateOrigin;
|
|
198
|
+
readonly template: TemplateRef<any>;
|
|
199
|
+
readonly type: PopupMenuTemplateType;
|
|
200
|
+
}
|
|
201
|
+
declare enum PopupMenuOrigin {
|
|
202
|
+
Popup = 1,
|
|
203
|
+
ContextMenu = 2,
|
|
204
|
+
DropdownButton = 3,
|
|
205
|
+
SplitButton = 4,
|
|
206
|
+
MenubarMenu = 5
|
|
207
|
+
}
|
|
208
|
+
declare enum PopupMenuItemType {
|
|
209
|
+
CheckboxMenuItem = 1,
|
|
210
|
+
MenuItem = 2,
|
|
211
|
+
MenuGroup = 3,
|
|
212
|
+
RadioGroup = 4,
|
|
213
|
+
RadioItem = 5,
|
|
214
|
+
Separator = 6
|
|
215
|
+
}
|
|
216
|
+
declare enum PopupMenuTemplateOrigin {
|
|
217
|
+
Popup = 1,
|
|
218
|
+
ContextMenu = 2,
|
|
219
|
+
DropdownButton = 3,
|
|
220
|
+
SplitButton = 4,
|
|
221
|
+
MenubarMenu = 5
|
|
222
|
+
}
|
|
223
|
+
declare enum PopupMenuTemplateType {
|
|
224
|
+
Group = 1,
|
|
225
|
+
Icon = 2,
|
|
226
|
+
Shortcut = 3,
|
|
227
|
+
Text = 4
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
declare class PopupMenuCheckboxItemComponent implements PopupMenuConfig, OnInit {
|
|
231
|
+
#private;
|
|
232
|
+
protected readonly shortcutTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
233
|
+
protected readonly textTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
234
|
+
/**
|
|
235
|
+
* @description Sets the checked state of the menu item.
|
|
236
|
+
*/
|
|
237
|
+
readonly checked: _angular_core.InputSignal<boolean>;
|
|
238
|
+
/**
|
|
239
|
+
* @description Emits when the checked state of the menu item changes.
|
|
240
|
+
*/
|
|
241
|
+
readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
242
|
+
/**
|
|
243
|
+
* @description Sets the disabled state of the menu item.
|
|
244
|
+
*/
|
|
245
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
246
|
+
/**
|
|
247
|
+
* @description The text of the menu item.
|
|
248
|
+
*/
|
|
249
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
250
|
+
/**
|
|
251
|
+
* @description The click event of the menu item.
|
|
252
|
+
* Emits when the menu item is selected by keyboard or mouse.
|
|
253
|
+
*/
|
|
254
|
+
readonly menuClick: _angular_core.OutputEmitterRef<PopupMenuItemClickEvent>;
|
|
255
|
+
readonly origin: PopupMenuOrigin;
|
|
256
|
+
readonly type = PopupMenuItemType.CheckboxMenuItem;
|
|
257
|
+
getPopupMenuItem(): PopupMenuItem[];
|
|
258
|
+
ngOnInit(): void;
|
|
259
|
+
private setSubscriptions;
|
|
260
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuCheckboxItemComponent, never>;
|
|
261
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuCheckboxItemComponent, "mona-popup-menu-checkbox-item", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "menuClick": "menuClick"; }, ["shortcutTemplateConfig", "textTemplateConfig"], never, true, never>;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
declare class PopupMenuItemComponent implements PopupMenuConfig, OnInit {
|
|
265
|
+
#private;
|
|
266
|
+
protected readonly iconTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
267
|
+
protected readonly items: _angular_core.Signal<readonly PopupMenuConfig[]>;
|
|
268
|
+
protected readonly shortcutTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
269
|
+
protected readonly textTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
270
|
+
/**
|
|
271
|
+
* @description Sets the disabled state of the menu item.
|
|
272
|
+
*/
|
|
273
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
274
|
+
/**
|
|
275
|
+
* @description The text of the menu item.
|
|
276
|
+
*/
|
|
277
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
278
|
+
/**
|
|
279
|
+
* @description The click event of the menu item.
|
|
280
|
+
* Emits when the menu item is selected by keyboard or mouse.
|
|
281
|
+
*/
|
|
282
|
+
readonly menuClick: _angular_core.OutputEmitterRef<PopupMenuItemClickEvent>;
|
|
283
|
+
readonly origin: PopupMenuOrigin;
|
|
284
|
+
readonly type: PopupMenuItemType;
|
|
285
|
+
getPopupMenuItem(): PopupMenuItem[];
|
|
286
|
+
ngOnInit(): void;
|
|
287
|
+
private setSubscriptions;
|
|
288
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuItemComponent, never>;
|
|
289
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuItemComponent, "mona-popup-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "menuClick": "menuClick"; }, ["iconTemplateConfig", "items", "shortcutTemplateConfig", "textTemplateConfig"], never, true, never>;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
declare class PopupMenuGroupComponent implements PopupMenuConfig {
|
|
293
|
+
protected readonly groupTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
294
|
+
protected readonly items: _angular_core.Signal<readonly PopupMenuConfig[]>;
|
|
295
|
+
readonly origin: PopupMenuOrigin;
|
|
296
|
+
/**
|
|
297
|
+
* @description Sets the title of the menu group.
|
|
298
|
+
*/
|
|
299
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
300
|
+
readonly type = PopupMenuItemType.MenuGroup;
|
|
301
|
+
getPopupMenuItem(): PopupMenuItem[];
|
|
302
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuGroupComponent, never>;
|
|
303
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuGroupComponent, "mona-popup-menu-group", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; }, {}, ["groupTemplateConfig", "items"], never, true, never>;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
declare class PopupMenuRadioGroupComponent implements PopupMenuConfig, OnInit {
|
|
307
|
+
#private;
|
|
308
|
+
protected readonly groupTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
309
|
+
protected readonly items: _angular_core.Signal<readonly PopupMenuConfig[]>;
|
|
310
|
+
readonly origin: PopupMenuOrigin;
|
|
311
|
+
/**
|
|
312
|
+
* @description The title of the radio group.
|
|
313
|
+
*/
|
|
314
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
315
|
+
readonly type = PopupMenuItemType.RadioGroup;
|
|
316
|
+
/**
|
|
317
|
+
* @description The value of the selected radio item.
|
|
318
|
+
*/
|
|
319
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
320
|
+
getPopupMenuItem(): PopupMenuItem[];
|
|
321
|
+
ngOnInit(): void;
|
|
322
|
+
private setSubscription;
|
|
323
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuRadioGroupComponent, never>;
|
|
324
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuRadioGroupComponent, "mona-popup-menu-radio-group", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["groupTemplateConfig", "items"], never, true, never>;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
declare class PopupMenuRadioItemComponent implements PopupMenuConfig, OnInit {
|
|
328
|
+
#private;
|
|
329
|
+
protected readonly shortcutTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
330
|
+
protected readonly textTemplateConfig: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupTemplateConfig | undefined>;
|
|
331
|
+
/**
|
|
332
|
+
* @description Sets the disabled state of the menu item.
|
|
333
|
+
*/
|
|
334
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
335
|
+
/**
|
|
336
|
+
* @description The text of the menu item.
|
|
337
|
+
*/
|
|
338
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
339
|
+
/**
|
|
340
|
+
* @description The click event of the menu item.
|
|
341
|
+
* Emits when the menu item is selected by keyboard or mouse.
|
|
342
|
+
*/
|
|
343
|
+
readonly menuClick: _angular_core.OutputEmitterRef<PopupMenuItemClickEvent>;
|
|
344
|
+
readonly origin: PopupMenuOrigin;
|
|
345
|
+
readonly type = PopupMenuItemType.RadioItem;
|
|
346
|
+
/**
|
|
347
|
+
* @description The value of the radio item.
|
|
348
|
+
*/
|
|
349
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
350
|
+
getPopupMenuItem(): PopupMenuItem[];
|
|
351
|
+
ngOnInit(): void;
|
|
352
|
+
private setSubscription;
|
|
353
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuRadioItemComponent, never>;
|
|
354
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuRadioItemComponent, "mona-popup-menu-radio-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, { "menuClick": "menuClick"; }, ["shortcutTemplateConfig", "textTemplateConfig"], never, true, never>;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
declare class PopupMenuSeparatorComponent implements PopupMenuConfig {
|
|
358
|
+
readonly origin: PopupMenuOrigin;
|
|
359
|
+
readonly type = PopupMenuItemType.Separator;
|
|
360
|
+
getPopupMenuItem(): PopupMenuItem[];
|
|
361
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuSeparatorComponent, never>;
|
|
362
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupMenuSeparatorComponent, "mona-popup-menu-separator", never, {}, {}, never, never, true, never>;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
declare class PopupMenuGroupTemplateDirective implements PopupTemplateConfig {
|
|
366
|
+
readonly origin: PopupMenuTemplateOrigin;
|
|
367
|
+
readonly template: TemplateRef<any>;
|
|
368
|
+
readonly type = PopupMenuTemplateType.Group;
|
|
369
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuGroupTemplateDirective, never>;
|
|
370
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopupMenuGroupTemplateDirective, "ng-template[monaPopupMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
declare class PopupMenuIconTemplateDirective implements PopupTemplateConfig {
|
|
374
|
+
readonly origin: PopupMenuTemplateOrigin;
|
|
375
|
+
readonly template: TemplateRef<any>;
|
|
376
|
+
readonly type: PopupMenuTemplateType;
|
|
377
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuIconTemplateDirective, never>;
|
|
378
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopupMenuIconTemplateDirective, "ng-template[monaPopupMenuIconTemplate]", never, {}, {}, never, never, true, never>;
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
declare class PopupMenuShortcutTemplateDirective implements PopupTemplateConfig {
|
|
382
|
+
readonly origin: PopupMenuTemplateOrigin;
|
|
383
|
+
readonly template: TemplateRef<any>;
|
|
384
|
+
readonly type: PopupMenuTemplateType;
|
|
385
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuShortcutTemplateDirective, never>;
|
|
386
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopupMenuShortcutTemplateDirective, "ng-template[monaPopupMenuShortcutTemplate]", never, {}, {}, never, never, true, never>;
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
declare class PopupMenuTextTemplateDirective implements PopupTemplateConfig {
|
|
390
|
+
readonly origin: PopupMenuTemplateOrigin;
|
|
391
|
+
readonly template: TemplateRef<any>;
|
|
392
|
+
readonly type: PopupMenuTemplateType;
|
|
393
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupMenuTextTemplateDirective, never>;
|
|
394
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopupMenuTextTemplateDirective, "ng-template[monaPopupMenuTextTemplate]", never, {}, {}, never, never, true, never>;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
declare const ensurePopupComponentTypes: (params: {
|
|
398
|
+
components: Iterable<PopupMenuConfig>;
|
|
399
|
+
componentTypeMap: Record<PopupMenuItemType, string>;
|
|
400
|
+
origin: PopupMenuOrigin;
|
|
401
|
+
prefix: string;
|
|
402
|
+
}) => void;
|
|
403
|
+
declare const ensurePopupTemplateTypes: (params: {
|
|
404
|
+
templates: Iterable<PopupTemplateConfig>;
|
|
405
|
+
templateTypeMap: Record<PopupMenuTemplateType, string>;
|
|
406
|
+
origin: PopupMenuTemplateOrigin;
|
|
407
|
+
prefix: string;
|
|
408
|
+
}) => void;
|
|
409
|
+
declare const preparePopupMenuItems: (items: Iterable<MenuItem>) => PopupMenuItem[];
|
|
410
|
+
|
|
411
|
+
export { PopupMenuCheckboxItemComponent, PopupMenuCloseEvent, PopupMenuComponent, PopupMenuGroupComponent, PopupMenuGroupTemplateDirective, PopupMenuGroupTemplateToken, PopupMenuIconTemplateDirective, PopupMenuIconTemplateToken, PopupMenuItemClickEvent, PopupMenuItemComponent, PopupMenuItemType, PopupMenuOrigin, PopupMenuRadioGroupComponent, PopupMenuRadioItemComponent, PopupMenuRadioItemToken, PopupMenuSeparatorComponent, PopupMenuShortcutTemplateDirective, PopupMenuShortcutTemplateToken, PopupMenuTemplateOrigin, PopupMenuTemplateType, PopupMenuTextTemplateDirective, PopupMenuTextTemplateToken, PopupMenuToken, ensurePopupComponentTypes, ensurePopupTemplateTypes, preparePopupMenuItems };
|
|
412
|
+
export type { MenuItem, PopupMenuConfig, PopupMenuItem, PopupMenuNavigationEvent, PopupMenuVariantInput, PopupMenuVariantProps, PopupTemplateConfig };
|