@pictogrammers/components 0.5.5 → 0.5.7

package/package.json

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

package/pg/inputPixelEditor/inputPixelEditor.ts

@@ -1412,6 +1412,28 @@ export default class PgInputPixelEditor extends HTMLElement {
     });
   }
 
+  /**
+   * Draw pixel.
+   * @param grid 2d grid of colors
+   * @param layer Layer to apply the pixel.
+   */
+  drawGrid(grid: number[][], layer = this.#layer) {
+    grid.forEach((row, y) => {
+      row.forEach((color, x) => {
+        this.#setPixel(x, y, color, layer);
+      });
+    })
+  }
+
+  /**
+   * Draw a single pixel.
+   */
+  drawPixel(x: number, y: number, color: number, layer = this.#layer) {
+    this.#setPixel(x, y, color, layer);
+  }
+
+  // todo: add other draw commands
+
   /**
    * Flatten layers, always merges to lowest layer
    * Note 0 is the lowest layer.

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);