@rogieking/figui3 1.5.0 → 1.5.1

package/example.html

@@ -793,6 +793,9 @@
         elements.filter(n => n.tagName.toLowerCase().indexOf("fig-slider") > -1).forEach(n => n.addEventListener('input', (e) => {
             console.log('input:', n.tagName, e.target)
         }))
+        document.querySelectorAll('fig-input-color').forEach(n => n.addEventListener('input', (e) => {
+            console.log('input:', n.tagName, e.target.value)
+        }))
     </script>
 </body>
 

package/fig.css

@@ -2289,6 +2289,7 @@ fig-input-color {
 
     & input[type="text"] {
       width: 100%;
+      text-transform: uppercase;
     }
   }
 

package/fig.js

@@ -1389,13 +1389,13 @@ class FigInputColor extends HTMLElement {
     this.rgba = this.convertToRGBA(hexValue);
     this.value = this.rgbAlphaToHex(
       {
-        r: this.rgba.r,
-        g: this.rgba.g,
-        b: this.rgba.b,
+        r: isNaN(this.rgba.r) ? 0 : this.rgba.r,
+        g: isNaN(this.rgba.g) ? 0 : this.rgba.g,
+        b: isNaN(this.rgba.b) ? 0 : this.rgba.b,
       },
       this.rgba.a
     );
-    this.hexWithAlpha = this.value;
+    this.hexWithAlpha = this.value.toUpperCase();
     this.hexOpaque = this.hexWithAlpha.slice(0, 7);
     if (hexValue.length > 7) {
       this.alpha = (this.rgba.a * 100).toFixed(0);

package/package.json

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