@rogieking/figui3 1.2.1 → 1.2.3

package/example.html

@@ -553,6 +553,41 @@
         <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"
+                        default="50"
+                        variant="minimal"
+                        value="50"></fig-slider>
+        </fig-field>
         <fig-field direction="horizontal">
             <label>Opacity</label>
             <fig-slider type="opacity"

package/fig.css

@@ -1087,6 +1087,9 @@ fig-chit {
       grid-area: 1/1;
       place-self: center;
     }
+    input[type="color"] {
+      opacity: 0;
+    }
     input[type="color"]::-webkit-color-swatch-wrapper {
       background: none;
     }
@@ -1743,6 +1746,7 @@ fig-slider {
       position: relative;
       display: block;
       width: 100%;
+      box-shadow: none;
 
       /* Track */
       &::before {

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);
     }
   }

package/package.json

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