@rogieking/figui3 6.28.0 → 6.28.1

package/fig.js

@@ -10987,6 +10987,7 @@ class FigInputGradient extends HTMLElement {
   #arrowTooltipTimer = null;
   #colorObserver = null;
   #repositionRAF = null;
+  #pickerDefinitionPromise = null;
   #gradient = {
     type: "linear",
     angle: 90,
@@ -11060,11 +11061,22 @@ class FigInputGradient extends HTMLElement {
   connectedCallback() {
     this.#parseValue();
     this.#render();
+    this.#renderPickerWhenAvailable();
     this.removeEventListener("keydown", this.#onPickerKeyDown);
     this.addEventListener("keydown", this.#onPickerKeyDown);
     if (this.#isEditable) document.addEventListener("keydown", this.#onKeyDown);
   }
 
+  #renderPickerWhenAvailable() {
+    if (this.#editMode !== "picker" || hasFigFillPicker()) return;
+    this.#pickerDefinitionPromise ??= customElements
+      .whenDefined("fig-fill-picker")
+      .then(() => {
+        if (!this.isConnected || this.#editMode !== "picker") return;
+        this.#render();
+      });
+  }
+
   disconnectedCallback() {
     document.removeEventListener("keydown", this.#onKeyDown);
     this.removeEventListener("keydown", this.#onPickerKeyDown);
@@ -11851,6 +11863,7 @@ class FigInputGradient extends HTMLElement {
         break;
       case "edit":
         this.#render();
+        this.#renderPickerWhenAvailable();
         if (this.#isEditable) {
           document.addEventListener("keydown", this.#onKeyDown);
         } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "6.28.0",
+  "version": "6.28.1",
   "description": "A lightweight web components library for building Figma plugin and widget UIs with native look and feel",
   "author": "Rogie King",
   "license": "MIT",