@rogieking/figui3 1.5.7 → 1.5.9

package/components.css

@@ -547,6 +547,7 @@ input[type="text"][list] {
   }
 }
 
+/* Not enough support for this yet 
 @supports (appearance: base-select) {
   select {
     appearance: base-select;
@@ -648,6 +649,7 @@ input[type="text"][list] {
     box-shadow: var(--figma-elevation-400-menu-panel);
   }
 }
+*/
 input[type="text"][list]:hover,
 input[type="text"][list]:active,
 input[type="text"][list]:focus,

package/fig.js

@@ -1925,8 +1925,30 @@ class FigImage extends HTMLElement {
       }
     });
   }
-  handleFileInput(e) {
-    this.src = URL.createObjectURL(e.target.files[0]);
+  async handleFileInput(e) {
+    this.blob = URL.createObjectURL(e.target.files[0]);
+    //set base64 url
+    const reader = new FileReader();
+    reader.readAsDataURL(e.target.files[0]);
+    //await this data url to be set
+    await new Promise((resolve) => {
+      reader.onload = (e) => {
+        this.base64 = e.target.result;
+        resolve();
+      };
+    });
+    //emit event for loaded
+    this.dispatchEvent(
+      new CustomEvent("load", {
+        bubbles: true,
+        cancelable: true,
+        detail: {
+          blob: this.blob,
+          base64: this.base64,
+        },
+      })
+    );
+    this.src = this.blob;
     this.setAttribute("src", this.src);
     this.chit.setAttribute("src", this.src);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "module": "index.ts",
   "type": "module",
   "devDependencies": {