@saasquatch/squatch-js 2.8.2-8 → 2.8.2-9

package/dist/squatch.cjs.js

@@ -2472,6 +2472,7 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
     <div>
       <h1>Dynamic Content</h1>
       <p>This content was dynamically added to the widget before it loaded.</p>
+      <p>This content comes from the embeded widget class</p>
     </div>
   `;
     const skeletonContainer = document.createElement("div");
@@ -2514,28 +2515,28 @@ class DeclarativePopupWidget extends DeclarativeWidget {
     }
   }
   async connectedCallback() {
-    var _a2;
     this.loaded = true;
     this.container = this.getAttribute("container");
     const skeletonHTML = `
-    <div>
-      <h1>Dynamic Content</h1>
-      <p>This content was dynamically added to the widget before it loaded.</p>
-    </div>
-  `;
+      <div>
+        <h1>Dynamic Content</h1>
+        <p>This content was dynamically added to the widget before it loaded.</p>
+        <p>This content comes from the embedded widget class</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 = skeletonHTML;
-    }
+    const root = this.shadowRoot || this.attachShadow({ mode: "open" });
+    root.innerHTML = "";
+    root.appendChild(skeletonContainer);
     await this.renderWidget();
-    const loadingElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.getElementById("loading-skeleton");
+    const loadingElement = root.getElementById("loading-skeleton");
     if (loadingElement) {
       loadingElement.remove();
+      console.log("Skeleton removed successfully");
+    } else {
+      console.warn("Could not find skeleton to remove");
     }
     if (this.getAttribute("open") !== null) this.open();
   }