@onecx/angular-accelerator 7.1.0 → 7.3.0

package/index.d.ts

@@ -188,6 +188,7 @@ declare class LoadingIndicatorDirective implements OnChanges {
     overlayFullPage: boolean;
     isLoaderSmall?: boolean | undefined;
     private componentRef;
+    private loaderElement;
     ngOnChanges(changes: SimpleChanges): void;
     private elementLoader;
     private toggleLoadingIndicator;
@@ -1055,7 +1056,7 @@ interface DiagramComponentState {
     activeDiagramType?: DiagramType;
 }
 declare class DiagramComponent implements OnInit, OnChanges {
-    private translateService;
+    private readonly translateService;
     data: DiagramData[] | undefined;
     sumKey: string;
     /**
@@ -1064,6 +1065,7 @@ declare class DiagramComponent implements OnInit, OnChanges {
      * 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;
+    fullHeight: boolean;
     private _diagramType;
     selectedDiagramType: DiagramLayouts | undefined;
     chartType: 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
@@ -1075,6 +1077,7 @@ declare class DiagramComponent implements OnInit, OnChanges {
     dataSelected: EventEmitter<any>;
     diagramTypeChanged: EventEmitter<DiagramType>;
     componentStateChanged: EventEmitter<DiagramComponentState>;
+    get useFullHeight(): boolean;
     chartOptions: ChartOptions | undefined;
     chartData: ChartData | undefined;
     amountOfData: number | undefined | null;
@@ -1091,7 +1094,7 @@ declare class DiagramComponent implements OnInit, OnChanges {
     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; }; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; }; "sumKey": { "alias": "sumKey"; "required": false; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }
 
 type FilterViewDisplayMode = 'chips' | 'button';
@@ -1177,26 +1180,34 @@ declare class GroupByCountDiagramComponent implements OnInit {
     private translateService;
     sumKey: string;
     diagramType: DiagramType;
+    fullHeight: boolean;
     /**
      * 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.
+     * 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;
     supportedDiagramTypes: DiagramType[];
-    private _data$;
+    private readonly _allLabelKeys$;
+    get allLabelKeys(): string[];
+    set allLabelKeys(value: string[]);
+    private readonly _showAllLabels$;
+    get showAllLabels(): boolean;
+    set showAllLabels(value: boolean);
     get data(): unknown[];
     set data(value: unknown[]);
     diagramData$: Observable<DiagramData[]> | undefined;
-    private _columnType$;
+    private readonly _columnType$;
+    private readonly _data$;
     get columnType(): ColumnType;
     set columnType(value: ColumnType);
-    private _columnField$;
+    private readonly _columnField$;
     get columnField(): string;
     set columnField(value: string);
     get column(): DiagramColumn;
     set column(value: DiagramColumn);
-    private _colors$;
+    private readonly _colors$;
     get colors(): Record<string, string>;
     set colors(value: Record<string, string>);
     dataSelected: EventEmitter<any>;
@@ -1206,7 +1217,7 @@ 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; }; "fillMissingColors": { "alias": "fillMissingColors"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; "allLabelKeys": { "alias": "allLabelKeys"; "required": false; }; "showAllLabels": { "alias": "showAllLabels"; "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>;
 }
 
 type InteractiveDataViewComponentState = ColumnGroupSelectionComponentState & CustomGroupColumnSelectorComponentState & DataLayoutSelectionComponentState & DataListGridSortingComponentState & DataViewComponentState & FilterViewComponentState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "7.1.0",
+  "version": "7.3.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -15,18 +15,18 @@
     "@angular/router": "^20.0.0",
     "@ngx-translate/core": "^17.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^7.1.0",
-    "@onecx/accelerator": "^7.1.0",
-    "@onecx/angular-integration-interface": "^7.1.0",
-    "@onecx/angular-remote-components": "^7.1.0",
-    "@onecx/angular-testing": "^7.1.0",
-    "@onecx/angular-utils": "^7.1.0",
+    "@onecx/integration-interface": "^7.3.0",
+    "@onecx/accelerator": "^7.3.0",
+    "@onecx/angular-integration-interface": "^7.3.0",
+    "@onecx/angular-remote-components": "^7.3.0",
+    "@onecx/angular-testing": "^7.3.0",
+    "@onecx/angular-utils": "^7.3.0",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "rxjs": "~7.8.1",
     "primeng": "^20.3.0",
     "@nx/devkit": "^22.0.2",
-    "@onecx/nx-migration-utils": "^7.1.0"
+    "@onecx/nx-migration-utils": "^7.3.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/directives/loading-indicator.directive.scss

@@ -0,0 +1,48 @@
+$overlay-bg-color: rgba(0, 0, 0, 0.5);
+$loader-border-bottom-color: transparent;
+
+/* You can add global styles to this file, and also import other style files */
+@keyframes rotation {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
+}
+.element-overlay {
+	&::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: $overlay-bg-color;
+		z-index: 1;
+	}
+	position: relative;
+	cursor: default;
+	pointer-events: none;
+}
+.loader {
+	width: 28px;
+	height: 28px;
+	border: 3px solid var(--primary-color);
+	border-bottom-color: $loader-border-bottom-color;
+	border-radius: 50%;
+	display: inline-block;
+	box-sizing: border-box;
+	animation: rotation 1s linear infinite;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	z-index: 2;
+	&.loader-small {
+		width: 20px;
+		height: 20px;
+		top: 20%;
+		left: 45%;
+	}
+}

package/testing/index.d.ts

@@ -132,7 +132,9 @@ declare class DiagramHarness extends ComponentHarness {
     getTotalNumberOfResults(): Promise<number | undefined>;
     getSumLabel(): Promise<string | undefined>;
     getDiagramTypeSelectButton(): Promise<_onecx_angular_testing.TestElement | null>;
+    getCanvasElement(): Promise<_onecx_angular_testing.TestElement | null>;
     getAllSelectionButtons(): Promise<_onecx_angular_testing.TestElement[]>;
+    getCanvasAriaLabel(): Promise<string | null>;
 }
 
 declare class FilterViewHarness extends ContentContainerComponentHarness {