@saasquatch/squatch-js 2.8.2-4 → 2.8.2-6

package/dist/squatch.js

@@ -2466,25 +2466,52 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           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;
+      var _a2;
       this.loaded = true;
       this.container = this.getAttribute("container");
       const dynamicContent = `
-    <div>
+    <div id="dynamic-content">
       <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;
-        }
+      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);
+      const dynamicElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.getElementById("dynamic-content");
+      if (dynamicElement) {
+        dynamicElement.remove();
+      }
       if (this.getAttribute("open") !== null) this.open();
     }
   }