@rogieking/figui3 1.2.3 → 1.2.5

package/example.html

@@ -584,9 +584,14 @@
         <fig-field>
             <label>Minimal ranges</label>
             <fig-slider text="true"
-                        default="50"
+                        min="0"
+                        max="1"
+                        style="width: 100%;"
+                        step="0.01"
+                        transform="100"
+                        default="0.5"
                         variant="minimal"
-                        value="50"></fig-slider>
+                        value="0.5"></fig-slider>
         </fig-field>
         <fig-field direction="horizontal">
             <label>Opacity</label>

package/fig.js

@@ -936,7 +936,9 @@ class FigInputText extends HTMLElement {
     this.input.focus();
   }
   #transformNumber(value) {
-    return value === "" ? "" : Number(value) * (this.transform || 1);
+    let transformed = value === "" ? "" : Number(value) * (this.transform || 1);
+    transformed = this.#formatNumber(transformed);
+    return transformed;
   }
   #handleInput(e) {
     let value = e.target.value;
@@ -995,9 +997,15 @@ class FigInputText extends HTMLElement {
           sanitized
         );
       }
+      sanitized = this.#formatNumber(sanitized);
     }
     return sanitized;
   }
+  #formatNumber(num, precision = 2) {
+    // Check if the number has any decimal places after rounding
+    const rounded = Math.round(num * 100) / 100;
+    return Number.isInteger(rounded) ? rounded : rounded.toFixed(precision);
+  }
 
   static get observedAttributes() {
     return [

package/package.json

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