@onecx/angular-accelerator 5.50.0 → 5.51.1

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/data-table/data-table.component.d.ts

@@ -101,7 +101,9 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     selectionEnabledField: string | undefined;
     allowSelectAll: boolean;
     paginator: boolean;
-    page: number;
+    _page$: BehaviorSubject<number>;
+    get page(): number;
+    set page(value: number);
     tableStyle: {
         [klass: string]: any;
     } | undefined;
@@ -237,6 +239,7 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     isRowSelectionDisabled(rowObject: Row): boolean;
     rowSelectable(event: any): boolean;
     onSelectionChange(selection: Row[]): void;
+    emitSelectionChanged(): void;
     mergeWithDisabledKeys(newSelectionIds: (string | number)[], disabledRowIds: (string | number)[]): (string | number)[];
     isSelected(row: Row): boolean;
     onPageChange(event: any): void;

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/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.50.0",
+  "version": "5.51.1",
   "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.50.0",
-    "@onecx/accelerator": "^5.50.0",
-    "@onecx/angular-integration-interface": "^5.50.0",
-    "@onecx/angular-remote-components": "^5.50.0",
-    "@onecx/angular-testing": "^5.50.0",
-    "@onecx/angular-utils": "^5.50.0",
+    "@onecx/integration-interface": "^5.51.1",
+    "@onecx/accelerator": "^5.51.1",
+    "@onecx/angular-integration-interface": "^5.51.1",
+    "@onecx/angular-remote-components": "^5.51.1",
+    "@onecx/angular-testing": "^5.51.1",
+    "@onecx/angular-utils": "^5.51.1",
     "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 {};