@c8y/ngx-components 1024.19.1 → 1024.19.5

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

@@ -1203,7 +1203,7 @@ class AlarmDetailsComponent {
         this.alarmInfoSections = sections;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: AlarmDetailsComponent, deps: [{ token: AlarmDetailsService }, { token: i2.AlarmService }, { token: i3.AlertService }, { token: i3.AppStateService }, { token: i2.AuditService }, { token: i3.RelativeTimePipe }, { token: Ng1SmartRulesUpgradeService, optional: true }, { token: i1$1.TranslateService }, { token: i2.InventoryService }, { token: AlarmsViewService }, { token: i3.ColorService }, { token: i3.InterAppService }, { token: i3.GainsightService }, { token: AlarmsActivityTrackerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: AlarmDetailsComponent, isStandalone: true, selector: "c8y-alarm-details", inputs: { selectedAlarm: "selectedAlarm", showSections: "showSections", hiddenSections: "hiddenSections", showActions: "showActions", hiddenActions: "hiddenActions", showExternalNavigation: "showExternalNavigation" }, host: { listeners: { "document:visibilitychange": "visibilityChange()" } }, providers: [AlarmsActivityTrackerService], usesOnChanges: true, ngImport: i0, template: "@if (selectedAlarm) {\n  <div\n    class=\"card-header p-24 m-b-16 bg-component separator-bottom sticky-top\"\n    style=\"margin: 0 -24px\"\n  >\n    <h4\n      class=\"m-0\"\n      data-cy=\"c8y-alarm-details-title\"\n      [innerHTML]=\"selectedAlarm.text | translate | markdownToHtml | async\"\n    ></h4>\n  </div>\n}\n\n<c8y-icon-panel [sections]=\"alarmInfoSections\">\n  @if (showSections && !hiddenSections?.source) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--source-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 m-t-4 stroked-icon status\"\n            c8yIcon=\"contactless-payment\"\n          ></i>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Source' | translate }}</p>\n          <p class=\"small\">\n            <button\n              class=\"btn-link text-muted p-0 m-r-8 text-left\"\n              title=\"{{ selectedAlarm?.source?.name }}\"\n              type=\"button\"\n              routerLink=\"{{ selectedAlarmMO | assetLink }}\"\n            >\n              <small class=\"icon-flex\">\n                <i c8yIcon=\"exchange\"></i>\n                {{ selectedAlarm?.source?.name || selectedAlarm?.source?.id }}\n              </small>\n            </button>\n            @if (showSourceNavigationLink$ | async) {\n              <button\n                class=\"btn-link p-0 text-left\"\n                title=\"{{\n                  linkTitle\n                    | translate\n                      : { appName: userDeviceManagementApp$ | async | humanizeAppName | async }\n                }}\"\n                type=\"button\"\n                (click)=\"goToAlarmSource(selectedAlarm?.id)\"\n                data-cy=\"alarm-details-device-management-link\"\n              >\n                {{ userDeviceManagementApp$ | async | humanizeAppName | async }}\n                <i c8yIcon=\"external-link\"></i>\n              </button>\n            }\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  @if (showSections && !hiddenSections?.type) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--severity-type-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <span\n            class=\"circle-icon-wrapper\"\n            [ngStyle]=\"{ 'background-color': typeColor }\"\n          >\n            <i\n              class=\"stroked-icon\"\n              c8yIcon=\"bell\"\n            ></i>\n          </span>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8 min-width-0\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Type' | translate }}</p>\n          <p\n            class=\"small text-truncate\"\n            title=\"{{ selectedAlarm?.type }}\"\n          >\n            <code>{{ selectedAlarm?.type }}</code>\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"col-xs-12 col-md-12 p-b-16\">\n    <div class=\"border-all fit-w d-flex\">\n      <div class=\"p-8\">\n        <i\n          class=\"icon-24 text-gray-dark m-t-4\"\n          c8yIcon=\"calendar\"\n          data-cy=\"c8y-alarm-details--last-updated-icon\"\n        ></i>\n      </div>\n      <div class=\"p-t-8 p-b-0 p-r-8 flex-grow\">\n        <div class=\"content-flex-50\">\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.occurrenceCount) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--number-of-occurrences-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">\n                {{ 'Number of occurrences' | translate }}\n              </p>\n              <p>\n                <span\n                  class=\"badge badge-info\"\n                  data-cy=\"c8y-alarm-details--badge\"\n                >\n                  {{ selectedAlarm?.count }}\n                </span>\n              </p>\n            </div>\n          }\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.firstOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--first-occurrence-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'First occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.creationTime | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was created. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n          @if (showSections && !hiddenSections?.lastOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--last-updated-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Last occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.lastUpdated | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was last updated. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (customFragments && showSections && !hiddenSections?.customData) {\n    <div\n      class=\"col-xs-12 col-md-12 p-b-16\"\n      data-cy=\"c8y-alarm-details--custom-fragments-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 text-gray-dark m-t-4\"\n            c8yIcon=\"outgoing-data\"\n          ></i>\n        </div>\n        <div\n          class=\"p-t-8 p-b-0 p-r-8 flex-grow\"\n          data-cy=\"alarm-details-custom-data\"\n        >\n          <p class=\"text-label-small m-b-4 m-r-8\">{{ 'Custom data' | translate }}</p>\n          <pre><code>{{ customFragments | json }}</code></pre>\n        </div>\n      </div>\n    </div>\n  }\n</c8y-icon-panel>\n\n@if (showActions) {\n  <c8y-sv-details-actions [actions]=\"alarmActions\">\n    @for (button of selectedAlarm | alarmDetailsButton: selectedAlarmMO | async; track $index) {\n      <button\n        class=\"btn btn-default btn-sm no-swing\"\n        [title]=\"button.title | translate\"\n        type=\"button\"\n        [ngClass]=\"button.additionalButtonClasses\"\n        (click)=\"detailsButtonAction(button, selectedAlarm!)\"\n        [disabled]=\"button.disabled\"\n      >\n        <i\n          [c8yIcon]=\"button.icon\"\n          [ngClass]=\"button.additionalIconClasses\"\n        ></i>\n        @if (button.label) {\n          <span>{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n  </c8y-sv-details-actions>\n}\n\n@if (showSections && !hiddenSections?.auditLogs) {\n  <ng-template #noAuditLogAvailable>\n    <div class=\"p-16\">\n      <c8y-ui-empty-state\n        [icon]=\"'archive'\"\n        [title]=\"'No audit logs found.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    </div>\n  </ng-template>\n\n  <div>\n    <div class=\"legend form-block\">{{ 'Audit logs' | translate }}</div>\n\n    @if (isLoading || auditLog?.data.length) {\n      @if (isLoading) {\n        <c8y-loading></c8y-loading>\n      }\n\n      @if (!isLoading) {\n        <c8y-list-group data-cy=\"c8y-alarms-details--audit-logs\">\n          <c8y-li-timeline *c8yFor=\"let log of auditLog; loadMore: 'hidden'\">\n            {{ log.creationTime | c8yDate: 'mediumDate' }}\n            {{ log.creationTime | c8yDate: 'mediumTime' }}\n            <c8y-li>\n              <c8y-li-body>\n                <p class=\"text-truncate-wrap separator-bottom p-b-4\">\n                  {{ log | auditChangesMessage }}\n                </p>\n                <div class=\"c8y-list__item__footer\">\n                  @if (log.user) {\n                    <span class=\"m-r-16 small\">\n                      <span class=\"text-label-small\">\n                        {{ 'by`user`' | translate }}\n                      </span>\n                      {{ log.user }}\n                    </span>\n                  }\n                  <span class=\"small\">\n                    <span class=\"text-label-small\">\n                      {{ 'device time' | translate }}\n                    </span>\n                    {{ log.time | c8yDate: 'medium' }}\n                  </span>\n                </div>\n              </c8y-li-body>\n            </c8y-li>\n          </c8y-li-timeline>\n        </c8y-list-group>\n      }\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"noAuditLogAvailable\"></ng-container>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "progressLabel", "message"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "directive", type: ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "component", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: SplitViewDetailsActionsComponent, selector: "c8y-sv-details-actions", inputs: ["actions"] }, { kind: "component", type: IconPanelComponent, selector: "c8y-icon-panel", inputs: ["sections", "ariaLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: AssetLinkPipe, name: "assetLink" }, { kind: "pipe", type: AlarmDetailsButtonPipe, name: "alarmDetailsButton" }, { kind: "pipe", type: AuditChangesMessagePipe, name: "auditChangesMessage" }, { kind: "pipe", type: MarkdownToHtmlPipe, name: "markdownToHtml" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: AlarmDetailsComponent, isStandalone: true, selector: "c8y-alarm-details", inputs: { selectedAlarm: "selectedAlarm", showSections: "showSections", hiddenSections: "hiddenSections", showActions: "showActions", hiddenActions: "hiddenActions", showExternalNavigation: "showExternalNavigation" }, host: { listeners: { "document:visibilitychange": "visibilityChange()" } }, providers: [AlarmsActivityTrackerService], usesOnChanges: true, ngImport: i0, template: "@if (selectedAlarm) {\n  <div\n    class=\"card-header p-24 m-b-16 bg-component separator-bottom sticky-top\"\n    style=\"margin: 0 -24px\"\n  >\n    <h4\n      class=\"m-0\"\n      data-cy=\"c8y-alarm-details-title\"\n      [innerHTML]=\"selectedAlarm.text | translate | markdownToHtml | async\"\n    ></h4>\n  </div>\n}\n\n<c8y-icon-panel [sections]=\"alarmInfoSections\">\n  @if (showSections && !hiddenSections?.source) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--source-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 m-t-4 stroked-icon status\"\n            c8yIcon=\"contactless-payment\"\n          ></i>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Source' | translate }}</p>\n          <p class=\"small\">\n            <button\n              class=\"btn-link text-muted p-0 m-r-8 text-left\"\n              title=\"{{ selectedAlarm?.source?.name }}\"\n              type=\"button\"\n              routerLink=\"{{ selectedAlarmMO | assetLink }}\"\n            >\n              <small class=\"icon-flex\">\n                <i c8yIcon=\"exchange\"></i>\n                {{ selectedAlarm?.source?.name || selectedAlarm?.source?.id }}\n              </small>\n            </button>\n            @if (showSourceNavigationLink$ | async) {\n              <button\n                class=\"btn-link p-0 text-left\"\n                title=\"{{\n                  linkTitle\n                    | translate\n                      : { appName: userDeviceManagementApp$ | async | humanizeAppName | async }\n                }}\"\n                type=\"button\"\n                (click)=\"goToAlarmSource(selectedAlarm?.id)\"\n                data-cy=\"alarm-details-device-management-link\"\n              >\n                {{ userDeviceManagementApp$ | async | humanizeAppName | async }}\n                <i c8yIcon=\"external-link\"></i>\n              </button>\n            }\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  @if (showSections && !hiddenSections?.type) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--severity-type-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <span\n            class=\"circle-icon-wrapper\"\n            [ngStyle]=\"{ 'background-color': typeColor }\"\n          >\n            <i\n              class=\"stroked-icon\"\n              c8yIcon=\"bell\"\n            ></i>\n          </span>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8 min-width-0\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Type' | translate }}</p>\n          <p\n            class=\"small text-truncate\"\n            title=\"{{ selectedAlarm?.type }}\"\n          >\n            <code>{{ selectedAlarm?.type }}</code>\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"col-xs-12 col-md-12 p-b-16\">\n    <div class=\"border-all fit-w d-flex\">\n      <div class=\"p-8\">\n        <i\n          class=\"icon-24 text-gray-dark m-t-4\"\n          c8yIcon=\"calendar\"\n          data-cy=\"c8y-alarm-details--last-updated-icon\"\n        ></i>\n      </div>\n      <div class=\"p-t-8 p-b-0 p-r-8 flex-grow\">\n        <div class=\"content-flex-50\">\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.occurrenceCount) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--number-of-occurrences-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">\n                {{ 'Number of occurrences' | translate }}\n              </p>\n              <p>\n                <span\n                  class=\"badge badge-info\"\n                  data-cy=\"c8y-alarm-details--badge\"\n                >\n                  {{ selectedAlarm?.count }}\n                </span>\n              </p>\n            </div>\n          }\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.firstOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--first-occurrence-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'First occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.creationTime | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was created. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n          @if (showSections && !hiddenSections?.lastOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--last-updated-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Last occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.lastUpdated | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was last updated. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (customFragments && showSections && !hiddenSections?.customData) {\n    <div\n      class=\"col-xs-12 col-md-12 p-b-16\"\n      data-cy=\"c8y-alarm-details--custom-fragments-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 text-gray-dark m-t-4\"\n            c8yIcon=\"outgoing-data\"\n          ></i>\n        </div>\n        <div\n          class=\"p-t-8 p-b-0 p-r-8 flex-grow min-width-0\"\n          data-cy=\"alarm-details-custom-data\"\n        >\n          <p class=\"text-label-small m-b-4 m-r-8\">{{ 'Custom data' | translate }}</p>\n          <pre><code>{{ customFragments | json }}</code></pre>\n        </div>\n      </div>\n    </div>\n  }\n</c8y-icon-panel>\n\n@if (showActions) {\n  <c8y-sv-details-actions [actions]=\"alarmActions\">\n    @for (button of selectedAlarm | alarmDetailsButton: selectedAlarmMO | async; track $index) {\n      <button\n        class=\"btn btn-default btn-sm no-swing\"\n        [title]=\"button.title | translate\"\n        type=\"button\"\n        [ngClass]=\"button.additionalButtonClasses\"\n        (click)=\"detailsButtonAction(button, selectedAlarm!)\"\n        [disabled]=\"button.disabled\"\n      >\n        <i\n          [c8yIcon]=\"button.icon\"\n          [ngClass]=\"button.additionalIconClasses\"\n        ></i>\n        @if (button.label) {\n          <span>{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n  </c8y-sv-details-actions>\n}\n\n@if (showSections && !hiddenSections?.auditLogs) {\n  <ng-template #noAuditLogAvailable>\n    <div class=\"p-16\">\n      <c8y-ui-empty-state\n        [icon]=\"'archive'\"\n        [title]=\"'No audit logs found.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    </div>\n  </ng-template>\n\n  <div>\n    <div class=\"legend form-block\">{{ 'Audit logs' | translate }}</div>\n\n    @if (isLoading || auditLog?.data.length) {\n      @if (isLoading) {\n        <c8y-loading></c8y-loading>\n      }\n\n      @if (!isLoading) {\n        <c8y-list-group data-cy=\"c8y-alarms-details--audit-logs\">\n          <c8y-li-timeline *c8yFor=\"let log of auditLog; loadMore: 'hidden'\">\n            {{ log.creationTime | c8yDate: 'mediumDate' }}\n            {{ log.creationTime | c8yDate: 'mediumTime' }}\n            <c8y-li>\n              <c8y-li-body>\n                <p class=\"text-truncate-wrap separator-bottom p-b-4\">\n                  {{ log | auditChangesMessage }}\n                </p>\n                <div class=\"c8y-list__item__footer\">\n                  @if (log.user) {\n                    <span class=\"m-r-16 small\">\n                      <span class=\"text-label-small\">\n                        {{ 'by`user`' | translate }}\n                      </span>\n                      {{ log.user }}\n                    </span>\n                  }\n                  <span class=\"small\">\n                    <span class=\"text-label-small\">\n                      {{ 'device time' | translate }}\n                    </span>\n                    {{ log.time | c8yDate: 'medium' }}\n                  </span>\n                </div>\n              </c8y-li-body>\n            </c8y-li>\n          </c8y-li-timeline>\n        </c8y-list-group>\n      }\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"noAuditLogAvailable\"></ng-container>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "progressLabel", "message"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "directive", type: ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "component", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: SplitViewDetailsActionsComponent, selector: "c8y-sv-details-actions", inputs: ["actions"] }, { kind: "component", type: IconPanelComponent, selector: "c8y-icon-panel", inputs: ["sections", "ariaLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: AssetLinkPipe, name: "assetLink" }, { kind: "pipe", type: AlarmDetailsButtonPipe, name: "alarmDetailsButton" }, { kind: "pipe", type: AuditChangesMessagePipe, name: "auditChangesMessage" }, { kind: "pipe", type: MarkdownToHtmlPipe, name: "markdownToHtml" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: AlarmDetailsComponent, decorators: [{
             type: Component,
@@ -1232,7 +1232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
                         IconPanelComponent,
                         NgTemplateOutlet,
                         MarkdownToHtmlPipe
-                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "@if (selectedAlarm) {\n  <div\n    class=\"card-header p-24 m-b-16 bg-component separator-bottom sticky-top\"\n    style=\"margin: 0 -24px\"\n  >\n    <h4\n      class=\"m-0\"\n      data-cy=\"c8y-alarm-details-title\"\n      [innerHTML]=\"selectedAlarm.text | translate | markdownToHtml | async\"\n    ></h4>\n  </div>\n}\n\n<c8y-icon-panel [sections]=\"alarmInfoSections\">\n  @if (showSections && !hiddenSections?.source) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--source-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 m-t-4 stroked-icon status\"\n            c8yIcon=\"contactless-payment\"\n          ></i>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Source' | translate }}</p>\n          <p class=\"small\">\n            <button\n              class=\"btn-link text-muted p-0 m-r-8 text-left\"\n              title=\"{{ selectedAlarm?.source?.name }}\"\n              type=\"button\"\n              routerLink=\"{{ selectedAlarmMO | assetLink }}\"\n            >\n              <small class=\"icon-flex\">\n                <i c8yIcon=\"exchange\"></i>\n                {{ selectedAlarm?.source?.name || selectedAlarm?.source?.id }}\n              </small>\n            </button>\n            @if (showSourceNavigationLink$ | async) {\n              <button\n                class=\"btn-link p-0 text-left\"\n                title=\"{{\n                  linkTitle\n                    | translate\n                      : { appName: userDeviceManagementApp$ | async | humanizeAppName | async }\n                }}\"\n                type=\"button\"\n                (click)=\"goToAlarmSource(selectedAlarm?.id)\"\n                data-cy=\"alarm-details-device-management-link\"\n              >\n                {{ userDeviceManagementApp$ | async | humanizeAppName | async }}\n                <i c8yIcon=\"external-link\"></i>\n              </button>\n            }\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  @if (showSections && !hiddenSections?.type) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--severity-type-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <span\n            class=\"circle-icon-wrapper\"\n            [ngStyle]=\"{ 'background-color': typeColor }\"\n          >\n            <i\n              class=\"stroked-icon\"\n              c8yIcon=\"bell\"\n            ></i>\n          </span>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8 min-width-0\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Type' | translate }}</p>\n          <p\n            class=\"small text-truncate\"\n            title=\"{{ selectedAlarm?.type }}\"\n          >\n            <code>{{ selectedAlarm?.type }}</code>\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"col-xs-12 col-md-12 p-b-16\">\n    <div class=\"border-all fit-w d-flex\">\n      <div class=\"p-8\">\n        <i\n          class=\"icon-24 text-gray-dark m-t-4\"\n          c8yIcon=\"calendar\"\n          data-cy=\"c8y-alarm-details--last-updated-icon\"\n        ></i>\n      </div>\n      <div class=\"p-t-8 p-b-0 p-r-8 flex-grow\">\n        <div class=\"content-flex-50\">\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.occurrenceCount) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--number-of-occurrences-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">\n                {{ 'Number of occurrences' | translate }}\n              </p>\n              <p>\n                <span\n                  class=\"badge badge-info\"\n                  data-cy=\"c8y-alarm-details--badge\"\n                >\n                  {{ selectedAlarm?.count }}\n                </span>\n              </p>\n            </div>\n          }\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.firstOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--first-occurrence-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'First occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.creationTime | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was created. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n          @if (showSections && !hiddenSections?.lastOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--last-updated-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Last occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.lastUpdated | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was last updated. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (customFragments && showSections && !hiddenSections?.customData) {\n    <div\n      class=\"col-xs-12 col-md-12 p-b-16\"\n      data-cy=\"c8y-alarm-details--custom-fragments-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 text-gray-dark m-t-4\"\n            c8yIcon=\"outgoing-data\"\n          ></i>\n        </div>\n        <div\n          class=\"p-t-8 p-b-0 p-r-8 flex-grow\"\n          data-cy=\"alarm-details-custom-data\"\n        >\n          <p class=\"text-label-small m-b-4 m-r-8\">{{ 'Custom data' | translate }}</p>\n          <pre><code>{{ customFragments | json }}</code></pre>\n        </div>\n      </div>\n    </div>\n  }\n</c8y-icon-panel>\n\n@if (showActions) {\n  <c8y-sv-details-actions [actions]=\"alarmActions\">\n    @for (button of selectedAlarm | alarmDetailsButton: selectedAlarmMO | async; track $index) {\n      <button\n        class=\"btn btn-default btn-sm no-swing\"\n        [title]=\"button.title | translate\"\n        type=\"button\"\n        [ngClass]=\"button.additionalButtonClasses\"\n        (click)=\"detailsButtonAction(button, selectedAlarm!)\"\n        [disabled]=\"button.disabled\"\n      >\n        <i\n          [c8yIcon]=\"button.icon\"\n          [ngClass]=\"button.additionalIconClasses\"\n        ></i>\n        @if (button.label) {\n          <span>{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n  </c8y-sv-details-actions>\n}\n\n@if (showSections && !hiddenSections?.auditLogs) {\n  <ng-template #noAuditLogAvailable>\n    <div class=\"p-16\">\n      <c8y-ui-empty-state\n        [icon]=\"'archive'\"\n        [title]=\"'No audit logs found.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    </div>\n  </ng-template>\n\n  <div>\n    <div class=\"legend form-block\">{{ 'Audit logs' | translate }}</div>\n\n    @if (isLoading || auditLog?.data.length) {\n      @if (isLoading) {\n        <c8y-loading></c8y-loading>\n      }\n\n      @if (!isLoading) {\n        <c8y-list-group data-cy=\"c8y-alarms-details--audit-logs\">\n          <c8y-li-timeline *c8yFor=\"let log of auditLog; loadMore: 'hidden'\">\n            {{ log.creationTime | c8yDate: 'mediumDate' }}\n            {{ log.creationTime | c8yDate: 'mediumTime' }}\n            <c8y-li>\n              <c8y-li-body>\n                <p class=\"text-truncate-wrap separator-bottom p-b-4\">\n                  {{ log | auditChangesMessage }}\n                </p>\n                <div class=\"c8y-list__item__footer\">\n                  @if (log.user) {\n                    <span class=\"m-r-16 small\">\n                      <span class=\"text-label-small\">\n                        {{ 'by`user`' | translate }}\n                      </span>\n                      {{ log.user }}\n                    </span>\n                  }\n                  <span class=\"small\">\n                    <span class=\"text-label-small\">\n                      {{ 'device time' | translate }}\n                    </span>\n                    {{ log.time | c8yDate: 'medium' }}\n                  </span>\n                </div>\n              </c8y-li-body>\n            </c8y-li>\n          </c8y-li-timeline>\n        </c8y-list-group>\n      }\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"noAuditLogAvailable\"></ng-container>\n    }\n  </div>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "@if (selectedAlarm) {\n  <div\n    class=\"card-header p-24 m-b-16 bg-component separator-bottom sticky-top\"\n    style=\"margin: 0 -24px\"\n  >\n    <h4\n      class=\"m-0\"\n      data-cy=\"c8y-alarm-details-title\"\n      [innerHTML]=\"selectedAlarm.text | translate | markdownToHtml | async\"\n    ></h4>\n  </div>\n}\n\n<c8y-icon-panel [sections]=\"alarmInfoSections\">\n  @if (showSections && !hiddenSections?.source) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--source-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 m-t-4 stroked-icon status\"\n            c8yIcon=\"contactless-payment\"\n          ></i>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Source' | translate }}</p>\n          <p class=\"small\">\n            <button\n              class=\"btn-link text-muted p-0 m-r-8 text-left\"\n              title=\"{{ selectedAlarm?.source?.name }}\"\n              type=\"button\"\n              routerLink=\"{{ selectedAlarmMO | assetLink }}\"\n            >\n              <small class=\"icon-flex\">\n                <i c8yIcon=\"exchange\"></i>\n                {{ selectedAlarm?.source?.name || selectedAlarm?.source?.id }}\n              </small>\n            </button>\n            @if (showSourceNavigationLink$ | async) {\n              <button\n                class=\"btn-link p-0 text-left\"\n                title=\"{{\n                  linkTitle\n                    | translate\n                      : { appName: userDeviceManagementApp$ | async | humanizeAppName | async }\n                }}\"\n                type=\"button\"\n                (click)=\"goToAlarmSource(selectedAlarm?.id)\"\n                data-cy=\"alarm-details-device-management-link\"\n              >\n                {{ userDeviceManagementApp$ | async | humanizeAppName | async }}\n                <i c8yIcon=\"external-link\"></i>\n              </button>\n            }\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  @if (showSections && !hiddenSections?.type) {\n    <div\n      class=\"col-xs-12 col-md-6 d-flex p-b-8\"\n      data-cy=\"c8y-alarm-details--severity-type-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <span\n            class=\"circle-icon-wrapper\"\n            [ngStyle]=\"{ 'background-color': typeColor }\"\n          >\n            <i\n              class=\"stroked-icon\"\n              c8yIcon=\"bell\"\n            ></i>\n          </span>\n        </div>\n        <div class=\"p-t-8 p-b-8 p-r-8 min-width-0\">\n          <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Type' | translate }}</p>\n          <p\n            class=\"small text-truncate\"\n            title=\"{{ selectedAlarm?.type }}\"\n          >\n            <code>{{ selectedAlarm?.type }}</code>\n          </p>\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"col-xs-12 col-md-12 p-b-16\">\n    <div class=\"border-all fit-w d-flex\">\n      <div class=\"p-8\">\n        <i\n          class=\"icon-24 text-gray-dark m-t-4\"\n          c8yIcon=\"calendar\"\n          data-cy=\"c8y-alarm-details--last-updated-icon\"\n        ></i>\n      </div>\n      <div class=\"p-t-8 p-b-0 p-r-8 flex-grow\">\n        <div class=\"content-flex-50\">\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.occurrenceCount) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--number-of-occurrences-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">\n                {{ 'Number of occurrences' | translate }}\n              </p>\n              <p>\n                <span\n                  class=\"badge badge-info\"\n                  data-cy=\"c8y-alarm-details--badge\"\n                >\n                  {{ selectedAlarm?.count }}\n                </span>\n              </p>\n            </div>\n          }\n          @if (selectedAlarm?.count > 1 && showSections && !hiddenSections?.firstOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--first-occurrence-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'First occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.creationTime | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was created. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n          @if (showSections && !hiddenSections?.lastOccurrence) {\n            <div\n              class=\"col-4 p-b-8\"\n              data-cy=\"c8y-alarm-details--last-updated-wrapper\"\n            >\n              <p class=\"text-label-small m-b-0 m-r-8\">{{ 'Last occurrence' | translate }}</p>\n              <p class=\"small\">\n                {{ selectedAlarm?.lastUpdated | c8yDate: 'medium' }}\n                <button\n                  class=\"btn-help btn-help--sm\"\n                  [attr.aria-label]=\"'Help' | translate\"\n                  popover=\"{{\n                    'Time in which the alarm was last updated. The time shown corresponds to the server\\'s time. Device time can be different from server time.'\n                      | translate\n                  }}\"\n                  placement=\"right\"\n                  triggers=\"focus\"\n                  container=\"body\"\n                  type=\"button\"\n                ></button>\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (customFragments && showSections && !hiddenSections?.customData) {\n    <div\n      class=\"col-xs-12 col-md-12 p-b-16\"\n      data-cy=\"c8y-alarm-details--custom-fragments-wrapper\"\n    >\n      <div class=\"border-all fit-w d-flex\">\n        <div class=\"p-8\">\n          <i\n            class=\"icon-24 text-gray-dark m-t-4\"\n            c8yIcon=\"outgoing-data\"\n          ></i>\n        </div>\n        <div\n          class=\"p-t-8 p-b-0 p-r-8 flex-grow min-width-0\"\n          data-cy=\"alarm-details-custom-data\"\n        >\n          <p class=\"text-label-small m-b-4 m-r-8\">{{ 'Custom data' | translate }}</p>\n          <pre><code>{{ customFragments | json }}</code></pre>\n        </div>\n      </div>\n    </div>\n  }\n</c8y-icon-panel>\n\n@if (showActions) {\n  <c8y-sv-details-actions [actions]=\"alarmActions\">\n    @for (button of selectedAlarm | alarmDetailsButton: selectedAlarmMO | async; track $index) {\n      <button\n        class=\"btn btn-default btn-sm no-swing\"\n        [title]=\"button.title | translate\"\n        type=\"button\"\n        [ngClass]=\"button.additionalButtonClasses\"\n        (click)=\"detailsButtonAction(button, selectedAlarm!)\"\n        [disabled]=\"button.disabled\"\n      >\n        <i\n          [c8yIcon]=\"button.icon\"\n          [ngClass]=\"button.additionalIconClasses\"\n        ></i>\n        @if (button.label) {\n          <span>{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n  </c8y-sv-details-actions>\n}\n\n@if (showSections && !hiddenSections?.auditLogs) {\n  <ng-template #noAuditLogAvailable>\n    <div class=\"p-16\">\n      <c8y-ui-empty-state\n        [icon]=\"'archive'\"\n        [title]=\"'No audit logs found.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    </div>\n  </ng-template>\n\n  <div>\n    <div class=\"legend form-block\">{{ 'Audit logs' | translate }}</div>\n\n    @if (isLoading || auditLog?.data.length) {\n      @if (isLoading) {\n        <c8y-loading></c8y-loading>\n      }\n\n      @if (!isLoading) {\n        <c8y-list-group data-cy=\"c8y-alarms-details--audit-logs\">\n          <c8y-li-timeline *c8yFor=\"let log of auditLog; loadMore: 'hidden'\">\n            {{ log.creationTime | c8yDate: 'mediumDate' }}\n            {{ log.creationTime | c8yDate: 'mediumTime' }}\n            <c8y-li>\n              <c8y-li-body>\n                <p class=\"text-truncate-wrap separator-bottom p-b-4\">\n                  {{ log | auditChangesMessage }}\n                </p>\n                <div class=\"c8y-list__item__footer\">\n                  @if (log.user) {\n                    <span class=\"m-r-16 small\">\n                      <span class=\"text-label-small\">\n                        {{ 'by`user`' | translate }}\n                      </span>\n                      {{ log.user }}\n                    </span>\n                  }\n                  <span class=\"small\">\n                    <span class=\"text-label-small\">\n                      {{ 'device time' | translate }}\n                    </span>\n                    {{ log.time | c8yDate: 'medium' }}\n                  </span>\n                </div>\n              </c8y-li-body>\n            </c8y-li>\n          </c8y-li-timeline>\n        </c8y-list-group>\n      }\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"noAuditLogAvailable\"></ng-container>\n    }\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: AlarmDetailsService }, { type: i2.AlarmService }, { type: i3.AlertService }, { type: i3.AppStateService }, { type: i2.AuditService }, { type: i3.RelativeTimePipe }, { type: Ng1SmartRulesUpgradeService, decorators: [{
                     type: Optional
                 }] }, { type: i1$1.TranslateService }, { type: i2.InventoryService }, { type: AlarmsViewService }, { type: i3.ColorService }, { type: i3.InterAppService }, { type: i3.GainsightService }, { type: AlarmsActivityTrackerService }], propDecorators: { selectedAlarm: [{