@ai-ecoverse/slicc-spectrum 1.32.0 → 1.32.1

package/dist/slicc-ui.js

@@ -14813,6 +14813,12 @@ function lockOverscroll(document2) {
     if (lock.count === 0) lock.restore();
   };
 }
+function finishTransitions(root2) {
+  for (const animation of root2.getAnimations())
+    if ("transitionProperty" in animation) animation.finish();
+  for (const element2 of root2.querySelectorAll("*"))
+    if (element2.shadowRoot) finishTransitions(element2.shadowRoot);
+}
 var SliccApp = class extends ThemedElement {
   static properties = {
     ...ThemedElement.properties,
@@ -14828,6 +14834,7 @@ var SliccApp = class extends ThemedElement {
   #resize = null;
   #width = 0;
   #started = null;
+  #painted = "";
   #saving = false;
   #updatesPort;
   #unlock;
@@ -15082,6 +15089,13 @@ var SliccApp = class extends ThemedElement {
     }
   }
   updated(changed) {
+    const color = this.color;
+    if (this.#painted && this.#painted !== color) {
+      const root2 = this.renderRoot;
+      finishTransitions(root2);
+      requestAnimationFrame(() => finishTransitions(root2));
+    }
+    this.#painted = color;
     if (!this.model) return;
     const layout = this.#started !== this.screen;
     if (layout) this.#start(this.model);