bump dependencies

Author: Templarian

package-lock.json

@@ -24,8 +24,8 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@pictogrammers/element": "0.0.71",
-    "@pictogrammers/element-esbuild": "^0.0.19",
+    "@pictogrammers/element": "0.0.74",
+    "@pictogrammers/element-esbuild": "^0.0.20",
     "@pictogrammers/element-jest": "^0.1.10",
     "cross-env": "^7.0.3",
     "npm-run-all": "^4.1.5",

package.json

@@ -21,6 +21,10 @@ export default class PgInputText extends HTMLElement {
     this.$input.addEventListener('change', this.handleChange.bind(this));
   }
 
+  focus() {
+    this.$input.focus();
+  }
+
   skipValue = false;
 
   render(changes) {

src/components/pg/inputText/inputText.ts

@@ -57,5 +57,11 @@ export default class PgModalConfirm extends PgOverlay {
     if (changes.message) {
       this.$message.textContent = this.message;
     }
+    if (changes.okay) {
+      this.$okay.textContent = this.okay;
+    }
+    if (changes.cancel) {
+      this.$cancel.textContent = this.cancel;
+    }
   }
 }

src/components/pg/modalConfirm/modalConfirm.ts

@@ -3,9 +3,13 @@ import { Component, Prop } from '@pictogrammers/element';
 const layers: Set<HTMLElement> = new Set();
 const promises: Map<HTMLElement, (value: any) => void> = new Map();
 
+type OmitByPrefix<T, Prefix extends string> = {
+  [K in keyof T as K extends `${Prefix}${string}` ? never : K]: T[K];
+};
+
 @Component()
 export default class PgOverlay extends HTMLElement {
-  static open<T extends typeof PgOverlay>(this: T, props: Partial<Omit<InstanceType<T>, keyof PgOverlay>>): Promise<any> {
+  static open<T extends typeof PgOverlay>(this: T, props: Partial<OmitByPrefix<Omit<InstanceType<T>, keyof PgOverlay>, '$'>>): Promise<any> {
     var ele = document.createElement(this.name);
     props && Object.assign(ele, props);
     document.body.appendChild(ele);