@compas-oscd/open-scd 0.34.2 → 0.34.3

package/dist/src/addons/Editor.js

@@ -0,0 +1,106 @@
+import { __decorate } from "tslib";
+import { newEditEvent, newEditEventV2 } from '@openscd/core';
+import { property, LitElement, customElement, html, } from 'lit-element';
+import { get } from 'lit-translate';
+import { newLogEvent } from '@openscd/core/foundation/deprecated/history.js';
+import { newValidateEvent } from '@openscd/core/foundation/deprecated/validation.js';
+import { isComplex, isInsert, isRemove, isUpdate, } from '@openscd/core';
+import { convertEditActiontoV1 } from './editor/edit-action-to-v1-converter.js';
+import { convertEditV1toV2 } from './editor/edit-v1-to-v2-converter.js';
+let OscdEditor = class OscdEditor extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The `XMLDocument` to be edited */
+        this.doc = null;
+        /** The name of the current [[`doc`]] */
+        this.docName = '';
+        /** The UUID of the current [[`doc`]] */
+        this.docId = '';
+    }
+    onAction(event) {
+        const edit = convertEditActiontoV1(event.detail.action);
+        const editV2 = convertEditV1toV2(edit);
+        this.host.dispatchEvent(newEditEventV2(editV2));
+    }
+    handleEditEvent(event) {
+        /**
+         * This is a compatibility fix for plugins based on open energy tools edit events
+         * because their edit event look slightly different
+         * see https://github.com/OpenEnergyTools/open-scd-core/blob/main/foundation/edit-event-v1.ts for details
+         */
+        if (isOpenEnergyEditEvent(event)) {
+            event = convertOpenEnergyEditEventToEditEvent(event);
+        }
+        const edit = event.detail.edit;
+        const editV2 = convertEditV1toV2(edit);
+        this.host.dispatchEvent(newEditEventV2(editV2));
+    }
+    /**
+     *
+     * @deprecated [Move to handleOpenDoc instead]
+     */
+    async onOpenDoc(event) {
+        this.doc = event.detail.doc;
+        this.docName = event.detail.docName;
+        this.docId = event.detail.docId ?? '';
+        await this.updateComplete;
+        this.dispatchEvent(newValidateEvent());
+        this.dispatchEvent(newLogEvent({
+            kind: 'info',
+            title: get('openSCD.loaded', { name: this.docName }),
+        }));
+    }
+    handleOpenDoc({ detail: { docName, doc } }) {
+        this.doc = doc;
+        this.docName = docName;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Deprecated editor action API, use 'oscd-edit' instead.
+        this.host.addEventListener('editor-action', this.onAction.bind(this));
+        // Deprecated edit event API, use 'oscd-edit-v2' instead.
+        this.host.addEventListener('oscd-edit', event => this.handleEditEvent(event));
+        this.host.addEventListener('oscd-edit-v2', event => this.handleEditEventV2(event));
+        this.host.addEventListener('open-doc', this.onOpenDoc);
+        this.host.addEventListener('oscd-open', this.handleOpenDoc);
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+    async handleEditEventV2(event) {
+        const { edit, title, squash } = event.detail;
+        this.editor.commit(edit, { title, squash });
+        await this.updateComplete;
+        this.dispatchEvent(newValidateEvent());
+    }
+};
+__decorate([
+    property({ attribute: false })
+], OscdEditor.prototype, "doc", void 0);
+__decorate([
+    property({ type: String })
+], OscdEditor.prototype, "docName", void 0);
+__decorate([
+    property({ type: String })
+], OscdEditor.prototype, "docId", void 0);
+__decorate([
+    property({ type: Object })
+], OscdEditor.prototype, "editor", void 0);
+__decorate([
+    property({
+        type: Object,
+    })
+], OscdEditor.prototype, "host", void 0);
+OscdEditor = __decorate([
+    customElement('oscd-editor')
+], OscdEditor);
+export { OscdEditor };
+function isOpenEnergyEditEvent(event) {
+    const eventDetail = event.detail;
+    return isComplex(eventDetail) || isInsert(eventDetail) || isUpdate(eventDetail) || isRemove(eventDetail);
+}
+function convertOpenEnergyEditEventToEditEvent(event) {
+    const eventDetail = event.detail;
+    return newEditEvent(eventDetail);
+}
+//# sourceMappingURL=Editor.js.map

