@compas-oscd/open-scd 0.34.1 → 0.34.3

package/dist/schemas.d.ts

@@ -0,0 +1,58 @@
+/** Returns a new empty SCD document. */
+export declare function newEmptySCD(id: string, versionId: SupportedVersion): XMLDocument;
+export declare const SCL_NAMESPACE = "http://www.iec.ch/61850/2003/SCL";
+/**
+ * Check if the namespace of the passed element is the standard SCL Namespace.
+ * @param element - The element to check.
+ */
+export declare function isSCLNamespace(element: Element): boolean;
+export interface ValidationError {
+    file: string;
+    line: number;
+    column: number;
+    level: 0 | 1 | 2 | 3;
+    message: string;
+    node: string;
+    part: string;
+    code: number;
+    valid?: undefined;
+    loaded?: undefined;
+}
+export interface ValidationResult {
+    file: string;
+    code: number;
+    valid: boolean;
+    loaded?: undefined;
+}
+export interface LoadSchemaResult {
+    file: string;
+    valid?: undefined;
+    loaded: boolean;
+}
+export type WorkerMessage = ValidationError | ValidationResult | LoadSchemaResult | string;
+export declare function isValidationError(msg: WorkerMessage): msg is ValidationError;
+export declare function isValidationResult(msg: WorkerMessage): msg is ValidationResult;
+export declare function isLoadSchemaResult(msg: WorkerMessage): msg is LoadSchemaResult;
+export type Validator = (xml: string, xmlName: string) => Promise<ValidationResult>;
+export declare function getSchema(version: string, revision: string, release: string): string;
+export type SupportedVersion = keyof typeof schemas;
+export declare function isSupported(version: string): version is SupportedVersion;
+export type SchemaAttributes = {
+    version: '';
+    revision: '';
+    release: '';
+} | {
+    version: '2007';
+    revision: 'B';
+    release: '';
+} | {
+    version: '2007';
+    revision: 'B';
+    release: '4';
+};
+export declare const supportedAttributes: Record<SupportedVersion, SchemaAttributes>;
+export declare const schemas: {
+    '2003': string;
+    '2007B': string;
+    '2007B4': string;
+};

package/dist/src/WizardDivider.d.ts

@@ -0,0 +1,8 @@
+import { LitElement, TemplateResult } from 'lit-element';
+export declare class WizardDividerElement extends LitElement {
+    header?: string;
+    render(): TemplateResult;
+    private renderHeader;
+    private renderSeparator;
+    static styles: import("lit-element").CSSResult;
+}

package/dist/src/WizardDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardDivider.js","sourceRoot":"","sources":["../../src/WizardDivider.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,aAAa,EACb,IAAI,EACJ,UAAU,EACV,QAAQ,GAET,MAAM,aAAa,CAAC;AAGd,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAMlD,MAAM;QACJ,OAAO,IAAI,CAAA,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;IACjE,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QAED,OAAO,IAAI,CAAA,sBAAsB,IAAI,CAAC,MAAM,OAAO,CAAC;IACtD,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA,8BAA8B,CAAC;IAC5C,CAAC;;AAEM,2BAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,CAAC;AA5BF;IAHC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;KACb,CAAC;oDACc;AAJL,oBAAoB;IADhC,aAAa,CAAC,gBAAgB,CAAC;GACnB,oBAAoB,CAiChC;SAjCY,oBAAoB","sourcesContent":["import {\n  css,\n  customElement,\n  html,\n  LitElement,\n  property,\n  TemplateResult,\n} from 'lit-element';\n\n@customElement('wizard-divider')\nexport class WizardDividerElement extends LitElement {\n  @property({\n    type: String,\n  })\n  header?: string;\n\n  render(): TemplateResult {\n    return html` ${this.renderHeader()} ${this.renderSeparator()}`;\n  }\n\n  private renderHeader(): TemplateResult {\n    if (!this.header) {\n      return html``;\n    }\n\n    return html`<h4 class=\"header\">${this.header}</h4>`;\n  }\n\n  private renderSeparator(): TemplateResult {\n    return html`<div role=\"separator\"></div>`;\n  }\n\n  static styles = css`\n    div {\n      height: 0px;\n      margin: 10px 0px 10px 0px;\n      border-top: none;\n      border-right: none;\n      border-left: none;\n      border-image: initial;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n    }\n  `;\n}\n"]}

package/dist/src/Wizarding.d.ts

@@ -0,0 +1,10 @@
+import { LitElementConstructor, Mixin, WizardFactory } from './foundation.js';
+import './wizard-dialog.js';
+import { WizardDialog } from './wizard-dialog.js';
+/** `LitElement` mixin that adds a `workflow` property which [[`Wizard`]]s are
+ * queued onto on incoming [[`WizardEvent`]]s, first come first displayed. */
+export type WizardingElement = Mixin<typeof Wizarding>;
+export declare function Wizarding<TBase extends LitElementConstructor>(Base: TBase): TBase & (new (...args: any[]) => {
+    workflow: WizardFactory[];
+    wizardUI: WizardDialog;
+});

package/dist/src/Wizarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizarding.js","sourceRoot":"","sources":["../../src/Wizarding.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAkB,KAAK,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EACL,aAAa,GAKd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,oBAAoB,CAAC;AAO5B,MAAM,UAAU,SAAS,CACvB,IAAW;IAKX,MAAM,gBAAiB,SAAQ,IAAI;QAOzB,QAAQ,CAAC,EAAe;YAC9B,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;YAChC,IAAI,MAAM,KAAK,IAAI;gBAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;iBACtC,IAAI,EAAE,CAAC,MAAM,CAAC,SAAS;gBAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;gBACvD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAChC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAC5B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CACrC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAC7C,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAC9B,CACF,CACF,CAAC;QACJ,CAAC;QAED,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YAtBjB,8CAA8C;YAE9C,aAAQ,GAAoB,EAAE,CAAC;YAsB7B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC/C,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE,CAC1C,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAC9B,CAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,IAAI,CAAA,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;iCAChB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,mBAAmB,CAAC;QAC3E,CAAC;KACF;IAhCC;QADC,KAAK,EAAE;sDACuB;IAEP;QAAvB,KAAK,CAAC,eAAe,CAAC;sDAAyB;IAgClD,OAAO,gBAAuB,CAAC;AACjC,CAAC","sourcesContent":["import { html, state, TemplateResult, query } from 'lit-element';\nimport {\n  ifImplemented,\n  LitElementConstructor,\n  Mixin,\n  WizardEvent,\n  WizardFactory,\n} from './foundation.js';\n\nimport './wizard-dialog.js';\nimport { WizardDialog } from './wizard-dialog.js';\n\n/** `LitElement` mixin that adds a `workflow` property which [[`Wizard`]]s are\n * queued onto on incoming [[`WizardEvent`]]s, first come first displayed. */\nexport type WizardingElement = Mixin<typeof Wizarding>;\n\nexport function Wizarding<TBase extends LitElementConstructor>(\n  Base: TBase\n): TBase & (new (...args: any[]) => {\n  workflow: WizardFactory[];\n  wizardUI: WizardDialog;\n}) {\n  class WizardingElement extends Base {\n    /** FIFO queue of [[`Wizard`]]s to display. */\n    @state()\n    workflow: WizardFactory[] = [];\n\n    @query('wizard-dialog') wizardUI!: WizardDialog;\n\n    private onWizard(we: WizardEvent) {\n      const wizard = we.detail.wizard;\n      if (wizard === null) this.workflow.shift();\n      else if (we.detail.subwizard) this.workflow.unshift(wizard);\n      else this.workflow.push(wizard);\n      this.requestUpdate('workflow');\n      this.updateComplete.then(() =>\n        this.wizardUI.updateComplete.then(() =>\n          this.wizardUI.dialog?.updateComplete.then(() =>\n            this.wizardUI.dialog?.focus()\n          )\n        )\n      );\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      this.addEventListener('wizard', this.onWizard);\n      this.addEventListener('editor-action', () =>\n        this.wizardUI.requestUpdate()\n      );\n    }\n\n    render(): TemplateResult {\n      return html`${ifImplemented(super.render())}\n        <wizard-dialog .wizard=${this.workflow[0]?.() ?? []}></wizard-dialog>`;\n    }\n  }\n\n  return WizardingElement as any;\n}\n"]}

package/dist/src/action-icon.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit-element';
+import '@material/mwc-icon';
+/**
+ * A responsive container rendering actions in a header.
+ *
+ * The "action" slot may contain up to eight icon buttons.
+ * The "icon" slot, if filled overrides the icon property.
+ * The default slot will be rendered into the pane body in a single column.
+ */
+export declare class ActionIcon extends LitElement {
+    /** caption text, displayed in the header */
+    label?: string;
+    /** icon name, displayed unless the "icon" slot is filled */
+    icon?: string;
+    /** color header with secondary theme color while focus is within */
+    secondary: boolean;
+    /** highlight pane with dotted outline */
+    highlighted: boolean;
+    /** disables CSS adoption to action buttons */
+    hideActions: boolean;
+    firstUpdated(): Promise<void>;
+    private renderIcon;
+    render(): TemplateResult;
+    static styles: import("lit-element").CSSResult;
+}

package/dist/src/action-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-icon.js","sourceRoot":"","sources":["../../src/action-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,aAAa,EACb,IAAI,EACJ,UAAU,EACV,QAAQ,GAET,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,OAAO,oBAAoB,CAAC;AAE5B;;;;;;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,8CAA8C;QAE9C,gBAAW,GAAG,KAAK,CAAC;IAuLtB,CAAC;IArLC,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAA;;WAEJ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,OAAO;;OAEjE,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,WAAW,IAAI,CAAC,KAAK,IAAI,OAAO;iBAC9B,IAAI,CAAC,UAAU,EAAE;gBAClB,IAAI,CAAC,KAAK,IAAI,OAAO,WAAW,CAAC;IAC/C,CAAC;;AAEM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkKlB,CAAC;AAlMF;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,OAAO,EAAE,CAAC;+CACR;AAfT,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAsMtB;SAtMY,UAAU","sourcesContent":["import {\n  css,\n  customElement,\n  html,\n  LitElement,\n  property,\n  TemplateResult,\n} from 'lit-element';\nimport { nothing } from 'lit-html';\n\nimport '@material/mwc-icon';\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-icon')\nexport class ActionIcon 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  /** disables CSS adoption to action buttons */\n  @property({ type: Boolean })\n  hideActions = false;\n\n  async firstUpdated(): Promise<void> {\n    this.tabIndex = 0;\n  }\n\n  private renderIcon(): TemplateResult {\n    return html`<span>\n      <slot name=\"icon\"\n        >${this.icon ? html`<mwc-icon>${this.icon}</mwc-icon>` : nothing}</slot\n      ></span\n    > `;\n  }\n\n  render(): TemplateResult {\n    return html`<header>${this.label ?? nothing}</header>\n      <section>${this.renderIcon()}<slot name=\"action\"></slot></section>\n      <footer>${this.label ?? nothing}</footer>`;\n  }\n\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      outline: none;\n    }\n\n    section {\n      align-self: center;\n    }\n\n    ::slotted([slot='icon']),\n    mwc-icon {\n      display: block;\n      color: var(--mdc-theme-on-surface);\n      transition: transform 150ms linear, box-shadow 200ms linear;\n      outline-color: var(--mdc-theme-primary);\n      outline-style: solid;\n      margin: 0px;\n      outline-width: 0px;\n      width: 64px;\n      height: 64px;\n      --mdc-icon-size: 64px;\n    }\n\n    :host([secondary]) ::slotted([slot='icon']),\n    :host([secondary]) mwc-icon {\n      outline-color: var(--mdc-theme-secondary);\n    }\n\n    :host([highlighted]) ::slotted([slot='icon']),\n    :host([highlighted]) mwc-icon {\n      outline-style: dotted;\n      outline-width: 2px;\n    }\n\n    :host(:focus-within) ::slotted([slot='icon']),\n    :host(:focus-within) mwc-icon {\n      outline-style: solid;\n      outline-width: 4px;\n    }\n\n    :host(:focus-within:not([hideActions])) ::slotted([slot='icon']),\n    :host(:focus-within:not([hideActions])) mwc-icon {\n      transform: scale(0.8);\n      transition: all 250ms linear;\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    }\n\n    ::slotted([slot='icon']:hover),\n    mwc-icon:hover {\n      outline-style: dashed;\n      outline-width: 2px;\n      transition: transform 200ms linear, box-shadow 250ms linear;\n    }\n\n    ::slotted([slot='action']) {\n      color: var(--mdc-theme-on-surface);\n      transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity 200ms linear;\n      position: absolute;\n      pointer-events: none;\n      z-index: 1;\n      opacity: 0;\n      margin-top: -56px;\n      margin-left: 8px;\n    }\n\n    :host(:focus-within) ::slotted([slot='action']) {\n      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity 250ms linear;\n      pointer-events: auto;\n      opacity: 1;\n    }\n\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(1)) {\n      transform: translate(0px, -52px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(2)) {\n      transform: translate(0px, 52px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(3)) {\n      transform: translate(52px, 0px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(4)) {\n      transform: translate(-52px, 0px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(5)) {\n      transform: translate(52px, -52px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(6)) {\n      transform: translate(-52px, 52px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(7)) {\n      transform: translate(-52px, -52px);\n    }\n    :host(:focus-within) ::slotted([slot='action']:nth-of-type(8)) {\n      transform: translate(52px, 52px);\n    }\n\n    footer {\n      color: var(--mdc-theme-on-surface);\n      font-family: 'Roboto', sans-serif;\n      font-weight: 300;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      margin: 0px;\n      text-align: center;\n      align-self: center;\n      max-width: 100%;\n      direction: rtl;\n    }\n\n    header {\n      color: var(--mdc-theme-on-primary);\n      background-color: var(--mdc-theme-primary);\n      font-family: 'Roboto', sans-serif;\n      font-weight: 500;\n      font-size: 1.2em;\n      position: absolute;\n      text-align: center;\n      align-self: center;\n      max-width: 100vw;\n      padding: 4px 8px;\n      border-radius: 4px;\n      opacity: 0;\n      transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity 200ms linear;\n    }\n\n    :host([secondary]) header {\n      background-color: var(--mdc-theme-secondary);\n    }\n\n    :host(:hover) header {\n      position: absolute;\n      opacity: 1;\n      transform: translate(0, -40px);\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      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity 250ms linear;\n    }\n\n    :host(:focus-within) header {\n      position: absolute;\n      opacity: 1;\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      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity 250ms linear;\n    }\n\n    :host(:focus-within:not([hideActions])) header {\n      transform: translate(0, -80px);\n    }\n\n    :host(:focus-within[hideActions]) header {\n      transform: translate(0, -40px);\n    }\n  `;\n}\n"]}

package/dist/src/action-pane.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit-element';
+import '@material/mwc-icon';
+/**
+ * A responsive container rendering actions in a header.
+ *
+ * The "action" slot may contain up to eight icon buttons.
+ * The "icon" slot, if filled overrides the icon property.
+ * The default slot will be rendered into the pane body in a single column.
+ */
+export declare class ActionPane extends LitElement {
+    /** caption text, displayed in the header */
+    label?: string;
+    /** icon name, displayed unless the "icon" slot is filled */
+    icon?: string;
+    /** color header with secondary theme color while focus is within */
+    secondary: boolean;
+    /** highlight pane with dotted outline */
+    highlighted: boolean;
+    /** nesting level, default (closest pane ancestor's level) + 1 */
+    level: number;
+    firstUpdated(): Promise<void>;
+    private renderHeader;
+    render(): TemplateResult;
+    static styles: import("lit-element").CSSResult;
+}

package/dist/src/action-pane.js.map

@@ -0,0 +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"]}

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

@@ -0,0 +1,25 @@
+import { EditEventV2, OpenEvent, XMLEditor } from '@openscd/core';
+import { LitElement, TemplateResult } from 'lit-element';
+import { EditEvent } from '@openscd/core';
+export declare class OscdEditor extends LitElement {
+    /** The `XMLDocument` to be edited */
+    doc: XMLDocument | null;
+    /** The name of the current [[`doc`]] */
+    docName: string;
+    /** The UUID of the current [[`doc`]] */
+    docId: string;
+    /** XML Editor to apply changes to the scd */
+    editor: XMLEditor;
+    host: HTMLElement;
+    private onAction;
+    handleEditEvent(event: EditEvent): void;
+    /**
+     *
+     * @deprecated [Move to handleOpenDoc instead]
+     */
+    private onOpenDoc;
+    handleOpenDoc({ detail: { docName, doc } }: OpenEvent): void;
+    connectedCallback(): void;
+    render(): TemplateResult;
+    handleEditEventV2(event: EditEventV2): Promise<void>;
+}

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.map

@@ -0,0 +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 '@openscd/core/foundation/deprecated/history.js';\n\nimport { getFilterIcon, iconColors } from '../icons/icons.js';\n\nimport { Plugin } from '../plugin.js';\nimport { XMLEditor } from '@openscd/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.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    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[\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  private 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/src/addons/Layout.d.ts

@@ -0,0 +1,96 @@
+import { LitElement, TemplateResult } from 'lit-element';
+import { XMLEditor } from '@openscd/core';
+import { MenuItem } from '../open-scd.js';
+import { Plugin } from "../plugin.js";
+import type { Drawer } from '@material/mwc-drawer';
+import { List } from '@material/mwc-list';
+import '@material/mwc-drawer';
+import '@material/mwc-list';
+import '@material/mwc-dialog';
+import '@material/mwc-switch';
+import '@material/mwc-select';
+import '@material/mwc-textfield';
+import { OscdPluginManager } from "./plugin-manager/plugin-manager.js";
+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";
+export declare class OscdLayout extends LitElement {
+    /** The `XMLDocument` to be edited */
+    doc: XMLDocument | null;
+    /** The name of the current [[`doc`]] */
+    docName: string;
+    /** Index of the last [[`EditorAction`]] applied. */
+    editCount: number;
+    /** XML Editor to apply changes to the scd */
+    editor: XMLEditor;
+    /** The plugins to render the layout. */
+    plugins: Plugin[];
+    /** The open-scd host element */
+    host: HTMLElement;
+    validated: Promise<void>;
+    shouldValidate: boolean;
+    activeEditor: Plugin | undefined;
+    menuUI: Drawer;
+    menuContent: List;
+    pluginUI: OscdPluginManager;
+    pluginList: List;
+    pluginDownloadUI: OscdCustomPluginDialog;
+    render(): TemplateResult;
+    private renderPlugging;
+    private getMenuContent;
+    /** Renders the "Add Custom Plug-in" UI*/
+    protected renderDownloadUI(): TemplateResult;
+    /**
+     * Renders the plug-in management UI (turning plug-ins on/off)
+     */
+    protected renderPluginUI(): TemplateResult;
+    get validators(): Plugin[];
+    get menuEntries(): Plugin[];
+    get topMenu(): Plugin[];
+    get middleMenu(): Plugin[];
+    get bottomMenu(): Plugin[];
+    get menu(): (MenuItem | 'divider')[];
+    get editors(): Plugin[];
+    private handleKeyPress;
+    connectedCallback(): void;
+    private generateMenu;
+    private generateValidatorMenus;
+    private renderMenuItem;
+    protected renderActionItem(me: MenuItem | 'divider'): TemplateResult;
+    private renderEditorTab;
+    /** Renders top bar which features icon buttons for undo, redo, log, scl history and diagnostics*/
+    protected renderHeader(): TemplateResult;
+    /**
+     * Renders the title section in the top bar
+     * Make sure to use slot="title" for the returned template
+     */
+    protected renderTitle(): TemplateResult;
+    /**
+     * Renders the action items for the top bar
+     * Make sure to use slot="actionItems" for each element
+     */
+    protected renderActionItems(): TemplateResult;
+    protected renderMenuContent(): TemplateResult;
+    /**
+     * Renders a drawer toolbar featuring the scl filename, enabled menu plugins,
+     * settings, help, scl history and plug-ins management
+     */
+    protected renderAside(): TemplateResult;
+    private calcActiveEditors;
+    /** Renders the enabled editor plugins and a tab bar to switch between them*/
+    protected renderContent(): TemplateResult;
+    private handleEditorTabActivated;
+    private handleActivateEditorByEvent;
+    private handleRunMenuByEvent;
+    /**
+     * Renders the landing buttons (open project and new project)
+     * it no document loaded we display the menu item that are in the position
+     * 'top' and are not disabled
+     *
+     * To enable replacement of this part we have to convert it to either an addon
+     * or a plugin
+     */
+    protected renderLanding(): TemplateResult;
+    static styles: import("lit-element").CSSResult;
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/addons/Layout.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  customElement,\n  html,\n  LitElement,\n  property,\n  state,\n  TemplateResult,\n  query,\n  css,\n} from 'lit-element';\nimport { get } from 'lit-translate';\nimport { newPendingStateEvent } from '@openscd/core/foundation/deprecated/waiter.js';\nimport { newSettingsUIEvent } from '@openscd/core/foundation/deprecated/settings.js';\nimport { XMLEditor } from '@openscd/core';\nimport {\n  MenuItem,\n  Validator,\n  MenuPlugin,\n  pluginIcons,\n} from '../open-scd.js';\n\nimport {\n  Plugin,\n} from \"../plugin.js\"\n\nimport {\n  HistoryUIKind,\n  newEmptyIssuesEvent,\n  newHistoryUIEvent\n} from './History.js';\nimport type { Drawer } from '@material/mwc-drawer';\nimport type { ActionDetail } from '@material/mwc-list';\nimport { List } from '@material/mwc-list';\nimport type { ListItem } from '@material/mwc-list/mwc-list-item';\n\nimport '@material/mwc-drawer';\nimport '@material/mwc-list';\nimport '@material/mwc-dialog';\nimport '@material/mwc-switch';\nimport '@material/mwc-select';\nimport '@material/mwc-textfield';\nimport { pluginTag } from '../plugin-tag.js';\n\nimport {OscdPluginManager} from \"./plugin-manager/plugin-manager.js\";\nimport \"./plugin-manager/plugin-manager.js\";\nimport {OscdCustomPluginDialog} from \"./plugin-manager/custom-plugin-dialog.js\";\nimport \"./plugin-manager/custom-plugin-dialog.js\";\nimport \"./menu-tabs/menu-tabs.js\";\nimport { TabActivatedEvent } from \"./menu-tabs/menu-tabs.js\";\n\n\n@customElement('oscd-layout')\nexport class OscdLayout extends LitElement {\n\n  /** The `XMLDocument` to be edited */\n  @property({ attribute: false }) doc: XMLDocument | null = null;\n  /** The name of the current [[`doc`]] */\n  @property({ type: String }) docName = '';\n  /** Index of the last [[`EditorAction`]] applied. */\n  @property({ type: Number }) editCount = -1;\n\n  /** XML Editor to apply changes to the scd */\n  @property({ type: Object }) editor!: XMLEditor;\n\n  /** The plugins to render the layout. */\n  @property({ type: Array }) plugins: Plugin[] = [];\n\n  /** The open-scd host element */\n  @property({ type: Object }) host!: HTMLElement;\n\n  @state() validated: Promise<void> = Promise.resolve();\n  @state() shouldValidate = false;\n  @state() activeEditor: Plugin | undefined = this.calcActiveEditors()[0];\n\n  @query('#menu') menuUI!: Drawer;\n  @query('#menuContent') menuContent!: List;\n  @query('#pluginManager') pluginUI!: OscdPluginManager;\n  @query('#pluginList') pluginList!: List;\n  @query('#pluginAdd') pluginDownloadUI!: OscdCustomPluginDialog;\n\n\n  render(): TemplateResult {\n    return html`\n      <div\n        @open-plugin-download=${() => this.pluginDownloadUI.show()}\n        @oscd-activate-editor=${this.handleActivateEditorByEvent}\n        @oscd-run-menu=${this.handleRunMenuByEvent}\n      >\n        <slot></slot>\n        ${this.renderHeader()} ${this.renderAside()} ${this.renderMenuContent()}\n        ${this.renderContent()} ${this.renderLanding()} ${this.renderPlugging()}\n      </div>\n    `;\n  }\n\n\n  private renderPlugging(): TemplateResult {\n    return html` ${this.renderPluginUI()} ${this.renderDownloadUI()} `;\n  }\n\n  private getMenuContent(src: string) {\n    const tag = pluginTag(src);\n    return this.menuContent.querySelector(tag);\n  }\n\n  /** Renders the \"Add Custom Plug-in\" UI*/\n  protected renderDownloadUI(): TemplateResult {\n    return html`\n      <oscd-custom-plugin-dialog id=\"pluginAdd\"></oscd-custom-plugin-dialog>\n    `\n  }\n\n  /**\n   * Renders the plug-in management UI (turning plug-ins on/off)\n   */\n  protected renderPluginUI(): TemplateResult {\n    return html`\n      <oscd-plugin-manager id=\"pluginManager\" .plugins=${this.plugins}></oscd-plugin-manager>\n    `\n  }\n\n  // Computed properties\n\n  get validators(): Plugin[] {\n    return this.plugins.filter(\n      plugin => plugin.active && plugin.kind === 'validator'\n    );\n  }\n  get menuEntries(): Plugin[] {\n    return this.plugins.filter(\n      plugin => plugin.active && plugin.kind === 'menu'\n    );\n  }\n  get topMenu(): Plugin[] {\n    return this.menuEntries.filter(plugin => plugin.position === 'top');\n  }\n  get middleMenu(): Plugin[] {\n    return this.menuEntries.filter(plugin => plugin.position === 'middle');\n  }\n  get bottomMenu(): Plugin[] {\n    return this.menuEntries.filter(plugin => plugin.position === 'bottom');\n  }\n\n\n  get menu(): (MenuItem | 'divider')[] {\n\n    const topMenu = this.generateMenu(this.topMenu, 'top');\n    const middleMenu = this.generateMenu(this.middleMenu, 'middle');\n    const bottomMenu = this.generateMenu(this.bottomMenu, 'bottom');\n    const validators = this.generateValidatorMenus(this.validators);\n\n    if (middleMenu.length > 0) middleMenu.push('divider');\n    if (bottomMenu.length > 0) bottomMenu.push('divider');\n\n    return [\n      'divider',\n      ...topMenu,\n      'divider',\n      {\n        icon: 'undo',\n        name: 'undo',\n        actionItem: true,\n        action: (): void => {\n          this.editor.undo();\n        },\n        disabled: (): boolean => !this.editor.canUndo,\n        kind: 'static',\n        content: () => html``,\n      },\n      {\n        icon: 'redo',\n        name: 'redo',\n        actionItem: true,\n        action: (): void => {\n          this.editor.redo();\n        },\n        disabled: (): boolean => !this.editor.canRedo,\n        kind: 'static',\n        content: () => html``,\n      },\n      ...validators,\n      {\n        icon: 'list',\n        name: 'menu.viewLog',\n        actionItem: true,\n        action: (): void => {\n          this.dispatchEvent(newHistoryUIEvent(true, HistoryUIKind.log));\n        },\n        kind: 'static',\n        content: () => html``,\n      },\n      {\n        icon: 'history',\n        name: 'menu.viewHistory',\n        actionItem: true,\n        action: (): void => {\n          this.dispatchEvent(newHistoryUIEvent(true, HistoryUIKind.history));\n        },\n        kind: 'static',\n        content: () => html``,\n      },\n      {\n        icon: 'rule',\n        name: 'menu.viewDiag',\n        actionItem: true,\n        action: (): void => {\n          this.dispatchEvent(newHistoryUIEvent(true, HistoryUIKind.diagnostic));\n        },\n        kind: 'static',\n        content: () => html``,\n      },\n      'divider',\n      ...middleMenu,\n      {\n        icon: 'settings',\n        name: 'settings.title',\n        action: (): void => {\n          this.dispatchEvent(newSettingsUIEvent(true));\n        },\n        kind: 'static',\n        content: () => html``,\n      },\n      ...bottomMenu,\n      {\n        icon: 'extension',\n        name: 'plugins.heading',\n        action: (): void => this.pluginUI.show(),\n        kind: 'static',\n        content: () => html``,\n      },\n    ];\n  }\n\n  get editors(): Plugin[] {\n    return this.plugins.filter(\n      plugin => plugin.active && plugin.kind === 'editor'\n    );\n  }\n\n  // Keyboard Shortcuts\n  private handleKeyPress(e: KeyboardEvent): void {\n    // currently we only handley key shortcuts when users press ctrl\n    if(!e.ctrlKey){ return }\n\n    const keyFunctionMap: {[key:string]: () => void} = {\n      'm': () => this.menuUI.open = !this.menuUI.open,\n      'o': () => this.menuUI.querySelector<ListItem>('mwc-list-item[iconid=\"folder_open\"]')?.click(),\n      'O': () => this.menuUI.querySelector<ListItem>('mwc-list-item[iconid=\"create_new_folder\"]')?.click(),\n      's': () => this.menuUI.querySelector<ListItem>('mwc-list-item[iconid=\"save\"]')?.click(),\n      'P': () => this.pluginUI.show(),\n    }\n\n    const fn = keyFunctionMap[e.key];\n    if(!fn){ return; }\n\n    e.preventDefault();\n    fn();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.host.addEventListener('close-drawer', async () => {\n      this.menuUI.open = false;\n    });\n    this.host.addEventListener('validate', async () => {\n      this.shouldValidate = true;\n      await this.validated;\n\n      if (!this.shouldValidate){ return; }\n\n      this.shouldValidate = false;\n\n      this.validated = Promise.allSettled(\n        this.menuUI\n          .querySelector('mwc-list')!\n          .items.filter(item => item.className === 'validator')\n          .map(item => {\n            const src = item.dataset.src ?? '';\n            const menuContentElement = this.getMenuContent(src);\n\n            if (!menuContentElement) {\n              return;\n            }\n\n            return (menuContentElement as unknown as Validator).validate()\n          })\n      ).then();\n      this.dispatchEvent(newPendingStateEvent(this.validated));\n    });\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    document.onkeydown = this.handleKeyPress;\n\n    document.addEventListener(\"open-plugin-download\", () => {\n      this.pluginDownloadUI.show();\n    });\n  }\n\n\n  private generateMenu(plugins:Plugin[], kind: 'top' | 'middle' | 'bottom'): (MenuItem | 'divider')[]{\n    return plugins.map(plugin => {\n      return {\n        icon: plugin.icon || pluginIcons['menu'],\n        name: plugin.name,\n        src: plugin.src,\n        action: ae => {\n          const menuContentElement = this.getMenuContent(plugin.src);\n          if (!menuContentElement) {\n            return;\n          }\n\n          this.dispatchEvent(newPendingStateEvent((menuContentElement as unknown as MenuPlugin).run()))\n        },\n        disabled: (): boolean => plugin.requireDoc! && this.doc === null,\n        content: () => {\n          if(plugin.content){ return plugin.content(); }\n          return html``;\n        },\n        kind: kind,\n      }\n    })\n  }\n\n  private generateValidatorMenus(plugins: Plugin[]): (MenuItem | 'divider')[] {\n    return plugins.map(plugin =>{\n      return {\n        icon: plugin.icon || pluginIcons['validator'],\n        name: plugin.name,\n        src: plugin.src,\n        action: ae => {\n          this.dispatchEvent(newEmptyIssuesEvent(plugin.src));\n\n          const menuContentElement = this.getMenuContent(plugin.src);\n          if (!menuContentElement) {\n            return;\n          }\n\n          this.dispatchEvent(newPendingStateEvent((menuContentElement as unknown as Validator).validate()))\n        },\n        disabled: (): boolean => this.doc === null,\n        content: plugin.content ?? (() => html``),\n        kind: 'validator',\n      }\n    });\n  }\n\n  private renderMenuItem(me: MenuItem | 'divider'): TemplateResult {\n    const isDivider = me === 'divider';\n    const hasActionItem = me !== 'divider' && me.actionItem;\n\n    if (isDivider) { return html`<li divider padded role=\"separator\"></li>`; }\n    if (hasActionItem){ return html``; }\n    return html`\n      <mwc-list-item\n        class=\"${me.kind}\"\n        iconid=\"${me.icon}\"\n        graphic=\"icon\"\n        data-name=\"${me.name}\"\n        data-src=\"${me.src ?? ''}\"\n        .disabled=${me.disabled?.() || !me.action}\n        ><mwc-icon slot=\"graphic\">${me.icon}</mwc-icon>\n        <span>${get(me.name)}</span>\n        ${me.hint\n          ? html`<span slot=\"secondary\"><tt>${me.hint}</tt></span>`\n          : ''}\n      </mwc-list-item>\n    `;\n  }\n\n  protected renderActionItem(me: MenuItem | 'divider'): TemplateResult {\n    if(me === 'divider' || !me.actionItem){ return html`` }\n\n    return html`\n    <mwc-icon-button\n      slot=\"actionItems\"\n      icon=\"${me.icon}\"\n      label=\"${me.name}\"\n      ?disabled=${me.disabled?.() || !me.action}\n      @click=${me.action}\n    ></mwc-icon-button>`;\n  }\n\n  private renderEditorTab({ name, icon }: Plugin): TemplateResult {\n    return html`<mwc-tab label=${name} icon=${icon || 'edit'}> </mwc-tab>`;\n  }\n\n  /** Renders top bar which features icon buttons for undo, redo, log, scl history and diagnostics*/\n  protected renderHeader(): TemplateResult {\n    return html`<mwc-top-app-bar-fixed>\n      <mwc-icon-button\n        icon=\"menu\"\n        label=\"Menu\"\n        slot=\"navigationIcon\"\n        @click=${() => (this.menuUI.open = true)}\n      ></mwc-icon-button>\n      ${this.renderTitle()}\n      ${this.renderActionItems()}\n    </mwc-top-app-bar-fixed>`;\n  }\n\n  /**\n   * Renders the title section in the top bar\n   * Make sure to use slot=\"title\" for the returned template\n   */\n  protected renderTitle(): TemplateResult {\n    return  html`<div slot=\"title\" id=\"title\">${this.docName}</div>`;\n  }\n\n  /**\n   * Renders the action items for the top bar\n   * Make sure to use slot=\"actionItems\" for each element\n   */\n  protected renderActionItems(): TemplateResult {\n    return  html`${this.menu.map(this.renderActionItem)}`;\n  }\n\n  protected renderMenuContent(): TemplateResult {\n    return html`\n      <div id=\"menuContent\">\n        ${\n          this.menu\n            .filter(p => (p as MenuItem).content)\n            .map(p => (p as MenuItem).content())\n        }\n      </div>\n    `;\n  }\n\n  /**\n   * Renders a drawer toolbar featuring the scl filename, enabled menu plugins,\n   * settings, help, scl history and plug-ins management\n   */\n  protected renderAside(): TemplateResult {\n\n    return html`\n      <mwc-drawer class=\"mdc-theme--surface\" hasheader type=\"modal\" id=\"menu\">\n        <span slot=\"title\">${get('menu.title')}</span>\n          ${renderTitle(this.docName)}\n        <mwc-list\n          wrapFocus\n          @action=${makeListAction(this.menu)}\n        >\n          ${this.menu.map(this.renderMenuItem)}\n        </mwc-list>\n      </mwc-drawer>\n    `;\n\n    function renderTitle(docName?: string){\n      if(!docName) return html``;\n\n      return html`<span slot=\"subtitle\">${docName}</span>`;\n    }\n\n    function makeListAction(menuItems : (MenuItem|'divider')[]){\n      return function listAction(ae: CustomEvent<ActionDetail>){\n        //FIXME: dirty hack to be fixed in open-scd-core\n        //       if clause not necessary when oscd... components in open-scd not list\n        if (ae.target instanceof List)\n          (<MenuItem>(\n            menuItems.filter(\n              item => item !== 'divider' && !item.actionItem\n            )[ae.detail.index]\n          ))?.action?.(ae);\n      }\n    }\n\n\n  }\n\n  private calcActiveEditors(){\n    const hasActiveDoc = Boolean(this.doc);\n\n    return this.editors\n      .filter(editor => {\n        // this is necessary because `requireDoc` can be undefined\n        // and that is not the same as false\n        const doesNotRequireDoc = editor.requireDoc === false\n        return doesNotRequireDoc || hasActiveDoc\n      })\n  }\n\n  /** Renders the enabled editor plugins and a tab bar to switch between them*/\n  protected renderContent(): TemplateResult {\n\n    const activeEditors = this.calcActiveEditors()\n      .map(this.renderEditorTab)\n\n    const hasActiveEditors = activeEditors.length > 0;\n    if(!hasActiveEditors){ return html``; }\n\n    return html`\n      <oscd-menu-tabs\n        .editors=${this.calcActiveEditors()}\n        .activeEditor=${this.activeEditor}\n        @oscd-editor-tab-activated=${this.handleEditorTabActivated}\n      >\n      </oscd-menu-tabs>\n      ${renderEditorContent(this.doc, this.activeEditor, )}\n    `;\n\n    function renderEditorContent(doc: XMLDocument | null, activeEditor?: Plugin){\n      const editor = activeEditor;\n      const requireDoc = editor?.requireDoc\n      if(requireDoc && !doc) { return html`` }\n\n      const content = editor?.content;\n      if(!content) { return html`` }\n\n      return html`${content()}`;\n    }\n  }\n\n  private handleEditorTabActivated(e: TabActivatedEvent){\n    this.activeEditor = e.detail.editor\n  }\n\n  private handleActivateEditorByEvent(e: CustomEvent<{name: string, src: string}>): void {\n    const {name, src} = e.detail;\n    const editors = this.calcActiveEditors()\n    const wantedEditor = editors.find(editor => editor.name === name || editor.src === src)\n    if(!wantedEditor){ return; } // TODO: log error\n\n    this.activeEditor = wantedEditor;\n  }\n\n  private handleRunMenuByEvent(e: CustomEvent<{name: string}>): void {\n\n    // TODO: this is a workaround, fix it\n    this.menuUI.open = true;\n    const menuEntry = this.menuUI.querySelector(`[data-name=\"${e.detail.name}\"]`) as HTMLElement\n\n    const menuContentElement = this.getMenuContent(menuEntry.dataset.src ?? '');\n    if (!menuContentElement) {\n      return;\n    }\n\n    (menuContentElement as unknown as MenuPlugin).run();\n  }\n\n  /**\n   * Renders the landing buttons (open project and new project)\n   * it no document loaded we display the menu item that are in the position\n   * 'top' and are not disabled\n   *\n   * To enable replacement of this part we have to convert it to either an addon\n   * or a plugin\n   */\n  protected renderLanding(): TemplateResult {\n    if(this.doc){ return html``; }\n\n    return html`\n      <div class=\"landing\">\n        ${renderMenuItems(this.menu, this.menuUI)}\n      </div>`\n\n      function renderMenuItems(menuItemsAndDividers: (MenuItem | 'divider')[], menuUI: Drawer){\n\n        const menuItems = menuItemsAndDividers.filter(mi => mi !== 'divider') as MenuItem[];\n\n        return menuItems.map((mi: MenuItem, index) => {\n            if(mi.kind !== 'top' || mi.disabled?.()) { return html``; }\n\n            return html`\n              <mwc-icon-button\n                class=\"landing_icon\"\n                icon=\"${mi.icon}\"\n                @click=\"${() => clickListItem(index)}\"\n              >\n                <div class=\"landing_label\">${mi.name}</div>\n              </mwc-icon-button>\n            `\n          })\n\n          function clickListItem(index:number) {\n            const listItem = menuUI.querySelector('mwc-list')!.items[index];\n            listItem.click();\n          }\n\n      }\n    }\n\n\n\n\n  static styles = css`\n    mwc-drawer {\n      position: absolute;\n      top: 0;\n    }\n\n    mwc-top-app-bar-fixed {\n      --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);\n    } /* hack to fix disabled icon buttons rendering black */\n\n    mwc-tab {\n      background-color: var(--primary);\n      --mdc-theme-primary: var(--mdc-theme-on-primary);\n    }\n\n    input[type='file'] {\n      display: none;\n    }\n\n    mwc-dialog {\n      --mdc-dialog-max-width: 98vw;\n    }\n\n    mwc-dialog > form {\n      display: flex;\n      flex-direction: column;\n    }\n\n    mwc-dialog > form > * {\n      display: block;\n      margin-top: 16px;\n    }\n\n    mwc-linear-progress {\n      position: fixed;\n      --mdc-linear-progress-buffer-color: var(--primary);\n      --mdc-theme-primary: var(--secondary);\n      left: 0px;\n      top: 0px;\n      width: 100%;\n      pointer-events: none;\n      z-index: 1000;\n    }\n\n    tt {\n      font-family: 'Roboto Mono', monospace;\n      font-weight: 300;\n    }\n\n    .landing {\n      position: absolute;\n      text-align: center;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n    }\n\n    .landing_icon:hover {\n      box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14),\n        0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2);\n    }\n\n    .landing_icon {\n      margin: 12px;\n      border-radius: 16px;\n      width: 160px;\n      height: 140px;\n      text-align: center;\n      color: var(--mdc-theme-on-secondary);\n      background: var(--secondary);\n      --mdc-icon-button-size: 100px;\n      --mdc-icon-size: 100px;\n      --mdc-ripple-color: rgba(0, 0, 0, 0);\n      box-shadow: rgb(0 0 0 / 14%) 0px 6px 10px 0px,\n        rgb(0 0 0 / 12%) 0px 1px 18px 0px, rgb(0 0 0 / 20%) 0px 3px 5px -1px;\n      transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landing_label {\n      width: 160px;\n      height: 50px;\n      margin-top: 100px;\n      margin-left: -30px;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .plugin.menu {\n      display: flex;\n    }\n\n    .plugin.validator {\n      display: flex;\n    }\n  `;\n}\n"]}