@compas-oscd/open-scd 0.34.41 → 0.34.43

package/dist/action-pane.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { css, customElement, html, LitElement, property, } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map';
+import { classMap } from 'lit-html/directives/class-map.js';
 import '@material/mwc-icon';
 import { nothing } from 'lit-html';
 function closestTo(node, selector) {

package/dist/action-pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-pane.js","sourceRoot":"","sources":["../src/action-pane.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  customElement,\n  html,\n  LitElement,\n  property,\n  TemplateResult,\n} from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\n\nimport '@material/mwc-icon';\nimport { nothing } from 'lit-html';\n\nfunction closestTo<E extends Element>(node: Node, selector: string): E | null {\n  const closest =\n    node.nodeType === Node.ELEMENT_NODE\n      ? (<Element>node).closest<E>(selector)\n      : null;\n\n  if (closest) return closest;\n\n  const root = <Document | DocumentFragment>node.getRootNode();\n\n  if (root instanceof ShadowRoot) return closestTo(root.host, selector);\n\n  return null;\n}\n\n/**\n * A responsive container rendering actions in a header.\n *\n * The \"action\" slot may contain up to eight icon buttons.\n * The \"icon\" slot, if filled overrides the icon property.\n * The default slot will be rendered into the pane body in a single column.\n */\n@customElement('action-pane')\nexport class ActionPane extends LitElement {\n  /** caption text, displayed in the header */\n  @property({ type: String })\n  label?: string;\n  /** icon name, displayed unless the \"icon\" slot is filled */\n  @property({ type: String })\n  icon?: string;\n  /** color header with secondary theme color while focus is within */\n  @property({ type: Boolean })\n  secondary = false;\n  /** highlight pane with dotted outline */\n  @property({ type: Boolean })\n  highlighted = false;\n  /** nesting level, default (closest pane ancestor's level) + 1 */\n  @property({ type: Number })\n  level = 1;\n\n  async firstUpdated(): Promise<void> {\n    this.tabIndex = 0;\n\n    const parentPane = closestTo<ActionPane>(this.parentNode!, 'action-pane');\n    if (parentPane) this.level = parentPane.level + 1;\n\n    this.level = Math.floor(this.level);\n  }\n\n  private renderHeader(): TemplateResult {\n    const content = html`<span\n        ><slot name=\"icon\"\n          >${this.icon\n            ? html`<mwc-icon>${this.icon}</mwc-icon>`\n            : nothing}</slot\n        ></span\n      >\n      ${this.label ?? nothing}\n      <nav><slot name=\"action\"></slot></nav>`;\n\n    const headingLevel = Math.floor(Math.max(this.level, 1));\n    // Sometimes a TemplateResult is passed in as Label, not a string. So only when it's a string show a title.\n    const title = typeof this.label === 'string' ? this.label : '';\n    switch (headingLevel) {\n      case 1:\n        return html`<h1 title=\"${title}\">${content}</h1>`;\n      case 2:\n        return html`<h2 title=\"${title}\">${content}</h2>`;\n      case 3:\n        return html`<h3 title=\"${title}\">${content}</h3>`;\n      default:\n        return html`<h4 title=\"${title}\">${content}</h4>`;\n    }\n  }\n\n  render(): TemplateResult {\n    return html`<section\n      class=\"${classMap({\n        secondary: this.secondary,\n        highlighted: this.highlighted,\n        contrasted: this.level % 2 === 0,\n      })}\"\n    >\n      ${this.renderHeader()}\n      <div><slot></slot></div>\n    </section>`;\n  }\n\n  static styles = css`\n    :host {\n      outline: none;\n    }\n\n    :host(:focus-within) section {\n      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n        0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n      outline-width: 4px;\n      transition: all 250ms linear;\n    }\n\n    section {\n      background-color: var(--mdc-theme-surface);\n      transition: all 200ms linear;\n      outline-style: solid;\n      margin: 0px;\n      outline-width: 0px;\n      outline-color: var(--mdc-theme-primary);\n    }\n\n    section.secondary {\n      outline-color: var(--mdc-theme-secondary);\n    }\n\n    section > div {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      padding: 8px 12px 16px;\n      clear: right;\n    }\n\n    .highlighted {\n      outline-style: dotted;\n      outline-width: 2px;\n    }\n\n    :host(:focus-within) .highlighted {\n      outline-style: solid;\n    }\n\n    .contrasted {\n      background-color: var(--mdc-theme-on-primary);\n    }\n\n    h1,\n    h2,\n    h3,\n    h4 {\n      color: var(--mdc-theme-on-surface);\n      font-family: 'Roboto', sans-serif;\n      font-weight: 300;\n      overflow: clip visible;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      margin: 0px;\n      line-height: 52px;\n      padding-left: 0.3em;\n    }\n\n    nav {\n      float: right;\n    }\n\n    mwc-icon {\n      vertical-align: middle;\n      position: relative;\n      top: -0.1em;\n      --mdc-icon-size: 1em;\n    }\n\n    ::slotted([slot='icon']) {\n      vertical-align: middle;\n      position: relative;\n      top: -0.1em;\n      --mdc-icon-size: 1em;\n    }\n  `;\n}\n"]}
+{"version":3,"file":"action-pane.js","sourceRoot":"","sources":["../src/action-pane.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,aAAa,EACb,IAAI,EACJ,UAAU,EACV,QAAQ,GAET,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,SAAS,SAAS,CAAoB,IAAU,EAAE,QAAgB;IAChE,MAAM,OAAO,GACX,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;QACjC,CAAC,CAAW,IAAK,CAAC,OAAO,CAAI,QAAQ,CAAC;QACtC,CAAC,CAAC,IAAI,CAAC;IAEX,IAAI,OAAO;QAAE,OAAO,OAAO,CAAC;IAE5B,MAAM,IAAI,GAAgC,IAAI,CAAC,WAAW,EAAE,CAAC;IAE7D,IAAI,IAAI,YAAY,UAAU;QAAE,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEtE,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;GAMG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAOL,oEAAoE;QAEpE,cAAS,GAAG,KAAK,CAAC;QAClB,yCAAyC;QAEzC,gBAAW,GAAG,KAAK,CAAC;QACpB,iEAAiE;QAEjE,UAAK,GAAG,CAAC,CAAC;IAiIZ,CAAC;IA/HC,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAElB,MAAM,UAAU,GAAG,SAAS,CAAa,IAAI,CAAC,UAAW,EAAE,aAAa,CAAC,CAAC;QAC1E,IAAI,UAAU;YAAE,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;QAElD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAEO,YAAY;QAClB,MAAM,OAAO,GAAG,IAAI,CAAA;;aAEX,IAAI,CAAC,IAAI;YACV,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,aAAa;YACzC,CAAC,CAAC,OAAO;;;QAGb,IAAI,CAAC,KAAK,IAAI,OAAO;6CACgB,CAAC;QAE1C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACzD,2GAA2G;QAC3G,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,QAAQ,YAAY,EAAE;YACpB,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA,cAAc,KAAK,KAAK,OAAO,OAAO,CAAC;YACpD,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA,cAAc,KAAK,KAAK,OAAO,OAAO,CAAC;YACpD,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA,cAAc,KAAK,KAAK,OAAO,OAAO,CAAC;YACpD;gBACE,OAAO,IAAI,CAAA,cAAc,KAAK,KAAK,OAAO,OAAO,CAAC;SACrD;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;eACA,QAAQ,CAAC;YAChB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;SACjC,CAAC;;QAEA,IAAI,CAAC,YAAY,EAAE;;eAEZ,CAAC;IACd,CAAC;;AAEM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ElB,CAAC;AA5IF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACV;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACR;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACjB;AAfC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAgJtB;SAhJY,UAAU","sourcesContent":["import {\n  css,\n  customElement,\n  html,\n  LitElement,\n  property,\n  TemplateResult,\n} from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport '@material/mwc-icon';\nimport { nothing } from 'lit-html';\n\nfunction closestTo<E extends Element>(node: Node, selector: string): E | null {\n  const closest =\n    node.nodeType === Node.ELEMENT_NODE\n      ? (<Element>node).closest<E>(selector)\n      : null;\n\n  if (closest) return closest;\n\n  const root = <Document | DocumentFragment>node.getRootNode();\n\n  if (root instanceof ShadowRoot) return closestTo(root.host, selector);\n\n  return null;\n}\n\n/**\n * A responsive container rendering actions in a header.\n *\n * The \"action\" slot may contain up to eight icon buttons.\n * The \"icon\" slot, if filled overrides the icon property.\n * The default slot will be rendered into the pane body in a single column.\n */\n@customElement('action-pane')\nexport class ActionPane extends LitElement {\n  /** caption text, displayed in the header */\n  @property({ type: String })\n  label?: string;\n  /** icon name, displayed unless the \"icon\" slot is filled */\n  @property({ type: String })\n  icon?: string;\n  /** color header with secondary theme color while focus is within */\n  @property({ type: Boolean })\n  secondary = false;\n  /** highlight pane with dotted outline */\n  @property({ type: Boolean })\n  highlighted = false;\n  /** nesting level, default (closest pane ancestor's level) + 1 */\n  @property({ type: Number })\n  level = 1;\n\n  async firstUpdated(): Promise<void> {\n    this.tabIndex = 0;\n\n    const parentPane = closestTo<ActionPane>(this.parentNode!, 'action-pane');\n    if (parentPane) this.level = parentPane.level + 1;\n\n    this.level = Math.floor(this.level);\n  }\n\n  private renderHeader(): TemplateResult {\n    const content = html`<span\n        ><slot name=\"icon\"\n          >${this.icon\n            ? html`<mwc-icon>${this.icon}</mwc-icon>`\n            : nothing}</slot\n        ></span\n      >\n      ${this.label ?? nothing}\n      <nav><slot name=\"action\"></slot></nav>`;\n\n    const headingLevel = Math.floor(Math.max(this.level, 1));\n    // Sometimes a TemplateResult is passed in as Label, not a string. So only when it's a string show a title.\n    const title = typeof this.label === 'string' ? this.label : '';\n    switch (headingLevel) {\n      case 1:\n        return html`<h1 title=\"${title}\">${content}</h1>`;\n      case 2:\n        return html`<h2 title=\"${title}\">${content}</h2>`;\n      case 3:\n        return html`<h3 title=\"${title}\">${content}</h3>`;\n      default:\n        return html`<h4 title=\"${title}\">${content}</h4>`;\n    }\n  }\n\n  render(): TemplateResult {\n    return html`<section\n      class=\"${classMap({\n        secondary: this.secondary,\n        highlighted: this.highlighted,\n        contrasted: this.level % 2 === 0,\n      })}\"\n    >\n      ${this.renderHeader()}\n      <div><slot></slot></div>\n    </section>`;\n  }\n\n  static styles = css`\n    :host {\n      outline: none;\n    }\n\n    :host(:focus-within) section {\n      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n        0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n      outline-width: 4px;\n      transition: all 250ms linear;\n    }\n\n    section {\n      background-color: var(--mdc-theme-surface);\n      transition: all 200ms linear;\n      outline-style: solid;\n      margin: 0px;\n      outline-width: 0px;\n      outline-color: var(--mdc-theme-primary);\n    }\n\n    section.secondary {\n      outline-color: var(--mdc-theme-secondary);\n    }\n\n    section > div {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      padding: 8px 12px 16px;\n      clear: right;\n    }\n\n    .highlighted {\n      outline-style: dotted;\n      outline-width: 2px;\n    }\n\n    :host(:focus-within) .highlighted {\n      outline-style: solid;\n    }\n\n    .contrasted {\n      background-color: var(--mdc-theme-on-primary);\n    }\n\n    h1,\n    h2,\n    h3,\n    h4 {\n      color: var(--mdc-theme-on-surface);\n      font-family: 'Roboto', sans-serif;\n      font-weight: 300;\n      overflow: clip visible;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      margin: 0px;\n      line-height: 52px;\n      padding-left: 0.3em;\n    }\n\n    nav {\n      float: right;\n    }\n\n    mwc-icon {\n      vertical-align: middle;\n      position: relative;\n      top: -0.1em;\n      --mdc-icon-size: 1em;\n    }\n\n    ::slotted([slot='icon']) {\n      vertical-align: middle;\n      position: relative;\n      top: -0.1em;\n      --mdc-icon-size: 1em;\n    }\n  `;\n}\n"]}

package/dist/addons/Editor.js

@@ -2,7 +2,9 @@ import { __decorate } from "tslib";
 import { newEditEvent, newEditEventV2 } from '@compas-oscd/core';
 import { property, LitElement, customElement, html, } from 'lit-element';
 import { get } from 'lit-translate';
-import { newLogEvent, newValidateEvent, isComplex, isInsert, isRemove, isUpdate, } from '@compas-oscd/core';
+import { newLogEvent } from '@compas-oscd/core';
+import { newValidateEvent } from '@compas-oscd/core';
+import { isComplex, isInsert, isRemove, isUpdate, } from '@compas-oscd/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 {

package/dist/addons/Editor.js.map

@@ -1 +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 '@compas-oscd/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  newLogEvent,\n  newValidateEvent,\n  OpenDocEvent,\n  Edit,\n  EditEvent,\n  isComplex,\n  isInsert,\n  isRemove,\n  isUpdate,\n} from '@compas-oscd/core';\n\n\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"]}
+{"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 '@compas-oscd/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 '@compas-oscd/core';\n\nimport { newLogEvent } from '@compas-oscd/core';\nimport { newValidateEvent } from '@compas-oscd/core';\nimport { OpenDocEvent } from '@compas-oscd/core';\n\nimport {\n  Edit,\n  EditEvent,\n  isComplex,\n  isInsert,\n  isRemove,\n  isUpdate,\n} from '@compas-oscd/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/addons/History.d.ts

@@ -12,12 +12,6 @@ import { Snackbar } from '@material/mwc-snackbar';
 import '../filtered-list.js';
 import { InfoEntry, IssueDetail, LogEntry } from '@compas-oscd/core';
 import { XMLEditor } from '@compas-oscd/core';
-export declare const historyStateEvent = "history-state";
-export interface HistoryState {
-    editCount: number;
-    canUndo: boolean;
-    canRedo: boolean;
-}
 interface HistoryItem {
     title: string;
     message?: string;

package/dist/addons/History.js

@@ -12,7 +12,6 @@ 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',
@@ -79,6 +78,7 @@ let OscdHistory = class OscdHistory extends LitElement {
     }
     onReset() {
         this.log = [];
+        this.diagnoses.clear();
         this.editor.reset();
         this.updateHistory();
     }
@@ -176,12 +176,11 @@ let OscdHistory = class OscdHistory extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.unsubscribers.push(this.editor.subscribe((_e) => this.updateHistory()), this.editor.subscribeUndoRedo((_e) => this.updateHistory()));
+        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());
@@ -238,7 +237,7 @@ let OscdHistory = class OscdHistory extends LitElement {
     }
     renderHistory() {
         if (this.history.length > 0)
-            return this.history.slice().reverse().map((e) => this.renderHistoryEntry(e));
+            return this.history.slice().reverse().map(e => this.renderHistoryEntry(e));
         else
             return html `<mwc-list-item disabled graphic="icon">
         <span>${get('history.placeholder')}</span>

package/dist/addons/History.js.map

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

package/dist/addons/Layout.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, TemplateResult } from 'lit-element';
 import { XMLEditor } from '@compas-oscd/core';
-import { MenuItem } from '../open-scd.js';
-import { Plugin } from "../plugin.js";
+import { MenuItem, OpenSCD } from '../open-scd.js';
+import { Plugin, ContentContext } from "../plugin.js";
 import type { Drawer } from '@material/mwc-drawer';
 import { List } from '@material/mwc-list';
 import '@material/mwc-drawer';
@@ -15,6 +15,11 @@ import "./plugin-manager/plugin-manager.js";
 import { OscdCustomPluginDialog } from "./plugin-manager/custom-plugin-dialog.js";
 import "./plugin-manager/custom-plugin-dialog.js";
 import "./menu-tabs/menu-tabs.js";
+interface RenderAblePlugin {
+    src?: string;
+    kind: string;
+    content?: ContentContext;
+}
 export declare class OscdLayout extends LitElement {
     /** The `XMLDocument` to be edited */
     doc: XMLDocument | null;
@@ -27,7 +32,7 @@ export declare class OscdLayout extends LitElement {
     /** The plugins to render the layout. */
     plugins: Plugin[];
     /** The open-scd host element */
-    host: HTMLElement;
+    host: OpenSCD;
     validated: Promise<void>;
     shouldValidate: boolean;
     activeEditor: Plugin | undefined;
@@ -37,6 +42,7 @@ export declare class OscdLayout extends LitElement {
     pluginList: List;
     pluginDownloadUI: OscdCustomPluginDialog;
     render(): TemplateResult;
+    protected componentHtml(strings: TemplateStringsArray, ...values: unknown[]): TemplateResult;
     private renderPlugging;
     private getMenuContent;
     /** Renders the "Add Custom Plug-in" UI*/
@@ -92,5 +98,7 @@ export declare class OscdLayout extends LitElement {
      * or a plugin
      */
     protected renderLanding(): TemplateResult;
+    protected renderPluginContent(plugin: RenderAblePlugin): TemplateResult;
     static styles: import("lit-element").CSSResult;
 }
+export {};

package/dist/addons/Layout.js

@@ -1,8 +1,11 @@
 import { __decorate } from "tslib";
 import { customElement, html, LitElement, property, state, query, css, } from 'lit-element';
 import { get } from 'lit-translate';
-import { newPendingStateEvent, newSettingsUIEvent, } from '@compas-oscd/core';
-import { pluginIcons, } from '../open-scd.js';
+import { classMap } from 'lit-html/directives/class-map.js';
+import { newPendingStateEvent } from '@compas-oscd/core';
+import { newSettingsUIEvent } from '@compas-oscd/core';
+import { OscdApi } from '@compas-oscd/core';
+import { pluginIcons } from '../open-scd.js';
 import { HistoryUIKind, newEmptyIssuesEvent, newHistoryUIEvent } from './History.js';
 import { List } from '@material/mwc-list';
 import '@material/mwc-drawer';
@@ -15,6 +18,35 @@ import { pluginTag } from '../plugin-tag.js';
 import "./plugin-manager/plugin-manager.js";
 import "./plugin-manager/custom-plugin-dialog.js";
 import "./menu-tabs/menu-tabs.js";
+/**
+ * This is a template literal tag function. See:
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates
+ *
+ * Passes its arguments to LitElement's `html` tag after combining the first and
+ * last expressions with the first two and last two static strings.
+ * Throws unless the first and last expressions are identical strings.
+ *
+ * We need this to get around the expression location limitations documented in
+ * https://lit.dev/docs/templates/expressions/#expression-locations
+ *
+ * After upgrading to Lit 2 we can use their static HTML functions instead:
+ * https://lit.dev/docs/api/static-html/
+ */
+function staticTagHtml(oldStrings, ...oldArgs) {
+    const args = [...oldArgs];
+    const firstArg = args.shift();
+    const lastArg = args.pop();
+    if (firstArg !== lastArg)
+        throw new Error(`Opening tag <${firstArg}> does not match closing tag </${lastArg}>.`);
+    const strings = [...oldStrings];
+    const firstString = strings.shift();
+    const secondString = strings.shift();
+    const lastString = strings.pop();
+    const penultimateString = strings.pop();
+    strings.unshift(`${firstString}${firstArg}${secondString}`);
+    strings.push(`${penultimateString}${lastArg}${lastString}`);
+    return html(strings, ...args);
+}
 let OscdLayout = class OscdLayout extends LitElement {
     constructor() {
         super(...arguments);
@@ -43,6 +75,9 @@ let OscdLayout = class OscdLayout extends LitElement {
       </div>
     `;
     }
+    componentHtml(strings, ...values) {
+        return html(strings, ...values);
+    }
     renderPlugging() {
         return html ` ${this.renderPluginUI()} ${this.renderDownloadUI()} `;
     }
@@ -102,7 +137,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                 },
                 disabled: () => !this.editor.canUndo,
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
             {
                 icon: 'redo',
@@ -113,7 +148,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                 },
                 disabled: () => !this.editor.canRedo,
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
             ...validators,
             {
@@ -124,7 +159,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                     this.dispatchEvent(newHistoryUIEvent(true, HistoryUIKind.log));
                 },
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
             {
                 icon: 'history',
@@ -134,7 +169,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                     this.dispatchEvent(newHistoryUIEvent(true, HistoryUIKind.history));
                 },
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
             {
                 icon: 'rule',
@@ -144,7 +179,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                     this.dispatchEvent(newHistoryUIEvent(true, HistoryUIKind.diagnostic));
                 },
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
             'divider',
             ...middleMenu,
@@ -155,7 +190,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                     this.dispatchEvent(newSettingsUIEvent(true));
                 },
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
             ...bottomMenu,
             {
@@ -163,7 +198,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                 name: 'plugins.heading',
                 action: () => this.pluginUI.show(),
                 kind: 'static',
-                content: () => html ``,
+                content: { tag: '' },
             },
         ];
     }
