@c8y/ngx-components 1022.26.1 → 1022.27.0

package/fesm2022/c8y-ngx-components-search.mjs

@@ -1,33 +1,37 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, EventEmitter, ViewChild, Input, Output, Optional, Inject, Component, NgModule } from '@angular/core';
-import * as i3 from '@c8y/client';
-import { QueriesUtil } from '@c8y/client';
-import * as i2$2 from '@c8y/ngx-components';
-import { getBasicInputArrayFormFieldConfig, gettext, SearchFilters, BuiltInActionType, FilteringActionType, DataGridComponent, ColumnDirective, EmptyStateComponent, C8yTranslatePipe, UserPreferencesConfigurationStrategy, DATA_GRID_CONFIGURATION_STRATEGY, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, Status, TitleComponent, C8yTranslateDirective, SearchInputComponent, CoreModule, CoreSearchModule, hookRoute, hookSearch } from '@c8y/ngx-components';
-import * as i2 from '@c8y/ngx-components/assets-navigator';
-import * as i1 from '@c8y/ngx-components/device-grid';
-import { NameDeviceGridColumn, ModelDeviceGridColumn, SerialNumberDeviceGridColumn, RegistrationDateDeviceGridColumn, SystemIdDeviceGridColumn, ImeiDeviceGridColumn, AlarmsDeviceGridColumn, DeviceGridModule } from '@c8y/ngx-components/device-grid';
-import { BehaviorSubject, Subject } from 'rxjs';
-import * as i1$1 from '@angular/router';
-import { takeUntil } from 'rxjs/operators';
-import * as i4 from '@c8y/ngx-components/sub-assets';
-import { DeleteAssetsModalComponent } from '@c8y/ngx-components/sub-assets';
-import * as i2$1 from 'ngx-bootstrap/modal';
+import { inject, Injectable, InjectionToken, EventEmitter, Output, Input, Component, ViewChild, NgModule } from '@angular/core';
+import { QueriesUtil, SmartGroupsService } from '@c8y/client';
+import * as i2 from '@c8y/ngx-components';
+import { PreviewService, ContextRouteService, WILDCARD_SEARCH_FEATURE_KEY, gettext, SearchFilters, ViewContext, C8yTranslatePipe, TabsOutletComponent, TabComponent, RouterService, SearchInputComponent, getBasicInputArrayFormFieldConfig, BuiltInActionType, FilteringActionType, DataGridComponent, ColumnDirective, EmptyStateComponent, UserPreferencesConfigurationStrategy, DATA_GRID_CONFIGURATION_STRATEGY, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, Status, TitleComponent, C8yTranslateDirective, CoreModule, CoreSearchModule, hookRoute, hookSearch } from '@c8y/ngx-components';
+import { AssetNodeService } from '@c8y/ngx-components/assets-navigator';
+import { DeviceGridService, NameDeviceGridColumn, ModelDeviceGridColumn, SerialNumberDeviceGridColumn, RegistrationDateDeviceGridColumn, SystemIdDeviceGridColumn, ImeiDeviceGridColumn, AlarmsDeviceGridColumn, DeviceGridModule } from '@c8y/ngx-components/device-grid';
+import { BehaviorSubject, firstValueFrom, catchError, of, lastValueFrom, Subject } from 'rxjs';
 import { AssetTypeGridColumn, AssetTypeCellRendererComponent } from '@c8y/ngx-components/data-grid-columns/asset-type';
