@onecx/angular-accelerator 8.0.0-rc.1 → 8.0.0-rc.10

package/package.json

@@ -1,32 +1,33 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "8.0.0-rc.1",
+  "version": "8.0.0-rc.10",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/onecx/onecx-portal-ui-libs"
   },
   "peerDependencies": {
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/cdk": "^20.0.0",
-    "@angular/forms": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/router": "^20.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@angular/router": "^21.0.0",
     "@ngx-translate/core": "^17.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^8.0.0-rc.1",
-    "@onecx/accelerator": "^8.0.0-rc.1",
-    "@onecx/angular-integration-interface": "^8.0.0-rc.1",
-    "@onecx/angular-remote-components": "^8.0.0-rc.1",
-    "@onecx/angular-testing": "^8.0.0-rc.1",
-    "@onecx/angular-utils": "^8.0.0-rc.1",
+    "@onecx/integration-interface": "^8.0.0-rc.10",
+    "@onecx/accelerator": "^8.0.0-rc.10",
+    "@onecx/angular-integration-interface": "^8.0.0-rc.10",
+    "@onecx/angular-remote-components": "^8.0.0-rc.10",
+    "@onecx/angular-testing": "^8.0.0-rc.10",
+    "@onecx/angular-utils": "^8.0.0-rc.10",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
+    "fast-deep-equal": "^3.1.3",
+    "ngxtension": "^7.1.0",
     "rxjs": "~7.8.1",
-    "primeng": "^20.3.0",
-    "@nx/devkit": "^22.0.2",
-    "@onecx/nx-migration-utils": "^8.0.0-rc.1"
+    "primeng": "^21.0.0",
+    "@protobi/exceljs": "^4.4.0-protobi.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -34,7 +35,7 @@
   "exports": {
     ".": {
       "style": "./assets/styles.scss",
-      "types": "./index.d.ts",
+      "types": "./types/onecx-angular-accelerator.d.ts",
       "default": "./fesm2022/onecx-angular-accelerator.mjs"
     },
     "./migrations.json": "./migrations.json",
@@ -42,17 +43,14 @@
       "default": "./package.json"
     },
     "./testing": {
-      "types": "./testing/index.d.ts",
+      "types": "./types/onecx-angular-accelerator-testing.d.ts",
       "default": "./fesm2022/onecx-angular-accelerator-testing.mjs"
     }
   },
   "publishConfig": {
     "access": "public"
   },
-  "nx-migrations": {
-    "migrations": "./migrations.json"
-  },
   "module": "fesm2022/onecx-angular-accelerator.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/onecx-angular-accelerator.d.ts",
   "sideEffects": false
 }

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 → types/onecx-angular-accelerator-testing.d.ts}

@@ -1,9 +1,9 @@
+import * as _angular_cdk_testing from '@angular/cdk/testing';
 import { ComponentHarness, ContentContainerComponentHarness, HarnessLoader, TestElement, BaseHarnessFilters, HarnessPredicate } from '@angular/cdk/testing';
 export * from '@angular/cdk/testing';
 import * as _onecx_angular_testing from '@onecx/angular-testing';
 import { PSelectHarness, PHarness, PButtonHarness, PDialogHarness, PPicklistHarness, PToggleButtonHarness, MenuItemHarness, DivHarness, ButtonHarness, PPaginatorHarness, PMenuHarness, TableHeaderColumnHarness, TableRowHarness, PTableCheckboxHarness, PChartHarness, PChipHarness, SpanHarness, PBreadcrumbHarness, ListItemHarness, ContentContainerComponentHarness as ContentContainerComponentHarness$1, PButtonDirectiveHarness } from '@onecx/angular-testing';
 export * from '@onecx/angular-testing';
