@porscheinformatik/clr-addons 21.13.0 → 21.14.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/fesm2022/porscheinformatik-clr-addons-charts.mjs +65 -25
- package/fesm2022/porscheinformatik-clr-addons-charts.mjs.map +1 -1
- package/fesm2022/porscheinformatik-clr-addons.mjs +36 -35
- package/fesm2022/porscheinformatik-clr-addons.mjs.map +1 -1
- package/package.json +3 -3
- package/types/porscheinformatik-clr-addons-charts.d.ts +22 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porscheinformatik/clr-addons",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.14.0",
|
|
4
4
|
"description": "Addon components for Clarity Angular",
|
|
5
5
|
"homepage": "https://porscheinformatik.github.io/clarity-addons/",
|
|
6
6
|
"keywords": [
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
18
|
"@angular/core": "^21.0.0",
|
|
19
|
-
"@clr/angular": "^18.
|
|
20
|
-
"@clr/ui": "^18.
|
|
19
|
+
"@clr/angular": "^18.4.0",
|
|
20
|
+
"@clr/ui": "^18.4.0",
|
|
21
21
|
"d3": ">=7.0.0",
|
|
22
22
|
"ngx-skeleton-loader": ">=10.0.0"
|
|
23
23
|
},
|
|
@@ -135,6 +135,8 @@ declare class BarChartComponent extends ChartBase<BarChartDataPoint> implements
|
|
|
135
135
|
readonly stacks: _angular_core.InputSignal<BarChartLabel[]>;
|
|
136
136
|
readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
|
|
137
137
|
readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
|
|
138
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
139
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
138
140
|
readonly barSizePx: _angular_core.InputSignal<number>;
|
|
139
141
|
readonly barAreaSizePx: _angular_core.InputSignal<number>;
|
|
140
142
|
readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
|
|
@@ -199,7 +201,7 @@ declare class BarChartComponent extends ChartBase<BarChartDataPoint> implements
|
|
|
199
201
|
private mapItems;
|
|
200
202
|
private getMaxAmountOfItems;
|
|
201
203
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChartComponent, never>;
|
|
202
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChartComponent, "clr-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "stacks": { "alias": "stacks"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "barAreaSizePx": { "alias": "barAreaSizePx"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "tooltipPercentOf": { "alias": "tooltipPercentOf"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsMessage": { "alias": "tooManyItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "allValuesZeroMessage": { "alias": "allValuesZeroMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
204
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChartComponent, "clr-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "stacks": { "alias": "stacks"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "barAreaSizePx": { "alias": "barAreaSizePx"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "tooltipPercentOf": { "alias": "tooltipPercentOf"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsMessage": { "alias": "tooManyItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "allValuesZeroMessage": { "alias": "allValuesZeroMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
203
205
|
}
|
|
204
206
|
|
|
205
207
|
interface GroupedBarChartData {
|
|
@@ -230,6 +232,8 @@ declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoin
|
|
|
230
232
|
readonly groups: _angular_core.InputSignal<GroupedBarChartGroup[]>;
|
|
231
233
|
readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
|
|
232
234
|
readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
|
|
235
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
236
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
233
237
|
readonly barSizePx: _angular_core.InputSignal<number>;
|
|
234
238
|
readonly groupAreaSizePx: _angular_core.InputSignal<number>;
|
|
235
239
|
/** Width reserved for horizontal Y-axis group labels (px). */
|
|
@@ -288,7 +292,7 @@ declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoin
|
|
|
288
292
|
private getMaxAmountOfGroups;
|
|
289
293
|
private resetVisibleState;
|
|
290
294
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupedBarChartComponent, never>;
|
|
291
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupedBarChartComponent, "clr-grouped-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "groupAreaSizePx": { "alias": "groupAreaSizePx"; "required": false; "isSignal": true; }; "yAxisLabelWidthPx": { "alias": "yAxisLabelWidthPx"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "allValuesZeroMessage": { "alias": "allValuesZeroMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showValueOnHover": { "alias": "showValueOnHover"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
295
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupedBarChartComponent, "clr-grouped-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "groupAreaSizePx": { "alias": "groupAreaSizePx"; "required": false; "isSignal": true; }; "yAxisLabelWidthPx": { "alias": "yAxisLabelWidthPx"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "allValuesZeroMessage": { "alias": "allValuesZeroMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showValueOnHover": { "alias": "showValueOnHover"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
292
296
|
}
|
|
293
297
|
|
|
294
298
|
type LineChartSelectedPoint = XYChartPoint & {
|
|
@@ -306,6 +310,8 @@ declare class LineChartComponent extends ChartBase<LineChartSelectedPoint> imple
|
|
|
306
310
|
readonly showExportButton: _angular_core.InputSignal<boolean>;
|
|
307
311
|
readonly exportButtonTitle: _angular_core.InputSignal<string>;
|
|
308
312
|
readonly exportFilename: _angular_core.InputSignal<string>;
|
|
313
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
314
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
309
315
|
readonly noItemsMessage: _angular_core.InputSignal<string>;
|
|
310
316
|
readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
|
|
311
317
|
/** Optional label rendered below the X axis. */
|
|
@@ -331,7 +337,7 @@ declare class LineChartComponent extends ChartBase<LineChartSelectedPoint> imple
|
|
|
331
337
|
private updateHoveredValueLabels;
|
|
332
338
|
private openTooltip;
|
|
333
339
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
|
|
334
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "clr-line-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showValueOnHover": { "alias": "showValueOnHover"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yMin": { "alias": "yMin"; "required": false; "isSignal": true; }; "autoscaleYAxis": { "alias": "autoscaleYAxis"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
340
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "clr-line-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showValueOnHover": { "alias": "showValueOnHover"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yMin": { "alias": "yMin"; "required": false; "isSignal": true; }; "autoscaleYAxis": { "alias": "autoscaleYAxis"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
335
341
|
}
|
|
336
342
|
|
|
337
343
|
type AreaChartSelectedPoint = XYChartPoint & {
|
|
@@ -348,6 +354,8 @@ declare class AreaChartComponent extends ChartBase<AreaChartSelectedPoint> imple
|
|
|
348
354
|
readonly exportFilename: _angular_core.InputSignal<string>;
|
|
349
355
|
/** Area fill opacity (0–1). Default: 0.2. */
|
|
350
356
|
readonly areaOpacity: _angular_core.InputSignal<number>;
|
|
357
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
358
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
351
359
|
readonly noItemsMessage: _angular_core.InputSignal<string>;
|
|
352
360
|
readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
|
|
353
361
|
/** Optional label rendered below the X axis. */
|
|
@@ -367,7 +375,7 @@ declare class AreaChartComponent extends ChartBase<AreaChartSelectedPoint> imple
|
|
|
367
375
|
private drawSeries;
|
|
368
376
|
private openTooltip;
|
|
369
377
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AreaChartComponent, never>;
|
|
370
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent, "clr-area-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "areaOpacity": { "alias": "areaOpacity"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
378
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent, "clr-area-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "areaOpacity": { "alias": "areaOpacity"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
371
379
|
}
|
|
372
380
|
|
|
373
381
|
interface ComboBarPoint {
|
|
@@ -421,6 +429,8 @@ declare class ComboChartComponent extends ChartBase<SelectedComboItem> implement
|
|
|
421
429
|
readonly exportButtonTitle: _angular_core.InputSignal<string>;
|
|
422
430
|
readonly exportFilename: _angular_core.InputSignal<string>;
|
|
423
431
|
readonly noItemsMessage: _angular_core.InputSignal<string>;
|
|
432
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
433
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
424
434
|
readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
|
|
425
435
|
/** Optional label rendered below the X axis. */
|
|
426
436
|
readonly xAxisLabel: _angular_core.InputSignal<string>;
|
|
@@ -446,7 +456,7 @@ declare class ComboChartComponent extends ChartBase<SelectedComboItem> implement
|
|
|
446
456
|
private drawBars;
|
|
447
457
|
private drawLines;
|
|
448
458
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboChartComponent, never>;
|
|
449
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboChartComponent, "clr-combo-chart", never, { "barSeries": { "alias": "barSeries"; "required": false; "isSignal": true; }; "lineSeries": { "alias": "lineSeries"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yLineAxisLabel": { "alias": "yLineAxisLabel"; "required": false; "isSignal": true; }; "yBarMax": { "alias": "yBarMax"; "required": false; "isSignal": true; }; "yLineMax": { "alias": "yLineMax"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
459
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboChartComponent, "clr-combo-chart", never, { "barSeries": { "alias": "barSeries"; "required": false; "isSignal": true; }; "lineSeries": { "alias": "lineSeries"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yLineAxisLabel": { "alias": "yLineAxisLabel"; "required": false; "isSignal": true; }; "yBarMax": { "alias": "yBarMax"; "required": false; "isSignal": true; }; "yLineMax": { "alias": "yLineMax"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
450
460
|
}
|
|
451
461
|
|
|
452
462
|
interface PieChartData {
|
|
@@ -476,6 +486,8 @@ declare class PieChartComponent extends ChartBase<PieChartData> implements OnCha
|
|
|
476
486
|
readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
|
|
477
487
|
readonly innerRadiusRatio: _angular_core.InputSignal<number>;
|
|
478
488
|
readonly excludeZeroItemValuesFromLegend: _angular_core.InputSignal<boolean>;
|
|
489
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
490
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
479
491
|
readonly noItemsMessage: _angular_core.InputSignal<string>;
|
|
480
492
|
readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
|
|
481
493
|
readonly valueClicked: _angular_core.OutputEmitterRef<PieChartValue>;
|
|
@@ -497,7 +509,7 @@ declare class PieChartComponent extends ChartBase<PieChartData> implements OnCha
|
|
|
497
509
|
onLegendHover(index: number, hover: boolean): void;
|
|
498
510
|
onLegendClick(item: ChartLegendItem): void;
|
|
499
511
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PieChartComponent, never>;
|
|
500
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChartComponent, "clr-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "donut": { "alias": "donut"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "formatCenterValue": { "alias": "formatCenterValue"; "required": false; "isSignal": true; }; "formatSlices": { "alias": "formatSlices"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "innerRadiusRatio": { "alias": "innerRadiusRatio"; "required": false; "isSignal": true; }; "excludeZeroItemValuesFromLegend": { "alias": "excludeZeroItemValuesFromLegend"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
512
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChartComponent, "clr-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "donut": { "alias": "donut"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "formatCenterValue": { "alias": "formatCenterValue"; "required": false; "isSignal": true; }; "formatSlices": { "alias": "formatSlices"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "innerRadiusRatio": { "alias": "innerRadiusRatio"; "required": false; "isSignal": true; }; "excludeZeroItemValuesFromLegend": { "alias": "excludeZeroItemValuesFromLegend"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
501
513
|
}
|
|
502
514
|
|
|
503
515
|
interface FunnelChartSection {
|
|
@@ -574,6 +586,8 @@ declare class FunnelChartComponent extends ChartBase<FunnelDataPoint> implements
|
|
|
574
586
|
readonly showExportButton: _angular_core.InputSignal<boolean>;
|
|
575
587
|
readonly exportButtonTitle: _angular_core.InputSignal<string>;
|
|
576
588
|
readonly exportFilename: _angular_core.InputSignal<string>;
|
|
589
|
+
readonly hasError: _angular_core.InputSignal<boolean>;
|
|
590
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
577
591
|
/** Rendering mode. 'default' = horizontal bars with sections; 'centered' = centered trapezoid funnel. */
|
|
578
592
|
readonly orientation: _angular_core.InputSignal<"default" | "centered">;
|
|
579
593
|
readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
|
|
@@ -651,8 +665,9 @@ declare class FunnelChartComponent extends ChartBase<FunnelDataPoint> implements
|
|
|
651
665
|
private getFunnelWidth;
|
|
652
666
|
private getBarHeight;
|
|
653
667
|
private round;
|
|
668
|
+
readonly alertMessageAndType: _angular_core.Signal<[string, string]>;
|
|
654
669
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FunnelChartComponent, never>;
|
|
655
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FunnelChartComponent, "clr-funnel-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "prefixTotalWithLabel": { "alias": "prefixTotalWithLabel"; "required": false; "isSignal": true; }; "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; "lineTextPadding": { "alias": "lineTextPadding"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "sideLineVerticalPadding": { "alias": "sideLineVerticalPadding"; "required": false; "isSignal": true; }; "minLineSize": { "alias": "minLineSize"; "required": false; "isSignal": true; }; "barToSpacerRatio": { "alias": "barToSpacerRatio"; "required": false; "isSignal": true; }; "middleLineVerticalPadding": { "alias": "middleLineVerticalPadding"; "required": false; "isSignal": true; }; "barColor": { "alias": "barColor"; "required": false; "isSignal": true; }; "spacerColor": { "alias": "spacerColor"; "required": false; "isSignal": true; }; "chartLabels": { "alias": "chartLabels"; "required": false; "isSignal": true; }; "sectionColors": { "alias": "sectionColors"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "emptyChartWhenNoData": { "alias": "emptyChartWhenNoData"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
670
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FunnelChartComponent, "clr-funnel-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "prefixTotalWithLabel": { "alias": "prefixTotalWithLabel"; "required": false; "isSignal": true; }; "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; "lineTextPadding": { "alias": "lineTextPadding"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "sideLineVerticalPadding": { "alias": "sideLineVerticalPadding"; "required": false; "isSignal": true; }; "minLineSize": { "alias": "minLineSize"; "required": false; "isSignal": true; }; "barToSpacerRatio": { "alias": "barToSpacerRatio"; "required": false; "isSignal": true; }; "middleLineVerticalPadding": { "alias": "middleLineVerticalPadding"; "required": false; "isSignal": true; }; "barColor": { "alias": "barColor"; "required": false; "isSignal": true; }; "spacerColor": { "alias": "spacerColor"; "required": false; "isSignal": true; }; "chartLabels": { "alias": "chartLabels"; "required": false; "isSignal": true; }; "sectionColors": { "alias": "sectionColors"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "emptyChartWhenNoData": { "alias": "emptyChartWhenNoData"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
|
|
656
671
|
}
|
|
657
672
|
|
|
658
673
|
declare class ChartAlertOverlayComponent {
|