@onecx/angular-accelerator 5.51.0 → 5.52.0

package/index.d.ts

@@ -30,6 +30,7 @@ export * from './lib/model/data-table-column.model';
 export * from './lib/model/diagram-column';
 export * from './lib/model/diagram-type';
 export * from './lib/model/filter.model';
+export * from './lib/model/translation.model';
 export * from './lib/angular-accelerator.module';
 export * from './lib/angular-accelerator-primeng.module';
 export * from './lib/functions/flatten-object';

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

@@ -7,6 +7,7 @@ import { UserService } from '@onecx/angular-integration-interface';
 import { BreadcrumbService } from '../../services/breadcrumb.service';
 import { PrimeIcon } from '../../utils/primeicon.utils';
 import { HasPermissionChecker } from '@onecx/angular-utils';
+import { TranslationKey } from '../../model/translation.model';
 import * as i0 from "@angular/core";
 /**
  * Action definition.
@@ -51,9 +52,12 @@ export interface ObjectDetailItem {
     valueCssClass?: string;
     actionItemIcon?: PrimeIcon;
     actionItemCallback?: () => void;
-    actionItemTooltip?: string;
-    actionItemAriaLabelKey?: string;
     actionItemAriaLabel?: string;
+    actionItemAriaLabelKey?: TranslationKey;
+    actionItemTooltip?: string;
+    actionItemTooltipKey?: TranslationKey;
+    labelTooltipKey?: TranslationKey;
+    valueTooltipKey?: TranslationKey;
 }
 export interface HomeItem {
     menuItem: MenuItem;
@@ -108,6 +112,21 @@ export declare class PageHeaderComponent implements OnInit {
     private filterActionsBasedOnPermissions;
     private getActionTranslationKeys;
     private mapOverflowActionsToMenuItems;
+    /**
+     * Helper to extract translation key and parameters from a string or object.
+     * @param input - Can be a string or an object with 'key' and 'parameters'.
+     * @returns An object with { key, params } for use in translation pipes or services. The returned key is always a string (never undefined).
+     *
+     * Example usage in template:
+     *   let result = extractKeyAndParams(item.labelTooltipKey);
+     *   result.key | translate : result.params
+     *
+     * .key will always be a string, so you do not need to use `?? ''` in the template.
+     */
+    extractKeyAndParams(input: any): {
+        key: string;
+        params: any;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ocx-page-header", never, { "header": { "alias": "header"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "figureBackground": { "alias": "figureBackground"; "required": false; }; "showFigure": { "alias": "showFigure"; "required": false; }; "figureImage": { "alias": "figureImage"; "required": false; }; "disableDefaultActions": { "alias": "disableDefaultActions"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "objectDetails": { "alias": "objectDetails"; "required": false; }; "showBreadcrumbs": { "alias": "showBreadcrumbs"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "enableGridView": { "alias": "enableGridView"; "required": false; }; "gridLayoutDesktopColumns": { "alias": "gridLayoutDesktopColumns"; "required": false; }; }, { "save": "save"; }, ["additionalToolbarContent", "additionalToolbarContentLeft"], ["[figureImage]", "[toolbarItems]", "*"], false, never>;
 }

package/lib/model/translation.model.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Object containing key for translation with parameters object for translation
+ *
+ * @example
+ * ## Assume such translation is in the translation file
+ * ```typescript
+ * const translations = {
+ *   MY_KEY = 'text with parameter value = {{value}}',
+ * }
+ * ```
+ *
+ * ## TranslationKeyWithParameters declaration
+ * ```
+ * // will be translated into
+ * // text with parameter value = hello
+ * const myKey: TranslationKeyWithParameters = {
+ *   key: 'MY_KEY',
+ *   parameters: {
+ *     value: 'hello',
+ *   },
+ * }
+ * ```
+ */
+export type TranslationKeyWithParameters = {
+    key: string;
+    parameters?: Record<string, unknown>;
+};
+/**
+ * String with key to translation or {@link TranslationKeyWithParameters} object. If provided string cannot be translated it will be displayed as is.
+ */
+export type TranslationKey = string | TranslationKeyWithParameters;

