@open-iframe-resizer/core 1.6.0 → 2.0.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.0.0/dist/index.min.js";
 
   initialize({}, "#my-iframe");
 </script>

package/dist/index.d.ts

@@ -27,9 +27,9 @@ 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 };
 

package/dist/index.js

@@ -1,18 +1,27 @@
-const p = () => typeof window < "u", E = () => window.self !== window.top, b = (e) => e instanceof HTMLIFrameElement, M = (e) => {
-  window.document.readyState === "complete" ? e() : window.addEventListener("load", e);
+const z = () => typeof window < "u", R = () => {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}, b = (e) => e instanceof HTMLIFrameElement, M = (e) => {
+  window.document.readyState === "complete" ? e() : window.addEventListener("load", e, { once: !0 });
 }, T = (e, t) => {
-  t(), e.addEventListener("load", t);
+  t(), e.addEventListener("load", t, { once: !0 });
 }, C = (e, t) => {
-  var o, i;
-  const n = ((o = e.contentWindow) == null ? void 0 : o.document.readyState) === "complete";
-  return e.src !== "about:blank" && ((i = e.contentWindow) == null ? void 0 : i.location.href) !== "about:blank" && n ? t() : e.addEventListener("load", t);
-}, B = () => ({ offsetSize: 0, checkOrigin: !0, enableLegacyLibSupport: !1 }), k = (e) => {
+  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 });
+}, D = () => ({ offsetSize: 0, checkOrigin: !0, enableLegacyLibSupport: !1 });
+async function k(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;
   }