-import * as _angular_cdk_harness_environment_d from '@angular/cdk/harness-environment.d';
 export * from '@angular/cdk/testing/testbed';
 
 declare class ColumnGroupSelectionHarness extends ComponentHarness {
@@ -11,6 +11,16 @@ declare class ColumnGroupSelectionHarness extends ComponentHarness {
     getPSelect: () => Promise<PSelectHarness>;
 }
 
+declare class OcxConsentHarness extends ComponentHarness {
+    static hostSelector: string;
+    isConsentMessageVisible(): Promise<boolean>;
+    isContentVisible(selector: string): Promise<boolean>;
+    clickAgree(): Promise<void>;
+    clickWithdraw(): Promise<void>;
+    isWithdrawVisible(): Promise<boolean>;
+    isInfoVisible(): Promise<boolean>;
+}
+
 declare class OcxContentContainerHarness extends ComponentHarness {
     static hostSelector: string;
     getLayoutClasses(): Promise<string[]>;
@@ -118,6 +128,10 @@ declare class DataTableHarness extends ContentContainerComponentHarness {
     hasAmountOfActionButtons(amount: number): Promise<boolean>;
     hasAmountOfDisabledActionButtons(amount: number): Promise<boolean>;
     columnIsFrozen(column: TestElement | null | undefined): Promise<boolean>;
+    getExpansionColumnHeaderElement: () => Promise<TestElement | null>;
+    getExpansionToggleButtonElements: () => Promise<TestElement[]>;
+    expansionColumnHeaderExists(): Promise<boolean>;
+    clickExpansionToggle(rowIndex: number): Promise<void>;
 }
 
 declare class DataViewHarness extends ContentContainerComponentHarness {
@@ -132,7 +146,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 {
@@ -172,8 +188,8 @@ declare class InteractiveDataViewHarness extends ContentContainerComponentHarnes
 
 declare class LifecycleHarness extends ContentContainerComponentHarness {
     static hostSelector: string;
-    getSteps: () => Promise<_angular_cdk_harness_environment_d.TestElement[]>;
-    getHighlightedSteps: () => Promise<_angular_cdk_harness_environment_d.TestElement[]>;
+    getSteps: () => Promise<_angular_cdk_testing.TestElement[]>;
+    getHighlightedSteps: () => Promise<_angular_cdk_testing.TestElement[]>;
 }
 
 declare class PageHeaderHarness extends ComponentHarness {
@@ -215,15 +231,51 @@ declare class ObjectDetailItemHarness extends ContentContainerComponentHarness {
 }
 
 declare class SearchHeaderHarness extends ComponentHarness {
-    static hostSelector: string;
+    static readonly hostSelector = "ocx-search-header";
     getPageHeader: () => Promise<PageHeaderHarness>;
     getSearchButton: () => Promise<PButtonHarness>;
     getResetButton: () => Promise<PButtonHarness>;
     getSimpleAdvancedButton: () => Promise<PButtonHarness | null>;
     getMoreActionsMenuButton: () => Promise<MoreActionsMenuButtonHarness | null>;
+    private readonly getBasicContent;
+    private readonly getAdvancedContent;
     clickResetButton(): Promise<void>;
     clickSearchButton(): Promise<void>;
     toggleSimpleAdvanced(): Promise<void>;
+    isBasicContentVisible(): Promise<boolean>;
+    isAdvancedContentVisible(): Promise<boolean>;
+    setViewMode(mode: 'basic' | 'advanced'): Promise<void>;
+}
+
+interface OcxSrcHarnessFilters extends BaseHarnessFilters {
+    id?: string;
+}
+declare class OcxSrcHarness extends ComponentHarness {
+    static readonly hostSelector = "img";
+    static with(options?: OcxSrcHarnessFilters): HarnessPredicate<OcxSrcHarness>;
+    getId(): Promise<string | null>;
+    getSrcAttribute(): Promise<string | null>;
+    getSrcProperty(): Promise<string | null>;
+    getVisibility(): Promise<string | null>;
+    dispatchLoad(): Promise<void>;
+    getTestElement(): Promise<TestElement>;
+}
+
+interface OcxTooltipHarnessFilters extends BaseHarnessFilters {
+    text?: string;
+    hostSelector?: string;
+}
+declare class OcxTooltipHarness extends ComponentHarness {
+    private static readonly defaultHostSelector;
+    private static configuredHostSelector;
+    static get hostSelector(): string;
+    static with(options?: OcxTooltipHarnessFilters): HarnessPredicate<OcxTooltipHarness>;
+    static withHostSelector(hostSelector: string): HarnessPredicate<OcxTooltipHarness>;
+    hover(): Promise<void>;
+    unhover(): Promise<void>;
+    getTooltipText(): Promise<string | null>;
+    getTooltipId(): Promise<string | null>;
+    isVisible(): Promise<boolean>;
 }
 
 declare class DialogMessageContentHarness extends ComponentHarness {
@@ -259,5 +311,5 @@ declare class DialogInlineHarness extends ContentContainerComponentHarness$1 {
     getDialogFooter: () => Promise<DialogFooterHarness>;
 }
 
-export { ColumnGroupSelectionHarness, CustomGroupColumnSelectorHarness, DataLayoutSelectionHarness, DataListGridHarness, DataTableHarness, DataViewHarness, DefaultGridItemHarness, DefaultListItemHarness, DiagramHarness, DialogContentHarness, DialogFooterHarness, DialogInlineHarness, DialogMessageContentHarness, FilterViewHarness, GroupByCountDiagramHarness, InteractiveDataViewHarness, LifecycleHarness, MoreActionsMenuButtonHarness, OcxContentContainerHarness, OcxContentHarness, PageHeaderHarness, SearchHeaderHarness, SlotHarness };
-export type { DataTableHarnessFilters, SlotHarnessFilters };
+export { ColumnGroupSelectionHarness, CustomGroupColumnSelectorHarness, DataLayoutSelectionHarness, DataListGridHarness, DataTableHarness, DataViewHarness, DefaultGridItemHarness, DefaultListItemHarness, DiagramHarness, DialogContentHarness, DialogFooterHarness, DialogInlineHarness, DialogMessageContentHarness, FilterViewHarness, GroupByCountDiagramHarness, InteractiveDataViewHarness, LifecycleHarness, MoreActionsMenuButtonHarness, OcxConsentHarness, OcxContentContainerHarness, OcxContentHarness, OcxSrcHarness, OcxTooltipHarness, PageHeaderHarness, SearchHeaderHarness, SlotHarness };
+export type { DataTableHarnessFilters, OcxSrcHarnessFilters, OcxTooltipHarnessFilters, SlotHarnessFilters };