@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,116 +1,197 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
readonly levels: number;
|
|
16
|
-
readonly curve: RadarCurve;
|
|
17
|
-
readonly grid: RadarGrid;
|
|
1
|
+
import { ChartDatum, ChartMargin, ChartPointClickEvent } from "@ojiepermana/angular/chart/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type RadarCurve = 'linear' | 'cardinal';
|
|
4
|
+
export type RadarGrid = 'polygon' | 'circle' | 'none';
|
|
5
|
+
export interface RadarLayoutInput {
|
|
6
|
+
readonly data: readonly ChartDatum[];
|
|
7
|
+
readonly axisKey: string;
|
|
8
|
+
readonly seriesKeys: readonly string[];
|
|
9
|
+
readonly innerWidth: number;
|
|
10
|
+
readonly innerHeight: number;
|
|
11
|
+
readonly maxValue?: number;
|
|
12
|
+
readonly levels: number;
|
|
13
|
+
readonly curve: RadarCurve;
|
|
14
|
+
readonly grid: RadarGrid;
|
|
18
15
|
}
|
|
19
|
-
interface RadarAxisInfo {
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
export interface RadarAxisInfo {
|
|
17
|
+
readonly name: string;
|
|
18
|
+
readonly angle: number;
|
|
19
|
+
readonly x: number;
|
|
20
|
+
readonly y: number;
|
|
21
|
+
}
|
|
22
|
+
export interface RadarSeries {
|
|
23
|
+
readonly seriesKey: string;
|
|
24
|
+
readonly color: string;
|
|
25
|
+
readonly path: string;
|
|
26
|
+
readonly points: readonly {
|
|
22
27
|
readonly x: number;
|
|
23
28
|
readonly y: number;
|
|
24
|
-
}
|
|
25
|
-
interface RadarSeries {
|
|
26
|
-
readonly seriesKey: string;
|
|
27
|
-
readonly color: string;
|
|
28
|
-
readonly path: string;
|
|
29
|
-
readonly points: readonly {
|
|
30
|
-
readonly x: number;
|
|
31
|
-
readonly y: number;
|
|
32
|
-
readonly value: number;
|
|
33
|
-
readonly axis: string;
|
|
34
|
-
}[];
|
|
35
|
-
}
|
|
36
|
-
interface RadarLevel {
|
|
37
29
|
readonly value: number;
|
|
38
|
-
readonly
|
|
39
|
-
|
|
30
|
+
readonly axis: string;
|
|
31
|
+
}[];
|
|
40
32
|
}
|
|
41
|
-
interface
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
readonly axes: readonly RadarAxisInfo[];
|
|
46
|
-
readonly levels: readonly RadarLevel[];
|
|
47
|
-
readonly maxValue: number;
|
|
48
|
-
readonly series: readonly RadarSeries[];
|
|
49
|
-
readonly grid: RadarGrid;
|
|
33
|
+
export interface RadarLevel {
|
|
34
|
+
readonly value: number;
|
|
35
|
+
readonly radius: number;
|
|
36
|
+
readonly path: string;
|
|
50
37
|
}
|
|
51
|
-
|
|
52
|
-
|
|
38
|
+
export interface RadarLayout {
|
|
39
|
+
readonly centerX: number;
|
|
40
|
+
readonly centerY: number;
|
|
41
|
+
readonly radius: number;
|
|
42
|
+
readonly axes: readonly RadarAxisInfo[];
|
|
43
|
+
readonly levels: readonly RadarLevel[];
|
|
44
|
+
readonly maxValue: number;
|
|
45
|
+
readonly series: readonly RadarSeries[];
|
|
46
|
+
readonly grid: RadarGrid;
|
|
47
|
+
}
|
|
48
|
+
export declare function computeRadarLayout(input: RadarLayoutInput): RadarLayout;
|
|
53
49
|
/** One radar dot, resolved to the row and series it stands for. */
|
|
54
50
|
type RadarPoint = RadarSeries['points'][number];
|
|
55
|
-
declare class RadarChart {
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
51
|
+
export declare class RadarChart {
|
|
52
|
+
private readonly root;
|
|
53
|
+
readonly data: import("@angular/core").InputSignal<readonly Readonly<Record<string, unknown>>[]>;
|
|
54
|
+
readonly axisKey: import("@angular/core").InputSignal<string>;
|
|
55
|
+
/**
|
|
56
|
+
* Presentational style of the chart.
|
|
57
|
+
*
|
|
58
|
+
* Replaces `styles`, which read like a CSS styles bag rather than a single
|
|
59
|
+
* variant. Named `styleVariant` and not `variant` because `ChartBar` already
|
|
60
|
+
* publishes a `variant` input for its grouped versus stacked axis, and one
|
|
61
|
+
* name cannot mean two things across the family.
|
|
62
|
+
*/
|
|
63
|
+
readonly styleVariant: import("@angular/core").InputSignal<"base" | undefined>;
|
|
64
|
+
/**
|
|
65
|
+
* @deprecated Use `styleVariant`. Still fully supported; when both are bound,
|
|
66
|
+
* `styleVariant` wins. Due for removal in the next major.
|
|
67
|
+
*/
|
|
68
|
+
readonly styles: import("@angular/core").InputSignal<"base">;
|
|
69
|
+
/** The style actually in effect. Bind this, never `styles()`. */
|
|
70
|
+
protected readonly chartStyle: import("@angular/core").Signal<"base">;
|
|
71
|
+
private readonly themeSpace;
|
|
72
|
+
/**
|
|
73
|
+
* Plot gutters. Leave it unset and they follow the theme-space density
|
|
74
|
+
* axis; set it and your numbers win, unchanged, whatever the axis says.
|
|
75
|
+
*/
|
|
76
|
+
readonly margin: import("@angular/core").InputSignal<ChartMargin | null>;
|
|
77
|
+
/** The margin actually in effect. Bind this, never `margin()`. */
|
|
78
|
+
protected readonly plotMargin: import("@angular/core").Signal<ChartMargin>;
|
|
79
|
+
readonly curve: import("@angular/core").InputSignal<RadarCurve>;
|
|
80
|
+
readonly levels: import("@angular/core").InputSignal<number>;
|
|
81
|
+
readonly maxValue: import("@angular/core").InputSignal<number | undefined>;
|
|
82
|
+
readonly strokeWidth: import("@angular/core").InputSignal<number>;
|
|
83
|
+
readonly fillOpacity: import("@angular/core").InputSignal<number>;
|
|
84
|
+
readonly showLabels: import("@angular/core").InputSignal<boolean>;
|
|
85
|
+
readonly showDots: import("@angular/core").InputSignal<boolean>;
|
|
86
|
+
readonly dotRadius: import("@angular/core").InputSignal<number>;
|
|
87
|
+
readonly grid: import("@angular/core").InputSignal<RadarGrid>;
|
|
88
|
+
readonly gridFilled: import("@angular/core").InputSignal<boolean>;
|
|
89
|
+
readonly showAxes: import("@angular/core").InputSignal<boolean>;
|
|
90
|
+
readonly linesOnly: import("@angular/core").InputSignal<boolean>;
|
|
91
|
+
/**
|
|
92
|
+
* Emitted when a dot is activated by pointer or keyboard. Radar was the one
|
|
93
|
+
* chart family a keyboard user could focus but never operate.
|
|
94
|
+
*/
|
|
95
|
+
readonly pointClick: import("@angular/core").OutputEmitterRef<ChartPointClickEvent<Readonly<Record<string, unknown>>>>;
|
|
96
|
+
protected readonly polar: import("@ojiepermana/angular/chart/core").PolarChartSetup;
|
|
97
|
+
protected readonly layout: import("@angular/core").Signal<import("@ojiepermana/angular/chart/radar").RadarLayout>;
|
|
98
|
+
protected readonly ariaSummary: import("@angular/core").Signal<string>;
|
|
99
|
+
protected readonly dataColumns: import("@angular/core").Signal<string[]>;
|
|
100
|
+
protected gridFill(): string;
|
|
101
|
+
protected gridFillOpacity(levelIndex: number): number | null;
|
|
102
|
+
protected dotAriaLabel(seriesKey: string, p: {
|
|
103
|
+
axis: string;
|
|
104
|
+
value: number;
|
|
105
|
+
}): string;
|
|
106
|
+
protected emitClick(seriesKey: string, point: RadarPoint, datumIndex: number): void;
|
|
107
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadarChart, never>;
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadarChart, "ChartRadar", never, {
|
|
109
|
+
"data": {
|
|
110
|
+
"alias": "data";
|
|
111
|
+
"required": true;
|
|
112
|
+
"isSignal": true;
|
|
113
|
+
};
|
|
114
|
+
"axisKey": {
|
|
115
|
+
"alias": "axisKey";
|
|
116
|
+
"required": true;
|
|
117
|
+
"isSignal": true;
|
|
118
|
+
};
|
|
119
|
+
"styleVariant": {
|
|
120
|
+
"alias": "styleVariant";
|
|
121
|
+
"required": false;
|
|
122
|
+
"isSignal": true;
|
|
123
|
+
};
|
|
124
|
+
"styles": {
|
|
125
|
+
"alias": "styles";
|
|
126
|
+
"required": false;
|
|
127
|
+
"isSignal": true;
|
|
128
|
+
};
|
|
129
|
+
"margin": {
|
|
130
|
+
"alias": "margin";
|
|
131
|
+
"required": false;
|
|
132
|
+
"isSignal": true;
|
|
133
|
+
};
|
|
134
|
+
"curve": {
|
|
135
|
+
"alias": "curve";
|
|
136
|
+
"required": false;
|
|
137
|
+
"isSignal": true;
|
|
138
|
+
};
|
|
139
|
+
"levels": {
|
|
140
|
+
"alias": "levels";
|
|
141
|
+
"required": false;
|
|
142
|
+
"isSignal": true;
|
|
143
|
+
};
|
|
144
|
+
"maxValue": {
|
|
145
|
+
"alias": "maxValue";
|
|
146
|
+
"required": false;
|
|
147
|
+
"isSignal": true;
|
|
148
|
+
};
|
|
149
|
+
"strokeWidth": {
|
|
150
|
+
"alias": "strokeWidth";
|
|
151
|
+
"required": false;
|
|
152
|
+
"isSignal": true;
|
|
153
|
+
};
|
|
154
|
+
"fillOpacity": {
|
|
155
|
+
"alias": "fillOpacity";
|
|
156
|
+
"required": false;
|
|
157
|
+
"isSignal": true;
|
|
158
|
+
};
|
|
159
|
+
"showLabels": {
|
|
160
|
+
"alias": "showLabels";
|
|
161
|
+
"required": false;
|
|
162
|
+
"isSignal": true;
|
|
163
|
+
};
|
|
164
|
+
"showDots": {
|
|
165
|
+
"alias": "showDots";
|
|
166
|
+
"required": false;
|
|
167
|
+
"isSignal": true;
|
|
168
|
+
};
|
|
169
|
+
"dotRadius": {
|
|
170
|
+
"alias": "dotRadius";
|
|
171
|
+
"required": false;
|
|
172
|
+
"isSignal": true;
|
|
173
|
+
};
|
|
174
|
+
"grid": {
|
|
175
|
+
"alias": "grid";
|
|
176
|
+
"required": false;
|
|
177
|
+
"isSignal": true;
|
|
178
|
+
};
|
|
179
|
+
"gridFilled": {
|
|
180
|
+
"alias": "gridFilled";
|
|
181
|
+
"required": false;
|
|
182
|
+
"isSignal": true;
|
|
183
|
+
};
|
|
184
|
+
"showAxes": {
|
|
185
|
+
"alias": "showAxes";
|
|
186
|
+
"required": false;
|
|
187
|
+
"isSignal": true;
|
|
188
|
+
};
|
|
189
|
+
"linesOnly": {
|
|
190
|
+
"alias": "linesOnly";
|
|
191
|
+
"required": false;
|
|
192
|
+
"isSignal": true;
|
|
193
|
+
};
|
|
194
|
+
}, {
|
|
195
|
+
"pointClick": "pointClick";
|
|
196
|
+
}, never, ["*", "ChartTooltip", "ChartLegend"], true, never>;
|
|
197
|
+
}
|
|
@@ -1,116 +1,187 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
readonly endAngle: number;
|
|
25
|
-
readonly cornerRadius: number;
|
|
26
|
-
readonly maxValue?: number;
|
|
1
|
+
import { ChartDatum, ChartMargin, ChartPointClickEvent } from "@ojiepermana/angular/chart/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface RadialLayoutInput {
|
|
4
|
+
readonly data: readonly ChartDatum[];
|
|
5
|
+
readonly nameKey: string;
|
|
6
|
+
readonly valueKey: string;
|
|
7
|
+
readonly innerWidth: number;
|
|
8
|
+
readonly innerHeight: number;
|
|
9
|
+
/** Optional explicit series-key list (same length as data). */
|
|
10
|
+
readonly seriesKeys?: readonly string[];
|
|
11
|
+
/**
|
|
12
|
+
* Series keys the legend has toggled off. Their tracks are dropped and the
|
|
13
|
+
* remaining ones share the radius; the value scale is unaffected, so a track
|
|
14
|
+
* that stays keeps the sweep it had.
|
|
15
|
+
*/
|
|
16
|
+
readonly hiddenSeriesKeys?: ReadonlySet<string>;
|
|
17
|
+
/** Gap between concentric tracks (px). */
|
|
18
|
+
readonly trackPadding: number;
|
|
19
|
+
/** Start / end angle (radians). */
|
|
20
|
+
readonly startAngle: number;
|
|
21
|
+
readonly endAngle: number;
|
|
22
|
+
readonly cornerRadius: number;
|
|
23
|
+
readonly maxValue?: number;
|
|
27
24
|
}
|
|
28
|
-
interface RadialBarRect {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
25
|
+
export interface RadialBarRect {
|
|
26
|
+
readonly seriesKey: string;
|
|
27
|
+
readonly name: string;
|
|
28
|
+
readonly value: number;
|
|
29
|
+
readonly datumIndex: number;
|
|
30
|
+
readonly color: string;
|
|
31
|
+
readonly arcPath: string;
|
|
32
|
+
readonly backgroundPath: string;
|
|
33
|
+
readonly innerRadius: number;
|
|
34
|
+
readonly outerRadius: number;
|
|
35
|
+
readonly endAngle: number;
|
|
39
36
|
}
|
|
40
|
-
interface RadialLayout {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
37
|
+
export interface RadialLayout {
|
|
38
|
+
readonly centerX: number;
|
|
39
|
+
readonly centerY: number;
|
|
40
|
+
readonly outerRadius: number;
|
|
41
|
+
readonly bars: readonly RadialBarRect[];
|
|
42
|
+
readonly maxValue: number;
|
|
46
43
|
}
|
|
47
|
-
declare function computeRadialLayout(input: RadialLayoutInput): RadialLayout;
|
|
48
|
-
|
|
49
|
-
type RadialValueLabelFormatter = (value: number, name: string) => string;
|
|
44
|
+
export declare function computeRadialLayout(input: RadialLayoutInput): RadialLayout;
|
|
45
|
+
export type RadialValueLabelFormatter = (value: number, name: string) => string;
|
|
50
46
|
/**
|
|
51
47
|
* @deprecated Use `ChartPointClickEvent` from
|
|
52
48
|
* `@ojiepermana/angular/chart/core`. `name` is superseded by `category`, which
|
|
53
49
|
* carries the same value; `name` is still emitted so existing handlers keep
|
|
54
50
|
* working.
|
|
55
51
|
*/
|
|
56
|
-
type RadialBarClickEvent = ChartPointClickEvent & {
|
|
57
|
-
|
|
58
|
-
|
|
52
|
+
export type RadialBarClickEvent = ChartPointClickEvent & {
|
|
53
|
+
/** @deprecated Use `category`. */
|
|
54
|
+
readonly name: string;
|
|
59
55
|
};
|
|
60
|
-
declare class RadialChart {
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
56
|
+
export declare class RadialChart {
|
|
57
|
+
private readonly root;
|
|
58
|
+
private readonly themeRadius;
|
|
59
|
+
readonly data: import("@angular/core").InputSignal<readonly Readonly<Record<string, unknown>>[]>;
|
|
60
|
+
readonly nameKey: import("@angular/core").InputSignal<string>;
|
|
61
|
+
readonly valueKey: import("@angular/core").InputSignal<string>;
|
|
62
|
+
readonly seriesKeys: import("@angular/core").InputSignal<readonly string[] | undefined>;
|
|
63
|
+
/**
|
|
64
|
+
* Presentational style of the chart.
|
|
65
|
+
*
|
|
66
|
+
* Replaces `styles`, which read like a CSS styles bag rather than a single
|
|
67
|
+
* variant. Named `styleVariant` and not `variant` because `ChartBar` already
|
|
68
|
+
* publishes a `variant` input for its grouped versus stacked axis, and one
|
|
69
|
+
* name cannot mean two things across the family.
|
|
70
|
+
*/
|
|
71
|
+
readonly styleVariant: import("@angular/core").InputSignal<"base" | undefined>;
|
|
72
|
+
/**
|
|
73
|
+
* @deprecated Use `styleVariant`. Still fully supported; when both are bound,
|
|
74
|
+
* `styleVariant` wins. Due for removal in the next major.
|
|
75
|
+
*/
|
|
76
|
+
readonly styles: import("@angular/core").InputSignal<"base">;
|
|
77
|
+
/** The style actually in effect. Bind this, never `styles()`. */
|
|
78
|
+
protected readonly chartStyle: import("@angular/core").Signal<"base">;
|
|
79
|
+
private readonly themeSpace;
|
|
80
|
+
/**
|
|
81
|
+
* Plot gutters. Leave it unset and they follow the theme-space density
|
|
82
|
+
* axis; set it and your numbers win, unchanged, whatever the axis says.
|
|
83
|
+
*/
|
|
84
|
+
readonly margin: import("@angular/core").InputSignal<ChartMargin | null>;
|
|
85
|
+
/** The margin actually in effect. Bind this, never `margin()`. */
|
|
86
|
+
protected readonly plotMargin: import("@angular/core").Signal<ChartMargin>;
|
|
87
|
+
readonly trackPadding: import("@angular/core").InputSignal<number>;
|
|
88
|
+
readonly cornerRadius: import("@angular/core").InputSignal<number | null>;
|
|
89
|
+
readonly startAngle: import("@angular/core").InputSignal<number>;
|
|
90
|
+
readonly endAngle: import("@angular/core").InputSignal<number>;
|
|
91
|
+
readonly maxValue: import("@angular/core").InputSignal<number | undefined>;
|
|
92
|
+
readonly showTrack: import("@angular/core").InputSignal<boolean>;
|
|
93
|
+
readonly showValueLabels: import("@angular/core").InputSignal<boolean>;
|
|
94
|
+
readonly valueLabelFormat: import("@angular/core").InputSignal<RadialValueLabelFormatter>;
|
|
95
|
+
readonly barClick: import("@angular/core").OutputEmitterRef<RadialBarClickEvent>;
|
|
96
|
+
protected readonly resolvedCornerRadius: import("@angular/core").Signal<number>;
|
|
97
|
+
protected readonly polar: import("@ojiepermana/angular/chart/core").PolarChartSetup;
|
|
98
|
+
protected readonly layout: import("@angular/core").Signal<import("@ojiepermana/angular/chart/radial").RadialLayout>;
|
|
99
|
+
protected readonly ariaSummary: import("@angular/core").Signal<string>;
|
|
100
|
+
protected readonly dataColumns: import("@angular/core").Signal<string[]>;
|
|
101
|
+
protected barAriaLabel(b: RadialBarRect): string;
|
|
102
|
+
protected formatValueLabel(b: RadialBarRect): string;
|
|
103
|
+
protected barLabelX(b: RadialBarRect): number;
|
|
104
|
+
protected barLabelY(b: RadialBarRect): number;
|
|
105
|
+
protected barLabelAnchor(b: RadialBarRect): 'start' | 'end';
|
|
106
|
+
protected emitClick(b: RadialBarRect): void;
|
|
107
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadialChart, never>;
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadialChart, "ChartRadial", never, {
|
|
109
|
+
"data": {
|
|
110
|
+
"alias": "data";
|
|
111
|
+
"required": true;
|
|
112
|
+
"isSignal": true;
|
|
113
|
+
};
|
|
114
|
+
"nameKey": {
|
|
115
|
+
"alias": "nameKey";
|
|
116
|
+
"required": true;
|
|
117
|
+
"isSignal": true;
|
|
118
|
+
};
|
|
119
|
+
"valueKey": {
|
|
120
|
+
"alias": "valueKey";
|
|
121
|
+
"required": true;
|
|
122
|
+
"isSignal": true;
|
|
123
|
+
};
|
|
124
|
+
"seriesKeys": {
|
|
125
|
+
"alias": "seriesKeys";
|
|
126
|
+
"required": false;
|
|
127
|
+
"isSignal": true;
|
|
128
|
+
};
|
|
129
|
+
"styleVariant": {
|
|
130
|
+
"alias": "styleVariant";
|
|
131
|
+
"required": false;
|
|
132
|
+
"isSignal": true;
|
|
133
|
+
};
|
|
134
|
+
"styles": {
|
|
135
|
+
"alias": "styles";
|
|
136
|
+
"required": false;
|
|
137
|
+
"isSignal": true;
|
|
138
|
+
};
|
|
139
|
+
"margin": {
|
|
140
|
+
"alias": "margin";
|
|
141
|
+
"required": false;
|
|
142
|
+
"isSignal": true;
|
|
143
|
+
};
|
|
144
|
+
"trackPadding": {
|
|
145
|
+
"alias": "trackPadding";
|
|
146
|
+
"required": false;
|
|
147
|
+
"isSignal": true;
|
|
148
|
+
};
|
|
149
|
+
"cornerRadius": {
|
|
150
|
+
"alias": "cornerRadius";
|
|
151
|
+
"required": false;
|
|
152
|
+
"isSignal": true;
|
|
153
|
+
};
|
|
154
|
+
"startAngle": {
|
|
155
|
+
"alias": "startAngle";
|
|
156
|
+
"required": false;
|
|
157
|
+
"isSignal": true;
|
|
158
|
+
};
|
|
159
|
+
"endAngle": {
|
|
160
|
+
"alias": "endAngle";
|
|
161
|
+
"required": false;
|
|
162
|
+
"isSignal": true;
|
|
163
|
+
};
|
|
164
|
+
"maxValue": {
|
|
165
|
+
"alias": "maxValue";
|
|
166
|
+
"required": false;
|
|
167
|
+
"isSignal": true;
|
|
168
|
+
};
|
|
169
|
+
"showTrack": {
|
|
170
|
+
"alias": "showTrack";
|
|
171
|
+
"required": false;
|
|
172
|
+
"isSignal": true;
|
|
173
|
+
};
|
|
174
|
+
"showValueLabels": {
|
|
175
|
+
"alias": "showValueLabels";
|
|
176
|
+
"required": false;
|
|
177
|
+
"isSignal": true;
|
|
178
|
+
};
|
|
179
|
+
"valueLabelFormat": {
|
|
180
|
+
"alias": "valueLabelFormat";
|
|
181
|
+
"required": false;
|
|
182
|
+
"isSignal": true;
|
|
183
|
+
};
|
|
184
|
+
}, {
|
|
185
|
+
"barClick": "barClick";
|
|
186
|
+
}, never, ["ChartRadialCenter", "ChartTooltip", "ChartLegend"], true, never>;
|
|
187
|
+
}
|