@c8y/ngx-components 1020.28.11 → 1020.33.1

package/fesm2022/c8y-ngx-components-repository-shared.mjs

@@ -1,24 +1,24 @@
 import * as i1 from '@c8y/ngx-components';
-import { BaseColumn, gettext, getBasicInputArrayFormFieldConfig, CommonModule, memoize, ModalSelectionMode, PRODUCT_EXPERIENCE_EVENT_SOURCE, toObservable, CoreModule, FormsModule, OperationRealtimeService } from '@c8y/ngx-components';
+import { BaseColumn, gettext, getBasicInputArrayFormFieldConfig, CommonModule, memoize, TypeaheadComponent, C8yTranslatePipe, CoreModule, ModalSelectionMode, PRODUCT_EXPERIENCE_EVENT_SOURCE, toObservable, FormsModule as FormsModule$1, OperationRealtimeService } from '@c8y/ngx-components';
 import * as i0 from '@angular/core';
-import { Component, Injectable, Input, EventEmitter, forwardRef, ViewChild, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/router';
+import { Component, Injectable, ChangeDetectionStrategy, ViewChild, HostListener, Input, EventEmitter, forwardRef, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { DeviceGridModule } from '@c8y/ngx-components/device-grid';
+import { get, head, isNil, set, assign, isUndefined, isString, cloneDeep, map as map$1, omitBy, pick, remove, forEach, find, property, uniqBy, has, isEmpty, isEqual } from 'lodash-es';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
-import * as i3 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule as CommonModule$1 } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
-import { head, isNil, set, assign, isUndefined, get, isString, cloneDeep, map as map$1, omitBy, pick, remove, forEach, find, property, has, isEmpty, isEqual, uniqBy } from 'lodash-es';
-import { of, from, defer, throwError, merge, Observable, Subject, BehaviorSubject, pipe, interval } from 'rxjs';
-import { map, take, switchMap, withLatestFrom, filter, takeWhile, shareReplay, mergeMap, tap, debounce } from 'rxjs/operators';
 import * as i1$1 from '@c8y/client';
 import { QueriesUtil, OperationStatus } from '@c8y/client';
+import { of, from, defer, throwError, merge, NEVER, BehaviorSubject, pipe, Observable, Subject, interval } from 'rxjs';
+import { map, take, switchMap, withLatestFrom, filter, takeWhile, tap, debounceTime, shareReplay, mergeMap, debounce } from 'rxjs/operators';
+import * as i5 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { saveAs } from 'file-saver';
-import * as i2$1 from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
 import { PopoverModule } from 'ngx-bootstrap/popover';
-import * as i5 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 
 class DescriptionGridColumn extends BaseColumn {
     constructor(initialColumnConfig) {
@@ -54,19 +54,22 @@ class DeviceTypeCellRendererComponent {
     constructor(context) {
         this.context = context;
     }
+    ngOnInit() {
+        this.deviceType = get(this.context?.item, this.context?.property?.path);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DeviceTypeCellRendererComponent, deps: [{ token: i1.CellRendererContext }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: DeviceTypeCellRendererComponent, isStandalone: true, selector: "c8y-device-type-cell-renderer", ngImport: i0, template: "<span *ngIf=\"context.item.c8y_Filter?.type; else emptyText\">\n  {{ context.item.c8y_Filter?.type }}\n</span>\n<ng-template #emptyText>\n  <small class=\"text-muted\">\n    <em translate>Undefined`device type`</em>\n  </small>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DeviceGridModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: RouterModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: DeviceTypeCellRendererComponent, isStandalone: true, selector: "c8y-device-type-cell-renderer", ngImport: i0, template: "<span *ngIf=\"deviceType; else emptyText\">\n  {{ deviceType }}\n</span>\n<ng-template #emptyText>\n  <small class=\"text-muted\">\n    <em translate>Undefined`device type`</em>\n  </small>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DeviceGridModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: RouterModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DeviceTypeCellRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-device-type-cell-renderer', standalone: true, imports: [CommonModule, DeviceGridModule, TooltipModule, RouterModule], template: "<span *ngIf=\"context.item.c8y_Filter?.type; else emptyText\">\n  {{ context.item.c8y_Filter?.type }}\n</span>\n<ng-template #emptyText>\n  <small class=\"text-muted\">\n    <em translate>Undefined`device type`</em>\n  </small>\n</ng-template>\n" }]
+            args: [{ selector: 'c8y-device-type-cell-renderer', standalone: true, imports: [CommonModule, DeviceGridModule, TooltipModule, RouterModule], template: "<span *ngIf=\"deviceType; else emptyText\">\n  {{ deviceType }}\n</span>\n<ng-template #emptyText>\n  <small class=\"text-muted\">\n    <em translate>Undefined`device type`</em>\n  </small>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.CellRendererContext }] });
 
 class DeviceTypeGridColumn extends BaseColumn {
     constructor(initialColumnConfig) {
         super(initialColumnConfig);
         this.name = 'deviceType';
-        this.path = 'c8y_Filter.type';
+        this.path = initialColumnConfig?.path ?? 'c8y_Filter.type';
         this.header = gettext('Device type');
         this.cellRendererComponent = DeviceTypeCellRendererComponent;
         this.filterable = true;
@@ -114,62 +117,6 @@ class DeviceTypeGridColumn extends BaseColumn {
     }
 }
 
-class RepositoryItemNameCellRendererComponent {
-    constructor(context) {
-        this.context = context;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositoryItemNameCellRendererComponent, deps: [{ token: i1.CellRendererContext }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: RepositoryItemNameCellRendererComponent, isStandalone: true, selector: "c8y-repository-item-name-cell-renderer", ngImport: i0, template: `
-    <a class="interact" [title]="context.item.name" [routerLink]="[context.item.id]">
-      {{ context.item.name }}
-    </a>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DeviceGridModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositoryItemNameCellRendererComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <a class="interact" [title]="context.item.name" [routerLink]="[context.item.id]">
-      {{ context.item.name }}
-    </a>
-  `,
-                    selector: 'c8y-repository-item-name-cell-renderer',
-                    standalone: true,
-                    imports: [CommonModule, DeviceGridModule, TooltipModule, RouterModule]
-                }]
-        }], ctorParameters: () => [{ type: i1.CellRendererContext }] });
-
-class RepositoryItemNameGridColumn extends BaseColumn {
-    constructor(initialColumnConfig) {
-        super(initialColumnConfig);
-        this.name = 'name';
-        this.path = 'name';
-        this.header = gettext('Name');
-        this.cellRendererComponent = RepositoryItemNameCellRendererComponent;
-        this.filterable = true;
-        this.filteringConfig = {
-            fields: getBasicInputArrayFormFieldConfig({
-                key: 'names',
-                label: initialColumnConfig?.filterLabel ?? gettext('Filter item by name'),
-                addText: gettext('Add next`name`'),
-                tooltip: gettext('Use * as a wildcard character'),
-                placeholder: initialColumnConfig?.placeholder ?? gettext('Cloud connectivity')
-            }),
-            getFilter(model) {
-                const filter = {};
-                if (model.names.length) {
-                    filter.name = { __in: model.names };
-                }
-                return filter;
-            }
-        };
-        this.sortable = true;
-        this.sortingConfig = {
-            pathSortingConfigs: [{ path: this.path }]
-        };
-    }
-}
-
 var RepositoryType;
 (function (RepositoryType) {
     RepositoryType["FIRMWARE"] = "c8y_Firmware";
@@ -1324,6 +1271,261 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.InventoryService }, { type: i1$1.InventoryBinaryService }, { type: i1$1.OperationService }, { type: i1.AlertService }, { type: i1$1.EventService }, { type: i1.OperationRealtimeService }, { type: i1$1.EventBinaryService }, { type: i1.ServiceRegistry }, { type: i1.GlobalConfigService }] });
 
+class FileCellRendererComponent {
+    constructor(context, inventoryBinaryService, repositoryService) {
+        this.context = context;
+        this.inventoryBinaryService = inventoryBinaryService;
+        this.repositoryService = repositoryService;
+    }
+    isBinaryFile() {
+        return this.context.item?.url
+            ? !!this.inventoryBinaryService.getIdFromUrl(this.context.item.url)
+            : false;
+    }
+    getBinaryName(configuration) {
+        return this.repositoryService.getBinaryName$(configuration.url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FileCellRendererComponent, deps: [{ token: i1.CellRendererContext }, { token: i1$1.InventoryBinaryService }, { token: RepositoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: FileCellRendererComponent, isStandalone: true, selector: "c8y-file-cell-renderer", providers: [RepositoryService], ngImport: i0, template: "<small\n  title=\"{{ getBinaryName(context.item) | async }}\"\n  *ngIf=\"isBinaryFile(); else noFile\"\n>\n  {{ getBinaryName(context.item) | async }}\n</small>\n<ng-template #noFile>\n  <small title=\"{{ context.item?.url }}\">\n    {{ context.item?.url }}\n  </small>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+}
+__decorate([
+    memoize(property('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], FileCellRendererComponent.prototype, "getBinaryName", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FileCellRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-file-cell-renderer', standalone: true, imports: [CommonModule], providers: [RepositoryService], template: "<small\n  title=\"{{ getBinaryName(context.item) | async }}\"\n  *ngIf=\"isBinaryFile(); else noFile\"\n>\n  {{ getBinaryName(context.item) | async }}\n</small>\n<ng-template #noFile>\n  <small title=\"{{ context.item?.url }}\">\n    {{ context.item?.url }}\n  </small>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.CellRendererContext }, { type: i1$1.InventoryBinaryService }, { type: RepositoryService }], propDecorators: { getBinaryName: [] } });
+
+class FileGridColumn extends BaseColumn {
+    constructor(initialColumnConfig) {
+        super(initialColumnConfig);
+        this.name = 'file';
+        this.header = gettext('File');
+        this.cellRendererComponent = FileCellRendererComponent;
+        this.filterable = false;
+        this.sortable = false;
+    }
+}
+
+class RepositoryItemNameCellRendererComponent {
+    constructor(context) {
+        this.context = context;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositoryItemNameCellRendererComponent, deps: [{ token: i1.CellRendererContext }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: RepositoryItemNameCellRendererComponent, isStandalone: true, selector: "c8y-repository-item-name-cell-renderer", ngImport: i0, template: `
+    <a
+      class="interact"
+      [title]="context.item.name"
+      *ngIf="context?.property?.callback; else router"
+      (click)="context.property.callback(context.item)"
+    >
+      {{ context.item.name }}
+    </a>
+    <ng-template #router>
+      <a class="interact" [title]="context.item.name" [routerLink]="[context.item.id]">
+        {{ context.item.name }}
+      </a>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DeviceGridModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositoryItemNameCellRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <a
+      class="interact"
+      [title]="context.item.name"
+      *ngIf="context?.property?.callback; else router"
+      (click)="context.property.callback(context.item)"
+    >
+      {{ context.item.name }}
+    </a>
+    <ng-template #router>
+      <a class="interact" [title]="context.item.name" [routerLink]="[context.item.id]">
+        {{ context.item.name }}
+      </a>
+    </ng-template>
+  `,
+                    selector: 'c8y-repository-item-name-cell-renderer',
+                    standalone: true,
+                    imports: [CommonModule, DeviceGridModule, TooltipModule, RouterModule]
+                }]
+        }], ctorParameters: () => [{ type: i1.CellRendererContext }] });
+
+class RepositoryItemNameGridColumn extends BaseColumn {
+    constructor(initialColumnConfig) {
+        super(initialColumnConfig);
+        this.name = 'name';
+        this.path = 'name';
+        this.header = gettext('Name');
+        this.cellRendererComponent = RepositoryItemNameCellRendererComponent;
+        this.filterable = true;
+        this.filteringConfig = {
+            fields: getBasicInputArrayFormFieldConfig({
+                key: 'names',
+                label: initialColumnConfig?.filterLabel ?? gettext('Filter item by name'),
+                addText: gettext('Add next`name`'),
+                tooltip: gettext('Use * as a wildcard character'),
+                placeholder: initialColumnConfig?.placeholder ?? gettext('Cloud connectivity')
+            }),
+            getFilter(model) {
+                const filter = {};
+                if (model.names.length) {
+                    filter.name = { __in: model.names };
+                }
+                return filter;
+            }
+        };
+        this.sortable = true;
+        this.sortingConfig = {
+            pathSortingConfigs: [{ path: this.path }]
+        };
+    }
+}
+
+class TypeCellRendererComponent {
+    constructor(context) {
+        this.context = context;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TypeCellRendererComponent, deps: [{ token: i1.CellRendererContext }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: TypeCellRendererComponent, isStandalone: true, selector: "c8y-type-cell-renderer", ngImport: i0, template: "<span\n  class=\"label label-info\"\n  *ngIf=\"!!context?.item?.[context?.property?.path]; else emptyText\"\n>\n  {{ context.item[context.property.path] }}\n</span>\n<ng-template #emptyText>\n  <small class=\"text-muted\">\n    <em translate>Undefined`type`</em>\n  </small>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule$1 }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TypeCellRendererComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'c8y-type-cell-renderer', imports: [CommonModule$1], template: "<span\n  class=\"label label-info\"\n  *ngIf=\"!!context?.item?.[context?.property?.path]; else emptyText\"\n>\n  {{ context.item[context.property.path] }}\n</span>\n<ng-template #emptyText>\n  <small class=\"text-muted\">\n    <em translate>Undefined`type`</em>\n  </small>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.CellRendererContext }] });
+
+class TypeFilteringFormRendererComponent {
+    constructor(context, changeDetectorRef, repositoryService, elementRef) {
+        this.context = context;
+        this.changeDetectorRef = changeDetectorRef;
+        this.repositoryService = repositoryService;
+        this.elementRef = elementRef;
+        this.types$ = NEVER;
+        this.search$ = new BehaviorSubject(null);
+        this.filterPipe = pipe(tap());
+        this.typeaheadPlaceholder = gettext('Start typing to search, for example, {{ example }}');
+        this.queriesUtil = new QueriesUtil();
+        this.types = new Set();
+        this.path = context.property.path;
+        this.types$ = this.search$.pipe(debounceTime(300), tap(() => this.types.clear()), switchMap((searchString) => {
+            let query = this.queriesUtil.prependOrderbys({}, [{ [this.path]: 1 }]);
+            const filter = !!searchString
+                ? {
+                    [this.path]: {
+                        __eq: `*${searchString}*`
+                    }
+                }
+                : {
+                    __has: this.path
+                };
+            query = this.queriesUtil.addAndFilter(query, filter);
+            return this.repositoryService.listRepositoryEntries(this.context.property.repositoryType, {
+                skipDefaultOrder: true,
+                query,
+                params: {
+                    pageSize: 200
+                }
+            });
+        }));
+        this.filterPipe = pipe(map(this.removeDuplicatesType.bind(this)), tap(() => setTimeout(() => this.changeDetectorRef.detectChanges(), 0)));
+    }
+    onEnterKeyUp(event) {
+        event.stopPropagation();
+        this.applyFilter();
+    }
+    onEscapeKeyDown(event) {
+        event.stopPropagation();
+        this.context.resetFilter();
+    }
+    ngOnInit() {
+        const column = this.context.property;
+        this.selectedType = cloneDeep(column.externalFilterQuery || {});
+    }
+    ngAfterViewInit() {
+        this.typeahead?.searchControl?.nativeElement?.focus();
+        try {
+            this.elementRef.nativeElement.parentElement.parentElement.style.overflow = 'visible';
+        }
+        catch (ex) {
+            // intentionally empty
+        }
+    }
+    applyFilter() {
+        this.context.applyFilter({
+            externalFilterQuery: {
+                model: this.selectedType,
+                chips: [
+                    {
+                        value: this.selectedType,
+                        displayValue: this.selectedType?.[this.path],
+                        path: [this.path],
+                        columnName: this.context.property.name,
+                        remove: () => {
+                            return {
+                                columnName: this.context.property.name,
+                                externalFilterQuery: {
+                                    model: null,
+                                    chips: []
+                                }
+                            };
+                        }
+                    }
+                ]
+            }
+        });
+    }
+    removeDuplicatesType(list) {
+        const uniqueByType = uniqBy(list, this.path).filter((mo) => !this.types.has(mo[this.path]));
+        uniqueByType.forEach((mo) => this.types.add(mo[this.path]));
+        return uniqueByType;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TypeFilteringFormRendererComponent, deps: [{ token: i1.FilteringFormRendererContext }, { token: i0.ChangeDetectorRef }, { token: RepositoryService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: TypeFilteringFormRendererComponent, isStandalone: true, selector: "c8y-type-filtering-form-renderer", host: { listeners: { "keyup.enter": "onEnterKeyUp($event)", "keydown.escape": "onEscapeKeyDown($event)" } }, viewQueries: [{ propertyName: "typeahead", first: true, predicate: TypeaheadComponent, descendants: true }], ngImport: i0, template: "<c8y-form-group>\n  <label>\n    {{ context?.property?.filterLabel | translate }}\n  </label>\n  <c8y-typeahead\n    placeholder=\"{{ typeaheadPlaceholder | translate: { example: context?.property?.example } }}\"\n    [name]=\"path\"\n    [(ngModel)]=\"selectedType\"\n    [displayProperty]=\"path\"\n    (onSearch)=\"search$.next($event)\"\n  >\n    <c8y-li\n      class=\"p-l-8 p-r-8 c8y-list__item--link\"\n      *c8yFor=\"let type of types$; pipe: filterPipe; loadMore: 'auto'\"\n      (click)=\"$event.stopPropagation(); selectedType = type; typeahead.dropdown.hide()\"\n      [active]=\"selectedType?.[path] === type?.[path]\"\n    >\n      <c8y-highlight\n        [text]=\"type?.[path] || '--'\"\n        [pattern]=\"search$.value\"\n      ></c8y-highlight>\n    </c8y-li>\n  </c8y-typeahead>\n</c8y-form-group>\n\n<div class=\"data-grid__dropdown__footer d-flex separator-top\">\n  <button\n    class=\"btn btn-default btn-sm m-r-8 flex-grow\"\n    title=\"{{ 'Reset' | translate }}\"\n    (click)=\"context.resetFilter()\"\n    translate\n  >\n    Reset\n  </button>\n\n  <button\n    class=\"btn btn-primary btn-sm flex-grow\"\n    title=\"{{ 'Apply' | translate }}\"\n    (click)=\"applyFilter()\"\n    translate\n  >\n    Apply\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule$1 }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i1.ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "component", type: i1.TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected"], outputs: ["onSearch", "onIconClick"] }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: i1.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "emptyActions", "collapsed", "selectable"], outputs: ["collapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TypeFilteringFormRendererComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.Default, selector: 'c8y-type-filtering-form-renderer', imports: [CommonModule$1, C8yTranslatePipe, CommonModule, FormsModule, CoreModule], template: "<c8y-form-group>\n  <label>\n    {{ context?.property?.filterLabel | translate }}\n  </label>\n  <c8y-typeahead\n    placeholder=\"{{ typeaheadPlaceholder | translate: { example: context?.property?.example } }}\"\n    [name]=\"path\"\n    [(ngModel)]=\"selectedType\"\n    [displayProperty]=\"path\"\n    (onSearch)=\"search$.next($event)\"\n  >\n    <c8y-li\n      class=\"p-l-8 p-r-8 c8y-list__item--link\"\n      *c8yFor=\"let type of types$; pipe: filterPipe; loadMore: 'auto'\"\n      (click)=\"$event.stopPropagation(); selectedType = type; typeahead.dropdown.hide()\"\n      [active]=\"selectedType?.[path] === type?.[path]\"\n    >\n      <c8y-highlight\n        [text]=\"type?.[path] || '--'\"\n        [pattern]=\"search$.value\"\n      ></c8y-highlight>\n    </c8y-li>\n  </c8y-typeahead>\n</c8y-form-group>\n\n<div class=\"data-grid__dropdown__footer d-flex separator-top\">\n  <button\n    class=\"btn btn-default btn-sm m-r-8 flex-grow\"\n    title=\"{{ 'Reset' | translate }}\"\n    (click)=\"context.resetFilter()\"\n    translate\n  >\n    Reset\n  </button>\n\n  <button\n    class=\"btn btn-primary btn-sm flex-grow\"\n    title=\"{{ 'Apply' | translate }}\"\n    (click)=\"applyFilter()\"\n    translate\n  >\n    Apply\n  </button>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.FilteringFormRendererContext }, { type: i0.ChangeDetectorRef }, { type: RepositoryService }, { type: i0.ElementRef }], propDecorators: { typeahead: [{
+                type: ViewChild,
+                args: [TypeaheadComponent, { static: false }]
+            }], onEnterKeyUp: [{
+                type: HostListener,
+                args: ['keyup.enter', ['$event']]
+            }], onEscapeKeyDown: [{
+                type: HostListener,
+                args: ['keydown.escape', ['$event']]
+            }] } });
+
+class TypeGridColumn extends BaseColumn {
+    constructor(initialColumnConfig) {
+        super(initialColumnConfig);
+        this.name = 'type';
+        this.path = initialColumnConfig?.path ?? 'type';
+        this.header = initialColumnConfig?.header ?? gettext('Type');
+        this.repositoryType = initialColumnConfig?.repositoryType;
+        this.cellRendererComponent = TypeCellRendererComponent;
+        this.filterable = true;
+        this.filteringFormRendererComponent = TypeFilteringFormRendererComponent;
+        this.filteringConfig = {
+            getFilter: query => {
+                const filter = {};
+                if (query.model[this.path]) {
+                    filter[this.path] = { __eq: query.model[this.path] };
+                }
+                return filter;
+            }
+        };
+        this.sortable = true;
+        this.sortingConfig = {
+            pathSortingConfigs: [{ path: this.path }]
+        };
+    }
+}
+
 class VersionsCellRendererComponent {
     constructor(context, repositoryService) {
         this.context = context;
@@ -1335,7 +1537,7 @@ class VersionsCellRendererComponent {
         return this.repositoryService.getBaseVersionsCount$(item).pipe(shareReplay(1));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: VersionsCellRendererComponent, deps: [{ token: i1.CellRendererContext }, { token: RepositoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: VersionsCellRendererComponent, isStandalone: true, selector: "c8y-versions-cell-renderer", ngImport: i0, template: "@if (isLegacy(item)) {\n  <span\n    class=\"label label-warning m-l-auto-sm\"\n    translate\n  >\n    Legacy\n  </span>\n} @else {\n  @if (getBaseVersionsCount$(item) | async; as baseVersionsCount) {\n    <span class=\"badge badge-info m-l-auto-sm\">\n      {{ baseVersionsCount }}\n    </span>\n  } @else {\n    <span class=\"badge badge-info m-l-auto-sm\">\n      <i\n        class=\"icon-spin\"\n        c8yIcon=\"circle-o-notch\"\n      ></i>\n    </span>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DeviceGridModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: RouterModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: VersionsCellRendererComponent, isStandalone: true, selector: "c8y-versions-cell-renderer", ngImport: i0, template: "@if (isLegacy(item)) {\n  <span\n    class=\"label label-warning m-l-auto-sm\"\n    translate\n  >\n    Legacy\n  </span>\n} @else {\n  @if (getBaseVersionsCount$(item) | async; as baseVersionsCount) {\n    <span class=\"badge badge-info m-l-auto-sm\">\n      {{ baseVersionsCount }}\n    </span>\n  } @else {\n    <span class=\"badge badge-info m-l-auto-sm\">\n      <i\n        class=\"icon-spin\"\n        c8yIcon=\"circle-o-notch\"\n      ></i>\n    </span>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DeviceGridModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: RouterModule }] }); }
 }
 __decorate([
     memoize(property('id')),
@@ -1406,7 +1608,7 @@ class FileDownloadComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FileDownloadComponent, deps: [{ token: RepositoryService }, { token: i1$1.InventoryBinaryService }, { token: i1.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: FileDownloadComponent, selector: "c8y-file-download", inputs: { url: "url" }, ngImport: i0, template: "<a\n  *ngIf=\"determineBehavior() === linkRenderType.LINK\"\n  href=\"{{ url }}\"\n  class=\"pointer\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n>\n  {{ getBinaryName$(url) | async }}\n</a>\n\n<span *ngIf=\"determineBehavior() === linkRenderType.TEXTONLY\">{{\n  getBinaryName$(url) | async\n}}</span>\n\n<span *ngIf=\"determineBehavior() === linkRenderType.DOWNLOAD\">\n  <a *ngIf=\"!isDownloading\" class=\"pointer\" (click)=\"downloadFile()\">\n    {{ getBinaryName$(url) | async }}\n  </a>\n\n  <span *ngIf=\"isDownloading\">\n    <i c8yIcon=\"spinner\" class=\"icon-spin\"></i> {{ 'Downloading\u2026' | translate }}\n  </span>\n</span>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: FileDownloadComponent, selector: "c8y-file-download", inputs: { url: "url" }, ngImport: i0, template: "<a\n  *ngIf=\"determineBehavior() === linkRenderType.LINK\"\n  href=\"{{ url }}\"\n  class=\"pointer\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n>\n  {{ getBinaryName$(url) | async }}\n</a>\n\n<span *ngIf=\"determineBehavior() === linkRenderType.TEXTONLY\">{{\n  getBinaryName$(url) | async\n}}</span>\n\n<span *ngIf=\"determineBehavior() === linkRenderType.DOWNLOAD\">\n  <a *ngIf=\"!isDownloading\" class=\"pointer\" (click)=\"downloadFile()\">\n    {{ getBinaryName$(url) | async }}\n  </a>\n\n  <span *ngIf=\"isDownloading\">\n    <i c8yIcon=\"spinner\" class=\"icon-spin\"></i> {{ 'Downloading\u2026' | translate }}\n  </span>\n</span>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     memoize(),
@@ -1673,13 +1875,13 @@ class RepositorySelectModalComponent {
         };
         return selectModalObject;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositorySelectModalComponent, deps: [{ token: RepositoryService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositorySelectModalComponent, deps: [{ token: RepositoryService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: RepositorySelectModalComponent, selector: "c8y-repository-select-modal", providers: [
             {
                 provide: PRODUCT_EXPERIENCE_EVENT_SOURCE,
                 useExisting: forwardRef(() => RepositorySelectModalComponent)
             }
-        ], ngImport: i0, template: "<c8y-select-modal\n  [icon]=\"icon\"\n  [title]=\"title\"\n  [subTitle]=\"subTitle\"\n  [items]=\"modalEntries | async\"\n  [mode]=\"mode\"\n  [disableSelected]=\"disableSelected\"\n  [labels]=\"labels\"\n  [showFilter]=\"showFilter\"\n  [additionalFilterTemplate]=\"additionalFilterTemplate\"\n  [areMoreEntries]=\"areMoreEntries\"\n  [noItemsMessage]=\"noItemsMessage\"\n  [hideEmptyItems]=\"hideEmptyItems\"\n  (search)=\"search({ name: $event })\"\n  (onChoiceUpdated)=\"onChoiceUpdated.emit($event)\"\n  (result)=\"result($event)\"\n  c8yProductExperience\n  inherit\n  suppressDataOverriding\n  [actionData]=\"{ component: PRODUCT_EXPERIENCE.SHARED.COMPONENTS.REPOSITORY_SELECT_MODAL }\"\n></c8y-select-modal>\n", dependencies: [{ kind: "component", type: i1.SelectModalComponent, selector: "c8y-select-modal", inputs: ["icon", "title", "subTitle", "items", "mode", "disableSelected", "showFilter", "additionalFilterTemplate", "areMoreEntries", "labels", "noItemsMessage", "hideEmptyItems"], outputs: ["result", "search", "onChoiceUpdated"] }, { kind: "directive", type: i1.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+        ], ngImport: i0, template: "<c8y-select-modal\n  [icon]=\"icon\"\n  [title]=\"title\"\n  [subTitle]=\"subTitle\"\n  [items]=\"modalEntries | async\"\n  [mode]=\"mode\"\n  [disableSelected]=\"disableSelected\"\n  [labels]=\"labels\"\n  [showFilter]=\"showFilter\"\n  [additionalFilterTemplate]=\"additionalFilterTemplate\"\n  [areMoreEntries]=\"areMoreEntries\"\n  [noItemsMessage]=\"noItemsMessage\"\n  [hideEmptyItems]=\"hideEmptyItems\"\n  (search)=\"search({ name: $event })\"\n  (onChoiceUpdated)=\"onChoiceUpdated.emit($event)\"\n  (result)=\"result($event)\"\n  c8yProductExperience\n  inherit\n  suppressDataOverriding\n  [actionData]=\"{ component: PRODUCT_EXPERIENCE.SHARED.COMPONENTS.REPOSITORY_SELECT_MODAL }\"\n></c8y-select-modal>\n", dependencies: [{ kind: "component", type: i1.SelectModalComponent, selector: "c8y-select-modal", inputs: ["icon", "title", "subTitle", "items", "mode", "disableSelected", "showFilter", "additionalFilterTemplate", "areMoreEntries", "labels", "noItemsMessage", "hideEmptyItems"], outputs: ["result", "search", "onChoiceUpdated"] }, { kind: "directive", type: i1.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RepositorySelectModalComponent, decorators: [{
             type: Component,
@@ -1689,7 +1891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                             useExisting: forwardRef(() => RepositorySelectModalComponent)
                         }
                     ], template: "<c8y-select-modal\n  [icon]=\"icon\"\n  [title]=\"title\"\n  [subTitle]=\"subTitle\"\n  [items]=\"modalEntries | async\"\n  [mode]=\"mode\"\n  [disableSelected]=\"disableSelected\"\n  [labels]=\"labels\"\n  [showFilter]=\"showFilter\"\n  [additionalFilterTemplate]=\"additionalFilterTemplate\"\n  [areMoreEntries]=\"areMoreEntries\"\n  [noItemsMessage]=\"noItemsMessage\"\n  [hideEmptyItems]=\"hideEmptyItems\"\n  (search)=\"search({ name: $event })\"\n  (onChoiceUpdated)=\"onChoiceUpdated.emit($event)\"\n  (result)=\"result($event)\"\n  c8yProductExperience\n  inherit\n  suppressDataOverriding\n  [actionData]=\"{ component: PRODUCT_EXPERIENCE.SHARED.COMPONENTS.REPOSITORY_SELECT_MODAL }\"\n></c8y-select-modal>\n" }]
-        }], ctorParameters: () => [{ type: RepositoryService }, { type: i2$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: RepositoryService }, { type: i2.TranslateService }] });
 
 class SoftwareTypeComponent {
     set presetSoftwareTypes(types) {
@@ -1795,7 +1997,7 @@ class SoftwareTypeComponent {
         uniqueBySoftwareType.forEach((sw) => this.softwareTypes.add(sw.softwareType));
         return uniqueBySoftwareType;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SoftwareTypeComponent, deps: [{ token: RepositoryService }, { token: i0.ChangeDetectorRef }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SoftwareTypeComponent, deps: [{ token: RepositoryService }, { token: i0.ChangeDetectorRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: SoftwareTypeComponent, selector: "c8y-software-type", inputs: { softwareTypeMO: "softwareTypeMO", disabled: "disabled", style: "style", required: "required", placeholder: "placeholder", emitResultsOnly: "emitResultsOnly", showBtnInNotFoundMessage: "showBtnInNotFoundMessage", allowFreeEntries: "allowFreeEntries", showClearSelectionOption: "showClearSelectionOption", clearSelectionOptionLabel: "clearSelectionOptionLabel", presetSoftwareTypes: "presetSoftwareTypes" }, outputs: { onSelectSoftware: "onSelectSoftware" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -1807,7 +2009,7 @@ class SoftwareTypeComponent {
                 useExisting: forwardRef(() => SoftwareTypeComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "deviceSoftwareTypeModel", first: true, predicate: ["deviceSoftwareTypeModel"], descendants: true }, { propertyName: "notFoundTypeAddNewTemplate", first: true, predicate: ["notFoundTypeAddNewTemplate"], descendants: true, static: true }, { propertyName: "notFoundTypeTemplate", first: true, predicate: ["notFoundTypeTemplate"], descendants: true, static: true }], ngImport: i0, template: "<c8y-typeahead\n  [(ngModel)]=\"softwareTypeMO\"\n  [required]=\"required\"\n  [disabled]=\"disabled\"\n  name=\"softwareType\"\n  [placeholder]=\"placeholder\"\n  [allowFreeEntries]=\"allowFreeEntries\"\n  #deviceSoftwareTypeModel\n  (onSearch)=\"search$.next($event)\"\n  displayProperty=\"softwareType\"\n  [ngStyle]=\"style\"\n>\n  <c8y-li\n    *ngIf=\"showClearSelectionOption\"\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    (click)=\"clearSoftware()\"\n    [active]=\"!softwareTypeMO?.softwareType\"\n  >\n    <span>{{ clearSelectionOptionLabel | translate }}</span>\n  </c8y-li>\n  <c8y-li\n    *c8yFor=\"\n      let software of softwaresResult$;\n      pipe: filterPipe;\n      loadMore: 'auto';\n      notFound: notFoundTemplateToUse\n    \"\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    (click)=\"selectSoftware(software)\"\n    [active]=\"softwareTypeMO?.softwareType === software.softwareType\"\n  >\n    <c8y-highlight\n      [text]=\"software.softwareType || '--'\"\n      [pattern]=\"search$ | async\"\n    ></c8y-highlight>\n  </c8y-li>\n  <ng-template #notFoundTypeAddNewTemplate>\n    <c8y-li class=\"bg-level-2 p-8\" *ngIf=\"(search$ | async)?.length > 0\">\n      <span translate>No match found.</span>\n      <button\n        title=\"{{ 'Add new`software type`' | translate }}\"\n        type=\"button\"\n        class=\"btn btn-primary btn-xs m-l-8\"\n        translate\n      >\n        Add new`software type`\n      </button>\n    </c8y-li>\n  </ng-template>\n  <ng-template #notFoundTypeTemplate>\n    <c8y-li\n      class=\"bg-level-2 p-8\"\n      *ngIf=\"(search$ | async)?.length > 0 && (softwaresResult$ | async)?.data?.length === 0\"\n    >\n      <span translate>No match found. Refine your search terms or check your spelling.</span>\n    </c8y-li>\n  </ng-template>\n</c8y-typeahead>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i1.ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "component", type: i1.HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "component", type: i1.TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected"], outputs: ["onSearch", "onIconClick"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "emptyActions", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "deviceSoftwareTypeModel", first: true, predicate: ["deviceSoftwareTypeModel"], descendants: true }, { propertyName: "notFoundTypeAddNewTemplate", first: true, predicate: ["notFoundTypeAddNewTemplate"], descendants: true, static: true }, { propertyName: "notFoundTypeTemplate", first: true, predicate: ["notFoundTypeTemplate"], descendants: true, static: true }], ngImport: i0, template: "<c8y-typeahead\n  [(ngModel)]=\"softwareTypeMO\"\n  [required]=\"required\"\n  [disabled]=\"disabled\"\n  name=\"softwareType\"\n  [placeholder]=\"placeholder\"\n  [allowFreeEntries]=\"allowFreeEntries\"\n  #deviceSoftwareTypeModel\n  (onSearch)=\"search$.next($event)\"\n  displayProperty=\"softwareType\"\n  [ngStyle]=\"style\"\n>\n  <c8y-li\n    *ngIf=\"showClearSelectionOption\"\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    (click)=\"clearSoftware()\"\n    [active]=\"!softwareTypeMO?.softwareType\"\n  >\n    <span>{{ clearSelectionOptionLabel | translate }}</span>\n  </c8y-li>\n  <c8y-li\n    *c8yFor=\"\n      let software of softwaresResult$;\n      pipe: filterPipe;\n      loadMore: 'auto';\n      notFound: notFoundTemplateToUse\n    \"\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    (click)=\"selectSoftware(software)\"\n    [active]=\"softwareTypeMO?.softwareType === software.softwareType\"\n  >\n    <c8y-highlight\n      [text]=\"software.softwareType || '--'\"\n      [pattern]=\"search$ | async\"\n    ></c8y-highlight>\n  </c8y-li>\n  <ng-template #notFoundTypeAddNewTemplate>\n    <c8y-li class=\"bg-level-2 p-8\" *ngIf=\"(search$ | async)?.length > 0\">\n      <span translate>No match found.</span>\n      <button\n        title=\"{{ 'Add new`software type`' | translate }}\"\n        type=\"button\"\n        class=\"btn btn-primary btn-xs m-l-8\"\n        translate\n      >\n        Add new`software type`\n      </button>\n    </c8y-li>\n  </ng-template>\n  <ng-template #notFoundTypeTemplate>\n    <c8y-li\n      class=\"bg-level-2 p-8\"\n      *ngIf=\"(search$ | async)?.length > 0 && (softwaresResult$ | async)?.data?.length === 0\"\n    >\n      <span translate>No match found. Refine your search terms or check your spelling.</span>\n    </c8y-li>\n  </ng-template>\n</c8y-typeahead>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i1.ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "component", type: i1.HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "component", type: i1.TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected"], outputs: ["onSearch", "onIconClick"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "emptyActions", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SoftwareTypeComponent, decorators: [{
             type: Component,
@@ -1823,7 +2025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                             multi: true
                         }
                     ], template: "<c8y-typeahead\n  [(ngModel)]=\"softwareTypeMO\"\n  [required]=\"required\"\n  [disabled]=\"disabled\"\n  name=\"softwareType\"\n  [placeholder]=\"placeholder\"\n  [allowFreeEntries]=\"allowFreeEntries\"\n  #deviceSoftwareTypeModel\n  (onSearch)=\"search$.next($event)\"\n  displayProperty=\"softwareType\"\n  [ngStyle]=\"style\"\n>\n  <c8y-li\n    *ngIf=\"showClearSelectionOption\"\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    (click)=\"clearSoftware()\"\n    [active]=\"!softwareTypeMO?.softwareType\"\n  >\n    <span>{{ clearSelectionOptionLabel | translate }}</span>\n  </c8y-li>\n  <c8y-li\n    *c8yFor=\"\n      let software of softwaresResult$;\n      pipe: filterPipe;\n      loadMore: 'auto';\n      notFound: notFoundTemplateToUse\n    \"\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    (click)=\"selectSoftware(software)\"\n    [active]=\"softwareTypeMO?.softwareType === software.softwareType\"\n  >\n    <c8y-highlight\n      [text]=\"software.softwareType || '--'\"\n      [pattern]=\"search$ | async\"\n    ></c8y-highlight>\n  </c8y-li>\n  <ng-template #notFoundTypeAddNewTemplate>\n    <c8y-li class=\"bg-level-2 p-8\" *ngIf=\"(search$ | async)?.length > 0\">\n      <span translate>No match found.</span>\n      <button\n        title=\"{{ 'Add new`software type`' | translate }}\"\n        type=\"button\"\n        class=\"btn btn-primary btn-xs m-l-8\"\n        translate\n      >\n        Add new`software type`\n      </button>\n    </c8y-li>\n  </ng-template>\n  <ng-template #notFoundTypeTemplate>\n    <c8y-li\n      class=\"bg-level-2 p-8\"\n      *ngIf=\"(search$ | async)?.length > 0 && (softwaresResult$ | async)?.data?.length === 0\"\n    >\n      <span translate>No match found. Refine your search terms or check your spelling.</span>\n    </c8y-li>\n  </ng-template>\n</c8y-typeahead>\n" }]
-        }], ctorParameters: () => [{ type: RepositoryService }, { type: i0.ChangeDetectorRef }, { type: i2$1.TranslateService }], propDecorators: { softwareTypeMO: [{
+        }], ctorParameters: () => [{ type: RepositoryService }, { type: i0.ChangeDetectorRef }, { type: i2.TranslateService }], propDecorators: { softwareTypeMO: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -1860,13 +2062,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 
 class SharedRepositoryModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SharedRepositoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: SharedRepositoryModule, declarations: [RepositorySelectModalComponent, FileDownloadComponent, SoftwareTypeComponent], imports: [CommonModule$1, CoreModule, FormsModule, PopoverModule], exports: [RepositorySelectModalComponent, FileDownloadComponent, SoftwareTypeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SharedRepositoryModule, providers: [RepositoryService, OperationRealtimeService], imports: [CommonModule$1, CoreModule, FormsModule, PopoverModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: SharedRepositoryModule, declarations: [RepositorySelectModalComponent, FileDownloadComponent, SoftwareTypeComponent], imports: [CommonModule$1, CoreModule, FormsModule$1, PopoverModule], exports: [RepositorySelectModalComponent, FileDownloadComponent, SoftwareTypeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SharedRepositoryModule, providers: [RepositoryService, OperationRealtimeService], imports: [CommonModule$1, CoreModule, FormsModule$1, PopoverModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SharedRepositoryModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule$1, CoreModule, FormsModule, PopoverModule],
+                    imports: [CommonModule$1, CoreModule, FormsModule$1, PopoverModule],
                     declarations: [RepositorySelectModalComponent, FileDownloadComponent, SoftwareTypeComponent],
                     providers: [RepositoryService, OperationRealtimeService],
                     exports: [RepositorySelectModalComponent, FileDownloadComponent, SoftwareTypeComponent]
@@ -1877,5 +2079,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DescriptionGridColumn, DeviceConfigurationOperation, DeviceTypeGridColumn, FileDownloadComponent, PRODUCT_EXPERIENCE_REPOSITORY_SHARED, REPOSITORY_BINARY_TYPES, RepositoryItemNameGridColumn, RepositorySelectModalComponent, RepositoryService, RepositoryType, SharedRepositoryModule, SoftwareTypeComponent, VersionsGridColumn };
+export { DescriptionGridColumn, DeviceConfigurationOperation, DeviceTypeCellRendererComponent, DeviceTypeGridColumn, FileCellRendererComponent, FileDownloadComponent, FileGridColumn, LinkRenderType, PRODUCT_EXPERIENCE_REPOSITORY_SHARED, REPOSITORY_BINARY_TYPES, RepositoryItemNameCellRendererComponent, RepositoryItemNameGridColumn, RepositorySelectModalComponent, RepositoryService, RepositoryType, SharedRepositoryModule, SoftwareTypeComponent, TypeCellRendererComponent, TypeFilteringFormRendererComponent, TypeGridColumn, VersionsCellRendererComponent, VersionsGridColumn };
 //# sourceMappingURL=c8y-ngx-components-repository-shared.mjs.map