@c8y/ngx-components 1017.0.63 → 1017.0.65

package/fesm2020/c8y-ngx-components-repository-software.mjs

@@ -9,7 +9,7 @@ import { PRODUCT_EXPERIENCE, RepositoryType, SoftwareTypeComponent, SharedReposi
 import * as i4$1 from '@ngx-translate/core';
 import * as i1 from 'ngx-bootstrap/modal';
 import * as i5 from '@angular/forms';
-import { isUndefined, assign, get, cloneDeep, uniqBy, property, filter, set, has } from 'lodash-es';
+import { isUndefined, assign, get, cloneDeep, uniqBy, property, set, filter, has } from 'lodash-es';
 import { BehaviorSubject, from, NEVER, pipe, Observable, Subject, merge, of, combineLatest } from 'rxjs';
 import { tap, debounceTime, distinctUntilChanged, switchMap, map, shareReplay, distinctUntilKeyChanged, withLatestFrom, takeUntil, take, share, mergeMap, filter as filter$1 } from 'rxjs/operators';
 import * as i3 from '@angular/common';
@@ -769,9 +769,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 }]
         }] });
 
-class DeviceSoftwareListComponent {
+class DeviceSoftwareService {
     constructor(advancedSoftwareService) {
         this.advancedSoftwareService = advancedSoftwareService;
+        this.reloadSubject$ = new BehaviorSubject(null);
+        this.loadingSubject$ = new Subject();
+    }
+    /**
+     * Indicates whether device software data is currently being loaded.
+     */
+    get loading$() {
+        return this.loadingSubject$.asObservable().pipe(share());
+    }
+    /**
+     * Trigger device software data reload.
+     */
+    reload() {
+        this.reloadSubject$.next();
+    }
+    /**
+     * Retrieves the software list that is installed on a given device.
+     *
+     * @param deviceId ID of the device to retrieve software data for
+     * @param filterCriteria Criteria that software items are filtered by.
+     * @param legacySoftwareList If provided no data will be fetched from backend. The provided software list
+     * will be filtered by the specified filter criteria.
+     *
+     * @returns The software items installed on the specified device filtered by the specified criteria.
+     */
+    getSoftwareList(deviceId, filterCriteria, legacySoftwareList) {
+        this.loadingSubject$.next(true);
+        return this.reloadSubject$.pipe(switchMap(() => {
+            const softwareList$ = !!legacySoftwareList
+                ? this.getLegacySoftwareList(legacySoftwareList, filterCriteria)
+                : this.getAdvancedSoftwareList(deviceId, filterCriteria);
+            return softwareList$.then(resultList => {
+                this.loadingSubject$.next(false);
+                return resultList;
+            });
+        }), share());
+    }
+    getAdvancedSoftwareList(deviceId, filterCriteria) {
+        const queryFilter = {
+            deviceId,
+            currentPage: 1,
+            pageSize: 50,
+            withTotalPages: true
+        };
+        if (filterCriteria?.name) {
+            set(queryFilter, 'name', `*${filterCriteria.name}*`);
+        }
+        if (filterCriteria?.softwareType) {
+            set(queryFilter, 'type', `${filterCriteria.softwareType}`);
+        }
+        return this.advancedSoftwareService.list(queryFilter);
+    }
+    getLegacySoftwareList(legacySoftwareList, filterCriteria) {
+        const data = filterCriteria
+            ? legacySoftwareList.filter(item => {
+                let match = true;
+                if (filterCriteria?.name) {
+                    match = match && item.name?.includes(filterCriteria.name);
+                }
+                if (filterCriteria?.softwareType) {
+                    match = match && item.softwareType === filterCriteria.softwareType;
+                }
+                return match;
+            })
+            : legacySoftwareList;
+        return Promise.resolve({
+            data,
+            res: null,
+            paging: {
+                totalPages: data.length
+            }
+        });
+    }
+}
+DeviceSoftwareService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DeviceSoftwareService, deps: [{ token: i2.AdvancedSoftwareService }], target: i0.ɵɵFactoryTarget.Injectable });
+DeviceSoftwareService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DeviceSoftwareService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DeviceSoftwareService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i2.AdvancedSoftwareService }]; } });
+
+class DeviceSoftwareListComponent {
+    constructor(deviceSoftwareService) {
+        this.deviceSoftwareService = deviceSoftwareService;
         this.PRODUCT_EXPERIENCE = PRODUCT_EXPERIENCE;
         this.filterCriteria$ = of(null);
         this.update = new EventEmitter();
@@ -781,6 +867,7 @@ class DeviceSoftwareListComponent {
         this.supportsSoftwareOperations = false;
         this.operationTypes = ['c8y_SoftwareUpdate', 'c8y_SoftwareList', 'c8y_Software'];
         this.legacySoftwareList$ = new BehaviorSubject([]);
+        this.destroyed$ = new Subject();
     }
     set softwareList(softwareList) {
         if (softwareList !== null) {
@@ -791,20 +878,12 @@ class DeviceSoftwareListComponent {
         this.softwareItems$ = combineLatest([
             this.filterCriteria$.pipe(debounceTime(300), distinctUntilChanged()),
             this.legacySoftwareList$
-        ]).pipe(switchMap(([filterCriteria, legacySoftwareList]) => {
-            if (legacySoftwareList) {
-                return of(this.getLegacySoftwareList(filterCriteria)).pipe(map(resultList => ({ resultList, filterCriteria })));
-            }
-            else {
-                return this.getAdvancedSoftwareList(filterCriteria).then(resultList => ({
-                    resultList,
-                    filterCriteria
-                }));
-            }
-        }), tap(({ resultList, filterCriteria }) => {
+        ]).pipe(switchMap(([filterCriteria, legacySoftwareList]) => this.deviceSoftwareService
+            .getSoftwareList(this.device?.id, filterCriteria, legacySoftwareList)
+            .pipe(map(resultList => ({ resultList, filterCriteria })))), tap(({ resultList, filterCriteria }) => {
             this.notifyListEmpty(!resultList?.paging?.totalPages && !filterCriteria);
             this.noSearchResults = !resultList?.paging?.totalPages && !!filterCriteria;
-        }), map(({ resultList }) => resultList), share());
+        }), map(({ resultList }) => resultList), share(), takeUntil(this.destroyed$));
         const supportedOperations = get(this.device, 'c8y_SupportedOperations', []);
         this.supportsSoftwareOperations = this.operationTypes.some(operationType => supportedOperations.indexOf(operationType) > -1);
     }
@@ -816,53 +895,21 @@ class DeviceSoftwareListComponent {
         const relevantChanges = filter(this.deviceSoftwareChanges, software);
         return relevantChanges.length > 0;
     }
-    getAdvancedSoftwareList(filterCriteria) {
-        const queryFilter = {
-            deviceId: this.device.id,
-            currentPage: 1,
-            pageSize: 50,
-            withTotalPages: true
-        };
-        if (filterCriteria?.name) {
-            set(queryFilter, 'name', `*${filterCriteria.name}*`);
-        }
-        if (filterCriteria?.softwareType) {
-            set(queryFilter, 'type', `${filterCriteria.softwareType}`);
-        }
-        return this.advancedSoftwareService.list(queryFilter);
-    }
-    getLegacySoftwareList(filterCriteria) {
-        const data = filterCriteria
-            ? this.legacySoftwareList$.value.filter(item => {
-                let match = true;
-                if (filterCriteria?.name) {
-                    match = match && item.name?.includes(filterCriteria.name);
-                }
-                if (filterCriteria?.softwareType) {
-                    match = match && item.softwareType === filterCriteria.softwareType;
-                }
-                return match;
-            })
-            : this.legacySoftwareList$.value;
-        return {
-            data,
-            res: null,
-            paging: {
-                totalPages: data.length
-            }
-        };
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.destroyed$.complete();
     }
     notifyListEmpty(isEmpty) {
         this.emptyList = isEmpty;
         this.onListEmpty.emit(isEmpty);
     }
 }
-DeviceSoftwareListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DeviceSoftwareListComponent, deps: [{ token: i2.AdvancedSoftwareService }], target: i0.ɵɵFactoryTarget.Component });
+DeviceSoftwareListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DeviceSoftwareListComponent, deps: [{ token: DeviceSoftwareService }], target: i0.ɵɵFactoryTarget.Component });
 DeviceSoftwareListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DeviceSoftwareListComponent, selector: "c8y-device-software-list", inputs: { softwareList: "softwareList", device: "device", deviceSoftwareChanges: "deviceSoftwareChanges", filterCriteria$: "filterCriteria$" }, outputs: { update: "update", remove: "remove", onListEmpty: "onListEmpty" }, ngImport: i0, template: "<c8y-list-group class=\"no-border-2nd-last\">\n  <c8y-li\n    [ngClass]=\"{ disabled: isSoftwareGoingToBeChanged(software) }\"\n    *c8yFor=\"let software of softwareItems$\"\n  >\n    <!-- SOFTWARE ICON -->\n    <c8y-li-icon>\n      <i c8yIcon=\"c8y-tools\"></i>\n    </c8y-li-icon>\n\n    <c8y-li-body class=\"content-flex-20\">\n      <div title=\"{{ software.name }}\" class=\"col-9\">\n        <p class=\"d-flex\">\n          <!-- SOFTWARE NAME -->\n          <span class=\"text-truncate\">\n            {{ software.name }}\n          </span>\n          <!-- SOFTWARE TYPE-->\n          <span class=\"text-truncate\">\n            <span class=\"label label-primary m-l-8\">{{ software.softwareType }}</span>\n          </span>\n        </p>\n        <!-- SOFTWARE VERSION -->\n        <p class=\"d-flex a-i-center\">\n          <span class=\"text-truncate text-label-small m-r-4\" translate>Version</span>\n          <span class=\"text-truncate m-r-4\" title=\"{{ software.version }}\">\n            {{ software.version }}\n          </span>\n          <i\n            *ngIf=\"software.installed\"\n            c8yIcon=\"warning\"\n            class=\"text-warning a-s-center\"\n            [tooltip]=\"\n              alreadyInstalledMessage\n                | translate: { name: software.name, version: software.version }\n            \"\n            container=\"body\"\n            placement=\"top\"\n            [delay]=\"500\"\n          ></i>\n        </p>\n      </div>\n\n      <div\n        *ngIf=\"supportsSoftwareOperations && (showUpdate || showRemove)\"\n        class=\"col-3 text-right m-0 flex-grow d-flex a-i-center\"\n      >\n        <!-- UPDATE SOFTWARE -->\n        <button\n          *ngIf=\"showUpdate && !isSoftwareGoingToBeChanged(software)\"\n          class=\"btn btn-default btn-xs m-l-auto m-r-4\"\n          (click)=\"update.emit(software)\"\n          title=\"{{ 'Update`software,verb`' | translate }}\"\n          type=\"button\"\n          c8yProductExperience\n          [actionName]=\"PRODUCT_EXPERIENCE.SOFTWARE.EVENTS.DEVICE_TAB\"\n          [actionData]=\"{\n            component: PRODUCT_EXPERIENCE.SOFTWARE.COMPONENTS.DEVICE_SOFTWARE_LIST,\n            action: PRODUCT_EXPERIENCE.SOFTWARE.ACTIONS.OPEN_UPDATE_SOFTWARE\n          }\"\n        >\n          {{ 'Update`software,verb`' | translate }}\n        </button>\n\n        <!-- REMOVE SOFTWARE -->\n        <button\n          *ngIf=\"showRemove && !isSoftwareGoingToBeChanged(software)\"\n          class=\"btn btn-dot btn-dot--danger m-l-4\"\n          (click)=\"remove.emit(software)\"\n          tooltip=\"{{ 'Remove`software,verb`' | translate }}\"\n          [attr.aria-label]=\"'Remove`software,verb`' | translate\"\n          placement=\"bottom\"\n          container=\"body\"\n          [delay]=\"500\"\n          type=\"button\"\n          c8yProductExperience\n          [actionName]=\"PRODUCT_EXPERIENCE.SOFTWARE.EVENTS.DEVICE_TAB\"\n          [actionData]=\"{\n            component: PRODUCT_EXPERIENCE.SOFTWARE.COMPONENTS.DEVICE_SOFTWARE_LIST,\n            action: PRODUCT_EXPERIENCE.SOFTWARE.ACTIONS.DELETE_SOFTWARE\n          }\"\n        >\n          <i c8yIcon=\"minus-circle\"></i>\n        </button>\n      </div>\n    </c8y-li-body>\n  </c8y-li>\n</c8y-list-group>\n<!-- NO SEARCH RESULTS STATE -->\n<div class=\"card-block\" *ngIf=\"noSearchResults || emptyList\">\n  <ng-content *ngIf=\"emptyList\" select=\".c8y-empty-state:not(.c8y-no-results-state)\"></ng-content>\n  <ng-content *ngIf=\"noSearchResults\" select=\".c8y-no-results-state\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i4.ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount"] }, { kind: "component", type: i4.ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: i4.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "emptyActions", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: i4.ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: i4.ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "directive", type: i4.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit"] }, { kind: "directive", type: i10.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: i4.C8yTranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DeviceSoftwareListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-device-software-list', template: "<c8y-list-group class=\"no-border-2nd-last\">\n  <c8y-li\n    [ngClass]=\"{ disabled: isSoftwareGoingToBeChanged(software) }\"\n    *c8yFor=\"let software of softwareItems$\"\n  >\n    <!-- SOFTWARE ICON -->\n    <c8y-li-icon>\n      <i c8yIcon=\"c8y-tools\"></i>\n    </c8y-li-icon>\n\n    <c8y-li-body class=\"content-flex-20\">\n      <div title=\"{{ software.name }}\" class=\"col-9\">\n        <p class=\"d-flex\">\n          <!-- SOFTWARE NAME -->\n          <span class=\"text-truncate\">\n            {{ software.name }}\n          </span>\n          <!-- SOFTWARE TYPE-->\n          <span class=\"text-truncate\">\n            <span class=\"label label-primary m-l-8\">{{ software.softwareType }}</span>\n          </span>\n        </p>\n        <!-- SOFTWARE VERSION -->\n        <p class=\"d-flex a-i-center\">\n          <span class=\"text-truncate text-label-small m-r-4\" translate>Version</span>\n          <span class=\"text-truncate m-r-4\" title=\"{{ software.version }}\">\n            {{ software.version }}\n          </span>\n          <i\n            *ngIf=\"software.installed\"\n            c8yIcon=\"warning\"\n            class=\"text-warning a-s-center\"\n            [tooltip]=\"\n              alreadyInstalledMessage\n                | translate: { name: software.name, version: software.version }\n            \"\n            container=\"body\"\n            placement=\"top\"\n            [delay]=\"500\"\n          ></i>\n        </p>\n      </div>\n\n      <div\n        *ngIf=\"supportsSoftwareOperations && (showUpdate || showRemove)\"\n        class=\"col-3 text-right m-0 flex-grow d-flex a-i-center\"\n      >\n        <!-- UPDATE SOFTWARE -->\n        <button\n          *ngIf=\"showUpdate && !isSoftwareGoingToBeChanged(software)\"\n          class=\"btn btn-default btn-xs m-l-auto m-r-4\"\n          (click)=\"update.emit(software)\"\n          title=\"{{ 'Update`software,verb`' | translate }}\"\n          type=\"button\"\n          c8yProductExperience\n          [actionName]=\"PRODUCT_EXPERIENCE.SOFTWARE.EVENTS.DEVICE_TAB\"\n          [actionData]=\"{\n            component: PRODUCT_EXPERIENCE.SOFTWARE.COMPONENTS.DEVICE_SOFTWARE_LIST,\n            action: PRODUCT_EXPERIENCE.SOFTWARE.ACTIONS.OPEN_UPDATE_SOFTWARE\n          }\"\n        >\n          {{ 'Update`software,verb`' | translate }}\n        </button>\n\n        <!-- REMOVE SOFTWARE -->\n        <button\n          *ngIf=\"showRemove && !isSoftwareGoingToBeChanged(software)\"\n          class=\"btn btn-dot btn-dot--danger m-l-4\"\n          (click)=\"remove.emit(software)\"\n          tooltip=\"{{ 'Remove`software,verb`' | translate }}\"\n          [attr.aria-label]=\"'Remove`software,verb`' | translate\"\n          placement=\"bottom\"\n          container=\"body\"\n          [delay]=\"500\"\n          type=\"button\"\n          c8yProductExperience\n          [actionName]=\"PRODUCT_EXPERIENCE.SOFTWARE.EVENTS.DEVICE_TAB\"\n          [actionData]=\"{\n            component: PRODUCT_EXPERIENCE.SOFTWARE.COMPONENTS.DEVICE_SOFTWARE_LIST,\n            action: PRODUCT_EXPERIENCE.SOFTWARE.ACTIONS.DELETE_SOFTWARE\n          }\"\n        >\n          <i c8yIcon=\"minus-circle\"></i>\n        </button>\n      </div>\n    </c8y-li-body>\n  </c8y-li>\n</c8y-list-group>\n<!-- NO SEARCH RESULTS STATE -->\n<div class=\"card-block\" *ngIf=\"noSearchResults || emptyList\">\n  <ng-content *ngIf=\"emptyList\" select=\".c8y-empty-state:not(.c8y-no-results-state)\"></ng-content>\n  <ng-content *ngIf=\"noSearchResults\" select=\".c8y-no-results-state\"></ng-content>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i2.AdvancedSoftwareService }]; }, propDecorators: { softwareList: [{
+        }], ctorParameters: function () { return [{ type: DeviceSoftwareService }]; }, propDecorators: { softwareList: [{
                 type: Input
             }], device: [{
                 type: Input
@@ -1109,10 +1156,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
             }] } });
 
 class SoftwareDeviceTabComponent {
-    constructor(route, repository, inventory, advancedSoftwareService) {
+    constructor(route, repository, inventory, deviceSoftwareService, advancedSoftwareService) {
         this.route = route;
         this.repository = repository;
         this.inventory = inventory;
+        this.deviceSoftwareService = deviceSoftwareService;
         this.advancedSoftwareService = advancedSoftwareService;
         this.deviceId = this.route.snapshot.parent.data.contextData.id;
         this.device$ = new BehaviorSubject(this.route.snapshot.parent.data.contextData);
@@ -1120,7 +1168,7 @@ class SoftwareDeviceTabComponent {
             const deviceTypeQuery = this.repository.getDeviceTypeQuery(RepositoryType.SOFTWARE, device);
             return this.repository.getSoftwareTypeQuery(device, deviceTypeQuery);
         }));
-        this.list$ = this.device$.pipe(distinctUntilKeyChanged('id'), switchMap(device => this.advancedSoftwareService
+        this.list$ = this.device$.pipe(switchMap(device => this.advancedSoftwareService
             .isASMAvailable()
             .then(isASMAvailable => ({ isASMAvailable, device }))), map(({ isASMAvailable, device }) => 
         // with ASM available software items will be retrieved directly in the
@@ -1161,7 +1209,13 @@ class SoftwareDeviceTabComponent {
     }
     async loadDevice() {
         this.reloading = true;
-        const device = (await this.inventory.detail(this.deviceId, { withChildren: false })).data;
+        this.deviceSoftwareService.reload();
+        const device = await Promise.all([
+            this.deviceSoftwareService.loading$
+                .pipe(filter$1(loading => !loading), take(1))
+                .toPromise(),
+            this.inventory.detail(this.deviceId, { withChildren: false }).then(result => result.data)
+        ]).then(([_, device]) => device);
         this.device$.next(device);
         this.reloading = false;
     }
@@ -1196,12 +1250,12 @@ class SoftwareDeviceTabComponent {
         return (operation && [OperationStatus.PENDING, OperationStatus.EXECUTING].includes(operation.status));
     }
 }
-SoftwareDeviceTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SoftwareDeviceTabComponent, deps: [{ token: i5$1.ActivatedRoute }, { token: i2.RepositoryService }, { token: i2$1.InventoryService }, { token: i2.AdvancedSoftwareService }], target: i0.ɵɵFactoryTarget.Component });
+SoftwareDeviceTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SoftwareDeviceTabComponent, deps: [{ token: i5$1.ActivatedRoute }, { token: i2.RepositoryService }, { token: i2$1.InventoryService }, { token: DeviceSoftwareService }, { token: i2.AdvancedSoftwareService }], target: i0.ɵɵFactoryTarget.Component });
 SoftwareDeviceTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SoftwareDeviceTabComponent, selector: "c8y-software-device-tab", ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button class=\"btn btn-link\" title=\"{{ 'Reload' | translate }}\" (click)=\"loadDevice()\">\n    <i c8yIcon=\"refresh\" [ngClass]=\"{ 'icon-spin': reloading }\"></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<div class=\"card split-view--7-5 m-b-0\">\n  <c8y-installed-software\n    class=\"split-view__list\"\n    [device]=\"device$ | async\"\n    [typesQuery]=\"typesQuery$ | async\"\n    [softwareList]=\"list$ | async\"\n    [deviceSoftwareChanges]=\"changes$ | async\"\n    [deviceSoftwareChangesOperation]=\"changesOperation$ | async\"\n    [deviceSoftwareChangesInProgress]=\"changesInProgress$ | async\"\n    (changes)=\"addChanges($event)\"\n    (showSoftwareChanges)=\"showSoftwareChanges = true\"\n  ></c8y-installed-software>\n  <c8y-device-software-changes\n    class=\"bg-level-1 split-view__detail\"\n    [ngClass]=\"{ 'split-view__detail--selected': showSoftwareChanges }\"\n    [changes]=\"changes$ | async\"\n    [changesInProgress]=\"changesInProgress$ | async\"\n    (clear)=\"clearChanges()\"\n    (drop)=\"dropChange($event)\"\n    (apply)=\"applyChanges()\"\n    (hideSoftwareChanges)=\"showSoftwareChanges = false\"\n  ></c8y-device-software-changes>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId"] }, { kind: "directive", type: i4.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: InstalledSoftwareComponent, selector: "c8y-installed-software", inputs: ["device", "softwareList", "deviceSoftwareChanges", "deviceSoftwareChangesOperation", "deviceSoftwareChangesInProgress", "typesQuery"], outputs: ["changes", "showSoftwareChanges"] }, { kind: "component", type: DeviceSoftwareChangesComponent, selector: "c8y-device-software-changes", inputs: ["changes", "changesInProgress"], outputs: ["clear", "drop", "apply", "hideSoftwareChanges"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.C8yTranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SoftwareDeviceTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-software-device-tab', template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button class=\"btn btn-link\" title=\"{{ 'Reload' | translate }}\" (click)=\"loadDevice()\">\n    <i c8yIcon=\"refresh\" [ngClass]=\"{ 'icon-spin': reloading }\"></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<div class=\"card split-view--7-5 m-b-0\">\n  <c8y-installed-software\n    class=\"split-view__list\"\n    [device]=\"device$ | async\"\n    [typesQuery]=\"typesQuery$ | async\"\n    [softwareList]=\"list$ | async\"\n    [deviceSoftwareChanges]=\"changes$ | async\"\n    [deviceSoftwareChangesOperation]=\"changesOperation$ | async\"\n    [deviceSoftwareChangesInProgress]=\"changesInProgress$ | async\"\n    (changes)=\"addChanges($event)\"\n    (showSoftwareChanges)=\"showSoftwareChanges = true\"\n  ></c8y-installed-software>\n  <c8y-device-software-changes\n    class=\"bg-level-1 split-view__detail\"\n    [ngClass]=\"{ 'split-view__detail--selected': showSoftwareChanges }\"\n    [changes]=\"changes$ | async\"\n    [changesInProgress]=\"changesInProgress$ | async\"\n    (clear)=\"clearChanges()\"\n    (drop)=\"dropChange($event)\"\n    (apply)=\"applyChanges()\"\n    (hideSoftwareChanges)=\"showSoftwareChanges = false\"\n  ></c8y-device-software-changes>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i5$1.ActivatedRoute }, { type: i2.RepositoryService }, { type: i2$1.InventoryService }, { type: i2.AdvancedSoftwareService }]; } });
+        }], ctorParameters: function () { return [{ type: i5$1.ActivatedRoute }, { type: i2.RepositoryService }, { type: i2$1.InventoryService }, { type: DeviceSoftwareService }, { type: i2.AdvancedSoftwareService }]; } });
 
 class SoftwareDeviceTabGuard {
     constructor() {
@@ -1301,5 +1355,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddSoftwareModalComponent, DeviceSoftwareChangesComponent, DeviceSoftwareListComponent, InstalledSoftwareComponent, SoftwareDetailsComponent, SoftwareDeviceTabComponent, SoftwareDeviceTabGuard, SoftwareListComponent, SoftwareRepositoryDeviceTabModule, SoftwareRepositoryListModule, SoftwareRepositoryModule };
+export { AddSoftwareModalComponent, DeviceSoftwareChangesComponent, DeviceSoftwareListComponent, DeviceSoftwareService, InstalledSoftwareComponent, SoftwareDetailsComponent, SoftwareDeviceTabComponent, SoftwareDeviceTabGuard, SoftwareListComponent, SoftwareRepositoryDeviceTabModule, SoftwareRepositoryListModule, SoftwareRepositoryModule };
 //# sourceMappingURL=c8y-ngx-components-repository-software.mjs.map