@c8y/ngx-components 1022.13.0 → 1022.21.3

package/fesm2022/c8y-ngx-components-operations-operation-details.mjs

@@ -1,18 +1,14 @@
 import * as i0 from '@angular/core';
 import { Input, Component, Injectable, forwardRef, NgModule } from '@angular/core';
-import { CollapseModule } from 'ngx-bootstrap/collapse';
-import { PopoverModule } from 'ngx-bootstrap/popover';
-import * as i4 from 'ngx-bootstrap/tooltip';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
-import * as i2$1 from '@c8y/ngx-components';
-import { operationStatusIcons, operationStatusClasses, PRODUCT_EXPERIENCE_EVENT_SOURCE, CoreModule } from '@c8y/ngx-components';
 import { BulkOperationListItemService } from '@c8y/ngx-components/operations/bulk-operation-list-item';
-import * as i2 from '@c8y/ngx-components/operations/operations-list';
-import { OperationsListItemComponent } from '@c8y/ngx-components/operations/operations-list';
-import * as i1 from 'ngx-bootstrap/modal';
+import { C8yTranslatePipe, operationStatusIcons, operationStatusClasses, IconDirective, ProductExperienceDirective, DatePipe, PRODUCT_EXPERIENCE_EVENT_SOURCE } from '@c8y/ngx-components';
 import { ACTIONS_OPERATIONS, COMPONENTS } from '@c8y/ngx-components/operations/product-experience';
+import * as i1 from 'ngx-bootstrap/modal';
 import * as i1$1 from '@c8y/client';
-import * as i3 from '@angular/common';
+import * as i2 from '@c8y/ngx-components/operations/operations-list';
+import { OperationsListItemComponent } from '@c8y/ngx-components/operations/operations-list';
+import { NgIf, NgClass } from '@angular/common';
+import { TooltipDirective } from 'ngx-bootstrap/tooltip';
 
 class OperationDetailsModalComponent {
     constructor(modalRef, operationsListService) {
@@ -27,11 +23,11 @@ class OperationDetailsModalComponent {
             await this.operationsListService.isSmartRulesMicroserviceAvailable();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModalComponent, deps: [{ token: i1.BsModalRef }, { token: i2.OperationsListService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationDetailsModalComponent, isStandalone: false, selector: "c8y-operation-details-modal", inputs: { operation: "operation", collapsed: "collapsed", readOnly: "readOnly" }, ngImport: i0, template: "<div class=\"viewport-modal\">\n  <div class=\"modal-header separator\">\n    <h3 id=\"modal-title\">{{ 'Single operation details' | translate }}</h3>\n  </div>\n\n  <div\n    class=\"modal-inner-scroll\"\n    id=\"modal-body\"\n  >\n    <c8y-operations-list-item\n      [operation]=\"operation\"\n      [collapsed]=\"collapsed\"\n      [noExpandToggle]=\"true\"\n      [readOnly]=\"readOnly\"\n      [isSmartRulesMicroserviceAvailable]=\"isSmartRulesMicroserviceAvailable\"\n    ></c8y-operations-list-item>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Close' | translate }}\"\n      type=\"button\"\n      (click)=\"modalRef.hide()\"\n    >\n      {{ 'Close' | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.OperationsListItemComponent, selector: "c8y-operations-list-item", inputs: ["operation", "collapsed", "readOnly", "noExpandToggle", "isSmartRulesMicroserviceAvailable"] }, { kind: "pipe", type: i2$1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationDetailsModalComponent, isStandalone: true, selector: "c8y-operation-details-modal", inputs: { operation: "operation", collapsed: "collapsed", readOnly: "readOnly" }, ngImport: i0, template: "<div class=\"viewport-modal\">\n  <div class=\"modal-header separator\">\n    <h3 id=\"modal-title\">{{ 'Single operation details' | translate }}</h3>\n  </div>\n\n  <div\n    class=\"modal-inner-scroll\"\n    id=\"modal-body\"\n  >\n    <c8y-operations-list-item\n      [operation]=\"operation\"\n      [collapsed]=\"collapsed\"\n      [noExpandToggle]=\"true\"\n      [readOnly]=\"readOnly\"\n      [isSmartRulesMicroserviceAvailable]=\"isSmartRulesMicroserviceAvailable\"\n    ></c8y-operations-list-item>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Close' | translate }}\"\n      type=\"button\"\n      (click)=\"modalRef.hide()\"\n    >\n      {{ 'Close' | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: OperationsListItemComponent, selector: "c8y-operations-list-item", inputs: ["operation", "collapsed", "readOnly", "noExpandToggle", "isSmartRulesMicroserviceAvailable"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-operation-details-modal', standalone: false, template: "<div class=\"viewport-modal\">\n  <div class=\"modal-header separator\">\n    <h3 id=\"modal-title\">{{ 'Single operation details' | translate }}</h3>\n  </div>\n\n  <div\n    class=\"modal-inner-scroll\"\n    id=\"modal-body\"\n  >\n    <c8y-operations-list-item\n      [operation]=\"operation\"\n      [collapsed]=\"collapsed\"\n      [noExpandToggle]=\"true\"\n      [readOnly]=\"readOnly\"\n      [isSmartRulesMicroserviceAvailable]=\"isSmartRulesMicroserviceAvailable\"\n    ></c8y-operations-list-item>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Close' | translate }}\"\n      type=\"button\"\n      (click)=\"modalRef.hide()\"\n    >\n      {{ 'Close' | translate }}\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-operation-details-modal', imports: [OperationsListItemComponent, C8yTranslatePipe], template: "<div class=\"viewport-modal\">\n  <div class=\"modal-header separator\">\n    <h3 id=\"modal-title\">{{ 'Single operation details' | translate }}</h3>\n  </div>\n\n  <div\n    class=\"modal-inner-scroll\"\n    id=\"modal-body\"\n  >\n    <c8y-operations-list-item\n      [operation]=\"operation\"\n      [collapsed]=\"collapsed\"\n      [noExpandToggle]=\"true\"\n      [readOnly]=\"readOnly\"\n      [isSmartRulesMicroserviceAvailable]=\"isSmartRulesMicroserviceAvailable\"\n    ></c8y-operations-list-item>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Close' | translate }}\"\n      type=\"button\"\n      (click)=\"modalRef.hide()\"\n    >\n      {{ 'Close' | translate }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.BsModalRef }, { type: i2.OperationsListService }], propDecorators: { operation: [{
                 type: Input
             }], collapsed: [{
@@ -65,10 +61,11 @@ class OperationDetailsService {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsService, deps: [{ token: i1$1.OperationService }, { token: i1.BsModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsService }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$1.OperationService }, { type: i1.BsModalService }] });
 
 /**
@@ -97,12 +94,12 @@ class OperationDetailsComponent {
         this.operationDetailsService.openDetails(this.operation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsComponent, deps: [{ token: OperationDetailsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationDetailsComponent, isStandalone: false, selector: "c8y-operation-details", inputs: { operation: "operation" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationDetailsComponent, isStandalone: true, selector: "c8y-operation-details", inputs: { operation: "operation" }, providers: [
             {
                 provide: PRODUCT_EXPERIENCE_EVENT_SOURCE,
                 useExisting: forwardRef(() => OperationDetailsComponent)
             }
-        ], ngImport: i0, template: "<div class=\"c8y-list--group\" *ngIf=\"operation\">\n  <a class=\"c8y-list__item\">\n    <div class=\"c8y-list__item__block\">\n      <div class=\"c8y-list__item__icon\">\n        <button\n          class=\"btn-clean\"\n          type=\"button\"\n          [attr.aria-label]=\"operation.status?.toString() | translate\"\n          [tooltip]=\"operation.status?.toString() | translate\"\n          [delay]=\"500\"\n          placement=\"right\"\n          container=\"body\"\n        >\n          <i\n            [c8yIcon]=\"statusIcons[operation.status]\"\n            [ngClass]=\"statusClasses[operation.status]\"\n          ></i>\n        </button>\n      </div>\n      <div class=\"c8y-list__item__body p-r-16\">\n        <div class=\"content-flex-40\">\n          <div class=\"col-8\">\n            <button\n              class=\"btn-clean text-truncate\"\n              type=\"button\"\n              title=\"{{ operation.description | translate }}\"\n              (click)=\"openDetails()\"\n              c8yProductExperience\n              inherit\n              [actionData]=\"{ action: ACTIONS.OPEN_OPERATION_DETAILS }\"\n            >\n              {{ operation.description | translate }}\n            </button>\n          </div>\n          <div class=\"col-4 text-muted\">\n            <small class=\"icon-flex\">\n              <i c8yIcon=\"calendar\" class=\"m-r-4\"></i>\n              <span>{{ operation.creationTime | c8yDate }}</span>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "directive", type: i4.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: i2$1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i2$1.DatePipe, name: "c8yDate" }] }); }
+        ], ngImport: i0, template: "<div class=\"c8y-list--group\" *ngIf=\"operation\">\n  <a class=\"c8y-list__item\">\n    <div class=\"c8y-list__item__block\">\n      <div class=\"c8y-list__item__icon\">\n        <button\n          class=\"btn-clean\"\n          type=\"button\"\n          [attr.aria-label]=\"operation.status?.toString() | translate\"\n          [tooltip]=\"operation.status?.toString() | translate\"\n          [delay]=\"500\"\n          placement=\"right\"\n          container=\"body\"\n        >\n          <i\n            [c8yIcon]=\"statusIcons[operation.status]\"\n            [ngClass]=\"statusClasses[operation.status]\"\n          ></i>\n        </button>\n      </div>\n      <div class=\"c8y-list__item__body p-r-16\">\n        <div class=\"content-flex-40\">\n          <div class=\"col-8\">\n            <button\n              class=\"btn-clean text-truncate\"\n              type=\"button\"\n              title=\"{{ operation.description | translate }}\"\n              (click)=\"openDetails()\"\n              c8yProductExperience\n              inherit\n              [actionData]=\"{ action: ACTIONS.OPEN_OPERATION_DETAILS }\"\n            >\n              {{ operation.description | translate }}\n            </button>\n          </div>\n          <div class=\"col-4 text-muted\">\n            <small class=\"icon-flex\">\n              <i c8yIcon=\"calendar\" class=\"m-r-4\"></i>\n              <span>{{ operation.creationTime | c8yDate }}</span>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsComponent, decorators: [{
             type: Component,
@@ -111,7 +108,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             provide: PRODUCT_EXPERIENCE_EVENT_SOURCE,
                             useExisting: forwardRef(() => OperationDetailsComponent)
                         }
-                    ], standalone: false, template: "<div class=\"c8y-list--group\" *ngIf=\"operation\">\n  <a class=\"c8y-list__item\">\n    <div class=\"c8y-list__item__block\">\n      <div class=\"c8y-list__item__icon\">\n        <button\n          class=\"btn-clean\"\n          type=\"button\"\n          [attr.aria-label]=\"operation.status?.toString() | translate\"\n          [tooltip]=\"operation.status?.toString() | translate\"\n          [delay]=\"500\"\n          placement=\"right\"\n          container=\"body\"\n        >\n          <i\n            [c8yIcon]=\"statusIcons[operation.status]\"\n            [ngClass]=\"statusClasses[operation.status]\"\n          ></i>\n        </button>\n      </div>\n      <div class=\"c8y-list__item__body p-r-16\">\n        <div class=\"content-flex-40\">\n          <div class=\"col-8\">\n            <button\n              class=\"btn-clean text-truncate\"\n              type=\"button\"\n              title=\"{{ operation.description | translate }}\"\n              (click)=\"openDetails()\"\n              c8yProductExperience\n              inherit\n              [actionData]=\"{ action: ACTIONS.OPEN_OPERATION_DETAILS }\"\n            >\n              {{ operation.description | translate }}\n            </button>\n          </div>\n          <div class=\"col-4 text-muted\">\n            <small class=\"icon-flex\">\n              <i c8yIcon=\"calendar\" class=\"m-r-4\"></i>\n              <span>{{ operation.creationTime | c8yDate }}</span>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n" }]
+                    ], imports: [
+                        NgIf,
+                        TooltipDirective,
+                        IconDirective,
+                        NgClass,
+                        ProductExperienceDirective,
+                        C8yTranslatePipe,
+                        DatePipe
+                    ], template: "<div class=\"c8y-list--group\" *ngIf=\"operation\">\n  <a class=\"c8y-list__item\">\n    <div class=\"c8y-list__item__block\">\n      <div class=\"c8y-list__item__icon\">\n        <button\n          class=\"btn-clean\"\n          type=\"button\"\n          [attr.aria-label]=\"operation.status?.toString() | translate\"\n          [tooltip]=\"operation.status?.toString() | translate\"\n          [delay]=\"500\"\n          placement=\"right\"\n          container=\"body\"\n        >\n          <i\n            [c8yIcon]=\"statusIcons[operation.status]\"\n            [ngClass]=\"statusClasses[operation.status]\"\n          ></i>\n        </button>\n      </div>\n      <div class=\"c8y-list__item__body p-r-16\">\n        <div class=\"content-flex-40\">\n          <div class=\"col-8\">\n            <button\n              class=\"btn-clean text-truncate\"\n              type=\"button\"\n              title=\"{{ operation.description | translate }}\"\n              (click)=\"openDetails()\"\n              c8yProductExperience\n              inherit\n              [actionData]=\"{ action: ACTIONS.OPEN_OPERATION_DETAILS }\"\n            >\n              {{ operation.description | translate }}\n            </button>\n          </div>\n          <div class=\"col-4 text-muted\">\n            <small class=\"icon-flex\">\n              <i c8yIcon=\"calendar\" class=\"m-r-4\"></i>\n              <span>{{ operation.creationTime | c8yDate }}</span>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n" }]
         }], ctorParameters: () => [{ type: OperationDetailsService }], propDecorators: { operation: [{
                 type: Input
             }] } });
@@ -121,15 +126,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  */
 class OperationDetailsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModule, declarations: [OperationDetailsComponent, OperationDetailsModalComponent], imports: [CoreModule, PopoverModule, TooltipModule, CollapseModule, OperationsListItemComponent], exports: [OperationDetailsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModule, providers: [OperationDetailsService, BulkOperationListItemService], imports: [CoreModule, PopoverModule, TooltipModule, CollapseModule, OperationsListItemComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModule, imports: [OperationDetailsComponent], exports: [OperationDetailsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModule, providers: [OperationDetailsService, BulkOperationListItemService] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CoreModule, PopoverModule, TooltipModule, CollapseModule, OperationsListItemComponent],
+                    imports: [OperationDetailsComponent],
                     providers: [OperationDetailsService, BulkOperationListItemService],
-                    declarations: [OperationDetailsComponent, OperationDetailsModalComponent],
                     exports: [OperationDetailsComponent]
                 }]
         }] });

