@myop/sdk 0.3.25 → 0.3.27

package/dist/cjs/{_IframeSDK.4fb657bf.js → _IframeSDK.c817b148.js}

@@ -1673,16 +1673,12 @@ var MyopIframeComponent = class extends BaseMyopComponent {
         if (!shouldAutoWidth && !shouldAutoHeight) {
           iframe.style.width = typeof resolvedExplicitWidth === "number" ? "".concat(resolvedExplicitWidth, "px") : "100%";
           iframe.style.height = typeof resolvedExplicitHeight === "number" ? "".concat(resolvedExplicitHeight, "px") : "100%";
-          const explicitWidthPx = typeof resolvedExplicitWidth === "number" ? resolvedExplicitWidth : void 0;
-          const explicitHeightPx = typeof resolvedExplicitHeight === "number" ? resolvedExplicitHeight : void 0;
-          if (explicitWidthPx !== void 0 || explicitHeightPx !== void 0) {
-            (_g = opts == null ? void 0 : opts.onSizeChange) == null ? void 0 : _g.call(opts, {
-              width: explicitWidthPx,
-              height: explicitHeightPx,
-              autoSizingWidth: false,
-              autoSizingHeight: false
-            });
-          }
+          (_g = opts == null ? void 0 : opts.onSizeChange) == null ? void 0 : _g.call(opts, {
+            width: typeof resolvedExplicitWidth === "number" ? resolvedExplicitWidth : void 0,
+            height: typeof resolvedExplicitHeight === "number" ? resolvedExplicitHeight : void 0,
+            autoSizingWidth: false,
+            autoSizingHeight: false
+          });
           return;
         }
         const prevTransition = iframe.style.transition;
@@ -1705,22 +1701,28 @@ var MyopIframeComponent = class extends BaseMyopComponent {
           const prevMinWidth = container.style.minWidth;
           if (needsHeightCollapse) container.style.minHeight = "".concat(currentIframeHeight, "px");
           if (needsWidthCollapse) container.style.minWidth = "".concat(currentIframeWidth, "px");
-          const measureStyle = contentDoc.createElement("style");
-          measureStyle.id = "__myop_measure";
-          const rules = [];
-          if (needsHeightCollapse) {
-            rules.push("height: auto !important", "min-height: 0 !important", "max-height: none !important");
-          }
-          if (needsWidthCollapse) {
-            rules.push("width: auto !important", "min-width: 0 !important", "max-width: none !important");
-          }
-          measureStyle.textContent = "*, *::before, *::after { ".concat(rules.join("; "), "; flex-basis: auto !important; flex-grow: 0 !important; }");
-          contentDoc.head.appendChild(measureStyle);
           if (needsHeightCollapse) iframe.style.height = "0px";
           if (needsWidthCollapse) iframe.style.width = "0px";
           contentWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth, contentDoc.body.getBoundingClientRect().width));
           contentHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight, contentDoc.body.getBoundingClientRect().height));
-          measureStyle.remove();
+          const needsNuclearHeight = needsHeightCollapse && contentHeight < 2;
+          const needsNuclearWidth = needsWidthCollapse && contentWidth < 2;
+          if (needsNuclearHeight || needsNuclearWidth) {
+            const measureStyle = contentDoc.createElement("style");
+            measureStyle.id = "__myop_measure";
+            const rules = [];
+            if (needsNuclearHeight) {
+              rules.push("height: auto !important", "min-height: 0 !important", "max-height: none !important");
+            }
+            if (needsNuclearWidth) {
+              rules.push("width: auto !important", "min-width: 0 !important", "max-width: none !important");
+            }
+            measureStyle.textContent = "*, *::before, *::after { ".concat(rules.join("; "), "; flex-basis: auto !important; flex-grow: 0 !important; }");
+            contentDoc.head.appendChild(measureStyle);
+            contentWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth, contentDoc.body.getBoundingClientRect().width));
+            contentHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight, contentDoc.body.getBoundingClientRect().height));
+            measureStyle.remove();
+          }
           container.style.minHeight = prevMinHeight;
           container.style.minWidth = prevMinWidth;
         }
@@ -2041,7 +2043,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.25";
+var myop_sdk_version_default = "0.3.27";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {