@ojiepermana/angular 22.1.14 → 22.2.1
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 +1 -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-DYuysKVf.mjs +129 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs +812 -0
- package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-COQ-60DS.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs} +392 -207
- package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-D2vwEwBY.mjs +650 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs +662 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs +1219 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs +327 -0
- package/fesm2022/ojiepermana-angular-navigation-service.mjs +544 -724
- package/fesm2022/ojiepermana-angular-navigation-types.mjs +139 -56
- package/fesm2022/ojiepermana-angular-navigation.mjs +3256 -4
- package/fesm2022/ojiepermana-angular-sdk.mjs +91 -201
- package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +1125 -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 +1928 -553
- 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 +69 -18
- 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 +166 -125
- package/types/ojiepermana-angular-navigation.d.ts +708 -375
- package/types/ojiepermana-angular-sdk.d.ts +69 -71
- package/types/ojiepermana-angular-theme-component-settings.d.ts +120 -86
- 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 +446 -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,64 +1,60 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
|
|
3
|
-
type
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
readonly error: ToastMessage<unknown>;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type ToastVariant = 'default' | 'destructive' | 'success' | 'info' | 'warning';
|
|
3
|
+
export type ToastMessage<T> = string | ((value: T) => string);
|
|
4
|
+
export interface ToastPromiseMessages<T> {
|
|
5
|
+
readonly loading: string;
|
|
6
|
+
readonly success: ToastMessage<T>;
|
|
7
|
+
readonly error: ToastMessage<unknown>;
|
|
9
8
|
}
|
|
10
|
-
type ToastHorizontalPosition = 'start' | 'center' | 'end' | 'left' | 'right';
|
|
11
|
-
type ToastVerticalPosition = 'top' | 'bottom';
|
|
12
|
-
interface ToastOptions {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
9
|
+
export type ToastHorizontalPosition = 'start' | 'center' | 'end' | 'left' | 'right';
|
|
10
|
+
export type ToastVerticalPosition = 'top' | 'bottom';
|
|
11
|
+
export interface ToastOptions {
|
|
12
|
+
readonly title?: string;
|
|
13
|
+
readonly description?: string;
|
|
14
|
+
readonly action?: string;
|
|
15
|
+
/** Accessible label for the dismiss button. */
|
|
16
|
+
readonly dismissLabel?: string;
|
|
17
|
+
readonly variant?: ToastVariant;
|
|
18
|
+
readonly durationMs?: number | null;
|
|
19
|
+
/** Pause auto-dismiss while pointer or keyboard focus is inside the toast. */
|
|
20
|
+
readonly pauseOnInteraction?: boolean;
|
|
21
|
+
readonly horizontalPosition?: ToastHorizontalPosition;
|
|
22
|
+
readonly verticalPosition?: ToastVerticalPosition;
|
|
24
23
|
}
|
|
25
24
|
/** Handle for a shown toast. */
|
|
26
|
-
interface ToastRef {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
export interface ToastRef {
|
|
26
|
+
dismiss(): void;
|
|
27
|
+
/** Resolves with `true` when the action button dismissed the toast. */
|
|
28
|
+
readonly afterDismissed: Promise<{
|
|
29
|
+
dismissedByAction: boolean;
|
|
30
|
+
}>;
|
|
32
31
|
}
|
|
33
32
|
/**
|
|
34
33
|
* Signal-era toast tanpa dependensi Material: stack dirender ke sebuah live
|
|
35
34
|
* region (`role="status"`, `aria-live="polite"`) sehingga screen reader
|
|
36
35
|
* mengumumkan setiap toast.
|
|
37
36
|
*/
|
|
38
|
-
declare class ToastService {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
export { ToastService };
|
|
64
|
-
export type { ToastHorizontalPosition, ToastMessage, ToastOptions, ToastPromiseMessages, ToastRef, ToastVariant, ToastVerticalPosition };
|
|
37
|
+
export declare class ToastService {
|
|
38
|
+
private readonly documentRef;
|
|
39
|
+
private container;
|
|
40
|
+
private readonly active;
|
|
41
|
+
constructor();
|
|
42
|
+
show(options: ToastOptions): ToastRef;
|
|
43
|
+
success(opts: Omit<ToastOptions, 'variant'>): ToastRef;
|
|
44
|
+
info(opts: Omit<ToastOptions, 'variant'>): ToastRef;
|
|
45
|
+
warning(opts: Omit<ToastOptions, 'variant'>): ToastRef;
|
|
46
|
+
error(opts: Omit<ToastOptions, 'variant'>): ToastRef;
|
|
47
|
+
promise<T>(taskOrFactory: Promise<T> | (() => Promise<T>), messages: ToastPromiseMessages<T>): Promise<T>;
|
|
48
|
+
dismiss(): void;
|
|
49
|
+
private ensureContainer;
|
|
50
|
+
/**
|
|
51
|
+
* Position the persistent container for the toast being shown.
|
|
52
|
+
*
|
|
53
|
+
* Applied only when the stack is empty (see {@link show}), so a run of toasts
|
|
54
|
+
* shares one corner and nothing already visible jumps. The previous corner is
|
|
55
|
+
* cleared first, so switching corners between runs works.
|
|
56
|
+
*/
|
|
57
|
+
private applyPosition;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
|
|
59
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
60
|
+
}
|
|
@@ -1,90 +1,161 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
type
|
|
6
|
-
type
|
|
7
|
-
type
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ToggleGroupContextBase, never, never, {}, {}, never, never, true, never>;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { OnDestroy, OnInit } from "@angular/core";
|
|
3
|
+
import { ToggleSize, ToggleVariant } from "@ojiepermana/angular/component/toggle";
|
|
4
|
+
export type ToggleGroupType = 'single' | 'multiple';
|
|
5
|
+
export type ToggleGroupOrientation = 'horizontal' | 'vertical';
|
|
6
|
+
export type ToggleGroupVariant = ToggleVariant;
|
|
7
|
+
export type ToggleGroupSize = ToggleSize;
|
|
8
|
+
export declare abstract class ToggleGroupContextBase {
|
|
9
|
+
abstract groupType(): ToggleGroupType;
|
|
10
|
+
abstract groupOrientation(): ToggleGroupOrientation;
|
|
11
|
+
abstract groupVariant(): ToggleGroupVariant;
|
|
12
|
+
abstract groupSize(): ToggleGroupSize;
|
|
13
|
+
abstract groupDisabled(): boolean;
|
|
14
|
+
abstract isRtl(): boolean;
|
|
15
|
+
abstract register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
|
|
16
|
+
abstract unregister(element: HTMLElement): void;
|
|
17
|
+
abstract isSelected(value: string): boolean;
|
|
18
|
+
abstract toggle(value: string): void;
|
|
19
|
+
abstract tabindexFor(value: string, disabled: boolean): number;
|
|
20
|
+
abstract markFocused(value: string): void;
|
|
21
|
+
abstract focusNext(from: HTMLElement, offset: number): void;
|
|
22
|
+
abstract focusFirst(): void;
|
|
23
|
+
abstract focusLast(): void;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleGroupContextBase, never>;
|
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToggleGroupContextBase, never, never, {}, {}, never, never, true, never>;
|
|
27
26
|
}
|
|
28
|
-
declare class ToggleGroupComponent extends ToggleGroupContextBase {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
27
|
+
export declare class ToggleGroupComponent extends ToggleGroupContextBase {
|
|
28
|
+
readonly type: import("@angular/core").InputSignal<ToggleGroupType>;
|
|
29
|
+
readonly value: import("@angular/core").ModelSignal<string | null>;
|
|
30
|
+
readonly values: import("@angular/core").ModelSignal<string[]>;
|
|
31
|
+
readonly orientation: import("@angular/core").InputSignal<ToggleGroupOrientation>;
|
|
32
|
+
readonly variant: import("@angular/core").InputSignal<ToggleVariant>;
|
|
33
|
+
readonly size: import("@angular/core").InputSignal<ToggleSize>;
|
|
34
|
+
readonly spacing: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
35
|
+
readonly loop: import("@angular/core").InputSignal<boolean>;
|
|
36
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
37
|
+
readonly dir: import("@angular/core").InputSignal<"ltr" | "rtl" | null>;
|
|
38
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
39
|
+
private readonly host;
|
|
40
|
+
private readonly focusedValue;
|
|
41
|
+
private readonly registrationVersion;
|
|
42
|
+
private readonly items;
|
|
43
|
+
private readonly resolvedSpacing;
|
|
44
|
+
private readonly tabStopValue;
|
|
45
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
46
|
+
groupType(): ToggleGroupType;
|
|
47
|
+
groupOrientation(): ToggleGroupOrientation;
|
|
48
|
+
groupVariant(): ToggleGroupVariant;
|
|
49
|
+
groupSize(): ToggleGroupSize;
|
|
50
|
+
groupDisabled(): boolean;
|
|
51
|
+
isRtl(): boolean;
|
|
52
|
+
register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
|
|
53
|
+
unregister(element: HTMLElement): void;
|
|
54
|
+
isSelected(value: string): boolean;
|
|
55
|
+
toggle(value: string): void;
|
|
56
|
+
tabindexFor(value: string, disabled: boolean): number;
|
|
57
|
+
markFocused(value: string): void;
|
|
58
|
+
focusNext(from: HTMLElement, offset: number): void;
|
|
59
|
+
focusFirst(): void;
|
|
60
|
+
focusLast(): void;
|
|
61
|
+
private enabledItems;
|
|
62
|
+
private itemForValue;
|
|
63
|
+
private bumpRegistrationVersion;
|
|
64
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleGroupComponent, never>;
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleGroupComponent, "ToggleGroup", never, {
|
|
66
|
+
"type": {
|
|
67
|
+
"alias": "type";
|
|
68
|
+
"required": true;
|
|
69
|
+
"isSignal": true;
|
|
70
|
+
};
|
|
71
|
+
"value": {
|
|
72
|
+
"alias": "value";
|
|
73
|
+
"required": false;
|
|
74
|
+
"isSignal": true;
|
|
75
|
+
};
|
|
76
|
+
"values": {
|
|
77
|
+
"alias": "values";
|
|
78
|
+
"required": false;
|
|
79
|
+
"isSignal": true;
|
|
80
|
+
};
|
|
81
|
+
"orientation": {
|
|
82
|
+
"alias": "orientation";
|
|
83
|
+
"required": false;
|
|
84
|
+
"isSignal": true;
|
|
85
|
+
};
|
|
86
|
+
"variant": {
|
|
87
|
+
"alias": "variant";
|
|
88
|
+
"required": false;
|
|
89
|
+
"isSignal": true;
|
|
90
|
+
};
|
|
91
|
+
"size": {
|
|
92
|
+
"alias": "size";
|
|
93
|
+
"required": false;
|
|
94
|
+
"isSignal": true;
|
|
95
|
+
};
|
|
96
|
+
"spacing": {
|
|
97
|
+
"alias": "spacing";
|
|
98
|
+
"required": false;
|
|
99
|
+
"isSignal": true;
|
|
100
|
+
};
|
|
101
|
+
"loop": {
|
|
102
|
+
"alias": "loop";
|
|
103
|
+
"required": false;
|
|
104
|
+
"isSignal": true;
|
|
105
|
+
};
|
|
106
|
+
"disabled": {
|
|
107
|
+
"alias": "disabled";
|
|
108
|
+
"required": false;
|
|
109
|
+
"isSignal": true;
|
|
110
|
+
};
|
|
111
|
+
"dir": {
|
|
112
|
+
"alias": "dir";
|
|
113
|
+
"required": false;
|
|
114
|
+
"isSignal": true;
|
|
115
|
+
};
|
|
116
|
+
"class": {
|
|
117
|
+
"alias": "class";
|
|
118
|
+
"required": false;
|
|
119
|
+
"isSignal": true;
|
|
120
|
+
};
|
|
121
|
+
}, {
|
|
122
|
+
"value": "valueChange";
|
|
123
|
+
"values": "valuesChange";
|
|
124
|
+
}, never, ["*"], true, never>;
|
|
67
125
|
}
|
|
68
|
-
declare class ToggleGroupItemDirective implements OnInit, OnDestroy {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
126
|
+
export declare class ToggleGroupItemDirective implements OnInit, OnDestroy {
|
|
127
|
+
protected readonly ctx: ToggleGroupContextBase;
|
|
128
|
+
private readonly element;
|
|
129
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
|
130
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
131
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
132
|
+
protected readonly selected: import("@angular/core").Signal<boolean>;
|
|
133
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
134
|
+
ngOnInit(): void;
|
|
135
|
+
ngOnDestroy(): void;
|
|
136
|
+
protected isDisabled(): boolean;
|
|
137
|
+
protected onClick(): void;
|
|
138
|
+
protected onFocus(): void;
|
|
139
|
+
protected onArrow(event: KeyboardEvent, offset: number): void;
|
|
140
|
+
protected onHorizontalArrow(event: KeyboardEvent, offset: number): void;
|
|
141
|
+
protected onHome(event: KeyboardEvent): void;
|
|
142
|
+
protected onEnd(event: KeyboardEvent): void;
|
|
143
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleGroupItemDirective, never>;
|
|
144
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToggleGroupItemDirective, "button[ToggleGroupItem]", never, {
|
|
145
|
+
"value": {
|
|
146
|
+
"alias": "value";
|
|
147
|
+
"required": true;
|
|
148
|
+
"isSignal": true;
|
|
149
|
+
};
|
|
150
|
+
"disabled": {
|
|
151
|
+
"alias": "disabled";
|
|
152
|
+
"required": false;
|
|
153
|
+
"isSignal": true;
|
|
154
|
+
};
|
|
155
|
+
"class": {
|
|
156
|
+
"alias": "class";
|
|
157
|
+
"required": false;
|
|
158
|
+
"isSignal": true;
|
|
159
|
+
};
|
|
160
|
+
}, {}, never, never, true, never>;
|
|
161
|
+
}
|
|
@@ -1,25 +1,47 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare const toggleVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "outline" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export type ToggleVariant = NonNullable<VariantProps<typeof toggleVariants>['variant']>;
|
|
8
|
+
export type ToggleSize = NonNullable<VariantProps<typeof toggleVariants>['size']>;
|
|
9
|
+
export declare class ToggleComponent {
|
|
10
|
+
readonly pressed: import("@angular/core").ModelSignal<boolean>;
|
|
11
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
readonly variant: import("@angular/core").InputSignal<ToggleVariant>;
|
|
13
|
+
readonly size: import("@angular/core").InputSignal<ToggleSize>;
|
|
14
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
15
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
16
|
+
toggle(): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "button[Toggle]", never, {
|
|
19
|
+
"pressed": {
|
|
20
|
+
"alias": "pressed";
|
|
21
|
+
"required": false;
|
|
22
|
+
"isSignal": true;
|
|
23
|
+
};
|
|
24
|
+
"disabled": {
|
|
25
|
+
"alias": "disabled";
|
|
26
|
+
"required": false;
|
|
27
|
+
"isSignal": true;
|
|
28
|
+
};
|
|
29
|
+
"variant": {
|
|
30
|
+
"alias": "variant";
|
|
31
|
+
"required": false;
|
|
32
|
+
"isSignal": true;
|
|
33
|
+
};
|
|
34
|
+
"size": {
|
|
35
|
+
"alias": "size";
|
|
36
|
+
"required": false;
|
|
37
|
+
"isSignal": true;
|
|
38
|
+
};
|
|
39
|
+
"class": {
|
|
40
|
+
"alias": "class";
|
|
41
|
+
"required": false;
|
|
42
|
+
"isSignal": true;
|
|
43
|
+
};
|
|
44
|
+
}, {
|
|
45
|
+
"pressed": "pressedChange";
|
|
46
|
+
}, never, ["*"], true, never>;
|
|
47
|
+
}
|