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

package/README.md

@@ -1,7 +1,18 @@
-# angular-accelerator
+# @onecx/angular-accelerator
 
-This library was generated with [Nx](https://nx.dev).
+`@onecx/angular-accelerator` contains all Angular-specific accelerators.
+More information about OneCX libraries can be found in the [OneCX documentation](https://onecx.github.io/docs/documentation/current/onecx-portal-ui-libs/index.html).
 
-## Running unit tests
+## Installation
 
-Run `nx test angular-accelerator` to execute the unit tests.
+```bash
+npm install @onecx/angular-accelerator
+```
+
+## Additional Commands
+- `npx nx run angular-accelerator:build` - Builds the library and outputs the result to the `dist` folder.
+- `npx nx run angular-accelerator:test` - Runs the unit tests for the library.
+- `npx nx run angular-accelerator:lint` - Lints the library's codebase.
+- `npx nx run angular-accelerator:release` - Releases a new version of the library to npm, following semantic versioning guidelines.
+- `npx nx run angular-accelerator:storybook` - Runs Storybook for the library, allowing you to view and test the provided UI components in isolation.
+- `npx nx run angular-accelerator:build-storybook` - Builds the Storybook static site for the library.

package/assets/i18n/de.json

@@ -1,4 +1,14 @@
 {
+  "OCX_BUTTON_DIALOG": {
+    "CONFIRM": "Bestätigen",
+    "CANCEL": "Abbrechen"
+  },
+  "OCX_CONSENT": {
+    "TITLE": "Zustimmung erforderlich",
+    "MESSAGE": "Um diesen Inhalt anzuzeigen, können Anfragen an {{url}} gesendet werden. Dadurch können Ihre Daten (z. B. IP-Adresse) an diesen externen Dienst übermittelt werden. Stimmen Sie zu?",
+    "AGREE": "Ich stimme zu",
+    "WITHDRAW": "Zustimmung zur Anzeige dieses Inhalts widerrufen"
+  },
   "OCX_CUSTOM_GROUP_COLUMN_SELECTOR": {
     "ARIA_LABEL": "Spaltengruppe-Selektor",
     "DROPDOWN_LABEL": "Spaltengruppe",
@@ -48,7 +58,7 @@
       "DESCENDING_TOOLTIP": "Absteigend sortieren",
       "DEFAULT_TOOLTIP": "Standardsortierung"
     },
-    "SORTING_BUTTON_ARIA_LABEL": "{{direction}} sortieren"
+    "SORTING_BUTTON_ARIA_LABEL": "Aktuelle Sortierrichtung: {{currentDirection}}. Sortierrichtung auf {{nextDirection}} ändern"
   },
   "OCX_DATA_TABLE": {
     "SEARCH_RESULTS_FOUND": "{{results}} Ergebnisse gefunden",
@@ -56,7 +66,9 @@
     "EMPTY_RESULT": "Keine Daten gefunden.",
     "EMPTY_FILTER_MESSAGE": "Keine Filter gefunden.",
     "ACTIONS_COLUMN_NAME": "Aktionen",
+    "EXPAND_COLLAPSE_COLUMN": "Spalte erweitern/zusammenklappen",
     "COLUMN_FILTER_ARIA_LABEL": "Spaltenfilter",
+    "COLUMN_FILTER_PLACEHOLDER": "Zum Filtern eingeben",
     "FILTER_TITLE": "Filter",
     "FILTER_ARIA_LABEL": "Filter {{column}}",
     "EDITED": "Bearbeitet",
@@ -76,9 +88,13 @@
     },
     "SELECT_ALL_ARIA_LABEL": "Selektiere alle Zeilen der Tabelle",
     "SELECT_ALL_TOOLTIP": "Selektiere alle",
-    "SELECT_ARIA_LABEL": "Selektiere die Tabellenspalte mit der ID {{key}}",
+    "SELECT_ARIA_LABEL": "Selektiere die Tabellenspalte mit der ID {{key}}, Zeilenzusammenfassung: {{rowSummary}}",
     "FILTER_YES": "Ja",
-    "FILTER_NO": "Nein"
+    "FILTER_NO": "Nein",
+    "COLLAPSED_ROW": "Zeilendetails umschalten. Aktueller Status: Eingeklappt",
+    "EXPANDED_ROW": "Zeilendetails umschalten. Aktueller Status: Ausgeklappt",
+    "SELECTION_COLUMN": "Auswahlspalte",
+    "TABLE_ARIA_LABEL": "Datentabelle"
   },
   "OCX_DATA_LIST_GRID": {
     "SEARCH_RESULTS_FOUND": "{{results}} Ergebnisse gefunden",
@@ -93,6 +109,9 @@
     "MORE_ACTIONS_TOOLTIP": "Weitere Aktionen anzeigen"
   },
   "OCX_DATA_LAYOUT_SELECTION": {
+    "SELECT_BUTTON": {
+      "ARIA_LABEL": "Layout auswählen"
+    },
     "LAYOUT": {
       "LIST": "Liste",
       "GRID": "Raster",
@@ -115,7 +134,9 @@
     "MANAGE_FILTERS_BUTTON": {
       "LABEL": "Filter",
       "ARIA_LABEL": "Aktive Filter verwalten",
-      "DETAIL": "Aktive Filter verwalten"
+      "DETAIL": "Aktive Filter verwalten",
+      "DISABLED_DETAIL": "Keine aktiven Filter zum Verwalten"
+
     },
     "TABLE": {
       "COLUMN_NAME": "Spaltenname",
@@ -151,20 +172,37 @@
       "ARIA_LABEL": "Suche starten",
       "DETAIL": "Suche starten"
     },
-    "EXPORT": "Alle Ereignisse exportieren"
+    "EXPORT": "Alle Ereignisse exportieren",
+    "CONTROLS": {
+      "ARIA_LABEL": "Suchsteuerungen"
+    },
+    "ANNOUNCEMENTS": {
+      "SEARCHING": "Suche läuft...",
+      "NO_RESULTS": "Keine Ergebnisse gefunden",
+      "RESULTS_FOUND": "{{count}} Ergebnisse gefunden"
+    }
   },
   "OCX_PAGE_HEADER": {
     "IMAGE": "Seitentitelbild",
     "SUBHEADER": "Seiteninhalt",
     "MORE_ACTIONS": "Weitere Aktionen",
     "HOME_DEFAULT_ARIA_LABEL": "Zur Startseite navigieren",
-    "HOME_ARIA_LABEL": "Zu {{page}} navigieren"
+    "HOME_ARIA_LABEL": "Zu {{page}} navigieren",
+    "BREADCRUMB_ARIA_LABEL": "Zu {{breadcrumb}} navigieren" 
   },
   "OCX_DIAGRAM": {
-    "ARIA_LABEL": "Diagramm: Gesamtanzahl: {{total}}. {{valueString}}.",
+    "ARIA_LABEL": "Diagramm Zusammenfassung: Gesamtanzahl: {{total}}. {{valueString}}.",
     "EMPTY_ARIA_LABEL": "Diagramm ohne Daten",
     "SUM": "Gesamtanzahl",
     "NO_DATA": "Es sind keine Daten vorhanden",
+    "SELECT_BUTTON": {
+      "ARIA_LABEL": "Diagrammtyp auswählen"
+    },
+    "TABLE": {
+      "COLOR": "Farbe",
+      "LABEL": "Bezeichnung",
+      "COUNT": "Anzahl"
+    },
     "SWITCH_DIAGRAM_TYPE": {
       "PIE": "Zu Tortendiagramm wechseln",
       "HORIZONTAL_BAR": "Zu horizontalem Balkendiagramm wechseln",
@@ -187,5 +225,9 @@
   "OCX_DATA_LOADING_ERROR": {
     "TITLE": "Die Daten konnten nicht geladen werden.",
     "MESSAGE": "Dies kann folgende Gründe haben: \n -Die Daten existieren nicht oder nicht mehr.\n - Die Daten konnten aufgrund eines Fehlers im System nicht geladen werden.\n - Ihnen fehlt die nötige Berechtigung um die Daten zu laden.\n Bitte kontaktieren Sie den Support, wenn Sie glauben, dass es sich hierbei um einen Fehler des Systems handelt."
+  },
+  "OCX_DATA_EXPORT": {
+    "EXCEL_TABLE_NAME": "{{fileName}}_table",
+    "EXCEL_SHEET_NAME": "{{fileName}}_sheet"
   }
 }

package/assets/i18n/en.json

@@ -1,4 +1,14 @@
 {
+  "OCX_BUTTON_DIALOG": {
+    "CONFIRM": "Confirm",
+    "CANCEL": "Cancel"
+  },
+  "OCX_CONSENT": {
+    "TITLE": "Consent required",
+    "MESSAGE": "To display this content, requests to {{url}} may be sent. This can expose your data (e.g. IP address) to this external service. Do you agree?",
+    "AGREE": "I agree",
+    "WITHDRAW": "Withdraw consent to display this content"
+  },
   "OCX_CUSTOM_GROUP_COLUMN_SELECTOR": {
     "ARIA_LABEL": "Column group selector",
     "DROPDOWN_LABEL": "Column group",
@@ -48,7 +58,7 @@
       "DESCENDING_TOOLTIP": "Sort Descending",
       "DEFAULT_TOOLTIP": "Default Sort"
     },
-    "SORTING_BUTTON_ARIA_LABEL": "Toggle sorting direction to {{direction}}"
+    "SORTING_BUTTON_ARIA_LABEL": "Current Sorting direction: {{currentDirection}}. Toggle sorting direction to {{nextDirection}}"
   },
   "OCX_DATA_TABLE": {
     "SEARCH_RESULTS_FOUND": "{{results}} Results Found",
@@ -56,7 +66,9 @@
     "EMPTY_RESULT": "No data found.",
     "EMPTY_FILTER_MESSAGE": "No filters found.",
     "ACTIONS_COLUMN_NAME": "Actions",
+    "EXPAND_COLLAPSE_COLUMN": "Expand/Collapse column",
     "COLUMN_FILTER_ARIA_LABEL": "Column filter",
+    "COLUMN_FILTER_PLACEHOLDER": "Type to filter",
     "FILTER_TITLE": "Filter",
     "FILTER_ARIA_LABEL": "Filter {{column}}",
     "EDITED": "Edited",
@@ -76,9 +88,13 @@
     },
     "SELECT_ALL_ARIA_LABEL": "Select all table rows",
     "SELECT_ALL_TOOLTIP": "Select all",
-    "SELECT_ARIA_LABEL": "Select table row with id {{key}}",
+    "SELECT_ARIA_LABEL": "Select table row with id {{key}}, row summary: {{rowSummary}}",
     "FILTER_YES": "Yes",
-    "FILTER_NO": "No"
+    "FILTER_NO": "No",
+    "COLLAPSED_ROW": "Toggle row details. Current state: Collapsed",
+    "EXPANDED_ROW": "Toggle row details. Current state: Expanded",
+    "SELECTION_COLUMN": "Selection column",
+    "TABLE_ARIA_LABEL": "Data table"
   },
   "OCX_DATA_LIST_GRID": {
     "SEARCH_RESULTS_FOUND": "{{results}} Results Found",
@@ -93,6 +109,9 @@
     "MORE_ACTIONS_TOOLTIP": "Display more actions"
   },
   "OCX_DATA_LAYOUT_SELECTION": {
+    "SELECT_BUTTON": {
+      "ARIA_LABEL": "Select layout"
+    },
     "LAYOUT": {
       "LIST": "List",
       "GRID": "Grid",
@@ -115,7 +134,8 @@
     "MANAGE_FILTERS_BUTTON": {
       "LABEL": "Filters",
       "ARIA_LABEL": "Manage active filters",
-      "DETAIL": "Manage active filters"
+      "DETAIL": "Manage active filters",
+      "DISABLED_DETAIL": "No active filters to manage"
     },
     "TABLE": {
       "COLUMN_NAME": "Column name",
@@ -151,20 +171,37 @@
       "ARIA_LABEL": "Start search",
       "DETAIL": "Start search"
     },
-    "EXPORT": "Export all events"
+    "EXPORT": "Export all events",
+    "CONTROLS": {
+      "ARIA_LABEL": "Search controls"
+    },
+    "ANNOUNCEMENTS": {
+      "SEARCHING": "Searching...",
+      "NO_RESULTS": "No results found",
+      "RESULTS_FOUND": "{{count}} results found" 
+    }
   },
   "OCX_PAGE_HEADER": {
     "IMAGE": "Page title logo",
     "SUBHEADER": "Page Content",
     "MORE_ACTIONS": "More actions",
     "HOME_DEFAULT_ARIA_LABEL": "Go to home page",
-    "HOME_ARIA_LABEL": "Go to {{page}} home page"
+    "HOME_ARIA_LABEL": "Go to home page",
+    "BREADCRUMB_ARIA_LABEL": "Go to {{breadcrumb}} page"
   },
   "OCX_DIAGRAM": {
-    "ARIA_LABEL": "Chart: Total amount: {{total}}. {{valueString}}.",
+    "ARIA_LABEL": "Chart Summary: Total amount: {{total}}. {{valueString}}.",
     "EMPTY_ARIA_LABEL": "Chart with no data",
     "SUM": "Total",
     "NO_DATA": "There is no data available",
+    "SELECT_BUTTON": {
+      "ARIA_LABEL": "Select chart type"
+    },
+    "TABLE": {
+      "COLOR": "Color",
+      "LABEL": "Label",
+      "COUNT": "Count"
+    },
     "SWITCH_DIAGRAM_TYPE": {
       "PIE": "Switch to pie chart",
       "HORIZONTAL_BAR": "Switch to horizontal bar chart",
@@ -187,5 +224,9 @@
   "OCX_DATA_LOADING_ERROR": {
     "TITLE": "The data could not be loaded.",
     "MESSAGE": "This may have the following reasons:\n The data does not exist or no longer exists.\n The data could not be loaded due to an error in the system.\n You do not have the necessary permission to load the data.\n Please contact the support if you think this happened due to a system error."
+  },
+  "OCX_DATA_EXPORT": {
+    "EXCEL_TABLE_NAME": "{{fileName}}_table",
+    "EXCEL_SHEET_NAME": "{{fileName}}_sheet"
   }
 }

package/assets/i18n/storybook-translations/data-table/de.json

@@ -0,0 +1,6 @@
+{
+  "OCX_DATA_TABLE_CAPTION": {
+      "TITLE": "Produkte",
+      "DESCRIPTION": "Beschreibung der Tabelle"
+  }
+}

package/assets/i18n/storybook-translations/data-table/en.json

@@ -0,0 +1,6 @@
+{
+  "OCX_DATA_TABLE_CAPTION": {
+      "TITLE": "Products",
+      "DESCRIPTION": "Description of the table"
+  }
+}

package/assets/i18n/storybook-translations/diagram/de.json

@@ -0,0 +1,11 @@
+{
+  "chart": {
+    "fruit1": "Apfel",
+    "fruit2": "Banane",
+    "fruit3": "Orange"
+  },
+  "OCX_DIAGRAM": {
+     "ACCESSIBILITY_TITLE": "Verteilung des Obstverkaufs",
+    "ACCESSIBILITY_DESCRIPTION": "Interaktives Kreisdiagramm, das die Verteilung der Obstverk\u00e4ufe nach Typ zeigt. Verwenden Sie die Schaltfl\u00e4chen unten, um zwischen Kreis-, horizontalem Balken- und vertikalem Balkendiagramm zu wechseln. Eine Datentabelle f\u00fcr Bildschirmleser ist unter dem Diagramm verf\u00fcgbar."
+  }  
+}

package/assets/i18n/storybook-translations/diagram/en.json

@@ -0,0 +1,11 @@
+{
+ "chart": {
+    "fruit1": "Apple",
+    "fruit2": "Banana",
+    "fruit3": "Orange"
+  },
+  "OCX_DIAGRAM": {
+  "ACCESSIBILITY_TITLE": "Fruit Sales Distribution",
+  "ACCESSIBILITY_DESCRIPTION": "Interactive pie chart showing the distribution of fruit sales by type. Use the buttons below to switch between pie, horizontal bar, and vertical bar chart views. A data table for screen readers is available below the chart."
+  }
+}

package/assets/i18n/storybook-translations/page-header/de.json

@@ -9,5 +9,10 @@
     "actionItemAriaLabel": "Funktions-Aktions-Aria-Label",
     "statusLabelTooltip": "Funktions-Status-Label-Tooltip (status: {{status}})",
     "statusValueTooltip": "Funktions-Status-Wert-Tooltip (value: {{value}})"
+  },
+  "chart": {
+    "fruit1": "Apfel",
+    "fruit2": "Banane",
+    "fruit3": "Orange"
   }
 }

package/assets/i18n/storybook-translations/page-header/en.json

@@ -9,5 +9,10 @@
     "actionItemAriaLabel": "Feature Action Item Aria Label",
     "statusLabelTooltip": "Feature Status Label Tooltip (status: {{status}})",
     "statusValueTooltip": "Feature Status Value Tooltip (value: {{value}})"
+  },
+  "chart": {
+    "fruit1": "Apple",
+    "fruit2": "Banana",
+    "fruit3": "Orange"
   }
 }

