@onecx/angular-accelerator 5.28.0 → 5.30.0

package/lib/components/diagram/diagram.component.d.ts

@@ -21,6 +21,12 @@ export declare class DiagramComponent implements OnInit, OnChanges {
     private translateService;
     data: DiagramData[] | undefined;
     sumKey: string;
+    /**
+     * This property determines if diagram should generate the colors for the data that does not have any set.
+     *
+     * Setting this property to false will result in using the provided colors only if every data item has one. In the scenario where at least one item does not have a color set, diagram will generate all colors.
+     */
+    fillMissingColors: boolean;
     private _diagramType;
     selectedDiagramType: DiagramLayouts | undefined;
     chartType: 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
@@ -42,11 +48,12 @@ export declare class DiagramComponent implements OnInit, OnChanges {
     ngOnChanges(): void;
     ngOnInit(): void;
     generateChart(colorScale: any, colorRangeInfo: any): void;
+    generateColors(data: DiagramData[], colorScale: any, colorRangeInfo: any): any;
     generateTotal(data: DiagramData[]): number;
     generateDiagramValueString(data: DiagramData[]): string;
     private diagramTypeToChartType;
     dataClicked(event: []): void;
     onDiagramTypeChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; }; "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; }; "sumKey": { "alias": "sumKey"; "required": false; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }

package/lib/components/group-by-count-diagram/group-by-count-diagram.component.d.ts

@@ -13,6 +13,12 @@ export declare class GroupByCountDiagramComponent implements OnInit {
     private translateService;
     sumKey: string;
     diagramType: DiagramType;
+    /**
+     * This property determines if diagram should generate the colors for the data that does not have any set.
+     *
+     * Setting this property to false will result in using the provided colors only if every data item has one. In the scenario where at least one item does not have a color set, diagram will generate all colors.
+     */
+    fillMissingColors: boolean;
     /**
      * @deprecated Will be replaced by diagramType
      */
@@ -31,6 +37,9 @@ export declare class GroupByCountDiagramComponent implements OnInit {
     set columnField(value: string);
     get column(): DiagramColumn;
     set column(value: DiagramColumn);
+    private _colors$;
+    get colors(): Record<string, string>;
+    set colors(value: Record<string, string>);
     dataSelected: EventEmitter<any>;
     diagramTypeChanged: EventEmitter<DiagramType>;
     componentStateChanged: EventEmitter<GroupByCountDiagramComponentState>;
@@ -39,5 +48,5 @@ export declare class GroupByCountDiagramComponent implements OnInit {
     dataClicked(event: any): void;
     onDiagramTypeChanged(newDiagramType: DiagramType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupByCountDiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnType": { "alias": "columnType"; "required": false; }; "columnField": { "alias": "columnField"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; }; "type": { "alias": "type"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnType": { "alias": "columnType"; "required": false; }; "columnField": { "alias": "columnField"; "required": false; }; "column": { "alias": "column"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }

package/lib/components/page-header/page-header.component.d.ts

@@ -26,6 +26,8 @@ export interface Action {
     btnClass?: string;
     actionCallback(): void;
     disabled?: boolean;
+    disabledTooltip?: string;
+    disabledTooltipKey?: string;
     show?: 'always' | 'asOverflow';
     conditional?: boolean;
     showCondition?: boolean;

package/lib/model/diagram-data.d.ts

@@ -1,4 +1,5 @@
 export type DiagramData = {
     label: string;
     value: number;
+    backgroundColor?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.28.0",
+  "version": "5.30.0",
   "license": "Apache-2.0",
   "peerDependencies": {
     "@angular/common": "^18.0.5",
@@ -11,10 +11,10 @@
     "@angular/router": "^18.0.5",
     "@ngx-translate/core": "^15.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^5.28.0",
-    "@onecx/angular-integration-interface": "^5.28.0",
-    "@onecx/angular-remote-components": "^5.28.0",
-    "@onecx/angular-testing": "^5.28.0",
+    "@onecx/integration-interface": "^5.30.0",
+    "@onecx/angular-integration-interface": "^5.30.0",
+    "@onecx/angular-remote-components": "^5.30.0",
+    "@onecx/angular-testing": "^5.30.0",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "rxjs": "~7.8.1",