@porscheinformatik/clr-addons 21.3.3 → 21.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/clr-addons",
-  "version": "21.3.3",
+  "version": "21.5.0",
   "description": "Addon components for Clarity Angular",
   "homepage": "https://porscheinformatik.github.io/clarity-addons/",
   "keywords": [

package/types/porscheinformatik-clr-addons-charts.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, OnChanges, SimpleChanges, OnInit } from '@angular/core';
-import * as i7 from '@angular/common';
-import * as i8 from '@clr/angular';
+import * as i8 from '@angular/common';
+import * as i9 from '@clr/angular';
 
 /**
  * A single data point on an XY chart (line, area).
@@ -190,6 +190,86 @@ declare class BarChartComponent extends ChartBase<BarChartDataPoint> implements
     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>;
 }
 
+interface GroupedBarChartData {
+    key: string;
+    label: string;
+    fullLabel?: string;
+    groupKey: string;
+    groupLabel?: string;
+    value: number;
+    color?: string;
+}
+interface GroupedBarChartGroup {
+    key: string;
+    label: string;
+}
+interface GroupedBarChartValue {
+    key: string;
+    label: string;
+    groupKey: string;
+    groupLabel: string;
+    value: number;
+}
+type GroupedBarChartDataPoint = GroupedBarChartData & {
+    groupLabel: string;
+};
+declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoint> implements OnChanges {
+    readonly data: _angular_core.InputSignal<GroupedBarChartData[]>;
+    readonly groups: _angular_core.InputSignal<GroupedBarChartGroup[]>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
+    readonly barSizePx: _angular_core.InputSignal<number>;
+    readonly groupAreaSizePx: _angular_core.InputSignal<number>;
+    readonly noItemsMessage: _angular_core.InputSignal<string>;
+    readonly tooManyItemsGroupedMessage: _angular_core.InputSignal<string>;
+    readonly allValuesZeroMessage: _angular_core.InputSignal<string>;
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    readonly showExportButton: _angular_core.InputSignal<boolean>;
+    readonly exportButtonTitle: _angular_core.InputSignal<string>;
+    readonly exportFilename: _angular_core.InputSignal<string>;
+    /** Optional label rendered below the X axis. */
+    readonly xAxisLabel: _angular_core.InputSignal<string>;
+    /** Optional label rendered rotated to the left of the Y axis. */
+    readonly yAxisLabel: _angular_core.InputSignal<string>;
+    readonly valueClicked: _angular_core.OutputEmitterRef<GroupedBarChartValue>;
+    protected readonly allValuesZero: _angular_core.Signal<boolean>;
+    protected readonly toChartColor: typeof toChartColor;
+    protected readonly tooltipLabel: _angular_core.Signal<string>;
+    readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
+    readonly alertMessageAndType: _angular_core.Signal<[string, string]>;
+    private readonly textRenderer;
+    private readonly MARGIN;
+    private readonly totalGroupCount;
+    private readonly showingGroupCount;
+    private readonly slicedDataPoints;
+    private svg;
+    private barSelection;
+    private labelSelection;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private createChart;
+    protected updateChart(): void;
+    private createVerticalChart;
+    private createHorizontalChart;
+    private createBarSelectionGroups;
+    private addHorizontalBarRectangle;
+    private addVerticalBarRectangle;
+    protected emitSelectedValue(): void;
+    private addBarClickHandler;
+    private openTooltip;
+    private setHoverStyles;
+    private addTextCommonInfo;
+    private addTextAndTitle;
+    private appendAxisLabel;
+    private styleGridLines;
+    private getNormalizedGroups;
+    private seriesLabels;
+    private getMaxAmountOfGroups;
+    private resetVisibleState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupedBarChartComponent, never>;
+    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; }; "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; }; "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>;
+}
+
 type LineChartSelectedPoint = XYChartPoint & {
     seriesKey: string;
     seriesLabel: string;
@@ -595,9 +675,9 @@ declare class WindowResizeDirective implements OnInit {
 
 declare class ClrChartsModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClrChartsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ClrChartsModule, [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof LineChartComponent, typeof PieChartComponent], [typeof i7.CommonModule, typeof i7.DecimalPipe, typeof i8.ClrAlertModule, typeof i8.ClrIcon, typeof i8.ClrSignpostModule, typeof ChartAlertOverlayComponent, typeof ChartExportButtonComponent, typeof ChartLegendComponent, typeof ChartSkeletonComponent, typeof ChartTooltipComponent, typeof OutsideClickDirective, typeof WindowResizeDirective], [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof LineChartComponent, typeof PieChartComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ClrChartsModule, [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof GroupedBarChartComponent, typeof LineChartComponent, typeof PieChartComponent], [typeof i8.CommonModule, typeof i8.DecimalPipe, typeof i9.ClrAlertModule, typeof i9.ClrIcon, typeof i9.ClrSignpostModule, typeof ChartAlertOverlayComponent, typeof ChartExportButtonComponent, typeof ChartLegendComponent, typeof ChartSkeletonComponent, typeof ChartTooltipComponent, typeof OutsideClickDirective, typeof WindowResizeDirective], [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof GroupedBarChartComponent, typeof LineChartComponent, typeof PieChartComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<ClrChartsModule>;
 }
 
-export { AreaChartComponent, BarChartComponent, ClrChartsModule, ComboChartComponent, FunnelChartComponent, LineChartComponent, PieChartComponent };
-export type { XYChartPoint as AreaChartPoint, XYChartSeries as AreaChartSeries, XYChartValue as AreaChartValue, BarChartData, BarChartLabel, BarChartValue, ComboBarPoint, ComboBarSeries, ComboChartValue, ComboLinePoint, ComboLineSeries, FunnelChartData, FunnelChartLabels, FunnelChartSection, FunnelValue, XYChartPoint as LineChartPoint, XYChartSeries as LineChartSeries, XYChartValue as LineChartValue, PieChartData, PieChartValue, XYChartPoint, XYChartSeries, XYChartValue };
+export { AreaChartComponent, BarChartComponent, ClrChartsModule, ComboChartComponent, FunnelChartComponent, GroupedBarChartComponent, LineChartComponent, PieChartComponent };
+export type { XYChartPoint as AreaChartPoint, XYChartSeries as AreaChartSeries, XYChartValue as AreaChartValue, BarChartData, BarChartLabel, BarChartValue, ComboBarPoint, ComboBarSeries, ComboChartValue, ComboLinePoint, ComboLineSeries, FunnelChartData, FunnelChartLabels, FunnelChartSection, FunnelValue, GroupedBarChartData, GroupedBarChartGroup, GroupedBarChartValue, XYChartPoint as LineChartPoint, XYChartSeries as LineChartSeries, XYChartValue as LineChartValue, PieChartData, PieChartValue, XYChartPoint, XYChartSeries, XYChartValue };