package/assets/styles.scss

@@ -1,3 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
 
 @import '/node_modules/primeflex/primeflex.scss';
+
+@import '../src/lib/directives/loading-indicator.directive.scss';

package/fesm2022/onecx-angular-accelerator-testing.mjs

@@ -1,4 +1,4 @@
-import { PSelectHarness, DivHarness, PHarness, PButtonHarness, PDialogHarness, PPicklistHarness, PToggleButtonHarness, MenuItemHarness, ButtonHarness, waitForDeferredViewsToBeRendered, PPaginatorHarness, PMenuHarness, TableHeaderColumnHarness, TableRowHarness, PTableCheckboxHarness, PChartHarness, PSelectButtonHarness, PChipHarness, SpanHarness, PBreadcrumbHarness, ContentContainerComponentHarness as ContentContainerComponentHarness$1, PButtonDirectiveHarness, ensureIntersectionObserverMockExists, ensureOriginMockExists } from '@onecx/angular-testing';
+import { PSelectHarness, ButtonHarness, DivHarness, PHarness, PButtonHarness, PDialogHarness, PPicklistHarness, PToggleButtonHarness, MenuItemHarness, waitForDeferredViewsToBeRendered, PPaginatorHarness, PMenuHarness, TableHeaderColumnHarness, TableRowHarness, PTableCheckboxHarness, PChartHarness, PSelectButtonHarness, PChipHarness, SpanHarness, PBreadcrumbHarness, ContentContainerComponentHarness as ContentContainerComponentHarness$1, PButtonDirectiveHarness, ensureIntersectionObserverMockExists, ensureOriginMockExists } from '@onecx/angular-testing';
 export * from '@onecx/angular-testing';
 import { ComponentHarness, ContentContainerComponentHarness, parallel, HarnessPredicate } from '@angular/cdk/testing';
 export * from '@angular/cdk/testing';
