@onecx/angular-accelerator 5.29.0 → 5.31.0

package/index.d.ts

@@ -1,3 +1,4 @@
+export * from './lib/injection-tokens/has-permission-checker';
 export * from './lib/directives/if-permission.directive';
 export * from './lib/directives/if-breakpoint.directive';
 export * from './lib/directives/src.directive';

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/directives/if-permission.directive.d.ts

@@ -1,16 +1,7 @@
-import { ElementRef, InjectionToken, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ElementRef, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
 import { UserService } from '@onecx/angular-integration-interface';
+import { HasPermissionChecker } from '@onecx/angular-utils';
 import * as i0 from "@angular/core";
-export interface HasPermissionChecker {
-    hasPermission(permissionKey: string): boolean;
-}
-/**
- * This checker always returns true, basically disabling the permission system on the UI side
- */
-export declare class AlwaysGrantPermissionChecker implements HasPermissionChecker {
-    hasPermission(_permissionKey: string): boolean;
-}
-export declare const HAS_PERMISSION_CHECKER: InjectionToken<HasPermissionChecker>;
 export declare class IfPermissionDirective implements OnInit {
     private renderer;
     private el;

package/lib/injection-tokens/has-permission-checker.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
+export { HasPermissionChecker } from '@onecx/angular-utils';
+/**
+ * This checker always returns true, basically disabling the permission system on the UI side
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
+export { AlwaysGrantPermissionChecker } from '@onecx/angular-utils';
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
+export { HAS_PERMISSION_CHECKER } from '@onecx/angular-utils';

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

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

package/lib/services/translation-cache.service.d.ts

@@ -6,6 +6,9 @@ declare global {
         onecxTranslations: Record<string, any>;
     }
 }
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
 export declare class TranslationCacheService implements OnDestroy {
     private translationTopic$;
     constructor();

package/lib/utils/async-translate-loader.utils.d.ts

@@ -1,5 +1,8 @@
 import { TranslateLoader } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
 export declare class AsyncTranslateLoader implements TranslateLoader {
     private translateLoader$;
     static lastTimerId: number;

package/lib/utils/caching-translate-loader.utils.d.ts

@@ -2,6 +2,9 @@ import { HttpClient } from '@angular/common/http';
 import { TranslateLoader } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
 import { TranslationCacheService } from '../services/translation-cache.service';
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
 export declare class CachingTranslateLoader implements TranslateLoader {
     private translationCache;
     private http;

package/lib/utils/create-translate-loader.utils.d.ts

@@ -2,4 +2,7 @@ import { HttpClient } from '@angular/common/http';
 import { TranslateLoader } from '@ngx-translate/core';
 import { AppStateService } from '@onecx/angular-integration-interface';
 import { TranslationCacheService } from '../services/translation-cache.service';
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
 export declare function createTranslateLoader(http: HttpClient, appStateService: AppStateService, translationCacheService?: TranslationCacheService): TranslateLoader;

package/lib/utils/translate.combined.loader.d.ts

@@ -1,5 +1,8 @@
 import { TranslateLoader } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
+/**
+ * @deprecated Please import from `@onecx/angular-utils` instead.
+ */
 export declare class TranslateCombinedLoader implements TranslateLoader {
     private _loaders;
     constructor(...loaders: TranslateLoader[]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.29.0",
+  "version": "5.31.0",
   "license": "Apache-2.0",
   "peerDependencies": {
     "@angular/common": "^18.0.5",
@@ -10,15 +10,19 @@
     "@angular/platform-browser": "^18.0.5",
     "@angular/router": "^18.0.5",
     "@ngx-translate/core": "^15.0.0",
+    "@ngx-translate/http-loader": "^8.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^5.29.0",
-    "@onecx/angular-integration-interface": "^5.29.0",
-    "@onecx/angular-remote-components": "^5.29.0",
-    "@onecx/angular-testing": "^5.29.0",
+    "@onecx/integration-interface": "^5.31.0",
+    "@onecx/accelerator": "^5.31.0",
+    "@onecx/angular-integration-interface": "^5.31.0",
+    "@onecx/angular-remote-components": "^5.31.0",
+    "@onecx/angular-testing": "^5.31.0",
+    "@onecx/angular-utils": "^5.31.0",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "rxjs": "~7.8.1",
-    "primeng": "^17.18.6"
+    "primeng": "^17.18.6",
+    "@storybook/angular": "^8.3.2"
   },
   "dependencies": {
     "tslib": "^2.3.0"