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

package/dist/squatch.esm.js

@@ -2488,21 +2488,29 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
   //   }
   // }
   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();
   }
 }