@@ -235,12 +270,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                     this.dispatchEvent(newPendingStateEvent(menuContentElement.run()));
                 },
                 disabled: () => plugin.requireDoc && this.doc === null,
-                content: () => {
-                    if (plugin.content) {
-                        return plugin.content();
-                    }
-                    return html ``;
-                },
+                content: plugin.content ?? { tag: '' },
                 kind: kind,
             };
         });
@@ -260,7 +290,7 @@ let OscdLayout = class OscdLayout extends LitElement {
                     this.dispatchEvent(newPendingStateEvent(menuContentElement.validate()));
                 },
                 disabled: () => this.doc === null,
-                content: plugin.content ?? (() => html ``),
+                content: plugin.content ?? { tag: '' },
                 kind: 'validator',
             };
         });
@@ -338,7 +368,7 @@ let OscdLayout = class OscdLayout extends LitElement {
       <div id="menuContent">
         ${this.menu
             .filter(p => p.content)
-            .map(p => p.content())}
+            .map(p => this.renderPluginContent(p))}
       </div>
     `;
     }
@@ -391,6 +421,18 @@ let OscdLayout = class OscdLayout extends LitElement {
         if (!hasActiveEditors) {
             return html ``;
         }
+        const renderEditorContent = (doc, activeEditor) => {
+            const editor = activeEditor;
+            const requireDoc = editor?.requireDoc;
+            if (requireDoc && !doc) {
+                return html ``;
+            }
+            const tag = editor?.content?.tag;
+            if (!tag) {
+                return html ``;
+            }
+            return this.renderPluginContent(editor);
+        };
         return html `
       <oscd-menu-tabs
         .editors=${this.calcActiveEditors()}
