@c8y/ngx-components 1023.53.0 → 1023.55.5

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

@@ -1,5 +1,5 @@
 import { gettext } from '@c8y/ngx-components/gettext';
-import { hookNavigator, hookRoute, NavigatorNode } from '@c8y/ngx-components';
+import { hookNavigator, NavigatorNode, hookRoute } from '@c8y/ngx-components';
 
 const exportsProviders = [
     hookNavigator(new NavigatorNode({

package/fesm2022/c8y-ngx-components-feature-toggles.mjs

@@ -1,5 +1,5 @@
 import { inject } from '@angular/core';
-import { hookNavigator, hookRoute, NavigatorNode, AppStateService, ViewContext } from '@c8y/ngx-components';
+import { hookNavigator, NavigatorNode, hookRoute, AppStateService, ViewContext } from '@c8y/ngx-components';
 import { gettext } from '@c8y/ngx-components/gettext';
 
 const featureTogglePath = 'feature-toggles';

package/fesm2022/c8y-ngx-components-register-device.mjs

@@ -7,7 +7,7 @@ import * as i5 from '@ngx-formly/core';
 import { FormlyModule } from '@ngx-formly/core';
 import { gettext } from '@c8y/ngx-components/gettext';
 import * as i1$2 from '@c8y/ngx-components';
-import { ModalComponent, IconDirective, C8yStepper, C8yTranslateDirective, C8yStepperButtons, OperationResultComponent, ListGroupComponent, ListItemComponent, ListItemIconComponent, ListItemCollapseComponent, C8yTranslatePipe, memoize, hookGeneric, ExtensionPointWithoutStateForPlugins, fromTriggerOnce, OutletDirective, Status, TitleComponent, BreadcrumbComponent, BreadcrumbItemComponent, ActionBarItemComponent, ListDisplaySwitchComponent, IfAllowedDirective, HelpComponent, RequiredInputPlaceholderDirective, LoadMoreComponent, DatePipe, Permissions, NavigatorNode, FormGroupComponent, LoadingComponent, CommonModule, CoreModule, StepperModule, DynamicFormsModule, hookNavigator, DeviceBootstrapRealtimeService } from '@c8y/ngx-components';
+import { ModalComponent, IconDirective, C8yStepper, C8yTranslateDirective, C8yStepperButtons, OperationResultComponent, ListGroupComponent, ListItemComponent, ListItemIconComponent, ListItemCollapseComponent, C8yTranslatePipe, memoize, hookGeneric, ExtensionPointWithoutStateForPlugins, fromTriggerOnce, OutletDirective, Status, TitleComponent, BreadcrumbComponent, BreadcrumbItemComponent, ActionBarItemComponent, ListDisplaySwitchComponent, IfAllowedDirective, HelpComponent, RequiredInputPlaceholderDirective, LoadMoreComponent, DatePipe, Permissions, NavigatorNode, FormGroupComponent, LoadingComponent, CommonModule, CoreModule, StepperModule, DynamicFormsModule, DeviceBootstrapRealtimeService, hookNavigator } from '@c8y/ngx-components';
 import * as i6 from '@angular/forms';
 import { FormGroup, FormsModule } from '@angular/forms';
 import { Subject, BehaviorSubject, from, forkJoin, defer, Observable } from 'rxjs';

package/fesm2022/c8y-ngx-components-remote-access-ssh.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable } from '@angular/core';
 import { gettext } from '@c8y/ngx-components/gettext';
-import { hookRoute, hookService, ViewContext } from '@c8y/ngx-components';
+import { hookRoute, ViewContext, hookService } from '@c8y/ngx-components';
 import * as i1 from '@c8y/ngx-components/remote-access/data';
 import { canActivateRemoteAccess } from '@c8y/ngx-components/remote-access/data';
 import * as i2 from 'ngx-bootstrap/modal';

package/fesm2022/c8y-ngx-components-remote-access-telnet.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable } from '@angular/core';
 import { gettext } from '@c8y/ngx-components/gettext';
-import { hookRoute, hookService, ViewContext } from '@c8y/ngx-components';
+import { hookRoute, ViewContext, hookService } from '@c8y/ngx-components';
 import * as i1 from '@c8y/ngx-components/remote-access/data';
 import { canActivateRemoteAccess } from '@c8y/ngx-components/remote-access/data';
 

package/fesm2022/c8y-ngx-components-remote-access-vnc.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable } from '@angular/core';
 import { gettext } from '@c8y/ngx-components/gettext';
-import { hookRoute, hookService, ViewContext } from '@c8y/ngx-components';
+import { hookRoute, ViewContext, hookService } from '@c8y/ngx-components';
 import * as i1 from '@c8y/ngx-components/remote-access/data';
 import { canActivateRemoteAccess } from '@c8y/ngx-components/remote-access/data';
 import * as i2 from 'ngx-bootstrap/modal';

package/fesm2022/c8y-ngx-components-report-dashboard.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, ViewChild, Component, NgModule } from '@angular/core';
 import { RouterLink, RouterModule } from '@angular/router';
 import * as i4 from '@c8y/ngx-components';