package/fesm2022/c8y-ngx-components-operations-operation-details.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-operations-operation-details.mjs","sources":["../../operations/operation-details/operation-details-modal.component.ts","../../operations/operation-details/operation-details-modal.component.html","../../operations/operation-details/operation-details.service.ts","../../operations/operation-details/operation-details.component.ts","../../operations/operation-details/operation-details.component.html","../../operations/operation-details/operation-details.module.ts","../../operations/operation-details/c8y-ngx-components-operations-operation-details.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { BsModalRef } from 'ngx-bootstrap/modal';\nimport { IOperation } from '@c8y/client';\nimport { OperationsListService } from '@c8y/ngx-components/operations/operations-list';\n@Component({\n  selector: 'c8y-operation-details-modal',\n  templateUrl: './operation-details-modal.component.html',\n  standalone: false\n})\nexport class OperationDetailsModalComponent {\n  @Input() operation: Partial<IOperation>;\n  @Input() collapsed = false;\n  @Input() readOnly = false;\n  isSmartRulesMicroserviceAvailable = false;\n\n  constructor(\n    public modalRef: BsModalRef,\n    private operationsListService: OperationsListService\n  ) {}\n\n  async ngOnInit() {\n    this.isSmartRulesMicroserviceAvailable =\n      await this.operationsListService.isSmartRulesMicroserviceAvailable();\n  }\n}\n","<div class=\"viewport-modal\">\n  <div class=\"modal-header separator\">\n    <h3 id=\"modal-title\">{{ 'Single operation details' | translate }}</h3>\n  </div>\n\n  <div\n    class=\"modal-inner-scroll\"\n    id=\"modal-body\"\n  >\n    <c8y-operations-list-item\n      [operation]=\"operation\"\n      [collapsed]=\"collapsed\"\n      [noExpandToggle]=\"true\"\n      [readOnly]=\"readOnly\"\n      [isSmartRulesMicroserviceAvailable]=\"isSmartRulesMicroserviceAvailable\"\n    ></c8y-operations-list-item>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Close' | translate }}\"\n      type=\"button\"\n      (click)=\"modalRef.hide()\"\n    >\n      {{ 'Close' | translate }}\n    </button>\n  </div>\n</div>\n","import { Injectable } from '@angular/core';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { IOperation, OperationService } from '@c8y/client';\nimport { OperationDetailsModalComponent } from './operation-details-modal.component';\n\n@Injectable()\nexport class OperationDetailsService {\n  constructor(private operationService: OperationService, private modalService: BsModalService) {}\n\n  /**\n   * Opens a modal window with the details of given single operation.\n   * @param operationOrOperationId Operation's object or id.\n   * @param options Additional options:\n   * - `collapsed`: boolean - whether the details pane should be initially collapsed\n   * - `readOnly`: boolean - whether the details should be displayed in read-only mode\n   */\n  async openDetails(\n    operationOrOperationId: IOperation | string | number,\n    options?: { collapsed?: boolean; readOnly?: boolean }\n  ) {\n    const operation: IOperation = (operationOrOperationId as IOperation).id\n      ? (operationOrOperationId as IOperation)\n      : (await this.operationService.detail(operationOrOperationId)).data;\n    const initialState = { operation, ...options };\n\n    this.modalService.show(OperationDetailsModalComponent, {\n      initialState,\n      class: 'modal-lg',\n      ariaDescribedby: 'modal-body',\n      ariaLabelledBy: 'modal-title'\n    });\n  }\n}\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { IOperation } from '@c8y/client';\nimport {\n  operationStatusClasses,\n  operationStatusIcons,\n  ProductExperienceEvent,\n  ProductExperienceEventSource,\n  PRODUCT_EXPERIENCE_EVENT_SOURCE\n} from '@c8y/ngx-components';\nimport { ACTIONS_OPERATIONS, COMPONENTS } from '@c8y/ngx-components/operations/product-experience';\nimport { OperationDetailsService } from './operation-details.service';\n\n/**\n * Operation details component displays a single operation's status, description and creationTime.\n *\n * ```html\n * <c8y-operation-details [operation]=\"operation\"></c8y-operation-details>\n * ```\n */\n@Component({\n  selector: 'c8y-operation-details',\n  templateUrl: './operation-details.component.html',\n  providers: [\n    {\n      provide: PRODUCT_EXPERIENCE_EVENT_SOURCE,\n      useExisting: forwardRef(() => OperationDetailsComponent)\n    }\n  ],\n  standalone: false\n})\nexport class OperationDetailsComponent implements ProductExperienceEventSource {\n  ACTIONS = ACTIONS_OPERATIONS;\n  @Input() operation: IOperation;\n\n  statusIcons: object;\n  statusClasses: object;\n\n  productExperienceEvent: ProductExperienceEvent = {\n    eventName: undefined, // supress emitting events if a parent component does not declare event name\n    data: {\n      component: COMPONENTS.OPERATION_DETAILS\n    }\n  };\n\n  constructor(private operationDetailsService: OperationDetailsService) {}\n\n  ngOnInit() {\n    this.statusIcons = operationStatusIcons;\n    this.statusClasses = operationStatusClasses;\n  }\n\n  openDetails() {\n    this.operationDetailsService.openDetails(this.operation);\n  }\n}\n","<div class=\"c8y-list--group\" *ngIf=\"operation\">\n  <a class=\"c8y-list__item\">\n    <div class=\"c8y-list__item__block\">\n      <div class=\"c8y-list__item__icon\">\n        <button\n          class=\"btn-clean\"\n          type=\"button\"\n          [attr.aria-label]=\"operation.status?.toString() | translate\"\n          [tooltip]=\"operation.status?.toString() | translate\"\n          [delay]=\"500\"\n          placement=\"right\"\n          container=\"body\"\n        >\n          <i\n            [c8yIcon]=\"statusIcons[operation.status]\"\n            [ngClass]=\"statusClasses[operation.status]\"\n          ></i>\n        </button>\n      </div>\n      <div class=\"c8y-list__item__body p-r-16\">\n        <div class=\"content-flex-40\">\n          <div class=\"col-8\">\n            <button\n              class=\"btn-clean text-truncate\"\n              type=\"button\"\n              title=\"{{ operation.description | translate }}\"\n              (click)=\"openDetails()\"\n              c8yProductExperience\n              inherit\n              [actionData]=\"{ action: ACTIONS.OPEN_OPERATION_DETAILS }\"\n            >\n              {{ operation.description | translate }}\n            </button>\n          </div>\n          <div class=\"col-4 text-muted\">\n            <small class=\"icon-flex\">\n              <i c8yIcon=\"calendar\" class=\"m-r-4\"></i>\n              <span>{{ operation.creationTime | c8yDate }}</span>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CollapseModule } from 'ngx-bootstrap/collapse';\nimport { PopoverModule } from 'ngx-bootstrap/popover';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\n\nimport { CoreModule } from '@c8y/ngx-components';\nimport { BulkOperationListItemService } from '@c8y/ngx-components/operations/bulk-operation-list-item';\n\nimport { OperationsListItemComponent } from '@c8y/ngx-components/operations/operations-list';\nimport { OperationDetailsModalComponent } from './operation-details-modal.component';\nimport { OperationDetailsComponent } from './operation-details.component';\nimport { OperationDetailsService } from './operation-details.service';\n\n/**\n * This module allows to display details of a single operation in a modal.\n */\n@NgModule({\n  imports: [CoreModule, PopoverModule, TooltipModule, CollapseModule, OperationsListItemComponent],\n  providers: [OperationDetailsService, BulkOperationListItemService],\n  declarations: [OperationDetailsComponent, OperationDetailsModalComponent],\n  exports: [OperationDetailsComponent]\n})\nexport class OperationDetailsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3","i1","i2","i1.OperationDetailsService"],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-operations-operation-details.mjs","sources":["../../operations/operation-details/operation-details-modal.component.ts","../../operations/operation-details/operation-details-modal.component.html","../../operations/operation-details/operation-details.service.ts","../../operations/operation-details/operation-details.component.ts","../../operations/operation-details/operation-details.component.html","../../operations/operation-details/operation-details.module.ts","../../operations/operation-details/c8y-ngx-components-operations-operation-details.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { BsModalRef } from 'ngx-bootstrap/modal';\nimport { IOperation } from '@c8y/client';\nimport {\n  OperationsListService,\n  OperationsListItemComponent\n} from '@c8y/ngx-components/operations/operations-list';\nimport { C8yTranslatePipe } from '@c8y/ngx-components';\n@Component({\n  selector: 'c8y-operation-details-modal',\n  templateUrl: './operation-details-modal.component.html',\n  imports: [OperationsListItemComponent, C8yTranslatePipe]\n})\nexport class OperationDetailsModalComponent {\n  @Input() operation: Partial<IOperation>;\n  @Input() collapsed = false;\n  @Input() readOnly = false;\n  isSmartRulesMicroserviceAvailable = false;\n\n  constructor(\n    public modalRef: BsModalRef,\n    private operationsListService: OperationsListService\n  ) {}\n\n  async ngOnInit() {\n    this.isSmartRulesMicroserviceAvailable =\n      await this.operationsListService.isSmartRulesMicroserviceAvailable();\n  }\n}\n","<div class=\"viewport-modal\">\n  <div class=\"modal-header separator\">\n    <h3 id=\"modal-title\">{{ 'Single operation details' | translate }}</h3>\n  </div>\n\n  <div\n    class=\"modal-inner-scroll\"\n    id=\"modal-body\"\n  >\n    <c8y-operations-list-item\n      [operation]=\"operation\"\n      [collapsed]=\"collapsed\"\n      [noExpandToggle]=\"true\"\n      [readOnly]=\"readOnly\"\n      [isSmartRulesMicroserviceAvailable]=\"isSmartRulesMicroserviceAvailable\"\n    ></c8y-operations-list-item>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Close' | translate }}\"\n      type=\"button\"\n      (click)=\"modalRef.hide()\"\n    >\n      {{ 'Close' | translate }}\n    </button>\n  </div>\n</div>\n","import { Injectable } from '@angular/core';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { IOperation, OperationService } from '@c8y/client';\nimport { OperationDetailsModalComponent } from './operation-details-modal.component';\n\n@Injectable({ providedIn: 'root' })\nexport class OperationDetailsService {\n  constructor(\n    private operationService: OperationService,\n    private modalService: BsModalService\n  ) {}\n\n  /**\n   * Opens a modal window with the details of given single operation.\n   * @param operationOrOperationId Operation's object or id.\n   * @param options Additional options:\n   * - `collapsed`: boolean - whether the details pane should be initially collapsed\n   * - `readOnly`: boolean - whether the details should be displayed in read-only mode\n   */\n  async openDetails(\n    operationOrOperationId: IOperation | string | number,\n    options?: { collapsed?: boolean; readOnly?: boolean }\n  ) {\n    const operation: IOperation = (operationOrOperationId as IOperation).id\n      ? (operationOrOperationId as IOperation)\n      : (await this.operationService.detail(operationOrOperationId)).data;\n    const initialState = { operation, ...options };\n\n    this.modalService.show(OperationDetailsModalComponent, {\n      initialState,\n      class: 'modal-lg',\n      ariaDescribedby: 'modal-body',\n      ariaLabelledBy: 'modal-title'\n    });\n  }\n}\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { IOperation } from '@c8y/client';\nimport {\n  operationStatusClasses,\n  operationStatusIcons,\n  ProductExperienceEvent,\n  ProductExperienceEventSource,\n  PRODUCT_EXPERIENCE_EVENT_SOURCE,\n  IconDirective,\n  ProductExperienceDirective,\n  C8yTranslatePipe,\n  DatePipe\n} from '@c8y/ngx-components';\nimport { ACTIONS_OPERATIONS, COMPONENTS } from '@c8y/ngx-components/operations/product-experience';\nimport { OperationDetailsService } from './operation-details.service';\nimport { NgIf, NgClass } from '@angular/common';\nimport { TooltipDirective } from 'ngx-bootstrap/tooltip';\n\n/**\n * Operation details component displays a single operation's status, description and creationTime.\n *\n * ```html\n * <c8y-operation-details [operation]=\"operation\"></c8y-operation-details>\n * ```\n */\n@Component({\n  selector: 'c8y-operation-details',\n  templateUrl: './operation-details.component.html',\n  providers: [\n    {\n      provide: PRODUCT_EXPERIENCE_EVENT_SOURCE,\n      useExisting: forwardRef(() => OperationDetailsComponent)\n    }\n  ],\n  imports: [\n    NgIf,\n    TooltipDirective,\n    IconDirective,\n    NgClass,\n    ProductExperienceDirective,\n    C8yTranslatePipe,\n    DatePipe\n  ]\n})\nexport class OperationDetailsComponent implements ProductExperienceEventSource {\n  ACTIONS = ACTIONS_OPERATIONS;\n  @Input() operation: IOperation;\n\n  statusIcons: object;\n  statusClasses: object;\n\n  productExperienceEvent: ProductExperienceEvent = {\n    eventName: undefined, // supress emitting events if a parent component does not declare event name\n    data: {\n      component: COMPONENTS.OPERATION_DETAILS\n    }\n  };\n\n  constructor(private operationDetailsService: OperationDetailsService) {}\n\n  ngOnInit() {\n    this.statusIcons = operationStatusIcons;\n    this.statusClasses = operationStatusClasses;\n  }\n\n  openDetails() {\n    this.operationDetailsService.openDetails(this.operation);\n  }\n}\n","<div class=\"c8y-list--group\" *ngIf=\"operation\">\n  <a class=\"c8y-list__item\">\n    <div class=\"c8y-list__item__block\">\n      <div class=\"c8y-list__item__icon\">\n        <button\n          class=\"btn-clean\"\n          type=\"button\"\n          [attr.aria-label]=\"operation.status?.toString() | translate\"\n          [tooltip]=\"operation.status?.toString() | translate\"\n          [delay]=\"500\"\n          placement=\"right\"\n          container=\"body\"\n        >\n          <i\n            [c8yIcon]=\"statusIcons[operation.status]\"\n            [ngClass]=\"statusClasses[operation.status]\"\n          ></i>\n        </button>\n      </div>\n      <div class=\"c8y-list__item__body p-r-16\">\n        <div class=\"content-flex-40\">\n          <div class=\"col-8\">\n            <button\n              class=\"btn-clean text-truncate\"\n              type=\"button\"\n              title=\"{{ operation.description | translate }}\"\n              (click)=\"openDetails()\"\n              c8yProductExperience\n              inherit\n              [actionData]=\"{ action: ACTIONS.OPEN_OPERATION_DETAILS }\"\n            >\n              {{ operation.description | translate }}\n            </button>\n          </div>\n          <div class=\"col-4 text-muted\">\n            <small class=\"icon-flex\">\n              <i c8yIcon=\"calendar\" class=\"m-r-4\"></i>\n              <span>{{ operation.creationTime | c8yDate }}</span>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n","import { NgModule } from '@angular/core';\nimport { BulkOperationListItemService } from '@c8y/ngx-components/operations/bulk-operation-list-item';\nimport { OperationDetailsComponent } from './operation-details.component';\nimport { OperationDetailsService } from './operation-details.service';\n\n/**\n * This module allows to display details of a single operation in a modal.\n */\n@NgModule({\n  imports: [OperationDetailsComponent],\n  providers: [OperationDetailsService, BulkOperationListItemService],\n  exports: [OperationDetailsComponent]\n})\nexport class OperationDetailsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i1.OperationDetailsService"],"mappings":"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"}