-}, D = (e) => {
+}
+const B = (e) => {
   try {
     const t = new URL(e.src).origin;
     if (t !== "about:blank")
@@ -20,39 +29,43 @@ const p = () => typeof window < "u", E = () => window.self !== window.top, b = (
   } catch {
   }
   return null;
-}, W = (e) => (Object.keys(e).forEach((t) => e[t] === void 0 && delete e[t]), e), L = (e) => {
+}, P = (e) => (Object.keys(e).forEach((t) => {
+  e[t] === void 0 && delete e[t];
+}), e), p = (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, I = (e, t) => {
+}, f = (e, t) => e ? t ? e.querySelector(t) : e.documentElement : null, L = (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, A = () => "[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";
-function H(e) {
+}, 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) {
   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(":"), r = +n;
-  return r > 0 ? r : null;
+  const [t, n] = e.data.split(":"), i = +n;
+  return i > 0 ? i : null;
 }
-const z = q();
-let f = [];
-const K = (e, t) => {
-  if (!p())
+const w = q();
+let l = [];
+const K = async (e, t) => {
+  if (!z())
     return [];
-  const n = { ...B(), ...W(e ?? {}) }, r = P(t), o = x(n, r);
-  return r.map((i) => {
-    const s = {
-      iframe: i,
-      settings: n,
-      interactionState: { isHovered: !1 },
-      initContext: { isInitialized: !1, retryAttempts: 0 }
-    }, a = F(s, o);
-    return f.push(s), {
-      unsubscribe: () => {
-        a(), f = f.filter((d) => d.iframe !== i);
-      }
-    };
-  });
+  const n = { ...D(), ...P(e ?? {}) }, i = H(t), r = x(n, i);
+  return Promise.all(
+    i.map(async (o) => {
+      const s = {
+        iframe: o,
+        settings: n,
+        interactionState: { isHovered: !1 },
+        initContext: { isInitialized: !1, retryAttempts: 0 }
+      }, a = await F(s, r);
+      return l.push(s), {
+        unsubscribe: () => {
+          a(), l = l.filter((c) => c.iframe !== o);
+        }
+      };
+    })
+  );
 };
-function P(e) {
+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) {
@@ -61,70 +74,66 @@ function x(e, t) {
   if (!e.checkOrigin)
     return [];
   const n = [];
-  for (const r of t) {
-    const o = D(r);
-    o && n.push(o);
+  for (const i of t) {
+    const r = B(i);
+    r && n.push(r);
   }
   return n;
 }
-function F(e, t) {
-  const n = k(e.iframe) ? U(e) : N(e, t), r = $(e);
+async function F(e, t) {
+  const i = await k(e.iframe) ? U(e) : N(e, t), r = $(e);
   return () => {
-    n(), r();
+    i(), r();
   };
 }
 function N(e, t) {
   const {
     iframe: n,
-    initContext: r,
-    settings: { checkOrigin: o, enableLegacyLibSupport: i, targetElementSelector: s, bodyPadding: a, bodyMargin: d }
-  } = e, u = (c) => {
-    var y;
-    const S = !o || t.includes(c.origin);
-    if (!(!(n.contentWindow === c.source) || !S)) {
-      if (((y = c.data) == null ? void 0 : y.type) === "iframe-resized") {
-        const { height: l } = c.data;
-        l && m({ newHeight: l, registeredElement: e });
+    initContext: i,
+    settings: { checkOrigin: r, enableLegacyLibSupport: o, targetElementSelector: s, bodyPadding: a, bodyMargin: c }
+  } = e, h = (u) => {
+    const S = u.origin === "null", E = !r || S || t.includes(u.origin);
+    if (!(!(n.contentWindow === u.source) || !E)) {
+      if (u.data?.type === "iframe-resized") {
+        const { height: d } = u.data;
+        d && g({ newHeight: d, registeredElement: e });
         return;
       }
-      if (i) {
-        const l = H(c);
-        l !== null && m({ newHeight: l, registeredElement: e });
+      if (o) {
+        const d = A(u);
+        d !== null && g({ newHeight: d, registeredElement: e });
         return;
       }
     }
   };
-  window.addEventListener("message", u);
-  const R = i ? A() : { type: "iframe-child-init", targetElementSelector: s, bodyPadding: a, bodyMargin: d }, w = () => {
-    T(n, () => {
-      var c;
-      return (c = n.contentWindow) == null ? void 0 : c.postMessage(R, "*");
-    }), r.retryAttempts++, r.retryTimeoutId = window.setTimeout(w, h(r.retryAttempts));
+  window.addEventListener("message", h);
+  const I = o ? W() : { type: "iframe-child-init", targetElementSelector: s, bodyPadding: a, bodyMargin: c }, y = () => {
+    T(n, () => n.contentWindow?.postMessage(I, "*")), i.retryAttempts++, i.retryTimeoutId = window.setTimeout(y, m(i.retryAttempts));
   };
-  return w(), () => window.removeEventListener("message", u);
+  return y(), () => window.removeEventListener("message", h);
 }
 function U(e) {
-  const { iframe: t, settings: n } = e, { targetElementSelector: r } = n;
-  let o = 0;
-  const i = () => {
-    const s = g(t.contentDocument, r);
+  const { iframe: t, settings: n } = e, { targetElementSelector: i } = n;
+  let r = 0;
+  const o = () => {
+    const s = f(t.contentDocument, i);
     if (!t.contentDocument || !s)
-      return o++, setTimeout(i, h(o));
-    I(t.contentDocument, n), z().observe(s);
+      return r++, setTimeout(o, m(r));
+    L(t.contentDocument, n), w().observe(s);
   };
-  return C(t, i), () => {
-    const s = g(t.contentDocument, r);
-    s && z().unobserve(s), t.removeEventListener("load", i);
+  return C(t, o), () => {
+    const s = f(t.contentDocument, i);
+    s && w().unobserve(s), t.removeEventListener("load", o);
   };
 }
 function $({ iframe: e, interactionState: t }) {
   const n = () => {
     t.isHovered = !0;
-  }, r = () => {
+  }, i = () => {
     t.isHovered = !1;
   };
-  return e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", r), () => {
-    e.removeEventListener("mouseenter", n), e.removeEventListener("mouseleave", r);
+  return e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", i), () => {
+    e.removeEventListener("mouseenter", n), e.removeEventListener("mouseleave", i);
   };
 }
 function q() {
@@ -132,67 +141,65 @@ function q() {
   return () => {
     if (!e) {
       const t = ({ target: n }) => {
-        const r = f.find(({ iframe: d }) => d.contentDocument === n.ownerDocument);
-        if (!r)
+        const i = l.find(({ iframe: c }) => c.contentDocument === n.ownerDocument);
+        if (!i)
           return;
-        const { iframe: o, settings: i } = r, s = g(o.contentDocument, i.targetElementSelector);
+        const { iframe: r, settings: o } = i, s = f(r.contentDocument, o.targetElementSelector);
         if (!s)
           return;
-        const { height: a } = L(s);
-        a && m({ newHeight: a, registeredElement: r });
+        const { height: a } = p(s);
+        a && g({ newHeight: a, registeredElement: i });
       };
       e = new ResizeObserver((n) => n.forEach(t));
     }
     return e;
   };
 }
-function m({ registeredElement: e, newHeight: t }) {
-  var u;
-  const { iframe: n, settings: r, interactionState: o, initContext: i } = e;
-  if (i.isInitialized || (i.isInitialized = !0, clearTimeout(i.retryTimeoutId)), ((u = r.onBeforeIframeResize) == null ? void 0 : u.call(r, { iframe: n, settings: { ...r }, observedHeight: t })) === !1)
+function g({ registeredElement: e, newHeight: t }) {
+  const { iframe: n, settings: i, interactionState: r, initContext: o } = e;
+  if (o.isInitialized || (o.isInitialized = !0, clearTimeout(o.retryTimeoutId)), i.onBeforeIframeResize?.({ iframe: n, settings: { ...i }, observedHeight: t }) === !1)
     return;
-  const s = n.getBoundingClientRect(), a = t + r.offsetSize;
-  if (n.style.height = `${a}px`, !r.onIframeResize)
+  const s = n.getBoundingClientRect(), a = t + i.offsetSize;
+  if (n.style.height = `${a}px`, !i.onIframeResize)
     return;
-  const d = {
+  const c = {
     iframe: n,
-    settings: { ...r },
-    interactionState: { ...o },
+    settings: { ...i },
+    interactionState: { ...r },
     previousRenderState: { rect: s },
     nextRenderState: { rect: n.getBoundingClientRect() }
   };
-  r.onIframeResize(d);
+  i.onIframeResize(c);
 }
-const V = G();
+const _ = G();
 let v = !1;
-_();
-function _() {
-  !p() || !E() || window.addEventListener("message", (e) => {
-    var t;
-    ((t = e.data) == null ? void 0 : t.type) === "iframe-child-init" && M(() => O(e));
+V();
+function V() {
+  !z() || !R() || window.addEventListener("message", (e) => {
+    e.data?.type === "iframe-child-init" && M(() => O(e));
   });
 }
 function O(e, t = 0) {
-  const { targetElementSelector: n, bodyPadding: r, bodyMargin: o } = e.data, i = g(document, n);
+  const { targetElementSelector: n, bodyPadding: i, bodyMargin: r } = e.data, o = f(document, n);
   if (v || window.parent !== e.source)
     return;
-  if (!i)
-    return setTimeout(() => O(e, t + 1), h(t));
-  I(document, { bodyMargin: o, bodyPadding: r });
-  const s = V();
-  s.disconnect(), s.observe(i), v = !0;
+  if (!o)
+    return setTimeout(() => O(e, t + 1), m(t));
+  L(document, { bodyMargin: r, bodyPadding: i });
+  const s = _();
+  s.disconnect(), s.observe(o), v = !0;
 }
 function G() {
   let e = null;
   return () => (e || (e = new ResizeObserver((t) => {
     if (!t[0].target)
       return;
-    const { height: n, width: r } = L(t[0].target), o = {
+    const { height: n, width: i } = p(t[0].target), r = {
       type: "iframe-resized",
-      width: r,
+      width: i,
       height: n
     };
-    window.parent.postMessage(o, "*");
+    window.parent.postMessage(r, "*");
   })), e);
 }
 const Q = ({ previousRenderState: e, nextRenderState: t, iframe: n }) => {
@@ -200,6 +207,6 @@ const Q = ({ previousRenderState: e, nextRenderState: t, iframe: n }) => {
 };
 export {
   K as initialize,
-  _ as initializeChildListener,
+  V as initializeChildListener,
   Q as updateParentScrollOnResize
 };

package/dist/index.umd.cjs

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

package/package.json

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