-import { NgFor, NgIf } from '@angular/common';
+import { NgFor, AsyncPipe, NgIf } from '@angular/common';
+import * as i1$1 from '@angular/router';
+import { Router, ActivationEnd } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { filter, map, startWith, catchError as catchError$1, takeUntil } from 'rxjs/operators';
+import { SubAssetsService, DeleteAssetsModalComponent } from '@c8y/ngx-components/sub-assets';
+import { BsModalService } from 'ngx-bootstrap/modal';
 
 class AssetSearchService {
-    constructor(deviceGridService, assetNodeService) {
-        this.deviceGridService = deviceGridService;
-        this.assetNodeService = assetNodeService;
+    constructor() {
         this.GRID_CONFIG_STORAGE_KEY = 'search-grid-config';
         this.DEFAULT_PAGE_SIZE = 50;
         this.getGlobalSearchData = this.getSearchData.bind(this);
         this.appliedFilters$ = new BehaviorSubject({
             allFilters: true,
             onlyDevices: true,
-            onlyGroupsAndAssets: true
+            onlyGroupsAndAssets: true,
+            currentHierarchy: false
         });
+        this.previewService = inject(PreviewService);
+        this.deviceGridService = inject(DeviceGridService);
+        this.assetNodeService = inject(AssetNodeService);
+        this.contextRouteService = inject(ContextRouteService);
         this.queriesUtil = new QueriesUtil();
     }
     /**
@@ -38,7 +42,8 @@ class AssetSearchService {
         this.appliedFilters$.next({
             allFilters: true,
             onlyDevices: true,
-            onlyGroupsAndAssets: true
+            onlyGroupsAndAssets: true,
+            currentHierarchy: false
         });
     }
     buildCombinedRootQueryFilter(columns, pagination) {
@@ -53,11 +58,24 @@ class AssetSearchService {
         const queryPart = this.queriesUtil.addOrderbys(rootQuery, userQuery.__orderby, 'append');
         const fullQuery = this.queriesUtil.addAndFilter(queryPart, userQuery.__filter);
         const queryWithSearch = this.queriesUtil.addAndFilter(fullQuery, searchQuery);
-        return this.queriesUtil.buildQuery(queryWithSearch);
+        return queryWithSearch;
     }
     async getData(columns, pagination, text) {
         const query = this.buildCombinedRootQueryFilter(columns, pagination);
-        return this.assetNodeService.getAllInventories({ ...pagination, query, text });
+        if (await this.isWildcardSearchEnabled()) {
+            const wildcardQuery = this.queriesUtil.addAndFilter(query, {
+                name: `*${text.trim().replace(/\s+/g, '*')}*`
+            });
+            return this.assetNodeService.getAllInventories({
+                ...pagination,
+                query: this.queriesUtil.buildQuery(wildcardQuery)
+            });
+        }
+        return this.assetNodeService.getAllInventories({
+            ...pagination,
+            query: this.queriesUtil.buildQuery(query),
+            text
+        });
     }
     getDefaultColumns() {
         const defaultColumns = [
@@ -83,6 +101,9 @@ class AssetSearchService {
             currentPage: 1
         };
     }
+    async isWildcardSearchEnabled() {
+        return firstValueFrom(this.previewService.getState$(WILDCARD_SEARCH_FEATURE_KEY).pipe(catchError(() => of(true))));
+    }
     buildSearchQuery(model) {
         const filter = {};
         const ors = [];
@@ -96,18 +117,45 @@ class AssetSearchService {
             ors.push({ __has: 'c8y_IsDynamicGroup' });
             ors.push({ __has: 'c8y_IsDeviceGroup' });
         }
+        if (!model.onlyDevices && !model.onlyGroupsAndAssets) {
+            ors.push([
+                { __has: 'c8y_IsDeviceGroup' },
+                { __has: 'c8y_IsDevice' },
+                { __has: 'c8y_IsAsset' }
+            ]);
+        }
         if (ors.length) {
             filter.__or = ors;
         }
+        if (model.currentHierarchy && this.contextRouteService.activatedContextData?.contextData?.id) {
+            filter.__and = [
+                { __isinhierarchyof: this.contextRouteService.activatedContextData.contextData.id }
+            ];
+        }
         return filter;
     }
+    /**
+     * Get search data based on the provided text and pagination.
+     * @param text The search text.
+     * @param pagination The pagination options.
+     * @returns The search results.
+     */
     async getSearchData(text, pagination = { currentPage: 1, pageSize: this.DEFAULT_PAGE_SIZE }) {
-        const { onlyDevices, onlyGroupsAndAssets } = this.appliedFilters$.value;
-        const query = this.buildSearchQuery({ onlyDevices, onlyGroupsAndAssets });
+        const { onlyDevices, onlyGroupsAndAssets, currentHierarchy } = this.appliedFilters$.value;
+        const query = this.buildSearchQuery({ onlyDevices, onlyGroupsAndAssets, currentHierarchy });
         const queryString = this.queriesUtil.buildQuery(query);
+        if (await this.isWildcardSearchEnabled()) {
+            const wildcardQuery = this.queriesUtil.addAndFilter(query, {
+                name: `*${text.trim().replace(/\s+/g, '*')}*`
+            });
+            return this.assetNodeService.getAllInventories({
+                ...pagination,
+                query: this.queriesUtil.buildQuery(wildcardQuery)
+            });
+        }
         return this.assetNodeService.getAllInventories({ ...pagination, query: queryString, text });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetSearchService, deps: [{ token: i1.DeviceGridService }, { token: i2.AssetNodeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetSearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetSearchService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetSearchService, decorators: [{
@@ -115,7 +163,210 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.DeviceGridService }, { type: i2.AssetNodeService }] });
+        }], ctorParameters: () => [] });
+
+const SEARCH_CONFIG = new InjectionToken('SearchConfig');
+
+class SearchCustomFiltersComponent {
+    constructor() {
+        this.useTabs = false;
+        this.customDataQuery = new EventEmitter();
+        this.refresh = new EventEmitter();
+        this.tabNames = {
+            all: gettext('All'),
+            devices: gettext('Devices'),
+            groupsAndAssets: gettext('Groups and assets')
+        };
+        this.selectedTab = this.tabNames.all;
+        this.checkboxesState = [
+            {
+                label: gettext('All'),
+                name: SearchFilters.ALL_FILTERS,
+                value: true,
+                indeterminate: false,
+                isDisabled: true
+            },
+            { label: gettext('Show only devices'), name: SearchFilters.ONLY_DEVICES, value: true },
+            {
+                label: gettext('Show only groups and assets'),
+                name: SearchFilters.ONLY_GROUPS_AND_ASSETS,
+                value: true
+            }
+        ];
+        this.isOnlyHierarchyQuery = false;
+        this.isOnlyHierarchyQueryChange = new EventEmitter();
+        this.assetSearchService = inject(AssetSearchService);
+        this.contextRouteService = inject(ContextRouteService);
+        this.router = inject(Router);
+        this.contextRouteData$ = this.router.events.pipe(filter(event => event instanceof ActivationEnd), map((routeData) => {
+            const data = this.contextRouteService.getContextData(routeData.snapshot);
+            if (data?.context === ViewContext.Group) {
+                return data;
+            }
+            return null;
+        }), takeUntilDestroyed());
+        this.context$ = this.contextRouteData$.pipe(startWith(this.contextRouteService.activatedContextData), takeUntilDestroyed());
+    }
+    ngOnInit() {
+        this.customDataQuery.next(this.assetSearchService.getGlobalSearchData);
+    }
+    onCheckboxChange(event, checkbox) {
+        const { checked } = event.target;
+        if (checked == undefined) {
+            return;
+        }
+        switch (checkbox.name) {
+            case SearchFilters.ALL_FILTERS:
+                this.onSelectAll(checkbox, checked);
+                break;
+            case SearchFilters.ONLY_DEVICES:
+                this.onAllDevices(checkbox, checked);
+                break;
+            case SearchFilters.ONLY_GROUPS_AND_ASSETS:
+                this.onGroupsAndAssets(checkbox, checked);
+                break;
+        }
+        // Handle allFilters checkbox when ONLY_GROUPS_AND_ASSETS and ONLY_DEVICES are selected
+        if (this.getCheckbox(SearchFilters.ONLY_DEVICES).value &&
+            this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value) {
+            Object.assign(this.getCheckbox(SearchFilters.ALL_FILTERS), {
+                indeterminate: false,
+                isDisabled: true,
+                value: true
+            });
+        }
+        this.onSearchFilterChange(this.getCheckbox(SearchFilters.ALL_FILTERS).value, this.getCheckbox(SearchFilters.ONLY_DEVICES).value, this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value);
+        this.refresh.next(null);
+    }
+    onTabChange(tabName = this.tabNames.all) {
+        this.selectedTab = tabName;
+        this.onSearchFilterChange(tabName === this.tabNames.all, tabName === this.tabNames.devices, tabName === this.tabNames.groupsAndAssets, this.isOnlyHierarchyQuery);
+    }
+    onHierarchyQueryChange(checked) {
+        this.isOnlyHierarchyQuery = checked;
+        this.isOnlyHierarchyQueryChange.next(checked);
+        this.onSearchFilterChange(this.selectedTab === this.tabNames.all, this.selectedTab === this.tabNames.devices, this.selectedTab === this.tabNames.groupsAndAssets, checked);
+    }
+    onSearchFilterChange(all, devices, groupsAndAssets, currentHierarchy = false) {
+        this.assetSearchService.appliedFilters$.next({
+            [SearchFilters.ALL_FILTERS]: all,
+            [SearchFilters.ONLY_DEVICES]: devices,
+            [SearchFilters.ONLY_GROUPS_AND_ASSETS]: groupsAndAssets,
+            [SearchFilters.CURRENT_HIERARCHY]: currentHierarchy
+        });
+        this.refresh.next(null);
+    }
+    saveCheckboxValue(checkbox, value) {
+        checkbox.value = value;
+    }
+    onSelectAll(currentCheckbox, checked) {
+        // Block unchecked state
+        if (checked) {
+            this.saveCheckboxValue(currentCheckbox, checked);
+        }
+        this.getCheckbox(SearchFilters.ALL_FILTERS).isDisabled = true;
+        this.getCheckbox(SearchFilters.ONLY_DEVICES).value = true;
+        this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value = true;
+    }
+    onAllDevices(currentCheckbox, checked) {
+        this.saveCheckboxValue(currentCheckbox, checked);
+        Object.assign(this.getCheckbox(SearchFilters.ALL_FILTERS), {
+            indeterminate: true,
+            isDisabled: false,
+            value: null
+        });
+        this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value = true;
+    }
+    onGroupsAndAssets(currentCheckbox, checked) {
+        this.saveCheckboxValue(currentCheckbox, checked);
+        Object.assign(this.getCheckbox(SearchFilters.ALL_FILTERS), {
+            indeterminate: true,
+            isDisabled: false,
+            value: null
+        });
+        this.getCheckbox(SearchFilters.ONLY_DEVICES).value = true;
+    }
+    getCheckbox(checkboxName) {
+        return this.checkboxesState.find(checkbox => checkbox.name === checkboxName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchCustomFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchCustomFiltersComponent, isStandalone: true, selector: "c8y-search-custom-filters", inputs: { useTabs: "useTabs", isOnlyHierarchyQuery: "isOnlyHierarchyQuery" }, outputs: { customDataQuery: "customDataQuery", refresh: "refresh", isOnlyHierarchyQueryChange: "isOnlyHierarchyQueryChange" }, ngImport: i0, template: "<div class=\"d-flex gap-16 p-l-4 p-l-24 p-r-24\">\n  <div\n    class=\"p-b-8 separator-bottom sticky-top p-t-4\"\n    *ngIf=\"!useTabs\"\n  >\n    <label\n      class=\"c8y-checkbox\"\n      *ngFor=\"let checkbox of checkboxesState\"\n    >\n      <input\n        type=\"checkbox\"\n        [checked]=\"checkbox.value\"\n        [indeterminate]=\"checkbox.indeterminate\"\n        (click)=\"onCheckboxChange($event, checkbox)\"\n        [attr.disabled]=\"checkbox.isDisabled ? true : null\"\n      />\n      <span></span>\n      <span>{{ checkbox.label | translate }}</span>\n    </label>\n  </div>\n</div>\n\n<c8y-tabs-outlet\n  class=\"elevation-none\"\n  *ngIf=\"useTabs\"\n  outletName=\"searchTabs\"\n  orientation=\"horizontal\"\n></c8y-tabs-outlet>\n\n<c8y-tab\n  [icon]=\"'asterisk-key'\"\n  [title]=\"'All devices, assets and groups' | translate\"\n  [isActive]=\"selectedTab === tabNames.all\"\n  [tabsOutlet]=\"'searchTabs'\"\n  [label]=\"tabNames.all | translate\"\n  [priority]=\"1000\"\n  (onSelect)=\"onTabChange(tabNames.all)\"\n></c8y-tab>\n<c8y-tab\n  [icon]=\"'exchange'\"\n  [title]=\"'Devices only' | translate\"\n  [isActive]=\"selectedTab === tabNames.devices\"\n  [tabsOutlet]=\"'searchTabs'\"\n  [label]=\"tabNames.devices | translate\"\n  [priority]=\"750\"\n  (onSelect)=\"onTabChange(tabNames.devices)\"\n></c8y-tab>\n<c8y-tab\n  [icon]=\"'c8y-modules'\"\n  [title]=\"'Assets and groups only' | translate\"\n  [isActive]=\"selectedTab === tabNames.groupsAndAssets\"\n  [tabsOutlet]=\"'searchTabs'\"\n  [label]=\"tabNames.groupsAndAssets | translate\"\n  [priority]=\"500\"\n  (onSelect)=\"onTabChange(tabNames.groupsAndAssets)\"\n></c8y-tab>\n\n<div\n  class=\"p-l-48 p-t-8 d-flex a-i-center\"\n  *ngIf=\"useTabs && (context$ | async)?.contextData?.name\"\n>\n  <span translate>Search only in</span>\n  <span class=\"text-bold p-l-4\">{{ (context$ | async)?.contextData?.name }}</span>\n  <label\n    class=\"m-l-8 c8y-switch c8y-switch--inline\"\n    [title]=\"'Search only within the current group or asset hierarchy' | translate\"\n  >\n    <input\n      type=\"checkbox\"\n      [ngModel]=\"isOnlyHierarchyQuery\"\n      [attr.aria-label]=\"'Search only within the current group or asset hierarchy' | translate\"\n      (ngModelChange)=\"onHierarchyQueryChange($event)\"\n    />\n    <span></span>\n  </label>\n</div>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "component", type: TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: ["tabs", "orientation", "navigatorOpen", "outletName", "context", "openFirstTab", "hasHeader"] }, { kind: "component", type: TabComponent, selector: "c8y-tab", inputs: ["path", "label", "icon", "priority", "orientation", "injector", "tabsOutlet", "isActive", "showAlways"], outputs: ["onSelect"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchCustomFiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-search-custom-filters', imports: [
+                        NgFor,
+                        C8yTranslatePipe,
+                        TabsOutletComponent,
+                        TabComponent,
+                        AsyncPipe,
+                        NgIf,
+                        FormsModule
+                    ], template: "<div class=\"d-flex gap-16 p-l-4 p-l-24 p-r-24\">\n  <div\n    class=\"p-b-8 separator-bottom sticky-top p-t-4\"\n    *ngIf=\"!useTabs\"\n  >\n    <label\n      class=\"c8y-checkbox\"\n      *ngFor=\"let checkbox of checkboxesState\"\n    >\n      <input\n        type=\"checkbox\"\n        [checked]=\"checkbox.value\"\n        [indeterminate]=\"checkbox.indeterminate\"\n        (click)=\"onCheckboxChange($event, checkbox)\"\n        [attr.disabled]=\"checkbox.isDisabled ? true : null\"\n      />\n      <span></span>\n      <span>{{ checkbox.label | translate }}</span>\n    </label>\n  </div>\n</div>\n\n<c8y-tabs-outlet\n  class=\"elevation-none\"\n  *ngIf=\"useTabs\"\n  outletName=\"searchTabs\"\n  orientation=\"horizontal\"\n></c8y-tabs-outlet>\n\n<c8y-tab\n  [icon]=\"'asterisk-key'\"\n  [title]=\"'All devices, assets and groups' | translate\"\n  [isActive]=\"selectedTab === tabNames.all\"\n  [tabsOutlet]=\"'searchTabs'\"\n  [label]=\"tabNames.all | translate\"\n  [priority]=\"1000\"\n  (onSelect)=\"onTabChange(tabNames.all)\"\n></c8y-tab>\n<c8y-tab\n  [icon]=\"'exchange'\"\n  [title]=\"'Devices only' | translate\"\n  [isActive]=\"selectedTab === tabNames.devices\"\n  [tabsOutlet]=\"'searchTabs'\"\n  [label]=\"tabNames.devices | translate\"\n  [priority]=\"750\"\n  (onSelect)=\"onTabChange(tabNames.devices)\"\n></c8y-tab>\n<c8y-tab\n  [icon]=\"'c8y-modules'\"\n  [title]=\"'Assets and groups only' | translate\"\n  [isActive]=\"selectedTab === tabNames.groupsAndAssets\"\n  [tabsOutlet]=\"'searchTabs'\"\n  [label]=\"tabNames.groupsAndAssets | translate\"\n  [priority]=\"500\"\n  (onSelect)=\"onTabChange(tabNames.groupsAndAssets)\"\n></c8y-tab>\n\n<div\n  class=\"p-l-48 p-t-8 d-flex a-i-center\"\n  *ngIf=\"useTabs && (context$ | async)?.contextData?.name\"\n>\n  <span translate>Search only in</span>\n  <span class=\"text-bold p-l-4\">{{ (context$ | async)?.contextData?.name }}</span>\n  <label\n    class=\"m-l-8 c8y-switch c8y-switch--inline\"\n    [title]=\"'Search only within the current group or asset hierarchy' | translate\"\n  >\n    <input\n      type=\"checkbox\"\n      [ngModel]=\"isOnlyHierarchyQuery\"\n      [attr.aria-label]=\"'Search only within the current group or asset hierarchy' | translate\"\n      (ngModelChange)=\"onHierarchyQueryChange($event)\"\n    />\n    <span></span>\n  </label>\n</div>\n" }]
+        }], propDecorators: { useTabs: [{
+                type: Input
+            }], customDataQuery: [{
+                type: Output
+            }], refresh: [{
+                type: Output
+            }], isOnlyHierarchyQuery: [{
+                type: Input
+            }], isOnlyHierarchyQueryChange: [{
+                type: Output
+            }] } });
+
+class SearchActionComponent {
+    constructor() {
+        this.typeaheadReload = new EventEmitter();
+        this.previewService = inject(PreviewService);
+        this.isWildcardSearchEnabled$ = this.previewService
+            .getState$(WILDCARD_SEARCH_FEATURE_KEY)
+            .pipe(catchError(() => of(true)));
+        this.c8yRouter = inject(RouterService);
+        this.router = inject(Router);
+        this.moduleConfig = inject(SEARCH_CONFIG, { optional: true });
+        this.isOnlyHierarchyQuery = false;
+        this.showAdvancedFilters = this.moduleConfig?.showAdvancedFilters ?? true;
+        this.customPlaceholder = this.moduleConfig?.placeholder;
+    }
+    triggerDataLoad() {
+        this.typeaheadReload.next(null);
+    }
+    onOpenChange(isOpen) {
+        if (isOpen) {
+            this.triggerDataLoad();
+        }
+    }
+    async onSearch(on) {
+        if (await lastValueFrom(this.isWildcardSearchEnabled$)) {
+            return;
+        }
+        this.navigate(['/assetsearch'], {
+            queryParams: { search: on },
+            replaceUrl: true
+        });
+    }
+    onFilter(on) {
+        this.navigate(['/assetsearch'], {
+            queryParams: { filter: on },
+            replaceUrl: true
+        });
+    }
+    onClick(mo) {
+        this.router.navigateByUrl(this.c8yRouter.getHref(mo, '/'));
+    }
+    navigate(commands, extras) {
+        this.router
+            .navigateByUrl('/', { skipLocationChange: true })
+            .then(() => this.router.navigate(commands, extras));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchActionComponent, isStandalone: true, selector: "c8y-search-action", ngImport: i0, template: "<c8y-search-input\n  #input\n  (filter)=\"onFilter($event)\"\n  (search)=\"onSearch($event)\"\n  (onClick)=\"onClick($event)\"\n  (onOpenToggle)=\"onOpenChange($event)\"\n  [enableCustomTemplatePlaceholder]=\"true\"\n  [customPlaceholder]=\"customPlaceholder\"\n  [customDataQuery]=\"customQuery\"\n  [externalTerm]=\"typeaheadReload\"\n  [mode]=\"(isWildcardSearchEnabled$ | async) ? 'wildcardsearch' : 'search'\"\n>\n  <c8y-search-custom-filters\n    *ngIf=\"showAdvancedFilters && input.term.length > 0\"\n    (refresh)=\"triggerDataLoad()\"\n    [useTabs]=\"isWildcardSearchEnabled$ | async\"\n    [(isOnlyHierarchyQuery)]=\"isOnlyHierarchyQuery\"\n    (customDataQuery)=\"customQuery = $event\"\n  ></c8y-search-custom-filters>\n</c8y-search-input>\n", dependencies: [{ kind: "component", type: SearchInputComponent, selector: "c8y-search-input", inputs: ["mode", "enableCustomTemplatePlaceholder", "customPlaceholder", "externalTerm", "customDataQuery", "container", "groupsOnly"], outputs: ["filter", "search", "reset", "onClick", "onOpenToggle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchCustomFiltersComponent, selector: "c8y-search-custom-filters", inputs: ["useTabs", "isOnlyHierarchyQuery"], outputs: ["customDataQuery", "refresh", "isOnlyHierarchyQueryChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-search-action', imports: [SearchInputComponent, NgIf, SearchCustomFiltersComponent, AsyncPipe], template: "<c8y-search-input\n  #input\n  (filter)=\"onFilter($event)\"\n  (search)=\"onSearch($event)\"\n  (onClick)=\"onClick($event)\"\n  (onOpenToggle)=\"onOpenChange($event)\"\n  [enableCustomTemplatePlaceholder]=\"true\"\n  [customPlaceholder]=\"customPlaceholder\"\n  [customDataQuery]=\"customQuery\"\n  [externalTerm]=\"typeaheadReload\"\n  [mode]=\"(isWildcardSearchEnabled$ | async) ? 'wildcardsearch' : 'search'\"\n>\n  <c8y-search-custom-filters\n    *ngIf=\"showAdvancedFilters && input.term.length > 0\"\n    (refresh)=\"triggerDataLoad()\"\n    [useTabs]=\"isWildcardSearchEnabled$ | async\"\n    [(isOnlyHierarchyQuery)]=\"isOnlyHierarchyQuery\"\n    (customDataQuery)=\"customQuery = $event\"\n  ></c8y-search-custom-filters>\n</c8y-search-input>\n" }]
+        }], ctorParameters: () => [] });
 
 class AssetTypeSearchGridColumn extends AssetTypeGridColumn {
     constructor(hideExtendedFilters, initialColumnConfig, assetSearchService, customPlaceholder) {
@@ -152,7 +403,8 @@ class AssetTypeSearchGridColumn extends AssetTypeGridColumn {
                                 assetSearchService.appliedFilters$.next({
                                     [SearchFilters.ALL_FILTERS]: checked,
                                     [SearchFilters.ONLY_DEVICES]: true,
-                                    [SearchFilters.ONLY_GROUPS_AND_ASSETS]: true
+                                    [SearchFilters.ONLY_GROUPS_AND_ASSETS]: true,
+                                    [SearchFilters.CURRENT_HIERARCHY]: null
                                 });
                             }
                         }
@@ -214,7 +466,8 @@ class AssetTypeSearchGridColumn extends AssetTypeGridColumn {
                             assetSearchService.appliedFilters$.next({
                                 [SearchFilters.ALL_FILTERS]: null,
                                 [SearchFilters.ONLY_GROUPS_AND_ASSETS]: true,
-                                [SearchFilters.ONLY_DEVICES]: checked
+                                [SearchFilters.ONLY_DEVICES]: checked,
+                                [SearchFilters.CURRENT_HIERARCHY]: null
                             });
                         }
                     },
@@ -254,7 +507,8 @@ class AssetTypeSearchGridColumn extends AssetTypeGridColumn {
                             assetSearchService.appliedFilters$.next({
                                 [SearchFilters.ALL_FILTERS]: null,
                                 [SearchFilters.ONLY_GROUPS_AND_ASSETS]: checked,
-                                [SearchFilters.ONLY_DEVICES]: true
+                                [SearchFilters.ONLY_DEVICES]: true,
+                                [SearchFilters.CURRENT_HIERARCHY]: false
                             });
                         }
                     },