package/fesm2022/c8y-ngx-components-operations-operation-summary.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
 import { Input, Component, NgModule } from '@angular/core';
-import * as i2 from '@c8y/ngx-components';
-import { CoreModule } from '@c8y/ngx-components';
 import * as i1 from '@c8y/client';
-import * as i3 from '@angular/common';
+import { NgIf, NgPlural, NgPluralCase } from '@angular/common';
+import { C8yTranslateDirective, C8yTranslatePipe } from '@c8y/ngx-components';
 
 class OperationSummaryComponent {
     set deviceQueryString(query) {
@@ -24,11 +23,11 @@ class OperationSummaryComponent {
         this.displayDeviceCount = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryComponent, deps: [{ token: i1.InventoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationSummaryComponent, isStandalone: false, selector: "c8y-operation-summary", inputs: { name: "name", description: "description", deviceQueryString: "deviceQueryString" }, ngImport: i0, template: "<div class=\"d-flex\">\n  <div class=\"p-l-0 col-xs-12 col-sm-6\">\n    <h4>{{ name | translate }}</h4>\n    <p class=\"text-muted m-b-8\">\n      {{ description | translate }}\n    </p>\n  </div>\n  <div class=\"p-r-0 text-right col-xs-12 col-sm-6\">\n    <span\n      [ngPlural]=\"deviceCount\"\n      *ngIf=\"displayDeviceCount && deviceCount !== undefined && deviceCount !== null\"\n    >\n      <ng-template ngPluralCase=\"=0\">\n        <span\n          class=\"label label-default\"\n          translate\n        >\n          No devices selected\n        </span>\n      </ng-template>\n      <ng-template ngPluralCase=\"=1\">\n        <span class=\"badge badge-info m-r-4\">1</span>\n        <span translate>device selected</span>\n      </ng-template>\n      <ng-template ngPluralCase=\"other\">\n        <span class=\"badge badge-info m-r-4\">{{ deviceCount }}</span>\n        <span translate>devices selected</span>\n      </ng-template>\n    </span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i3.NgPluralCase, selector: "[ngPluralCase]" }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationSummaryComponent, isStandalone: true, selector: "c8y-operation-summary", inputs: { name: "name", description: "description", deviceQueryString: "deviceQueryString" }, ngImport: i0, template: "<div class=\"d-flex\">\n  <div class=\"p-l-0 col-xs-12 col-sm-6\">\n    <h4>{{ name | translate }}</h4>\n    <p class=\"text-muted m-b-8\">\n      {{ description | translate }}\n    </p>\n  </div>\n  <div class=\"p-r-0 text-right col-xs-12 col-sm-6\">\n    <span\n      [ngPlural]=\"deviceCount\"\n      *ngIf=\"displayDeviceCount && deviceCount !== undefined && deviceCount !== null\"\n    >\n      <ng-template ngPluralCase=\"=0\">\n        <span\n          class=\"label label-default\"\n          translate\n        >\n          No devices selected\n        </span>\n      </ng-template>\n      <ng-template ngPluralCase=\"=1\">\n        <span class=\"badge badge-info m-r-4\">1</span>\n        <span translate>device selected</span>\n      </ng-template>\n      <ng-template ngPluralCase=\"other\">\n        <span class=\"badge badge-info m-r-4\">{{ deviceCount }}</span>\n        <span translate>devices selected</span>\n      </ng-template>\n    </span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: NgPluralCase, selector: "[ngPluralCase]" }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-operation-summary', standalone: false, template: "<div class=\"d-flex\">\n  <div class=\"p-l-0 col-xs-12 col-sm-6\">\n    <h4>{{ name | translate }}</h4>\n    <p class=\"text-muted m-b-8\">\n      {{ description | translate }}\n    </p>\n  </div>\n  <div class=\"p-r-0 text-right col-xs-12 col-sm-6\">\n    <span\n      [ngPlural]=\"deviceCount\"\n      *ngIf=\"displayDeviceCount && deviceCount !== undefined && deviceCount !== null\"\n    >\n      <ng-template ngPluralCase=\"=0\">\n        <span\n          class=\"label label-default\"\n          translate\n        >\n          No devices selected\n        </span>\n      </ng-template>\n      <ng-template ngPluralCase=\"=1\">\n        <span class=\"badge badge-info m-r-4\">1</span>\n        <span translate>device selected</span>\n      </ng-template>\n      <ng-template ngPluralCase=\"other\">\n        <span class=\"badge badge-info m-r-4\">{{ deviceCount }}</span>\n        <span translate>devices selected</span>\n      </ng-template>\n    </span>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-operation-summary', imports: [NgIf, NgPlural, NgPluralCase, C8yTranslateDirective, C8yTranslatePipe], template: "<div class=\"d-flex\">\n  <div class=\"p-l-0 col-xs-12 col-sm-6\">\n    <h4>{{ name | translate }}</h4>\n    <p class=\"text-muted m-b-8\">\n      {{ description | translate }}\n    </p>\n  </div>\n  <div class=\"p-r-0 text-right col-xs-12 col-sm-6\">\n    <span\n      [ngPlural]=\"deviceCount\"\n      *ngIf=\"displayDeviceCount && deviceCount !== undefined && deviceCount !== null\"\n    >\n      <ng-template ngPluralCase=\"=0\">\n        <span\n          class=\"label label-default\"\n          translate\n        >\n          No devices selected\n        </span>\n      </ng-template>\n      <ng-template ngPluralCase=\"=1\">\n        <span class=\"badge badge-info m-r-4\">1</span>\n        <span translate>device selected</span>\n      </ng-template>\n      <ng-template ngPluralCase=\"other\">\n        <span class=\"badge badge-info m-r-4\">{{ deviceCount }}</span>\n        <span translate>devices selected</span>\n      </ng-template>\n    </span>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.InventoryService }], propDecorators: { name: [{
                 type: Input
             }], description: [{
@@ -42,14 +41,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  */
 class OperationSummaryModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryModule, declarations: [OperationSummaryComponent], imports: [CoreModule], exports: [OperationSummaryComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryModule, imports: [CoreModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryModule, imports: [OperationSummaryComponent], exports: [OperationSummaryComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationSummaryModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CoreModule],
-                    declarations: [OperationSummaryComponent],
+                    imports: [OperationSummaryComponent],
                     exports: [OperationSummaryComponent]
                 }]
         }] });

package/fesm2022/c8y-ngx-components-operations-operation-summary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-operations-operation-summary.mjs","sources":["../../operations/operation-summary/operation-summary.component.ts","../../operations/operation-summary/operation-summary.component.html","../../operations/operation-summary/operation-summary.module.ts","../../operations/operation-summary/c8y-ngx-components-operations-operation-summary.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { IManagedObject, InventoryService, IResultList } from '@c8y/client';\n\n@Component({\n  selector: 'c8y-operation-summary',\n  templateUrl: 'operation-summary.component.html',\n  standalone: false\n})\nexport class OperationSummaryComponent {\n  @Input()\n  name: string;\n\n  @Input()\n  description: string;\n\n  @Input()\n  set deviceQueryString(query: string) {\n    this.displayDeviceCount = true;\n    const filters = {\n      q: query || '',\n      pageSize: 1,\n      currentPage: 1,\n      withTotalPages: true\n    };\n    this.inventoryService\n      .list(filters)\n      .then((result: IResultList<IManagedObject>) => (this.deviceCount = result.paging.totalPages));\n  }\n\n  deviceCount = 0;\n  displayDeviceCount = false;\n\n  constructor(private inventoryService: InventoryService) {}\n}\n","<div class=\"d-flex\">\n  <div class=\"p-l-0 col-xs-12 col-sm-6\">\n    <h4>{{ name | translate }}</h4>\n    <p class=\"text-muted m-b-8\">\n      {{ description | translate }}\n    </p>\n  </div>\n  <div class=\"p-r-0 text-right col-xs-12 col-sm-6\">\n    <span\n      [ngPlural]=\"deviceCount\"\n      *ngIf=\"displayDeviceCount && deviceCount !== undefined && deviceCount !== null\"\n    >\n      <ng-template ngPluralCase=\"=0\">\n        <span\n          class=\"label label-default\"\n          translate\n        >\n          No devices selected\n        </span>\n      </ng-template>\n      <ng-template ngPluralCase=\"=1\">\n        <span class=\"badge badge-info m-r-4\">1</span>\n        <span translate>device selected</span>\n      </ng-template>\n      <ng-template ngPluralCase=\"other\">\n        <span class=\"badge badge-info m-r-4\">{{ deviceCount }}</span>\n        <span translate>devices selected</span>\n      </ng-template>\n    </span>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@c8y/ngx-components';\nimport { OperationSummaryComponent } from './operation-summary.component';\n\n/**\n * This module provides a component for displaying the summary of given bulk operation.\n */\n@NgModule({\n  imports: [CoreModule],\n  declarations: [OperationSummaryComponent],\n  exports: [OperationSummaryComponent]\n})\nexport class OperationSummaryModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,yBAAyB,CAAA;IAOpC,IACI,iBAAiB,CAAC,KAAa,EAAA;AACjC,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;AAC9B,QAAA,MAAM,OAAO,GAAG;YACd,CAAC,EAAE,KAAK,IAAI,EAAE;AACd,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,cAAc,EAAE;SACjB;AACD,QAAA,IAAI,CAAC;aACF,IAAI,CAAC,OAAO;AACZ,aAAA,IAAI,CAAC,CAAC,MAAmC,MAAM,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;AAMjG,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB;QAHpC,IAAW,CAAA,WAAA,GAAG,CAAC;QACf,IAAkB,CAAA,kBAAA,GAAG,KAAK;;+GAtBf,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,gLCRtC,s9BA+BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDvBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,cAErB,KAAK,EAAA,QAAA,EAAA,s9BAAA,EAAA;qFAIjB,IAAI,EAAA,CAAA;sBADH;gBAID,WAAW,EAAA,CAAA;sBADV;gBAIG,iBAAiB,EAAA,CAAA;sBADpB;;;AEXH;;AAEG;MAMU,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAHlB,YAAA,EAAA,CAAA,yBAAyB,CAD9B,EAAA,OAAA,EAAA,CAAA,UAAU,aAEV,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAExB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAJvB,UAAU,CAAA,EAAA,CAAA,CAAA;;4FAIT,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,OAAO,EAAE,CAAC,yBAAyB;AACpC,iBAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"c8y-ngx-components-operations-operation-summary.mjs","sources":["../../operations/operation-summary/operation-summary.component.ts","../../operations/operation-summary/operation-summary.component.html","../../operations/operation-summary/operation-summary.module.ts","../../operations/operation-summary/c8y-ngx-components-operations-operation-summary.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { IManagedObject, InventoryService, IResultList } from '@c8y/client';\nimport { NgIf, NgPlural, NgPluralCase } from '@angular/common';\nimport { C8yTranslateDirective, C8yTranslatePipe } from '@c8y/ngx-components';\n\n@Component({\n  selector: 'c8y-operation-summary',\n  templateUrl: 'operation-summary.component.html',\n  imports: [NgIf, NgPlural, NgPluralCase, C8yTranslateDirective, C8yTranslatePipe]\n})\nexport class OperationSummaryComponent {\n  @Input()\n  name: string;\n\n  @Input()\n  description: string;\n\n  @Input()\n  set deviceQueryString(query: string) {\n    this.displayDeviceCount = true;\n    const filters = {\n      q: query || '',\n      pageSize: 1,\n      currentPage: 1,\n      withTotalPages: true\n    };\n    this.inventoryService\n      .list(filters)\n      .then((result: IResultList<IManagedObject>) => (this.deviceCount = result.paging.totalPages));\n  }\n\n  deviceCount = 0;\n  displayDeviceCount = false;\n\n  constructor(private inventoryService: InventoryService) {}\n}\n","<div class=\"d-flex\">\n  <div class=\"p-l-0 col-xs-12 col-sm-6\">\n    <h4>{{ name | translate }}</h4>\n    <p class=\"text-muted m-b-8\">\n      {{ description | translate }}\n    </p>\n  </div>\n  <div class=\"p-r-0 text-right col-xs-12 col-sm-6\">\n    <span\n      [ngPlural]=\"deviceCount\"\n      *ngIf=\"displayDeviceCount && deviceCount !== undefined && deviceCount !== null\"\n    >\n      <ng-template ngPluralCase=\"=0\">\n        <span\n          class=\"label label-default\"\n          translate\n        >\n          No devices selected\n        </span>\n      </ng-template>\n      <ng-template ngPluralCase=\"=1\">\n        <span class=\"badge badge-info m-r-4\">1</span>\n        <span translate>device selected</span>\n      </ng-template>\n      <ng-template ngPluralCase=\"other\">\n        <span class=\"badge badge-info m-r-4\">{{ deviceCount }}</span>\n        <span translate>devices selected</span>\n      </ng-template>\n    </span>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OperationSummaryComponent } from './operation-summary.component';\n\n/**\n * This module provides a component for displaying the summary of given bulk operation.\n */\n@NgModule({\n  imports: [OperationSummaryComponent],\n  exports: [OperationSummaryComponent]\n})\nexport class OperationSummaryModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAUa,yBAAyB,CAAA;IAOpC,IACI,iBAAiB,CAAC,KAAa,EAAA;AACjC,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;AAC9B,QAAA,MAAM,OAAO,GAAG;YACd,CAAC,EAAE,KAAK,IAAI,EAAE;AACd,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,cAAc,EAAE;SACjB;AACD,QAAA,IAAI,CAAC;aACF,IAAI,CAAC,OAAO;AACZ,aAAA,IAAI,CAAC,CAAC,MAAmC,MAAM,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;AAMjG,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB;QAHpC,IAAW,CAAA,WAAA,GAAG,CAAC;QACf,IAAkB,CAAA,kBAAA,GAAG,KAAK;;+GAtBf,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtC,s9BA+BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDvBY,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,QAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEpE,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACE,uBAAuB,EAAA,OAAA,EAExB,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,s9BAAA,EAAA;qFAIhF,IAAI,EAAA,CAAA;sBADH;gBAID,WAAW,EAAA,CAAA;sBADV;gBAIG,iBAAiB,EAAA,CAAA;sBADpB;;;AEdH;;AAEG;MAKU,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAtB,sBAAsB,EAAA,OAAA,EAAA,CAHvB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CACzB,yBAAyB,CAAA,EAAA,CAAA,CAAA;gHAExB,sBAAsB,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,OAAO,EAAE,CAAC,yBAAyB;AACpC,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-operations-operations-list-item-details.mjs

@@ -1,15 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Component, ViewChild, NgModule } from '@angular/core';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
-import * as i3 from 'ngx-bootstrap/popover';
-import { PopoverModule } from 'ngx-bootstrap/popover';
-import * as i1 from '@c8y/ngx-components';
-import { gettext, CoreModule } from '@c8y/ngx-components';
-import * as i3$1 from '@c8y/ngx-components/operations/bulk-single-operations-list';
-import { BulkSingleOperationsListModule } from '@c8y/ngx-components/operations/bulk-single-operations-list';
-import { StatusFilterModule } from '@c8y/ngx-components/operations/status-filter';
 import { AuditRecordType } from '@c8y/client';
