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

package/dist/squatch.js

@@ -1461,7 +1461,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       super(params);
       __publicField(this, "show", this.open);
       __publicField(this, "hide", this.close);
-      if (container) this.container = container;
+      if (container) {
+        this.container = container;
+      }
     }
     async load() {
       var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
@@ -1492,6 +1494,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         initialHeight
       });
       const element = this._findElement();
+      element.innerHTML = skeletonHTML;
       frame.style.display = "none";
       const injectContents = (target) => {
         target.appendChild(skeletonContainer);
@@ -1533,7 +1536,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
         (_l = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _l.brandFont
-      )}">`}
+      )}" as="style">`}
       <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
       <style data-styles>
         html { visibility:hidden;}
@@ -2467,6 +2470,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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.container) {
+        const containerElement = document.querySelector(this.container);
+        if (containerElement) {
+          containerElement.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);