import { __decorate, __metadata } from "tslib";
import '../viewpart/process-report';
import { css, html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { connect } from 'pwa-helpers/connect-mixin.js';
import { PageView, store } from '@operato/shell';
import { i18next } from '@operato/i18n';
let ProcessReportPage = class ProcessReportPage extends connect(store)(PageView) {
    constructor() {
        super(...arguments);
        this._processId = '';
    }
    get context() {
        return {
            title: i18next.t('title.process-report')
        };
    }
    render() {
        return html ` <process-report .processId=${this._processId}></process-report> `;
    }
    pageUpdated(changes, lifecycle) {
        if (this.active) {
            this._processId = lifecycle.resourceId;
        }
        else {
            this._processId = '';
        }
    }
};
ProcessReportPage.styles = [
    css `
      :host {
        display: flex;
        flex-direction: column;
      }

      process-report {
        flex: 1;
      }
    `
];
__decorate([
    property({ type: String }),
    __metadata("design:type", String)
], ProcessReportPage.prototype, "_processId", void 0);
ProcessReportPage = __decorate([
    customElement('process-report-page')
], ProcessReportPage);
export { ProcessReportPage };
//# sourceMappingURL=process-report-page.js.map