@c8y/ngx-components 1023.70.0 → 1023.75.1

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

@@ -0,0 +1,54 @@
+import { hookNavigator, NavigatorNode, hookRoute, ViewContext } from '@c8y/ngx-components';
+import { EVENTS_PATH } from '@c8y/ngx-components/events';
+import { gettext } from '@c8y/ngx-components/gettext';
+
+const eventDetailsChildren = [
+    {
+        path: ':id',
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventDetailsComponent)
+    }
+];
+const eventsCockpitProviders = [
+    hookNavigator(new NavigatorNode({
+        label: gettext('Events'),
+        icon: 'online1',
+        priority: 900,
+        path: `/${EVENTS_PATH}`,
+        featureId: 'events',
+        parent: '',
+        routerLinkExact: false
+    })),
+    hookRoute({
+        path: EVENTS_PATH,
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        data: { title: true },
+        children: eventDetailsChildren
+    }),
+    hookRoute({
+        context: ViewContext.Group,
+        path: EVENTS_PATH,
+        priority: 700,
+        icon: 'online1',
+        label: gettext('Events'),
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        featureId: 'events',
+        children: eventDetailsChildren
+    }),
+    hookRoute({
+        context: ViewContext.Device,
+        path: EVENTS_PATH,
+        priority: 700,
+        icon: 'online1',
+        label: gettext('Events'),
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        featureId: 'events',
+        children: eventDetailsChildren
+    })
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { eventsCockpitProviders };
+//# sourceMappingURL=c8y-ngx-components-events-cockpit.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-events-cockpit.mjs","sources":["../../events/cockpit/index.ts","../../events/cockpit/c8y-ngx-components-events-cockpit.ts"],"sourcesContent":["import { hookNavigator, hookRoute, NavigatorNode, ViewContext } from '@c8y/ngx-components';\nimport { EVENTS_PATH } from '@c8y/ngx-components/events';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\nconst eventDetailsChildren = [\n  {\n    path: ':id',\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventDetailsComponent)\n  }\n];\n\nexport const eventsCockpitProviders = [\n  hookNavigator(\n    new NavigatorNode({\n      label: gettext('Events'),\n      icon: 'online1',\n      priority: 900,\n      path: `/${EVENTS_PATH}`,\n      featureId: 'events',\n      parent: '',\n      routerLinkExact: false\n    })\n  ),\n  hookRoute({\n    path: EVENTS_PATH,\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    data: { title: true },\n    children: eventDetailsChildren\n  }),\n  hookRoute({\n    context: ViewContext.Group,\n    path: EVENTS_PATH,\n    priority: 700,\n    icon: 'online1',\n    label: gettext('Events'),\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    featureId: 'events',\n    children: eventDetailsChildren\n  }),\n  hookRoute({\n    context: ViewContext.Device,\n    path: EVENTS_PATH,\n    priority: 700,\n    icon: 'online1',\n    label: gettext('Events'),\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    featureId: 'events',\n    children: eventDetailsChildren\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,GAAG;AAC3B,IAAA;AACE,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB;AAC5F;CACF;AAEM,MAAM,sBAAsB,GAAG;IACpC,aAAa,CACX,IAAI,aAAa,CAAC;AAChB,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,QAAQ,EAAE,GAAG;QACb,IAAI,EAAE,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE;AACvB,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,eAAe,EAAE;AAClB,KAAA,CAAC,CACH;AACD,IAAA,SAAS,CAAC;AACR,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;AACrB,QAAA,QAAQ,EAAE;KACX,CAAC;AACF,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,KAAK;AAC1B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE;KACX,CAAC;AACF,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,MAAM;AAC3B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE;KACX;;;AChDH;;AAEG;;;;"}

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

@@ -0,0 +1,79 @@
+import { hookNavigator, NavigatorNode, hookRoute, ViewContext } from '@c8y/ngx-components';
+import { EVENTS_PATH } from '@c8y/ngx-components/events';
+import { gettext } from '@c8y/ngx-components/gettext';
+
+const eventDetailsChildren = [
+    {
+        path: ':id',
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventDetailsComponent)
+    }
+];
+const eventsDeviceManagementProviders = [
+    hookNavigator(new NavigatorNode({
+        label: gettext('Overviews'),
+        icon: 'c8y-overviews',
+        priority: 2500
+    })),
+    hookNavigator(new NavigatorNode({
+        label: gettext('Events'),
+        icon: 'online1',
+        priority: 1300,
+        path: `/${EVENTS_PATH}`,
+        featureId: 'events',
+        parent: gettext('Overviews'),
+        routerLinkExact: false
+    })),
+    hookRoute({
+        path: EVENTS_PATH,
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        data: { title: true },
+        children: eventDetailsChildren
+    }),
+    hookRoute({
+        context: ViewContext.Group,
+        path: EVENTS_PATH,
+        priority: 700,
+        icon: 'online1',
+        label: gettext('Events'),
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        featureId: 'events',
+        children: eventDetailsChildren
+    }),
+    hookRoute({
+        context: ViewContext.Device,
+        path: EVENTS_PATH,
+        priority: 700,
+        icon: 'online1',
+        label: gettext('Events'),
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        featureId: 'events',
+        children: eventDetailsChildren
+    }),
+    hookRoute({
+        context: ViewContext.Service,
+        path: EVENTS_PATH,
+        priority: 700,
+        icon: 'online1',
+        label: gettext('Events'),
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        featureId: 'events',
+        children: eventDetailsChildren
+    }),
+    hookRoute({
+        context: ViewContext.Simulators,
+        path: EVENTS_PATH,
+        priority: -2,
+        icon: 'online1',
+        label: gettext('Events'),
+        loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),
+        featureId: 'events',
+        children: eventDetailsChildren
+    })
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { eventsDeviceManagementProviders };
+//# sourceMappingURL=c8y-ngx-components-events-devicemanagement.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-events-devicemanagement.mjs","sources":["../../events/devicemanagement/index.ts","../../events/devicemanagement/c8y-ngx-components-events-devicemanagement.ts"],"sourcesContent":["import { hookNavigator, hookRoute, NavigatorNode, ViewContext } from '@c8y/ngx-components';\nimport { EVENTS_PATH } from '@c8y/ngx-components/events';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\nconst eventDetailsChildren = [\n  {\n    path: ':id',\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventDetailsComponent)\n  }\n];\n\nexport const eventsDeviceManagementProviders = [\n  hookNavigator(\n    new NavigatorNode({\n      label: gettext('Overviews'),\n      icon: 'c8y-overviews',\n      priority: 2500\n    })\n  ),\n  hookNavigator(\n    new NavigatorNode({\n      label: gettext('Events'),\n      icon: 'online1',\n      priority: 1300,\n      path: `/${EVENTS_PATH}`,\n      featureId: 'events',\n      parent: gettext('Overviews'),\n      routerLinkExact: false\n    })\n  ),\n  hookRoute({\n    path: EVENTS_PATH,\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    data: { title: true },\n    children: eventDetailsChildren\n  }),\n  hookRoute({\n    context: ViewContext.Group,\n    path: EVENTS_PATH,\n    priority: 700,\n    icon: 'online1',\n    label: gettext('Events'),\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    featureId: 'events',\n    children: eventDetailsChildren\n  }),\n  hookRoute({\n    context: ViewContext.Device,\n    path: EVENTS_PATH,\n    priority: 700,\n    icon: 'online1',\n    label: gettext('Events'),\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    featureId: 'events',\n    children: eventDetailsChildren\n  }),\n  hookRoute({\n    context: ViewContext.Service,\n    path: EVENTS_PATH,\n    priority: 700,\n    icon: 'online1',\n    label: gettext('Events'),\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    featureId: 'events',\n    children: eventDetailsChildren\n  }),\n  hookRoute({\n    context: ViewContext.Simulators,\n    path: EVENTS_PATH,\n    priority: -2,\n    icon: 'online1',\n    label: gettext('Events'),\n    loadComponent: () => import('@c8y/ngx-components/events').then(m => m.EventsComponent),\n    featureId: 'events',\n    children: eventDetailsChildren\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,GAAG;AAC3B,IAAA;AACE,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB;AAC5F;CACF;AAEM,MAAM,+BAA+B,GAAG;IAC7C,aAAa,CACX,IAAI,aAAa,CAAC;AAChB,QAAA,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC;AAC3B,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,QAAQ,EAAE;AACX,KAAA,CAAC,CACH;IACD,aAAa,CACX,IAAI,aAAa,CAAC;AAChB,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE;AACvB,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC;AAC5B,QAAA,eAAe,EAAE;AAClB,KAAA,CAAC,CACH;AACD,IAAA,SAAS,CAAC;AACR,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;AACrB,QAAA,QAAQ,EAAE;KACX,CAAC;AACF,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,KAAK;AAC1B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE;KACX,CAAC;AACF,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,MAAM;AAC3B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE;KACX,CAAC;AACF,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,OAAO;AAC5B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE;KACX,CAAC;AACF,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,UAAU;AAC/B,QAAA,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,CAAC,CAAC;AACZ,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;AACxB,QAAA,aAAa,EAAE,MAAM,OAAO,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AACtF,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE;KACX;;;AC3EH;;AAEG;;;;"}

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

