@saasquatch/squatch-js 2.8.2-5 → 2.8.2-7

package/dist/squatch.js

@@ -2492,21 +2492,29 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     //   }
     // }
     async connectedCallback() {
+      var _a2;
       this.loaded = true;
       this.container = this.getAttribute("container");
-      const dynamicContent = `
+      const skeletonHTML = `
     <div>
       <h1>Dynamic Content</h1>
       <p>This content was dynamically added to the widget before it loaded.</p>
     </div>
   `;
+      const skeletonContainer = document.createElement("div");
+      skeletonContainer.id = "loading-skeleton";
+      skeletonContainer.innerHTML = skeletonHTML;
       if (!this.shadowRoot) {
         this.attachShadow({ mode: "open" });
       }
       if (this.shadowRoot) {
-        this.shadowRoot.innerHTML = dynamicContent;
+        this.shadowRoot.innerHTML = skeletonHTML;
       }
       await this.renderWidget();
+      const loadingElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.getElementById("loading-skeleton");
+      if (loadingElement) {
+        loadingElement.remove();
+      }
       if (this.getAttribute("open") !== null) this.open();
     }
   }