-import { NavigatorNode, Permissions, Status, TitleComponent, ActionBarItemComponent, IconDirective, HelpComponent, ListGroupComponent, ListItemComponent, ListItemIconComponent, ListItemBodyComponent, ForOfDirective, EmptyStateComponent, ProductExperienceDirective, GuideDocsComponent, C8yTranslateDirective, GuideHrefDirective, C8yTranslatePipe, FilterInputComponent, CoreModule, hookRoute, hookNavigator, ViewContext } from '@c8y/ngx-components';
+import { NavigatorNode, Permissions, Status, TitleComponent, ActionBarItemComponent, IconDirective, HelpComponent, ListGroupComponent, ListItemComponent, ListItemIconComponent, ListItemBodyComponent, ForOfDirective, EmptyStateComponent, ProductExperienceDirective, GuideDocsComponent, C8yTranslateDirective, GuideHrefDirective, C8yTranslatePipe, FilterInputComponent, CoreModule, hookRoute, ViewContext, hookNavigator } from '@c8y/ngx-components';
 import * as i1 from '@c8y/ngx-components/context-dashboard';
 import { ContextDashboardType, PRODUCT_EXPERIENCE, ContextDashboardModule, ContextDashboardComponent } from '@c8y/ngx-components/context-dashboard';
 import { tap, debounceTime, distinctUntilChanged, switchMap, shareReplay } from 'rxjs/operators';

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

@@ -8,7 +8,7 @@ import * as i4 from '@c8y/ngx-components';
 import { ModalSelectionMode, C8yTranslateDirective, IconDirective, ListGroupComponent, ListItemComponent, ListItemIconComponent, ListItemBodyComponent, ProductExperienceDirective, C8yTranslatePipe, hookRoute, ViewContext, FormGroupComponent, TypeaheadComponent, ForOfDirective, HighlightComponent, MessagesComponent, MessageDirective, RequiredInputPlaceholderDirective, FilePickerComponent, ValidationPattern, Status, TitleComponent, BreadcrumbComponent, BreadcrumbItemComponent, ActionBarItemComponent, EmptyStateComponent, ListItemCollapseComponent, memoize, BuiltInActionType, HelpComponent, DataGridComponent, EmptyStateContextDirective, NavigatorNode, hookNavigator } from '@c8y/ngx-components';
 import * as i2 from '@c8y/ngx-components/repository/shared';
 import { PRODUCT_EXPERIENCE_REPOSITORY_SHARED, RepositoryType, RepositorySelectModalComponent, SharedRepositoryModule, FileDownloadComponent, RepositoryItemNameGridColumn, DescriptionGridColumn, DeviceTypeGridColumn, VersionsGridColumn } from '@c8y/ngx-components/repository/shared';
-import { isEmpty, get, assign, has, indexOf, isUndefined, property } from 'lodash-es';
+import { isEmpty, get, assign, indexOf, has, isUndefined, property } from 'lodash-es';
 import * as i1$1 from 'ngx-bootstrap/modal';
 import { BehaviorSubject, from, combineLatest, of, merge, pipe, Subject, defer, map as map$1 } from 'rxjs';
 import { map, filter, switchMap, shareReplay, take, distinctUntilChanged, debounceTime, tap, distinctUntilKeyChanged, withLatestFrom, takeUntil } from 'rxjs/operators';

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

