@c8y/ngx-components 1022.10.1 → 1022.16.2

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

@@ -61,14 +61,11 @@ class DeviceTypeDetail extends UpgradeComponent {
         super('c8yDeviceTypeDetail', elementRef, injector);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceTypeDetail, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: DeviceTypeDetail, isStandalone: false, selector: "c8y-device-type-detail-directive", inputs: { id: "id" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: DeviceTypeDetail, isStandalone: true, selector: "c8y-device-type-detail-directive", inputs: { id: "id" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceTypeDetail, decorators: [{
             type: Directive,
-            args: [{
-                    selector: 'c8y-device-type-detail-directive',
-                    standalone: false
-                }]
+            args: [{ selector: 'c8y-device-type-detail-directive' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { id: [{
                 type: Input
             }] } });
@@ -85,7 +82,7 @@ class DeviceTypeDetailComponent {
         this.deviceTypeId = this.route.snapshot.paramMap.get('id');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceTypeDetailComponent, deps: [{ token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DeviceTypeDetailComponent, isStandalone: false, selector: "c8y-device-type-detail", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DeviceTypeDetailComponent, isStandalone: true, selector: "c8y-device-type-detail", providers: [
             {
                 deps: ['$injector'],
                 provide: '$scope',
@@ -110,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         }
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false
+                    imports: [DeviceTypeDetail]
                 }]
         }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }] });
 
@@ -132,7 +129,7 @@ const protocolRoutes = fieldbusTypes.map(protocol => ({
 }));
 class DeviceProtocolsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceProtocolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DeviceProtocolsModule, declarations: [DeviceTypeDetail, DeviceTypeDetailComponent], exports: [DeviceTypeDetailComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DeviceProtocolsModule, imports: [DeviceTypeDetail, DeviceTypeDetailComponent], exports: [DeviceTypeDetailComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceProtocolsModule, providers: [
             DeviceTypeDetailEditedService,
             DeviceProtocolsGuard,
@@ -142,7 +139,7 @@ class DeviceProtocolsModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceProtocolsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DeviceTypeDetail, DeviceTypeDetailComponent],
+                    imports: [DeviceTypeDetail, DeviceTypeDetailComponent],
                     exports: [DeviceTypeDetailComponent],
                     providers: [
                         DeviceTypeDetailEditedService,

package/fesm2022/c8y-ngx-components-device-protocols.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-device-protocols.mjs","sources":["../../device-protocols/device-type-detail-edited.service.ts","../../device-protocols/device-protocols.guard.ts","../../device-protocols/device-type-detail.directive.ts","../../device-protocols/device-type-detail.component.ts","../../device-protocols/device-protocols.module.ts","../../device-protocols/c8y-ngx-components-device-protocols.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class DeviceTypeDetailEditedService {\n  isDetailEdited = false;\n\n  getIsDetailEdited() {\n    return this.isDetailEdited;\n  }\n\n  setIsDetailEdited(value) {\n    this.isDetailEdited = value;\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { AlertService, gettext, ModalService, Status } from '@c8y/ngx-components';\nimport { DeviceTypeDetailEditedService } from './device-type-detail-edited.service';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DeviceProtocolsGuard {\n  constructor(\n    private modal: ModalService,\n    private alert: AlertService,\n    private deviceTypeDetailEditedService: DeviceTypeDetailEditedService\n  ) {}\n\n  async canDeactivate(): Promise<boolean> {\n    if (this.deviceTypeDetailEditedService.getIsDetailEdited()) {\n      try {\n        await this.modal.confirm(\n          gettext('Discard changes'),\n          gettext(\n            'You are about to leave this page and discard the changes made. Do you want to proceed?'\n          ),\n          Status.WARNING,\n          {\n            ok: gettext('Discard')\n          }\n        );\n        this.deviceTypeDetailEditedService.setIsDetailEdited(false);\n        return true;\n      } catch (e) {\n        if (e) {\n          this.alert.danger(e);\n        }\n        return false;\n      }\n    }\n    return true;\n  }\n}\n","import { Directive, ElementRef, Injector, Input } from '@angular/core';\nimport { UpgradeComponent } from '@angular/upgrade/static';\n\n@Directive({\n  selector: 'c8y-device-type-detail-directive',\n  standalone: false\n})\nexport class DeviceTypeDetail extends UpgradeComponent {\n  @Input() id: string;\n\n  constructor(elementRef: ElementRef, injector: Injector) {\n    super('c8yDeviceTypeDetail', elementRef, injector);\n  }\n}\n","import { ChangeDetectionStrategy, Component, Injector, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\n/* https://stackoverflow.com/a/65290658 */\nexport function rootScopeTypeDetailFactory($injector: Injector) {\n  return $injector.get('$rootScope').$new();\n}\n\n@Component({\n  selector: 'c8y-device-type-detail',\n  template: `<c8y-device-type-detail-directive\n    [id]=\"deviceTypeId\"\n  ></c8y-device-type-detail-directive>`,\n  providers: [\n    {\n      deps: ['$injector'],\n      provide: '$scope',\n      useFactory: rootScopeTypeDetailFactory\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false\n})\nexport class DeviceTypeDetailComponent implements OnInit {\n  deviceTypeId: string;\n\n  constructor(private route: ActivatedRoute) {}\n\n  ngOnInit() {\n    this.deviceTypeId = this.route.snapshot.paramMap.get('id');\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { Route } from '@angular/router';\nimport { hookRoute } from '@c8y/ngx-components';\nimport { DeviceProtocolsGuard } from './device-protocols.guard';\nimport { DeviceTypeDetailEditedService } from './device-type-detail-edited.service';\nimport { DeviceTypeDetailComponent } from './device-type-detail.component';\nimport { DeviceTypeDetail } from './device-type-detail.directive';\n\nconst fieldbusTypes = [\n  'actility',\n  'canbus',\n  'canopen',\n  'lora',\n  'lpwan',\n  'modbus',\n  'opcua',\n  'profibus',\n  'sigfox'\n];\n\nconst protocolRoutes: Route[] = fieldbusTypes.map(protocol => ({\n  path: `deviceprotocols/${protocol}/:id`,\n  component: DeviceTypeDetailComponent,\n  canDeactivate: [DeviceProtocolsGuard]\n}));\n\n@NgModule({\n  declarations: [DeviceTypeDetail, DeviceTypeDetailComponent],\n  exports: [DeviceTypeDetailComponent],\n  providers: [\n    DeviceTypeDetailEditedService,\n    DeviceProtocolsGuard,\n    ...protocolRoutes.map(route => hookRoute(route))\n  ]\n})\nexport class DeviceProtocolsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.DeviceTypeDetailEditedService","i1","i2.DeviceTypeDetail"],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-device-protocols.mjs","sources":["../../device-protocols/device-type-detail-edited.service.ts","../../device-protocols/device-protocols.guard.ts","../../device-protocols/device-type-detail.directive.ts","../../device-protocols/device-type-detail.component.ts","../../device-protocols/device-protocols.module.ts","../../device-protocols/c8y-ngx-components-device-protocols.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class DeviceTypeDetailEditedService {\n  isDetailEdited = false;\n\n  getIsDetailEdited() {\n    return this.isDetailEdited;\n  }\n\n  setIsDetailEdited(value) {\n    this.isDetailEdited = value;\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { AlertService, gettext, ModalService, Status } from '@c8y/ngx-components';\nimport { DeviceTypeDetailEditedService } from './device-type-detail-edited.service';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DeviceProtocolsGuard {\n  constructor(\n    private modal: ModalService,\n    private alert: AlertService,\n    private deviceTypeDetailEditedService: DeviceTypeDetailEditedService\n  ) {}\n\n  async canDeactivate(): Promise<boolean> {\n    if (this.deviceTypeDetailEditedService.getIsDetailEdited()) {\n      try {\n        await this.modal.confirm(\n          gettext('Discard changes'),\n          gettext(\n            'You are about to leave this page and discard the changes made. Do you want to proceed?'\n          ),\n          Status.WARNING,\n          {\n            ok: gettext('Discard')\n          }\n        );\n        this.deviceTypeDetailEditedService.setIsDetailEdited(false);\n        return true;\n      } catch (e) {\n        if (e) {\n          this.alert.danger(e);\n        }\n        return false;\n      }\n    }\n    return true;\n  }\n}\n","import { Directive, ElementRef, Injector, Input } from '@angular/core';\nimport { UpgradeComponent } from '@angular/upgrade/static';\n\n@Directive({ selector: 'c8y-device-type-detail-directive' })\nexport class DeviceTypeDetail extends UpgradeComponent {\n  @Input() id: string;\n\n  constructor(elementRef: ElementRef, injector: Injector) {\n    super('c8yDeviceTypeDetail', elementRef, injector);\n  }\n}\n","import { ChangeDetectionStrategy, Component, Injector, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { DeviceTypeDetail } from './device-type-detail.directive';\n\n/* https://stackoverflow.com/a/65290658 */\nexport function rootScopeTypeDetailFactory($injector: Injector) {\n  return $injector.get('$rootScope').$new();\n}\n\n@Component({\n  selector: 'c8y-device-type-detail',\n  template: `<c8y-device-type-detail-directive\n    [id]=\"deviceTypeId\"\n  ></c8y-device-type-detail-directive>`,\n  providers: [\n    {\n      deps: ['$injector'],\n      provide: '$scope',\n      useFactory: rootScopeTypeDetailFactory\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DeviceTypeDetail]\n})\nexport class DeviceTypeDetailComponent implements OnInit {\n  deviceTypeId: string;\n\n  constructor(private route: ActivatedRoute) {}\n\n  ngOnInit() {\n    this.deviceTypeId = this.route.snapshot.paramMap.get('id');\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { Route } from '@angular/router';\nimport { hookRoute } from '@c8y/ngx-components';\nimport { DeviceProtocolsGuard } from './device-protocols.guard';\nimport { DeviceTypeDetailEditedService } from './device-type-detail-edited.service';\nimport { DeviceTypeDetailComponent } from './device-type-detail.component';\nimport { DeviceTypeDetail } from './device-type-detail.directive';\n\nconst fieldbusTypes = [\n  'actility',\n  'canbus',\n  'canopen',\n  'lora',\n  'lpwan',\n  'modbus',\n  'opcua',\n  'profibus',\n  'sigfox'\n];\n\nconst protocolRoutes: Route[] = fieldbusTypes.map(protocol => ({\n  path: `deviceprotocols/${protocol}/:id`,\n  component: DeviceTypeDetailComponent,\n  canDeactivate: [DeviceProtocolsGuard]\n}));\n\n@NgModule({\n  imports: [DeviceTypeDetail, DeviceTypeDetailComponent],\n  exports: [DeviceTypeDetailComponent],\n  providers: [\n    DeviceTypeDetailEditedService,\n    DeviceProtocolsGuard,\n    ...protocolRoutes.map(route => hookRoute(route))\n  ]\n})\nexport class DeviceProtocolsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.DeviceTypeDetailEditedService","i1"],"mappings":"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"}

package/fesm2022/c8y-ngx-components-device-provisioned-certificates.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, NgModule } from '@angular/core';
+import { Injectable, ViewChild, Component, NgModule } from '@angular/core';
 import * as i1$1 from '@c8y/ngx-components';
-import { gettext, PX_ACTIONS, Status, CoreModule, hookRoute, ViewContext } from '@c8y/ngx-components';
+import { gettext, PX_ACTIONS, Status, ActionBarItemComponent, IconDirective, DataGridComponent, EmptyStateComponent, ColumnDirective, CellRendererDefDirective, C8yTranslatePipe, DatePipe, CoreModule, hookRoute, ViewContext } from '@c8y/ngx-components';
 import { PopoverModule } from 'ngx-bootstrap/popover';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import { ButtonsModule } from 'ngx-bootstrap/buttons';
@@ -11,7 +11,7 @@ import * as i4 from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 import { tap, map, switchMap, shareReplay, finalize } from 'rxjs/operators';
 import * as i5 from '@ngx-translate/core';
-import * as i6 from '@angular/common';
+import { NgClass, NgIf, AsyncPipe } from '@angular/common';
 
 class DeviceProvisionedCertificatesService {
     constructor(userService, client) {
@@ -113,7 +113,15 @@ class DeviceTabProvisionedCertificatesComponent {
                 icon: 'trash',
                 iconClasses: 'text-danger',
                 showOnHover: false,
-                callback: (item) => this.revokeProvisionedCertificate(item)
+                callback: (item) => this.revokeProvisionedCertificates([item.serialNumber])
+            }
+        ];
+        this.bulkActionControls = [
+            {
+                type: 'REVOKE',
+                text: gettext('Revoke'),
+                icon: 'trash',
+                callback: (selectedItemsIds) => this.revokeProvisionedCertificates(selectedItemsIds)
             }
         ];
         this.displayOptions = {
@@ -146,12 +154,18 @@ class DeviceTabProvisionedCertificatesComponent {
         }
         return '';
     }
-    async revokeProvisionedCertificate(provisionedCertificate) {
-        if (provisionedCertificate) {
+    async revokeProvisionedCertificates(serialNumbersInHex) {
+        if (serialNumbersInHex && serialNumbersInHex.length > 0) {
             try {
-                const serialNumberInHex = provisionedCertificate.serialNumber;
-                await this.confirmRevocation(serialNumberInHex);
-                await this.crlService.uploadCrls([{ serialNumberInHex }]);
+                await this.confirmRevocation(serialNumbersInHex);
+                await this.crlService.uploadCrls(serialNumbersInHex.map(serialNumber => ({ serialNumberInHex: serialNumber })));
+                if (serialNumbersInHex.length === 1) {
+                    this.alertService.success(gettext('Selected provisioned certificate was revoked.'));
+                }
+                else {
+                    this.alertService.success(gettext('Selected provisioned certificates were revoked.'));
+                }
+                this.dataGrid.setAllItemsSelected(false);
             }
             catch (error) {
                 this.alertService.addServerFailure(error);
@@ -161,20 +175,55 @@ class DeviceTabProvisionedCertificatesComponent {
             }
         }
     }
-    async confirmRevocation(serialNumber) {
-        return await this.modalService.confirm(gettext('Revoke provisioned certificate'), this.translateService.instant(gettext(`You are about to revoke provisioned certificate {{ serialNumber }}. Do you want to proceed?`), { serialNumber }), Status.DANGER, { ok: gettext('Revoke'), cancel: gettext('Cancel') });
+    async confirmRevocation(serialNumbers) {
+        const hasMany = serialNumbers.length > 1;
+        const serialsDisplay = serialNumbers.join(', ');
+        const title = hasMany
+            ? gettext('Revoke provisioned certificates?')
+            : gettext('Revoke provisioned certificate?');
+        const messageTpl = hasMany
+            ? gettext(`You are about to revoke provisioned certificates: {{ serialNumbers }}. Do you want to proceed?`)
+            : gettext(`You are about to revoke provisioned certificate {{ serialNumber }}. Do you want to proceed?`);
+        const message = this.translateService.instant(messageTpl, {
+            serialNumbers: serialsDisplay,
+            serialNumber: serialsDisplay
+        });
+        return await this.modalService.confirm(title, message, Status.DANGER, {
+            ok: gettext('Revoke'),
+            cancel: gettext('Cancel')
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceTabProvisionedCertificatesComponent, deps: [{ token: i1$1.AlertService }, { token: i1$1.ModalService }, { token: DeviceProvisionedCertificatesService }, { token: i1.CrlService }, { token: i4.ActivatedRoute }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DeviceTabProvisionedCertificatesComponent, isStandalone: false, selector: "device-tab-serials-component", ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"reload()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-data-grid\n  [title]=\"tableTitle | translate\"\n  [columns]=\"columns\"\n  [rows]=\"rows$ | async\"\n  [pagination]=\"pagination\"\n  [actionControls]=\"actionControls\"\n  [displayOptions]=\"displayOptions\"\n  [hideReload]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'certificate'\"\n    [title]=\"'No provisioned certificates to display.' | translate\"\n    *ngIf=\"(rows$ | async)?.length === 0\"\n  ></c8y-ui-empty-state>\n\n  <c8y-column name=\"serialNumber\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value }}\"\n      >\n        {{ context.value }}\n      </span>\n    </ng-container>\n  </c8y-column>\n\n  <c8y-column name=\"validTill\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value | c8yDate }}\"\n      >\n        <span\n          *ngIf=\"context.value\"\n          [ngClass]=\"highlightDependingOnExpirationStatus(context.item)\"\n        >\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"calendar\"\n            *ngIf=\"!highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"warning\"\n            *ngIf=\"highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <span>{{ context.value | c8yDate }}</span>\n        </span>\n      </span>\n    </ng-container>\n  </c8y-column>\n</c8y-data-grid>\n", dependencies: [{ kind: "component", type: i1$1.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "component", type: i1$1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1$1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "directive", type: i1$1.ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "component", type: i1$1.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "pipe", type: i1$1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "c8yDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DeviceTabProvisionedCertificatesComponent, isStandalone: true, selector: "device-tab-serials-component", viewQueries: [{ propertyName: "dataGrid", first: true, predicate: ["dataGrid"], descendants: true }], ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"reload()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-data-grid\n  [title]=\"tableTitle | translate\"\n  #dataGrid\n  [columns]=\"columns\"\n  [rows]=\"rows$ | async\"\n  [pagination]=\"pagination\"\n  [actionControls]=\"actionControls\"\n  [bulkActionControls]=\"bulkActionControls\"\n  [displayOptions]=\"displayOptions\"\n  [hideReload]=\"true\"\n  [selectable]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'certificate'\"\n    [title]=\"'No provisioned certificates to display.' | translate\"\n    *ngIf=\"(rows$ | async)?.length === 0\"\n  ></c8y-ui-empty-state>\n\n  <c8y-column name=\"serialNumber\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value }}\"\n      >\n        {{ context.value }}\n      </span>\n    </ng-container>\n  </c8y-column>\n\n  <c8y-column name=\"validTill\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value | c8yDate }}\"\n      >\n        <span\n          *ngIf=\"context.value\"\n          [ngClass]=\"highlightDependingOnExpirationStatus(context.item)\"\n        >\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"calendar\"\n            *ngIf=\"!highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"warning\"\n            *ngIf=\"highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <span>{{ context.value | c8yDate }}</span>\n        </span>\n      </span>\n    </ng-container>\n  </c8y-column>\n</c8y-data-grid>\n", dependencies: [{ kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "directive", type: CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceTabProvisionedCertificatesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'device-tab-serials-component', standalone: false, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"reload()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-data-grid\n  [title]=\"tableTitle | translate\"\n  [columns]=\"columns\"\n  [rows]=\"rows$ | async\"\n  [pagination]=\"pagination\"\n  [actionControls]=\"actionControls\"\n  [displayOptions]=\"displayOptions\"\n  [hideReload]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'certificate'\"\n    [title]=\"'No provisioned certificates to display.' | translate\"\n    *ngIf=\"(rows$ | async)?.length === 0\"\n  ></c8y-ui-empty-state>\n\n  <c8y-column name=\"serialNumber\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value }}\"\n      >\n        {{ context.value }}\n      </span>\n    </ng-container>\n  </c8y-column>\n\n  <c8y-column name=\"validTill\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value | c8yDate }}\"\n      >\n        <span\n          *ngIf=\"context.value\"\n          [ngClass]=\"highlightDependingOnExpirationStatus(context.item)\"\n        >\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"calendar\"\n            *ngIf=\"!highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"warning\"\n            *ngIf=\"highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <span>{{ context.value | c8yDate }}</span>\n        </span>\n      </span>\n    </ng-container>\n  </c8y-column>\n</c8y-data-grid>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.AlertService }, { type: i1$1.ModalService }, { type: DeviceProvisionedCertificatesService }, { type: i1.CrlService }, { type: i4.ActivatedRoute }, { type: i5.TranslateService }] });
+            args: [{ selector: 'device-tab-serials-component', imports: [
+                        ActionBarItemComponent,
+                        IconDirective,
+                        NgClass,
+                        DataGridComponent,
+                        NgIf,
+                        EmptyStateComponent,
+                        ColumnDirective,
+                        CellRendererDefDirective,
+                        C8yTranslatePipe,
+                        AsyncPipe,
+                        DatePipe
+                    ], template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"reload()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-data-grid\n  [title]=\"tableTitle | translate\"\n  #dataGrid\n  [columns]=\"columns\"\n  [rows]=\"rows$ | async\"\n  [pagination]=\"pagination\"\n  [actionControls]=\"actionControls\"\n  [bulkActionControls]=\"bulkActionControls\"\n  [displayOptions]=\"displayOptions\"\n  [hideReload]=\"true\"\n  [selectable]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'certificate'\"\n    [title]=\"'No provisioned certificates to display.' | translate\"\n    *ngIf=\"(rows$ | async)?.length === 0\"\n  ></c8y-ui-empty-state>\n\n  <c8y-column name=\"serialNumber\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value }}\"\n      >\n        {{ context.value }}\n      </span>\n    </ng-container>\n  </c8y-column>\n\n  <c8y-column name=\"validTill\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value | c8yDate }}\"\n      >\n        <span\n          *ngIf=\"context.value\"\n          [ngClass]=\"highlightDependingOnExpirationStatus(context.item)\"\n        >\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"calendar\"\n            *ngIf=\"!highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"warning\"\n            *ngIf=\"highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <span>{{ context.value | c8yDate }}</span>\n        </span>\n      </span>\n    </ng-container>\n  </c8y-column>\n</c8y-data-grid>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.AlertService }, { type: i1$1.ModalService }, { type: DeviceProvisionedCertificatesService }, { type: i1.CrlService }, { type: i4.ActivatedRoute }, { type: i5.TranslateService }], propDecorators: { dataGrid: [{
+                type: ViewChild,
+                args: ['dataGrid']
+            }] } });
 
 class DeviceProvisionedCertificatesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceProvisionedCertificatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DeviceProvisionedCertificatesModule, declarations: [DeviceTabProvisionedCertificatesComponent], imports: [CoreModule, TooltipModule, ReactiveFormsModule, ButtonsModule, PopoverModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DeviceProvisionedCertificatesModule, imports: [CoreModule,
+            TooltipModule,
+            ReactiveFormsModule,
+            ButtonsModule,
+            PopoverModule,
+            DeviceTabProvisionedCertificatesComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceProvisionedCertificatesModule, providers: [
             hookRoute([
                 {
@@ -188,14 +237,25 @@ class DeviceProvisionedCertificatesModule {
             ]),
             DeviceProvisionedCertificatesService,
             DeviceProvisionedCertificatesGuard
-        ], imports: [CoreModule, TooltipModule, ReactiveFormsModule, ButtonsModule, PopoverModule] }); }
+        ], imports: [CoreModule,
+            TooltipModule,
+            ReactiveFormsModule,
+            ButtonsModule,
+            PopoverModule,
+            DeviceTabProvisionedCertificatesComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceProvisionedCertificatesModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DeviceTabProvisionedCertificatesComponent],
                     exports: [],
-                    imports: [CoreModule, TooltipModule, ReactiveFormsModule, ButtonsModule, PopoverModule],
+                    imports: [
+                        CoreModule,
+                        TooltipModule,
+                        ReactiveFormsModule,
+                        ButtonsModule,
+                        PopoverModule,
+                        DeviceTabProvisionedCertificatesComponent
+                    ],
                     providers: [
                         hookRoute([
                             {

package/fesm2022/c8y-ngx-components-device-provisioned-certificates.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-device-provisioned-certificates.mjs","sources":["../../device-provisioned-certificates/device-provisioned-certificates.service.ts","../../device-provisioned-certificates/device-provisioned-certificates.guard.ts","../../device-provisioned-certificates/device-tab-provisioned-certificates.component.ts","../../device-provisioned-certificates/device-tab-provisioned-certificates.component.html","../../device-provisioned-certificates/device-provisioned-certificates.module.ts","../../device-provisioned-certificates/c8y-ngx-components-device-provisioned-certificates.ts"],"sourcesContent":["import { FetchClient, IManagedObject, UserService } from '@c8y/client';\nimport { Injectable } from '@angular/core';\nimport { ProvisionedCertificate } from './device-tab-provisioned-certificates.component';\n\n@Injectable()\nexport class DeviceProvisionedCertificatesService {\n  constructor(\n    private userService: UserService,\n    private client: FetchClient\n  ) {}\n\n  async getDeviceProvisionedCertificates(\n    device: IManagedObject\n  ): Promise<ProvisionedCertificate[] | undefined> {\n    const deviceUserName = await this.getDeviceUserName(device);\n\n    // Avoid additional requests if the device does not have a user.\n    // This case does not really occur in real-life scenarios, but e.g. in cypress tests only\n    if (!deviceUserName) {\n      return undefined;\n    }\n\n    const { data } = await this.userService.detail(deviceUserName, { withCertificates: true });\n    return data.provisionedCertificates;\n  }\n\n  private async getDeviceUserName(device): Promise<string> {\n    const method = 'GET';\n    const url = `/inventory/managedObjects/${device.id}/user`;\n    const res = await this.client.fetch(url, { method });\n    const data = await res.json();\n    if (res.status >= 400) {\n      throw new Error(data.message);\n    }\n    return data.userName;\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { DeviceProvisionedCertificatesService } from './device-provisioned-certificates.service';\nimport { ActivatedRouteSnapshot } from '@angular/router';\n\n@Injectable()\nexport class DeviceProvisionedCertificatesGuard {\n  constructor(private deviceProvisionedCertificatesService: DeviceProvisionedCertificatesService) {}\n\n  async canActivate(route: ActivatedRouteSnapshot) {\n    const contextData = route.data.contextData || route.parent.data.contextData;\n    if (!contextData) {\n      return false;\n    }\n    try {\n      const provisionedCertificates =\n        await this.deviceProvisionedCertificatesService.getDeviceProvisionedCertificates(\n          contextData\n        );\n      return provisionedCertificates?.length > 0;\n    } catch (error) {\n      return false;\n    }\n  }\n}\n","import { Component, OnInit } from '@angular/core';\nimport {\n  ActionControl,\n  AlertService,\n  Column,\n  DisplayOptions,\n  gettext,\n  ModalService,\n  Pagination,\n  PX_ACTIONS,\n  Row,\n  Status\n} from '@c8y/ngx-components';\nimport { DeviceProvisionedCertificatesService } from './device-provisioned-certificates.service';\nimport { ActivatedRoute } from '@angular/router';\nimport { CrlService, IManagedObject } from '@c8y/client';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { switchMap, map, tap, finalize, shareReplay } from 'rxjs/operators';\nimport { TranslateService } from '@ngx-translate/core';\n\nexport type ProvisionedCertificate = { serialNumber: string; validTill: string };\n\n@Component({\n  selector: 'device-tab-serials-component',\n  templateUrl: './device-tab-provisioned-certificates.component.html',\n  standalone: false\n})\nexport class DeviceTabProvisionedCertificatesComponent implements OnInit {\n  reloading = false;\n  reload$: BehaviorSubject<void> = new BehaviorSubject(null);\n\n  tableTitle = gettext('Provisioned certificates');\n  columns: Column[] = [\n    {\n      name: 'serialNumber',\n      path: 'serialNumber',\n      header: gettext('Serial number')\n    },\n    {\n      name: 'validTill',\n      path: 'validTill',\n      header: gettext('Expiration date')\n    }\n  ];\n  rows$: Observable<Array<Row & ProvisionedCertificate>> = this.reload$.pipe(\n    tap(() => {\n      this.reloading = true;\n    }),\n    map(() => this.route.snapshot.parent.data.contextData as IManagedObject),\n    switchMap(device => this.deviceSerialsService.getDeviceProvisionedCertificates(device)),\n    map(provisionedCertificates =>\n      provisionedCertificates.map(cert => ({\n        ...cert,\n        id: cert.serialNumber\n      }))\n    ),\n    tap(() => {\n      this.reloading = false;\n    }),\n    shareReplay(1),\n    finalize(() => {\n      this.reloading = false;\n    })\n  );\n  pagination: Pagination = {\n    pageSize: 20,\n    currentPage: 1\n  };\n  actionControls: ActionControl[] = [\n    {\n      type: 'REVOKE',\n      text: gettext('Revoke'),\n      icon: 'trash',\n      iconClasses: 'text-danger',\n      showOnHover: false,\n      callback: (item: Row & ProvisionedCertificate) => this.revokeProvisionedCertificate(item)\n    }\n  ];\n  displayOptions: DisplayOptions = {\n    filter: false,\n    striped: true,\n    hover: true,\n    bordered: false,\n    gridHeader: true\n  };\n\n  protected readonly PX_ACTIONS = PX_ACTIONS;\n\n  constructor(\n    private alertService: AlertService,\n    private modalService: ModalService,\n    private deviceSerialsService: DeviceProvisionedCertificatesService,\n    private crlService: CrlService,\n    private route: ActivatedRoute,\n    private translateService: TranslateService\n  ) {}\n\n  ngOnInit(): void {\n    this.reload();\n  }\n\n  reload() {\n    this.reload$.next();\n  }\n\n  highlightDependingOnExpirationStatus(item: ProvisionedCertificate) {\n    const warningOffset = 24 * 60 * 60 * 1000 * 90; // 90 days\n    const todayTimestamp = new Date().getTime();\n    const warningTimestamp = new Date().getTime() + warningOffset;\n    const notAfterTimestamp = new Date(item.validTill).getTime();\n    const expired = notAfterTimestamp < todayTimestamp;\n    const expiresInLessThan90Days = notAfterTimestamp < warningTimestamp;\n    if (expired) {\n      return 'text-danger';\n    }\n    if (expiresInLessThan90Days) {\n      return 'text-warning';\n    }\n    return '';\n  }\n\n  async revokeProvisionedCertificate(provisionedCertificate: ProvisionedCertificate) {\n    if (provisionedCertificate) {\n      try {\n        const serialNumberInHex = provisionedCertificate.serialNumber;\n        await this.confirmRevocation(serialNumberInHex);\n        await this.crlService.uploadCrls([{ serialNumberInHex }]);\n      } catch (error) {\n        this.alertService.addServerFailure(error);\n      } finally {\n        this.reload();\n      }\n    }\n  }\n\n  private async confirmRevocation(serialNumber: string) {\n    return await this.modalService.confirm(\n      gettext('Revoke provisioned certificate'),\n      this.translateService.instant(\n        gettext(\n          `You are about to revoke provisioned certificate {{ serialNumber }}. Do you want to proceed?`\n        ),\n        { serialNumber }\n      ),\n      Status.DANGER,\n      { ok: gettext('Revoke'), cancel: gettext('Cancel') }\n    );\n  }\n}\n","<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"reload()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-data-grid\n  [title]=\"tableTitle | translate\"\n  [columns]=\"columns\"\n  [rows]=\"rows$ | async\"\n  [pagination]=\"pagination\"\n  [actionControls]=\"actionControls\"\n  [displayOptions]=\"displayOptions\"\n  [hideReload]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'certificate'\"\n    [title]=\"'No provisioned certificates to display.' | translate\"\n    *ngIf=\"(rows$ | async)?.length === 0\"\n  ></c8y-ui-empty-state>\n\n  <c8y-column name=\"serialNumber\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value }}\"\n      >\n        {{ context.value }}\n      </span>\n    </ng-container>\n  </c8y-column>\n\n  <c8y-column name=\"validTill\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value | c8yDate }}\"\n      >\n        <span\n          *ngIf=\"context.value\"\n          [ngClass]=\"highlightDependingOnExpirationStatus(context.item)\"\n        >\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"calendar\"\n            *ngIf=\"!highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"warning\"\n            *ngIf=\"highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <span>{{ context.value | c8yDate }}</span>\n        </span>\n      </span>\n    </ng-container>\n  </c8y-column>\n</c8y-data-grid>\n","import { NgModule } from '@angular/core';\nimport { CoreModule, hookRoute, gettext, ViewContext } from '@c8y/ngx-components';\nimport { PopoverModule } from 'ngx-bootstrap/popover';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\nimport { ButtonsModule } from 'ngx-bootstrap/buttons';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { DeviceProvisionedCertificatesGuard } from './device-provisioned-certificates.guard';\nimport { DeviceTabProvisionedCertificatesComponent } from './device-tab-provisioned-certificates.component';\nimport { DeviceProvisionedCertificatesService } from './device-provisioned-certificates.service';\n\n@NgModule({\n  declarations: [DeviceTabProvisionedCertificatesComponent],\n  exports: [],\n  imports: [CoreModule, TooltipModule, ReactiveFormsModule, ButtonsModule, PopoverModule],\n  providers: [\n    hookRoute([\n      {\n        context: ViewContext.Device,\n        path: 'device-provisioned-certificates',\n        component: DeviceTabProvisionedCertificatesComponent,\n        label: gettext('x509'),\n        icon: 'c8y-device-profile',\n        canActivate: [DeviceProvisionedCertificatesGuard]\n      }\n    ]),\n    DeviceProvisionedCertificatesService,\n    DeviceProvisionedCertificatesGuard\n  ]\n})\nexport class DeviceProvisionedCertificatesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DeviceProvisionedCertificatesService","i1","i2.DeviceProvisionedCertificatesService","i3"],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-device-provisioned-certificates.mjs","sources":["../../device-provisioned-certificates/device-provisioned-certificates.service.ts","../../device-provisioned-certificates/device-provisioned-certificates.guard.ts","../../device-provisioned-certificates/device-tab-provisioned-certificates.component.ts","../../device-provisioned-certificates/device-tab-provisioned-certificates.component.html","../../device-provisioned-certificates/device-provisioned-certificates.module.ts","../../device-provisioned-certificates/c8y-ngx-components-device-provisioned-certificates.ts"],"sourcesContent":["import { FetchClient, IManagedObject, UserService } from '@c8y/client';\nimport { Injectable } from '@angular/core';\nimport { ProvisionedCertificate } from './device-tab-provisioned-certificates.component';\n\n@Injectable()\nexport class DeviceProvisionedCertificatesService {\n  constructor(\n    private userService: UserService,\n    private client: FetchClient\n  ) {}\n\n  async getDeviceProvisionedCertificates(\n    device: IManagedObject\n  ): Promise<ProvisionedCertificate[] | undefined> {\n    const deviceUserName = await this.getDeviceUserName(device);\n\n    // Avoid additional requests if the device does not have a user.\n    // This case does not really occur in real-life scenarios, but e.g. in cypress tests only\n    if (!deviceUserName) {\n      return undefined;\n    }\n\n    const { data } = await this.userService.detail(deviceUserName, { withCertificates: true });\n    return data.provisionedCertificates;\n  }\n\n  private async getDeviceUserName(device): Promise<string> {\n    const method = 'GET';\n    const url = `/inventory/managedObjects/${device.id}/user`;\n    const res = await this.client.fetch(url, { method });\n    const data = await res.json();\n    if (res.status >= 400) {\n      throw new Error(data.message);\n    }\n    return data.userName;\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { DeviceProvisionedCertificatesService } from './device-provisioned-certificates.service';\nimport { ActivatedRouteSnapshot } from '@angular/router';\n\n@Injectable()\nexport class DeviceProvisionedCertificatesGuard {\n  constructor(private deviceProvisionedCertificatesService: DeviceProvisionedCertificatesService) {}\n\n  async canActivate(route: ActivatedRouteSnapshot) {\n    const contextData = route.data.contextData || route.parent.data.contextData;\n    if (!contextData) {\n      return false;\n    }\n    try {\n      const provisionedCertificates =\n        await this.deviceProvisionedCertificatesService.getDeviceProvisionedCertificates(\n          contextData\n        );\n      return provisionedCertificates?.length > 0;\n    } catch (error) {\n      return false;\n    }\n  }\n}\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport {\n  ActionControl,\n  AlertService,\n  BulkActionControl,\n  Column,\n  DataGridComponent,\n  DisplayOptions,\n  gettext,\n  ModalService,\n  Pagination,\n  PX_ACTIONS,\n  Row,\n  Status,\n  ActionBarItemComponent,\n  IconDirective,\n  EmptyStateComponent,\n  ColumnDirective,\n  CellRendererDefDirective,\n  C8yTranslatePipe,\n  DatePipe\n} from '@c8y/ngx-components';\nimport { DeviceProvisionedCertificatesService } from './device-provisioned-certificates.service';\nimport { ActivatedRoute } from '@angular/router';\nimport { CrlService, IManagedObject } from '@c8y/client';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { switchMap, map, tap, finalize, shareReplay } from 'rxjs/operators';\nimport { TranslateService } from '@ngx-translate/core';\nimport { NgClass, NgIf, AsyncPipe } from '@angular/common';\n\nexport type ProvisionedCertificate = { serialNumber: string; validTill: string };\n\n@Component({\n  selector: 'device-tab-serials-component',\n  templateUrl: './device-tab-provisioned-certificates.component.html',\n  imports: [\n    ActionBarItemComponent,\n    IconDirective,\n    NgClass,\n    DataGridComponent,\n    NgIf,\n    EmptyStateComponent,\n    ColumnDirective,\n    CellRendererDefDirective,\n    C8yTranslatePipe,\n    AsyncPipe,\n    DatePipe\n  ]\n})\nexport class DeviceTabProvisionedCertificatesComponent implements OnInit {\n  @ViewChild('dataGrid') dataGrid: DataGridComponent;\n\n  reloading = false;\n  reload$: BehaviorSubject<void> = new BehaviorSubject(null);\n\n  tableTitle = gettext('Provisioned certificates');\n  columns: Column[] = [\n    {\n      name: 'serialNumber',\n      path: 'serialNumber',\n      header: gettext('Serial number')\n    },\n    {\n      name: 'validTill',\n      path: 'validTill',\n      header: gettext('Expiration date')\n    }\n  ];\n  rows$: Observable<Array<Row & ProvisionedCertificate>> = this.reload$.pipe(\n    tap(() => {\n      this.reloading = true;\n    }),\n    map(() => this.route.snapshot.parent.data.contextData as IManagedObject),\n    switchMap(device => this.deviceSerialsService.getDeviceProvisionedCertificates(device)),\n    map(provisionedCertificates =>\n      provisionedCertificates.map(cert => ({\n        ...cert,\n        id: cert.serialNumber\n      }))\n    ),\n    tap(() => {\n      this.reloading = false;\n    }),\n    shareReplay(1),\n    finalize(() => {\n      this.reloading = false;\n    })\n  );\n  pagination: Pagination = {\n    pageSize: 20,\n    currentPage: 1\n  };\n  actionControls: ActionControl[] = [\n    {\n      type: 'REVOKE',\n      text: gettext('Revoke'),\n      icon: 'trash',\n      iconClasses: 'text-danger',\n      showOnHover: false,\n      callback: (item: Row & ProvisionedCertificate) =>\n        this.revokeProvisionedCertificates([item.serialNumber])\n    }\n  ];\n  bulkActionControls: BulkActionControl[] = [\n    {\n      type: 'REVOKE',\n      text: gettext('Revoke'),\n      icon: 'trash',\n      callback: (selectedItemsIds: string[]) => this.revokeProvisionedCertificates(selectedItemsIds)\n    }\n  ];\n  displayOptions: DisplayOptions = {\n    filter: false,\n    striped: true,\n    hover: true,\n    bordered: false,\n    gridHeader: true\n  };\n\n  protected readonly PX_ACTIONS = PX_ACTIONS;\n\n  constructor(\n    private alertService: AlertService,\n    private modalService: ModalService,\n    private deviceSerialsService: DeviceProvisionedCertificatesService,\n    private crlService: CrlService,\n    private route: ActivatedRoute,\n    private translateService: TranslateService\n  ) {}\n\n  ngOnInit(): void {\n    this.reload();\n  }\n\n  reload() {\n    this.reload$.next();\n  }\n\n  highlightDependingOnExpirationStatus(item: ProvisionedCertificate) {\n    const warningOffset = 24 * 60 * 60 * 1000 * 90; // 90 days\n    const todayTimestamp = new Date().getTime();\n    const warningTimestamp = new Date().getTime() + warningOffset;\n    const notAfterTimestamp = new Date(item.validTill).getTime();\n    const expired = notAfterTimestamp < todayTimestamp;\n    const expiresInLessThan90Days = notAfterTimestamp < warningTimestamp;\n    if (expired) {\n      return 'text-danger';\n    }\n    if (expiresInLessThan90Days) {\n      return 'text-warning';\n    }\n    return '';\n  }\n\n  async revokeProvisionedCertificates(serialNumbersInHex: string[]) {\n    if (serialNumbersInHex && serialNumbersInHex.length > 0) {\n      try {\n        await this.confirmRevocation(serialNumbersInHex);\n        await this.crlService.uploadCrls(\n          serialNumbersInHex.map(serialNumber => ({ serialNumberInHex: serialNumber }))\n        );\n        if (serialNumbersInHex.length === 1) {\n          this.alertService.success(gettext('Selected provisioned certificate was revoked.'));\n        } else {\n          this.alertService.success(gettext('Selected provisioned certificates were revoked.'));\n        }\n        this.dataGrid.setAllItemsSelected(false);\n      } catch (error) {\n        this.alertService.addServerFailure(error);\n      } finally {\n        this.reload();\n      }\n    }\n  }\n\n  private async confirmRevocation(serialNumbers: string[]) {\n    const hasMany = serialNumbers.length > 1;\n    const serialsDisplay = serialNumbers.join(', ');\n\n    const title = hasMany\n      ? gettext('Revoke provisioned certificates?')\n      : gettext('Revoke provisioned certificate?');\n    const messageTpl = hasMany\n      ? gettext(\n          `You are about to revoke provisioned certificates: {{ serialNumbers }}. Do you want to proceed?`\n        )\n      : gettext(\n          `You are about to revoke provisioned certificate {{ serialNumber }}. Do you want to proceed?`\n        );\n    const message = this.translateService.instant(messageTpl, {\n      serialNumbers: serialsDisplay,\n      serialNumber: serialsDisplay\n    });\n\n    return await this.modalService.confirm(title, message, Status.DANGER, {\n      ok: gettext('Revoke'),\n      cancel: gettext('Cancel')\n    });\n  }\n}\n","<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"reload()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-data-grid\n  [title]=\"tableTitle | translate\"\n  #dataGrid\n  [columns]=\"columns\"\n  [rows]=\"rows$ | async\"\n  [pagination]=\"pagination\"\n  [actionControls]=\"actionControls\"\n  [bulkActionControls]=\"bulkActionControls\"\n  [displayOptions]=\"displayOptions\"\n  [hideReload]=\"true\"\n  [selectable]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'certificate'\"\n    [title]=\"'No provisioned certificates to display.' | translate\"\n    *ngIf=\"(rows$ | async)?.length === 0\"\n  ></c8y-ui-empty-state>\n\n  <c8y-column name=\"serialNumber\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value }}\"\n      >\n        {{ context.value }}\n      </span>\n    </ng-container>\n  </c8y-column>\n\n  <c8y-column name=\"validTill\">\n    <ng-container *c8yCellRendererDef=\"let context\">\n      <span\n        class=\"text-truncate\"\n        title=\"{{ context.property.header | translate }}: {{ context.value | c8yDate }}\"\n      >\n        <span\n          *ngIf=\"context.value\"\n          [ngClass]=\"highlightDependingOnExpirationStatus(context.item)\"\n        >\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"calendar\"\n            *ngIf=\"!highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <i\n            class=\"m-r-4\"\n            c8yIcon=\"warning\"\n            *ngIf=\"highlightDependingOnExpirationStatus(context.item)\"\n          ></i>\n          <span>{{ context.value | c8yDate }}</span>\n        </span>\n      </span>\n    </ng-container>\n  </c8y-column>\n</c8y-data-grid>\n","import { NgModule } from '@angular/core';\nimport { CoreModule, hookRoute, gettext, ViewContext } from '@c8y/ngx-components';\nimport { PopoverModule } from 'ngx-bootstrap/popover';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\nimport { ButtonsModule } from 'ngx-bootstrap/buttons';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { DeviceProvisionedCertificatesGuard } from './device-provisioned-certificates.guard';\nimport { DeviceTabProvisionedCertificatesComponent } from './device-tab-provisioned-certificates.component';\nimport { DeviceProvisionedCertificatesService } from './device-provisioned-certificates.service';\n\n@NgModule({\n  exports: [],\n  imports: [\n    CoreModule,\n    TooltipModule,\n    ReactiveFormsModule,\n    ButtonsModule,\n    PopoverModule,\n    DeviceTabProvisionedCertificatesComponent\n  ],\n  providers: [\n    hookRoute([\n      {\n        context: ViewContext.Device,\n        path: 'device-provisioned-certificates',\n        component: DeviceTabProvisionedCertificatesComponent,\n        label: gettext('x509'),\n        icon: 'c8y-device-profile',\n        canActivate: [DeviceProvisionedCertificatesGuard]\n      }\n    ]),\n    DeviceProvisionedCertificatesService,\n    DeviceProvisionedCertificatesGuard\n  ]\n})\nexport class DeviceProvisionedCertificatesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DeviceProvisionedCertificatesService","i1","i2.DeviceProvisionedCertificatesService","i3"],"mappings":"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"}

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

@@ -3,31 +3,27 @@ import { Output, Directive, EventEmitter, Component, NgModule, Injectable } from
 import * as i1 from 'ngx-bootstrap/modal';
 import { UpgradeComponent } from '@angular/upgrade/static';
 import * as i2 from '@c8y/ngx-components';
-import { gettext, OperationRealtimeService, ManagedObjectRealtimeService, CoreModule, ViewContext, hookRoute } from '@c8y/ngx-components';
+import { gettext, ActionBarItemComponent, RealtimeButtonComponent, DeviceStatusComponent, C8yTranslateDirective, C8yTranslatePipe, OperationRealtimeService, ManagedObjectRealtimeService, CoreModule, ViewContext, hookRoute } from '@c8y/ngx-components';
 import * as i4 from '@angular/router';
 import * as i2$1 from '@c8y/client';
 import { isEmpty, includes } from 'lodash-es';
 import { of, BehaviorSubject, pipe, Subject } from 'rxjs';
 import { map, startWith, takeUntil, filter } from 'rxjs/operators';
-import * as i6 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i7 from '@angular/forms';
-import * as i8 from '@c8y/ngx-components/operations/operations-timeline';
-import { OperationsTimelineModule } from '@c8y/ngx-components/operations/operations-timeline';
+import * as i6 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { NgFor, NgIf, AsyncPipe, CommonModule } from '@angular/common';
+import { OperationsTimelineComponent, OperationsTimelineModule } from '@c8y/ngx-components/operations/operations-timeline';
 
 class CommandTemplates extends UpgradeComponent {
     constructor(elementRef, injector) {
         super('c8yCommandTemplates', elementRef, injector);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplates, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: CommandTemplates, isStandalone: false, selector: "c8y-command-templates-directive", outputs: { close: "close", dismiss: "dismiss" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: CommandTemplates, isStandalone: true, selector: "c8y-command-templates-directive", outputs: { close: "close", dismiss: "dismiss" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplates, decorators: [{
             type: Directive,
-            args: [{
-                    selector: 'c8y-command-templates-directive',
-                    standalone: false
-                }]
+            args: [{ selector: 'c8y-command-templates-directive' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { close: [{
                 type: Output
             }], dismiss: [{
@@ -44,7 +40,7 @@ class CommandTemplatesComponent {
         this.onTemplateSelected = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplatesComponent, deps: [{ token: i1.BsModalRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CommandTemplatesComponent, isStandalone: false, selector: "c8y-command-templates", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CommandTemplatesComponent, isStandalone: true, selector: "c8y-command-templates", providers: [
             {
                 deps: ['$injector'],
                 provide: '$scope',
@@ -70,19 +66,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             useFactory: rootScopeCommandTemplateFactory
                         }
                     ],
-                    standalone: false
+                    imports: [CommandTemplates]
                 }]
         }], ctorParameters: () => [{ type: i1.BsModalRef }] });
 
 class CommandTemplatesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplatesModule, declarations: [CommandTemplates, CommandTemplatesComponent], exports: [CommandTemplatesComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplatesModule, imports: [CommandTemplates, CommandTemplatesComponent], exports: [CommandTemplatesComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplatesModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CommandTemplatesModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CommandTemplates, CommandTemplatesComponent],
+                    imports: [CommandTemplates, CommandTemplatesComponent],
                     exports: [CommandTemplatesComponent]
                 }]
         }] });
@@ -237,25 +233,38 @@ class DeviceShellComponent {
         this.destroyed$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DeviceShellComponent, deps: [{ token: DeviceShellService }, { token: i2.OperationRealtimeService }, { token: i2.ManagedObjectRealtimeService }, { token: i2$1.OperationService }, { token: i4.ActivatedRoute }, { token: i1.BsModalService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DeviceShellComponent, isStandalone: false, selector: "c8y-device-shell", providers: [OperationRealtimeService, ManagedObjectRealtimeService], ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <c8y-realtime-btn [service]=\"operationRealtime\"></c8y-realtime-btn>\n</c8y-action-bar-item>\n\n<div class=\"card content-fullpage d-grid grid__col--6-6--md\">\n  <div class=\"inner-scroll d-flex d-col bg-level-0\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Command' | translate }}\n      </div>\n    </div>\n\n    <div class=\"card-block d-flex d-col flex-grow large-padding\">\n      <div class=\"d-flex p-b-16\">\n        <button\n          class=\"btn btn-default btn-sm\"\n          type=\"button\"\n          (click)=\"getPredefinedCommand()\"\n          [title]=\"'Display a list of predefined commands' | translate\"\n          data-cy=\"shell--predefined-commands\"\n        >\n          {{ 'Predefined commands' | translate }}\n        </button>\n\n        <div class=\"m-l-auto\">\n          <device-status [mo]=\"device$ | async\"></device-status>\n        </div>\n      </div>\n      <textarea\n        [attr.aria-label]=\"'Commands' | translate\"\n        class=\"form-control inner-scroll flex-grow bg-level-2 text-monospace\"\n        [(ngModel)]=\"command.text\"\n        data-cy=\"shell-component--commands\"\n        (ngModelChange)=\"$event || resetSupportedDeliveryTypes()\"\n        placeholder=\"{{ 'Add commands or use predefined commands above.' | translate }}\"\n      ></textarea>\n    </div>\n\n    <div class=\"card-footer large-padding separator\">\n      <ng-container *ngFor=\"let deliveryType of deliveryTypes\">\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          *ngIf=\"deliveryType.isSupportedByCommand\"\n          [disabled]=\"!command?.text || (sendingCommand$ | async)\"\n          (click)=\"execute(deliveryType.name)\"\n        >\n          <span\n            [title]=\"\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            \"\n          >\n            {{\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            }}\n          </span>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"inner-scroll bg-level-1\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Operations' | translate }}\n      </div>\n    </div>\n    <div class=\"card-block large-padding\">\n      <c8y-operations-timeline\n        [operations]=\"operations\"\n        [sourceId]=\"device.id\"\n        [filterPipe]=\"filterPipe\"\n        [bodyTemplate]=\"timelineItemBody\"\n        [footerTemplates]=\"[timelineItemFooter]\"\n        [propertiesToHide]=\"['c8y_Command']\"\n      ></c8y-operations-timeline>\n      <ng-template #timelineItemBody let-operation>\n        <small>{{ operation.c8y_Command?.text || operation.description }}</small>\n      </ng-template>\n      <ng-template #timelineItemFooter let-operation>\n        <div *ngIf=\"operation.c8y_Command?.text\">\n          <div class=\"legend form-block\" translate>Command</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.text}}</code></pre>\n        </div>\n        <div *ngIf=\"operation.c8y_Command?.result\">\n          <div class=\"legend form-block\" translate>Response</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.result}}</code></pre>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: i2.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DeviceStatusComponent, selector: "device-status, c8y-device-status", inputs: ["mo", "size"] }, { kind: "component", type: i2.RealtimeButtonComponent, selector: "c8y-realtime-btn", inputs: ["service", "label", "title", "disabled"], outputs: ["onToggle"] }, { kind: "component", type: i8.OperationsTimelineComponent, selector: "c8y-operations-timeline", inputs: ["operations", "sourceId", "filterPipe", "bodyTemplate", "footerTemplates", "propertiesToHide"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DeviceShellComponent, isStandalone: true, selector: "c8y-device-shell", providers: [OperationRealtimeService, ManagedObjectRealtimeService], ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <c8y-realtime-btn [service]=\"operationRealtime\"></c8y-realtime-btn>\n</c8y-action-bar-item>\n\n<div class=\"card content-fullpage d-grid grid__col--6-6--md\">\n  <div class=\"inner-scroll d-flex d-col bg-level-0\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Command' | translate }}\n      </div>\n    </div>\n\n    <div class=\"card-block d-flex d-col flex-grow large-padding\">\n      <div class=\"d-flex p-b-16\">\n        <button\n          class=\"btn btn-default btn-sm\"\n          type=\"button\"\n          (click)=\"getPredefinedCommand()\"\n          [title]=\"'Display a list of predefined commands' | translate\"\n          data-cy=\"shell--predefined-commands\"\n        >\n          {{ 'Predefined commands' | translate }}\n        </button>\n\n        <div class=\"m-l-auto\">\n          <device-status [mo]=\"device$ | async\"></device-status>\n        </div>\n      </div>\n      <textarea\n        [attr.aria-label]=\"'Commands' | translate\"\n        class=\"form-control inner-scroll flex-grow bg-level-2 text-monospace\"\n        [(ngModel)]=\"command.text\"\n        data-cy=\"shell-component--commands\"\n        (ngModelChange)=\"$event || resetSupportedDeliveryTypes()\"\n        placeholder=\"{{ 'Add commands or use predefined commands above.' | translate }}\"\n      ></textarea>\n    </div>\n\n    <div class=\"card-footer large-padding separator\">\n      <ng-container *ngFor=\"let deliveryType of deliveryTypes\">\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          *ngIf=\"deliveryType.isSupportedByCommand\"\n          [disabled]=\"!command?.text || (sendingCommand$ | async)\"\n          (click)=\"execute(deliveryType.name)\"\n        >\n          <span\n            [title]=\"\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            \"\n          >\n            {{\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            }}\n          </span>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"inner-scroll bg-level-1\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Operations' | translate }}\n      </div>\n    </div>\n    <div class=\"card-block large-padding\">\n      <c8y-operations-timeline\n        [operations]=\"operations\"\n        [sourceId]=\"device.id\"\n        [filterPipe]=\"filterPipe\"\n        [bodyTemplate]=\"timelineItemBody\"\n        [footerTemplates]=\"[timelineItemFooter]\"\n        [propertiesToHide]=\"['c8y_Command']\"\n      ></c8y-operations-timeline>\n      <ng-template #timelineItemBody let-operation>\n        <small>{{ operation.c8y_Command?.text || operation.description }}</small>\n      </ng-template>\n      <ng-template #timelineItemFooter let-operation>\n        <div *ngIf=\"operation.c8y_Command?.text\">\n          <div class=\"legend form-block\" translate>Command</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.text}}</code></pre>\n        </div>\n        <div *ngIf=\"operation.c8y_Command?.result\">\n          <div class=\"legend form-block\" translate>Response</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.result}}</code></pre>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "component", type: RealtimeButtonComponent, selector: "c8y-realtime-btn", inputs: ["service", "label", "title", "disabled"], outputs: ["onToggle"] }, { kind: "component", type: DeviceStatusComponent, selector: "device-status, c8y-device-status", inputs: ["mo", "size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OperationsTimelineComponent, selector: "c8y-operations-timeline", inputs: ["operations", "sourceId", "filterPipe", "bodyTemplate", "footerTemplates", "propertiesToHide"] }, { 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: "19.2.14", ngImport: i0, type: DeviceShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-device-shell', providers: [OperationRealtimeService, ManagedObjectRealtimeService], standalone: false, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <c8y-realtime-btn [service]=\"operationRealtime\"></c8y-realtime-btn>\n</c8y-action-bar-item>\n\n<div class=\"card content-fullpage d-grid grid__col--6-6--md\">\n  <div class=\"inner-scroll d-flex d-col bg-level-0\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Command' | translate }}\n      </div>\n    </div>\n\n    <div class=\"card-block d-flex d-col flex-grow large-padding\">\n      <div class=\"d-flex p-b-16\">\n        <button\n          class=\"btn btn-default btn-sm\"\n          type=\"button\"\n          (click)=\"getPredefinedCommand()\"\n          [title]=\"'Display a list of predefined commands' | translate\"\n          data-cy=\"shell--predefined-commands\"\n        >\n          {{ 'Predefined commands' | translate }}\n        </button>\n\n        <div class=\"m-l-auto\">\n          <device-status [mo]=\"device$ | async\"></device-status>\n        </div>\n      </div>\n      <textarea\n        [attr.aria-label]=\"'Commands' | translate\"\n        class=\"form-control inner-scroll flex-grow bg-level-2 text-monospace\"\n        [(ngModel)]=\"command.text\"\n        data-cy=\"shell-component--commands\"\n        (ngModelChange)=\"$event || resetSupportedDeliveryTypes()\"\n        placeholder=\"{{ 'Add commands or use predefined commands above.' | translate }}\"\n      ></textarea>\n    </div>\n\n    <div class=\"card-footer large-padding separator\">\n      <ng-container *ngFor=\"let deliveryType of deliveryTypes\">\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          *ngIf=\"deliveryType.isSupportedByCommand\"\n          [disabled]=\"!command?.text || (sendingCommand$ | async)\"\n          (click)=\"execute(deliveryType.name)\"\n        >\n          <span\n            [title]=\"\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            \"\n          >\n            {{\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            }}\n          </span>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"inner-scroll bg-level-1\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Operations' | translate }}\n      </div>\n    </div>\n    <div class=\"card-block large-padding\">\n      <c8y-operations-timeline\n        [operations]=\"operations\"\n        [sourceId]=\"device.id\"\n        [filterPipe]=\"filterPipe\"\n        [bodyTemplate]=\"timelineItemBody\"\n        [footerTemplates]=\"[timelineItemFooter]\"\n        [propertiesToHide]=\"['c8y_Command']\"\n      ></c8y-operations-timeline>\n      <ng-template #timelineItemBody let-operation>\n        <small>{{ operation.c8y_Command?.text || operation.description }}</small>\n      </ng-template>\n      <ng-template #timelineItemFooter let-operation>\n        <div *ngIf=\"operation.c8y_Command?.text\">\n          <div class=\"legend form-block\" translate>Command</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.text}}</code></pre>\n        </div>\n        <div *ngIf=\"operation.c8y_Command?.result\">\n          <div class=\"legend form-block\" translate>Response</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.result}}</code></pre>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-device-shell', providers: [OperationRealtimeService, ManagedObjectRealtimeService], imports: [
+                        ActionBarItemComponent,
+                        RealtimeButtonComponent,
+                        DeviceStatusComponent,
+                        FormsModule,
+                        NgFor,
+                        NgIf,
+                        OperationsTimelineComponent,
+                        C8yTranslateDirective,
+                        AsyncPipe,
+                        C8yTranslatePipe
+                    ], template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <c8y-realtime-btn [service]=\"operationRealtime\"></c8y-realtime-btn>\n</c8y-action-bar-item>\n\n<div class=\"card content-fullpage d-grid grid__col--6-6--md\">\n  <div class=\"inner-scroll d-flex d-col bg-level-0\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Command' | translate }}\n      </div>\n    </div>\n\n    <div class=\"card-block d-flex d-col flex-grow large-padding\">\n      <div class=\"d-flex p-b-16\">\n        <button\n          class=\"btn btn-default btn-sm\"\n          type=\"button\"\n          (click)=\"getPredefinedCommand()\"\n          [title]=\"'Display a list of predefined commands' | translate\"\n          data-cy=\"shell--predefined-commands\"\n        >\n          {{ 'Predefined commands' | translate }}\n        </button>\n\n        <div class=\"m-l-auto\">\n          <device-status [mo]=\"device$ | async\"></device-status>\n        </div>\n      </div>\n      <textarea\n        [attr.aria-label]=\"'Commands' | translate\"\n        class=\"form-control inner-scroll flex-grow bg-level-2 text-monospace\"\n        [(ngModel)]=\"command.text\"\n        data-cy=\"shell-component--commands\"\n        (ngModelChange)=\"$event || resetSupportedDeliveryTypes()\"\n        placeholder=\"{{ 'Add commands or use predefined commands above.' | translate }}\"\n      ></textarea>\n    </div>\n\n    <div class=\"card-footer large-padding separator\">\n      <ng-container *ngFor=\"let deliveryType of deliveryTypes\">\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          *ngIf=\"deliveryType.isSupportedByCommand\"\n          [disabled]=\"!command?.text || (sendingCommand$ | async)\"\n          (click)=\"execute(deliveryType.name)\"\n        >\n          <span\n            [title]=\"\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            \"\n          >\n            {{\n              deliveryType.default\n                ? ('Execute' | translate)\n                : (executeViaLabel | translate: { deliveryType: deliveryType.name })\n            }}\n          </span>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"inner-scroll bg-level-1\">\n    <div class=\"card-header large-padding separator sticky-top\">\n      <div class=\"card-title\">\n        {{ 'Operations' | translate }}\n      </div>\n    </div>\n    <div class=\"card-block large-padding\">\n      <c8y-operations-timeline\n        [operations]=\"operations\"\n        [sourceId]=\"device.id\"\n        [filterPipe]=\"filterPipe\"\n        [bodyTemplate]=\"timelineItemBody\"\n        [footerTemplates]=\"[timelineItemFooter]\"\n        [propertiesToHide]=\"['c8y_Command']\"\n      ></c8y-operations-timeline>\n      <ng-template #timelineItemBody let-operation>\n        <small>{{ operation.c8y_Command?.text || operation.description }}</small>\n      </ng-template>\n      <ng-template #timelineItemFooter let-operation>\n        <div *ngIf=\"operation.c8y_Command?.text\">\n          <div class=\"legend form-block\" translate>Command</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.text}}</code></pre>\n        </div>\n        <div *ngIf=\"operation.c8y_Command?.result\">\n          <div class=\"legend form-block\" translate>Response</div>\n          <!-- Keep this in a single line since `pre-text` will preserve all whitespaces in the `pre` tag.-->\n          <pre class=\"p-8 text-pre\"><code>{{operation.c8y_Command.result}}</code></pre>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: DeviceShellService }, { type: i2.OperationRealtimeService }, { type: i2.ManagedObjectRealtimeService }, { type: i2$1.OperationService }, { type: i4.ActivatedRoute }, { type: i1.BsModalService }, { type: i2.AlertService }] });
 
 class ShellModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: ShellModule, declarations: [DeviceShellComponent], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: ShellModule, imports: [CommonModule,
             CoreModule,
             OperationsTimelineModule,
             CommandTemplatesModule,
-            DeviceShellSharedModule], exports: [DeviceShellComponent] }); }
+            DeviceShellSharedModule,
+            DeviceShellComponent], exports: [DeviceShellComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ShellModule, imports: [CommonModule,
             CoreModule,
             OperationsTimelineModule,
             CommandTemplatesModule,
-            DeviceShellSharedModule] }); }
+            DeviceShellSharedModule,
+            DeviceShellComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ShellModule, decorators: [{
             type: NgModule,
@@ -265,9 +274,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         CoreModule,
                         OperationsTimelineModule,
                         CommandTemplatesModule,
-                        DeviceShellSharedModule
+                        DeviceShellSharedModule,
+                        DeviceShellComponent
                     ],
-                    declarations: [DeviceShellComponent],
                     exports: [DeviceShellComponent]
                 }]
         }] });