@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,124 +1,183 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import * as i1 from
|
|
4
|
-
import { ComponentScaleDirective } from
|
|
5
|
-
|
|
6
|
-
type TabsListVariant = 'default' | 'line';
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { OnDestroy, OnInit, Signal, model } 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 TabsListVariant = 'default' | 'line';
|
|
7
6
|
/**
|
|
8
7
|
* Shared state for a tabs group. Children read the active value and register
|
|
9
8
|
* themselves so the group can drive roving-tabindex keyboard navigation.
|
|
10
9
|
*/
|
|
11
|
-
declare abstract class TabsContextBase {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
10
|
+
export declare abstract class TabsContextBase {
|
|
11
|
+
abstract value: ReturnType<typeof model<string | null>>;
|
|
12
|
+
abstract effectiveValue: Signal<string | null>;
|
|
13
|
+
abstract register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
|
|
14
|
+
abstract unregister(element: HTMLElement): void;
|
|
15
|
+
abstract activate(value: string, focus?: boolean): void;
|
|
16
|
+
abstract tabIndexFor(element: HTMLElement): number;
|
|
17
|
+
abstract focusNext(from: HTMLElement, offset: number): void;
|
|
18
|
+
abstract focusFirst(): void;
|
|
19
|
+
abstract focusLast(): void;
|
|
20
|
+
abstract triggerId(value: string): string;
|
|
21
|
+
abstract contentId(value: string): string;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsContextBase, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabsContextBase, never, never, {}, {}, never, never, true, never>;
|
|
25
24
|
}
|
|
26
|
-
declare abstract class TabsListContextBase {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
export declare abstract class TabsListContextBase {
|
|
26
|
+
abstract listVariant(): TabsListVariant;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsListContextBase, never>;
|
|
28
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabsListContextBase, never, never, {}, {}, never, never, true, never>;
|
|
30
29
|
}
|
|
31
|
-
declare class TabsComponent extends TabsContextBase {
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
30
|
+
export declare class TabsComponent extends TabsContextBase {
|
|
31
|
+
protected readonly componentScale: ComponentScaleDirective;
|
|
32
|
+
readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
|
|
33
|
+
readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
|
|
34
|
+
readonly value: import("@angular/core").ModelSignal<string | null>;
|
|
35
|
+
readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
|
|
36
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
37
|
+
private readonly idPrefix;
|
|
38
|
+
private readonly triggers;
|
|
39
|
+
/**
|
|
40
|
+
* The value the group actually renders.
|
|
41
|
+
*
|
|
42
|
+
* A group whose `value` is empty -- nothing bound at all, or a consumer signal
|
|
43
|
+
* that starts at null -- still has to show a tab, so the first enabled trigger
|
|
44
|
+
* stands in. Derived rather than written back: `value` is the consumer's
|
|
45
|
+
* two-way binding to own, and filling it in on their behalf reported a
|
|
46
|
+
* selection they never made, from inside a child's ngOnInit.
|
|
47
|
+
*/
|
|
48
|
+
readonly effectiveValue: Signal<string>;
|
|
49
|
+
protected readonly classes: Signal<string>;
|
|
50
|
+
register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
|
|
51
|
+
unregister(element: HTMLElement): void;
|
|
52
|
+
/**
|
|
53
|
+
* The roving `tabindex` for one trigger.
|
|
54
|
+
*
|
|
55
|
+
* Normally the selected trigger is the single tab stop. When the bound value
|
|
56
|
+
* matches no ENABLED trigger the first enabled one takes the tab stop instead.
|
|
57
|
+
* Without that fallback a value nothing answers to -- a typo, a tab removed
|
|
58
|
+
* from the DOM while it was selected, a selected tab that is disabled -- left
|
|
59
|
+
* every trigger at `tabindex=-1`, which drops the whole tablist out of the tab
|
|
60
|
+
* order and leaves a keyboard user with no way into it at all.
|
|
61
|
+
*
|
|
62
|
+
* The fallback is presentation only: it never rewrites `value`, because that
|
|
63
|
+
* is the consumer's two-way binding to own.
|
|
64
|
+
*/
|
|
65
|
+
tabIndexFor(element: HTMLElement): number;
|
|
66
|
+
activate(value: string, focus?: boolean): void;
|
|
67
|
+
focusNext(from: HTMLElement, offset: number): void;
|
|
68
|
+
focusFirst(): void;
|
|
69
|
+
focusLast(): void;
|
|
70
|
+
triggerId(value: string): string;
|
|
71
|
+
contentId(value: string): string;
|
|
72
|
+
private enabledTriggers;
|
|
73
|
+
private triggerForValue;
|
|
74
|
+
private normalizeValue;
|
|
75
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
|
|
76
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "Tabs", never, {
|
|
77
|
+
"value": {
|
|
78
|
+
"alias": "value";
|
|
79
|
+
"required": false;
|
|
80
|
+
"isSignal": true;
|
|
81
|
+
};
|
|
82
|
+
"orientation": {
|
|
83
|
+
"alias": "orientation";
|
|
84
|
+
"required": false;
|
|
85
|
+
"isSignal": true;
|
|
86
|
+
};
|
|
87
|
+
"class": {
|
|
88
|
+
"alias": "class";
|
|
89
|
+
"required": false;
|
|
90
|
+
"isSignal": true;
|
|
91
|
+
};
|
|
92
|
+
}, {
|
|
93
|
+
"value": "valueChange";
|
|
94
|
+
}, never, ["*"], true, [{
|
|
95
|
+
directive: typeof i1.ComponentScaleDirective;
|
|
96
|
+
inputs: {
|
|
97
|
+
"radius": "radius";
|
|
98
|
+
"density": "density";
|
|
99
|
+
};
|
|
100
|
+
outputs: {};
|
|
101
|
+
}]>;
|
|
78
102
|
}
|
|
79
|
-
declare class TabsListComponent extends TabsListContextBase {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
103
|
+
export declare class TabsListComponent extends TabsListContextBase {
|
|
104
|
+
protected readonly ctx: TabsComponent;
|
|
105
|
+
readonly variant: import("@angular/core").InputSignal<TabsListVariant>;
|
|
106
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
107
|
+
protected readonly classes: Signal<string>;
|
|
108
|
+
listVariant(): TabsListVariant;
|
|
109
|
+
private variantClasses;
|
|
110
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsListComponent, never>;
|
|
111
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsListComponent, "TabsList", never, {
|
|
112
|
+
"variant": {
|
|
113
|
+
"alias": "variant";
|
|
114
|
+
"required": false;
|
|
115
|
+
"isSignal": true;
|
|
116
|
+
};
|
|
117
|
+
"class": {
|
|
118
|
+
"alias": "class";
|
|
119
|
+
"required": false;
|
|
120
|
+
"isSignal": true;
|
|
121
|
+
};
|
|
122
|
+
}, {}, never, ["*"], true, never>;
|
|
88
123
|
}
|
|
89
|
-
declare class TabsTriggerComponent implements OnInit, OnDestroy {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
124
|
+
export declare class TabsTriggerComponent implements OnInit, OnDestroy {
|
|
125
|
+
protected readonly ctx: TabsComponent;
|
|
126
|
+
private readonly list;
|
|
127
|
+
private readonly el;
|
|
128
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
|
129
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
130
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
131
|
+
protected readonly selected: Signal<boolean>;
|
|
132
|
+
protected readonly tabIndex: Signal<number>;
|
|
133
|
+
protected readonly triggerId: Signal<string>;
|
|
134
|
+
protected readonly contentId: Signal<string>;
|
|
135
|
+
protected readonly classes: Signal<string>;
|
|
136
|
+
ngOnInit(): void;
|
|
137
|
+
ngOnDestroy(): void;
|
|
138
|
+
protected onClick(): void;
|
|
139
|
+
protected onArrow(e: KeyboardEvent, delta: number, axis: 'horizontal' | 'vertical'): void;
|
|
140
|
+
protected onHome(e: KeyboardEvent): void;
|
|
141
|
+
protected onEnd(e: KeyboardEvent): void;
|
|
142
|
+
private variantClasses;
|
|
143
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsTriggerComponent, never>;
|
|
144
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsTriggerComponent, "button[TabsTrigger]", 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, ["*"], true, never>;
|
|
110
161
|
}
|
|
111
|
-
declare class TabsContentComponent {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
162
|
+
export declare class TabsContentComponent {
|
|
163
|
+
private readonly ctx;
|
|
164
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
|
165
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
166
|
+
protected readonly active: Signal<boolean>;
|
|
167
|
+
protected readonly triggerId: Signal<string>;
|
|
168
|
+
protected readonly contentId: Signal<string>;
|
|
169
|
+
protected readonly classes: Signal<string>;
|
|
170
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsContentComponent, never>;
|
|
171
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsContentComponent, "TabsContent", never, {
|
|
172
|
+
"value": {
|
|
173
|
+
"alias": "value";
|
|
174
|
+
"required": true;
|
|
175
|
+
"isSignal": true;
|
|
176
|
+
};
|
|
177
|
+
"class": {
|
|
178
|
+
"alias": "class";
|
|
179
|
+
"required": false;
|
|
180
|
+
"isSignal": true;
|
|
181
|
+
};
|
|
182
|
+
}, {}, never, ["*"], true, never>;
|
|
183
|
+
}
|
|
@@ -1,17 +1,27 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import * as i1 from "@ojiepermana/angular/component/utils/scale";
|
|
2
|
+
import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TextareaComponent {
|
|
5
|
+
protected readonly componentScale: ComponentScaleDirective;
|
|
6
|
+
readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
|
|
7
|
+
readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
|
|
8
|
+
private readonly el;
|
|
9
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
10
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
11
|
+
focus(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "textarea[Textarea]", never, {
|
|
14
|
+
"class": {
|
|
15
|
+
"alias": "class";
|
|
16
|
+
"required": false;
|
|
17
|
+
"isSignal": true;
|
|
18
|
+
};
|
|
19
|
+
}, {}, never, never, true, [{
|
|
20
|
+
directive: typeof i1.ComponentScaleDirective;
|
|
21
|
+
inputs: {
|
|
22
|
+
"radius": "radius";
|
|
23
|
+
"density": "density";
|
|
24
|
+
};
|
|
25
|
+
outputs: {};
|
|
26
|
+
}]>;
|
|
27
|
+
}
|
|
@@ -1,64 +1,146 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
type
|
|
4
|
-
type
|
|
5
|
-
type
|
|
6
|
-
type
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type TimelineAlign = 'start' | 'baseline' | 'center' | 'end';
|
|
3
|
+
export type TimelineSize = 'default' | 'lg';
|
|
4
|
+
export type TimelineStatus = 'complete' | 'current' | 'incomplete';
|
|
5
|
+
export type TimelineIndicatorVariant = 'default' | 'bare';
|
|
6
|
+
export type TimelineIndicatorColor = 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
|
|
7
|
+
export declare class TimelineComponent {
|
|
8
|
+
readonly horizontal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
9
|
+
readonly align: import("@angular/core").InputSignal<TimelineAlign>;
|
|
10
|
+
readonly size: import("@angular/core").InputSignal<TimelineSize>;
|
|
11
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
12
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "Timeline", never, {
|
|
15
|
+
"horizontal": {
|
|
16
|
+
"alias": "horizontal";
|
|
17
|
+
"required": false;
|
|
18
|
+
"isSignal": true;
|
|
19
|
+
};
|
|
20
|
+
"align": {
|
|
21
|
+
"alias": "align";
|
|
22
|
+
"required": false;
|
|
23
|
+
"isSignal": true;
|
|
24
|
+
};
|
|
25
|
+
"size": {
|
|
26
|
+
"alias": "size";
|
|
27
|
+
"required": false;
|
|
28
|
+
"isSignal": true;
|
|
29
|
+
};
|
|
30
|
+
"class": {
|
|
31
|
+
"alias": "class";
|
|
32
|
+
"required": false;
|
|
33
|
+
"isSignal": true;
|
|
34
|
+
};
|
|
35
|
+
}, {}, never, ["*"], true, never>;
|
|
16
36
|
}
|
|
17
|
-
declare class TimelineItemComponent {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
37
|
+
export declare class TimelineItemComponent {
|
|
38
|
+
private readonly timeline;
|
|
39
|
+
readonly status: import("@angular/core").InputSignal<TimelineStatus | null>;
|
|
40
|
+
readonly align: import("@angular/core").InputSignal<TimelineAlign | null>;
|
|
41
|
+
readonly size: import("@angular/core").InputSignal<TimelineSize | null>;
|
|
42
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
43
|
+
readonly orientation: import("@angular/core").Signal<"horizontal" | "vertical">;
|
|
44
|
+
readonly resolvedAlign: import("@angular/core").Signal<TimelineAlign>;
|
|
45
|
+
readonly resolvedSize: import("@angular/core").Signal<TimelineSize>;
|
|
46
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
47
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineItemComponent, never>;
|
|
48
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineItemComponent, "TimelineItem", never, {
|
|
49
|
+
"status": {
|
|
50
|
+
"alias": "status";
|
|
51
|
+
"required": false;
|
|
52
|
+
"isSignal": true;
|
|
53
|
+
};
|
|
54
|
+
"align": {
|
|
55
|
+
"alias": "align";
|
|
56
|
+
"required": false;
|
|
57
|
+
"isSignal": true;
|
|
58
|
+
};
|
|
59
|
+
"size": {
|
|
60
|
+
"alias": "size";
|
|
61
|
+
"required": false;
|
|
62
|
+
"isSignal": true;
|
|
63
|
+
};
|
|
64
|
+
"class": {
|
|
65
|
+
"alias": "class";
|
|
66
|
+
"required": false;
|
|
67
|
+
"isSignal": true;
|
|
68
|
+
};
|
|
69
|
+
}, {}, never, ["*"], true, never>;
|
|
29
70
|
}
|
|
30
|
-
declare class TimelineIndicatorComponent {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
71
|
+
export declare class TimelineIndicatorComponent {
|
|
72
|
+
private readonly item;
|
|
73
|
+
readonly variant: import("@angular/core").InputSignal<TimelineIndicatorVariant>;
|
|
74
|
+
readonly status: import("@angular/core").InputSignal<TimelineStatus | null>;
|
|
75
|
+
readonly color: import("@angular/core").InputSignal<TimelineIndicatorColor | null>;
|
|
76
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
|
|
77
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
78
|
+
protected readonly resolvedStatus: import("@angular/core").Signal<TimelineStatus>;
|
|
79
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
80
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineIndicatorComponent, never>;
|
|
81
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineIndicatorComponent, "TimelineIndicator", never, {
|
|
82
|
+
"variant": {
|
|
83
|
+
"alias": "variant";
|
|
84
|
+
"required": false;
|
|
85
|
+
"isSignal": true;
|
|
86
|
+
};
|
|
87
|
+
"status": {
|
|
88
|
+
"alias": "status";
|
|
89
|
+
"required": false;
|
|
90
|
+
"isSignal": true;
|
|
91
|
+
};
|
|
92
|
+
"color": {
|
|
93
|
+
"alias": "color";
|
|
94
|
+
"required": false;
|
|
95
|
+
"isSignal": true;
|
|
96
|
+
};
|
|
97
|
+
"ariaLabel": {
|
|
98
|
+
"alias": "aria-label";
|
|
99
|
+
"required": false;
|
|
100
|
+
"isSignal": true;
|
|
101
|
+
};
|
|
102
|
+
"class": {
|
|
103
|
+
"alias": "class";
|
|
104
|
+
"required": false;
|
|
105
|
+
"isSignal": true;
|
|
106
|
+
};
|
|
107
|
+
}, {}, never, ["*"], true, never>;
|
|
41
108
|
}
|
|
42
|
-
declare class TimelineContentComponent {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
109
|
+
export declare class TimelineContentComponent {
|
|
110
|
+
private readonly item;
|
|
111
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
112
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineContentComponent, never>;
|
|
114
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineContentComponent, "TimelineContent", never, {
|
|
115
|
+
"class": {
|
|
116
|
+
"alias": "class";
|
|
117
|
+
"required": false;
|
|
118
|
+
"isSignal": true;
|
|
119
|
+
};
|
|
120
|
+
}, {}, never, ["*"], true, never>;
|
|
48
121
|
}
|
|
49
|
-
declare class TimelineBlockComponent {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
122
|
+
export declare class TimelineBlockComponent {
|
|
123
|
+
private readonly item;
|
|
124
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
125
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
126
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineBlockComponent, never>;
|
|
127
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineBlockComponent, "TimelineBlock", never, {
|
|
128
|
+
"class": {
|
|
129
|
+
"alias": "class";
|
|
130
|
+
"required": false;
|
|
131
|
+
"isSignal": true;
|
|
132
|
+
};
|
|
133
|
+
}, {}, never, ["*"], true, never>;
|
|
55
134
|
}
|
|
56
|
-
declare class TimelineSubgridComponent {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
135
|
+
export declare class TimelineSubgridComponent {
|
|
136
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
137
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
138
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineSubgridComponent, never>;
|
|
139
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineSubgridComponent, "TimelineSubgrid", never, {
|
|
140
|
+
"class": {
|
|
141
|
+
"alias": "class";
|
|
142
|
+
"required": false;
|
|
143
|
+
"isSignal": true;
|
|
144
|
+
};
|
|
145
|
+
}, {}, never, ["*"], true, never>;
|
|
146
|
+
}
|