@open-iframe-resizer/core 1.6.1 → 2.1.0

package/README.md

@@ -17,7 +17,7 @@ If you found this project helpful, please consider starring the repository!
 ```html
 
 <script type="module">
-  import { initialize } from "https://cdn.jsdelivr.net/npm/@open-iframe-resizer/core@latest/dist/index.min.js";
+  import { initialize } from "https://cdn.jsdelivr.net/npm/@open-iframe-resizer/core@v2.1.0/dist/index.min.js";
 
   initialize({}, "#my-iframe");
 </script>

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export declare type BeforeResizeContext = {
     iframe: HTMLIFrameElement;
     settings: Settings;
     observedHeight: number;
+    interactionState: InteractionState;
 };
 
 export declare type IframeChildInitEventData = {
@@ -11,6 +12,10 @@ export declare type IframeChildInitEventData = {
     bodyMargin?: string;
 };
 
+export declare type IframeGetChildDimensionsEventData = {
+    type: "iframe-get-child-dimensions";
+};
+
 export declare type IframeResizeEvent = MessageEvent<IframeResizeEventData>;
 
 export declare type IframeResizeEventData = {
@@ -27,11 +32,11 @@ export declare function initializeChildListener(): void;
  * Automatically resize the selected iframes when their inner content grows.
  * @param settings The settings for the selected iframes. The default settings properties are picked if empty.
  * @param selector The selector for the iframe(s) or the HTMLIFrameElement to be resized. If empty, all document iframe elements will be selected.
- * @returns A result array, which can be used to clean up the listeners if you often remove iframes from the document.
+ * @returns A result array Promise, which can be used to clean up the listeners if you remove iframes from the document and want to clean all associated listeners.
  */
-export declare type InitializeFunction = (settings?: Partial<Settings>, selector?: string | HTMLIFrameElement) => InitializeResult[];
+export declare type InitializeFunction = (settings?: Partial<Settings>, selector?: string | HTMLIFrameElement) => Promise<InitializeResult[]>;
 
-export declare type InitializeResult = { unsubscribe: () => void };
+export declare type InitializeResult = { unsubscribe: () => void; resize: () => void };
 
 export declare type InteractionState = {
     isHovered: boolean;

package/dist/index.js

@@ -1,17 +1,27 @@
-const v = () => typeof window < "u", S = () => window.self !== window.top, y = (e) => e instanceof HTMLIFrameElement, E = (e) => {
-  window.document.readyState === "complete" ? e() : window.addEventListener("load", e);
-}, M = (e, t) => {
-  t(), e.addEventListener("load", t);
-}, T = (e, t) => {
+const v = () => typeof window < "u", C = () => {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}, w = (e) => e instanceof HTMLIFrameElement, z = (e) => {
+  window.document.readyState === "complete" ? e() : window.addEventListener("load", e, { once: !0 });
+}, B = (e, t) => {
+  t(), e.addEventListener("load", t, { once: !0 });
+}, k = (e, t) => {
   const n = e.contentWindow?.document.readyState === "complete";
-  return e.src !== "about:blank" && e.contentWindow?.location.href !== "about:blank" && n ? t() : e.addEventListener("load", t);
-}, C = () => ({ offsetSize: 0, checkOrigin: !0, enableLegacyLibSupport: !1 }), B = (e) => {
+  return e.src !== "about:blank" && e.contentWindow?.location.href !== "about:blank" && n ? t() : e.addEventListener("load", t, { once: !0 });
+}, W = () => ({ offsetSize: 0, checkOrigin: !0, enableLegacyLibSupport: !1 });
+async function A(e) {
   try {
-    return new URL(e.src).origin === window.location.origin;
+    return e.contentDocument?.URL === "about:blank" ? new Promise((n) => {
+      e.addEventListener("load", () => n(e.contentDocument !== null), { once: !0 });
+    }) : e.contentDocument !== null;
   } catch {
     return !1;
   }
-}, k = (e) => {
+}
+const P = (e) => {
   try {
     const t = new URL(e.src).origin;
     if (t !== "about:blank")
@@ -19,182 +29,208 @@ const v = () => typeof window < "u", S = () => window.self !== window.top, y = (
   } catch {
   }
   return null;
-}, D = (e) => (Object.keys(e).forEach((t) => {
+}, H = (e) => (Object.keys(e).forEach((t) => {
   e[t] === void 0 && delete e[t];
-}), e), p = (e) => {
+}), e), I = (e) => {
   const { height: t, width: n } = e.getBoundingClientRect();
   return { height: Math.ceil(t), width: Math.ceil(n) };
-}, f = (e, t) => e ? t ? e.querySelector(t) : e.documentElement : null, L = (e, t) => {
+}, l = (e, t) => e ? t ? e.querySelector(t) : e.documentElement : null, O = (e, t) => {
   e && (t.bodyPadding && (e.body.style.padding = t.bodyPadding), t.bodyMargin && (e.body.style.margin = t.bodyMargin));
-}, m = (e) => e <= 100 ? 100 : e <= 120 ? 1e3 : 1e4, W = () => "[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";
-function A(e) {
+}, b = (e) => e <= 100 ? 100 : e <= 120 ? 1e3 : 1e4, x = () => "[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";
+function F(e) {
   if (typeof e.data != "string" || !e.data.startsWith("[iFrameSizer]") || !e.data.endsWith("mutationObserver") && !e.data.endsWith("resizeObserver"))
     return null;
   const [t, n] = e.data.split(":"), i = +n;
   return i > 0 ? i : null;
 }
-const b = _();
-let l = [];
-const J = (e, t) => {
+const p = V();
+let m = [];
+const Z = async (e, t) => {
   if (!v())
     return [];
-  const n = { ...C(), ...D(e ?? {}) }, i = H(t), s = P(n, i);
-  return i.map((r) => {
-    const o = {
-      iframe: r,
-      settings: n,
-      interactionState: { isHovered: !1 },
-      initContext: { isInitialized: !1, retryAttempts: 0 }
-    }, a = x(o, s);
-    return l.push(o), {
-      unsubscribe: () => {
-        a(), l = l.filter((c) => c.iframe !== r);
-      }
-    };
-  });
+  const n = { ...W(), ...H(e ?? {}) }, i = N(t), r = U(n, i);
+  return Promise.all(
+    i.map(async (s) => {
+      const o = {
+        iframe: s,
+        settings: n,
+        interactionState: { isHovered: !1 },
+        initContext: { isInitialized: !1, retryAttempts: 0 }
+      }, { unsubscribe: c, resize: u } = await $(o, r);
+      return m.push(o), {
+        unsubscribe: () => {
+          c(), m = m.filter((f) => f.iframe !== s);
+        },
+        resize: u
+      };
+    })
+  );
 };
-function H(e) {
-  return typeof e == "string" ? Array.from(document.querySelectorAll(e)).filter(y) : e ? y(e) ? [e] : [] : Array.from(document.getElementsByTagName("iframe"));
+function N(e) {
+  return typeof e == "string" ? Array.from(document.querySelectorAll(e)).filter(w) : e ? w(e) ? [e] : [] : Array.from(document.getElementsByTagName("iframe"));
 }
-function P(e, t) {
+function U(e, t) {
   if (Array.isArray(e.checkOrigin))
     return e.checkOrigin;
   if (!e.checkOrigin)
     return [];
   const n = [];
   for (const i of t) {
-    const s = k(i);
-    s && n.push(s);
+    const r = P(i);
+    r && n.push(r);
   }
   return n;
 }
-function x(e, t) {
-  const n = B(e.iframe) ? N(e) : F(e, t), i = U(e);
-  return () => {
-    n(), i();
+async function $(e, t) {
+  const n = await A(e.iframe), { unsubscribe: i, resize: r } = n ? _(e) : q(e, t), s = G(e);
+  return {
+    unsubscribe: () => {
+      i(), s();
+    },
+    resize: r
   };
 }
-function F(e, t) {
+function q(e, t) {
   const {
     iframe: n,
     initContext: i,
-    settings: { checkOrigin: s, enableLegacyLibSupport: r, targetElementSelector: o, bodyPadding: a, bodyMargin: c }
-  } = e, h = (d) => {
-    const R = !s || t.includes(d.origin);
-    if (!(!(n.contentWindow === d.source) || !R)) {
-      if (d.data?.type === "iframe-resized") {
-        const { height: u } = d.data;
-        u && g({ newHeight: u, registeredElement: e });
+    settings: { checkOrigin: r, enableLegacyLibSupport: s, targetElementSelector: o, bodyPadding: c, bodyMargin: u }
+  } = e, f = (a) => {
+    const T = a.origin === "null", D = !r || T || t.includes(a.origin);
+    if (!(!(n.contentWindow === a.source) || !D)) {
+      if (a.data?.type === "iframe-resized") {
+        const { height: d } = a.data;
+        d && g({ newHeight: d, registeredElement: e });
         return;
       }
-      if (r) {
-        const u = A(d);
-        u !== null && g({ newHeight: u, registeredElement: e });
+      if (s) {
+        const d = F(a);
+        d !== null && g({ newHeight: d, registeredElement: e });
         return;
       }
     }
   };
-  window.addEventListener("message", h);
-  const O = r ? W() : { type: "iframe-child-init", targetElementSelector: o, bodyPadding: a, bodyMargin: c }, w = () => {
-    M(n, () => n.contentWindow?.postMessage(O, "*")), i.retryAttempts++, i.retryTimeoutId = window.setTimeout(w, m(i.retryAttempts));
+  window.addEventListener("message", f);
+  const M = s ? x() : { type: "iframe-child-init", targetElementSelector: o, bodyPadding: c, bodyMargin: u }, y = () => {
+    B(n, () => n.contentWindow?.postMessage(M, "*")), i.retryAttempts++, i.retryTimeoutId = window.setTimeout(y, b(i.retryAttempts));
+  };
+  return y(), {
+    unsubscribe: () => window.removeEventListener("message", f),
+    resize: () => {
+      const a = { type: "iframe-get-child-dimensions" };
+      n.contentWindow?.postMessage(a, "*");
+    }
   };
-  return w(), () => window.removeEventListener("message", h);
 }
-function N(e) {
+function _(e) {
   const { iframe: t, settings: n } = e, { targetElementSelector: i } = n;
-  let s = 0;
-  const r = () => {
-    const o = f(t.contentDocument, i);
+  let r = 0;
+  const s = () => {
+    const o = l(t.contentDocument, i);
     if (!t.contentDocument || !o)
-      return s++, setTimeout(r, m(s));
-    L(t.contentDocument, n), b().observe(o);
+      return r++, setTimeout(s, b(r));
+    O(t.contentDocument, n), p().observe(o);
   };
-  return T(t, r), () => {
-    const o = f(t.contentDocument, i);
-    o && b().unobserve(o), t.removeEventListener("load", r);
+  return k(t, s), {
+    unsubscribe: () => {
+      const o = l(t.contentDocument, i);
+      o && p().unobserve(o);
+    },
+    resize: () => L(e)
   };
 }
-function U({ iframe: e, interactionState: t }) {
-  const n = () => {
+function G({ iframe: e, interactionState: t, settings: n }) {
+  if (!n.onBeforeIframeResize && !n.onIframeResize)
+    return () => {
+    };
+  const i = () => {
     t.isHovered = !0;
-  }, i = () => {
+  }, r = () => {
     t.isHovered = !1;
   };
-  return e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", i), () => {
-    e.removeEventListener("mouseenter", n), e.removeEventListener("mouseleave", i);
+  return e.addEventListener("mouseenter", i), e.addEventListener("mouseleave", r), () => {
+    e.removeEventListener("mouseenter", i), e.removeEventListener("mouseleave", r);
   };
 }
-function _() {
+function V() {
   let e = null;
   return () => {
     if (!e) {
       const t = ({ target: n }) => {
-        const i = l.find(({ iframe: c }) => c.contentDocument === n.ownerDocument);
-        if (!i)
-          return;
-        const { iframe: s, settings: r } = i, o = f(s.contentDocument, r.targetElementSelector);
-        if (!o)
-          return;
-        const { height: a } = p(o);
-        a && g({ newHeight: a, registeredElement: i });
+        const i = m.find(({ iframe: r }) => r.contentDocument === n.ownerDocument);
+        i && L(i);
       };
       e = new ResizeObserver((n) => n.forEach(t));
     }
     return e;
   };
 }
+function L(e) {
+  const { iframe: t, settings: n } = e, i = l(t.contentDocument, n.targetElementSelector);
+  if (!i)
+    return;
+  const { height: r } = I(i);
+  r && g({ newHeight: r, registeredElement: e });
+}
 function g({ registeredElement: e, newHeight: t }) {
-  const { iframe: n, settings: i, interactionState: s, initContext: r } = e;
-  if (r.isInitialized || (r.isInitialized = !0, clearTimeout(r.retryTimeoutId)), i.onBeforeIframeResize?.({ iframe: n, settings: { ...i }, observedHeight: t }) === !1)
+  const { iframe: n, settings: i, interactionState: r, initContext: s } = e;
+  if (s.isInitialized || (s.isInitialized = !0, clearTimeout(s.retryTimeoutId)), i.onBeforeIframeResize?.({ iframe: n, interactionState: { ...r }, settings: { ...i }, observedHeight: t }) === !1)
     return;
-  const o = n.getBoundingClientRect(), a = t + i.offsetSize;
-  if (n.style.height = `${a}px`, !i.onIframeResize)
+  const o = n.getBoundingClientRect(), c = t + i.offsetSize;
+  if (n.style.height = `${c}px`, !i.onIframeResize)
     return;
-  const c = {
+  const u = {
     iframe: n,
     settings: { ...i },
-    interactionState: { ...s },
+    interactionState: { ...r },
     previousRenderState: { rect: o },
     nextRenderState: { rect: n.getBoundingClientRect() }
   };
-  i.onIframeResize(c);
+  i.onIframeResize(u);
 }
-const $ = V();
-let z = !1;
-q();
-function q() {
-  !v() || !S() || window.addEventListener("message", (e) => {
-    e.data?.type === "iframe-child-init" && E(() => I(e));
+const J = X();
+let h = !1, R;
+K();
+function K() {
+  !v() || !C() || window.addEventListener("message", (e) => {
+    if (e.data?.type === "iframe-child-init")
+      return z(() => S(e));
+    if (e.data?.type === "iframe-get-child-dimensions")
+      return z(() => Q(e));
   });
 }
-function I(e, t = 0) {
-  const { targetElementSelector: n, bodyPadding: i, bodyMargin: s } = e.data, r = f(document, n);
-  if (z || window.parent !== e.source)
+function S(e, t = 0) {
+  const { targetElementSelector: n, bodyPadding: i, bodyMargin: r } = e.data, s = l(document, n);
+  if (h || window.parent !== e.source)
     return;
-  if (!r)
-    return setTimeout(() => I(e, t + 1), m(t));
-  L(document, { bodyMargin: s, bodyPadding: i });
-  const o = $();
-  o.disconnect(), o.observe(r), z = !0;
+  if (!s)
+    return setTimeout(() => S(e, t + 1), b(t));
+  O(document, { bodyMargin: r, bodyPadding: i }), R = n;
+  const o = J();
+  o.disconnect(), o.observe(s), h = !0;
 }
-function V() {
+function Q(e) {
+  const t = l(document, R);
+  !h || window.parent !== e.source || !t || E(t);
+}
+function X() {
   let e = null;
   return () => (e || (e = new ResizeObserver((t) => {
-    if (!t[0].target)
-      return;
-    const { height: n, width: i } = p(t[0].target), s = {
-      type: "iframe-resized",
-      width: i,
-      height: n
-    };
-    window.parent.postMessage(s, "*");
+    t[0].target && E(t[0].target);
   })), e);
 }
-const K = ({ previousRenderState: e, nextRenderState: t, iframe: n }) => {
+const E = (e) => {
+  const { width: t, height: n } = I(e), i = {
+    type: "iframe-resized",
+    width: t,
+    height: n
+  };
+  window.parent.postMessage(i, "*");
+}, j = ({ previousRenderState: e, nextRenderState: t, iframe: n }) => {
   document.activeElement === n && window.scrollBy(0, t.rect.bottom - e.rect.bottom);
 };
 export {
-  J as initialize,
-  q as initializeChildListener,
-  K as updateParentScrollOnResize
+  Z as initialize,
+  K as initializeChildListener,
+  j as updateParentScrollOnResize
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(a,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(a=typeof globalThis<"u"?globalThis:a||self,u(a.iframeResizer={}))})(this,function(a){"use strict";const u=()=>typeof window<"u",R=()=>window.self!==window.top,b=e=>e instanceof HTMLIFrameElement,E=e=>{window.document.readyState==="complete"?e():window.addEventListener("load",e)},T=(e,t)=>{t(),e.addEventListener("load",t)},M=(e,t)=>{const n=e.contentWindow?.document.readyState==="complete";return e.src!=="about:blank"&&e.contentWindow?.location.href!=="about:blank"&&n?t():e.addEventListener("load",t)},C=()=>({offsetSize:0,checkOrigin:!0,enableLegacyLibSupport:!1}),B=e=>{try{return new URL(e.src).origin===window.location.origin}catch{return!1}},k=e=>{try{const t=new URL(e.src).origin;if(t!=="about:blank")return t}catch{}return null},D=e=>(Object.keys(e).forEach(t=>{e[t]===void 0&&delete e[t]}),e),w=e=>{const{height:t,width:n}=e.getBoundingClientRect();return{height:Math.ceil(t),width:Math.ceil(n)}},g=(e,t)=>e?t?e.querySelector(t):e.documentElement:null,z=(e,t)=>{e&&(t.bodyPadding&&(e.body.style.padding=t.bodyPadding),t.bodyMargin&&(e.body.style.margin=t.bodyMargin))},h=e=>e<=100?100:e<=120?1e3:1e4,P=()=>"[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";function W(e){if(typeof e.data!="string"||!e.data.startsWith("[iFrameSizer]")||!e.data.endsWith("mutationObserver")&&!e.data.endsWith("resizeObserver"))return null;const[t,n]=e.data.split(":"),i=+n;return i>0?i:null}const p=$();let m=[];const A=(e,t)=>{if(!u())return[];const n={...C(),...D(e??{})},i=H(t),s=x(n,i);return i.map(r=>{const o={iframe:r,settings:n,interactionState:{isHovered:!1},initContext:{isInitialized:!1,retryAttempts:0}},c=F(o,s);return m.push(o),{unsubscribe:()=>{c(),m=m.filter(d=>d.iframe!==r)}}})};function H(e){return typeof e=="string"?Array.from(document.querySelectorAll(e)).filter(b):e?b(e)?[e]:[]:Array.from(document.getElementsByTagName("iframe"))}function x(e,t){if(Array.isArray(e.checkOrigin))return e.checkOrigin;if(!e.checkOrigin)return[];const n=[];for(const i of t){const s=k(i);s&&n.push(s)}return n}function F(e,t){const n=B(e.iframe)?U(e):N(e,t),i=_(e);return()=>{n(),i()}}function N(e,t){const{iframe:n,initContext:i,settings:{checkOrigin:s,enableLegacyLibSupport:r,targetElementSelector:o,bodyPadding:c,bodyMargin:d}}=e,I=l=>{const J=!s||t.includes(l.origin);if(!(!(n.contentWindow===l.source)||!J)){if(l.data?.type==="iframe-resized"){const{height:f}=l.data;f&&y({newHeight:f,registeredElement:e});return}if(r){const f=W(l);f!==null&&y({newHeight:f,registeredElement:e});return}}};window.addEventListener("message",I);const G=r?P():{type:"iframe-child-init",targetElementSelector:o,bodyPadding:c,bodyMargin:d},S=()=>{T(n,()=>n.contentWindow?.postMessage(G,"*")),i.retryAttempts++,i.retryTimeoutId=window.setTimeout(S,h(i.retryAttempts))};return S(),()=>window.removeEventListener("message",I)}function U(e){const{iframe:t,settings:n}=e,{targetElementSelector:i}=n;let s=0;const r=()=>{const o=g(t.contentDocument,i);if(!t.contentDocument||!o)return s++,setTimeout(r,h(s));z(t.contentDocument,n),p().observe(o)};return M(t,r),()=>{const o=g(t.contentDocument,i);o&&p().unobserve(o),t.removeEventListener("load",r)}}function _({iframe:e,interactionState:t}){const n=()=>{t.isHovered=!0},i=()=>{t.isHovered=!1};return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",i),()=>{e.removeEventListener("mouseenter",n),e.removeEventListener("mouseleave",i)}}function $(){let e=null;return()=>{if(!e){const t=({target:n})=>{const i=m.find(({iframe:d})=>d.contentDocument===n.ownerDocument);if(!i)return;const{iframe:s,settings:r}=i,o=g(s.contentDocument,r.targetElementSelector);if(!o)return;const{height:c}=w(o);c&&y({newHeight:c,registeredElement:i})};e=new ResizeObserver(n=>n.forEach(t))}return e}}function y({registeredElement:e,newHeight:t}){const{iframe:n,settings:i,interactionState:s,initContext:r}=e;if(r.isInitialized||(r.isInitialized=!0,clearTimeout(r.retryTimeoutId)),i.onBeforeIframeResize?.({iframe:n,settings:{...i},observedHeight:t})===!1)return;const o=n.getBoundingClientRect(),c=t+i.offsetSize;if(n.style.height=`${c}px`,!i.onIframeResize)return;const d={iframe:n,settings:{...i},interactionState:{...s},previousRenderState:{rect:o},nextRenderState:{rect:n.getBoundingClientRect()}};i.onIframeResize(d)}const q=V();let v=!1;L();function L(){!u()||!R()||window.addEventListener("message",e=>{e.data?.type==="iframe-child-init"&&E(()=>O(e))})}function O(e,t=0){const{targetElementSelector:n,bodyPadding:i,bodyMargin:s}=e.data,r=g(document,n);if(v||window.parent!==e.source)return;if(!r)return setTimeout(()=>O(e,t+1),h(t));z(document,{bodyMargin:s,bodyPadding:i});const o=q();o.disconnect(),o.observe(r),v=!0}function V(){let e=null;return()=>(e||(e=new ResizeObserver(t=>{if(!t[0].target)return;const{height:n,width:i}=w(t[0].target),s={type:"iframe-resized",width:i,height:n};window.parent.postMessage(s,"*")})),e)}const j=({previousRenderState:e,nextRenderState:t,iframe:n})=>{document.activeElement===n&&window.scrollBy(0,t.rect.bottom-e.rect.bottom)};a.initialize=A,a.initializeChildListener=L,a.updateParentScrollOnResize=j,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(a,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(a=typeof globalThis<"u"?globalThis:a||self,u(a.iframeResizer={}))})(this,function(a){"use strict";const u=()=>typeof window<"u",C=()=>{try{return window.self!==window.top}catch{return!0}},w=e=>e instanceof HTMLIFrameElement,p=e=>{window.document.readyState==="complete"?e():window.addEventListener("load",e,{once:!0})},D=(e,t)=>{t(),e.addEventListener("load",t,{once:!0})},B=(e,t)=>{const n=e.contentWindow?.document.readyState==="complete";return e.src!=="about:blank"&&e.contentWindow?.location.href!=="about:blank"&&n?t():e.addEventListener("load",t,{once:!0})},k=()=>({offsetSize:0,checkOrigin:!0,enableLegacyLibSupport:!1});async function P(e){try{return e.contentDocument?.URL==="about:blank"?new Promise(n=>{e.addEventListener("load",()=>n(e.contentDocument!==null),{once:!0})}):e.contentDocument!==null}catch{return!1}}const W=e=>{try{const t=new URL(e.src).origin;if(t!=="about:blank")return t}catch{}return null},A=e=>(Object.keys(e).forEach(t=>{e[t]===void 0&&delete e[t]}),e),O=e=>{const{height:t,width:n}=e.getBoundingClientRect();return{height:Math.ceil(t),width:Math.ceil(n)}},d=(e,t)=>e?t?e.querySelector(t):e.documentElement:null,v=(e,t)=>{e&&(t.bodyPadding&&(e.body.style.padding=t.bodyPadding),t.bodyMargin&&(e.body.style.margin=t.bodyMargin))},b=e=>e<=100?100:e<=120?1e3:1e4,H=()=>"[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";function x(e){if(typeof e.data!="string"||!e.data.startsWith("[iFrameSizer]")||!e.data.endsWith("mutationObserver")&&!e.data.endsWith("resizeObserver"))return null;const[t,n]=e.data.split(":"),i=+n;return i>0?i:null}const I=V();let g=[];const F=async(e,t)=>{if(!u())return[];const n={...k(),...A(e??{})},i=N(t),r=U(n,i);return Promise.all(i.map(async s=>{const o={iframe:s,settings:n,interactionState:{isHovered:!1},initContext:{isInitialized:!1,retryAttempts:0}},{unsubscribe:l,resize:f}=await $(o,r);return g.push(o),{unsubscribe:()=>{l(),g=g.filter(h=>h.iframe!==s)},resize:f}}))};function N(e){return typeof e=="string"?Array.from(document.querySelectorAll(e)).filter(w):e?w(e)?[e]:[]:Array.from(document.getElementsByTagName("iframe"))}function U(e,t){if(Array.isArray(e.checkOrigin))return e.checkOrigin;if(!e.checkOrigin)return[];const n=[];for(const i of t){const r=W(i);r&&n.push(r)}return n}async function $(e,t){const n=await P(e.iframe),{unsubscribe:i,resize:r}=n?_(e):q(e,t),s=G(e);return{unsubscribe:()=>{i(),s()},resize:r}}function q(e,t){const{iframe:n,initContext:i,settings:{checkOrigin:r,enableLegacyLibSupport:s,targetElementSelector:o,bodyPadding:l,bodyMargin:f}}=e,h=c=>{const Y=c.origin==="null",Z=!r||Y||t.includes(c.origin);if(!(!(n.contentWindow===c.source)||!Z)){if(c.data?.type==="iframe-resized"){const{height:m}=c.data;m&&y({newHeight:m,registeredElement:e});return}if(s){const m=x(c);m!==null&&y({newHeight:m,registeredElement:e});return}}};window.addEventListener("message",h);const X=s?H():{type:"iframe-child-init",targetElementSelector:o,bodyPadding:l,bodyMargin:f},T=()=>{D(n,()=>n.contentWindow?.postMessage(X,"*")),i.retryAttempts++,i.retryTimeoutId=window.setTimeout(T,b(i.retryAttempts))};return T(),{unsubscribe:()=>window.removeEventListener("message",h),resize:()=>{const c={type:"iframe-get-child-dimensions"};n.contentWindow?.postMessage(c,"*")}}}function _(e){const{iframe:t,settings:n}=e,{targetElementSelector:i}=n;let r=0;const s=()=>{const o=d(t.contentDocument,i);if(!t.contentDocument||!o)return r++,setTimeout(s,b(r));v(t.contentDocument,n),I().observe(o)};return B(t,s),{unsubscribe:()=>{const o=d(t.contentDocument,i);o&&I().unobserve(o)},resize:()=>L(e)}}function G({iframe:e,interactionState:t,settings:n}){if(!n.onBeforeIframeResize&&!n.onIframeResize)return()=>{};const i=()=>{t.isHovered=!0},r=()=>{t.isHovered=!1};return e.addEventListener("mouseenter",i),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",i),e.removeEventListener("mouseleave",r)}}function V(){let e=null;return()=>{if(!e){const t=({target:n})=>{const i=g.find(({iframe:r})=>r.contentDocument===n.ownerDocument);i&&L(i)};e=new ResizeObserver(n=>n.forEach(t))}return e}}function L(e){const{iframe:t,settings:n}=e,i=d(t.contentDocument,n.targetElementSelector);if(!i)return;const{height:r}=O(i);r&&y({newHeight:r,registeredElement:e})}function y({registeredElement:e,newHeight:t}){const{iframe:n,settings:i,interactionState:r,initContext:s}=e;if(s.isInitialized||(s.isInitialized=!0,clearTimeout(s.retryTimeoutId)),i.onBeforeIframeResize?.({iframe:n,interactionState:{...r},settings:{...i},observedHeight:t})===!1)return;const o=n.getBoundingClientRect(),l=t+i.offsetSize;if(n.style.height=`${l}px`,!i.onIframeResize)return;const f={iframe:n,settings:{...i},interactionState:{...r},previousRenderState:{rect:o},nextRenderState:{rect:n.getBoundingClientRect()}};i.onIframeResize(f)}const j=K();let z=!1,R;S();function S(){!u()||!C()||window.addEventListener("message",e=>{if(e.data?.type==="iframe-child-init")return p(()=>E(e));if(e.data?.type==="iframe-get-child-dimensions")return p(()=>J(e))})}function E(e,t=0){const{targetElementSelector:n,bodyPadding:i,bodyMargin:r}=e.data,s=d(document,n);if(z||window.parent!==e.source)return;if(!s)return setTimeout(()=>E(e,t+1),b(t));v(document,{bodyMargin:r,bodyPadding:i}),R=n;const o=j();o.disconnect(),o.observe(s),z=!0}function J(e){const t=d(document,R);!z||window.parent!==e.source||!t||M(t)}function K(){let e=null;return()=>(e||(e=new ResizeObserver(t=>{t[0].target&&M(t[0].target)})),e)}const M=e=>{const{width:t,height:n}=O(e),i={type:"iframe-resized",width:t,height:n};window.parent.postMessage(i,"*")},Q=({previousRenderState:e,nextRenderState:t,iframe:n})=>{document.activeElement===n&&window.scrollBy(0,t.rect.bottom-e.rect.bottom)};a.initialize=F,a.initializeChildListener=S,a.updateParentScrollOnResize=Q,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@open-iframe-resizer/core",
 	"private": false,
-	"version": "1.6.1",
+	"version": "2.1.0",
 	"description": "Open-source modern iframe resizer",
 	"license": "MIT",
 	"repository": {