@rogieking/figui3 1.2.2 → 1.2.4

package/example.html

@@ -553,6 +553,34 @@
         <fig-spinner></fig-spinner>
 
         <h2>Misc.</h2>
+        <hstack>
+            <fig-tooltip text="Tooltip"
+                         delay="0">
+                <fig-chit />
+            </fig-tooltip>
+            <fig-tooltip text="Tooltip"
+                         delay="0">
+                <fig-chit />
+            </fig-tooltip>
+            <fig-tooltip text="Tooltip"
+                         delay="0">
+                <fig-chit />
+            </fig-tooltip>
+            <fig-tooltip text="Tooltip"
+                         delay="0">
+                <fig-chit />
+            </fig-tooltip>
+            <fig-tooltip text="Tooltip"
+                         delay="0">
+                <fig-chit />
+            </fig-tooltip>
+            <fig-tooltip text="Tooltip"
+                         delay="0">
+                <fig-chit />
+            </fig-tooltip>
+
+        </hstack>
+
         <fig-field>
             <label>Minimal ranges</label>
             <fig-slider text="true"

package/fig.js

@@ -204,7 +204,8 @@ class FigTooltip extends HTMLElement {
   constructor() {
     super();
     this.action = this.getAttribute("action") || "hover";
-    this.delay = parseInt(this.getAttribute("delay")) || 500;
+    let delay = parseInt(this.getAttribute("delay"));
+    this.delay = !isNaN(delay) ? delay : 500;
     this.isOpen = false;
   }
   connectedCallback() {
@@ -318,6 +319,18 @@ class FigTooltip extends HTMLElement {
       this.hidePopup();
     }
   }
+  static get observedAttributes() {
+    return ["action", "delay"];
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (name === "action") {
+      this.action = newValue;
+    }
+    if (name === "delay") {
+      let delay = parseInt(newValue);
+      this.delay = !isNaN(delay) ? delay : 500;
+    }
+  }
 }
 
 customElements.define("fig-tooltip", FigTooltip);
@@ -941,7 +954,6 @@ class FigInputText extends HTMLElement {
         Number(this.value) + step,
         false
       ).toFixed(2);
-      console.log("MM:", value, this.max);
       this.setAttribute("value", value);
     }
   }
@@ -983,9 +995,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.2",
+  "version": "1.2.4",
   "module": "index.ts",
   "type": "module",
   "devDependencies": {