@c8y/ngx-components 1023.14.2 → 1023.14.33

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

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 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, SearchFilters, ViewContext, TabsOutletComponent, TabComponent, C8yTranslatePipe, 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 { FeatureCacheService, ContextRouteService, WILDCARD_SEARCH_FEATURE_KEY, SearchFilters, ViewContext, TabsOutletComponent, TabComponent, C8yTranslatePipe, 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 { AsyncPipe, NgIf, NgFor } from '@angular/common';
+import { AsyncPipe } from '@angular/common';
 import * as i1$1 from '@angular/router';
 import { Router, ActivationEnd } from '@angular/router';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -29,7 +29,7 @@ class AssetSearchService {
             onlyGroupsAndAssets: true,
             currentHierarchy: false
         });
-        this.previewService = inject(PreviewService);
+        this.featureCacheService = inject(FeatureCacheService);
         this.deviceGridService = inject(DeviceGridService);
         this.assetNodeService = inject(AssetNodeService);
         this.contextRouteService = inject(ContextRouteService);
@@ -65,7 +65,11 @@ class AssetSearchService {
         const query = this.buildCombinedRootQueryFilter(columns, pagination);
         if (await this.isWildcardSearchEnabled()) {
             const wildcardQuery = this.queriesUtil.addAndFilter(query, {
-                name: `*${text.trim().replace(/\s+/g, '*')}*`
+                __or: {
+                    name: `*${text.trim().replace(/\s+/g, '*')}*`,
+                    id: text.trim(),
+                    'c8y_Hardware.serialNumber': `*${text.trim().replace(/\s+/g, '*')}*`
+                }
             });
             return this.assetNodeService.getAllInventories({
                 ...pagination,
@@ -103,7 +107,9 @@ class AssetSearchService {
         };
     }
     async isWildcardSearchEnabled() {
-        return firstValueFrom(this.previewService.getState$(WILDCARD_SEARCH_FEATURE_KEY).pipe(catchError(() => of(true))));
+        return firstValueFrom(this.featureCacheService
+            .getFeatureState(WILDCARD_SEARCH_FEATURE_KEY)
+            .pipe(catchError(() => of(true))));
     }
     buildSearchQuery(model) {
         const filter = {};
@@ -147,7 +153,11 @@ class AssetSearchService {
         const queryString = this.queriesUtil.buildQuery(query);
         if (await this.isWildcardSearchEnabled()) {
             const wildcardQuery = this.queriesUtil.addAndFilter(query, {
-                name: `*${text.trim().replace(/\s+/g, '*')}*`
+                __or: {
+                    name: `*${text.trim().replace(/\s+/g, '*')}*`,
+                    id: text.trim(),
+                    'c8y_Hardware.serialNumber': `*${text.trim().replace(/\s+/g, '*')}*`
+                }
             });
             return this.assetNodeService.getAllInventories({
                 ...pagination,
@@ -156,10 +166,10 @@ class AssetSearchService {
         }
         return this.assetNodeService.getAllInventories({ ...pagination, query: queryString, text });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AssetSearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AssetSearchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AssetSearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AssetSearchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AssetSearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AssetSearchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -290,10 +300,10 @@ class SearchCustomFiltersComponent {
     getCheckbox(checkboxName) {
         return this.checkboxesState.find(checkbox => checkbox.name === checkboxName);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchCustomFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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  @if (!useTabs) {\n    <div class=\"p-b-8 separator-bottom sticky-top p-t-4\">\n      @for (checkbox of checkboxesState; track $index) {\n        <label class=\"c8y-checkbox\">\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      }\n    </div>\n  }\n</div>\n\n@if (useTabs) {\n  <c8y-tabs-outlet\n    class=\"elevation-none\"\n    outletName=\"searchTabs\"\n    orientation=\"horizontal\"\n  ></c8y-tabs-outlet>\n}\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@if (useTabs && (context$ | async)?.contextData?.name) {\n  <div class=\"p-l-48 p-t-8 d-flex a-i-center\">\n    <span translate>Search only in`specified group or asset`</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        [attr.aria-label]=\"'Search only within the current group or asset hierarchy' | translate\"\n        type=\"checkbox\"\n        [ngModel]=\"isOnlyHierarchyQuery\"\n        (ngModelChange)=\"onHierarchyQueryChange($event)\"\n      />\n      <span></span>\n    </label>\n  </div>\n}\n", dependencies: [{ 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", "text", "showAlways"], outputs: ["onSelect"] }, { 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"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchCustomFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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  @if (!useTabs) {\n    <div class=\"p-b-8 separator-bottom sticky-top p-t-4\">\n      @for (checkbox of checkboxesState; track $index) {\n        <label class=\"c8y-checkbox\">\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      }\n    </div>\n  }\n</div>\n\n@if (useTabs) {\n  <c8y-tabs-outlet\n    class=\"elevation-none\"\n    outletName=\"searchTabs\"\n    orientation=\"horizontal\"\n  ></c8y-tabs-outlet>\n}\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@if (useTabs && (context$ | async)?.contextData?.name) {\n  <div class=\"p-l-48 p-t-8 d-flex a-i-center\">\n    <span translate>Search only in`specified group or asset`</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        [attr.aria-label]=\"'Search only within the current group or asset hierarchy' | translate\"\n        type=\"checkbox\"\n        [ngModel]=\"isOnlyHierarchyQuery\"\n        (ngModelChange)=\"onHierarchyQueryChange($event)\"\n      />\n      <span></span>\n    </label>\n  </div>\n}\n", dependencies: [{ 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", "text", "showAlways"], outputs: ["onSelect"] }, { 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"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchCustomFiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchCustomFiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-search-custom-filters', imports: [C8yTranslatePipe, TabsOutletComponent, TabComponent, AsyncPipe, FormsModule], template: "<div class=\"d-flex gap-16 p-l-4 p-l-24 p-r-24\">\n  @if (!useTabs) {\n    <div class=\"p-b-8 separator-bottom sticky-top p-t-4\">\n      @for (checkbox of checkboxesState; track $index) {\n        <label class=\"c8y-checkbox\">\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      }\n    </div>\n  }\n</div>\n\n@if (useTabs) {\n  <c8y-tabs-outlet\n    class=\"elevation-none\"\n    outletName=\"searchTabs\"\n    orientation=\"horizontal\"\n  ></c8y-tabs-outlet>\n}\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@if (useTabs && (context$ | async)?.contextData?.name) {\n  <div class=\"p-l-48 p-t-8 d-flex a-i-center\">\n    <span translate>Search only in`specified group or asset`</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        [attr.aria-label]=\"'Search only within the current group or asset hierarchy' | translate\"\n        type=\"checkbox\"\n        [ngModel]=\"isOnlyHierarchyQuery\"\n        (ngModelChange)=\"onHierarchyQueryChange($event)\"\n      />\n      <span></span>\n    </label>\n  </div>\n}\n" }]
         }], propDecorators: { useTabs: [{
@@ -311,9 +321,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class SearchActionComponent {
     constructor() {
         this.typeaheadReload = new EventEmitter();
-        this.previewService = inject(PreviewService);
-        this.isWildcardSearchEnabled$ = this.previewService
-            .getState$(WILDCARD_SEARCH_FEATURE_KEY)
+        this.featureCacheService = inject(FeatureCacheService);
+        this.isWildcardSearchEnabled$ = this.featureCacheService
+            .getFeatureState(WILDCARD_SEARCH_FEATURE_KEY)
             .pipe(catchError(() => of(true)));
         this.c8yRouter = inject(RouterService);
         this.router = inject(Router);
@@ -353,12 +363,12 @@ class SearchActionComponent {
             .navigateByUrl('/', { skipLocationChange: true })
             .then(() => this.router.navigate(commands, extras));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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  @if (showAdvancedFilters && input.term.length > 0) {\n    <c8y-search-custom-filters\n      (refresh)=\"triggerDataLoad()\"\n      [useTabs]=\"isWildcardSearchEnabled$ | async\"\n      [(isOnlyHierarchyQuery)]=\"isOnlyHierarchyQuery\"\n      (customDataQuery)=\"customQuery = $event\"\n    ></c8y-search-custom-filters>\n  }\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: "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: "20.3.15", ngImport: i0, type: SearchActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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" }]
+            args: [{ selector: 'c8y-search-action', imports: [SearchInputComponent, 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  @if (showAdvancedFilters && input.term.length > 0) {\n    <c8y-search-custom-filters\n      (refresh)=\"triggerDataLoad()\"\n      [useTabs]=\"isWildcardSearchEnabled$ | async\"\n      [(isOnlyHierarchyQuery)]=\"isOnlyHierarchyQuery\"\n      (customDataQuery)=\"customQuery = $event\"\n    ></c8y-search-custom-filters>\n  }\n</c8y-search-input>\n" }]
         }], ctorParameters: () => [] });
 
 class AssetTypeSearchGridColumn extends AssetTypeGridColumn {
@@ -546,9 +556,9 @@ class SearchGridComponent {
         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)
+        this.featureCacheService = inject(FeatureCacheService);
+        this.isWildcardSearchEnabled$ = this.featureCacheService
+            .getFeatureState(WILDCARD_SEARCH_FEATURE_KEY)
             .pipe(catchError(() => of(true)));
         this.wildcardSearchTitle = gettext('Asset data');
         this.fullTextSearchTitle = gettext('Search results');
@@ -701,8 +711,8 @@ class SearchGridComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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,
                 useClass: UserPreferencesConfigurationStrategy
@@ -711,9 +721,9 @@ 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]=\"\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" }] }); }
+        ], 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    @for (column of columns; track trackByName($index, column)) {\n      <c8y-column [name]=\"column.name\"></c8y-column>\n    }\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: 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: "20.3.15", ngImport: i0, type: SearchGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-search-grid', providers: [
                         {
@@ -724,14 +734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             provide: DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER,
                             useExisting: SearchGridComponent
                         }
-                    ], 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" }]
+                    ], imports: [DataGridComponent, 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    @for (column of columns; track trackByName($index, column)) {\n      <c8y-column [name]=\"column.name\"></c8y-column>\n    }\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']
@@ -772,9 +775,9 @@ class SearchResultsComponent {
         this.alert = alert;
         this.filter = '';
         this.searchText = '';
-        this.previewService = inject(PreviewService);
-        this.isWildcardSearchEnabled$ = this.previewService
-            .getState$(WILDCARD_SEARCH_FEATURE_KEY)
+        this.featureCacheService = inject(FeatureCacheService);
+        this.isWildcardSearchEnabled$ = this.featureCacheService
+            .getFeatureState(WILDCARD_SEARCH_FEATURE_KEY)
             .pipe(catchError$1(() => of(true)));
         this.WARNING_TIMEOUT_TIME = 3000;
         this.unsubscribe$ = new Subject();
@@ -840,12 +843,12 @@ class SearchResultsComponent {
         });
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", 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: "20.3.15", 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchResultsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SearchResultsComponent, isStandalone: true, selector: "c8y-search-results", viewQueries: [{ propertyName: "searchGrid", first: true, predicate: SearchGridComponent, descendants: true, static: true }], ngImport: i0, template: "@if (!(isWildcardSearchEnabled$ | async)) {\n  <c8y-title>\n    <span\n      class=\"p-r-4\"\n      translate\n    >\n      Search\n    </span>\n    @if (searchText) {\n      <small\n        ngNonBindable\n        translate\n        [translateParams]=\"{\n          searchHint: searchText\n        }\"\n      >\n        searching \"{{ searchHint }}\"\n      </small>\n    }\n    @if (filter) {\n      <small\n        ngNonBindable\n        translate\n        [translateParams]=\"{\n          filterHint: filter\n        }\"\n      >\n        filtered by \"{{ filterHint }}\"\n      </small>\n    }\n  </c8y-title>\n}\n\n@if (isWildcardSearchEnabled$ | async) {\n  <c8y-title translate>Asset table</c8y-title>\n}\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: "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: "20.3.15", ngImport: i0, type: SearchResultsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchResultsComponent, decorators: [{
             type: Component,
-            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" }]
+            args: [{ selector: 'c8y-search-results', imports: [TitleComponent, C8yTranslateDirective, SearchGridComponent, AsyncPipe], template: "@if (!(isWildcardSearchEnabled$ | async)) {\n  <c8y-title>\n    <span\n      class=\"p-r-4\"\n      translate\n    >\n      Search\n    </span>\n    @if (searchText) {\n      <small\n        ngNonBindable\n        translate\n        [translateParams]=\"{\n          searchHint: searchText\n        }\"\n      >\n        searching \"{{ searchHint }}\"\n      </small>\n    }\n    @if (filter) {\n      <small\n        ngNonBindable\n        translate\n        [translateParams]=\"{\n          filterHint: filter\n        }\"\n      >\n        filtered by \"{{ filterHint }}\"\n      </small>\n    }\n  </c8y-title>\n}\n\n@if (isWildcardSearchEnabled$ | async) {\n  <c8y-title translate>Asset table</c8y-title>\n}\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 }]
@@ -863,8 +866,8 @@ class SearchModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: SearchModule, imports: [CoreModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: SearchModule, imports: [CoreModule,
             DeviceGridModule,
             CoreSearchModule,
             AssetTypeCellRendererComponent,
@@ -872,7 +875,7 @@ class SearchModule {
             SearchGridComponent,
             SearchActionComponent,
             SearchCustomFiltersComponent], exports: [SearchResultsComponent, SearchGridComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchModule, providers: [
             AssetSearchService,
             hookRoute({
                 path: 'assetsearch',
@@ -891,7 +894,7 @@ class SearchModule {
             SearchActionComponent,
             SearchCustomFiltersComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [