@ojiepermana/angular 22.1.13 → 22.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -6
- package/SUPPORT.md +3 -3
- package/chart/README.md +1 -1
- package/component/README.md +2 -2
- package/component/calendar/README.md +3 -15
- package/component/drawer/README.md +1 -2
- package/fesm2022/ojiepermana-angular-chart-area.mjs +352 -137
- package/fesm2022/ojiepermana-angular-chart-bar.mjs +744 -524
- package/fesm2022/ojiepermana-angular-chart-core.mjs +1140 -1344
- package/fesm2022/ojiepermana-angular-chart-line.mjs +393 -147
- package/fesm2022/ojiepermana-angular-chart-pie.mjs +408 -179
- package/fesm2022/ojiepermana-angular-chart-primitives.mjs +1262 -920
- package/fesm2022/ojiepermana-angular-chart-radar.mjs +473 -205
- package/fesm2022/ojiepermana-angular-chart-radial.mjs +425 -182
- package/fesm2022/ojiepermana-angular-chart-scatter.mjs +386 -210
- package/fesm2022/ojiepermana-angular-chart.mjs +3 -19
- package/fesm2022/ojiepermana-angular-component-accordion.mjs +485 -243
- package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +963 -325
- package/fesm2022/ojiepermana-angular-component-alert.mjs +266 -103
- package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +80 -35
- package/fesm2022/ojiepermana-angular-component-avatar.mjs +402 -135
- package/fesm2022/ojiepermana-angular-component-badge.mjs +109 -59
- package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +410 -142
- package/fesm2022/ojiepermana-angular-component-button-group.mjs +249 -96
- package/fesm2022/ojiepermana-angular-component-button.mjs +153 -75
- package/fesm2022/ojiepermana-angular-component-calendar.mjs +531 -418
- package/fesm2022/ojiepermana-angular-component-card.mjs +457 -171
- package/fesm2022/ojiepermana-angular-component-carousel.mjs +642 -272
- package/fesm2022/ojiepermana-angular-component-checkbox.mjs +312 -108
- package/fesm2022/ojiepermana-angular-component-collapsible.mjs +299 -115
- package/fesm2022/ojiepermana-angular-component-combobox.mjs +396 -183
- package/fesm2022/ojiepermana-angular-component-command.mjs +807 -347
- package/fesm2022/ojiepermana-angular-component-composer.mjs +807 -330
- package/fesm2022/ojiepermana-angular-component-context-menu.mjs +196 -161
- package/fesm2022/ojiepermana-angular-component-date-picker.mjs +650 -338
- package/fesm2022/ojiepermana-angular-component-dialog.mjs +710 -316
- package/fesm2022/ojiepermana-angular-component-drawer.mjs +2 -5
- package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +1212 -646
- package/fesm2022/ojiepermana-angular-component-editor.mjs +987 -502
- package/fesm2022/ojiepermana-angular-component-empty.mjs +350 -137
- package/fesm2022/ojiepermana-angular-component-form.mjs +813 -434
- package/fesm2022/ojiepermana-angular-component-hover-card.mjs +486 -277
- package/fesm2022/ojiepermana-angular-component-icon.mjs +241 -140
- package/fesm2022/ojiepermana-angular-component-input-group.mjs +449 -176
- package/fesm2022/ojiepermana-angular-component-input-otp.mjs +891 -488
- package/fesm2022/ojiepermana-angular-component-input.mjs +86 -55
- package/fesm2022/ojiepermana-angular-component-item.mjs +713 -261
- package/fesm2022/ojiepermana-angular-component-kanban.mjs +714 -216
- package/fesm2022/ojiepermana-angular-component-kbd.mjs +124 -52
- package/fesm2022/ojiepermana-angular-component-label.mjs +82 -31
- package/fesm2022/ojiepermana-angular-component-menubar.mjs +479 -329
- package/fesm2022/ojiepermana-angular-component-native-select.mjs +167 -65
- package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +683 -380
- package/fesm2022/ojiepermana-angular-component-pagination.mjs +277 -94
- package/fesm2022/ojiepermana-angular-component-pillbox.mjs +1283 -607
- package/fesm2022/ojiepermana-angular-component-popover.mjs +291 -204
- package/fesm2022/ojiepermana-angular-component-progress.mjs +176 -53
- package/fesm2022/ojiepermana-angular-component-radio.mjs +449 -142
- package/fesm2022/ojiepermana-angular-component-resizable.mjs +659 -453
- package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +117 -39
- package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +351 -172
- package/fesm2022/ojiepermana-angular-component-select.mjs +475 -345
- package/fesm2022/ojiepermana-angular-component-separator.mjs +102 -35
- package/fesm2022/ojiepermana-angular-component-sheet.mjs +797 -347
- package/fesm2022/ojiepermana-angular-component-skeleton.mjs +62 -29
- package/fesm2022/ojiepermana-angular-component-slider.mjs +592 -376
- package/fesm2022/ojiepermana-angular-component-spinner.mjs +135 -38
- package/fesm2022/ojiepermana-angular-component-switch.mjs +315 -103
- package/fesm2022/ojiepermana-angular-component-table.mjs +440 -153
- package/fesm2022/ojiepermana-angular-component-tabs.mjs +590 -317
- package/fesm2022/ojiepermana-angular-component-textarea.mjs +85 -50
- package/fesm2022/ojiepermana-angular-component-timeline.mjs +609 -231
- package/fesm2022/ojiepermana-angular-component-toast.mjs +229 -243
- package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +573 -288
- package/fesm2022/ojiepermana-angular-component-toggle.mjs +187 -78
- package/fesm2022/ojiepermana-angular-component-tooltip.mjs +798 -517
- package/fesm2022/ojiepermana-angular-component-utils-core.mjs +159 -292
- package/fesm2022/ojiepermana-angular-component-utils-overlay.mjs +46 -58
- package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +76 -38
- package/fesm2022/ojiepermana-angular-component-utils.mjs +2 -8
- package/fesm2022/ojiepermana-angular-component.mjs +0 -10
- package/fesm2022/ojiepermana-angular-navigation-core.mjs +13 -23
- package/fesm2022/ojiepermana-angular-navigation-icon.mjs +35 -24
- package/fesm2022/ojiepermana-angular-navigation-navigation-badge-count.component-BKCeWzml.mjs +129 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs +811 -0
- package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-Cd-jh6tg.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-mpK9Ar08.mjs} +387 -183
- package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs +650 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs +662 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs +1228 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs +311 -0
- package/fesm2022/ojiepermana-angular-navigation-service.mjs +542 -724
- package/fesm2022/ojiepermana-angular-navigation-types.mjs +27 -56
- package/fesm2022/ojiepermana-angular-navigation.mjs +3052 -4
- package/fesm2022/ojiepermana-angular-sdk.mjs +91 -201
- package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +1115 -737
- package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +245 -328
- package/fesm2022/ojiepermana-angular-theme-layout-types.mjs +35 -38
- package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +1719 -552
- package/fesm2022/ojiepermana-angular-theme-layout.mjs +847 -491
- package/fesm2022/ojiepermana-angular-theme-page-core.mjs +288 -358
- package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +362 -224
- package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +88 -0
- package/fesm2022/ojiepermana-angular-theme-page-root.mjs +576 -254
- package/fesm2022/ojiepermana-angular-theme-page-side.mjs +317 -177
- package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +256 -112
- package/fesm2022/ojiepermana-angular-theme-page.mjs +7 -12
- package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +215 -326
- package/fesm2022/ojiepermana-angular-theme-shell-types.mjs +68 -129
- package/fesm2022/ojiepermana-angular-theme-shell.mjs +907 -378
- package/fesm2022/ojiepermana-angular-theme-styles.mjs +521 -720
- package/fesm2022/ojiepermana-angular-theme.mjs +0 -10
- package/fesm2022/ojiepermana-angular.mjs +5 -24
- package/navigation/README.md +1 -1
- package/package.json +16 -12
- package/sdk/README.md +1 -1
- package/sdk/src/writer/index.js +2 -2
- package/theme/README.md +1 -1
- package/theme/layout/README.md +2 -4
- package/theme/page/README.md +50 -0
- package/theme/styles/README.md +10 -10
- package/theme/styles/css/base/prefers-dark.css +1 -1
- package/theme/styles/css/base/status.css +1 -1
- package/theme/styles/css/color/amber.css +1 -1
- package/theme/styles/css/color/blue.css +1 -1
- package/theme/styles/css/color/cyan.css +1 -1
- package/theme/styles/css/color/emerald.css +1 -1
- package/theme/styles/css/color/fuchsia.css +1 -1
- package/theme/styles/css/color/green.css +1 -1
- package/theme/styles/css/color/indigo.css +1 -1
- package/theme/styles/css/color/lime.css +1 -1
- package/theme/styles/css/color/orange.css +1 -1
- package/theme/styles/css/color/pink.css +1 -1
- package/theme/styles/css/color/purple.css +1 -1
- package/theme/styles/css/color/red.css +1 -1
- package/theme/styles/css/color/rose.css +1 -1
- package/theme/styles/css/color/sky.css +1 -1
- package/theme/styles/css/color/teal.css +1 -1
- package/theme/styles/css/color/violet.css +1 -1
- package/theme/styles/css/color/yellow.css +1 -1
- package/theme/styles/css/neutral/gray.css +1 -1
- package/theme/styles/css/neutral/mauve.css +1 -1
- package/theme/styles/css/neutral/mist.css +1 -1
- package/theme/styles/css/neutral/neutral.css +1 -1
- package/theme/styles/css/neutral/olive.css +1 -1
- package/theme/styles/css/neutral/slate.css +1 -1
- package/theme/styles/css/neutral/stone.css +1 -1
- package/theme/styles/css/neutral/taupe.css +1 -1
- package/theme/styles/css/neutral/zinc.css +1 -1
- package/types/ojiepermana-angular-chart-area.d.ts +126 -63
- package/types/ojiepermana-angular-chart-bar.d.ts +244 -154
- package/types/ojiepermana-angular-chart-core.d.ts +409 -398
- package/types/ojiepermana-angular-chart-line.d.ts +141 -68
- package/types/ojiepermana-angular-chart-pie.d.ts +192 -121
- package/types/ojiepermana-angular-chart-primitives.d.ts +283 -214
- package/types/ojiepermana-angular-chart-radar.d.ts +189 -108
- package/types/ojiepermana-angular-chart-radial.d.ts +177 -106
- package/types/ojiepermana-angular-chart-scatter.d.ts +166 -110
- package/types/ojiepermana-angular-chart.d.ts +3 -2
- package/types/ojiepermana-angular-component-accordion.d.ts +135 -81
- package/types/ojiepermana-angular-component-alert-dialog.d.ts +271 -123
- package/types/ojiepermana-angular-component-alert.d.ts +69 -39
- package/types/ojiepermana-angular-component-aspect-ratio.d.ts +20 -12
- package/types/ojiepermana-angular-component-avatar.d.ts +103 -49
- package/types/ojiepermana-angular-component-badge.d.ts +36 -24
- package/types/ojiepermana-angular-component-breadcrumb.d.ts +79 -40
- package/types/ojiepermana-angular-component-button-group.d.ts +48 -24
- package/types/ojiepermana-angular-component-button.d.ts +44 -27
- package/types/ojiepermana-angular-component-calendar.d.ts +145 -107
- package/types/ojiepermana-angular-component-card.d.ts +112 -63
- package/types/ojiepermana-angular-component-carousel.d.ts +150 -81
- package/types/ojiepermana-angular-component-checkbox.d.ts +96 -38
- package/types/ojiepermana-angular-component-collapsible.d.ts +65 -39
- package/types/ojiepermana-angular-component-combobox.d.ts +100 -55
- package/types/ojiepermana-angular-component-command.d.ts +206 -121
- package/types/ojiepermana-angular-component-composer.d.ts +184 -84
- package/types/ojiepermana-angular-component-context-menu.d.ts +51 -41
- package/types/ojiepermana-angular-component-date-picker.d.ts +199 -109
- package/types/ojiepermana-angular-component-dialog.d.ts +200 -105
- package/types/ojiepermana-angular-component-drawer.d.ts +2 -1
- package/types/ojiepermana-angular-component-dropdown-menu.d.ts +324 -202
- package/types/ojiepermana-angular-component-editor.d.ts +215 -117
- package/types/ojiepermana-angular-component-empty.d.ts +80 -45
- package/types/ojiepermana-angular-component-form.d.ts +185 -121
- package/types/ojiepermana-angular-component-hover-card.d.ts +130 -72
- package/types/ojiepermana-angular-component-icon.d.ts +87 -57
- package/types/ojiepermana-angular-component-input-group.d.ts +93 -46
- package/types/ojiepermana-angular-component-input-otp.d.ts +243 -150
- package/types/ojiepermana-angular-component-input.d.ts +27 -17
- package/types/ojiepermana-angular-component-item.d.ts +160 -84
- package/types/ojiepermana-angular-component-kanban.d.ts +157 -62
- package/types/ojiepermana-angular-component-kbd.d.ts +24 -15
- package/types/ojiepermana-angular-component-label.d.ts +19 -11
- package/types/ojiepermana-angular-component-menubar.d.ts +120 -90
- package/types/ojiepermana-angular-component-native-select.d.ts +37 -24
- package/types/ojiepermana-angular-component-navigation-menu.d.ts +157 -98
- package/types/ojiepermana-angular-component-pagination.d.ts +78 -28
- package/types/ojiepermana-angular-component-pillbox.d.ts +361 -204
- package/types/ojiepermana-angular-component-popover.d.ts +94 -64
- package/types/ojiepermana-angular-component-progress.d.ts +45 -17
- package/types/ojiepermana-angular-component-radio.d.ts +129 -53
- package/types/ojiepermana-angular-component-resizable.d.ts +160 -112
- package/types/ojiepermana-angular-component-scroll-area.d.ts +33 -15
- package/types/ojiepermana-angular-component-segmented-control.d.ts +94 -50
- package/types/ojiepermana-angular-component-select.d.ts +94 -77
- package/types/ojiepermana-angular-component-separator.d.ts +26 -14
- package/types/ojiepermana-angular-component-sheet.d.ts +226 -116
- package/types/ojiepermana-angular-component-skeleton.d.ts +13 -10
- package/types/ojiepermana-angular-component-slider.d.ts +140 -75
- package/types/ojiepermana-angular-component-spinner.d.ts +31 -13
- package/types/ojiepermana-angular-component-switch.d.ts +97 -40
- package/types/ojiepermana-angular-component-table.d.ts +102 -50
- package/types/ojiepermana-angular-component-tabs.d.ts +174 -115
- package/types/ojiepermana-angular-component-textarea.d.ts +27 -17
- package/types/ojiepermana-angular-component-timeline.d.ts +141 -59
- package/types/ojiepermana-angular-component-toast.d.ts +51 -55
- package/types/ojiepermana-angular-component-toggle-group.d.ts +159 -88
- package/types/ojiepermana-angular-component-toggle.d.ts +47 -25
- package/types/ojiepermana-angular-component-tooltip.d.ts +222 -132
- package/types/ojiepermana-angular-component-utils-core.d.ts +81 -90
- package/types/ojiepermana-angular-component-utils-overlay.d.ts +7 -11
- package/types/ojiepermana-angular-component-utils-scale.d.ts +20 -12
- package/types/ojiepermana-angular-component-utils.d.ts +2 -2
- package/types/ojiepermana-angular-component.d.ts +1 -2
- package/types/ojiepermana-angular-navigation-core.d.ts +46 -50
- package/types/ojiepermana-angular-navigation-icon.d.ts +9 -12
- package/types/ojiepermana-angular-navigation-service.d.ts +112 -115
- package/types/ojiepermana-angular-navigation-types.d.ts +121 -125
- package/types/ojiepermana-angular-navigation.d.ts +663 -374
- package/types/ojiepermana-angular-sdk.d.ts +69 -71
- package/types/ojiepermana-angular-theme-component-settings.d.ts +115 -83
- package/types/ojiepermana-angular-theme-layout-services.d.ts +119 -124
- package/types/ojiepermana-angular-theme-layout-types.d.ts +27 -31
- package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +399 -187
- package/types/ojiepermana-angular-theme-layout.d.ts +201 -112
- package/types/ojiepermana-angular-theme-page-core.d.ts +136 -142
- package/types/ojiepermana-angular-theme-page-filter.d.ts +112 -62
- package/types/ojiepermana-angular-theme-page-overview.d.ts +28 -0
- package/types/ojiepermana-angular-theme-page-root.d.ts +172 -88
- package/types/ojiepermana-angular-theme-page-side.d.ts +89 -49
- package/types/ojiepermana-angular-theme-page-slots.d.ts +58 -37
- package/types/ojiepermana-angular-theme-page.d.ts +7 -5
- package/types/ojiepermana-angular-theme-shell-services.d.ts +119 -125
- package/types/ojiepermana-angular-theme-shell-types.d.ts +38 -41
- package/types/ojiepermana-angular-theme-shell.d.ts +139 -61
- package/types/ojiepermana-angular-theme-styles.d.ts +184 -196
- package/types/ojiepermana-angular-theme.d.ts +1 -2
- package/types/ojiepermana-angular.d.ts +5 -5
- package/fesm2022/ojiepermana-angular-navigation-navigation-badge-count.component-CDBxQ8rk.mjs +0 -91
- package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-DBQHdvGa.mjs +0 -512
- package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-BCGvhoYj.mjs +0 -404
- package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-Dk_03e-6.mjs +0 -466
- package/fesm2022/ojiepermana-angular-navigation-ojiepermana-angular-navigation-DNKU6viC.mjs +0 -2642
|
@@ -1,113 +1,190 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { InjectionToken, TemplateRef
|
|
3
|
-
import * as i1 from
|
|
4
|
-
import { ComponentScaleDirective } from
|
|
5
|
-
import { OverlayAlign, OverlaySide } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { AfterContentInit, InjectionToken, TemplateRef } from "@angular/core";
|
|
3
|
+
import * as i1 from "@ojiepermana/angular/component/utils/scale";
|
|
4
|
+
import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
|
|
5
|
+
import { OverlayAlign, OverlaySide } from "@ojiepermana/angular/component/utils/overlay";
|
|
6
|
+
export type MenuItemVariant = 'default' | 'destructive';
|
|
7
|
+
export declare abstract class MenuFocusableItem {
|
|
8
|
+
private readonly el;
|
|
9
|
+
/** Present whenever the item is rendered inside a `MenuTrigger` overlay. */
|
|
10
|
+
private readonly overlay;
|
|
11
|
+
/** True when this same element also opens a submenu. */
|
|
12
|
+
private readonly opensSubmenu;
|
|
13
|
+
readonly disabledInput: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly inset: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
16
|
+
readonly variant: import("@angular/core").InputSignal<MenuItemVariant>;
|
|
17
|
+
readonly selected: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
|
|
18
|
+
get disabled(): boolean;
|
|
19
|
+
focus(): void;
|
|
20
|
+
getLabel(): string;
|
|
21
|
+
protected buildItemClasses(extraClass?: string): string;
|
|
22
|
+
/**
|
|
23
|
+
* Consume the keystroke that activated the item.
|
|
24
|
+
*
|
|
25
|
+
* Items render on `button` hosts, and a button turns Enter and Space into an
|
|
26
|
+
* activation click of its own. With `(click)` and `(keydown.enter|space)` both
|
|
27
|
+
* wired to the same handler that click runs the handler a SECOND time: a
|
|
28
|
+
* checkbox toggled on keydown flipped straight back, so `aria-checked` never
|
|
29
|
+
* moved, and a plain item emitted `selected` twice whenever the menu was told
|
|
30
|
+
* not to close. Preventing the default suppresses the synthesised click, which
|
|
31
|
+
* leaves exactly one activation per keystroke on native and non-native hosts
|
|
32
|
+
* alike. It also stops Space from scrolling the page behind the menu.
|
|
33
|
+
*/
|
|
34
|
+
protected emitSelection(event: MouseEvent | KeyboardEvent): boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Close the menu and return focus to the trigger, which is the menu pattern.
|
|
37
|
+
*
|
|
38
|
+
* Call this AFTER the item has updated its own state: closing tears down the
|
|
39
|
+
* overlay view, and a checkbox or radio that wrote its model afterwards would
|
|
40
|
+
* never propagate the change. A consumer that already closes the menu by hand
|
|
41
|
+
* is fine, closing twice is a no-op.
|
|
42
|
+
*/
|
|
43
|
+
protected finishSelection(): void;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuFocusableItem, never>;
|
|
45
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MenuFocusableItem, never, never, {
|
|
46
|
+
"disabledInput": {
|
|
47
|
+
"alias": "disabled";
|
|
48
|
+
"required": false;
|
|
49
|
+
"isSignal": true;
|
|
50
|
+
};
|
|
51
|
+
"inset": {
|
|
52
|
+
"alias": "inset";
|
|
53
|
+
"required": false;
|
|
54
|
+
"isSignal": true;
|
|
55
|
+
};
|
|
56
|
+
"class": {
|
|
57
|
+
"alias": "class";
|
|
58
|
+
"required": false;
|
|
59
|
+
"isSignal": true;
|
|
60
|
+
};
|
|
61
|
+
"variant": {
|
|
62
|
+
"alias": "variant";
|
|
63
|
+
"required": false;
|
|
64
|
+
"isSignal": true;
|
|
65
|
+
};
|
|
66
|
+
}, {
|
|
67
|
+
"selected": "selected";
|
|
68
|
+
}, never, never, true, never>;
|
|
47
69
|
}
|
|
48
|
-
declare class MenuGroupComponent {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
70
|
+
export declare class MenuGroupComponent {
|
|
71
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
72
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
73
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuGroupComponent, "MenuGroup", never, {
|
|
75
|
+
"class": {
|
|
76
|
+
"alias": "class";
|
|
77
|
+
"required": false;
|
|
78
|
+
"isSignal": true;
|
|
79
|
+
};
|
|
80
|
+
}, {}, never, ["*"], true, never>;
|
|
53
81
|
}
|
|
54
|
-
declare abstract class MenuRadioGroupBase {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
82
|
+
export declare abstract class MenuRadioGroupBase {
|
|
83
|
+
abstract isChecked(value: string): boolean;
|
|
84
|
+
abstract select(value: string): void;
|
|
85
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioGroupBase, never>;
|
|
86
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MenuRadioGroupBase, never, never, {}, {}, never, never, true, never>;
|
|
59
87
|
}
|
|
60
|
-
declare class MenuRadioGroupComponent extends MenuRadioGroupBase {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
88
|
+
export declare class MenuRadioGroupComponent extends MenuRadioGroupBase {
|
|
89
|
+
readonly value: import("@angular/core").ModelSignal<string | null>;
|
|
90
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
91
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
92
|
+
isChecked(value: string): boolean;
|
|
93
|
+
select(value: string): void;
|
|
94
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
|
|
95
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuRadioGroupComponent, "MenuRadioGroup", never, {
|
|
96
|
+
"value": {
|
|
97
|
+
"alias": "value";
|
|
98
|
+
"required": false;
|
|
99
|
+
"isSignal": true;
|
|
100
|
+
};
|
|
101
|
+
"class": {
|
|
102
|
+
"alias": "class";
|
|
103
|
+
"required": false;
|
|
104
|
+
"isSignal": true;
|
|
105
|
+
};
|
|
106
|
+
}, {
|
|
107
|
+
"value": "valueChange";
|
|
108
|
+
}, never, ["*"], true, never>;
|
|
68
109
|
}
|
|
69
|
-
declare class MenuItemComponent extends MenuFocusableItem {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
110
|
+
export declare class MenuItemComponent extends MenuFocusableItem {
|
|
111
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
112
|
+
protected handleClick(e: MouseEvent | KeyboardEvent): void;
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
|
|
114
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "MenuItem, button[MenuItem]", never, {}, {}, never, ["*"], true, never>;
|
|
74
115
|
}
|
|
75
|
-
declare class MenuCheckboxItemComponent extends MenuFocusableItem {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
116
|
+
export declare class MenuCheckboxItemComponent extends MenuFocusableItem {
|
|
117
|
+
readonly checked: import("@angular/core").ModelSignal<boolean>;
|
|
118
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
119
|
+
protected toggle(event: MouseEvent | KeyboardEvent): void;
|
|
120
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
|
|
121
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "MenuCheckboxItem, button[MenuCheckboxItem]", never, {
|
|
122
|
+
"checked": {
|
|
123
|
+
"alias": "checked";
|
|
124
|
+
"required": false;
|
|
125
|
+
"isSignal": true;
|
|
126
|
+
};
|
|
127
|
+
}, {
|
|
128
|
+
"checked": "checkedChange";
|
|
129
|
+
}, never, ["*"], true, never>;
|
|
81
130
|
}
|
|
82
|
-
declare class MenuRadioItemComponent extends MenuFocusableItem {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
131
|
+
export declare class MenuRadioItemComponent extends MenuFocusableItem {
|
|
132
|
+
private readonly group;
|
|
133
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
|
134
|
+
protected readonly checked: import("@angular/core").Signal<boolean>;
|
|
135
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
136
|
+
protected select(event: MouseEvent | KeyboardEvent): void;
|
|
137
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
|
|
138
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuRadioItemComponent, "MenuRadioItem, button[MenuRadioItem]", never, {
|
|
139
|
+
"value": {
|
|
140
|
+
"alias": "value";
|
|
141
|
+
"required": true;
|
|
142
|
+
"isSignal": true;
|
|
143
|
+
};
|
|
144
|
+
}, {}, never, ["*"], true, never>;
|
|
90
145
|
}
|
|
91
|
-
declare class MenuSeparatorComponent {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
146
|
+
export declare class MenuSeparatorComponent {
|
|
147
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
148
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
149
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
|
|
150
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparatorComponent, "MenuSeparator", never, {
|
|
151
|
+
"class": {
|
|
152
|
+
"alias": "class";
|
|
153
|
+
"required": false;
|
|
154
|
+
"isSignal": true;
|
|
155
|
+
};
|
|
156
|
+
}, {}, never, never, true, never>;
|
|
96
157
|
}
|
|
97
|
-
declare class MenuLabelComponent {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
158
|
+
export declare class MenuLabelComponent {
|
|
159
|
+
readonly inset: import("@angular/core").InputSignal<boolean>;
|
|
160
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
161
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
162
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuLabelComponent, never>;
|
|
163
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuLabelComponent, "MenuLabel", never, {
|
|
164
|
+
"inset": {
|
|
165
|
+
"alias": "inset";
|
|
166
|
+
"required": false;
|
|
167
|
+
"isSignal": true;
|
|
168
|
+
};
|
|
169
|
+
"class": {
|
|
170
|
+
"alias": "class";
|
|
171
|
+
"required": false;
|
|
172
|
+
"isSignal": true;
|
|
173
|
+
};
|
|
174
|
+
}, {}, never, ["*"], true, never>;
|
|
103
175
|
}
|
|
104
|
-
declare class MenuShortcutComponent {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
176
|
+
export declare class MenuShortcutComponent {
|
|
177
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
178
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
179
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuShortcutComponent, never>;
|
|
180
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuShortcutComponent, "MenuShortcut, span[MenuShortcut]", never, {
|
|
181
|
+
"class": {
|
|
182
|
+
"alias": "class";
|
|
183
|
+
"required": false;
|
|
184
|
+
"isSignal": true;
|
|
185
|
+
};
|
|
186
|
+
}, {}, never, ["*"], true, never>;
|
|
109
187
|
}
|
|
110
|
-
|
|
111
188
|
/**
|
|
112
189
|
* Internal bridge from a menu surface (and its items) back to the trigger that
|
|
113
190
|
* opened it.
|
|
@@ -125,26 +202,26 @@ declare class MenuShortcutComponent {
|
|
|
125
202
|
* It is a coordination token between library entry points, not something a
|
|
126
203
|
* consumer needs to provide or inject.
|
|
127
204
|
*/
|
|
128
|
-
interface MenuOverlayController {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
205
|
+
export interface MenuOverlayController {
|
|
206
|
+
/** Id given to the surface element, so the trigger can point `aria-controls` at it. */
|
|
207
|
+
readonly surfaceId: string;
|
|
208
|
+
/** Id of the trigger element, so the surface can point `aria-labelledby` back. */
|
|
209
|
+
readonly triggerId: string;
|
|
210
|
+
/**
|
|
211
|
+
* True when this menu was opened from an item of another menu.
|
|
212
|
+
*
|
|
213
|
+
* It is what tells the surface whether ArrowLeft is its own key. A submenu
|
|
214
|
+
* closes on ArrowLeft and hands focus back to the item that opened it; a root
|
|
215
|
+
* menu must let the key through, because the row of menus above it (a
|
|
216
|
+
* `Menubar`) uses left and right to walk between menus.
|
|
217
|
+
*/
|
|
218
|
+
readonly isSubmenu: boolean;
|
|
219
|
+
/** Close the overlay and hand focus back to the trigger. Safe to call twice. */
|
|
220
|
+
close(): void;
|
|
221
|
+
/** Close after an item was chosen, unless this menu opted out with `closeOnSelect`. */
|
|
222
|
+
closeAfterSelect(): void;
|
|
146
223
|
}
|
|
147
|
-
declare const MENU_OVERLAY: InjectionToken<MenuOverlayController>;
|
|
224
|
+
export declare const MENU_OVERLAY: InjectionToken<MenuOverlayController>;
|
|
148
225
|
/**
|
|
149
226
|
* Marker every `MenuTrigger` provides on its own element.
|
|
150
227
|
*
|
|
@@ -152,97 +229,142 @@ declare const MENU_OVERLAY: InjectionToken<MenuOverlayController>;
|
|
|
152
229
|
* submenu, not close the menu it lives in, so an item that finds this marker on
|
|
153
230
|
* itself skips the close-after-select step.
|
|
154
231
|
*/
|
|
155
|
-
declare const MENU_SUBMENU_TRIGGER: InjectionToken<boolean>;
|
|
156
|
-
|
|
232
|
+
export declare const MENU_SUBMENU_TRIGGER: InjectionToken<boolean>;
|
|
157
233
|
/**
|
|
158
234
|
* Surface rendered inside the overlay. Hosts keyboard navigation for its items.
|
|
159
235
|
*/
|
|
160
|
-
declare class MenuSurfaceComponent implements AfterContentInit {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
236
|
+
export declare class MenuSurfaceComponent implements AfterContentInit {
|
|
237
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
238
|
+
private readonly items;
|
|
239
|
+
/** Present whenever the surface is rendered by a `MenuTrigger`. */
|
|
240
|
+
private readonly overlay;
|
|
241
|
+
/**
|
|
242
|
+
* Emitted when the surface asks to be closed (today: on Tab). The trigger now
|
|
243
|
+
* closes itself, so consumers no longer have to wire this up; it stays for
|
|
244
|
+
* anyone who already listens to it.
|
|
245
|
+
*/
|
|
246
|
+
readonly closeRequested: import("@angular/core").OutputEmitterRef<void>;
|
|
247
|
+
/** Tied to the trigger's `aria-controls`, so the pair references each other. */
|
|
248
|
+
readonly surfaceId: string;
|
|
249
|
+
/** Names the menu after the control that opened it. */
|
|
250
|
+
readonly labelledBy: string | null;
|
|
251
|
+
private keyManager;
|
|
252
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
253
|
+
ngAfterContentInit(): void;
|
|
254
|
+
protected onArrow(e: KeyboardEvent, delta: number): void;
|
|
255
|
+
protected onArrowLeft(e: KeyboardEvent): void;
|
|
256
|
+
protected onHome(e: KeyboardEvent): void;
|
|
257
|
+
protected onEnd(e: KeyboardEvent): void;
|
|
258
|
+
protected onTypeAhead(e: KeyboardEvent): void;
|
|
259
|
+
protected onTab(e: KeyboardEvent): void;
|
|
260
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuSurfaceComponent, never>;
|
|
261
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuSurfaceComponent, "MenuSurface", never, {
|
|
262
|
+
"class": {
|
|
263
|
+
"alias": "class";
|
|
264
|
+
"required": false;
|
|
265
|
+
"isSignal": true;
|
|
266
|
+
};
|
|
267
|
+
}, {
|
|
268
|
+
"closeRequested": "closeRequested";
|
|
269
|
+
}, ["items"], ["*"], true, [{
|
|
270
|
+
directive: typeof i1.ComponentScaleDirective;
|
|
271
|
+
inputs: {
|
|
272
|
+
"radius": "radius";
|
|
273
|
+
"density": "density";
|
|
274
|
+
};
|
|
275
|
+
outputs: {};
|
|
276
|
+
}]>;
|
|
186
277
|
}
|
|
187
278
|
/**
|
|
188
279
|
* Wraps an `<ng-template>` that holds `<MenuSurface>` + items.
|
|
189
280
|
*/
|
|
190
|
-
declare class MenuContentDirective {
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
281
|
+
export declare class MenuContentDirective {
|
|
282
|
+
protected readonly componentScale: ComponentScaleDirective;
|
|
283
|
+
readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
|
|
284
|
+
readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
|
|
285
|
+
readonly template: TemplateRef<unknown>;
|
|
286
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuContentDirective, never>;
|
|
287
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MenuContentDirective, "ng-template[MenuContent]", ["MenuContent"], {}, {}, never, never, true, [{
|
|
288
|
+
directive: typeof i1.ComponentScaleDirective;
|
|
289
|
+
inputs: {
|
|
290
|
+
"radius": "radius";
|
|
291
|
+
"density": "density";
|
|
292
|
+
};
|
|
293
|
+
outputs: {};
|
|
294
|
+
}]>;
|
|
197
295
|
}
|
|
198
|
-
|
|
199
|
-
type
|
|
200
|
-
type MenuAlign = OverlayAlign;
|
|
296
|
+
export type MenuSide = OverlaySide;
|
|
297
|
+
export type MenuAlign = OverlayAlign;
|
|
201
298
|
/**
|
|
202
299
|
* Opens an `<ng-template MenuContent>` anchored to the trigger element.
|
|
203
300
|
*/
|
|
204
|
-
declare class MenuTriggerDirective {
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
301
|
+
export declare class MenuTriggerDirective {
|
|
302
|
+
private readonly overlay;
|
|
303
|
+
private readonly vcr;
|
|
304
|
+
private readonly el;
|
|
305
|
+
private readonly destroyRef;
|
|
306
|
+
private readonly injector;
|
|
307
|
+
/**
|
|
308
|
+
* The controller of the menu this trigger lives in, if any. Present only when
|
|
309
|
+
* the trigger is itself an item of another menu, which is exactly what makes
|
|
310
|
+
* the menu it opens a submenu.
|
|
311
|
+
*/
|
|
312
|
+
private readonly parentMenu;
|
|
313
|
+
readonly MenuTrigger: import("@angular/core").InputSignal<MenuContentDirective>;
|
|
314
|
+
readonly side: import("@angular/core").InputSignal<OverlaySide>;
|
|
315
|
+
readonly align: import("@angular/core").InputSignal<OverlayAlign>;
|
|
316
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
317
|
+
/**
|
|
318
|
+
* Close the menu when an item is chosen, which is the WAI ARIA menu pattern
|
|
319
|
+
* and the default here. Set it to `false` for a menu that stays open, for
|
|
320
|
+
* example a list of checkbox items the user toggles several of in a row.
|
|
321
|
+
*/
|
|
322
|
+
readonly closeOnSelect: import("@angular/core").InputSignal<boolean>;
|
|
323
|
+
/**
|
|
324
|
+
* Id used for `aria-controls` and for the surface's `aria-labelledby`. A
|
|
325
|
+
* consumer's own `id` on the trigger element always wins.
|
|
326
|
+
*/
|
|
327
|
+
readonly triggerId: string;
|
|
328
|
+
readonly surfaceId: string;
|
|
329
|
+
readonly openedChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
330
|
+
private overlayRef;
|
|
331
|
+
readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
332
|
+
constructor();
|
|
333
|
+
toggle(): void;
|
|
334
|
+
protected openAndFocus(e: KeyboardEvent): void;
|
|
335
|
+
protected openForSide(e: KeyboardEvent, side: MenuSide): void;
|
|
336
|
+
open(): void;
|
|
337
|
+
close(options?: {
|
|
338
|
+
restoreFocus?: boolean;
|
|
339
|
+
}): void;
|
|
340
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
|
|
341
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[MenuTrigger]", ["MenuTrigger"], {
|
|
342
|
+
"MenuTrigger": {
|
|
343
|
+
"alias": "MenuTrigger";
|
|
344
|
+
"required": true;
|
|
345
|
+
"isSignal": true;
|
|
346
|
+
};
|
|
347
|
+
"side": {
|
|
348
|
+
"alias": "side";
|
|
349
|
+
"required": false;
|
|
350
|
+
"isSignal": true;
|
|
351
|
+
};
|
|
352
|
+
"align": {
|
|
353
|
+
"alias": "align";
|
|
354
|
+
"required": false;
|
|
355
|
+
"isSignal": true;
|
|
356
|
+
};
|
|
357
|
+
"disabled": {
|
|
358
|
+
"alias": "disabled";
|
|
359
|
+
"required": false;
|
|
360
|
+
"isSignal": true;
|
|
361
|
+
};
|
|
362
|
+
"closeOnSelect": {
|
|
363
|
+
"alias": "closeOnSelect";
|
|
364
|
+
"required": false;
|
|
365
|
+
"isSignal": true;
|
|
366
|
+
};
|
|
367
|
+
}, {
|
|
368
|
+
"openedChange": "openedChange";
|
|
369
|
+
}, never, never, true, never>;
|
|
370
|
+
}
|