chore: Fix open project

Author: clepski

packages/compas-open-scd/src/addons/CompasLayout.ts

@@ -49,6 +49,10 @@ import '@material/mwc-select';
 import '@material/mwc-textfield';
 import { EditCompletedEvent } from '@openscd/core';
 
+export function compasOpenMenuEvent(): CustomEvent<void> {
+  return new CustomEvent<void>('open-drawer', { bubbles: true, composed: true });
+}
+
 @customElement('compas-layout')
 export class CompasLayout extends LitElement {
   /** The `XMLDocument` to be edited */
@@ -363,6 +367,9 @@ export class CompasLayout extends LitElement {
 
   connectedCallback(): void {
     super.connectedCallback();
+    this.host.addEventListener('open-drawer', () => {
+      this.menuUI.open = true;
+    })
     this.host.addEventListener('close-drawer', async () => {
       this.menuUI.open = false;
     });

packages/compas-open-scd/src/menu/CompasOpen.ts

@@ -15,6 +15,7 @@ import CompasOpenElement, { DocRetrievedEvent } from '../compas/CompasOpen.js';
 import { updateDocumentInOpenSCD } from '../compas/foundation.js';
 
 import '../compas/CompasOpen.js';
+import { compasOpenMenuEvent } from '../addons/CompasLayout.js';
 
 export default class CompasOpenMenuPlugin extends LitElement {
   @query('mwc-dialog#compas-open-dlg')
@@ -26,6 +27,10 @@ export default class CompasOpenMenuPlugin extends LitElement {
   async run(): Promise<void> {
     this.compasOpenElement.selectedType = undefined;
     await this.compasOpenElement.requestUpdate();
+
+    // TODO: Fix for dialog, the menu has to be open to see the dialog
+    this.dispatchEvent(compasOpenMenuEvent());
+
     this.dialog.show();
   }
 

packages/compas-open-scd/test/unit/menu/CompasOpen.test.ts

@@ -2,7 +2,7 @@ import { expect, fixture, html } from '@open-wc/testing';
 
 import CompasOpenMenuPlugin from '../../../src/menu/CompasOpen.js';
 
-describe('compas-open-menu', () => {
+describe('open-drawer', () => {
   if (customElements.get('compare-open-menu') === undefined)
     customElements.define('compare-open-menu', CompasOpenMenuPlugin);