@@ -285,9 +539,31 @@ class AssetTypeSearchGridColumn extends AssetTypeGridColumn {
     }
 }
 
-const SEARCH_CONFIG = new InjectionToken('SearchConfig');
-
 class SearchGridComponent {
+    constructor() {
+        this.title = '';
+        this.loadingItemsLabel = gettext('Loading results…');
+        this.selectable = false;
+        this.onColumnsChange = new EventEmitter();
+        this.searchText = '';
+        this.moduleConfig = inject(SEARCH_CONFIG, { optional: true });
+        this.showAdvancedFilters = this.moduleConfig?.showAdvancedFilters ?? false;
+        this.customPlaceholder = this.moduleConfig?.placeholder ?? undefined;
+        this.assetSearchService = inject(AssetSearchService);
+        this.pagination = this.assetSearchService.getDefaultPagination();
+        this.bulkActionControls = this.assetSearchService.getDefaultBulkActionControls();
+        this.refresh = new EventEmitter();
+        this.previewService = inject(PreviewService);
+        this.isWildcardSearchEnabled$ = this.previewService
+            .getState$(WILDCARD_SEARCH_FEATURE_KEY)
+            .pipe(catchError(() => of(true)));
+        this.wildcardSearchTitle = gettext('Asset data');
+        this.fullTextSearchTitle = gettext('Search results');
+        this.sizeCount = 0;
+        this.bsModalService = inject(BsModalService);
+        this.smartGroupsService = inject(SmartGroupsService);
+        this.subAssetsGridService = inject(SubAssetsService);
+    }
     set _columns(value) {
         if (value) {
             this.columns = value;
@@ -317,24 +593,6 @@ class SearchGridComponent {
             this.bulkActionControls = this.assetSearchService.getDefaultBulkActionControls();
         }
     }
-    constructor(assetSearchService, bsModalService, smartGroupsService, subAssetsGridService, moduleConfig) {
-        this.assetSearchService = assetSearchService;
-        this.bsModalService = bsModalService;
-        this.smartGroupsService = smartGroupsService;
-        this.subAssetsGridService = subAssetsGridService;
-        this.moduleConfig = moduleConfig;
-        this.title = '';
-        this.loadingItemsLabel = gettext('Loading results…');
-        this.selectable = false;
-        this.onColumnsChange = new EventEmitter();
-        this.searchText = '';
-        this.pagination = this.assetSearchService.getDefaultPagination();
-        this.bulkActionControls = this.assetSearchService.getDefaultBulkActionControls();
-        this.refresh = new EventEmitter();
-        this.sizeCount = 0;
-        this.showAdvancedFilters = moduleConfig?.showAdvancedFilters ?? false;
-        this.customPlaceholder = moduleConfig?.placeholder ?? undefined;
-    }
     getGridConfigContext() {
         return { key: this.columnsConfigKey || this.assetSearchService.GRID_CONFIG_STORAGE_KEY };
     }
@@ -450,7 +708,7 @@ class SearchGridComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchGridComponent, deps: [{ token: AssetSearchService }, { token: i2$1.BsModalService }, { token: i3.SmartGroupsService }, { token: i4.SubAssetsService }, { token: SEARCH_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchGridComponent, isStandalone: true, selector: "c8y-search-grid", inputs: { parentGroup: ["parent-group", "parentGroup"], title: "title", loadingItemsLabel: "loadingItemsLabel", _columns: ["columns", "_columns"], _pagination: ["pagination", "_pagination"], _actionControls: ["actionControls", "_actionControls"], selectable: "selectable", _bulkActionControls: ["bulkActionControls", "_bulkActionControls"], searchText: "searchText", filteringName: "filteringName", columnsConfigKey: "columnsConfigKey" }, outputs: { onColumnsChange: "onColumnsChange" }, providers: [
             {
                 provide: DATA_GRID_CONFIGURATION_STRATEGY,
@@ -460,7 +718,7 @@ class SearchGridComponent {
                 provide: DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER,
                 useExisting: SearchGridComponent
             }
-        ], viewQueries: [{ propertyName: "dataGrid", first: true, predicate: DataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"card--grid--fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"'Search results' | translate\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [actionControls]=\"actionControls\"\n    [selectable]=\"selectable\"\n    [bulkActionControls]=\"bulkActionControls\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [showSearch]=\"true\"\n    [searchText]=\"searchText\"\n    [refresh]=\"refresh\"\n    (onColumnFilterReset)=\"onColumnFilterReset($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns; trackBy: trackByName\">\n      <c8y-column [name]=\"column.name\"></c8y-column>\n    </ng-container>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No results to display.' | translate\"\n      [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>", dependencies: [{ kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "dataGrid", first: true, predicate: DataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"card--grid--fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"\n      ((isWildcardSearchEnabled$ | async) ? wildcardSearchTitle : fullTextSearchTitle) | translate\n    \"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [actionControls]=\"actionControls\"\n    [selectable]=\"selectable\"\n    [bulkActionControls]=\"bulkActionControls\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [showSearch]=\"true\"\n    [searchText]=\"searchText\"\n    [refresh]=\"refresh\"\n    (onColumnFilterReset)=\"onColumnFilterReset($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns; trackBy: trackByName\">\n      <c8y-column [name]=\"column.name\"></c8y-column>\n    </ng-container>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No results to display.' | translate\"\n      [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchGridComponent, decorators: [{
             type: Component,
@@ -473,13 +731,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             provide: DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER,
                             useExisting: SearchGridComponent
                         }
-                    ], imports: [DataGridComponent, NgFor, ColumnDirective, EmptyStateComponent, C8yTranslatePipe], template: "<div class=\"card--grid--fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"'Search results' | translate\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [actionControls]=\"actionControls\"\n    [selectable]=\"selectable\"\n    [bulkActionControls]=\"bulkActionControls\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [showSearch]=\"true\"\n    [searchText]=\"searchText\"\n    [refresh]=\"refresh\"\n    (onColumnFilterReset)=\"onColumnFilterReset($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns; trackBy: trackByName\">\n      <c8y-column [name]=\"column.name\"></c8y-column>\n    </ng-container>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No results to display.' | translate\"\n      [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>" }]
-        }], ctorParameters: () => [{ type: AssetSearchService }, { type: i2$1.BsModalService }, { type: i3.SmartGroupsService }, { type: i4.SubAssetsService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [SEARCH_CONFIG]
-                }] }], propDecorators: { parentGroup: [{
+                    ], imports: [
+                        DataGridComponent,
+                        NgFor,
+                        ColumnDirective,
+                        EmptyStateComponent,
+                        C8yTranslatePipe,
+                        AsyncPipe
+                    ], template: "<div class=\"card--grid--fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"\n      ((isWildcardSearchEnabled$ | async) ? wildcardSearchTitle : fullTextSearchTitle) | translate\n    \"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [actionControls]=\"actionControls\"\n    [selectable]=\"selectable\"\n    [bulkActionControls]=\"bulkActionControls\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [showSearch]=\"true\"\n    [searchText]=\"searchText\"\n    [refresh]=\"refresh\"\n    (onColumnFilterReset)=\"onColumnFilterReset($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns; trackBy: trackByName\">\n      <c8y-column [name]=\"column.name\"></c8y-column>\n    </ng-container>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No results to display.' | translate\"\n      [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>\n" }]
+        }], propDecorators: { parentGroup: [{
                 type: Input,
                 args: ['parent-group']
             }], title: [{
@@ -519,6 +779,10 @@ class SearchResultsComponent {
         this.alert = alert;
         this.filter = '';
         this.searchText = '';
+        this.previewService = inject(PreviewService);
+        this.isWildcardSearchEnabled$ = this.previewService
+            .getState$(WILDCARD_SEARCH_FEATURE_KEY)
+            .pipe(catchError$1(() => of(true)));
         this.WARNING_TIMEOUT_TIME = 3000;
         this.unsubscribe$ = new Subject();
     }
@@ -583,164 +847,17 @@ class SearchResultsComponent {
         });
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchResultsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$2.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchResultsComponent, isStandalone: true, selector: "c8y-search-results", viewQueries: [{ propertyName: "searchGrid", first: true, predicate: SearchGridComponent, descendants: true, static: true }], ngImport: i0, template: "<c8y-title>\n  <span translate class=\"p-r-4\">Search</span>\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"searchText\"\n    [translateParams]=\"{\n      searchHint: searchText\n    }\"\n    >searching \"{{ searchHint }}\"</small\n  >\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"filter\"\n    [translateParams]=\"{\n      filterHint: filter\n    }\"\n    >filtered by \"{{ filterHint }}\"</small\n  >\n</c8y-title>\n\n<c8y-search-grid [searchText]=\"searchText\" [filteringName]=\"filteringName\"></c8y-search-grid>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchGridComponent, selector: "c8y-search-grid", inputs: ["parent-group", "title", "loadingItemsLabel", "columns", "pagination", "actionControls", "selectable", "bulkActionControls", "searchText", "filteringName", "columnsConfigKey"], outputs: ["onColumnsChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchResultsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchResultsComponent, isStandalone: true, selector: "c8y-search-results", viewQueries: [{ propertyName: "searchGrid", first: true, predicate: SearchGridComponent, descendants: true, static: true }], ngImport: i0, template: "<c8y-title *ngIf=\"isWildcardSearchEnabled$ | async\">\n  <span\n    class=\"p-r-4\"\n    translate\n  >\n    Search\n  </span>\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"searchText\"\n    [translateParams]=\"{\n      searchHint: searchText\n    }\"\n  >\n    searching \"{{ searchHint }}\"\n  </small>\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"filter\"\n    [translateParams]=\"{\n      filterHint: filter\n    }\"\n  >\n    filtered by \"{{ filterHint }}\"\n  </small>\n</c8y-title>\n\n<c8y-title\n  *ngIf=\"isWildcardSearchEnabled$ | async\"\n  translate\n>\n  Asset table\n</c8y-title>\n\n<c8y-search-grid\n  [searchText]=\"searchText\"\n  [filteringName]=\"filteringName\"\n></c8y-search-grid>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchGridComponent, selector: "c8y-search-grid", inputs: ["parent-group", "title", "loadingItemsLabel", "columns", "pagination", "actionControls", "selectable", "bulkActionControls", "searchText", "filteringName", "columnsConfigKey"], outputs: ["onColumnsChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchResultsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-search-results', imports: [TitleComponent, C8yTranslateDirective, NgIf, SearchGridComponent], template: "<c8y-title>\n  <span translate class=\"p-r-4\">Search</span>\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"searchText\"\n    [translateParams]=\"{\n      searchHint: searchText\n    }\"\n    >searching \"{{ searchHint }}\"</small\n  >\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"filter\"\n    [translateParams]=\"{\n      filterHint: filter\n    }\"\n    >filtered by \"{{ filterHint }}\"</small\n  >\n</c8y-title>\n\n<c8y-search-grid [searchText]=\"searchText\" [filteringName]=\"filteringName\"></c8y-search-grid>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$2.AlertService }], propDecorators: { searchGrid: [{
+            args: [{ selector: 'c8y-search-results', imports: [TitleComponent, C8yTranslateDirective, NgIf, SearchGridComponent, AsyncPipe], template: "<c8y-title *ngIf=\"isWildcardSearchEnabled$ | async\">\n  <span\n    class=\"p-r-4\"\n    translate\n  >\n    Search\n  </span>\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"searchText\"\n    [translateParams]=\"{\n      searchHint: searchText\n    }\"\n  >\n    searching \"{{ searchHint }}\"\n  </small>\n  <small\n    ngNonBindable\n    translate\n    *ngIf=\"filter\"\n    [translateParams]=\"{\n      filterHint: filter\n    }\"\n  >\n    filtered by \"{{ filterHint }}\"\n  </small>\n</c8y-title>\n\n<c8y-title\n  *ngIf=\"isWildcardSearchEnabled$ | async\"\n  translate\n>\n  Asset table\n</c8y-title>\n\n<c8y-search-grid\n  [searchText]=\"searchText\"\n  [filteringName]=\"filteringName\"\n></c8y-search-grid>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2.AlertService }], propDecorators: { searchGrid: [{
                 type: ViewChild,
                 args: [SearchGridComponent, { static: true }]
             }] } });
 