@@ -400,18 +442,6 @@ let OscdLayout = class OscdLayout extends LitElement {
       </oscd-menu-tabs>
       ${renderEditorContent(this.doc, this.activeEditor)}
     `;
-        function renderEditorContent(doc, activeEditor) {
-            const editor = activeEditor;
-            const requireDoc = editor?.requireDoc;
-            if (requireDoc && !doc) {
-                return html ``;
-            }
-            const content = editor?.content;
-            if (!content) {
-                return html ``;
-            }
-            return html `${content()}`;
-        }
     }
     handleEditorTabActivated(e) {
         this.activeEditor = e.detail.editor;
@@ -473,6 +503,32 @@ let OscdLayout = class OscdLayout extends LitElement {
             }
         }
     }
+    renderPluginContent(plugin) {
+        const tag = plugin.content?.tag ?? '';
+        if (!tag) {
+            return html ``;
+        }
+        const osdcApi = new OscdApi(tag);
+        return staticTagHtml `<${tag}
+          .doc=${this.doc}
+          .docName=${this.docName}
+          .editCount=${this.editCount}
+          .plugins=${this.host.storedPlugins}
+          .docId=${this.host.docId}
+          .pluginId=${plugin.src}
+          .nsdoc=${this.host.nsdoc}
+          .docs=${this.host.docs}
+          .locale=${this.host.locale}
+          .oscdApi=${osdcApi}
+          .editor=${this.editor}
+          class="${classMap({
+            plugin: true,
+            menu: plugin.kind === 'menu',
+            validator: plugin.kind === 'validator',
+            editor: plugin.kind === 'editor',
+        })}"
+        ></${tag}>`;
+    }
 };
 OscdLayout.styles = css `
     mwc-drawer {
@@ -523,6 +579,10 @@ OscdLayout.styles = css `
       font-weight: 300;
     }
 
+    #menuContent {
+      height: 0px;
+    }
+
     .landing {
       position: absolute;
       text-align: center;