package/dist/src/addons/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/addons/Editor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  EditEventV2,\n  OpenEvent,\n  newEditEvent,\n  newEditEventV2,\n  XMLEditor\n} from '@openscd/core';\nimport {\n  property,\n  LitElement,\n  customElement,\n  TemplateResult,\n  html,\n} from 'lit-element';\nimport { get } from 'lit-translate';\n\nimport {\n  EditorAction,\n  EditorActionEvent,\n} from '@openscd/core/foundation/deprecated/editor.js';\n\nimport { newLogEvent } from '@openscd/core/foundation/deprecated/history.js';\nimport { newValidateEvent } from '@openscd/core/foundation/deprecated/validation.js';\nimport { OpenDocEvent } from '@openscd/core/foundation/deprecated/open-event.js';\n\nimport {\n  Edit,\n  EditEvent,\n  isComplex,\n  isInsert,\n  isRemove,\n  isUpdate,\n} from '@openscd/core';\n\nimport { convertEditActiontoV1 } from './editor/edit-action-to-v1-converter.js';\nimport { convertEditV1toV2 } from './editor/edit-v1-to-v2-converter.js';\n\n@customElement('oscd-editor')\nexport class OscdEditor extends LitElement {\n  /** The `XMLDocument` to be edited */\n  @property({ attribute: false })\n  doc: XMLDocument | null = null;\n  /** The name of the current [[`doc`]] */\n  @property({ type: String }) docName = '';\n  /** The UUID of the current [[`doc`]] */\n  @property({ type: String }) docId = '';\n  /** XML Editor to apply changes to the scd */\n  @property({ type: Object }) editor!: XMLEditor;\n\n  @property({\n    type: Object,\n  })\n  host!: HTMLElement;\n\n  private onAction(event: EditorActionEvent<EditorAction>) {\n    const edit = convertEditActiontoV1(event.detail.action);\n    const editV2 = convertEditV1toV2(edit);\n\n    this.host.dispatchEvent(newEditEventV2(editV2));\n  }\n\n  handleEditEvent(event: EditEvent) {\n    /**\n     * This is a compatibility fix for plugins based on open energy tools edit events\n     * because their edit event look slightly different\n     * see https://github.com/OpenEnergyTools/open-scd-core/blob/main/foundation/edit-event-v1.ts for details\n     */\n    if (isOpenEnergyEditEvent(event)) {\n      event = convertOpenEnergyEditEventToEditEvent(event);\n    }\n\n    const edit = event.detail.edit;\n    const editV2 = convertEditV1toV2(edit);\n\n    this.host.dispatchEvent(newEditEventV2(editV2));\n  }\n\n  /**\n   *\n   * @deprecated [Move to handleOpenDoc instead]\n   */\n  private async onOpenDoc(event: OpenDocEvent) {\n    this.doc = event.detail.doc;\n    this.docName = event.detail.docName;\n    this.docId = event.detail.docId ?? '';\n\n    await this.updateComplete;\n\n    this.dispatchEvent(newValidateEvent());\n\n    this.dispatchEvent(\n      newLogEvent({\n        kind: 'info',\n        title: get('openSCD.loaded', { name: this.docName }),\n      })\n    );\n  }\n\n  handleOpenDoc({ detail: { docName, doc } }: OpenEvent) {\n    this.doc = doc;\n    this.docName = docName;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    // Deprecated editor action API, use 'oscd-edit' instead.\n    this.host.addEventListener('editor-action', this.onAction.bind(this));\n    // Deprecated edit event API, use 'oscd-edit-v2' instead.\n    this.host.addEventListener('oscd-edit', event => this.handleEditEvent(event));\n\n    this.host.addEventListener('oscd-edit-v2', event => this.handleEditEventV2(event));\n    this.host.addEventListener('open-doc', this.onOpenDoc);\n    this.host.addEventListener('oscd-open', this.handleOpenDoc);\n  }\n\n  render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n\n  async handleEditEventV2(event: EditEventV2) {\n    const { edit, title, squash } = event.detail;\n\n    this.editor.commit(edit, { title, squash });\n\n    await this.updateComplete;\n    this.dispatchEvent(newValidateEvent());\n  }\n}\n\nfunction isOpenEnergyEditEvent(event: CustomEvent<unknown>): boolean {\n  const eventDetail = event.detail as Edit;\n  return isComplex(eventDetail) || isInsert(eventDetail) || isUpdate(eventDetail) || isRemove(eventDetail);\n}\n\nfunction convertOpenEnergyEditEventToEditEvent(event: CustomEvent<unknown>): EditEvent {\n  const eventDetail = event.detail as Edit;\n  return newEditEvent(eventDetail);\n}\n"]}

package/dist/src/addons/History.d.ts

@@ -0,0 +1,86 @@
+import { TemplateResult, LitElement } from 'lit-element';
+import '@material/mwc-button';
+import '@material/mwc-dialog';
+import '@material/mwc-icon';
+import '@material/mwc-icon-button';
+import '@material/mwc-icon-button-toggle';
+import '@material/mwc-list';
+import '@material/mwc-list/mwc-list-item';
+import '@material/mwc-snackbar';
+import { Dialog } from '@material/mwc-dialog';
+import { Snackbar } from '@material/mwc-snackbar';
+import '../filtered-list.js';
+import { InfoEntry, IssueDetail, LogEntry } from '@openscd/core/foundation/deprecated/history.js';
+import { XMLEditor } from '@openscd/core';
+interface HistoryItem {
+    title: string;
+    message?: string;
+    time: number;
+    isActive: boolean;
+}
+export declare enum HistoryUIKind {
+    log = "log",
+    history = "history",
+    diagnostic = "diagnostic"
+}
+export interface HistoryUIDetail {
+    show: boolean;
+    kind: HistoryUIKind;
+}
+export type HistoryUIEvent = CustomEvent<HistoryUIDetail>;
+export declare function newHistoryUIEvent(show: boolean, kind: HistoryUIKind, eventInitDict?: CustomEventInit<Partial<HistoryUIDetail>>): HistoryUIEvent;
+export interface EmptyIssuesDetail {
+    pluginSrc: string;
+}
+export type EmptyIssuesEvent = CustomEvent<EmptyIssuesDetail>;
+export declare function newEmptyIssuesEvent(pluginSrc: string, eventInitDict?: CustomEventInit<Partial<EmptyIssuesDetail>>): EmptyIssuesEvent;
+export declare class OscdHistory extends LitElement {
+    /** All [[`LogEntry`]]s received so far through [[`LogEvent`]]s. */
+    log: InfoEntry[];
+    /** XML Editor to apply changes to the scd */
+    editor: XMLEditor;
+    diagnoses: Map<string, IssueDetail[]>;
+    host: HTMLElement;
+    latestIssue: IssueDetail;
+    history: HistoryItem[];
+    logUI: Dialog;
+    historyUI: Dialog;
+    diagnosticUI: Dialog;
+    errorUI: Snackbar;
+    warningUI: Snackbar;
+    infoUI: Snackbar;
+    issueUI: Snackbar;
+    private unsubscribers;
+    private onIssue;
+    undo(): void;
+    redo(): void;
+    private onReset;
+    private onInfo;
+    private onLog;
+    private historyUIHandler;
+    private emptyIssuesHandler;
+    private handleKeyPress;
+    private updateHistory;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    renderLogEntry(entry: InfoEntry, index: number, log: LogEntry[]): TemplateResult;
+    renderHistoryEntry(entry: HistoryItem): TemplateResult;
+    private formatTime;
+    private renderLog;
+    private renderHistory;
+    private renderIssueEntry;
+    renderValidatorsIssues(issues: IssueDetail[]): TemplateResult[];
+    private renderIssues;
+    private renderFilterButtons;
+    private renderLogDialog;
+    private renderHistoryUI;
+    render(): TemplateResult;
+}
+declare global {
+    interface ElementEventMap {
+        'history-dialog-ui': CustomEvent<HistoryUIDetail>;
+        'empty-issues': CustomEvent<EmptyIssuesDetail>;
+    }
+}
+export {};

package/dist/src/addons/History.js

@@ -0,0 +1,490 @@
+import { __decorate } from "tslib";
+import { html, state, property, query, customElement, LitElement, } from 'lit-element';
+import { get } from 'lit-translate';
+import '@material/mwc-button';
+import '@material/mwc-dialog';
+import '@material/mwc-icon';
+import '@material/mwc-icon-button';
+import '@material/mwc-icon-button-toggle';
+import '@material/mwc-list';
+import '@material/mwc-list/mwc-list-item';
+import '@material/mwc-snackbar';
+import '../filtered-list.js';
+import { getFilterIcon, iconColors } from '../icons/icons.js';
+import { getLogText } from './history/get-log-text.js';
+const icons = {
+    info: 'info',
+    warning: 'warning',
+    error: 'report',
+};
+function getPluginName(src) {
+    let storedPluginsString = localStorage.getItem('plugins');
+    if (!storedPluginsString) {
+        storedPluginsString = '[]';
+    }
+    const storedPlugins = JSON.parse(storedPluginsString);
+    const wantedPlugin = storedPlugins.find((p) => p.src === src);
+    if (!wantedPlugin) {
+        return `pluginnotfound: ${src} in ${storedPluginsString}`;
+    }
+    const name = wantedPlugin.name;
+    if (!name) {
+        return `pluginhasnoname:${src}`;
+    }
+    return name;
+}
+export var HistoryUIKind;
+(function (HistoryUIKind) {
+    HistoryUIKind["log"] = "log";
+    HistoryUIKind["history"] = "history";
+    HistoryUIKind["diagnostic"] = "diagnostic";
+})(HistoryUIKind || (HistoryUIKind = {}));
+export function newHistoryUIEvent(show, kind, eventInitDict) {
+    return new CustomEvent('history-dialog-ui', {
+        bubbles: true,
+        composed: true,
+        ...eventInitDict,
+        detail: {
+            show,
+            kind,
+            ...eventInitDict?.detail,
+        },
+    });
+}
+export function newEmptyIssuesEvent(pluginSrc, eventInitDict) {
+    return new CustomEvent('empty-issues', {
+        bubbles: true,
+        composed: true,
+        ...eventInitDict,
+        detail: { pluginSrc, ...eventInitDict?.detail },
+    });
+}
+let OscdHistory = class OscdHistory extends LitElement {
+    onIssue(de) {
+        const issues = this.diagnoses.get(de.detail.validatorId);
+        if (!issues)
+            this.diagnoses.set(de.detail.validatorId, [de.detail]);
+        else
+            issues?.push(de.detail);
+        this.latestIssue = de.detail;
+        this.issueUI.close();
+        this.issueUI.show();
+    }
+    undo() {
+        this.editor.undo();
+    }
+    redo() {
+        this.editor.redo();
+    }
+    onReset() {
+        this.log = [];
+        this.editor.reset();
+        this.updateHistory();
+    }
+    onInfo(detail) {
+        const entry = {
+            time: new Date(),
+            ...detail,
+        };
+        this.log.push(entry);
+        if (!this.logUI.open) {
+            const ui = {
+                error: this.errorUI,
+                warning: this.warningUI,
+                info: this.infoUI,
+            }[detail.kind];
+            ui.close();
+            ui.show();
+        }
+        if (detail.kind == 'error') {
+            this.errorUI.close(); // hack to reset timeout
+            this.errorUI.show();
+        }
+        this.requestUpdate('log', []);
+    }
+    onLog(le) {
+        switch (le.detail.kind) {
+            case 'reset':
+                this.onReset();
+                break;
+            case 'action':
+                // No longer needed
+                break;
+            default:
+                this.onInfo(le.detail);
+                break;
+        }
+    }
+    historyUIHandler(e) {
+        const ui = {
+            log: this.logUI,
+            history: this.historyUI,
+            diagnostic: this.diagnosticUI,
+        }[e.detail.kind];
+        if (e.detail.show)
+            ui.show();
+        else
+            ui.close();
+    }
+    emptyIssuesHandler(e) {
+        if (this.diagnoses.get(e.detail.pluginSrc))
+            this.diagnoses.get(e.detail.pluginSrc).length = 0;
+    }
+    handleKeyPress(e) {
+        const ctrlAnd = (key) => e.key === key && e.ctrlKey;
+        if (ctrlAnd('y'))
+            this.redo();
+        if (ctrlAnd('z'))
+            this.undo();
+        if (ctrlAnd('l'))
+            this.logUI.open ? this.logUI.close() : this.logUI.show();
+        if (ctrlAnd('d'))
+            this.diagnosticUI.open
+                ? this.diagnosticUI.close()
+                : this.diagnosticUI.show();
+    }
+    updateHistory() {
+        const { past, future } = this.editor;
+        const activeIndex = past.length - 1;
+        const allEntries = [...past, ...future];
+        this.history = allEntries.map((e, index) => {
+            const { title, message } = getLogText(e.redo);
+            return {
+                isActive: index === activeIndex,
+                time: e.time,
+                title: e.title ?? title,
+                message
+            };
+        });
+    }
+    constructor() {
+        super();
+        /** All [[`LogEntry`]]s received so far through [[`LogEvent`]]s. */
+        this.log = [];
+        this.diagnoses = new Map();
+        this.history = [];
+        this.unsubscribers = [];
+        this.undo = this.undo.bind(this);
+        this.redo = this.redo.bind(this);
+        this.onLog = this.onLog.bind(this);
+        this.onIssue = this.onIssue.bind(this);
+        this.historyUIHandler = this.historyUIHandler.bind(this);
+        this.emptyIssuesHandler = this.emptyIssuesHandler.bind(this);
+        this.handleKeyPress = this.handleKeyPress.bind(this);
+        document.onkeydown = this.handleKeyPress;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribers.push(this.editor.subscribe(e => this.updateHistory()), this.editor.subscribeUndoRedo(e => this.updateHistory()));
+        this.host.addEventListener('log', this.onLog);
+        this.host.addEventListener('issue', this.onIssue);
+        this.host.addEventListener('history-dialog-ui', this.historyUIHandler);
+        this.host.addEventListener('empty-issues', this.emptyIssuesHandler);
+        this.diagnoses.clear();
+    }
+    disconnectedCallback() {
+        this.unsubscribers.forEach(u => u());
+    }
+    renderLogEntry(entry, index, log) {
+        return html ` <abbr title="${entry.title}">
+      <mwc-list-item
+        class="${entry.kind}"
+        graphic="icon"
+        ?twoline=${!!entry.message}
+      >
+        <span>
+          <!-- FIXME: replace tt with mwc-chip asap -->
+          <tt>${entry.time?.toLocaleString()}</tt>
+          ${entry.title}</span
+        >
+        <span slot="secondary">${entry.message}</span>
+        <mwc-icon
+          slot="graphic"
+          style="--mdc-theme-text-icon-on-background:var(${iconColors[entry.kind]})"
+          >${icons[entry.kind]}</mwc-icon
+        >
+      </mwc-list-item></abbr
+    >`;
+    }
+    renderHistoryEntry(entry) {
+        return html ` <abbr title="${entry.title}">
+      <mwc-list-item
+        ?twoline=${!!entry.message}
+        ?activated=${entry.isActive}
+      >
+        <span>
+          <tt>${this.formatTime(entry.time)}</tt>
+          ${entry.title}
+        </span>
+        <span slot="secondary">${entry.message}</span>
+      </mwc-list-item>
+    </abbr>`;
+    }
+    formatTime(time) {
+        const date = new Date(time);
+        const hours = date.getHours();
+        const minutes = date.getMinutes();
+        return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+    }
+    renderLog() {
+        if (this.log.length > 0)
+            return this.log.slice().reverse().map(this.renderLogEntry, this);
+        else
+            return html `<mwc-list-item disabled graphic="icon">
+        <span>${get('log.placeholder')}</span>
+        <mwc-icon slot="graphic">info</mwc-icon>
+      </mwc-list-item>`;
+    }
+    renderHistory() {
+        if (this.history.length > 0)
+            return this.history.slice().reverse().map(e => this.renderHistoryEntry(e));
+        else
+            return html `<mwc-list-item disabled graphic="icon">
+        <span>${get('history.placeholder')}</span>
+        <mwc-icon slot="graphic">info</mwc-icon>
+      </mwc-list-item>`;
+    }
+    renderIssueEntry(issue) {
+        return html ` <abbr title="${issue.title + '\n' + issue.message}"
+      ><mwc-list-item ?twoline=${!!issue.message}>
+        <span> ${issue.title}</span>
+        <span slot="secondary">${issue.message}</span>
+      </mwc-list-item></abbr
+    >`;
+    }
+    renderValidatorsIssues(issues) {
+        if (issues.length === 0)
+            return [html ``];
+        return [
+            html `
+        <mwc-list-item noninteractive>
+          ${getPluginName(issues[0].validatorId)}
+        </mwc-list-item>
+      `,
+            html `<li divider padded role="separator"></li>`,
+            ...issues.map(issue => this.renderIssueEntry(issue)),
+        ];
+    }
+    renderIssues() {
+        const issueItems = [];
+        this.diagnoses.forEach(issues => {
+            this.renderValidatorsIssues(issues).forEach(issueItem => issueItems.push(issueItem));
+        });
+        return issueItems.length
+            ? issueItems
+            : html `<mwc-list-item disabled graphic="icon">
+          <span>${get('diag.placeholder')}</span>
+          <mwc-icon slot="graphic">info</mwc-icon>
+        </mwc-list-item>`;
+    }
+    renderFilterButtons() {
+        return Object.keys(icons).map(kind => html `<mwc-icon-button-toggle id="${kind}filter" on
+        >${getFilterIcon(kind, false)}
+        ${getFilterIcon(kind, true)}</mwc-icon-button-toggle
+      >`);
+    }
+    renderLogDialog() {
+        return html ` <mwc-dialog id="log" heading="${get('log.name')}">
+      ${this.renderFilterButtons()}
+      <mwc-list id="content" wrapFocus>${this.renderLog()}</mwc-list>
+      <mwc-button slot="primaryAction" dialogaction="close"
+        >${get('close')}</mwc-button
+      >
+    </mwc-dialog>`;
+    }
+    renderHistoryUI() {
+        return html ` <mwc-dialog id="history" heading="${get('history.name')}">
+      <mwc-list id="content" wrapFocus>${this.renderHistory()}</mwc-list>
+      <mwc-button
+        icon="undo"
+        label="${get('undo')}"
+        ?disabled=${!this.editor.canUndo}
+        @click=${this.undo}
+        slot="secondaryAction"
+      ></mwc-button>
+      <mwc-button
+        icon="redo"
+        label="${get('redo')}"
+        ?disabled=${!this.editor.canRedo}
+        @click=${this.redo}
+        slot="secondaryAction"
+      ></mwc-button>
+      <mwc-button slot="primaryAction" dialogaction="close"
+        >${get('close')}</mwc-button
+      >
+    </mwc-dialog>`;
+    }
+    render() {
+        return html `<slot></slot>
+      <style>
+        #log > mwc-icon-button-toggle {
+          position: absolute;
+          top: 8px;
+          right: 14px;
+        }
+        #log > mwc-icon-button-toggle:nth-child(2) {
+          right: 62px;
+        }
+        #log > mwc-icon-button-toggle:nth-child(3) {
+          right: 110px;
+        }
+        #log > mwc-icon-button-toggle:nth-child(4) {
+          right: 158px;
+        }
+        #content mwc-list-item.info,
+        #content mwc-list-item.warning,
+        #content mwc-list-item.error {
+          display: none;
+        }
+        #infofilter[on] ~ #content mwc-list-item.info {
+          display: flex;
+        }
+        #warningfilter[on] ~ #content mwc-list-item.warning {
+          display: flex;
+        }
+        #errorfilter[on] ~ #content mwc-list-item.error {
+          display: flex;
+        }
+
+        #infofilter[on] {
+          color: var(--cyan);
+        }
+
+        #warningfilter[on] {
+          color: var(--yellow);
+        }
+
+        #errorfilter[on] {
+          color: var(--red);
+        }
+
+        #actionfilter[on] {
+          color: var(--blue);
+        }
+
+        #log,
+        #history {
+          --mdc-dialog-min-width: 92vw;
+        }
+
+        #log > #filterContainer {
+          position: absolute;
+          top: 14px;
+          right: 14px;
+        }
+      </style>
+      ${this.renderLogDialog()} ${this.renderHistoryUI()}
+      <mwc-dialog id="diagnostic" heading="${get('diag.name')}">
+        <filtered-list id="content" wrapFocus>
+          ${this.renderIssues()}
+        </filtered-list>
+        <mwc-button slot="primaryAction" dialogaction="close">
+          ${get('close')}
+        </mwc-button>
+      </mwc-dialog>
+
+      <mwc-snackbar
+        id="info"
+        timeoutMs="4000"
+        labelText="${this.log
+            .slice()
+            .reverse()
+            .find(le => le.kind === 'info')?.title ??
+            get('log.snackbar.placeholder')}"
+      >
+        <mwc-icon-button icon="close" slot="dismiss"></mwc-icon-button>
+      </mwc-snackbar>
+      <mwc-snackbar
+        id="warning"
+        timeoutMs="6000"
+        labelText="${this.log
+            .slice()
+            .reverse()
+            .find(le => le.kind === 'warning')?.title ??
+            get('log.snackbar.placeholder')}"
+      >
+        <mwc-button
+          slot="action"
+          icon="history"
+          @click=${() => this.logUI.show()}
+          >${get('log.snackbar.show')}</mwc-button
+        >
+        <mwc-icon-button icon="close" slot="dismiss"></mwc-icon-button>
+      </mwc-snackbar>
+      <mwc-snackbar
+        id="error"
+        timeoutMs="10000"
+        labelText="${this.log
+            .slice()
+            .reverse()
+            .find(le => le.kind === 'error')?.title ??
+            get('log.snackbar.placeholder')}"
+      >
+        <mwc-button
+          slot="action"
+          icon="history"
+          @click=${() => this.logUI.show()}
+          >${get('log.snackbar.show')}</mwc-button
+        >
+        <mwc-icon-button icon="close" slot="dismiss"></mwc-icon-button>
+      </mwc-snackbar>
+      <mwc-snackbar
+        id="issue"
+        timeoutMs="10000"
+        labelText="${this.latestIssue?.title ??
+            get('log.snackbar.placeholder')}"
+      >
+        <mwc-button
+          slot="action"
+          icon="rule"
+          @click=${() => this.diagnosticUI.show()}
+          >${get('log.snackbar.show')}</mwc-button
+        >
+        <mwc-icon-button icon="close" slot="dismiss"></mwc-icon-button>
+      </mwc-snackbar>`;
+    }
+};
+__decorate([
+    property({ type: Array })
+], OscdHistory.prototype, "log", void 0);
+__decorate([
+    property({ type: Object })
+], OscdHistory.prototype, "editor", void 0);
+__decorate([
+    property()
+], OscdHistory.prototype, "diagnoses", void 0);
+__decorate([
+    property({ type: Object })
+], OscdHistory.prototype, "host", void 0);
+__decorate([
+    state()
+], OscdHistory.prototype, "latestIssue", void 0);
+__decorate([
+    state()
+], OscdHistory.prototype, "history", void 0);
+__decorate([
+    query('#log')
+], OscdHistory.prototype, "logUI", void 0);
+__decorate([
+    query('#history')
+], OscdHistory.prototype, "historyUI", void 0);
+__decorate([
+    query('#diagnostic')
+], OscdHistory.prototype, "diagnosticUI", void 0);
+__decorate([
+    query('#error')
+], OscdHistory.prototype, "errorUI", void 0);
+__decorate([
+    query('#warning')
+], OscdHistory.prototype, "warningUI", void 0);
+__decorate([
+    query('#info')
+], OscdHistory.prototype, "infoUI", void 0);
+__decorate([
+    query('#issue')
+], OscdHistory.prototype, "issueUI", void 0);
+OscdHistory = __decorate([
+    customElement('oscd-history')
+], OscdHistory);
+export { OscdHistory };
+//# sourceMappingURL=History.js.map