fix(esl-animate): fix handling of esl-animate-mixin attribute changes

exadel-inc · Apr 29, 2024 · 0bb3a44 · 0bb3a44
1 parent 5887a04
commit 0bb3a44
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/modules/esl-animate/core/esl-animate-mixin.ts b/src/modules/esl-animate/core/esl-animate-mixin.ts
@@ -31,17 +31,21 @@ export class ESLAnimateMixin extends ESLMixinElement {
   }
 
   @ready
-  public override connectedCallback(): void {
+  protected override connectedCallback(): void {
     super.connectedCallback();
     this.reanimate();
   }
 
   @ready
-  public override disconnectedCallback(): void {
+  protected override disconnectedCallback(): void {
     super.disconnectedCallback();
     ESLAnimateService.unobserve(this.$host);
   }
 
+  protected override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {
+    this.reanimate();
+  }
+
   /** Reinitialize {@link ESLAnimateService} for target */
   public reanimate(): void {
     ESLAnimateService.unobserve(this.$host);