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

package/dist/squatch.esm.js

@@ -2462,13 +2462,47 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
         break;
     }
   }
+  //   async connectedCallback() {
+  //     this.loaded = true;
+  //     this.container = this.getAttribute("container");
+  //     // Dynamically assign arbitrary HTML content before rendering the widget
+  //     const dynamicContent = `
+  //     <div>
+  //       <h1>Dynamic Content</h1>
+  //       <p>This content was dynamically added to the widget before it loaded.</p>
+  //     </div>
+  //   `;
+  //     if (this.container) {
+  //       const containerElement = document.querySelector(this.container);
+  //       if (containerElement) {
+  //         containerElement.innerHTML = dynamicContent;
+  //       }
+  //     }
+  //     // Render the widget after setting the dynamic content
+  //     await this.renderWidget();
+  //     const slot = (
+  //       this.shadowRoot && Array.from(this.shadowRoot.children)
+  //     )?.find((c) => c.tagName === "SLOT") as Node;
+  //     if (slot) this.shadowRoot?.removeChild(slot);
+  //     if (this.getAttribute("open") !== null) this.open();
+  //   }
+  // }
   async connectedCallback() {
-    var _a2, _b;
     this.loaded = true;
     this.container = this.getAttribute("container");
+    const dynamicContent = `
+    <div>
+      <h1>Dynamic Content</h1>
+      <p>This content was dynamically added to the widget before it loaded.</p>
+    </div>
+  `;
+    if (!this.shadowRoot) {
+      this.attachShadow({ mode: "open" });
+    }
+    if (this.shadowRoot) {
+      this.shadowRoot.innerHTML = dynamicContent;
+    }
     await this.renderWidget();
-    const slot = (_a2 = this.shadowRoot && Array.from(this.shadowRoot.children)) == null ? void 0 : _a2.find((c) => c.tagName === "SLOT");
-    if (slot) (_b = this.shadowRoot) == null ? void 0 : _b.removeChild(slot);
     if (this.getAttribute("open") !== null) this.open();
   }
 }