@pictogrammers/components 0.5.5 → 0.5.6

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@pictogrammers/components",
     "type": "module",
-    "version": "0.5.5",
+    "version": "0.5.6",
     "license": "MIT",
     "author": "Austin Andrews",
     "scripts": {

package/pg/inputText/inputText.ts

@@ -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) {

package/pg/modalConfirm/modalConfirm.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;
+    }
   }
 }

package/pg/overlay/overlay.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);