@@ -1,9 +1,8 @@
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { NgTemplateOutlet, JsonPipe, KeyValuePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, Input, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@c8y/ngx-components';
-import { CoreModule, EventRealtimeService } from '@c8y/ngx-components';
+import { EmptyStateComponent, ForOfDirective, IconDirective, ListGroupComponent, ListItemBodyComponent, ListItemCollapseComponent, ListItemComponent, ListItemIconComponent, ListItemTimelineComponent, C8yTranslatePipe, DatePipe, HumanizePipe, EventRealtimeService } from '@c8y/ngx-components';
 import * as i2 from '@c8y/ngx-components/events';
 import { CollapseModule } from 'ngx-bootstrap/collapse';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
@@ -14,28 +13,39 @@ class EventsTimelineComponent {
     constructor(realtime, eventsService) {
         this.realtime = realtime;
         this.eventsService = eventsService;
+        this.events = input(...(ngDevMode ? [undefined, { debugName: "events" }] : []));
         this.sourceId = input.required(...(ngDevMode ? [{ debugName: "sourceId" }] : []));
-        this.filterPipe = pipe(tap());
-        this.footerTemplates = [];
-        this.propertiesToHide = [];
+        this.filterPipe = input(pipe(tap()), ...(ngDevMode ? [{ debugName: "filterPipe" }] : []));
+        this.bodyTemplate = input(...(ngDevMode ? [undefined, { debugName: "bodyTemplate" }] : []));
+        this.footerTemplates = input([], ...(ngDevMode ? [{ debugName: "footerTemplates" }] : []));
+        this.propertiesToHide = input([], ...(ngDevMode ? [{ debugName: "propertiesToHide" }] : []));
+        this.loadMoreMode = input('auto', ...(ngDevMode ? [{ debugName: "loadMoreMode" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", 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: "20.3.18", type: EventsTimelineComponent, isStandalone: true, selector: "c8y-events-timeline", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: false, isRequired: false, transformFunction: null }, sourceId: { classPropertyName: "sourceId", publicName: "sourceId", isSignal: true, isRequired: true, transformFunction: null }, filterPipe: { classPropertyName: "filterPipe", publicName: "filterPipe", isSignal: false, isRequired: false, transformFunction: null }, bodyTemplate: { classPropertyName: "bodyTemplate", publicName: "bodyTemplate", isSignal: false, isRequired: false, transformFunction: null }, footerTemplates: { classPropertyName: "footerTemplates", publicName: "footerTemplates", isSignal: false, isRequired: false, transformFunction: null }, propertiesToHide: { classPropertyName: "propertiesToHide", publicName: "propertiesToHide", isSignal: false, 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    \"\n  >\n    {{ event.creationTime | date: '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) {\n              <ng-container\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $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                {{ prop.value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ event[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]=\"{ $implicit: event }\"\n          ></ng-container>\n        }\n      </c8y-li-collapse>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i1.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: i1.ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: i1.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: i1.ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: i1.ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: i1.ListItemCollapseComponent, selector: "c8y-list-item-collapse, c8y-li-collapse", inputs: ["collapseWay"] }, { kind: "component", type: i1.ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline" }, { kind: "ngmodule", type: CollapseModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: i3.JsonPipe, name: "json" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i1.HumanizePipe, name: "humanize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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 }, 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 }, loadMoreMode: { classPropertyName: "loadMoreMode", publicName: "loadMoreMode", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EventsTimelineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-events-timeline', imports: [CommonModule, CoreModule, CollapseModule, TooltipModule], providers: [EventRealtimeService], 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    \"\n  >\n    {{ event.creationTime | date: '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) {\n              <ng-container\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $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                {{ prop.value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ event[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]=\"{ $implicit: event }\"\n          ></ng-container>\n        }\n      </c8y-li-collapse>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n" }]
-        }], ctorParameters: () => [{ type: i1.EventRealtimeService }, { type: i2.EventsService }], propDecorators: { events: [{
-                type: Input
-            }], sourceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceId", required: true }] }], filterPipe: [{
-                type: Input
-            }], bodyTemplate: [{
-                type: Input
-            }], footerTemplates: [{
-                type: Input
-            }], propertiesToHide: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'c8y-events-timeline', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        JsonPipe,
+                        KeyValuePipe,
+                        NgTemplateOutlet,
+                        C8yTranslatePipe,
+                        DatePipe,
+                        EmptyStateComponent,
+                        ForOfDirective,
+                        HumanizePipe,
+                        IconDirective,
+                        ListGroupComponent,
+                        ListItemBodyComponent,
+                        ListItemCollapseComponent,
+                        ListItemComponent,
+                        ListItemIconComponent,
+                        ListItemTimelineComponent,
+                        CollapseModule,
+                        TooltipModule
+                    ], providers: [EventRealtimeService], 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" }]
+        }], ctorParameters: () => [{ type: i1.EventRealtimeService }, { type: i2.EventsService }], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], sourceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceId", required: true }] }], filterPipe: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPipe", required: false }] }], bodyTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyTemplate", required: false }] }], footerTemplates: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplates", required: false }] }], propertiesToHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertiesToHide", required: false }] }], loadMoreMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreMode", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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 { CommonModule } from '@angular/common';\nimport { Component, input, Input, TemplateRef } from '@angular/core';\nimport { IEvent, IResultList } from '@c8y/client';\nimport { CoreModule, EventRealtimeService, ForOfFilterPipe } 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  imports: [CommonModule, CoreModule, CollapseModule, TooltipModule],\n  providers: [EventRealtimeService]\n})\nexport class EventsTimelineComponent<B, F> {\n  @Input()\n  events: IResultList<IEvent>;\n\n  sourceId = input.required<string | number>();\n\n  @Input()\n  filterPipe: ForOfFilterPipe<IEvent> = pipe(tap());\n\n  @Input()\n  bodyTemplate: TemplateRef<B>;\n\n  @Input()\n  footerTemplates: Array<TemplateRef<F>> = [];\n\n  @Input()\n  propertiesToHide: 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    \"\n  >\n    {{ event.creationTime | date: '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) {\n              <ng-container\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $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                {{ prop.value | translate }}\n              </label>\n              <span class=\"m-l-auto text-break-word\">\n                {{ event[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]=\"{ $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  bodyTemplate = input<TemplateRef<B>>();\n  footerTemplates = input<Array<TemplateRef<F>>>([]);\n  propertiesToHide = input<string[]>([]);\n  loadMoreMode = input<LoadMoreMode>('auto');\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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"}