-import * as i2 from '@angular/common';
+import { C8yTranslateDirective, IconDirective, C8yTranslatePipe, DatePipe, gettext, AuditLogComponent } from '@c8y/ngx-components';
+import { NgIf, NgPlural, NgPluralCase, JsonPipe, NgFor, NgClass, NgTemplateOutlet } from '@angular/common';
+import { PopoverDirective } from 'ngx-bootstrap/popover';
+import { SingleOperationsListComponent } from '@c8y/ngx-components/operations/bulk-single-operations-list';
 
 class OperationListItemDetailsComponent {
     constructor() {
@@ -22,11 +17,21 @@ class OperationListItemDetailsComponent {
         this.bulkOperationModalDetailsService.openDetails(bulkOperationId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationListItemDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: OperationListItemDetailsComponent, isStandalone: false, selector: "c8y-operation-li-details", inputs: { operation: "operation", bulkOperationModalDetailsService: "bulkOperationModalDetailsService" }, outputs: { showFailedOperation: "showFailedOperation" }, ngImport: i0, template: "<div class=\"row d-flex-md fit-h\">\n  <div class=\"col-md-4 m-b-auto\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Details\n    </div>\n    <ul class=\"list-unstyled small\">\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.startDate\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Start date\n        </label>\n        <span class=\"m-l-auto\">{{ operation.startDate | c8yDate }}</span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.bulkOperationId\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Bulk operation\n        </label>\n        <div class=\"m-l-auto text-right text-truncate\">\n          <a\n            class=\"interact\"\n            (click)=\"openBulkOperationDetails(operation.bulkOperationId)\"\n          >\n            {{ 'See details' | translate }}\n          </a>\n        </div>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.creationRamp\"\n      >\n        <label class=\"small m-0\">\n          {{ 'Delay' | translate }}\n          <button\n            class=\"btn-help btn-help--sm\"\n            [attr.aria-label]=\"'Help' | translate\"\n            popover=\"{{ 'Delay before sending the operation to the next device.' | translate }}\"\n            placement=\"right\"\n            triggers=\"focus\"\n            container=\"body\"\n            type=\"button\"\n          ></button>\n        </label>\n        <span\n          class=\"m-l-auto\"\n          [ngPlural]=\"operation.creationRamp\"\n        >\n          <ng-template ngPluralCase=\"=1\">\n            {{ operation.creationRamp }}\n            <span translate>second</span>\n          </ng-template>\n          <ng-template ngPluralCase=\"other\">\n            {{ operation.creationRamp }}\n            <span translate>seconds</span>\n          </ng-template>\n        </span>\n      </li>\n      <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Status\n        </label>\n        <span class=\"m-l-auto text-uppercase\">\n          @if (operation.operationPrototype) {\n            {{ operation.generalStatus.toString() | translate }}\n          } @else if (operation.status) {\n            {{ operation.status?.toString() | translate }}\n          }\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failureReason\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Failure reason\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.failureReason | translate }}\"\n        >\n          {{ operation.failureReason | translate }}\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.result || operation.progress\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Result\n        </label>\n        <div\n          class=\"d-flex flex-grow m-l-auto j-c-end\"\n          *ngIf=\"operation.progress; else singleOpResult\"\n        >\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.successful > 0\"\n          >\n            <i\n              class=\"text-success m-r-4\"\n              c8yIcon=\"check-circle\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{\n                bulkOperationsCountSuccessful: operation.progress.successful\n              }\"\n            >\n              {{ bulkOperationsCountSuccessful }} successful\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.failed > 0\"\n          >\n            <i\n              class=\"text-danger m-r-4\"\n              c8yIcon=\"warning\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountFailed: operation.progress.failed }\"\n            >\n              {{ bulkOperationsCountFailed }} failed\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.executing > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"refresh\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountExecuting: operation.progress.executing }\"\n            >\n              {{ bulkOperationsCountExecuting }} executing\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.pending > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"clock-o\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountPending: operation.progress.pending }\"\n            >\n              {{ bulkOperationsCountPending }} pending\n            </span>\n          </div>\n        </div>\n        <ng-template #singleOpResult>\n          <span\n            class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n            title=\"{{ operation.result }}\"\n          >\n            {{ operation.result }}\n          </span>\n        </ng-template>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failedParentId\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Retried from\n        </label>\n        <span class=\"m-l-auto\">\n          <button\n            class=\"btn btn-default btn-xs\"\n            title=\"{{ 'Scroll to parent operation.' | translate }}\"\n            type=\"button\"\n            (click)=\"scrollToRetriedFromOperation(operation.failedParentId)\"\n          >\n            {{ operation.failedParentId }}\n          </button>\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.note || operation.description\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Description\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.note ? operation.note : (operation.description | translate) }}\"\n        >\n          {{ operation.note ? operation.note : (operation.description | translate) }}\n        </span>\n      </li>\n    </ul>\n  </div>\n  <div class=\"col-md-8 fit-h d-flex d-col\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Operation\n    </div>\n    <pre class=\"inner-scroll p-8 m-b-0 text-pre-normal\">\n      <code>{{ operation.operationPrototype || operation | json }}</code>\n    </pre>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i2.NgPluralCase, selector: "[ngPluralCase]" }, { kind: "directive", type: i3.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i1.DatePipe, name: "c8yDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: OperationListItemDetailsComponent, isStandalone: true, selector: "c8y-operation-li-details", inputs: { operation: "operation", bulkOperationModalDetailsService: "bulkOperationModalDetailsService" }, outputs: { showFailedOperation: "showFailedOperation" }, ngImport: i0, template: "<div class=\"row d-flex-md fit-h\">\n  <div class=\"col-md-4 m-b-auto\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Details\n    </div>\n    <ul class=\"list-unstyled small\">\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.startDate\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Start date\n        </label>\n        <span class=\"m-l-auto\">{{ operation.startDate | c8yDate }}</span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.bulkOperationId\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Bulk operation\n        </label>\n        <div class=\"m-l-auto text-right text-truncate\">\n          <a\n            class=\"interact\"\n            (click)=\"openBulkOperationDetails(operation.bulkOperationId)\"\n          >\n            {{ 'See details' | translate }}\n          </a>\n        </div>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.creationRamp\"\n      >\n        <label class=\"small m-0\">\n          {{ 'Delay' | translate }}\n          <button\n            class=\"btn-help btn-help--sm\"\n            [attr.aria-label]=\"'Help' | translate\"\n            popover=\"{{ 'Delay before sending the operation to the next device.' | translate }}\"\n            placement=\"right\"\n            triggers=\"focus\"\n            container=\"body\"\n            type=\"button\"\n          ></button>\n        </label>\n        <span\n          class=\"m-l-auto\"\n          [ngPlural]=\"operation.creationRamp\"\n        >\n          <ng-template ngPluralCase=\"=1\">\n            {{ operation.creationRamp }}\n            <span translate>second</span>\n          </ng-template>\n          <ng-template ngPluralCase=\"other\">\n            {{ operation.creationRamp }}\n            <span translate>seconds</span>\n          </ng-template>\n        </span>\n      </li>\n      <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Status\n        </label>\n        <span class=\"m-l-auto text-uppercase\">\n          @if (operation.operationPrototype) {\n            {{ operation.generalStatus.toString() | translate }}\n          } @else if (operation.status) {\n            {{ operation.status?.toString() | translate }}\n          }\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failureReason\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Failure reason\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.failureReason | translate }}\"\n        >\n          {{ operation.failureReason | translate }}\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.result || operation.progress\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Result\n        </label>\n        <div\n          class=\"d-flex flex-grow m-l-auto j-c-end\"\n          *ngIf=\"operation.progress; else singleOpResult\"\n        >\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.successful > 0\"\n          >\n            <i\n              class=\"text-success m-r-4\"\n              c8yIcon=\"check-circle\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{\n                bulkOperationsCountSuccessful: operation.progress.successful\n              }\"\n            >\n              {{ bulkOperationsCountSuccessful }} successful\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.failed > 0\"\n          >\n            <i\n              class=\"text-danger m-r-4\"\n              c8yIcon=\"warning\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountFailed: operation.progress.failed }\"\n            >\n              {{ bulkOperationsCountFailed }} failed\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.executing > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"refresh\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountExecuting: operation.progress.executing }\"\n            >\n              {{ bulkOperationsCountExecuting }} executing\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.pending > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"clock-o\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountPending: operation.progress.pending }\"\n            >\n              {{ bulkOperationsCountPending }} pending\n            </span>\n          </div>\n        </div>\n        <ng-template #singleOpResult>\n          <span\n            class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n            title=\"{{ operation.result }}\"\n          >\n            {{ operation.result }}\n          </span>\n        </ng-template>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failedParentId\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Retried from\n        </label>\n        <span class=\"m-l-auto\">\n          <button\n            class=\"btn btn-default btn-xs\"\n            title=\"{{ 'Scroll to parent operation.' | translate }}\"\n            type=\"button\"\n            (click)=\"scrollToRetriedFromOperation(operation.failedParentId)\"\n          >\n            {{ operation.failedParentId }}\n          </button>\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.note || operation.description\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Description\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.note ? operation.note : (operation.description | translate) }}\"\n        >\n          {{ operation.note ? operation.note : (operation.description | translate) }}\n        </span>\n      </li>\n    </ul>\n  </div>\n  <div class=\"col-md-8 fit-h d-flex d-col\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Operation\n    </div>\n    <pre class=\"inner-scroll p-8 m-b-0 text-pre-normal\">\n      <code>{{ operation.operationPrototype || operation | json }}</code>\n    </pre>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "directive", type: NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: NgPluralCase, selector: "[ngPluralCase]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationListItemDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-operation-li-details', standalone: false, template: "<div class=\"row d-flex-md fit-h\">\n  <div class=\"col-md-4 m-b-auto\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Details\n    </div>\n    <ul class=\"list-unstyled small\">\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.startDate\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Start date\n        </label>\n        <span class=\"m-l-auto\">{{ operation.startDate | c8yDate }}</span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.bulkOperationId\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Bulk operation\n        </label>\n        <div class=\"m-l-auto text-right text-truncate\">\n          <a\n            class=\"interact\"\n            (click)=\"openBulkOperationDetails(operation.bulkOperationId)\"\n          >\n            {{ 'See details' | translate }}\n          </a>\n        </div>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.creationRamp\"\n      >\n        <label class=\"small m-0\">\n          {{ 'Delay' | translate }}\n          <button\n            class=\"btn-help btn-help--sm\"\n            [attr.aria-label]=\"'Help' | translate\"\n            popover=\"{{ 'Delay before sending the operation to the next device.' | translate }}\"\n            placement=\"right\"\n            triggers=\"focus\"\n            container=\"body\"\n            type=\"button\"\n          ></button>\n        </label>\n        <span\n          class=\"m-l-auto\"\n          [ngPlural]=\"operation.creationRamp\"\n        >\n          <ng-template ngPluralCase=\"=1\">\n            {{ operation.creationRamp }}\n            <span translate>second</span>\n          </ng-template>\n          <ng-template ngPluralCase=\"other\">\n            {{ operation.creationRamp }}\n            <span translate>seconds</span>\n          </ng-template>\n        </span>\n      </li>\n      <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Status\n        </label>\n        <span class=\"m-l-auto text-uppercase\">\n          @if (operation.operationPrototype) {\n            {{ operation.generalStatus.toString() | translate }}\n          } @else if (operation.status) {\n            {{ operation.status?.toString() | translate }}\n          }\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failureReason\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Failure reason\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.failureReason | translate }}\"\n        >\n          {{ operation.failureReason | translate }}\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.result || operation.progress\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Result\n        </label>\n        <div\n          class=\"d-flex flex-grow m-l-auto j-c-end\"\n          *ngIf=\"operation.progress; else singleOpResult\"\n        >\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.successful > 0\"\n          >\n            <i\n              class=\"text-success m-r-4\"\n              c8yIcon=\"check-circle\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{\n                bulkOperationsCountSuccessful: operation.progress.successful\n              }\"\n            >\n              {{ bulkOperationsCountSuccessful }} successful\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.failed > 0\"\n          >\n            <i\n              class=\"text-danger m-r-4\"\n              c8yIcon=\"warning\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountFailed: operation.progress.failed }\"\n            >\n              {{ bulkOperationsCountFailed }} failed\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.executing > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"refresh\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountExecuting: operation.progress.executing }\"\n            >\n              {{ bulkOperationsCountExecuting }} executing\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.pending > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"clock-o\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountPending: operation.progress.pending }\"\n            >\n              {{ bulkOperationsCountPending }} pending\n            </span>\n          </div>\n        </div>\n        <ng-template #singleOpResult>\n          <span\n            class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n            title=\"{{ operation.result }}\"\n          >\n            {{ operation.result }}\n          </span>\n        </ng-template>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failedParentId\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Retried from\n        </label>\n        <span class=\"m-l-auto\">\n          <button\n            class=\"btn btn-default btn-xs\"\n            title=\"{{ 'Scroll to parent operation.' | translate }}\"\n            type=\"button\"\n            (click)=\"scrollToRetriedFromOperation(operation.failedParentId)\"\n          >\n            {{ operation.failedParentId }}\n          </button>\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.note || operation.description\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Description\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.note ? operation.note : (operation.description | translate) }}\"\n        >\n          {{ operation.note ? operation.note : (operation.description | translate) }}\n        </span>\n      </li>\n    </ul>\n  </div>\n  <div class=\"col-md-8 fit-h d-flex d-col\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Operation\n    </div>\n    <pre class=\"inner-scroll p-8 m-b-0 text-pre-normal\">\n      <code>{{ operation.operationPrototype || operation | json }}</code>\n    </pre>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-operation-li-details', imports: [
+                        C8yTranslateDirective,
+                        NgIf,
+                        PopoverDirective,
+                        NgPlural,
+                        NgPluralCase,
+                        IconDirective,
+                        C8yTranslatePipe,
+                        JsonPipe,
+                        DatePipe
+                    ], template: "<div class=\"row d-flex-md fit-h\">\n  <div class=\"col-md-4 m-b-auto\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Details\n    </div>\n    <ul class=\"list-unstyled small\">\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.startDate\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Start date\n        </label>\n        <span class=\"m-l-auto\">{{ operation.startDate | c8yDate }}</span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.bulkOperationId\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Bulk operation\n        </label>\n        <div class=\"m-l-auto text-right text-truncate\">\n          <a\n            class=\"interact\"\n            (click)=\"openBulkOperationDetails(operation.bulkOperationId)\"\n          >\n            {{ 'See details' | translate }}\n          </a>\n        </div>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.creationRamp\"\n      >\n        <label class=\"small m-0\">\n          {{ 'Delay' | translate }}\n          <button\n            class=\"btn-help btn-help--sm\"\n            [attr.aria-label]=\"'Help' | translate\"\n            popover=\"{{ 'Delay before sending the operation to the next device.' | translate }}\"\n            placement=\"right\"\n            triggers=\"focus\"\n            container=\"body\"\n            type=\"button\"\n          ></button>\n        </label>\n        <span\n          class=\"m-l-auto\"\n          [ngPlural]=\"operation.creationRamp\"\n        >\n          <ng-template ngPluralCase=\"=1\">\n            {{ operation.creationRamp }}\n            <span translate>second</span>\n          </ng-template>\n          <ng-template ngPluralCase=\"other\">\n            {{ operation.creationRamp }}\n            <span translate>seconds</span>\n          </ng-template>\n        </span>\n      </li>\n      <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Status\n        </label>\n        <span class=\"m-l-auto text-uppercase\">\n          @if (operation.operationPrototype) {\n            {{ operation.generalStatus.toString() | translate }}\n          } @else if (operation.status) {\n            {{ operation.status?.toString() | translate }}\n          }\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failureReason\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Failure reason\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.failureReason | translate }}\"\n        >\n          {{ operation.failureReason | translate }}\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.result || operation.progress\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Result\n        </label>\n        <div\n          class=\"d-flex flex-grow m-l-auto j-c-end\"\n          *ngIf=\"operation.progress; else singleOpResult\"\n        >\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.successful > 0\"\n          >\n            <i\n              class=\"text-success m-r-4\"\n              c8yIcon=\"check-circle\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{\n                bulkOperationsCountSuccessful: operation.progress.successful\n              }\"\n            >\n              {{ bulkOperationsCountSuccessful }} successful\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.failed > 0\"\n          >\n            <i\n              class=\"text-danger m-r-4\"\n              c8yIcon=\"warning\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountFailed: operation.progress.failed }\"\n            >\n              {{ bulkOperationsCountFailed }} failed\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.executing > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"refresh\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountExecuting: operation.progress.executing }\"\n            >\n              {{ bulkOperationsCountExecuting }} executing\n            </span>\n          </div>\n          <div\n            class=\"icon-flex m-l-auto m-r-8\"\n            *ngIf=\"operation.progress.pending > 0\"\n          >\n            <i\n              class=\"m-r-4 text-info\"\n              c8yIcon=\"clock-o\"\n            ></i>\n            <span\n              ngNonBindable\n              translate\n              [translateParams]=\"{ bulkOperationsCountPending: operation.progress.pending }\"\n            >\n              {{ bulkOperationsCountPending }} pending\n            </span>\n          </div>\n        </div>\n        <ng-template #singleOpResult>\n          <span\n            class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n            title=\"{{ operation.result }}\"\n          >\n            {{ operation.result }}\n          </span>\n        </ng-template>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.failedParentId\"\n      >\n        <label\n          class=\"small m-0\"\n          translate\n        >\n          Retried from\n        </label>\n        <span class=\"m-l-auto\">\n          <button\n            class=\"btn btn-default btn-xs\"\n            title=\"{{ 'Scroll to parent operation.' | translate }}\"\n            type=\"button\"\n            (click)=\"scrollToRetriedFromOperation(operation.failedParentId)\"\n          >\n            {{ operation.failedParentId }}\n          </button>\n        </span>\n      </li>\n      <li\n        class=\"p-t-4 p-b-4 d-flex separator-bottom\"\n        *ngIf=\"operation.note || operation.description\"\n      >\n        <label\n          class=\"small m-b-auto\"\n          translate\n        >\n          Description\n        </label>\n        <span\n          class=\"inner-scroll p-l-16 m-b-0 m-l-auto text-truncate-wrap\"\n          title=\"{{ operation.note ? operation.note : (operation.description | translate) }}\"\n        >\n          {{ operation.note ? operation.note : (operation.description | translate) }}\n        </span>\n      </li>\n    </ul>\n  </div>\n  <div class=\"col-md-8 fit-h d-flex d-col\">\n    <div\n      class=\"legend form-block\"\n      translate\n    >\n      Operation\n    </div>\n    <pre class=\"inner-scroll p-8 m-b-0 text-pre-normal\">\n      <code>{{ operation.operationPrototype || operation | json }}</code>\n    </pre>\n  </div>\n</div>\n" }]
         }], propDecorators: { operation: [{
                 type: Input
             }], bulkOperationModalDetailsService: [{
@@ -61,11 +66,21 @@ class OperationDetailsTabsComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationDetailsTabsComponent, isStandalone: false, selector: "c8y-operation-details-tabs", inputs: { operation: "operation", readOnly: "readOnly", bulkOperationModalDetailsService: "bulkOperationModalDetailsService" }, outputs: { onRetryFailedOperations: "onRetryFailedOperations", showFailedOperation: "showFailedOperation" }, viewQueries: [{ propertyName: "detailsTemplate", first: true, predicate: ["details"], descendants: true, static: true }, { propertyName: "auditTemplate", first: true, predicate: ["audit"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"tabContainer\"\n  #container\n>\n  <ul class=\"nav nav-tabs nav-tabsc8y\">\n    <li\n      [ngClass]=\"{ active: tab.template === template }\"\n      *ngFor=\"let tab of tabs\"\n    >\n      <button\n        class=\"btn\"\n        [title]=\"tab.label | translate\"\n        (click)=\"template = tab.template\"\n      >\n        <i [c8yIcon]=\"tab.icon\"></i>\n        <span class=\"txt\">{{ tab.label | translate }}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n\n<ng-template #details>\n  <c8y-operation-li-details\n    [operation]=\"operation\"\n    (showFailedOperation)=\"showFailedOperation.emit($event)\"\n    [bulkOperationModalDetailsService]=\"bulkOperationModalDetailsService\"\n  ></c8y-operation-li-details>\n</ng-template>\n\n<ng-template #audit>\n  <c8y-audit-log\n    [source]=\"operation.id\"\n    [type]=\"\n      !!operation.operationPrototype ? AuditRecordType.BULK_OPERATION : AuditRecordType.OPERATION\n    \"\n  ></c8y-audit-log>\n</ng-template>\n\n<c8y-single-operations-list\n  class=\"d-flex d-col\"\n  *ngIf=\"operation.operationPrototype\"\n  [bulkOperation]=\"operation\"\n  [readOnly]=\"readOnly\"\n  (onRetryFailedOperations)=\"onRetryFailedOperations.emit($event)\"\n></c8y-single-operations-list>\n", dependencies: [{ kind: "component", type: i1.AuditLogComponent, selector: "c8y-audit-log", inputs: ["source", "type"] }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.SingleOperationsListComponent, selector: "c8y-single-operations-list", inputs: ["bulkOperation", "readOnly"], outputs: ["onRetryFailedOperations"] }, { kind: "component", type: OperationListItemDetailsComponent, selector: "c8y-operation-li-details", inputs: ["operation", "bulkOperationModalDetailsService"], outputs: ["showFailedOperation"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OperationDetailsTabsComponent, isStandalone: true, selector: "c8y-operation-details-tabs", inputs: { operation: "operation", readOnly: "readOnly", bulkOperationModalDetailsService: "bulkOperationModalDetailsService" }, outputs: { onRetryFailedOperations: "onRetryFailedOperations", showFailedOperation: "showFailedOperation" }, viewQueries: [{ propertyName: "detailsTemplate", first: true, predicate: ["details"], descendants: true, static: true }, { propertyName: "auditTemplate", first: true, predicate: ["audit"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"tabContainer\"\n  #container\n>\n  <ul class=\"nav nav-tabs nav-tabsc8y\">\n    <li\n      [ngClass]=\"{ active: tab.template === template }\"\n      *ngFor=\"let tab of tabs\"\n    >\n      <button\n        class=\"btn\"\n        [title]=\"tab.label | translate\"\n        (click)=\"template = tab.template\"\n      >\n        <i [c8yIcon]=\"tab.icon\"></i>\n        <span class=\"txt\">{{ tab.label | translate }}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n\n<ng-template #details>\n  <c8y-operation-li-details\n    [operation]=\"operation\"\n    (showFailedOperation)=\"showFailedOperation.emit($event)\"\n    [bulkOperationModalDetailsService]=\"bulkOperationModalDetailsService\"\n  ></c8y-operation-li-details>\n</ng-template>\n\n<ng-template #audit>\n  <c8y-audit-log\n    [source]=\"operation.id\"\n    [type]=\"\n      !!operation.operationPrototype ? AuditRecordType.BULK_OPERATION : AuditRecordType.OPERATION\n    \"\n  ></c8y-audit-log>\n</ng-template>\n\n<c8y-single-operations-list\n  class=\"d-flex d-col\"\n  *ngIf=\"operation.operationPrototype\"\n  [bulkOperation]=\"operation\"\n  [readOnly]=\"readOnly\"\n  (onRetryFailedOperations)=\"onRetryFailedOperations.emit($event)\"\n></c8y-single-operations-list>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OperationListItemDetailsComponent, selector: "c8y-operation-li-details", inputs: ["operation", "bulkOperationModalDetailsService"], outputs: ["showFailedOperation"] }, { kind: "component", type: AuditLogComponent, selector: "c8y-audit-log", inputs: ["source", "type"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SingleOperationsListComponent, selector: "c8y-single-operations-list", inputs: ["bulkOperation", "readOnly"], outputs: ["onRetryFailedOperations"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationDetailsTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-operation-details-tabs', standalone: false, template: "<div\n  class=\"tabContainer\"\n  #container\n>\n  <ul class=\"nav nav-tabs nav-tabsc8y\">\n    <li\n      [ngClass]=\"{ active: tab.template === template }\"\n      *ngFor=\"let tab of tabs\"\n    >\n      <button\n        class=\"btn\"\n        [title]=\"tab.label | translate\"\n        (click)=\"template = tab.template\"\n      >\n        <i [c8yIcon]=\"tab.icon\"></i>\n        <span class=\"txt\">{{ tab.label | translate }}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n\n<ng-template #details>\n  <c8y-operation-li-details\n    [operation]=\"operation\"\n    (showFailedOperation)=\"showFailedOperation.emit($event)\"\n    [bulkOperationModalDetailsService]=\"bulkOperationModalDetailsService\"\n  ></c8y-operation-li-details>\n</ng-template>\n\n<ng-template #audit>\n  <c8y-audit-log\n    [source]=\"operation.id\"\n    [type]=\"\n      !!operation.operationPrototype ? AuditRecordType.BULK_OPERATION : AuditRecordType.OPERATION\n    \"\n  ></c8y-audit-log>\n</ng-template>\n\n<c8y-single-operations-list\n  class=\"d-flex d-col\"\n  *ngIf=\"operation.operationPrototype\"\n  [bulkOperation]=\"operation\"\n  [readOnly]=\"readOnly\"\n  (onRetryFailedOperations)=\"onRetryFailedOperations.emit($event)\"\n></c8y-single-operations-list>\n" }]
+            args: [{ selector: 'c8y-operation-details-tabs', imports: [
+                        NgFor,
+                        NgClass,
+                        IconDirective,
+                        NgTemplateOutlet,
+                        OperationListItemDetailsComponent,
+                        AuditLogComponent,
+                        NgIf,
+                        SingleOperationsListComponent,
+                        C8yTranslatePipe
+                    ], template: "<div\n  class=\"tabContainer\"\n  #container\n>\n  <ul class=\"nav nav-tabs nav-tabsc8y\">\n    <li\n      [ngClass]=\"{ active: tab.template === template }\"\n      *ngFor=\"let tab of tabs\"\n    >\n      <button\n        class=\"btn\"\n        [title]=\"tab.label | translate\"\n        (click)=\"template = tab.template\"\n      >\n        <i [c8yIcon]=\"tab.icon\"></i>\n        <span class=\"txt\">{{ tab.label | translate }}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n\n<ng-template #details>\n  <c8y-operation-li-details\n    [operation]=\"operation\"\n    (showFailedOperation)=\"showFailedOperation.emit($event)\"\n    [bulkOperationModalDetailsService]=\"bulkOperationModalDetailsService\"\n  ></c8y-operation-li-details>\n</ng-template>\n\n<ng-template #audit>\n  <c8y-audit-log\n    [source]=\"operation.id\"\n    [type]=\"\n      !!operation.operationPrototype ? AuditRecordType.BULK_OPERATION : AuditRecordType.OPERATION\n    \"\n  ></c8y-audit-log>\n</ng-template>\n\n<c8y-single-operations-list\n  class=\"d-flex d-col\"\n  *ngIf=\"operation.operationPrototype\"\n  [bulkOperation]=\"operation\"\n  [readOnly]=\"readOnly\"\n  (onRetryFailedOperations)=\"onRetryFailedOperations.emit($event)\"\n></c8y-single-operations-list>\n" }]
         }], propDecorators: { operation: [{
                 type: Input
             }], readOnly: [{
@@ -89,28 +104,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  */
 class OperationsListItemDetailsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationsListItemDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: OperationsListItemDetailsModule, declarations: [OperationListItemDetailsComponent, OperationDetailsTabsComponent], imports: [CoreModule,
-            TooltipModule,
-            PopoverModule,
-            StatusFilterModule,
-            BulkSingleOperationsListModule], exports: [OperationListItemDetailsComponent, OperationDetailsTabsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationsListItemDetailsModule, imports: [CoreModule,
-            TooltipModule,
-            PopoverModule,
-            StatusFilterModule,
-            BulkSingleOperationsListModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: OperationsListItemDetailsModule, imports: [OperationListItemDetailsComponent, OperationDetailsTabsComponent], exports: [OperationListItemDetailsComponent, OperationDetailsTabsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationsListItemDetailsModule, imports: [OperationDetailsTabsComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OperationsListItemDetailsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CoreModule,
-                        TooltipModule,
-                        PopoverModule,
-                        StatusFilterModule,
-                        BulkSingleOperationsListModule
-                    ],
-                    declarations: [OperationListItemDetailsComponent, OperationDetailsTabsComponent],
+                    imports: [OperationListItemDetailsComponent, OperationDetailsTabsComponent],
                     exports: [OperationListItemDetailsComponent, OperationDetailsTabsComponent]
                 }]
         }] });