@pictogrammers/components 0.5.0 → 0.5.1

package/package.json

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

package/pg/inputPixelEditor/README.md

@@ -47,6 +47,7 @@ See usage for each method below.
 | ---------- | -------- | ----------- |
 | `getJson(options)` | -        | Get JSON file. |
 | `getData()` | -           | Get layer data. |
+| `setData()` | -           | Set layer data. |
 | `setJson(json)` | -        | Set JSON file. |
 | `reset()` | -  | Reset canvas and data. |
 | `getExportCanvas()` | -  | Get new canvas of export. |

package/pg/inputPixelEditor/inputPixelEditor.ts

@@ -1367,14 +1367,14 @@ export default class PgInputPixelEditor extends HTMLElement {
     this.#layer = indexes;
   }
 
-  addLayer() {
+  addLayer({ name, type, ...optional }) {
     this.#data.push(fillGrid(this.width, this.height));
     this.#layers.push({
-      name: 'Layer 1',
-      type: 'pixel',
-      export: true,
-      locked: false,
-      visible: true,
+      name,
+      type,
+      export: optional.exclude ?? true,
+      locked: optional.locked ?? false,
+      visible: optional.hidden ?? true,
       opacity: 1
     });
   }
@@ -1463,6 +1463,13 @@ export default class PgInputPixelEditor extends HTMLElement {
     });
   }
 
+  /**
+   * Set data
+   */
+  setData(data: any[]) {
+
+  }
+
   getExportPath() {
     return bitmaskToPath(this.#export, { scale: 1 });
   }