package/lib/services/breadcrumb.service.d.ts

@@ -1,17 +1,22 @@
+import { OnDestroy } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
-import { BehaviorSubject } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { MenuItem } from 'primeng/api';
 import { BreadCrumbMenuItem } from '../model/breadcrumb-menu-item.model';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbService {
+export declare class BreadcrumbService implements OnDestroy {
     private router;
     private activeRoute;
     private translateService;
-    private itemsSource$;
+    private _itemSource$;
+    private get itemsSource$();
+    private set itemsSource$(value);
     generatedItemsSource: BehaviorSubject<MenuItem[]>;
-    itemsHandler: import("rxjs").Observable<MenuItem[]>;
+    _itemsHandler: Observable<MenuItem[]> | undefined;
+    get itemsHandler(): Observable<MenuItem[]>;
     constructor(router: Router, activeRoute: ActivatedRoute, translateService: TranslateService);
+    ngOnDestroy(): void;
     private generateBreadcrumbs;
     private addBreadcrumb;
     private createBreadcrumb;

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

@@ -1,6 +1,10 @@
 import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
+import { SyncableTopic } from '@onecx/accelerator';
 import * as i0 from "@angular/core";
+declare class TranslationCacheTopic extends SyncableTopic<string> {
+    constructor();
+}
 declare global {
     interface Window {
         onecxTranslations: Record<string, any>;
@@ -10,10 +14,13 @@ declare global {
  * @deprecated Please import from `@onecx/angular-utils` instead.
  */
 export declare class TranslationCacheService implements OnDestroy {
-    private translationTopic$;
+    private _translationTopic$;
+    get translationTopic$(): TranslationCacheTopic;
+    set translationTopic$(topic: TranslationCacheTopic);
     constructor();
     ngOnDestroy(): void;
     getTranslationFile(url: string, cacheMissFunction: () => Observable<any>): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslationCacheService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TranslationCacheService>;
 }
+export {};

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.51.0",
+  "version": "5.52.0",
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/onecx/onecx-portal-ui-libs"
+  },
   "peerDependencies": {
     "@angular/common": "^18.0.5",
     "@angular/core": "^18.0.5",
@@ -12,12 +16,12 @@
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^5.51.0",
-    "@onecx/accelerator": "^5.51.0",
-    "@onecx/angular-integration-interface": "^5.51.0",
-    "@onecx/angular-remote-components": "^5.51.0",
-    "@onecx/angular-testing": "^5.51.0",
-    "@onecx/angular-utils": "^5.51.0",
+    "@onecx/integration-interface": "^5.52.0",
+    "@onecx/accelerator": "^5.52.0",
+    "@onecx/angular-integration-interface": "^5.52.0",
+    "@onecx/angular-remote-components": "^5.52.0",
+    "@onecx/angular-testing": "^5.52.0",
+    "@onecx/angular-utils": "^5.52.0",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "rxjs": "~7.8.1",

package/testing/page-header.harness.d.ts

@@ -22,7 +22,7 @@ export declare class PageHeaderHarness extends ComponentHarness {
 interface ObjectDetailItemHarnessFilters extends BaseHarnessFilters {
     label?: string;
 }
-declare class ObjectDetailItemHarness extends ComponentHarness {
+export declare class ObjectDetailItemHarness extends ComponentHarness {
     static hostSelector: string;
     getLabelElement: import("@onecx/angular-testing").AsyncFactoryFn<import("@onecx/angular-testing").TestElement>;
     getValueElement: import("@onecx/angular-testing").AsyncFactoryFn<import("@onecx/angular-testing").TestElement | null>;
@@ -32,5 +32,9 @@ declare class ObjectDetailItemHarness extends ComponentHarness {
     getValue(): Promise<string | undefined>;
     getValueStyles(): Promise<string | null | undefined>;
     getIcon(): Promise<string | null | undefined>;
+    getLabelTooltipContent(): Promise<string | null>;
+    getValueTooltipContent(): Promise<string | null>;
+    getActionItemTooltipContent(): Promise<string | null>;
+    private getTooltipFromElement;
 }
 export {};