@rogieking/figui3 6.9.4 → 6.9.6

package/fig.js

@@ -11060,7 +11060,14 @@ class FigMedia extends HTMLElement {
   }
 
   #ensureControls() {
-    if (this.#controlsEl && this.#controlsEl.isConnected) {
+    const generatedControls = Array.from(
+      this.querySelectorAll(":scope > fig-media-controls[data-generated]"),
+    );
+    const existingControls = generatedControls[0];
+    generatedControls.slice(1).forEach((controls) => controls.remove());
+
+    if (existingControls) {
+      this.#controlsEl = existingControls;
       this.#wireControlsToMedia();
       return;
     }
@@ -11157,10 +11164,9 @@ class FigMedia extends HTMLElement {
 
   #removeControls() {
     this.#unwireControls();
-    if (!this.#controlsEl) return;
-    if (this.#controlsEl.hasAttribute("data-generated")) {
-      this.#controlsEl.remove();
-    }
+    this.querySelectorAll(":scope > fig-media-controls[data-generated]").forEach((controls) => {
+      controls.remove();
+    });
     this.#controlsEl = null;
   }
 
@@ -12944,6 +12950,7 @@ class FigEasingCurve extends HTMLElement {
   #startSpringDrag(e, handleType) {
     e.preventDefault();
     this.#isDragging = handleType;
+    this.classList.toggle("spring-bounce-dragging", handleType === "bounce");
 
     const startDamping = this.#spring.damping;
     const startStiffness = this.#spring.stiffness;
@@ -12981,6 +12988,7 @@ class FigEasingCurve extends HTMLElement {
 
     const onUp = () => {
       this.#isDragging = null;
+      this.classList.remove("spring-bounce-dragging");
       document.removeEventListener("pointermove", onMove);
       document.removeEventListener("pointerup", onUp);
       this.#emit("change");

package/package.json

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