@@ -1947,7 +1947,6 @@ class SoftwareTypeComponent {
         this.softwareTypeMO = software;
         this.onSelectSoftware.emit(software);
         this.deviceSoftwareTypeModel.searchControlModel.control.markAsDirty();
-        this.deviceSoftwareTypeModel.onChange(software);
     }
     clearSoftware() {
         this.softwareTypeMO = undefined;
@@ -2004,7 +2003,7 @@ class SoftwareTypeComponent {
         return uniqueBySoftwareType;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SoftwareTypeComponent, deps: [{ token: RepositoryService }, { token: i0.ChangeDetectorRef }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SoftwareTypeComponent, isStandalone: true, 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: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SoftwareTypeComponent, isStandalone: true, 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,
                 multi: true,
@@ -2015,7 +2014,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: "component", type: TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected", "title", "highlightFirstItem"], outputs: ["onSearch", "onIconClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "directive", type: 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: HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: 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  [ngStyle]=\"style\"\n  name=\"softwareType\"\n  [(ngModel)]=\"softwareTypeMO\"\n  [required]=\"required\"\n  [disabled]=\"disabled\"\n  [placeholder]=\"placeholder\"\n  [allowFreeEntries]=\"allowFreeEntries\"\n  #deviceSoftwareTypeModel\n  (onSearch)=\"search$.next($event)\"\n  displayProperty=\"softwareType\"\n>\n  @if (showClearSelectionOption) {\n    <c8y-li\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  }\n  <c8y-li\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    *c8yFor=\"\n      let software of softwaresResult$;\n      pipe: filterPipe;\n      loadMore: 'auto';\n      notFound: notFoundTemplateToUse\n    \"\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    @if ((search$ | async)?.length > 0) {\n      <c8y-li class=\"bg-level-2 p-8\">\n        <span translate>No match found.</span>\n        <button\n          class=\"btn btn-primary btn-xs m-l-8\"\n          title=\"{{ 'Add new`software type`' | translate }}\"\n          type=\"button\"\n          translate\n        >\n          Add new`software type`\n        </button>\n      </c8y-li>\n    }\n  </ng-template>\n  <ng-template #notFoundTypeTemplate>\n    @if ((search$ | async)?.length > 0 && (softwaresResult$ | async)?.data?.length === 0) {\n      <c8y-li class=\"bg-level-2 p-8\">\n        <span translate>No match found. Refine your search terms or check your spelling.</span>\n      </c8y-li>\n    }\n  </ng-template>\n</c8y-typeahead>\n", dependencies: [{ kind: "component", type: TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected", "title", "highlightFirstItem"], outputs: ["onSearch", "onIconClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "directive", type: 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: HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SoftwareTypeComponent, decorators: [{
             type: Component,
@@ -2034,14 +2033,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         TypeaheadComponent,
                         FormsModule,
                         NgStyle,
-                        NgIf,
                         ListItemComponent,
                         ForOfDirective,
                         HighlightComponent,
                         C8yTranslateDirective,
                         AsyncPipe,
                         C8yTranslatePipe
-                    ], 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" }]
+                    ], template: "<c8y-typeahead\n  [ngStyle]=\"style\"\n  name=\"softwareType\"\n  [(ngModel)]=\"softwareTypeMO\"\n  [required]=\"required\"\n  [disabled]=\"disabled\"\n  [placeholder]=\"placeholder\"\n  [allowFreeEntries]=\"allowFreeEntries\"\n  #deviceSoftwareTypeModel\n  (onSearch)=\"search$.next($event)\"\n  displayProperty=\"softwareType\"\n>\n  @if (showClearSelectionOption) {\n    <c8y-li\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  }\n  <c8y-li\n    class=\"p-l-8 p-r-8 c8y-list__item--link\"\n    *c8yFor=\"\n      let software of softwaresResult$;\n      pipe: filterPipe;\n      loadMore: 'auto';\n      notFound: notFoundTemplateToUse\n    \"\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    @if ((search$ | async)?.length > 0) {\n      <c8y-li class=\"bg-level-2 p-8\">\n        <span translate>No match found.</span>\n        <button\n          class=\"btn btn-primary btn-xs m-l-8\"\n          title=\"{{ 'Add new`software type`' | translate }}\"\n          type=\"button\"\n          translate\n        >\n          Add new`software type`\n        </button>\n      </c8y-li>\n    }\n  </ng-template>\n  <ng-template #notFoundTypeTemplate>\n    @if ((search$ | async)?.length > 0 && (softwaresResult$ | async)?.data?.length === 0) {\n      <c8y-li class=\"bg-level-2 p-8\">\n        <span translate>No match found. Refine your search terms or check your spelling.</span>\n      </c8y-li>\n    }\n  </ng-template>\n</c8y-typeahead>\n" }]
         }], ctorParameters: () => [{ type: RepositoryService }, { type: i0.ChangeDetectorRef }, { type: i2$1.TranslateService }], propDecorators: { softwareTypeMO: [{
                 type: Input
             }], disabled: [{