@ojiepermana/angular 22.1.14 → 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-COQ-60DS.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 -496
- 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 -113
- 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-Be3IqzG4.mjs +0 -91
- package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-Bc7DWK3R.mjs +0 -522
- package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-DA8VPEn7.mjs +0 -404
- package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-U2TJTzlW.mjs +0 -466
- package/fesm2022/ojiepermana-angular-navigation-ojiepermana-angular-navigation-CIUhmytH.mjs +0 -2668
|
@@ -1,143 +1,233 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { InjectionToken, Signal, TemplateRef } from
|
|
3
|
-
import * as i1 from
|
|
4
|
-
import { ComponentScaleDirective } from
|
|
5
|
-
|
|
6
|
-
type
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
readonly closeDelay: Signal<number>;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { InjectionToken, Signal, TemplateRef } from "@angular/core";
|
|
3
|
+
import * as i1 from "@ojiepermana/angular/component/utils/scale";
|
|
4
|
+
import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
|
|
5
|
+
export type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
|
|
6
|
+
export type TooltipAlign = 'start' | 'center' | 'end';
|
|
7
|
+
export interface TooltipDefaults {
|
|
8
|
+
readonly side: Signal<TooltipSide>;
|
|
9
|
+
readonly align: Signal<TooltipAlign>;
|
|
10
|
+
readonly sideOffset: Signal<number>;
|
|
11
|
+
readonly openDelay: Signal<number>;
|
|
12
|
+
readonly closeDelay: Signal<number>;
|
|
14
13
|
}
|
|
15
|
-
declare const TOOLTIP_DEFAULTS: InjectionToken<TooltipDefaults>;
|
|
16
|
-
declare class TooltipComponent implements TooltipDefaults {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
14
|
+
export declare const TOOLTIP_DEFAULTS: InjectionToken<TooltipDefaults>;
|
|
15
|
+
export declare class TooltipComponent implements TooltipDefaults {
|
|
16
|
+
readonly side: import("@angular/core").InputSignal<TooltipSide>;
|
|
17
|
+
readonly align: import("@angular/core").InputSignal<TooltipAlign>;
|
|
18
|
+
readonly sideOffset: import("@angular/core").InputSignal<number>;
|
|
19
|
+
readonly openDelay: import("@angular/core").InputSignal<number>;
|
|
20
|
+
/**
|
|
21
|
+
* Delay before the tooltip hides after the pointer leaves.
|
|
22
|
+
*
|
|
23
|
+
* It matches `openDelay` rather than being zero so the pointer has time to
|
|
24
|
+
* cross the `sideOffset` gap and land on the panel. That is what makes the
|
|
25
|
+
* panel reachable, which WCAG 1.4.13 (hoverable) asks for. Set it to `0` for
|
|
26
|
+
* an instant hide, accepting that the panel then cannot be hovered.
|
|
27
|
+
*/
|
|
28
|
+
readonly closeDelay: import("@angular/core").InputSignal<number>;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "Tooltip", never, {
|
|
31
|
+
"side": {
|
|
32
|
+
"alias": "side";
|
|
33
|
+
"required": false;
|
|
34
|
+
"isSignal": true;
|
|
35
|
+
};
|
|
36
|
+
"align": {
|
|
37
|
+
"alias": "align";
|
|
38
|
+
"required": false;
|
|
39
|
+
"isSignal": true;
|
|
40
|
+
};
|
|
41
|
+
"sideOffset": {
|
|
42
|
+
"alias": "sideOffset";
|
|
43
|
+
"required": false;
|
|
44
|
+
"isSignal": true;
|
|
45
|
+
};
|
|
46
|
+
"openDelay": {
|
|
47
|
+
"alias": "openDelay";
|
|
48
|
+
"required": false;
|
|
49
|
+
"isSignal": true;
|
|
50
|
+
};
|
|
51
|
+
"closeDelay": {
|
|
52
|
+
"alias": "closeDelay";
|
|
53
|
+
"required": false;
|
|
54
|
+
"isSignal": true;
|
|
55
|
+
};
|
|
56
|
+
}, {}, never, ["*"], true, never>;
|
|
32
57
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
58
|
+
export declare class TooltipContentDirective {
|
|
59
|
+
protected readonly componentScale: ComponentScaleDirective;
|
|
60
|
+
readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
|
|
61
|
+
readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
|
|
62
|
+
readonly template: TemplateRef<unknown>;
|
|
63
|
+
/**
|
|
64
|
+
* Resolved `--radius-base` / `--spacing-base` knob values (or `null` to
|
|
65
|
+
* inherit the global axis). Public so {@link TooltipTriggerDirective} can mirror
|
|
66
|
+
* them onto the CDK overlay panel — the element that actually paints the rounded
|
|
67
|
+
* background + padding — since this directive sits on an `<ng-template>` whose
|
|
68
|
+
* host bindings never reach the imperatively-created overlay subtree.
|
|
69
|
+
*/
|
|
70
|
+
readonly radiusBase: import("@angular/core").Signal<string | null>;
|
|
71
|
+
readonly densityBase: import("@angular/core").Signal<string | null>;
|
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipContentDirective, never>;
|
|
73
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipContentDirective, "ng-template[TooltipContent]", ["TooltipContent"], {}, {}, never, never, true, [{
|
|
74
|
+
directive: typeof i1.ComponentScaleDirective;
|
|
75
|
+
inputs: {
|
|
76
|
+
"radius": "radius";
|
|
77
|
+
"density": "density";
|
|
78
|
+
};
|
|
79
|
+
outputs: {};
|
|
80
|
+
}]>;
|
|
50
81
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
82
|
+
export declare class TooltipTriggerDirective {
|
|
83
|
+
private readonly overlay;
|
|
84
|
+
private readonly vcr;
|
|
85
|
+
private readonly el;
|
|
86
|
+
private readonly destroyRef;
|
|
87
|
+
private readonly defaults;
|
|
88
|
+
private readonly idGenerator;
|
|
89
|
+
readonly TooltipTrigger: import("@angular/core").InputSignal<TooltipContentDirective>;
|
|
90
|
+
readonly side: import("@angular/core").InputSignal<TooltipSide | undefined>;
|
|
91
|
+
readonly align: import("@angular/core").InputSignal<TooltipAlign | undefined>;
|
|
92
|
+
readonly sideOffset: import("@angular/core").InputSignal<number | undefined>;
|
|
93
|
+
readonly openDelay: import("@angular/core").InputSignal<number | undefined>;
|
|
94
|
+
readonly closeDelay: import("@angular/core").InputSignal<number | undefined>;
|
|
95
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
96
|
+
readonly openedChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
97
|
+
readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
98
|
+
protected readonly contentId: import("@angular/core").WritableSignal<string | null>;
|
|
99
|
+
private overlayRef;
|
|
100
|
+
private openTimeoutId;
|
|
101
|
+
private closeTimeoutId;
|
|
102
|
+
private isPointerInsideTrigger;
|
|
103
|
+
private isPointerInsidePanel;
|
|
104
|
+
private isTriggerFocused;
|
|
105
|
+
private isDestroying;
|
|
106
|
+
/**
|
|
107
|
+
* Holds the tooltip open while the pointer rests on the panel, so a user can
|
|
108
|
+
* move onto it to read or copy the content (WCAG 1.4.13, hoverable).
|
|
109
|
+
*/
|
|
110
|
+
private readonly onPanelPointerEnter;
|
|
111
|
+
private readonly onPanelPointerLeave;
|
|
112
|
+
constructor();
|
|
113
|
+
handlePointerEnter(): void;
|
|
114
|
+
handlePointerLeave(event: PointerEvent): void;
|
|
115
|
+
handleFocusIn(): void;
|
|
116
|
+
handleFocusOut(event: FocusEvent): void;
|
|
117
|
+
open(): void;
|
|
118
|
+
close(): void;
|
|
119
|
+
private applySurfaceVars;
|
|
120
|
+
private bindOverlayLifecycle;
|
|
121
|
+
private scheduleOpen;
|
|
122
|
+
private scheduleClose;
|
|
123
|
+
private releasePanel;
|
|
124
|
+
private clearOpenTimeout;
|
|
125
|
+
private clearCloseTimeout;
|
|
126
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipTriggerDirective, never>;
|
|
127
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipTriggerDirective, "[TooltipTrigger]", ["TooltipTrigger"], {
|
|
128
|
+
"TooltipTrigger": {
|
|
129
|
+
"alias": "TooltipTrigger";
|
|
130
|
+
"required": true;
|
|
131
|
+
"isSignal": true;
|
|
132
|
+
};
|
|
133
|
+
"side": {
|
|
134
|
+
"alias": "side";
|
|
135
|
+
"required": false;
|
|
136
|
+
"isSignal": true;
|
|
137
|
+
};
|
|
138
|
+
"align": {
|
|
139
|
+
"alias": "align";
|
|
140
|
+
"required": false;
|
|
141
|
+
"isSignal": true;
|
|
142
|
+
};
|
|
143
|
+
"sideOffset": {
|
|
144
|
+
"alias": "sideOffset";
|
|
145
|
+
"required": false;
|
|
146
|
+
"isSignal": true;
|
|
147
|
+
};
|
|
148
|
+
"openDelay": {
|
|
149
|
+
"alias": "openDelay";
|
|
150
|
+
"required": false;
|
|
151
|
+
"isSignal": true;
|
|
152
|
+
};
|
|
153
|
+
"closeDelay": {
|
|
154
|
+
"alias": "closeDelay";
|
|
155
|
+
"required": false;
|
|
156
|
+
"isSignal": true;
|
|
157
|
+
};
|
|
158
|
+
"disabled": {
|
|
159
|
+
"alias": "disabled";
|
|
160
|
+
"required": false;
|
|
161
|
+
"isSignal": true;
|
|
162
|
+
};
|
|
163
|
+
}, {
|
|
164
|
+
"openedChange": "openedChange";
|
|
165
|
+
}, never, never, true, never>;
|
|
98
166
|
}
|
|
99
|
-
|
|
100
167
|
/** Posisi tooltip; kompatibel dengan nilai `matTooltipPosition` lama. */
|
|
101
|
-
type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
|
|
168
|
+
export type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
|
|
102
169
|
/**
|
|
103
170
|
* Shadcn-styled text tooltip — CDK overlay, tanpa dependensi Material.
|
|
104
171
|
*
|
|
105
172
|
* @example
|
|
106
173
|
* <button Button [Tooltip]="'Save changes'" TooltipPosition="above">Save</button>
|
|
107
174
|
*/
|
|
108
|
-
declare class TooltipDirective {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
175
|
+
export declare class TooltipDirective {
|
|
176
|
+
private readonly overlay;
|
|
177
|
+
private readonly el;
|
|
178
|
+
private readonly destroyRef;
|
|
179
|
+
private readonly idGenerator;
|
|
180
|
+
readonly Tooltip: import("@angular/core").InputSignal<string>;
|
|
181
|
+
readonly TooltipPosition: import("@angular/core").InputSignal<TooltipPosition>;
|
|
182
|
+
readonly TooltipDisabled: import("@angular/core").InputSignal<boolean>;
|
|
183
|
+
readonly TooltipShowDelay: import("@angular/core").InputSignal<number>;
|
|
184
|
+
/**
|
|
185
|
+
* Delay before hiding. It matches the show delay rather than being zero so the
|
|
186
|
+
* pointer can cross the offset gap and land on the panel, which is what makes
|
|
187
|
+
* the panel reachable (WCAG 1.4.13, hoverable). Set `0` for an instant hide,
|
|
188
|
+
* accepting that the panel then cannot be hovered.
|
|
189
|
+
*/
|
|
190
|
+
readonly TooltipHideDelay: import("@angular/core").InputSignal<number>;
|
|
191
|
+
private overlayRef;
|
|
192
|
+
private contentRef;
|
|
193
|
+
private showTimeoutId;
|
|
194
|
+
private hideTimeoutId;
|
|
195
|
+
private isPointerInsidePanel;
|
|
196
|
+
private readonly onPanelPointerEnter;
|
|
197
|
+
private readonly onPanelPointerLeave;
|
|
198
|
+
private readonly side;
|
|
199
|
+
constructor();
|
|
200
|
+
show(): void;
|
|
201
|
+
hide(): void;
|
|
202
|
+
protected scheduleShow(): void;
|
|
203
|
+
protected scheduleHide(): void;
|
|
204
|
+
private clearTimers;
|
|
205
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
206
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[Tooltip]", ["Tooltip"], {
|
|
207
|
+
"Tooltip": {
|
|
208
|
+
"alias": "Tooltip";
|
|
209
|
+
"required": false;
|
|
210
|
+
"isSignal": true;
|
|
211
|
+
};
|
|
212
|
+
"TooltipPosition": {
|
|
213
|
+
"alias": "TooltipPosition";
|
|
214
|
+
"required": false;
|
|
215
|
+
"isSignal": true;
|
|
216
|
+
};
|
|
217
|
+
"TooltipDisabled": {
|
|
218
|
+
"alias": "TooltipDisabled";
|
|
219
|
+
"required": false;
|
|
220
|
+
"isSignal": true;
|
|
221
|
+
};
|
|
222
|
+
"TooltipShowDelay": {
|
|
223
|
+
"alias": "TooltipShowDelay";
|
|
224
|
+
"required": false;
|
|
225
|
+
"isSignal": true;
|
|
226
|
+
};
|
|
227
|
+
"TooltipHideDelay": {
|
|
228
|
+
"alias": "TooltipHideDelay";
|
|
229
|
+
"required": false;
|
|
230
|
+
"isSignal": true;
|
|
231
|
+
};
|
|
232
|
+
}, {}, never, never, true, never>;
|
|
233
|
+
}
|
|
@@ -1,24 +1,21 @@
|
|
|
1
|
-
import { ClassValue } from
|
|
2
|
-
import { InjectionToken } from
|
|
3
|
-
|
|
4
|
-
declare function cn(...inputs: ClassValue[]): string;
|
|
5
|
-
|
|
1
|
+
import { ClassValue } from "clsx";
|
|
2
|
+
import { InjectionToken } from "@angular/core";
|
|
3
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
6
4
|
/** Request/application-scoped DOM id generator with deterministic sequencing. */
|
|
7
|
-
declare class UiIdGenerator {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
export declare class UiIdGenerator {
|
|
6
|
+
private counter;
|
|
7
|
+
private readonly appInfix;
|
|
8
|
+
constructor(appId?: string);
|
|
9
|
+
next(prefix: string): string;
|
|
12
10
|
}
|
|
13
11
|
/**
|
|
14
12
|
* One generator per Angular application injector. Separate SSR requests and a
|
|
15
13
|
* hydrating browser application therefore start from the same deterministic
|
|
16
14
|
* sequence instead of sharing process-global state.
|
|
17
15
|
*/
|
|
18
|
-
declare const UI_ID_GENERATOR: InjectionToken<UiIdGenerator>;
|
|
16
|
+
export declare const UI_ID_GENERATOR: InjectionToken<UiIdGenerator>;
|
|
19
17
|
/** Generates an id during component/directive construction. */
|
|
20
|
-
declare function injectUniqueId(prefix: string): string;
|
|
21
|
-
|
|
18
|
+
export declare function injectUniqueId(prefix: string): string;
|
|
22
19
|
/**
|
|
23
20
|
* One item of a horizontal roving row: a trigger that discloses an overlay, or
|
|
24
21
|
* a plain link sitting beside one. The row only ever asks an item whether it is
|
|
@@ -26,33 +23,33 @@ declare function injectUniqueId(prefix: string): string;
|
|
|
26
23
|
* never touches roles or ARIA, so a real `menubar` and a disclosure navigation
|
|
27
24
|
* can share it without either inheriting the other's semantics.
|
|
28
25
|
*/
|
|
29
|
-
interface RovingRowItem {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
export interface RovingRowItem {
|
|
27
|
+
disabled(): boolean;
|
|
28
|
+
focus(): void;
|
|
29
|
+
containsTarget(target: EventTarget | null): boolean;
|
|
33
30
|
}
|
|
34
31
|
/** The subset of a disclosure trigger the row needs to hand one panel over. */
|
|
35
|
-
interface RovingRowTrigger extends RovingRowItem {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
export interface RovingRowTrigger extends RovingRowItem {
|
|
33
|
+
close(options: {
|
|
34
|
+
restoreFocus: boolean;
|
|
35
|
+
}): void;
|
|
39
36
|
}
|
|
40
|
-
type RovingRowDirection = 'previous' | 'next' | 'start' | 'end';
|
|
37
|
+
export type RovingRowDirection = 'previous' | 'next' | 'start' | 'end';
|
|
41
38
|
/** Which items answer for a keyboard event: every one, or only the enabled ones. */
|
|
42
|
-
type RovingRowScope = 'all' | 'enabled';
|
|
43
|
-
interface RovingRowConfig<TItem extends RovingRowItem> {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
39
|
+
export type RovingRowScope = 'all' | 'enabled';
|
|
40
|
+
export interface RovingRowConfig<TItem extends RovingRowItem> {
|
|
41
|
+
/** Every row item in DOM order, disabled ones included. */
|
|
42
|
+
items: () => readonly TItem[];
|
|
43
|
+
/** The row element; its resolved writing direction decides which way an arrow steps. */
|
|
44
|
+
host: () => HTMLElement;
|
|
45
|
+
/** Whether arrows wrap around at the ends instead of clamping. */
|
|
46
|
+
loop: () => boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Commits a resolved move. The row has already picked the neighbour and
|
|
49
|
+
* ruled out the no-op cases; what focusing it means for an open panel is the
|
|
50
|
+
* owning component's decision, so it lands here.
|
|
51
|
+
*/
|
|
52
|
+
enter: (item: TItem) => void;
|
|
56
53
|
}
|
|
57
54
|
/**
|
|
58
55
|
* Roving focus across one horizontal row of items, with at most one open
|
|
@@ -63,43 +60,42 @@ interface RovingRowConfig<TItem extends RovingRowItem> {
|
|
|
63
60
|
* panel open. Everything that differs between the two -- roles, ARIA, and what
|
|
64
61
|
* happens to an open panel when focus moves on -- stays in the components.
|
|
65
62
|
*/
|
|
66
|
-
declare class RovingRow<TItem extends RovingRowItem, TTrigger extends TItem & RovingRowTrigger> {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
63
|
+
export declare class RovingRow<TItem extends RovingRowItem, TTrigger extends TItem & RovingRowTrigger> {
|
|
64
|
+
private readonly config;
|
|
65
|
+
private readonly activeItem;
|
|
66
|
+
private readonly open;
|
|
67
|
+
constructor(config: RovingRowConfig<TItem>);
|
|
68
|
+
items(): readonly TItem[];
|
|
69
|
+
enabledItems(): TItem[];
|
|
70
|
+
setActive(item: TItem): void;
|
|
71
|
+
/**
|
|
72
|
+
* The roving `tabindex` for one row item.
|
|
73
|
+
*
|
|
74
|
+
* A composite widget carries exactly one tab stop: normally the active item
|
|
75
|
+
* owns it, falling back to the first enabled one. When EVERY item is disabled
|
|
76
|
+
* there is no enabled candidate, and leaving them all at `-1` drops the whole
|
|
77
|
+
* widget out of the tab order -- it becomes unreachable and a keyboard user
|
|
78
|
+
* cannot even discover that it is there. The first item keeps the tab stop
|
|
79
|
+
* instead and announces its state through `aria-disabled`, which is the APG
|
|
80
|
+
* focusable-disabled-item approach.
|
|
81
|
+
*/
|
|
82
|
+
tabIndexFor(item: TItem): number;
|
|
83
|
+
openTrigger(): TTrigger | null;
|
|
84
|
+
hasOpenTrigger(except?: TTrigger): boolean;
|
|
85
|
+
notifyOpen(trigger: TTrigger): void;
|
|
86
|
+
notifyClosed(trigger: TTrigger): void;
|
|
87
|
+
/** The row item an event came from, or `null` when it came from outside the row. */
|
|
88
|
+
itemFrom(target: EventTarget | null, scope: RovingRowScope): TItem | null;
|
|
89
|
+
/**
|
|
90
|
+
* Handles the keys that walk the row itself -- Home, End and the horizontal
|
|
91
|
+
* arrows -- and reports whether it claimed the event, so a component can add
|
|
92
|
+
* its own keys around this without restating the row model.
|
|
93
|
+
*/
|
|
94
|
+
handleNavigationKey(item: TItem, event: KeyboardEvent): boolean;
|
|
95
|
+
move(currentItem: TItem, direction: RovingRowDirection): void;
|
|
96
|
+
private nextIndex;
|
|
97
|
+
private horizontalStep;
|
|
101
98
|
}
|
|
102
|
-
|
|
103
99
|
/**
|
|
104
100
|
* Per-component corner-radius / spacing-density override helpers.
|
|
105
101
|
*
|
|
@@ -116,22 +112,21 @@ declare class RovingRow<TItem extends RovingRowItem, TTrigger extends TItem & Ro
|
|
|
116
112
|
* `'inherit'` preset binds nothing, so the component keeps following the axis.
|
|
117
113
|
*/
|
|
118
114
|
/** Corner-radius presets for a per-component `radius` input. */
|
|
119
|
-
declare const COMPONENT_RADII: readonly ["inherit", "none", "xs", "sm", "md", "xl", "full"];
|
|
120
|
-
type ComponentRadius = (typeof COMPONENT_RADII)[number];
|
|
115
|
+
export declare const COMPONENT_RADII: readonly ["inherit", "none", "xs", "sm", "md", "xl", "full"];
|
|
116
|
+
export type ComponentRadius = (typeof COMPONENT_RADII)[number];
|
|
121
117
|
/** Spacing-density presets for a per-component `density` input. */
|
|
122
|
-
declare const COMPONENT_DENSITIES: readonly ["inherit", "compact", "normal", "relaxed", "spacious"];
|
|
123
|
-
type ComponentDensity = (typeof COMPONENT_DENSITIES)[number];
|
|
118
|
+
export declare const COMPONENT_DENSITIES: readonly ["inherit", "compact", "normal", "relaxed", "spacious"];
|
|
119
|
+
export type ComponentDensity = (typeof COMPONENT_DENSITIES)[number];
|
|
124
120
|
/**
|
|
125
121
|
* Resolves a `radius` input to a `--radius-base` value, or `null` to inherit the
|
|
126
122
|
* global axis. Bind the result to the surface host: `[style.--radius-base]`.
|
|
127
123
|
*/
|
|
128
|
-
declare function radiusBaseValue(radius: ComponentRadius): string | null;
|
|
124
|
+
export declare function radiusBaseValue(radius: ComponentRadius): string | null;
|
|
129
125
|
/**
|
|
130
126
|
* Resolves a `density` input to a `--spacing-base` value, or `null` to inherit
|
|
131
127
|
* the global axis. Bind the result to the surface host: `[style.--spacing-base]`.
|
|
132
128
|
*/
|
|
133
|
-
declare function densityBaseValue(density: ComponentDensity): string | null;
|
|
134
|
-
|
|
129
|
+
export declare function densityBaseValue(density: ComponentDensity): string | null;
|
|
135
130
|
/**
|
|
136
131
|
* Returns a document-unique id with the given prefix, e.g. `uniqueId('Checkbox')`
|
|
137
132
|
* → `"checkbox-1"`. Single shared counter for every component in the library.
|
|
@@ -139,8 +134,7 @@ declare function densityBaseValue(density: ComponentDensity): string | null;
|
|
|
139
134
|
* @deprecated Use `injectUniqueId` or inject `UI_ID_GENERATOR`. This legacy
|
|
140
135
|
* function cannot isolate concurrent server-rendering requests.
|
|
141
136
|
*/
|
|
142
|
-
declare function uniqueId(prefix: string): string;
|
|
143
|
-
|
|
137
|
+
export declare function uniqueId(prefix: string): string;
|
|
144
138
|
/**
|
|
145
139
|
* One safe way to touch `localStorage`, for every library that persists a
|
|
146
140
|
* preference.
|
|
@@ -160,10 +154,10 @@ declare function uniqueId(prefix: string): string;
|
|
|
160
154
|
* entry point.
|
|
161
155
|
*/
|
|
162
156
|
/** A storage that never throws. Missing storage reads as `null` and writes are dropped. */
|
|
163
|
-
interface WebStorageRef {
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
157
|
+
export interface WebStorageRef {
|
|
158
|
+
read(key: string): string | null;
|
|
159
|
+
write(key: string, value: string): void;
|
|
160
|
+
remove(key: string): void;
|
|
167
161
|
}
|
|
168
162
|
/**
|
|
169
163
|
* `localStorage` reached through a document's own window.
|
|
@@ -172,13 +166,10 @@ interface WebStorageRef {
|
|
|
172
166
|
* part that can throw, and a storage that is blocked now may be available later
|
|
173
167
|
* (or the other way round).
|
|
174
168
|
*/
|
|
175
|
-
declare function documentLocalStorage(documentRef: Document | null | undefined): WebStorageRef;
|
|
169
|
+
export declare function documentLocalStorage(documentRef: Document | null | undefined): WebStorageRef;
|
|
176
170
|
/**
|
|
177
171
|
* `localStorage` from the global scope, for callers that only know whether they
|
|
178
172
|
* are in a browser (the `isPlatformBrowser` flavour) rather than holding a
|
|
179
173
|
* `Document`.
|
|
180
174
|
*/
|
|
181
|
-
declare function globalLocalStorage(isBrowser: boolean): WebStorageRef;
|
|
182
|
-
|
|
183
|
-
export { COMPONENT_DENSITIES, COMPONENT_RADII, RovingRow, UI_ID_GENERATOR, UiIdGenerator, cn, densityBaseValue, documentLocalStorage, globalLocalStorage, injectUniqueId, radiusBaseValue, uniqueId };
|
|
184
|
-
export type { ComponentDensity, ComponentRadius, RovingRowConfig, RovingRowDirection, RovingRowItem, RovingRowScope, RovingRowTrigger, WebStorageRef };
|
|
175
|
+
export declare function globalLocalStorage(isBrowser: boolean): WebStorageRef;
|
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
import { ConnectedPosition, OverlayRef } from
|
|
2
|
-
import { Observable } from
|
|
3
|
-
|
|
4
|
-
type
|
|
5
|
-
type OverlayAlign = 'start' | 'center' | 'end';
|
|
1
|
+
import { ConnectedPosition, OverlayRef } from "@angular/cdk/overlay";
|
|
2
|
+
import { Observable } from "rxjs";
|
|
3
|
+
export type OverlaySide = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
export type OverlayAlign = 'start' | 'center' | 'end';
|
|
6
5
|
/**
|
|
7
6
|
* Builds the CDK `ConnectedPosition` for a shadcn-style `side`/`align`/`sideOffset`
|
|
8
7
|
* triple. Shared by every anchored overlay in the library (popover, tooltip,
|
|
9
8
|
* hover-card, menus, combobox).
|
|
10
9
|
*/
|
|
11
|
-
declare function connectedPositionFor(side: OverlaySide, align: OverlayAlign, sideOffset: number): ConnectedPosition;
|
|
12
|
-
declare function oppositeSide(side: OverlaySide): OverlaySide;
|
|
10
|
+
export declare function connectedPositionFor(side: OverlaySide, align: OverlayAlign, sideOffset: number): ConnectedPosition;
|
|
11
|
+
export declare function oppositeSide(side: OverlaySide): OverlaySide;
|
|
13
12
|
/**
|
|
14
13
|
* Emits whenever the user dismisses the overlay: pointer down outside (ignoring
|
|
15
14
|
* the origin element so trigger clicks keep toggling), Escape, or detachment.
|
|
16
15
|
* Subscribers decide how to close.
|
|
17
16
|
*/
|
|
18
|
-
declare function overlayDismissals(overlayRef: OverlayRef, origin?: HTMLElement): Observable<unknown>;
|
|
19
|
-
|
|
20
|
-
export { connectedPositionFor, oppositeSide, overlayDismissals };
|
|
21
|
-
export type { OverlayAlign, OverlaySide };
|
|
17
|
+
export declare function overlayDismissals(overlayRef: OverlayRef, origin?: HTMLElement): Observable<unknown>;
|