@sula-tech/webcomponents 0.17.4 → 0.17.5

package/dist/components/sula-button.js

@@ -1,4 +1,4 @@
-import { S as SulaButton$1, d as defineCustomElement$1 } from './p-DGCOlK4x.js';
+import { S as SulaButton$1, d as defineCustomElement$1 } from './p-Ds1BVj4V.js';
 
 const SulaButton = SulaButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sula-loader.js

@@ -1,4 +1,4 @@
-import { S as SulaLoader$1, d as defineCustomElement$1 } from './p-fwcKhm5l.js';
+import { S as SulaLoader$1, d as defineCustomElement$1 } from './p-zE24jlFe.js';
 
 const SulaLoader = SulaLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sula-modal.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$4, a as SulaButtonAppearance } from './p-DGCOlK4x.js';
+import { d as defineCustomElement$4, a as SulaButtonAppearance } from './p-Ds1BVj4V.js';
 import { d as defineCustomElement$3 } from './p-fgs5TBQ7.js';
-import { d as defineCustomElement$2 } from './p-fwcKhm5l.js';
+import { d as defineCustomElement$2 } from './p-zE24jlFe.js';
 
 var SulaModalType;
 (function (SulaModalType) {

package/dist/esm/sula-avatar_29.entry.js

@@ -27784,17 +27784,29 @@ const SulaLoader = class {
          * Tamanho predefinido (small, medium, large)
          */
         this.size = SulaLoaderSize.Medium;
+        this.animationInstance = null;
+    }
+    connectedCallback() {
+        this.tryInitLottie();
     }
     componentDidLoad() {
-        this.initLottie();
+        this.tryInitLottie();
+    }
+    componentDidRender() {
+        this.tryInitLottie();
     }
     disconnectedCallback() {
-        if (this.animationInstance) {
-            this.animationInstance.destroy();
+        this.destroyAnimation();
+    }
+    destroyAnimation() {
+        if (!this.animationInstance) {
+            return;
         }
+        this.animationInstance.destroy();
+        this.animationInstance = null;
     }
-    initLottie() {
-        if (!this.containerRef)
+    tryInitLottie() {
+        if (!this.containerRef || this.animationInstance)
             return;
         try {
             const animationData = loaderAnimation;
@@ -27811,6 +27823,9 @@ const SulaLoader = class {
             console.error('Erro ao carregar animação Lottie:', error);
         }
     }
+    initLottie() {
+        this.tryInitLottie();
+    }
     getDimensions() {
         const sizes = {
             small: '24px',
@@ -27821,7 +27836,7 @@ const SulaLoader = class {
     }
     render() {
         const { width, height } = this.getDimensions();
-        return (h$1(Host, { key: 'abd6665256f4e7173603ccc791b20f884bf9e9b6' }, h$1("div", { key: '41f9fb073388d7fc2a1585231fb8c257e5996847', ref: el => (this.containerRef = el), style: {
+        return (h$1(Host, { key: '4d73099f19f4e81ed2cd83ee1402e0f06f71f7ca' }, h$1("div", { key: '2593fe1c91bf4c7f167caa55fdc476d0a9d73841', ref: el => (this.containerRef = el), style: {
                 width: width,
                 height: height,
             } })));