import { Component, Input } from '@angular/core';
import { CaseViewEvent } from '../../../../domain';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../utils/date.pipe";
import * as i3 from "../../utils/dash.pipe";
import * as i4 from "rpx-xui-translation";
export class EventLogDetailsComponent {
    event;
    static ɵfac = function EventLogDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EventLogDetailsComponent)(); };
    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogDetailsComponent, selectors: [["ccd-event-log-details"]], inputs: { event: "event" }, decls: 59, vars: 39, consts: [["tabindex", "0", 1, "EventLogDetails"], [1, "heading-h2"], ["tabindex", "0", "aria-live", "polite"], [1, "text-16"], [1, "tooltip", "text-16"]], template: function EventLogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "table", 0)(1, "caption")(2, "h2", 1);
            i0.ɵɵtext(3);
            i0.ɵɵpipe(4, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(5, "tbody", 2)(6, "tr")(7, "th")(8, "span", 3);
            i0.ɵɵtext(9);
            i0.ɵɵpipe(10, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(11, "td")(12, "div", 4);
            i0.ɵɵtext(13);
            i0.ɵɵpipe(14, "ccdDate");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(15, "tr")(16, "th")(17, "span", 3);
            i0.ɵɵtext(18);
            i0.ɵɵpipe(19, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(20, "td")(21, "span", 3);
            i0.ɵɵtext(22);
            i0.ɵɵpipe(23, "titlecase");
            i0.ɵɵpipe(24, "uppercase");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(25, "tr")(26, "th")(27, "span", 3);
            i0.ɵɵtext(28);
            i0.ɵɵpipe(29, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(30, "td")(31, "span", 3);
            i0.ɵɵtext(32);
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(33, "tr")(34, "th")(35, "span", 3);
            i0.ɵɵtext(36);
            i0.ɵɵpipe(37, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(38, "td")(39, "span", 3);
            i0.ɵɵtext(40);
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(41, "tr")(42, "th")(43, "span", 3);
            i0.ɵɵtext(44);
            i0.ɵɵpipe(45, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(46, "td")(47, "span", 3);
            i0.ɵɵtext(48);
            i0.ɵɵpipe(49, "ccdDash");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(50, "tr")(51, "th")(52, "span", 3);
            i0.ɵɵtext(53);
            i0.ɵɵpipe(54, "rpxTranslate");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(55, "td")(56, "span", 3);
            i0.ɵɵtext(57);
            i0.ɵɵpipe(58, "ccdDash");
            i0.ɵɵelementEnd()()()()();
        } if (rf & 2) {
            i0.ɵɵadvance(3);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 14, "Details"));
            i0.ɵɵadvance(6);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 16, "Date"));
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(14, 18, ctx.event.timestamp, "local"), " ");
            i0.ɵɵadvance(5);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 21, "Author"));
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(23, 23, ctx.event.user_first_name), " ", i0.ɵɵpipeBind1(24, 25, ctx.event.user_last_name), "");
            i0.ɵɵadvance(6);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 27, "End state"));
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(ctx.event.state_name);
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(37, 29, "Event"));
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(ctx.event.event_name);
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 31, "Summary"));
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(49, 33, ctx.event.summary));
            i0.ɵɵadvance(5);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(54, 35, "Comment"));
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(58, 37, ctx.event.comment));
        } }, dependencies: [i1.UpperCasePipe, i1.TitleCasePipe, i2.DatePipe, i3.DashPipe, i4.RpxTranslatePipe], styles: [".EventLogDetails[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], .EventLogDetails[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border-bottom:none}"] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogDetailsComponent, [{
        type: Component,
        args: [{ selector: 'ccd-event-log-details', template: "<table tabindex=\"0\" class=\"EventLogDetails\">\n  <caption><h2 class=\"heading-h2\">{{'Details' | rpxTranslate}}</h2></caption>\n  <tbody tabindex=\"0\" aria-live=\"polite\">\n    <tr>\n      <th><span class=\"text-16\">{{'Date' | rpxTranslate}}</span></th>\n      <td>\n        <div class=\"tooltip text-16\">{{event.timestamp | ccdDate : 'local'}}\n        </div>\n      </td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Author' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.user_first_name | titlecase}} {{event.user_last_name | uppercase}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'End state' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.state_name}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Event' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.event_name}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Summary' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.summary | ccdDash}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Comment' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.comment | ccdDash}}</span></td>\n    </tr>\n  </tbody>\n</table>\n", styles: [".EventLogDetails th,.EventLogDetails td{border-bottom:none}\n"] }]
    }], null, { event: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EventLogDetailsComponent, { className: "EventLogDetailsComponent", filePath: "lib/shared/components/palette/history/event-log/event-log-details.component.ts", lineNumber: 9 }); })();
//# sourceMappingURL=data:application/json;base64, 