@compas-oscd/open-scd 0.34.17 → 0.34.18

package/dist/addons/History.js

@@ -1,192 +1,191 @@
-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';
-export const historyStateEvent = 'history-state';
-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) {
+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}"
@@ -205,9 +204,9 @@ let OscdHistory = class OscdHistory extends LitElement {
           >${icons[entry.kind]}</mwc-icon
         >
       </mwc-list-item></abbr
-    >`;
-    }
-    renderHistoryEntry(entry) {
+    >`;
+    }
+    renderHistoryEntry(entry) {
         return html ` <abbr title="${entry.title}">
       <mwc-list-item
         ?twoline=${!!entry.message}
@@ -219,81 +218,81 @@ let OscdHistory = class OscdHistory extends LitElement {
         </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
+    </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
+      </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) {
+      </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 [
+    >`;
+    }
+    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 `<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() {
+        </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() {
+      >`);
+    }
+    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() {
+    </mwc-dialog>`;
+    }
+    renderHistoryUI() {
         return html ` <mwc-dialog id="history" heading="${get('history.name')}">
       <mwc-list id="content" wrapFocus>${this.renderHistory()}</mwc-list>
       <mwc-button
@@ -313,9 +312,9 @@ let OscdHistory = class OscdHistory extends LitElement {
       <mwc-button slot="primaryAction" dialogaction="close"
         >${get('close')}</mwc-button
       >
-    </mwc-dialog>`;
-    }
-    render() {
+    </mwc-dialog>`;
+    }
+    render() {
         return html `<slot></slot>
       <style>
         #log > mwc-icon-button-toggle {
@@ -387,10 +386,10 @@ let OscdHistory = class OscdHistory extends LitElement {
       <mwc-snackbar
         id="info"
         timeoutMs="4000"
-        labelText="${this.log
-            .slice()
-            .reverse()
-            .find(le => le.kind === 'info')?.title ??
+        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>
@@ -398,10 +397,10 @@ let OscdHistory = class OscdHistory extends LitElement {
       <mwc-snackbar
         id="warning"
         timeoutMs="6000"
-        labelText="${this.log
-            .slice()
-            .reverse()
-            .find(le => le.kind === 'warning')?.title ??
+        labelText="${this.log
+            .slice()
+            .reverse()
+            .find(le => le.kind === 'warning')?.title ??
             get('log.snackbar.placeholder')}"
       >
         <mwc-button
@@ -415,10 +414,10 @@ let OscdHistory = class OscdHistory extends LitElement {
       <mwc-snackbar
         id="error"
         timeoutMs="10000"
-        labelText="${this.log
-            .slice()
-            .reverse()
-            .find(le => le.kind === 'error')?.title ??
+        labelText="${this.log
+            .slice()
+            .reverse()
+            .find(le => le.kind === 'error')?.title ??
             get('log.snackbar.placeholder')}"
       >
         <mwc-button
@@ -432,7 +431,7 @@ let OscdHistory = class OscdHistory extends LitElement {
       <mwc-snackbar
         id="issue"
         timeoutMs="10000"
-        labelText="${this.latestIssue?.title ??
+        labelText="${this.latestIssue?.title ??
             get('log.snackbar.placeholder')}"
       >
         <mwc-button
@@ -442,50 +441,50 @@ let OscdHistory = class OscdHistory extends LitElement {
           >${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 };
+      </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