@myop/sdk 0.3.21 → 0.3.22

package/dist/cjs/{_IframeSDK.4f5885de.js → _IframeSDK.4a7ea89d.js}

@@ -1685,14 +1685,33 @@ var MyopIframeComponent = class extends BaseMyopComponent {
           }
           return;
         }
-        if (shouldAutoHeight) {
-          iframe.style.height = "0px";
-        }
-        if (shouldAutoWidth) {
-          iframe.style.width = "0px";
+        const prevTransition = iframe.style.transition;
+        const container = this.container;
+        const prevContainerTransition = container.style.transition;
+        iframe.style.transition = "none";
+        container.style.transition = "none";
+        const currentIframeHeight = iframe.getBoundingClientRect().height;
+        const currentIframeWidth = iframe.getBoundingClientRect().width;
+        const preScrollHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight));
+        const preScrollWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth));
+        let contentWidth = preScrollWidth;
+        let contentHeight = preScrollHeight;
+        const heightGrew = shouldAutoHeight && preScrollHeight > currentIframeHeight + 1;
+        const widthGrew = shouldAutoWidth && preScrollWidth > currentIframeWidth + 1;
+        const needsHeightCollapse = shouldAutoHeight && !heightGrew;
+        const needsWidthCollapse = shouldAutoWidth && !widthGrew;
+        if (needsHeightCollapse || needsWidthCollapse) {
+          const prevMinHeight = container.style.minHeight;
+          const prevMinWidth = container.style.minWidth;
+          if (needsHeightCollapse) container.style.minHeight = "".concat(currentIframeHeight, "px");
+          if (needsWidthCollapse) container.style.minWidth = "".concat(currentIframeWidth, "px");
+          if (needsHeightCollapse) iframe.style.height = "0px";
+          if (needsWidthCollapse) iframe.style.width = "0px";
+          contentWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth));
+          contentHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight));
+          container.style.minHeight = prevMinHeight;
+          container.style.minWidth = prevMinWidth;
         }
-        const contentWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth));
-        const contentHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight));
         const width = clamp(contentWidth, minWidth, maxWidth);
         const height = clamp(contentHeight, minHeight, maxHeight);
         if (shouldAutoWidth) {
@@ -1705,6 +1724,9 @@ var MyopIframeComponent = class extends BaseMyopComponent {
         } else {
           iframe.style.height = typeof resolvedExplicitHeight === "number" ? "".concat(resolvedExplicitHeight, "px") : "100%";
         }
+        iframe.offsetHeight;
+        iframe.style.transition = prevTransition;
+        container.style.transition = prevContainerTransition;
         const isWidthConstrained = shouldAutoWidth && maxWidth !== void 0 && contentWidth > maxWidth;
         const isHeightConstrained = shouldAutoHeight && maxHeight !== void 0 && contentHeight > maxHeight;
         contentDoc.documentElement.style.overflowX = isWidthConstrained ? "auto" : "";
@@ -1718,14 +1740,26 @@ var MyopIframeComponent = class extends BaseMyopComponent {
       };
       updateSize();
       this._autoSizeUpdate = updateSize;
-      const resizeObserver = new ResizeObserver(updateSize);
+      let rafId;
+      const scheduleUpdate = () => {
+        if (rafId !== void 0) return;
+        rafId = requestAnimationFrame(() => {
+          rafId = void 0;
+          updateSize();
+        });
+      };
+      const resizeObserver = new ResizeObserver(() => scheduleUpdate());
       resizeObserver.observe(doc.body);
       resizeObserver.observe(doc.documentElement);
-      const mutationObserver = new MutationObserver(updateSize);
+      const mutationObserver = new MutationObserver(() => scheduleUpdate());
       mutationObserver.observe(doc.body, { childList: true, subtree: true, characterData: true, attributes: true });
       const cleanup = () => {
         resizeObserver.disconnect();
         mutationObserver.disconnect();
+        if (rafId !== void 0) {
+          cancelAnimationFrame(rafId);
+          rafId = void 0;
+        }
         this._autoSizeUpdate = void 0;
         this._autoSizeCleanup = void 0;
       };
@@ -1995,7 +2029,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.21";
+var myop_sdk_version_default = "0.3.22";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {