@omicronenergy/oscd-shell 0.0.8 → 0.0.10

package/dist/menus/files-menu.js

@@ -0,0 +1,102 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
+import { localized } from '@lit/localize';
+import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
+import { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';
+import { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';
+import { OscdTextButton } from '@omicronenergy/oscd-ui/button/OscdTextButton.js';
+let FilesMenu = class FilesMenu extends ScopedElementsMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /* Properties */
+        this.editableDocs = [];
+    }
+    render() {
+        return html `
+      <oscd-text-button
+          id="fileMenuButton"
+          @click=${() => this.menu.show()}
+          trailing-icon
+          >
+          ${this.selectedDocName}
+          <oscd-icon slot="icon">code</oscd-icon></oscd-filled-icon-button
+        >
+      </oscd-text-button>
+
+      <oscd-menu
+        fixed
+        id="fileMenu"
+        anchor="fileMenuButton"
+        corner="BOTTOM_END"
+      >
+        ${this.editableDocs.map(name => html `<oscd-menu-item
+              @click=${() => {
+            this.dispatchEvent(new CustomEvent('change', {
+                bubbles: true,
+                composed: true,
+                detail: { name },
+            }));
+        }}
+              ?selected=${this.selectedDocName === name}
+              >${name}</oscd-menu-item
+            >`)}
+      </oscd-menu>
+    `;
+    }
+};
+FilesMenu.scopedElements = {
+    'oscd-text-button': OscdTextButton,
+    'oscd-icon': OscdIcon,
+    'oscd-menu': OscdMenu,
+    'oscd-menu-item': OscdMenuItem,
+};
+FilesMenu.styles = css `
+    :host {
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    :host oscd-text-button {
+      --md-text-button-label-text-line-height: normal;
+      --md-text-button-label-text-family: 'Roboto';
+      --md-text-button-label-text-weight: 500;
+      --md-text-button-label-text-size: 18px;
+      --md-text-button-label-text-style: normal;
+      --md-sys-color-primary: var(--oscd-base3);
+      display: inline;
+    }
+
+    :host oscd-text-button oscd-icon {
+      transform: rotate(90deg);
+    }
+
+    oscd-menu {
+      min-width: 350px;
+      padding: 12px;
+    }
+
+    oscd-menu-item {
+      width: 100%;
+    }
+  `;
+__decorate([
+    property({ type: Array })
+], FilesMenu.prototype, "editableDocs", void 0);
+__decorate([
+    property({ type: String })
+], FilesMenu.prototype, "selectedDocName", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], FilesMenu.prototype, "locale", void 0);
+__decorate([
+    query('#fileMenu')
+], FilesMenu.prototype, "menu", void 0);
+FilesMenu = __decorate([
+    localized()
+], FilesMenu);
+export { FilesMenu };
+//# sourceMappingURL=files-menu.js.map

package/dist/menus/files-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files-menu.js","sourceRoot":"","sources":["../../src/menus/files-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AAU1E,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAAvD;;QAQL,gBAAgB;QAGhB,iBAAY,GAAa,EAAE,CAAC;IAkF9B,CAAC;IArEC,MAAM;QACJ,OAAO,IAAI,CAAA;;;mBAGI,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;;YAG7B,IAAI,CAAC,eAAe;;;;;;;;;;;UAWtB,IAAI,CAAC,YAAY,CAAC,GAAG,CACrB,IAAI,CAAC,EAAE,CACL,IAAI,CAAA;uBACO,GAAG,EAAE;YACZ,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,IAAI,EAAE;aACjB,CAAC,CACH,CAAC;QACJ,CAAC;0BACW,IAAI,CAAC,eAAe,KAAK,IAAI;iBACtC,IAAI;cACP,CACL;;KAEJ,CAAC;IACJ,CAAC;;AA3DM,wBAAc,GAAG;IACtB,kBAAkB,EAAE,cAAc;IAClC,WAAW,EAAE,QAAQ;IACrB,WAAW,EAAE,QAAQ;IACrB,gBAAgB,EAAE,YAAY;CAC/B,AALoB,CAKnB;AAwDK,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BlB,AA9BY,CA8BX;AAjFF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;+CACE;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACvB;AAKnB;IADC,KAAK,CAAC,WAAW,CAAC;uCACH;AAtBL,SAAS;IADrB,SAAS,EAAE;GACC,SAAS,CA6FrB","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport { localized } from '@lit/localize';\n\nimport { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';\nimport { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';\nimport { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';\nimport { OscdTextButton } from '@omicronenergy/oscd-ui/button/OscdTextButton.js';\n\nimport { LocaleTag } from '../localization.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'files-menu': FilesMenu;\n  }\n}\n@localized()\nexport class FilesMenu extends ScopedElementsMixin(LitElement) {\n  static scopedElements = {\n    'oscd-text-button': OscdTextButton,\n    'oscd-icon': OscdIcon,\n    'oscd-menu': OscdMenu,\n    'oscd-menu-item': OscdMenuItem,\n  };\n\n  /* Properties */\n\n  @property({ type: Array })\n  editableDocs: string[] = [];\n\n  @property({ type: String })\n  selectedDocName: string | undefined;\n\n  @property({ type: String, reflect: true })\n  locale!: LocaleTag;\n\n  /* Queries */\n\n  @query('#fileMenu')\n  menu!: OscdMenu;\n\n  render() {\n    return html`\n      <oscd-text-button\n          id=\"fileMenuButton\"\n          @click=${() => this.menu.show()}\n          trailing-icon\n          >\n          ${this.selectedDocName}\n          <oscd-icon slot=\"icon\">code</oscd-icon></oscd-filled-icon-button\n        >\n      </oscd-text-button>\n\n      <oscd-menu\n        fixed\n        id=\"fileMenu\"\n        anchor=\"fileMenuButton\"\n        corner=\"BOTTOM_END\"\n      >\n        ${this.editableDocs.map(\n          name =>\n            html`<oscd-menu-item\n              @click=${() => {\n                this.dispatchEvent(\n                  new CustomEvent('change', {\n                    bubbles: true,\n                    composed: true,\n                    detail: { name },\n                  }),\n                );\n              }}\n              ?selected=${this.selectedDocName === name}\n              >${name}</oscd-menu-item\n            >`,\n        )}\n      </oscd-menu>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    :host oscd-text-button {\n      --md-text-button-label-text-line-height: normal;\n      --md-text-button-label-text-family: 'Roboto';\n      --md-text-button-label-text-weight: 500;\n      --md-text-button-label-text-size: 18px;\n      --md-text-button-label-text-style: normal;\n      --md-sys-color-primary: var(--oscd-base3);\n      display: inline;\n    }\n\n    :host oscd-text-button oscd-icon {\n      transform: rotate(90deg);\n    }\n\n    oscd-menu {\n      min-width: 350px;\n      padding: 12px;\n    }\n\n    oscd-menu-item {\n      width: 100%;\n    }\n  `;\n}\n"]}

package/dist/menus/files-menu.spec.d.ts

@@ -0,0 +1 @@
+import '../oscd-shell.js';

package/dist/menus/files-menu.spec.js

@@ -0,0 +1,33 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import '../oscd-shell.js';
+import { createTestDocs } from '../utils/testing/test-doc-helpers.js';
+describe('files-menu', () => {
+    let oscdShell;
+    let filesMenu;
+    let docs;
+    beforeEach(async () => {
+        docs = createTestDocs(3);
+        oscdShell = (await fixture(html `<oscd-shell
+          .docs=${docs}
+          docName=${Object.keys(docs)[0]}
+        ></oscd-shell>`));
+        filesMenu = oscdShell.shadowRoot.querySelector('files-menu');
+        await oscdShell.updateComplete;
+        await filesMenu.updateComplete;
+    });
+    it('allows the user to switch documents', async () => {
+        const fileDropdownButton = filesMenu.shadowRoot?.querySelector('oscd-text-button');
+        expect(fileDropdownButton).to.exist;
+        fileDropdownButton?.click();
+        await filesMenu.updateComplete;
+        filesMenu.menu.firstElementChild.click();
+        await oscdShell.updateComplete;
+        const oldDocName = oscdShell.docName;
+        fileDropdownButton?.click();
+        await filesMenu.updateComplete;
+        filesMenu.menu.lastElementChild.click();
+        await oscdShell.updateComplete;
+        expect(oscdShell).to.not.have.property('docName', oldDocName);
+    });
+});
+//# sourceMappingURL=files-menu.spec.js.map

package/dist/menus/files-menu.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files-menu.spec.js","sourceRoot":"","sources":["../../src/menus/files-menu.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAGtE,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,SAAoB,CAAC;IACzB,IAAI,SAAoB,CAAC;IACzB,IAAI,IAAiC,CAAC;IAEtC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;QACzB,SAAS,GAAc,CACrB,MAAM,OAAO,CACX,IAAI,CAAA;kBACM,IAAI;oBACF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;uBACjB,CAChB,CACF,CAAC;QACF,SAAS,GAAG,SAAS,CAAC,UAAW,CAAC,aAAa,CAAC,YAAY,CAAE,CAAC;QAC/D,MAAM,SAAS,CAAC,cAAc,CAAC;QAC/B,MAAM,SAAS,CAAC,cAAc,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,kBAAkB,GACtB,SAAS,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC1D,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpC,kBAAkB,EAAE,KAAK,EAAE,CAAC;QAC5B,MAAM,SAAS,CAAC,cAAc,CAAC;QAC9B,SAAS,CAAC,IAAI,CAAC,iBAAkC,CAAC,KAAK,EAAE,CAAC;QAC3D,MAAM,SAAS,CAAC,cAAc,CAAC;QAC/B,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;QACrC,kBAAkB,EAAE,KAAK,EAAE,CAAC;QAC5B,MAAM,SAAS,CAAC,cAAc,CAAC;QAC9B,SAAS,CAAC,IAAI,CAAC,gBAAiC,CAAC,KAAK,EAAE,CAAC;QAC1D,MAAM,SAAS,CAAC,cAAc,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';\nimport type { OscdShell } from '../oscd-shell.js';\n\nimport '../oscd-shell.js';\nimport { createTestDocs } from '../utils/testing/test-doc-helpers.js';\nimport { FilesMenu } from './files-menu.js';\n\ndescribe('files-menu', () => {\n  let oscdShell: OscdShell;\n  let filesMenu: FilesMenu;\n  let docs: Record<string, XMLDocument>;\n\n  beforeEach(async () => {\n    docs = createTestDocs(3);\n    oscdShell = <OscdShell>(\n      await fixture(\n        html`<oscd-shell\n          .docs=${docs}\n          docName=${Object.keys(docs)[0]}\n        ></oscd-shell>`,\n      )\n    );\n    filesMenu = oscdShell.shadowRoot!.querySelector('files-menu')!;\n    await oscdShell.updateComplete;\n    await filesMenu.updateComplete;\n  });\n\n  it('allows the user to switch documents', async () => {\n    const fileDropdownButton =\n      filesMenu.shadowRoot?.querySelector('oscd-text-button');\n    expect(fileDropdownButton).to.exist;\n    fileDropdownButton?.click();\n    await filesMenu.updateComplete;\n    (filesMenu.menu.firstElementChild as OscdMenuItem).click();\n    await oscdShell.updateComplete;\n    const oldDocName = oscdShell.docName;\n    fileDropdownButton?.click();\n    await filesMenu.updateComplete;\n    (filesMenu.menu.lastElementChild as OscdMenuItem).click();\n    await oscdShell.updateComplete;\n    expect(oscdShell).to.not.have.property('docName', oldDocName);\n  });\n});\n"]}

package/dist/menus/plugins-menu.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';
+import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
+import { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';
+import { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';
+import { LocaleTag } from '../localization.js';
+import { PluginEntry } from '../oscd-shell.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'plugin-menu': PluginsMenu;
+    }
+}
+declare const PluginsMenu_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
+export declare class PluginsMenu extends PluginsMenu_base {
+    static scopedElements: {
+        'oscd-filled-icon-button': typeof OscdFilledIconButton;
+        'oscd-icon': typeof OscdIcon;
+        'oscd-menu': typeof OscdMenu;
+        'oscd-menu-item': typeof OscdMenuItem;
+    };
+    editableDocs: string[];
+    menuPlugins: PluginEntry[];
+    appIcon: string;
+    appTitle: string;
+    locale: LocaleTag;
+    open: () => void;
+    menu: OscdMenu;
+    renderMenuItem(plugin: PluginEntry, disabled: boolean): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export {};

package/dist/menus/plugins-menu.js

@@ -0,0 +1,128 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
+import { localized, msg } from '@lit/localize';
+import { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';
+import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
+import { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';
+import { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';
+let PluginsMenu = class PluginsMenu extends ScopedElementsMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /* Properties */
+        this.editableDocs = [];
+        this.menuPlugins = [];
+        this.open = () => {
+            this.menu.show();
+        };
+    }
+    renderMenuItem(plugin, disabled) {
+        return html `
+      <oscd-menu-item
+        .disabled=${disabled}
+        @click=${() => {
+            this.dispatchEvent(new CustomEvent('menu-plugin-select', {
+                detail: { plugin },
+                bubbles: true,
+                composed: true,
+            }));
+            this.menu.close();
+        }}
+      >
+        <oscd-icon slot="start">${plugin.icon}</oscd-icon>
+        <div slot="headline">
+          ${plugin.translations?.[this.locale] || plugin.name}
+        </div>
+      </oscd-menu-item>
+    `;
+    }
+    render() {
+        return html `
+      ${this.appIcon ? html `<img src=${this.appIcon} alt="logo" />` : nothing}
+      <h1 class="app-title">${this.appTitle}</h1>
+      <oscd-filled-icon-button
+        id="menu-button"
+        aria-label="${msg('Menu')}"
+        @click=${async () => {
+            if (this.menu.open) {
+                this.menu.close();
+            }
+            else {
+                this.menu.show();
+            }
+        }}
+        ><oscd-icon>arrow_drop_down_circle</oscd-icon></oscd-filled-icon-button
+      >
+      <oscd-menu
+        quick
+        anchor="menu-button"
+        menuCorner="START_END"
+        anchorCorner="START_END"
+      >
+        ${this.menuPlugins.map(plugin => this.renderMenuItem(plugin, !!(plugin.requireDoc && (this.editableDocs ?? []).length === 0)))}
+      </oscd-menu>
+    `;
+    }
+};
+PluginsMenu.scopedElements = {
+    'oscd-filled-icon-button': OscdFilledIconButton,
+    'oscd-icon': OscdIcon,
+    'oscd-menu': OscdMenu,
+    'oscd-menu-item': OscdMenuItem,
+};
+PluginsMenu.styles = css `
+    :host {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    img {
+      height: 34.4px;
+      width: auto;
+    }
+
+    :host h1.app-title {
+      font-family: Roboto;
+      font-size: 22.114px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: normal;
+      display: inline;
+    }
+    oscd-menu {
+      min-width: 350px;
+      padding: 12px;
+    }
+
+    oscd-menu-item {
+      width: 100%;
+    }
+  `;
+__decorate([
+    property({ type: Array })
+], PluginsMenu.prototype, "editableDocs", void 0);
+__decorate([
+    property({ type: Array })
+], PluginsMenu.prototype, "menuPlugins", void 0);
+__decorate([
+    property({ type: String })
+], PluginsMenu.prototype, "appIcon", void 0);
+__decorate([
+    property({ type: String })
+], PluginsMenu.prototype, "appTitle", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], PluginsMenu.prototype, "locale", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], PluginsMenu.prototype, "open", void 0);
+__decorate([
+    query('oscd-menu')
+], PluginsMenu.prototype, "menu", void 0);
+PluginsMenu = __decorate([
+    localized()
+], PluginsMenu);
+export { PluginsMenu };
+//# sourceMappingURL=plugins-menu.js.map

package/dist/menus/plugins-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins-menu.js","sourceRoot":"","sources":["../../src/menus/plugins-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport { localized, msg } from '@lit/localize';\n\nimport { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';\nimport { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';\nimport { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';\nimport { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';\n\nimport { LocaleTag, Translation } from '../localization.js';\nimport { PluginEntry } from '../oscd-shell.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'plugin-menu': PluginsMenu;\n  }\n}\n\n@localized()\nexport class PluginsMenu extends ScopedElementsMixin(LitElement) {\n  static scopedElements = {\n    'oscd-filled-icon-button': OscdFilledIconButton,\n    'oscd-icon': OscdIcon,\n    'oscd-menu': OscdMenu,\n    'oscd-menu-item': OscdMenuItem,\n  };\n\n  /* Properties */\n  @property({ type: Array })\n  editableDocs: string[] = [];\n\n  @property({ type: Array })\n  menuPlugins: PluginEntry[] = [];\n\n  @property({ type: String })\n  appIcon!: string;\n\n  @property({ type: String })\n  appTitle!: string;\n\n  @property({ type: String, reflect: true })\n  locale!: LocaleTag;\n\n  @property({ type: String, reflect: true })\n  open = () => {\n    this.menu.show();\n  };\n\n  /* Queries */\n  @query('oscd-menu')\n  menu!: OscdMenu;\n\n  renderMenuItem(plugin: PluginEntry, disabled: boolean) {\n    return html`\n      <oscd-menu-item\n        .disabled=${disabled}\n        @click=${() => {\n          this.dispatchEvent(\n            new CustomEvent('menu-plugin-select', {\n              detail: { plugin },\n              bubbles: true,\n              composed: true,\n            }),\n          );\n          this.menu.close();\n        }}\n      >\n        <oscd-icon slot=\"start\">${plugin.icon}</oscd-icon>\n        <div slot=\"headline\">\n          ${plugin.translations?.[this.locale as Translation] || plugin.name}\n        </div>\n      </oscd-menu-item>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this.appIcon ? html`<img src=${this.appIcon} alt=\"logo\" />` : nothing}\n      <h1 class=\"app-title\">${this.appTitle}</h1>\n      <oscd-filled-icon-button\n        id=\"menu-button\"\n        aria-label=\"${msg('Menu')}\"\n        @click=${async () => {\n          if (this.menu.open) {\n            this.menu.close();\n          } else {\n            this.menu.show();\n          }\n        }}\n        ><oscd-icon>arrow_drop_down_circle</oscd-icon></oscd-filled-icon-button\n      >\n      <oscd-menu\n        quick\n        anchor=\"menu-button\"\n        menuCorner=\"START_END\"\n        anchorCorner=\"START_END\"\n      >\n        ${this.menuPlugins.map(plugin =>\n          this.renderMenuItem(\n            plugin,\n            !!(plugin.requireDoc && (this.editableDocs ?? []).length === 0),\n          ),\n        )}\n      </oscd-menu>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    img {\n      height: 34.4px;\n      width: auto;\n    }\n\n    :host h1.app-title {\n      font-family: Roboto;\n      font-size: 22.114px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: normal;\n      display: inline;\n    }\n    oscd-menu {\n      min-width: 350px;\n      padding: 12px;\n    }\n\n    oscd-menu-item {\n      width: 100%;\n    }\n  `;\n}\n"]}

package/dist/menus/plugins-menu.spec.d.ts

@@ -0,0 +1 @@
+import '../oscd-shell.js';

package/dist/menus/plugins-menu.spec.js

@@ -0,0 +1,65 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import '../oscd-shell.js';
+import { createTestDocs } from '../utils/testing/test-doc-helpers.js';
+import sinon from 'sinon';
+import { sampleMenuPlugins } from '../utils/testing/plugin-helpers.js';
+import { TestMenuPlugin1 } from '../utils/testing/test-plugins.js';
+const findMenuOpenButton = (pluginsMenu) => {
+    const menuOpenButton = pluginsMenu.shadowRoot?.querySelector('oscd-filled-icon-button');
+    expect(menuOpenButton).to.exist;
+    return menuOpenButton;
+};
+describe('plugins-menu', () => {
+    let oscdShell;
+    let pluginsMenu;
+    let docs;
+    beforeEach(async () => {
+        docs = createTestDocs(1);
+        oscdShell = (await fixture(html `<oscd-shell
+          .docs=${docs}
+          docName=${Object.keys(docs)[0]}
+        ></oscd-shell>`));
+        if (!oscdShell.registry?.get('test-menu-plugin1')) {
+            oscdShell.registry?.define('test-menu-plugin1', TestMenuPlugin1);
+        }
+        oscdShell.plugins = {
+            menu: sampleMenuPlugins,
+        };
+        pluginsMenu = oscdShell.shadowRoot.querySelector('plugins-menu');
+        await oscdShell.updateComplete;
+        await pluginsMenu.updateComplete;
+    });
+    it('displays a menu item for each menu plugin', async () => {
+        const menuOpenButton = findMenuOpenButton(pluginsMenu);
+        menuOpenButton?.click();
+        await pluginsMenu.updateComplete;
+        expect(pluginsMenu.menu).to.have.property('open', true);
+        expect(pluginsMenu.menu.children).to.have.length(oscdShell.plugins.menu.length);
+    });
+    it('executes the run() function of the associated plugin, when the plugin menu item is clicked', async () => {
+        const menuPluginSelectSpy = sinon.spy();
+        pluginsMenu.addEventListener('menu-plugin-select', menuPluginSelectSpy);
+        const pluginRunSpy = sinon.spy();
+        const menuPluginEntry = pluginsMenu.menuPlugins[0];
+        const firstMenuPlugin = oscdShell.shadowRoot.querySelector(menuPluginEntry.tagName);
+        firstMenuPlugin.run = pluginRunSpy;
+        const menuOpenButton = findMenuOpenButton(pluginsMenu);
+        menuOpenButton?.click();
+        await pluginsMenu.updateComplete;
+        const firstMenuItem = pluginsMenu.menu.firstElementChild;
+        firstMenuItem.click();
+        await pluginsMenu.updateComplete;
+        expect(pluginRunSpy.calledOnce).to.be.true;
+    });
+    it('closes when clicking on the menu button, if its currently open', async () => {
+        const menuOpenButton = findMenuOpenButton(pluginsMenu);
+        menuOpenButton?.click();
+        await pluginsMenu.updateComplete;
+        expect(pluginsMenu.menu).to.have.property('open', true);
+        // Click again to close
+        menuOpenButton?.click();
+        await pluginsMenu.updateComplete;
+        expect(pluginsMenu.menu).to.have.property('open', false);
+    });
+});
+//# sourceMappingURL=plugins-menu.spec.js.map

package/dist/menus/plugins-menu.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins-menu.spec.js","sourceRoot":"","sources":["../../src/menus/plugins-menu.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { OscdMenuItem } from '@omicronenergy/oscd-ui/menu/OscdMenuItem.js';\nimport type { OscdShell } from '../oscd-shell.js';\nimport '../oscd-shell.js';\nimport { PluginsMenu } from './plugins-menu.js';\nimport { createTestDocs } from '../utils/testing/test-doc-helpers.js';\nimport { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';\nimport sinon from 'sinon';\nimport { LitElement } from 'lit';\nimport { sampleMenuPlugins } from '../utils/testing/plugin-helpers.js';\nimport { TestMenuPlugin1 } from '../utils/testing/test-plugins.js';\n\nconst findMenuOpenButton = (pluginsMenu: PluginsMenu) => {\n  const menuOpenButton = pluginsMenu.shadowRoot?.querySelector(\n    'oscd-filled-icon-button',\n  ) as OscdFilledIconButton;\n  expect(menuOpenButton).to.exist;\n  return menuOpenButton;\n};\n\ndescribe('plugins-menu', () => {\n  let oscdShell: OscdShell;\n  let pluginsMenu: PluginsMenu;\n  let docs: Record<string, XMLDocument>;\n\n  beforeEach(async () => {\n    docs = createTestDocs(1);\n    oscdShell = <OscdShell>(\n      await fixture(\n        html`<oscd-shell\n          .docs=${docs}\n          docName=${Object.keys(docs)[0]}\n        ></oscd-shell>`,\n      )\n    );\n    if (!oscdShell.registry?.get('test-menu-plugin1')) {\n      oscdShell.registry?.define('test-menu-plugin1', TestMenuPlugin1);\n    }\n    oscdShell.plugins = {\n      menu: sampleMenuPlugins,\n    };\n    pluginsMenu = oscdShell.shadowRoot!.querySelector('plugins-menu')!;\n    await oscdShell.updateComplete;\n    await pluginsMenu.updateComplete;\n  });\n\n  it('displays a menu item for each menu plugin', async () => {\n    const menuOpenButton = findMenuOpenButton(pluginsMenu);\n    menuOpenButton?.click();\n    await pluginsMenu.updateComplete;\n    expect(pluginsMenu.menu).to.have.property('open', true);\n    expect(pluginsMenu.menu.children).to.have.length(\n      oscdShell.plugins!.menu.length,\n    );\n  });\n\n  it('executes the run() function of the associated plugin, when the plugin menu item is clicked', async () => {\n    const menuPluginSelectSpy = sinon.spy();\n    pluginsMenu.addEventListener('menu-plugin-select', menuPluginSelectSpy);\n\n    const pluginRunSpy = sinon.spy();\n    const menuPluginEntry = pluginsMenu.menuPlugins[0];\n    const firstMenuPlugin = oscdShell.shadowRoot!.querySelector(\n      menuPluginEntry.tagName,\n    )! as unknown as LitElement & {\n      run: () => void;\n    };\n    firstMenuPlugin.run = pluginRunSpy;\n\n    const menuOpenButton = findMenuOpenButton(pluginsMenu);\n    menuOpenButton?.click();\n    await pluginsMenu.updateComplete;\n\n    const firstMenuItem = pluginsMenu.menu.firstElementChild as OscdMenuItem;\n    firstMenuItem.click();\n    await pluginsMenu.updateComplete;\n\n    expect(pluginRunSpy.calledOnce).to.be.true;\n  });\n\n  it('closes when clicking on the menu button, if its currently open', async () => {\n    const menuOpenButton = findMenuOpenButton(pluginsMenu);\n    menuOpenButton?.click();\n    await pluginsMenu.updateComplete;\n    expect(pluginsMenu.menu).to.have.property('open', true);\n\n    // Click again to close\n    menuOpenButton?.click();\n    await pluginsMenu.updateComplete;\n    expect(pluginsMenu.menu).to.have.property('open', false);\n  });\n});\n"]}

package/dist/oscd-shell.d.ts

@@ -1,49 +1,25 @@
-import '@webcomponents/scoped-custom-element-registry';
-import { LitElement, TemplateResult } from 'lit';
-import '@omicronenergy/oscd-ui/app-bar/oscd-app-bar.js';
-import type { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';
-import '@omicronenergy/oscd-ui/dialog/oscd-dialog.js';
-import '@omicronenergy/oscd-ui/divider/oscd-divider.js';
-import type { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';
-import '@omicronenergy/oscd-ui/iconbutton/oscd-filled-icon-button.js';
-import '@omicronenergy/oscd-ui/select/oscd-filled-select.js';
-import '@omicronenergy/oscd-ui/textfield/oscd-filled-text-field.js';
-import '@omicronenergy/oscd-ui/icon/oscd-icon.js';
-import '@omicronenergy/oscd-ui/list/oscd-list.js';
-import '@omicronenergy/oscd-ui/list/oscd-list-item.js';
-import type { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';
-import '@omicronenergy/oscd-ui/menu/oscd-menu.js';
-import '@omicronenergy/oscd-ui/menu/oscd-menu-item.js';
-import type { OscdNavigationDrawer } from '@omicronenergy/oscd-ui/navigation-drawer/OscdNavigationDrawer.js';
-import '@omicronenergy/oscd-ui/navigation-drawer/oscd-navigation-drawer.js';
-import '@omicronenergy/oscd-ui/navigation-drawer/oscd-navigation-drawer-header.js';
-import '@omicronenergy/oscd-ui/tabs/oscd-secondary-tab.js';
-import '@omicronenergy/oscd-ui/select/oscd-select-option.js';
-import '@omicronenergy/oscd-ui/tabs/oscd-tabs.js';
-import '@omicronenergy/oscd-ui/button/oscd-text-button.js';
+import { LitElement } from 'lit';
+import { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';
 import { XMLEditor } from '@omicronenergy/oscd-editor';
-import { EditV2, OpenEvent, Transactor } from '@omicronenergy/oscd-api';
-import { allLocales, targetLocales } from './locales.js';
-export interface Plugin {
-    editor: Transactor<EditV2>;
-    docs: Record<string, XMLDocument>;
-    doc?: XMLDocument;
-    docName?: string;
-    stateVersion: unknown;
-    /** @deprecated Use `stateVersion` instead */
-    editCount: number;
-    locale: string;
-}
+import { EditEventV2, OpenEvent } from '@openscd/oscd-api';
+import { LocaleTag, Translations } from './localization.js';
+import { EditorPluginsPanel } from './side-panel/editor-plugins-panel.js';
+import { PluginsMenu } from './menus/plugins-menu.js';
+import { LandingPage } from './landing-page/landing-page.js';
+import { RenameEvent, CloseEvent } from './foundation/events.js';
+import { FilesMenu } from './menus/files-menu.js';
+import { OscdAppBar } from '@omicronenergy/oscd-ui/app-bar/OscdAppBar.js';
+import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
 export type PluginEntry = {
     name: string;
-    translations?: Record<(typeof targetLocales)[number], string>;
+    translations?: Translations;
     tagName: string;
     icon: string;
     requireDoc?: boolean;
 };
 export type SourcedPluginEntry = {
     name: string;
-    translations?: Record<(typeof targetLocales)[number], string>;
+    translations?: Translations;
     src: string;
     icon: string;
     requireDoc?: boolean;
@@ -53,67 +29,77 @@ export type PluginSet<P = PluginEntry> = {
     editor: P[];
     background: P[];
 };
-type Control = {
-    icon: string;
-    getName: () => string;
-    isDisabled: () => boolean;
-    action?: () => void | Promise<void>;
-};
-type RenderedPlugin = Control & {
-    tagName: string;
-};
-type LocaleTag = (typeof allLocales)[number];
-export declare class OpenSCD extends LitElement {
-    #private;
+declare const OscdShell_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
+export declare class OscdShell extends OscdShell_base {
+    static scopedElements: {
+        'oscd-app-bar': typeof OscdAppBar;
+        'oscd-filled-icon-button': typeof OscdFilledIconButton;
+        'oscd-icon': typeof OscdIcon;
+        'files-menu': typeof FilesMenu;
+        'plugins-menu': typeof PluginsMenu;
+        'editor-plugins-panel': typeof EditorPluginsPanel;
+        'landing-page': typeof LandingPage;
+    };
+    /**
+     * Url to the app icon displayed in the app bar
+     */
+    appIcon: string;
+    appTitle: string;
+    landingPageHeading: string;
+    landingPageSubHeading: string;
     /** The file endings of editable files */
     editable: string[];
-    isEditable(docName: string): boolean;
-    get editableDocs(): string[];
-    private _docs;
+    get locale(): LocaleTag;
+    set locale(tag: LocaleTag);
+    _plugins: PluginSet;
+    get plugins(): PluginSet;
+    set plugins(plugins: Partial<PluginSet<Partial<PluginEntry | SourcedPluginEntry>>>);
+    get canRedo(): boolean;
+    get canUndo(): boolean;
+    get editor(): string;
+    private editorIndex;
+    get doc(): XMLDocument;
+    /** The name of the [[`doc`]] currently being edited */
+    docName: string;
     /** The set of `XMLDocument`s currently loaded */
+    private _docs;
     get docs(): Record<string, XMLDocument>;
     set docs(newDocs: Record<string, XMLDocument>);
-    onDocsChanged(): void;
-    /** The name of the [[`doc`]] currently being edited */
-    docName: string;
-    get doc(): XMLDocument;
-    xmlEditor: XMLEditor;
-    stateVersion: number;
+    docVersion: number;
+    get editableDocs(): string[];
     get last(): number;
-    get canUndo(): boolean;
-    get canRedo(): boolean;
-    get plugins(): PluginSet;
-    set plugins(plugins: Partial<PluginSet<Partial<PluginEntry | SourcedPluginEntry>>>);
-    handleOpenDoc({ detail: { docName, doc } }: OpenEvent): void;
+    xmlEditor: XMLEditor;
+    pluginsMenu: PluginsMenu;
+    editorPluginsPanel: EditorPluginsPanel;
+    private _landingPageNodes?;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleOpenDoc: ({ detail: { docName, doc } }: OpenEvent) => void;
+    handleRenameDoc: (customEvent: RenameEvent) => void;
+    handleEditV2: (event: EditEventV2) => void;
+    handleCloseDoc: (event: CloseEvent) => void;
+    handleUndo: () => void;
+    handleRedo: () => void;
+    private handleKeyPress;
+    handleOpenPluginMenu: () => void;
     /** Undo the last `n` [[Edit]]s committed */
-    undo(n?: number): void;
+    undo: (n?: number) => void;
     /** Redo the last `n` [[Edit]]s that have been undone */
-    redo(n?: number): void;
-    editFileUI: OscdDialog;
-    menuUI: OscdNavigationDrawer;
-    fileNameUI: HTMLInputElement;
-    fileExtensionUI: HTMLInputElement;
-    fileMenuUI: OscdMenu;
-    fileMenuButtonUI?: OscdFilledIconButton;
-    get locale(): LocaleTag;
-    set locale(tag: LocaleTag);
-    private editorIndex;
-    get editor(): string;
-    private controls;
-    get menu(): Required<Control>[];
-    get editors(): RenderedPlugin[];
+    redo: (n?: number) => void;
     private hotkeys;
-    private handleKeyPress;
-    constructor();
-    updated(changedProps: Map<string, unknown>): void;
-    renderPlugin(tagName: string): TemplateResult;
-    render(): TemplateResult<1>;
-    firstUpdated(): void;
+    isEditable(docName: string): boolean;
+    onDocsChanged(): void;
+    renderPlugin(tagName: string): import("lit-html").TemplateResult;
+    onMenuPluginSelect(customEvent: CustomEvent): void;
+    renderOffScreenPlugins(): import("lit-html").TemplateResult<1>;
+    renderDefaultLandingPage(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'oscd-shell': OpenSCD;
+        'oscd-shell': OscdShell;
     }
 }
 export {};