Dialog-based dropdown

app.js

@@ -2,19 +2,21 @@ import { Layout } from "/components/layout.js"
 import { Page } from "/components/page.js"
 import { Header } from "/components/header.js"
 import { NavMenu } from "/components/nav-menu.js"
-import { PageMenu } from "/components/page-menu.js"
 import { Dialog } from "/components/dialog.js"
 import { ButtonGroup } from "/forms/button-group.js"
+import { Dropdown } from "/menu/dropdown.js"
 
 customElements.define('m-layout', Layout)
 customElements.define('m-page', Page)
 customElements.define('m-header', Header)
 customElements.define('m-nav-menu', NavMenu)
-customElements.define('m-page-menu', PageMenu)
 customElements.define('m-dialog', Dialog)
 customElements.define(
   'm-forms-button-group', ButtonGroup
 )
+customElements.define(
+  'm-menu-dropdown', Dropdown
+)
 
 class Setup {
   async run() {

sw.js

@@ -8,9 +8,9 @@ async function initCache() {
     '/components/layout.js',
     '/components/header.js',
     '/components/nav-menu.js',
-    '/components/page-menu.js',
     '/components/dialog.js',
-    '/forms/button-group.js',
+    '/forms/button-group.js,
+    '/menu/dropdown.js,
   ])
 }