@onecx/angular-accelerator 6.13.0 → 6.13.1

package/assets/i18n/de.json

@@ -51,6 +51,8 @@
     "SORTING_BUTTON_ARIA_LABEL": "{{direction}} sortieren"
   },
   "OCX_DATA_TABLE": {
+    "SEARCH_RESULTS_FOUND": "{{results}} Ergebnisse gefunden",
+    "NO_SEARCH_RESULTS_FOUND": "Keine Ergebnisse gefunden",
     "EMPTY_RESULT": "Keine Daten gefunden.",
     "EMPTY_FILTER_MESSAGE": "Keine Filter gefunden.",
     "ACTIONS_COLUMN_NAME": "Aktionen",
@@ -79,6 +81,8 @@
     "FILTER_NO": "Nein"
   },
   "OCX_DATA_LIST_GRID": {
+    "SEARCH_RESULTS_FOUND": "{{results}} Ergebnisse gefunden",
+    "NO_SEARCH_RESULTS_FOUND": "Keine Ergebnisse gefunden",
     "EMPTY_RESULT": "Keine Daten gefunden.",
     "MENU": {
       "VIEW": "Anzeigen",

package/assets/i18n/en.json

@@ -51,6 +51,8 @@
     "SORTING_BUTTON_ARIA_LABEL": "Toggle sorting direction to {{direction}}"
   },
   "OCX_DATA_TABLE": {
+    "SEARCH_RESULTS_FOUND": "{{results}} Results Found",
+    "NO_SEARCH_RESULTS_FOUND": "No Results Found",
     "EMPTY_RESULT": "No data found.",
     "EMPTY_FILTER_MESSAGE": "No filters found.",
     "ACTIONS_COLUMN_NAME": "Actions",
@@ -79,6 +81,8 @@
     "FILTER_NO": "No"
   },
   "OCX_DATA_LIST_GRID": {
+    "SEARCH_RESULTS_FOUND": "{{results}} Results Found",
+    "NO_SEARCH_RESULTS_FOUND": "No Results Found",
     "EMPTY_RESULT": "No data found.",
     "MENU": {
       "VIEW": "View",

package/fesm2022/onecx-angular-accelerator.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, ElementRef, Input, Directive, Renderer2, ViewContainerRef, TemplateRef, HostListener, EventEmitter, Output, Injectable, Injector, LOCALE_ID, Pipe, ContentChild, ViewEncapsulation, Component, ViewChild, ContentChildren, NgZone, ChangeDetectorRef, ViewChildren, QueryList, Type, NgModule, APP_INITIALIZER } from '@angular/core';
 import { UserService, AppStateService, ConfigurationService, CONFIG_KEY, ShellCapabilityService, Capability, AppConfigService } from '@onecx/angular-integration-interface';
 import { HAS_PERMISSION_CHECKER, SKIP_STYLE_SCOPING, getScopeIdentifier, dataStyleIdKey, dataNoPortalLayoutStylesKey, MultiLanguageMissingTranslationHandler, providePermissionChecker, provideTranslationPathFromMeta, provideTranslationConnectionService } from '@onecx/angular-utils';
-import { BehaviorSubject, switchMap, of, from, map, filter, concat, combineLatest, startWith, debounceTime, mergeMap, first, shareReplay, withLatestFrom, ReplaySubject, timestamp, distinctUntilChanged, isObservable, firstValueFrom, skip } from 'rxjs';
+import { BehaviorSubject, switchMap, of, from, map, filter, concat, combineLatest, startWith, debounceTime, firstValueFrom, mergeMap, first, shareReplay, withLatestFrom, ReplaySubject, timestamp, distinctUntilChanged, isObservable, skip } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import * as i3 from '@angular/forms';
 import { FormGroupDirective, FormControlName, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -39,6 +39,7 @@ import * as i4$2 from 'primeng/picklist';
 import { PickListModule } from 'primeng/picklist';
 import * as i1$2 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
 import * as i4$3 from 'primeng/dataview';
 import { DataViewModule } from 'primeng/dataview';
 import * as i3$2 from 'primeng/checkbox';
@@ -1915,6 +1916,13 @@ class DataListGridComponent extends DataSortBase {
             this.resetPage();
         this._originalData = [...value];
         this._data$.next([...value]);
+        const currentResults = value.length;
+        const newStatus = currentResults === 0
+            ? 'OCX_DATA_LIST_GRID.NO_SEARCH_RESULTS_FOUND'
+            : 'OCX_DATA_LIST_GRID.SEARCH_RESULTS_FOUND';
+        firstValueFrom(this.translateService.get(newStatus, { results: currentResults })).then((translatedText) => {
+            this.liveAnnouncer.announce(translatedText);
+        });
     }
     get filters() {
         return this._filters$.getValue();
@@ -2012,6 +2020,7 @@ class DataListGridComponent extends DataSortBase {
         this.injector = inject(Injector);
         this.appStateService = inject(AppStateService);
         this.hasPermissionChecker = inject(HAS_PERMISSION_CHECKER, { optional: true });
+        this.liveAnnouncer = inject(LiveAnnouncer);
         this.subtitleLineIds = [];
         this.clientSideSorting = true;
         this.clientSideFiltering = true;
@@ -2607,6 +2616,13 @@ class DataTableComponent extends DataSortBase {
     set rows(value) {
         !this._rows$.getValue().length;
         this._rows$.next(value);
+        const currentResults = value.length;
+        const newStatus = currentResults === 0
+            ? 'OCX_DATA_TABLE.NO_SEARCH_RESULTS_FOUND'
+            : 'OCX_DATA_TABLE.SEARCH_RESULTS_FOUND';
+        firstValueFrom(this.translateService.get(newStatus, { results: currentResults })).then((translatedText) => {
+            this.liveAnnouncer.announce(translatedText);
+        });
     }
     set selectedRows(value) {
         this._selectionIds$.next(value.map((row) => {
@@ -2747,6 +2763,7 @@ class DataTableComponent extends DataSortBase {
         this.injector = inject(Injector);
         this.userService = inject(UserService);
         this.hasPermissionChecker = inject(HAS_PERMISSION_CHECKER, { optional: true });
+        this.liveAnnouncer = inject(LiveAnnouncer);
         this.FilterType = FilterType;
         this.TemplateType = TemplateType;
         this.checked = true;