@@ -12,6 +12,33 @@ class ColumnGroupSelectionHarness extends ComponentHarness {
     static { this.hostSelector = 'ocx-column-group-selection'; }
 }
 
+class OcxConsentHarness extends ComponentHarness {
+    static { this.hostSelector = 'ocx-consent'; }
+    async isConsentMessageVisible() {
+        return !!(await this.locatorForOptional('.ocx-consent')());
+    }
+    async isContentVisible(selector) {
+        const projected = await this.locatorForOptional(selector)();
+        return !!projected;
+    }
+    async clickAgree() {
+        const button = await this.locatorFor(ButtonHarness.with({ ancestor: '.ocx-consent', selector: 'button' }))();
+        await button.click();
+    }
+    async clickWithdraw() {
+        const button = await this.locatorFor('a.cursor-pointer.text-primary.underline')();
+        await button.click();
+    }
+    async isWithdrawVisible() {
+        const withdraw = await this.locatorForOptional('a.cursor-pointer.text-primary.underline')();
+        return !!withdraw;
+    }
+    async isInfoVisible() {
+        const info = await this.locatorForOptional('[ocx-consent-info]')();
+        return !!info;
+    }
+}
+
 class OcxContentContainerHarness extends ComponentHarness {
     static { this.hostSelector = 'ocx-content-container'; }
     async getLayoutClasses() {
@@ -255,6 +282,8 @@ class DataTableHarness extends ContentContainerComponentHarness {
         this.getRows = this.locatorForAll(TableRowHarness);
         this.getPaginator = this.locatorFor(PPaginatorHarness);
         this.getOverflowMenu = this.locatorForOptional(PMenuHarness);
+        this.getExpansionColumnHeaderElement = this.locatorForOptional('[name="expansion-column-header"]');
+        this.getExpansionToggleButtonElements = this.locatorForAll('[name="expansion-column"] button');
     }
     static { this.hostSelector = 'ocx-data-table'; }
     static with(options) {
@@ -326,6 +355,16 @@ class DataTableHarness extends ContentContainerComponentHarness {
         }
         return await column.hasClass('p-datatable-frozen-column');
     }
+    async expansionColumnHeaderExists() {
+        return (await this.getExpansionColumnHeaderElement()) !== null;
+    }
+    async clickExpansionToggle(rowIndex) {
+        const buttons = await this.getExpansionToggleButtonElements();
+        if (rowIndex >= buttons.length) {
+            throw new Error(`No expansion toggle at index ${rowIndex}. Found ${buttons.length} toggle(s).`);
+        }
+        await buttons[rowIndex].click();
+    }
 }
 
 class DataViewHarness extends ContentContainerComponentHarness {
@@ -352,9 +391,16 @@ class DiagramHarness extends ComponentHarness {
     async getDiagramTypeSelectButton() {
         return await this.locatorForOptional('p-selectbutton[name="diagram-type-select-button"]')();
     }
+    async getCanvasElement() {
+        return await this.locatorForOptional('p-chart canvas')();
+    }
     async getAllSelectionButtons() {
         return await (await this.locatorFor(PSelectButtonHarness)()).getAllButtons();
     }
+    async getCanvasAriaLabel() {
+        const canvas = await this.getCanvasElement();
+        return canvas ? canvas.getAttribute('aria-label') : null;
+    }
 }
 
 class FilterViewHarness extends ContentContainerComponentHarness {
@@ -534,6 +580,8 @@ class SearchHeaderHarness extends ComponentHarness {
             id: 'simpleAdvancedButton',
         }));
         this.getMoreActionsMenuButton = this.locatorForOptional(MoreActionsMenuButtonHarness);
+        this.getBasicContent = this.locatorForOptional('#basic-content');
+        this.getAdvancedContent = this.locatorForOptional('#advanced-content');
     }
     static { this.hostSelector = 'ocx-search-header'; }
     async clickResetButton() {
@@ -547,8 +595,101 @@ class SearchHeaderHarness extends ComponentHarness {
             await (await this.getSimpleAdvancedButton())?.click();
         }
         else {
-            console.warn('No SimpleAdvancedButton is being displayed to toggle, because no advanced form field is defined.');
+            // In some tests the toggle button is not rendered (no advanced field defined).
+            // Consumers can fall back to directly setting `viewMode` via `setViewMode`.
+        }
+    }
+    async isBasicContentVisible() {
+        return !!(await this.getBasicContent());
+    }
+    async isAdvancedContentVisible() {
+        return !!(await this.getAdvancedContent());
+    }
+    async setViewMode(mode) {
+        const toggleButton = await this.getSimpleAdvancedButton();
+        if (!toggleButton) {
+            return;
         }
+        const desiredAdvancedVisible = mode === 'advanced';
+        for (let i = 0; i < 2; i++) {
+            const isAdvancedVisible = await this.isAdvancedContentVisible();
+            if (isAdvancedVisible === desiredAdvancedVisible) {
+                return;
+            }
+            await this.toggleSimpleAdvanced();
+        }
+    }
+}
+
+class OcxSrcHarness extends ComponentHarness {
+    static { this.hostSelector = 'img'; }
+    static with(options = {}) {
+        return new HarnessPredicate(OcxSrcHarness, options).addOption('id', options.id, (harness, id) => HarnessPredicate.stringMatches(harness.getId(), id));
+    }
+    async getId() {
+        return await (await this.host()).getAttribute('id');
+    }
+    async getSrcAttribute() {
+        return await (await this.host()).getAttribute('src');
+    }
+    async getSrcProperty() {
+        return await (await this.host()).getProperty('src');
+    }
+    async getVisibility() {
+        const style = await (await this.host()).getAttribute('style');
+        if (!style)
+            return null;
+        const match = /visibility\s*:\s*([^;]+)/i.exec(style);
+        return match?.[1]?.trim() ?? null;
+    }
+    async dispatchLoad() {
+        const host = await this.host();
+        await host.dispatchEvent('load');
+    }
+    async getTestElement() {
+        return await this.host();
+    }
+}
+
+class OcxTooltipHarness extends ComponentHarness {
+    static { this.defaultHostSelector = '.ocx-tooltip-host'; }
+    static { this.configuredHostSelector = OcxTooltipHarness.defaultHostSelector; }
+    static get hostSelector() {
+        return OcxTooltipHarness.configuredHostSelector;
+    }
+    static with(options = {}) {
+        const { hostSelector, selector, ...rest } = options;
+        return new HarnessPredicate(OcxTooltipHarness, {
+            ...rest,
+            selector: hostSelector ?? selector ?? OcxTooltipHarness.hostSelector
+        })
+            .addOption('text', options.text, async (harness, text) => (await harness.getTooltipText()) === text);
+    }
+    static withHostSelector(hostSelector) {
+        return OcxTooltipHarness.with({ hostSelector });
+    }
+    async hover() {
+        const host = await this.host();
+        await host.dispatchEvent('mouseenter');
+    }
+    async unhover() {
+        const host = await this.host();
+        await host.dispatchEvent('mouseleave');
+    }
+    async getTooltipText() {
+        const tooltip = await this.documentRootLocatorFactory()
+            .locatorForOptional('.p-tooltip-text')();
+        return tooltip ? await tooltip.text() : null;
+    }
+    async getTooltipId() {
+        const tooltip = await this.documentRootLocatorFactory()
+            .locatorForOptional('.p-tooltip')();
+        return tooltip ? await tooltip.getAttribute('id') : null;
+    }
+    async isVisible() {
+        const tooltip = await this.documentRootLocatorFactory()
+            .locatorForOptional('.p-tooltip')();
+        return !!tooltip;
     }
 }
 
@@ -624,5 +765,5 @@ ensureOriginMockExists();
  * Generated bundle index. Do not edit.
  */
 
-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 { 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 };
 //# sourceMappingURL=onecx-angular-accelerator-testing.mjs.map