-class SearchCustomFiltersComponent {
-    constructor(assetSearchService) {
-        this.assetSearchService = assetSearchService;
-        this.customDataQuery = new EventEmitter();
-        this.refresh = new EventEmitter();
-        this.checkboxesState = [
-            {
-                label: gettext('All'),
-                name: SearchFilters.ALL_FILTERS,
-                value: true,
-                indeterminate: false,
-                isDisabled: true
-            },
-            { label: gettext('Show only devices'), name: SearchFilters.ONLY_DEVICES, value: true },
-            {
-                label: gettext('Show only groups and assets'),
-                name: SearchFilters.ONLY_GROUPS_AND_ASSETS,
-                value: true
-            }
-        ];
-    }
-    ngOnInit() {
-        this.customDataQuery.next(this.assetSearchService.getGlobalSearchData);
-    }
-    onCheckboxChange(event, checkbox) {
-        const { checked } = event.target;
-        if (checked == undefined) {
-            return;
-        }
-        switch (checkbox.name) {
-            case SearchFilters.ALL_FILTERS:
-                this.onSelectAll(checkbox, checked);
-                break;
-            case SearchFilters.ONLY_DEVICES:
-                this.onAllDevices(checkbox, checked);
-                break;
-            case SearchFilters.ONLY_GROUPS_AND_ASSETS:
-                this.onGroupsAndAssets(checkbox, checked);
-                break;
-        }
-        // Handle allFilters checkbox when ONLY_GROUPS_AND_ASSETS and ONLY_DEVICES are selected
-        if (this.getCheckbox(SearchFilters.ONLY_DEVICES).value &&
-            this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value) {
-            Object.assign(this.getCheckbox(SearchFilters.ALL_FILTERS), {
-                indeterminate: false,
-                isDisabled: true,
-                value: true
-            });
-        }
-        this.assetSearchService.appliedFilters$.next({
-            [SearchFilters.ALL_FILTERS]: this.getCheckbox(SearchFilters.ALL_FILTERS).value,
-            [SearchFilters.ONLY_DEVICES]: this.getCheckbox(SearchFilters.ONLY_DEVICES).value,
-            [SearchFilters.ONLY_GROUPS_AND_ASSETS]: this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS)
-                .value
-        });
-        this.refresh.next(null);
-    }
-    saveCheckboxValue(checkbox, value) {
-        checkbox.value = value;
-    }
-    onSelectAll(currentCheckbox, checked) {
-        // Block unchecked state
-        if (checked) {
-            this.saveCheckboxValue(currentCheckbox, checked);
-        }
-        this.getCheckbox(SearchFilters.ALL_FILTERS).isDisabled = true;
-        this.getCheckbox(SearchFilters.ONLY_DEVICES).value = true;
-        this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value = true;
-    }
-    onAllDevices(currentCheckbox, checked) {
-        this.saveCheckboxValue(currentCheckbox, checked);
-        Object.assign(this.getCheckbox(SearchFilters.ALL_FILTERS), {
-            indeterminate: true,
-            isDisabled: false,
-            value: null
-        });
-        this.getCheckbox(SearchFilters.ONLY_GROUPS_AND_ASSETS).value = true;
-    }
-    onGroupsAndAssets(currentCheckbox, checked) {
-        this.saveCheckboxValue(currentCheckbox, checked);
-        Object.assign(this.getCheckbox(SearchFilters.ALL_FILTERS), {
-            indeterminate: true,
-            isDisabled: false,
-            value: null
-        });
-        this.getCheckbox(SearchFilters.ONLY_DEVICES).value = true;
-    }
-    getCheckbox(checkboxName) {
-        return this.checkboxesState.find(checkbox => checkbox.name === checkboxName);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchCustomFiltersComponent, deps: [{ token: AssetSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchCustomFiltersComponent, isStandalone: true, selector: "c8y-search-custom-filters", outputs: { customDataQuery: "customDataQuery", refresh: "refresh" }, ngImport: i0, template: "<label class=\"c8y-checkbox\" *ngFor=\"let checkbox of checkboxesState\">\n  <input\n    type=\"checkbox\"\n    [checked]=\"checkbox.value\"\n    [indeterminate]=\"checkbox.indeterminate\"\n    (click)=\"onCheckboxChange($event, checkbox)\"\n    [attr.disabled]=\"checkbox.isDisabled ? true : null\"\n  />\n  <span></span>\n  <span>{{ checkbox.label | translate }}</span>\n</label>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchCustomFiltersComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-search-custom-filters', imports: [NgFor, C8yTranslatePipe], template: "<label class=\"c8y-checkbox\" *ngFor=\"let checkbox of checkboxesState\">\n  <input\n    type=\"checkbox\"\n    [checked]=\"checkbox.value\"\n    [indeterminate]=\"checkbox.indeterminate\"\n    (click)=\"onCheckboxChange($event, checkbox)\"\n    [attr.disabled]=\"checkbox.isDisabled ? true : null\"\n  />\n  <span></span>\n  <span>{{ checkbox.label | translate }}</span>\n</label>\n" }]
-        }], ctorParameters: () => [{ type: AssetSearchService }], propDecorators: { customDataQuery: [{
-                type: Output
-            }], refresh: [{
-                type: Output
-            }] } });
-
-class SearchActionComponent {
-    constructor(c8yRouter, router, moduleConfig) {
-        this.c8yRouter = c8yRouter;
-        this.router = router;
-        this.moduleConfig = moduleConfig;
-        this.typeaheadReload = new EventEmitter();
-        this.showAdvancedFilters = moduleConfig?.showAdvancedFilters ?? true;
-        this.customPlaceholder = moduleConfig?.placeholder;
-    }
-    triggerDataLoad() {
-        this.typeaheadReload.next(null);
-    }
-    onSearch(on) {
-        this.navigate(['/assetsearch'], {
-            queryParams: { search: on },
-            replaceUrl: true
-        });
-    }
-    onFilter(on) {
-        this.navigate(['/assetsearch'], {
-            queryParams: { filter: on },
-            replaceUrl: true
-        });
-    }
-    onClick(mo) {
-        this.router.navigateByUrl(this.c8yRouter.getHref(mo, '/'));
-    }
-    navigate(commands, extras) {
-        this.router
-            .navigateByUrl('/', { skipLocationChange: true })
-            .then(() => this.router.navigate(commands, extras));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchActionComponent, deps: [{ token: i2$2.RouterService }, { token: i1$1.Router }, { token: SEARCH_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchActionComponent, isStandalone: true, selector: "c8y-search-action", ngImport: i0, template: "<c8y-search-input\n  (filter)=\"onFilter($event)\"\n  (search)=\"onSearch($event)\"\n  (onClick)=\"onClick($event)\"\n  [enableCustomTemplatePlaceholder]=\"true\"\n  [customPlaceholder]=\"customPlaceholder\"\n  [customDataQuery]=\"customQuery\"\n  [externalTerm]=\"typeaheadReload\"\n>\n  <c8y-search-custom-filters\n    *ngIf=\"showAdvancedFilters\"\n    class=\"d-flex gap-16 p-l-4 p-l-24 p-r-24\"\n    (refresh)=\"triggerDataLoad()\"\n    (customDataQuery)=\"customQuery = $event\"\n  ></c8y-search-custom-filters>\n</c8y-search-input>\n", dependencies: [{ kind: "component", type: SearchInputComponent, selector: "c8y-search-input", inputs: ["mode", "enableCustomTemplatePlaceholder", "customPlaceholder", "externalTerm", "customDataQuery", "container", "groupsOnly"], outputs: ["filter", "search", "reset", "onClick"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchCustomFiltersComponent, selector: "c8y-search-custom-filters", outputs: ["customDataQuery", "refresh"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchActionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-search-action', imports: [SearchInputComponent, NgIf, SearchCustomFiltersComponent], template: "<c8y-search-input\n  (filter)=\"onFilter($event)\"\n  (search)=\"onSearch($event)\"\n  (onClick)=\"onClick($event)\"\n  [enableCustomTemplatePlaceholder]=\"true\"\n  [customPlaceholder]=\"customPlaceholder\"\n  [customDataQuery]=\"customQuery\"\n  [externalTerm]=\"typeaheadReload\"\n>\n  <c8y-search-custom-filters\n    *ngIf=\"showAdvancedFilters\"\n    class=\"d-flex gap-16 p-l-4 p-l-24 p-r-24\"\n    (refresh)=\"triggerDataLoad()\"\n    (customDataQuery)=\"customQuery = $event\"\n  ></c8y-search-custom-filters>\n</c8y-search-input>\n" }]
-        }], ctorParameters: () => [{ type: i2$2.RouterService }, { type: i1$1.Router }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [SEARCH_CONFIG]
-                }] }] });
-
 class SearchModule {
     static config(config = {}) {
         return {
@@ -778,7 +895,8 @@ class SearchModule {
             AssetTypeCellRendererComponent,
             SearchResultsComponent,
             SearchGridComponent,
-            SearchActionComponent] }); }
+            SearchActionComponent,
+            SearchCustomFiltersComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchModule, decorators: [{
             type: NgModule,