Simplify overlay for production builds.

Author: Templarian

package-lock.json

@@ -25,7 +25,7 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@pictogrammers/element": "0.0.54",
+    "@pictogrammers/element": "0.0.57",
     "@pictogrammers/element-jest": "^0.1.8",
     "@pictogrammers/element-webpack": "^0.1.48",
     "cross-env": "^7.0.3",

package.json

@@ -42,11 +42,13 @@ export default class PgMenuItem extends HTMLElement {
           this.dispatchEvent(new CustomEvent('down', {
             detail: { index: this.index }
           }));
+          e.preventDefault();
           break;
         case 'ArrowUp':
           this.dispatchEvent(new CustomEvent('up', {
             detail: { index: this.index }
           }));
+          e.preventDefault();
           break;
       }
     });

src/pg/menuItem/menuItem.ts

@@ -1,16 +1,12 @@
 import { Component } from '@pictogrammers/element';
 
-function camelToDash(str: string): string {
-  return str.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase()
-}
-
 const layers: any[] = [];
 const promises: any[] = [];
 
 @Component()
 export default class PgOverlay extends HTMLElement {
   static open(props: any = {}): Promise<any> {
-    var ele = document.createElement(camelToDash(this.name));
+    var ele = document.createElement(this.name);
     Object.assign(ele, props);
     document.body.appendChild(ele);
     layers.push(ele);