@c8y/ngx-components 1024.20.8 → 1024.21.3

package/fesm2022/c8y-ngx-components-events-events-timeline.mjs

@@ -22,7 +22,7 @@ class EventsTimelineComponent {
         this.propertiesToHide = input([], ...(ngDevMode ? [{ debugName: "propertiesToHide" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: EventsTimelineComponent, deps: [{ token: i1.EventRealtimeService }, { token: i2.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: EventsTimelineComponent, isStandalone: true, selector: "c8y-events-timeline", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, sourceId: { classPropertyName: "sourceId", publicName: "sourceId", isSignal: true, isRequired: true, transformFunction: null }, filterPipe: { classPropertyName: "filterPipe", publicName: "filterPipe", isSignal: true, isRequired: false, transformFunction: null }, loadMoreMode: { classPropertyName: "loadMoreMode", publicName: "loadMoreMode", isSignal: true, isRequired: false, transformFunction: null }, bodyTemplate: { classPropertyName: "bodyTemplate", publicName: "bodyTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplates: { classPropertyName: "footerTemplates", publicName: "footerTemplates", isSignal: true, isRequired: false, transformFunction: null }, propertiesToHide: { classPropertyName: "propertiesToHide", publicName: "propertiesToHide", isSignal: true, isRequired: false, transformFunction: null } }, providers: [EventRealtimeService], ngImport: i0, template: "@if (!events()?.data || !events()?.data?.length) {\n  <c8y-ui-empty-state\n    [icon]=\"'online'\"\n    [title]=\"'No recent events found.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n}\n\n<c8y-list-group>\n  <c8y-li-timeline\n    *c8yFor=\"\n      let event of events();\n      pipe: filterPipe();\n      realtime: realtime;\n      realtimeOptions: { entityOrId: sourceId() };\n      loadMore: loadMoreMode()\n    \"\n  >\n    {{ event.creationTime | c8yDate: 'medium' }}\n\n    <c8y-li>\n      <c8y-li-icon>\n        <i [c8yIcon]=\"'online'\"></i>\n      </c8y-li-icon>\n\n      <c8y-li-body>\n        <div class=\"d-flex text-break-word\">\n          <div data-cy=\"c8y-events-timeline--body-template\">\n            @if (bodyTemplate(); as tmpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tmpl\"\n                [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n              ></ng-container>\n            } @else {\n              <small>{{ event.text }}</small>\n            }\n          </div>\n        </div>\n      </c8y-li-body>\n\n      <c8y-li-collapse #collapseEl>\n        <div\n          class=\"legend form-block\"\n          translate\n        >\n          Details\n        </div>\n\n        <ul class=\"list-unstyled small\">\n          @for (prop of eventsService.getStandardKeys(event) | keyvalue; track prop.key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ $any(prop).value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ $any(event)[$any(prop).key] | translate }}\n              </span>\n            </li>\n          }\n\n          @for (key of eventsService.getNonStandardKeys(event, propertiesToHide()); track key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ key | humanize | translate }}\n              </label>\n              <span class=\"m-l-auto text-code\">\n                {{ event[key] | json }}\n              </span>\n            </li>\n          }\n        </ul>\n\n        @for (footer of footerTemplates(); track footer) {\n          <ng-container\n            [ngTemplateOutlet]=\"footer\"\n            [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n          ></ng-container>\n        }\n      </c8y-li-collapse>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { 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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: ListItemCollapseComponent, selector: "c8y-list-item-collapse, c8y-li-collapse", inputs: ["collapseWay"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "ngmodule", type: CollapseModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }, { kind: "pipe", type: HumanizePipe, name: "humanize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: EventsTimelineComponent, isStandalone: true, selector: "c8y-events-timeline", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, sourceId: { classPropertyName: "sourceId", publicName: "sourceId", isSignal: true, isRequired: true, transformFunction: null }, filterPipe: { classPropertyName: "filterPipe", publicName: "filterPipe", isSignal: true, isRequired: false, transformFunction: null }, loadMoreMode: { classPropertyName: "loadMoreMode", publicName: "loadMoreMode", isSignal: true, isRequired: false, transformFunction: null }, bodyTemplate: { classPropertyName: "bodyTemplate", publicName: "bodyTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplates: { classPropertyName: "footerTemplates", publicName: "footerTemplates", isSignal: true, isRequired: false, transformFunction: null }, propertiesToHide: { classPropertyName: "propertiesToHide", publicName: "propertiesToHide", isSignal: true, isRequired: false, transformFunction: null } }, providers: [EventRealtimeService], ngImport: i0, template: "@if (!events()?.data || !events()?.data?.length) {\n  <c8y-ui-empty-state\n    [icon]=\"'online'\"\n    [title]=\"'No recent events found.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n}\n\n<c8y-list-group>\n  <c8y-li-timeline\n    *c8yFor=\"\n      let event of events();\n      pipe: filterPipe();\n      realtime: realtime;\n      realtimeOptions: { entityOrId: sourceId() };\n      loadMore: loadMoreMode()\n    \"\n  >\n    {{ event.creationTime | c8yDate: 'medium' }}\n\n    <c8y-li>\n      <c8y-li-icon>\n        <i [c8yIcon]=\"'online'\"></i>\n      </c8y-li-icon>\n\n      <c8y-li-body>\n        <div class=\"d-flex text-break-word\">\n          <div data-cy=\"c8y-events-timeline--body-template\">\n            @if (bodyTemplate(); as tmpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tmpl\"\n                [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n              ></ng-container>\n            } @else {\n              <small>{{ event.text }}</small>\n            }\n          </div>\n        </div>\n      </c8y-li-body>\n\n      <c8y-li-collapse #collapseEl>\n        <div\n          class=\"legend form-block\"\n          translate\n        >\n          Details\n        </div>\n\n        <ul class=\"list-unstyled small\">\n          @for (prop of eventsService.getStandardKeys(event) | keyvalue; track prop.key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ $any(prop).value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ $any(event)[$any(prop).key] | translate }}\n              </span>\n            </li>\n          }\n\n          @for (key of eventsService.getNonStandardKeys(event, propertiesToHide()); track key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ key | humanize | translate }}\n              </label>\n              <span class=\"m-l-auto text-code\">\n                {{ event[key] | json }}\n              </span>\n            </li>\n          }\n        </ul>\n\n        @for (footer of footerTemplates(); track footer) {\n          <ng-container\n            [ngTemplateOutlet]=\"footer\"\n            [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n          ></ng-container>\n        }\n      </c8y-li-collapse>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { 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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: ListItemCollapseComponent, selector: "c8y-list-item-collapse, c8y-li-collapse", inputs: ["collapseWay"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable", "selectOnClick"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "ngmodule", type: CollapseModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }, { kind: "pipe", type: HumanizePipe, name: "humanize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: EventsTimelineComponent, decorators: [{
             type: Component,

package/fesm2022/c8y-ngx-components-events-events-timeline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-events-events-timeline.mjs","sources":["../../events/events-timeline/events-timeline.component.ts","../../events/events-timeline/events-timeline.component.html","../../events/events-timeline/c8y-ngx-components-events-events-timeline.ts"],"sourcesContent":["import { JsonPipe, KeyValuePipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, TemplateRef } from '@angular/core';\nimport { IEvent, IResultList } from '@c8y/client';\nimport {\n  C8yTranslatePipe,\n  DatePipe,\n  EmptyStateComponent,\n  EventRealtimeService,\n  ForOfDirective,\n  ForOfFilterPipe,\n  HumanizePipe,\n  IconDirective,\n  ListGroupComponent,\n  ListItemBodyComponent,\n  ListItemCollapseComponent,\n  ListItemComponent,\n  ListItemIconComponent,\n  ListItemTimelineComponent,\n  LoadMoreMode\n} from '@c8y/ngx-components';\nimport { EventsService } from '@c8y/ngx-components/events';\nimport { CollapseModule } from 'ngx-bootstrap/collapse';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\nimport { pipe } from 'rxjs';\nimport { tap } from 'rxjs/operators';\n\n@Component({\n  selector: 'c8y-events-timeline',\n  templateUrl: 'events-timeline.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    JsonPipe,\n    KeyValuePipe,\n    NgTemplateOutlet,\n    C8yTranslatePipe,\n    DatePipe,\n    EmptyStateComponent,\n    ForOfDirective,\n    HumanizePipe,\n    IconDirective,\n    ListGroupComponent,\n    ListItemBodyComponent,\n    ListItemCollapseComponent,\n    ListItemComponent,\n    ListItemIconComponent,\n    ListItemTimelineComponent,\n    CollapseModule,\n    TooltipModule\n  ],\n  providers: [EventRealtimeService]\n})\nexport class EventsTimelineComponent<B, F> {\n  events = input<IResultList<IEvent>>();\n  sourceId = input.required<string | number>();\n  filterPipe = input<ForOfFilterPipe<IEvent>>(pipe(tap()));\n  loadMoreMode = input<LoadMoreMode>('auto');\n  bodyTemplate = input<TemplateRef<B>>();\n  footerTemplates = input<Array<TemplateRef<F>>>([]);\n  propertiesToHide = input<string[]>([]);\n\n  constructor(\n    public realtime: EventRealtimeService,\n    public eventsService: EventsService\n  ) {}\n}\n","@if (!events()?.data || !events()?.data?.length) {\n  <c8y-ui-empty-state\n    [icon]=\"'online'\"\n    [title]=\"'No recent events found.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n}\n\n<c8y-list-group>\n  <c8y-li-timeline\n    *c8yFor=\"\n      let event of events();\n      pipe: filterPipe();\n      realtime: realtime;\n      realtimeOptions: { entityOrId: sourceId() };\n      loadMore: loadMoreMode()\n    \"\n  >\n    {{ event.creationTime | c8yDate: 'medium' }}\n\n    <c8y-li>\n      <c8y-li-icon>\n        <i [c8yIcon]=\"'online'\"></i>\n      </c8y-li-icon>\n\n      <c8y-li-body>\n        <div class=\"d-flex text-break-word\">\n          <div data-cy=\"c8y-events-timeline--body-template\">\n            @if (bodyTemplate(); as tmpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tmpl\"\n                [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n              ></ng-container>\n            } @else {\n              <small>{{ event.text }}</small>\n            }\n          </div>\n        </div>\n      </c8y-li-body>\n\n      <c8y-li-collapse #collapseEl>\n        <div\n          class=\"legend form-block\"\n          translate\n        >\n          Details\n        </div>\n\n        <ul class=\"list-unstyled small\">\n          @for (prop of eventsService.getStandardKeys(event) | keyvalue; track prop.key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ $any(prop).value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ $any(event)[$any(prop).key] | translate }}\n              </span>\n            </li>\n          }\n\n          @for (key of eventsService.getNonStandardKeys(event, propertiesToHide()); track key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ key | humanize | translate }}\n              </label>\n              <span class=\"m-l-auto text-code\">\n                {{ event[key] | json }}\n              </span>\n            </li>\n          }\n        </ul>\n\n        @for (footer of footerTemplates(); track footer) {\n          <ng-container\n            [ngTemplateOutlet]=\"footer\"\n            [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n          ></ng-container>\n        }\n      </c8y-li-collapse>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-events-events-timeline.mjs","sources":["../../events/events-timeline/events-timeline.component.ts","../../events/events-timeline/events-timeline.component.html","../../events/events-timeline/c8y-ngx-components-events-events-timeline.ts"],"sourcesContent":["import { JsonPipe, KeyValuePipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, TemplateRef } from '@angular/core';\nimport { IEvent, IResultList } from '@c8y/client';\nimport {\n  C8yTranslatePipe,\n  DatePipe,\n  EmptyStateComponent,\n  EventRealtimeService,\n  ForOfDirective,\n  ForOfFilterPipe,\n  HumanizePipe,\n  IconDirective,\n  ListGroupComponent,\n  ListItemBodyComponent,\n  ListItemCollapseComponent,\n  ListItemComponent,\n  ListItemIconComponent,\n  ListItemTimelineComponent,\n  LoadMoreMode\n} from '@c8y/ngx-components';\nimport { EventsService } from '@c8y/ngx-components/events';\nimport { CollapseModule } from 'ngx-bootstrap/collapse';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\nimport { pipe } from 'rxjs';\nimport { tap } from 'rxjs/operators';\n\n@Component({\n  selector: 'c8y-events-timeline',\n  templateUrl: 'events-timeline.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    JsonPipe,\n    KeyValuePipe,\n    NgTemplateOutlet,\n    C8yTranslatePipe,\n    DatePipe,\n    EmptyStateComponent,\n    ForOfDirective,\n    HumanizePipe,\n    IconDirective,\n    ListGroupComponent,\n    ListItemBodyComponent,\n    ListItemCollapseComponent,\n    ListItemComponent,\n    ListItemIconComponent,\n    ListItemTimelineComponent,\n    CollapseModule,\n    TooltipModule\n  ],\n  providers: [EventRealtimeService]\n})\nexport class EventsTimelineComponent<B, F> {\n  events = input<IResultList<IEvent>>();\n  sourceId = input.required<string | number>();\n  filterPipe = input<ForOfFilterPipe<IEvent>>(pipe(tap()));\n  loadMoreMode = input<LoadMoreMode>('auto');\n  bodyTemplate = input<TemplateRef<B>>();\n  footerTemplates = input<Array<TemplateRef<F>>>([]);\n  propertiesToHide = input<string[]>([]);\n\n  constructor(\n    public realtime: EventRealtimeService,\n    public eventsService: EventsService\n  ) {}\n}\n","@if (!events()?.data || !events()?.data?.length) {\n  <c8y-ui-empty-state\n    [icon]=\"'online'\"\n    [title]=\"'No recent events found.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n}\n\n<c8y-list-group>\n  <c8y-li-timeline\n    *c8yFor=\"\n      let event of events();\n      pipe: filterPipe();\n      realtime: realtime;\n      realtimeOptions: { entityOrId: sourceId() };\n      loadMore: loadMoreMode()\n    \"\n  >\n    {{ event.creationTime | c8yDate: 'medium' }}\n\n    <c8y-li>\n      <c8y-li-icon>\n        <i [c8yIcon]=\"'online'\"></i>\n      </c8y-li-icon>\n\n      <c8y-li-body>\n        <div class=\"d-flex text-break-word\">\n          <div data-cy=\"c8y-events-timeline--body-template\">\n            @if (bodyTemplate(); as tmpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tmpl\"\n                [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n              ></ng-container>\n            } @else {\n              <small>{{ event.text }}</small>\n            }\n          </div>\n        </div>\n      </c8y-li-body>\n\n      <c8y-li-collapse #collapseEl>\n        <div\n          class=\"legend form-block\"\n          translate\n        >\n          Details\n        </div>\n\n        <ul class=\"list-unstyled small\">\n          @for (prop of eventsService.getStandardKeys(event) | keyvalue; track prop.key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ $any(prop).value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ $any(event)[$any(prop).key] | translate }}\n              </span>\n            </li>\n          }\n\n          @for (key of eventsService.getNonStandardKeys(event, propertiesToHide()); track key) {\n            <li class=\"p-t-4 p-b-4 d-flex separator-bottom\">\n              <label class=\"small m-b-0 m-r-8 a-s-start\">\n                {{ key | humanize | translate }}\n              </label>\n              <span class=\"m-l-auto text-code\">\n                {{ event[key] | json }}\n              </span>\n            </li>\n          }\n        </ul>\n\n        @for (footer of footerTemplates(); track footer) {\n          <ng-container\n            [ngTemplateOutlet]=\"footer\"\n            [ngTemplateOutletContext]=\"$any({ $implicit: event })\"\n          ></ng-container>\n        }\n      </c8y-li-collapse>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -778,7 +778,7 @@ class EventsListComponent {
         return target.scrollTop > this.HIDE_INTERVAL_COUNTDOWN_SCROLL;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: EventsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: EventsListComponent, isStandalone: true, selector: "c8y-events-list", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, loadMoreMode: { classPropertyName: "loadMoreMode", publicName: "loadMoreMode", isSignal: true, isRequired: false, transformFunction: null }, showPreview: { classPropertyName: "showPreview", publicName: "showPreview", isSignal: true, isRequired: false, transformFunction: null }, navigationOptions: { classPropertyName: "navigationOptions", publicName: "navigationOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollingStateChange: "onScrollingStateChange", onPreviewStateChange: "onPreviewStateChange", onSelectedEvent: "onSelectedEvent" }, viewQueries: [{ propertyName: "svListComponent", first: true, predicate: ["scrollWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "<c8y-sv-list\n  [emptyStateIcon]=\"'online1'\"\n  [title]=\"LIST_TITLE | translate\"\n  [emptyStateTitle]=\"EMPTY_STATE_TITLE | translate\"\n  #scrollWrapper\n  [loading]=\"isLoading()\"\n  [showEmptyState]=\"showEmptyState()\"\n  [docsUrl]=\"\n    '/docs/device-management-application/monitoring-and-controlling-devices/#to-view-events'\n  \"\n  data-cy=\"c8y-events-list\"\n>\n  <c8y-sv-header-actions>\n    <ng-content />\n  </c8y-sv-header-actions>\n\n  <c8y-sv-alerts>\n    @if (showFilterWarning()) {\n      <div\n        class=\"alert alert-warning m-b-0\"\n        role=\"alert\"\n        translate\n      >\n        The selected event is not currently in the list, change your filter.\n      </div>\n    }\n  </c8y-sv-alerts>\n\n  <c8y-list-group class=\"c8y-list--timeline d-block p-r-16 p-t-16\">\n    @let navOpts = navigationOptions();\n    <c8y-li-timeline\n      class=\"pointer c8y-list--timeline__item\"\n      role=\"button\"\n      data-cy=\"c8y-events-list--timeline-item\"\n      *c8yFor=\"let event of events()!; loadMore: loadMoreMode()\"\n      [routerLink]=\"\n        navOpts.allowNavigationToEventsView\n          ? (event | eventRouterLink: navOpts.alwaysNavigateToAllEvents)\n          : null\n      \"\n      [queryParamsHandling]=\"navOpts.queryParamsHandling\"\n      routerLinkActive=\"active\"\n      (isActiveChange)=\"activeRouteChanged($event, liScrollAnchor, event)\"\n      (click)=\"onEventClick(event)\"\n    >\n      <!-- Date column -->\n      <span data-cy=\"c8y-events-list--event-date\">\n        {{ event.time | c8yDate: 'mediumDate' }}\n        {{ event.time | c8yDate: 'mediumTime' }}\n      </span>\n\n      <c8y-li\n        style=\"scroll-margin-top: 56px\"\n        #liScrollAnchor\n      >\n        <c8y-li-icon class=\"a-s-start\">\n          <i [c8yIcon]=\"event | eventIcon\"></i>\n        </c8y-li-icon>\n\n        <c8y-li-body class=\"a-s-stretch\">\n          <div class=\"d-flex a-i-start fit-h\">\n            <div class=\"min-width-0 flex-grow\">\n              <!-- Event column (text) -->\n              <p\n                class=\"text-truncate-wrap p-b-4\"\n                data-cy=\"c8y-events-list--event-text\"\n              >\n                {{ event.text | translate }}\n              </p>\n\n              <!-- Source column -->\n              <p\n                class=\"small text-muted text-truncate\"\n                [title]=\"event.source?.name\"\n                data-cy=\"c8y-events-list--event-source\"\n              >\n                <i [c8yIcon]=\"'exchange'\"></i>\n                {{ event.source?.name }}\n              </p>\n            </div>\n            @if (showPreview() && (event | eventIsImage)) {\n              <c8y-file-preview\n                data-cy=\"c8y-events-list--image-preview\"\n                (click)=\"onPreviewClick($event)\"\n                [mo]=\"toBinaryMo(event)\"\n                [downloadFn]=\"getEventDownloadFn(event)\"\n              >\n                <button\n                  class=\"btn btn-default btn-icon btn-xs\"\n                  [title]=\"'Preview' | translate\"\n                  type=\"button\"\n                  customButton\n                  data-cy=\"c8y-events-list--preview-btn\"\n                >\n                  <i c8yIcon=\"search\"></i>\n                </button>\n              </c8y-file-preview>\n            }\n          </div>\n        </c8y-li-body>\n      </c8y-li>\n    </c8y-li-timeline>\n  </c8y-list-group>\n</c8y-sv-list>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { 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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: FilePreviewModule }, { kind: "component", type: i1$2.FilePreviewComponent, selector: "c8y-file-preview", inputs: ["mo", "downloadFn"] }, { kind: "component", type: SplitViewAlertsComponent, selector: "c8y-sv-alerts" }, { kind: "component", type: SplitViewHeaderActionsComponent, selector: "c8y-sv-header-actions" }, { kind: "component", type: SplitViewListComponent, selector: "c8y-sv-list", inputs: ["title", "loading", "showEmptyState", "emptyStateIcon", "emptyStateTitle", "emptyStateSubtitle", "docsUrl", "showTitle", "listOpacity"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }, { kind: "pipe", type: EventIsImagePipe, name: "eventIsImage" }, { kind: "pipe", type: EventRouterLinkPipe, name: "eventRouterLink" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: EventsListComponent, isStandalone: true, selector: "c8y-events-list", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, loadMoreMode: { classPropertyName: "loadMoreMode", publicName: "loadMoreMode", isSignal: true, isRequired: false, transformFunction: null }, showPreview: { classPropertyName: "showPreview", publicName: "showPreview", isSignal: true, isRequired: false, transformFunction: null }, navigationOptions: { classPropertyName: "navigationOptions", publicName: "navigationOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollingStateChange: "onScrollingStateChange", onPreviewStateChange: "onPreviewStateChange", onSelectedEvent: "onSelectedEvent" }, viewQueries: [{ propertyName: "svListComponent", first: true, predicate: ["scrollWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "<c8y-sv-list\n  [emptyStateIcon]=\"'online1'\"\n  [title]=\"LIST_TITLE | translate\"\n  [emptyStateTitle]=\"EMPTY_STATE_TITLE | translate\"\n  #scrollWrapper\n  [loading]=\"isLoading()\"\n  [showEmptyState]=\"showEmptyState()\"\n  [docsUrl]=\"\n    '/docs/device-management-application/monitoring-and-controlling-devices/#to-view-events'\n  \"\n  data-cy=\"c8y-events-list\"\n>\n  <c8y-sv-header-actions>\n    <ng-content />\n  </c8y-sv-header-actions>\n\n  <c8y-sv-alerts>\n    @if (showFilterWarning()) {\n      <div\n        class=\"alert alert-warning m-b-0\"\n        role=\"alert\"\n        translate\n      >\n        The selected event is not currently in the list, change your filter.\n      </div>\n    }\n  </c8y-sv-alerts>\n\n  <c8y-list-group class=\"c8y-list--timeline d-block p-r-16 p-t-16\">\n    @let navOpts = navigationOptions();\n    <c8y-li-timeline\n      class=\"pointer c8y-list--timeline__item\"\n      role=\"button\"\n      data-cy=\"c8y-events-list--timeline-item\"\n      *c8yFor=\"let event of events()!; loadMore: loadMoreMode()\"\n      [routerLink]=\"\n        navOpts.allowNavigationToEventsView\n          ? (event | eventRouterLink: navOpts.alwaysNavigateToAllEvents)\n          : null\n      \"\n      [queryParamsHandling]=\"navOpts.queryParamsHandling\"\n      routerLinkActive=\"active\"\n      (isActiveChange)=\"activeRouteChanged($event, liScrollAnchor, event)\"\n      (click)=\"onEventClick(event)\"\n    >\n      <!-- Date column -->\n      <span data-cy=\"c8y-events-list--event-date\">\n        {{ event.time | c8yDate: 'mediumDate' }}\n        {{ event.time | c8yDate: 'mediumTime' }}\n      </span>\n\n      <c8y-li\n        style=\"scroll-margin-top: 56px\"\n        #liScrollAnchor\n      >\n        <c8y-li-icon class=\"a-s-start\">\n          <i [c8yIcon]=\"event | eventIcon\"></i>\n        </c8y-li-icon>\n\n        <c8y-li-body class=\"a-s-stretch\">\n          <div class=\"d-flex a-i-start fit-h\">\n            <div class=\"min-width-0 flex-grow\">\n              <!-- Event column (text) -->\n              <p\n                class=\"text-truncate-wrap p-b-4\"\n                data-cy=\"c8y-events-list--event-text\"\n              >\n                {{ event.text | translate }}\n              </p>\n\n              <!-- Source column -->\n              <p\n                class=\"small text-muted text-truncate\"\n                [title]=\"event.source?.name\"\n                data-cy=\"c8y-events-list--event-source\"\n              >\n                <i [c8yIcon]=\"'exchange'\"></i>\n                {{ event.source?.name }}\n              </p>\n            </div>\n            @if (showPreview() && (event | eventIsImage)) {\n              <c8y-file-preview\n                data-cy=\"c8y-events-list--image-preview\"\n                (click)=\"onPreviewClick($event)\"\n                [mo]=\"toBinaryMo(event)\"\n                [downloadFn]=\"getEventDownloadFn(event)\"\n              >\n                <button\n                  class=\"btn btn-default btn-icon btn-xs\"\n                  [title]=\"'Preview' | translate\"\n                  type=\"button\"\n                  customButton\n                  data-cy=\"c8y-events-list--preview-btn\"\n                >\n                  <i c8yIcon=\"search\"></i>\n                </button>\n              </c8y-file-preview>\n            }\n          </div>\n        </c8y-li-body>\n      </c8y-li>\n    </c8y-li-timeline>\n  </c8y-list-group>\n</c8y-sv-list>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { 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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable", "selectOnClick"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: FilePreviewModule }, { kind: "component", type: i1$2.FilePreviewComponent, selector: "c8y-file-preview", inputs: ["mo", "downloadFn"] }, { kind: "component", type: SplitViewAlertsComponent, selector: "c8y-sv-alerts" }, { kind: "component", type: SplitViewHeaderActionsComponent, selector: "c8y-sv-header-actions" }, { kind: "component", type: SplitViewListComponent, selector: "c8y-sv-list", inputs: ["title", "loading", "showEmptyState", "emptyStateIcon", "emptyStateTitle", "emptyStateSubtitle", "docsUrl", "showTitle", "listOpacity"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }, { kind: "pipe", type: EventIsImagePipe, name: "eventIsImage" }, { kind: "pipe", type: EventRouterLinkPipe, name: "eventRouterLink" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: EventsListComponent, decorators: [{
             type: Component,
@@ -972,7 +972,7 @@ class EventsTypeFilterComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: EventsTypeFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: EventsTypeFilterComponent, isStandalone: true, selector: "c8y-events-type-filter", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFilterChanged: "onFilterChanged" }, viewQueries: [{ propertyName: "optionItems", predicate: ["optionItem"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"d-flex a-i-center\">\n  <div\n    class=\"dropdown\"\n    title=\"{{ 'Filter by event types' | translate }}\"\n    dropdown\n    [insideClick]=\"true\"\n    #filtersDropdown=\"bs-dropdown\"\n    [cdkTrapFocus]=\"filtersDropdown.isOpen\"\n    (onHidden)=\"restoreActiveFilter()\"\n  >\n    <div class=\"input-group fit-w\">\n      @let active = activeFilter();\n      <div\n        class=\"form-control d-flex a-i-center inner-scroll\"\n        role=\"status\"\n      >\n        @if (active) {\n          <span\n            class=\"text-truncate\"\n            style=\"max-width: 150px !important\"\n            [title]=\"active.filters.type\"\n          >\n            {{ active.filters.type }}\n          </span>\n        } @else {\n          <span class=\"text-nowrap\">\n            {{ 'All event types' | translate }}\n          </span>\n        }\n      </div>\n      @if (active) {\n        <div class=\"input-group-btn text-center\">\n          <button\n            class=\"btn-default btn\"\n            [title]=\"'Clear filter' | translate\"\n            [attr.aria-label]=\"'Clear filter' | translate\"\n            (click)=\"deselect()\"\n          >\n            <i\n              c8yIcon=\"times\"\n              aria-hidden=\"true\"\n            ></i>\n          </button>\n        </div>\n      }\n      <div class=\"input-group-btn input-group-btn--last\">\n        <button\n          class=\"btn-default m-l-0 btn btn--caret\"\n          [attr.aria-label]=\"'Event types' | translate\"\n          [attr.aria-haspopup]=\"'listbox'\"\n          [attr.aria-expanded]=\"filtersDropdown.isOpen\"\n          [attr.aria-controls]=\"'event-types-listbox'\"\n          data-cy=\"c8y-event-type-filter\"\n          dropdownToggle\n        >\n          <i\n            class=\"caret\"\n            aria-hidden=\"true\"\n          ></i>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"dropdown-menu dropdown-menu-action-bar\"\n      *dropdownMenu\n    >\n      <div\n        class=\"p-16 bg-level-2\"\n        style=\"min-width: 250px\"\n      >\n        <div>\n          <p class=\"icon-flex\">\n            <i\n              class=\"text-info m-r-4\"\n              [c8yIcon]=\"'info-circle'\"\n              aria-hidden=\"true\"\n            ></i>\n            <strong translate>The list may be incomplete</strong>\n          </p>\n          <p class=\"text-12\">\n            <span translate>\n              Recent events are displayed below, but older ones may not be shown.\n            </span>\n            <span translate>Optionally, you can add a custom event type.</span>\n          </p>\n        </div>\n      </div>\n      <div class=\"input-group p-16 separator-bottom\">\n        <input\n          class=\"form-control\"\n          [attr.aria-label]=\"'Custom event type' | translate\"\n          type=\"text\"\n          [placeholder]=\"'Custom event type' | translate\"\n          [ngModel]=\"customEventTypeInput()\"\n          (ngModelChange)=\"customEventTypeInput.set($event)\"\n          (keydown)=\"confirmWithEnter($event)\"\n        />\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn-dot text-primary\"\n            [attr.aria-label]=\"'Add custom event' | translate\"\n            [tooltip]=\"'Add' | translate\"\n            placement=\"top\"\n            [delay]=\"500\"\n            [disabled]=\"isCustomEventTypeInputInvalid()\"\n            (click)=\"addCustomEventType()\"\n          >\n            <i\n              c8yIcon=\"plus-circle\"\n              aria-hidden=\"true\"\n            ></i>\n          </button>\n        </div>\n      </div>\n      <c8y-list-group\n        [attr.aria-label]=\"'Event types' | translate\"\n        id=\"event-types-listbox\"\n        role=\"listbox\"\n      >\n        @for (eventType of possibleFilters(); track eventType.filters.type) {\n          <c8y-li\n            class=\"pointer p-0\"\n            tabindex=\"0\"\n            [attr.aria-selected]=\"eventType.__active\"\n            role=\"option\"\n            [active]=\"eventType.__active\"\n            #optionItem\n            (keydown.arrowdown)=\"navigateOption($event, 1)\"\n            (keydown.arrowup)=\"navigateOption($event, -1)\"\n            (keydown.enter)=\"selectAndClose(eventType, filtersDropdown)\"\n            (click)=\"selectAndClose(eventType, filtersDropdown)\"\n          >\n            <div class=\"d-flex gap-8 a-i-center flex-grow p-t-4 p-b-4\">\n              <span\n                class=\"circle-icon-wrapper\"\n                [style.background-color]=\"eventType.color\"\n              >\n                <i\n                  class=\"stroked-icon\"\n                  [c8yIcon]=\"'online1'\"\n                  aria-hidden=\"true\"\n                ></i>\n              </span>\n              <span\n                class=\"text-truncate text-12 flex-grow\"\n                [title]=\"eventType.label\"\n                [attr.aria-label]=\"eventType.label\"\n              >\n                {{ eventType.label }}\n              </span>\n              @if (eventType.__target === null) {\n                <button\n                  class=\"btn-dot btn-dot--danger\"\n                  [attr.aria-label]=\"'Remove' | translate\"\n                  [tooltip]=\"'Remove' | translate\"\n                  placement=\"top\"\n                  [delay]=\"500\"\n                  (click)=\"removeCustomEvent(eventType); $event.stopPropagation()\"\n                >\n                  <i\n                    c8yIcon=\"minus-circle\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </button>\n              }\n            </div>\n          </c8y-li>\n        }\n        @if (possibleFilters().length === 0) {\n          <c8y-li aria-live=\"polite\">\n            <c8y-ui-empty-state\n              class=\"p-t-8\"\n              icon=\"online1\"\n              [title]=\"'No events found' | translate\"\n              [subtitle]=\"\n                'There are no events to filter. You can still add a custom event type.' | translate\n              \"\n              [horizontal]=\"true\"\n            />\n          </c8y-li>\n        }\n      </c8y-list-group>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: EventsTypeFilterComponent, isStandalone: true, selector: "c8y-events-type-filter", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFilterChanged: "onFilterChanged" }, viewQueries: [{ propertyName: "optionItems", predicate: ["optionItem"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"d-flex a-i-center\">\n  <div\n    class=\"dropdown\"\n    title=\"{{ 'Filter by event types' | translate }}\"\n    dropdown\n    [insideClick]=\"true\"\n    #filtersDropdown=\"bs-dropdown\"\n    [cdkTrapFocus]=\"filtersDropdown.isOpen\"\n    (onHidden)=\"restoreActiveFilter()\"\n  >\n    <div class=\"input-group fit-w\">\n      @let active = activeFilter();\n      <div\n        class=\"form-control d-flex a-i-center inner-scroll\"\n        role=\"status\"\n      >\n        @if (active) {\n          <span\n            class=\"text-truncate\"\n            style=\"max-width: 150px !important\"\n            [title]=\"active.filters.type\"\n          >\n            {{ active.filters.type }}\n          </span>\n        } @else {\n          <span class=\"text-nowrap\">\n            {{ 'All event types' | translate }}\n          </span>\n        }\n      </div>\n      @if (active) {\n        <div class=\"input-group-btn text-center\">\n          <button\n            class=\"btn-default btn\"\n            [title]=\"'Clear filter' | translate\"\n            [attr.aria-label]=\"'Clear filter' | translate\"\n            (click)=\"deselect()\"\n          >\n            <i\n              c8yIcon=\"times\"\n              aria-hidden=\"true\"\n            ></i>\n          </button>\n        </div>\n      }\n      <div class=\"input-group-btn input-group-btn--last\">\n        <button\n          class=\"btn-default m-l-0 btn btn--caret\"\n          [attr.aria-label]=\"'Event types' | translate\"\n          [attr.aria-haspopup]=\"'listbox'\"\n          [attr.aria-expanded]=\"filtersDropdown.isOpen\"\n          [attr.aria-controls]=\"'event-types-listbox'\"\n          data-cy=\"c8y-event-type-filter\"\n          dropdownToggle\n        >\n          <i\n            class=\"caret\"\n            aria-hidden=\"true\"\n          ></i>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"dropdown-menu dropdown-menu-action-bar\"\n      *dropdownMenu\n    >\n      <div\n        class=\"p-16 bg-level-2\"\n        style=\"min-width: 250px\"\n      >\n        <div>\n          <p class=\"icon-flex\">\n            <i\n              class=\"text-info m-r-4\"\n              [c8yIcon]=\"'info-circle'\"\n              aria-hidden=\"true\"\n            ></i>\n            <strong translate>The list may be incomplete</strong>\n          </p>\n          <p class=\"text-12\">\n            <span translate>\n              Recent events are displayed below, but older ones may not be shown.\n            </span>\n            <span translate>Optionally, you can add a custom event type.</span>\n          </p>\n        </div>\n      </div>\n      <div class=\"input-group p-16 separator-bottom\">\n        <input\n          class=\"form-control\"\n          [attr.aria-label]=\"'Custom event type' | translate\"\n          type=\"text\"\n          [placeholder]=\"'Custom event type' | translate\"\n          [ngModel]=\"customEventTypeInput()\"\n          (ngModelChange)=\"customEventTypeInput.set($event)\"\n          (keydown)=\"confirmWithEnter($event)\"\n        />\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn-dot text-primary\"\n            [attr.aria-label]=\"'Add custom event' | translate\"\n            [tooltip]=\"'Add' | translate\"\n            placement=\"top\"\n            [delay]=\"500\"\n            [disabled]=\"isCustomEventTypeInputInvalid()\"\n            (click)=\"addCustomEventType()\"\n          >\n            <i\n              c8yIcon=\"plus-circle\"\n              aria-hidden=\"true\"\n            ></i>\n          </button>\n        </div>\n      </div>\n      <c8y-list-group\n        [attr.aria-label]=\"'Event types' | translate\"\n        id=\"event-types-listbox\"\n        role=\"listbox\"\n      >\n        @for (eventType of possibleFilters(); track eventType.filters.type) {\n          <c8y-li\n            class=\"pointer p-0\"\n            tabindex=\"0\"\n            [attr.aria-selected]=\"eventType.__active\"\n            role=\"option\"\n            [active]=\"eventType.__active\"\n            #optionItem\n            (keydown.arrowdown)=\"navigateOption($event, 1)\"\n            (keydown.arrowup)=\"navigateOption($event, -1)\"\n            (keydown.enter)=\"selectAndClose(eventType, filtersDropdown)\"\n            (click)=\"selectAndClose(eventType, filtersDropdown)\"\n          >\n            <div class=\"d-flex gap-8 a-i-center flex-grow p-t-4 p-b-4\">\n              <span\n                class=\"circle-icon-wrapper\"\n                [style.background-color]=\"eventType.color\"\n              >\n                <i\n                  class=\"stroked-icon\"\n                  [c8yIcon]=\"'online1'\"\n                  aria-hidden=\"true\"\n                ></i>\n              </span>\n              <span\n                class=\"text-truncate text-12 flex-grow\"\n                [title]=\"eventType.label\"\n                [attr.aria-label]=\"eventType.label\"\n              >\n                {{ eventType.label }}\n              </span>\n              @if (eventType.__target === null) {\n                <button\n                  class=\"btn-dot btn-dot--danger\"\n                  [attr.aria-label]=\"'Remove' | translate\"\n                  [tooltip]=\"'Remove' | translate\"\n                  placement=\"top\"\n                  [delay]=\"500\"\n                  (click)=\"removeCustomEvent(eventType); $event.stopPropagation()\"\n                >\n                  <i\n                    c8yIcon=\"minus-circle\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </button>\n              }\n            </div>\n          </c8y-li>\n        }\n        @if (possibleFilters().length === 0) {\n          <c8y-li aria-live=\"polite\">\n            <c8y-ui-empty-state\n              class=\"p-t-8\"\n              icon=\"online1\"\n              [title]=\"'No events found' | translate\"\n              [subtitle]=\"\n                'There are no events to filter. You can still add a custom event type.' | translate\n              \"\n              [horizontal]=\"true\"\n            />\n          </c8y-li>\n        }\n      </c8y-list-group>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable", "selectOnClick"], outputs: ["collapsedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: EventsTypeFilterComponent, decorators: [{
             type: Component,