shx-3d-render

snippets/shx-loading-spinner.liquid

@@ -16,7 +16,10 @@
                 this.hideTimeout = null;
             }
 
-            
+            connectedCallback() {
+                this.resetStyles();
+            }
+
             resetStyles() {
                 this.innerHTML = `
                     <div class="shx-loading-spinner-container">
@@ -34,7 +37,7 @@
                     clearTimeout(this.hideTimeout);
                 }
 
-                resetStyles();
+                this.resetStyles();
 
                 setTimeout(() => {
                     this.container.classList.remove('shx-loading-spinner-container-done');
@@ -52,11 +55,6 @@
                     this.container.style.display = 'none';
                 }, 1000);
             }
-
-
-            connectedCallback() {
-                this.resetStyles();
-            }
         }
 
         customElements.define('shx-loading-spinner', SHX_LoadingSpinner);