@alfresco/adf-process-services-cloud 9.2.0-38362903178 → 9.2.0-38422715132

package/fesm2022/adf-process-services-cloud.mjs

@@ -3960,7 +3960,6 @@ const FilterCounterEntityType = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const BATCHED_COUNTERS_UNAVAILABLE_STATUSES = [404, 501];
 const ENGINE_EVENTS_SUBSCRIPTION_QUERIES = {
     [FilterCounterEntityType.TASK]: `
     subscription {
@@ -4006,9 +4005,7 @@ class FilterCountersCloudService extends BaseCloudService {
         this.eventRecountPerApp = new Map();
         this.activeEntityTypesPerApp = new Map();
         this.subscribersPerEntityType = new Map();
-        this.batchedCountersPerEntityType = new Map();
         this.eventSubscriptionsPerEntityType = new Map();
-        this.appsWithoutBatchedCounters = new Set();
         this.taskFiltersPerApp = new Map();
         this.processFiltersPerApp = new Map();
         this.countersPerApp = new Map();
@@ -4022,14 +4019,14 @@ class FilterCountersCloudService extends BaseCloudService {
     getProcessFilters(appName) {
         return this.shareFilters(this.processFiltersPerApp, appName, () => this.injector.get(ProcessFilterCloudService).getProcessFilters(appName));
     }
-    getFilterCounters(appName, entityType, batchedCounters = false) {
+    getFilterCounters(appName, entityType) {
         if (!appName) {
             return EMPTY;
         }
         return defer(() => {
-            this.activateEntityType(appName, entityType, batchedCounters);
+            this.activateEntityType(appName, entityType);
             return this.getCounters(appName);
-        }).pipe(map(({ counters, batched }) => ({ counters: counters[entityType] ?? {}, batched })), finalize(() => this.deactivateEntityType(appName, entityType)));
+        }).pipe(map((counters) => ({ counters: counters[entityType] ?? {} })), finalize(() => this.deactivateEntityType(appName, entityType)));
     }
     refreshFilterCounters(appName) {
         this.recount(appName);
@@ -4058,14 +4055,13 @@ class FilterCountersCloudService extends BaseCloudService {
     get notificationsEnabled() {
         return this.appConfigService.get('notifications', true);
     }
-    activateEntityType(appName, entityType, batchedCounters) {
+    activateEntityType(appName, entityType) {
         const key = this.entityTypeKey(appName, entityType);
         const subscribers = (this.subscribersPerEntityType.get(key) ?? 0) + 1;
         this.subscribersPerEntityType.set(key, subscribers);
         if (subscribers > 1) {
             return;
         }
-        this.batchedCountersPerEntityType.set(key, batchedCounters);
         const activeEntityTypes = this.activeEntityTypes(appName);
         const joinsResolvedCounters = activeEntityTypes.size > 0;
         activeEntityTypes.add(entityType);
@@ -4084,7 +4080,6 @@ class FilterCountersCloudService extends BaseCloudService {
             return;
         }
         this.subscribersPerEntityType.delete(key);
-        this.batchedCountersPerEntityType.delete(key);
         this.activeEntityTypes(appName).delete(entityType);
         this.eventSubscriptionsPerEntityType.get(key)?.unsubscribe();
         this.eventSubscriptionsPerEntityType.delete(key);
@@ -4131,20 +4126,10 @@ class FilterCountersCloudService extends BaseCloudService {
         return counters$;
     }
     resolveCounters(appName) {
-        if (!this.batchedCountersEnabled(appName) || this.appsWithoutBatchedCounters.has(appName)) {
-            return of({ counters: {}, batched: false });
+        if (this.activeEntityTypes(appName).size === 0) {
+            return of({});
         }
-        return this.getFiltersForCounters(appName).pipe(take(1), switchMap((filters) => this.fetchFilterCounters(appName, this.buildRequest(filters))), map((counters) => ({ counters, batched: true })), catchError((error) => {
-            if (BATCHED_COUNTERS_UNAVAILABLE_STATUSES.includes(error?.status)) {
-                this.appsWithoutBatchedCounters.add(appName);
-            }
-            return of({ counters: {}, batched: false });
-        }));
-    }
-    batchedCountersEnabled(appName) {
-        const activeEntityTypes = [...this.activeEntityTypes(appName)];
-        return (activeEntityTypes.length > 0 &&
-            activeEntityTypes.every((entityType) => this.batchedCountersPerEntityType.get(this.entityTypeKey(appName, entityType))));
+        return this.getFiltersForCounters(appName).pipe(take(1), switchMap((filters) => this.fetchFilterCounters(appName, this.buildRequest(filters))), catchError(() => of({})));
     }
     recounts(appName) {
         return merge(merge(of(undefined), this.recountTrigger(appName)).pipe(debounceTime(0, asapScheduler)), this.eventRecountTrigger(appName).pipe(debounceTime(this.notificationDebounceTime)));
@@ -4733,12 +4718,6 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
          *
          */
         this.searchApiMethod = 'GET';
-        /**
-         * (optional) Resolves the counters of the task and the process filters with a single call to
-         * `POST /query/v1/count`. Both filter components have to
-         * ask for it, otherwise the counters are resolved one filter at a time.
-         */
-        this.useBatchedCounters = false;
         /** Emitted when a filter is being selected based on the filterParam input. */
         this.filterSelected = new EventEmitter();
         /** Emitted when a filter is being clicked from the UI. */
@@ -4751,7 +4730,6 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.enableNotifications = true;
         this.notificationDebounceTime = 3000;
         this.currentFiltersValues = {};
-        this.batchedCounters = true;
         this.taskFilterCloudService = inject(TaskFilterCloudService);
         this.taskListCloudService = inject(TaskListCloudService);
         this.filterCountersCloudService = inject(FilterCountersCloudService);
@@ -4778,9 +4756,6 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         else if (filter && filter.currentValue !== filter.previousValue) {
             this.selectFilterAndEmit(filter.currentValue);
         }
-        else if (changes['useBatchedCounters'] && !changes['useBatchedCounters'].firstChange && this.filtersLoadedFor) {
-            this.loadFilterCounters(this.filtersLoadedFor);
-        }
     }
     /**
      * Loads the filter list filtered by appName
@@ -4897,7 +4872,7 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
     onFilterClick(filter) {
         if (filter) {
             this.selectFilter(filter);
-            this.refreshFilterCounter(this.currentFilter);
+            this.refreshFilterCounter();
             this.filterClicked.emit(this.currentFilter);
             this.updatedCountersSet.delete(filter.key);
         }
@@ -4945,17 +4920,11 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.countersSubscription?.unsubscribe();
         this.countersSubscription = combineLatest([
             this.countersFilters$.pipe(catchError(() => of([]))),
-            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.TASK, this.useBatchedCounters)
+            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.TASK)
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(([, { counters, batched }]) => {
-            this.batchedCounters = batched;
-            if (batched) {
-                this.applyFilterCounters(counters);
-            }
-            else {
-                this.updateFilterCounters();
-            }
+            .subscribe(([, { counters }]) => {
+            this.applyFilterCounters(counters);
         });
     }
     applyFilterCounters(counters) {
@@ -4985,24 +4954,17 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.filters = [];
         this.currentFilter = undefined;
     }
-    refreshFilterCounter(filter) {
-        if (this.batchedCounters) {
-            this.filterCountersCloudService.refreshFilterCounters(this.appName);
-        }
-        else {
-            this.updateFilterCounter(filter);
-        }
+    refreshFilterCounter() {
+        this.filterCountersCloudService.refreshFilterCounters(this.appName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskFiltersCloudComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-task-filters", inputs: { searchApiMethod: "searchApiMethod", useBatchedCounters: "useBatchedCounters" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", filterCounterUpdated: "filterCounterUpdated", updatedFilter: "updatedFilter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[TASKS_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-task-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name | translate\"\n                [attr.aria-label]=\"filter.name | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key]) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-task-filters__entry-counter\"\n                        [class.adf-active]=\"wasFilterUpdated(filter.key)\"\n                    >\n                        {{ counters[filter.key] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_TASK_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n", styles: [".adf-task-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-task-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-task-filters", inputs: { searchApiMethod: "searchApiMethod" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", filterCounterUpdated: "filterCounterUpdated", updatedFilter: "updatedFilter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[TASKS_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-task-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name | translate\"\n                [attr.aria-label]=\"filter.name | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key]) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-task-filters__entry-counter\"\n                        [class.adf-active]=\"wasFilterUpdated(filter.key)\"\n                    >\n                        {{ counters[filter.key] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_TASK_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n", styles: [".adf-task-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-task-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskFiltersCloudComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-cloud-task-filters', imports: [AsyncPipe, MatProgressSpinnerModule, TranslatePipe, MatListModule, RouterLink, IconModule], template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[TASKS_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-task-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name | translate\"\n                [attr.aria-label]=\"filter.name | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key]) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-task-filters__entry-counter\"\n                        [class.adf-active]=\"wasFilterUpdated(filter.key)\"\n                    >\n                        {{ counters[filter.key] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_TASK_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n", styles: [".adf-task-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-task-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"] }]
         }], propDecorators: { searchApiMethod: [{
                 type: Input
-            }], useBatchedCounters: [{
-                type: Input
             }], filterSelected: [{
                 type: Output
             }], filterClicked: [{
@@ -12016,12 +11978,6 @@ class ProcessFiltersCloudComponent {
          *
          */
         this.searchApiMethod = 'GET';
-        /**
-         * (optional) Resolves the counters of the task and the process filters with a single call to
-         * `POST /query/v1/count`. Both filter components have to
-         * ask for it, otherwise the counters are resolved one filter at a time.
-         */
-        this.useBatchedCounters = false;
         /** (optional) Toggles showing an icon by the side of each filter */
         this.showIcons = false;
         /** Emitted when a filter is being selected based on the filterParam input. */
@@ -12040,7 +11996,6 @@ class ProcessFiltersCloudComponent {
         this.updatedFiltersSet = new Set();
         this.enableNotifications = true;
         this.notificationDebounceTime = 3000;
-        this.batchedCounters = true;
         this.destroyRef = inject(DestroyRef);
         this.processFilterCloudService = inject(ProcessFilterCloudService);
         this.translationService = inject(TranslationService);
@@ -12067,9 +12022,6 @@ class ProcessFiltersCloudComponent {
         else if (filter && filter.currentValue !== filter.previousValue) {
             this.selectFilterAndEmit(filter.currentValue);
         }
-        else if (changes['useBatchedCounters'] && !changes['useBatchedCounters'].firstChange && this.filtersLoadedFor) {
-            this.loadFilterCounters(this.filtersLoadedFor);
-        }
     }
     /**
      * Fetch the filter list based on appName
@@ -12153,7 +12105,7 @@ class ProcessFiltersCloudComponent {
         if (filter) {
             this.selectFilter(filter);
             this.filterClicked.emit(this.currentFilter);
-            this.refreshFilterCounter(this.currentFilter);
+            this.refreshFilterCounter();
             this.updatedFiltersSet.delete(filter.key);
         }
         else {
@@ -12262,17 +12214,11 @@ class ProcessFiltersCloudComponent {
         this.countersSubscription?.unsubscribe();
         this.countersSubscription = combineLatest([
             this.countersFilters$.pipe(catchError(() => of([]))),
-            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.PROCESS_INSTANCE, this.useBatchedCounters)
+            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.PROCESS_INSTANCE)
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(([, { counters, batched }]) => {
-            this.batchedCounters = batched;
-            if (batched) {
-                this.applyFilterCounters(counters);
-            }
-            else {
-                this.updateFilterCounters();
-            }
+            .subscribe(([, { counters }]) => {
+            this.applyFilterCounters(counters);
         });
     }
     applyFilterCounters(counters) {
@@ -12290,13 +12236,8 @@ class ProcessFiltersCloudComponent {
             this.counters = { ...this.counters, [filterKey]: counter };
         });
     }
-    refreshFilterCounter(filter) {
-        if (this.batchedCounters) {
-            this.filterCountersCloudService.refreshFilterCounters(this.appName);
-        }
-        else if (filter) {
-            this.updateFilterCounter(filter);
-        }
+    refreshFilterCounter() {
+        this.filterCountersCloudService.refreshFilterCounters(this.appName);
     }
     fetchProcessFilterCounter(filter) {
         return this.searchApiMethod === 'POST'
@@ -12304,7 +12245,7 @@ class ProcessFiltersCloudComponent {
             : this.processListCloudService.getProcessCounter(filter.appName, filter.status);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProcessFiltersCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ProcessFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-process-filters", inputs: { appName: "appName", searchApiMethod: "searchApiMethod", useBatchedCounters: "useBatchedCounters", filterParam: "filterParam", showIcons: "showIcons" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", success: "success", error: "error", updatedFilter: "updatedFilter" }, usesOnChanges: true, ngImport: i0, template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[PROCESSES_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-process-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name ?? '' | translate\"\n                [attr.aria-label]=\"filter.name ?? '' | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name ?? '' | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon ?? ''\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key ?? '']) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-process-filters__entry-counter\"\n                        [class.adf-active]=\"isFilterUpdated(filter.key ?? '')\"\n                    >\n                        {{ counters[filter.key ?? ''] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_PROCESS_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n\n", styles: [".adf-process-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-process-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ProcessFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-process-filters", inputs: { appName: "appName", searchApiMethod: "searchApiMethod", filterParam: "filterParam", showIcons: "showIcons" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", success: "success", error: "error", updatedFilter: "updatedFilter" }, usesOnChanges: true, ngImport: i0, template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[PROCESSES_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-process-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name ?? '' | translate\"\n                [attr.aria-label]=\"filter.name ?? '' | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name ?? '' | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon ?? ''\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key ?? '']) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-process-filters__entry-counter\"\n                        [class.adf-active]=\"isFilterUpdated(filter.key ?? '')\"\n                    >\n                        {{ counters[filter.key ?? ''] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_PROCESS_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n\n", styles: [".adf-process-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-process-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProcessFiltersCloudComponent, decorators: [{
             type: Component,
@@ -12313,8 +12254,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 type: Input
             }], searchApiMethod: [{
                 type: Input
-            }], useBatchedCounters: [{
-                type: Input
             }], filterParam: [{
                 type: Input
             }], showIcons: [{