@open-iframe-resizer/vue 1.6.0 → 1.6.1

package/dist/open-iframe-resizer-vue.es.js

@@ -1,19 +1,18 @@
-import { defineComponent as O, ref as k, onMounted as M, onBeforeUnmount as B, createElementBlock as P, openBlock as A, mergeProps as H } from "vue";
-const S = () => typeof window < "u", _ = () => window.self !== window.top, v = (e) => e instanceof HTMLIFrameElement, D = (e) => {
+import { defineComponent as I, ref as O, onMounted as k, onBeforeUnmount as M, createElementBlock as B, openBlock as P, mergeProps as A } from "vue";
+const v = () => typeof window < "u", H = () => window.self !== window.top, h = (e) => e instanceof HTMLIFrameElement, _ = (e) => {
   window.document.readyState === "complete" ? e() : window.addEventListener("load", e);
-}, T = (e, t) => {
+}, D = (e, t) => {
   t(), e.addEventListener("load", t);
-}, x = (e, t) => {
-  var n, r;
-  const i = ((n = e.contentWindow) == null ? void 0 : n.document.readyState) === "complete";
-  return e.src !== "about:blank" && ((r = e.contentWindow) == null ? void 0 : r.location.href) !== "about:blank" && i ? t() : e.addEventListener("load", t);
-}, C = () => ({ offsetSize: 0, checkOrigin: !0, enableLegacyLibSupport: !1 }), W = (e) => {
+}, T = (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);
+}, x = () => ({ offsetSize: 0, checkOrigin: !0, enableLegacyLibSupport: !1 }), C = (e) => {
   try {
     return new URL(e.src).origin === window.location.origin;
   } catch {
     return !1;
   }
-}, F = (e) => {
+}, W = (e) => {
   try {
     const t = new URL(e.src).origin;
     if (t !== "about:blank")
@@ -21,55 +20,57 @@ const S = () => typeof window < "u", _ = () => window.self !== window.top, v = (
   } catch {
   }
   return null;
-}, $ = (e) => (Object.keys(e).forEach((t) => e[t] === void 0 && delete e[t]), e), E = (e) => {
+}, F = (e) => (Object.keys(e).forEach((t) => {
+  e[t] === void 0 && delete e[t];
+}), e), S = (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, z = (e, t) => {
+}, l = (e, t) => e ? t ? e.querySelector(t) : e.documentElement : null, E = (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, N = () => "[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";
-function U(e) {
+}, g = (e) => e <= 100 ? 100 : e <= 120 ? 1e3 : 1e4, $ = () => "[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";
+function N(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 w = X();
+const w = Q();
 let f = [];
-const j = (e, t) => {
-  if (!S())
+const U = (e, t) => {
+  if (!v())
     return [];
-  const n = { ...C(), ...$(e ?? {}) }, r = q(t), i = G(n, r);
-  return r.map((a) => {
+  const n = { ...x(), ...F(e ?? {}) }, r = j(t), a = q(n, r);
+  return r.map((i) => {
     const o = {
-      iframe: a,
+      iframe: i,
       settings: n,
       interactionState: { isHovered: !1 },
       initContext: { isInitialized: !1, retryAttempts: 0 }
-    }, s = K(o, i);
+    }, s = J(o, a);
     return f.push(o), {
       unsubscribe: () => {
-        s(), f = f.filter((d) => d.iframe !== a);
+        s(), f = f.filter((c) => c.iframe !== i);
       }
     };
   });
 };
-function q(e) {
-  return typeof e == "string" ? Array.from(document.querySelectorAll(e)).filter(v) : e ? v(e) ? [e] : [] : Array.from(document.getElementsByTagName("iframe"));
+function j(e) {
+  return typeof e == "string" ? Array.from(document.querySelectorAll(e)).filter(h) : e ? h(e) ? [e] : [] : Array.from(document.getElementsByTagName("iframe"));
 }
-function G(e, t) {
+function q(e, t) {
   if (Array.isArray(e.checkOrigin))
     return e.checkOrigin;
   if (!e.checkOrigin)
     return [];
   const n = [];
   for (const r of t) {
-    const i = F(r);
-    i && n.push(i);
+    const a = W(r);
+    a && n.push(a);
   }
   return n;
 }
-function K(e, t) {
-  const n = W(e.iframe) ? J(e) : V(e, t), r = Q(e);
+function J(e, t) {
+  const n = C(e.iframe) ? G(e) : V(e, t), r = K(e);
   return () => {
     n(), r();
   };
@@ -78,47 +79,43 @@ function V(e, t) {
   const {
     iframe: n,
     initContext: r,
-    settings: { checkOrigin: i, enableLegacyLibSupport: a, targetElementSelector: o, bodyPadding: s, bodyMargin: d }
-  } = e, l = (c) => {
-    var h;
-    const I = !i || t.includes(c.origin);
-    if (!(n.contentWindow !== c.source || !I)) {
-      if (((h = c.data) == null ? void 0 : h.type) === "iframe-resized") {
-        const { height: u } = c.data;
-        u && g({ newHeight: u, registeredElement: e });
+    settings: { checkOrigin: a, enableLegacyLibSupport: i, targetElementSelector: o, bodyPadding: s, bodyMargin: c }
+  } = e, b = (u) => {
+    const L = !a || t.includes(u.origin);
+    if (!(n.contentWindow !== u.source || !L)) {
+      if (u.data?.type === "iframe-resized") {
+        const { height: d } = u.data;
+        d && m({ newHeight: d, registeredElement: e });
         return;
       }
-      if (a) {
-        const u = U(c);
-        u !== null && g({ newHeight: u, registeredElement: e });
+      if (i) {
+        const d = N(u);
+        d !== null && m({ newHeight: d, registeredElement: e });
         return;
       }
     }
   };
-  window.addEventListener("message", l);
-  const L = a ? N() : { type: "iframe-child-init", targetElementSelector: o, bodyPadding: s, bodyMargin: d }, y = () => {
-    T(n, () => {
-      var c;
-      return (c = n.contentWindow) == null ? void 0 : c.postMessage(L, "*");
-    }), r.retryAttempts++, r.retryTimeoutId = window.setTimeout(y, b(r.retryAttempts));
+  window.addEventListener("message", b);
+  const R = i ? $() : { type: "iframe-child-init", targetElementSelector: o, bodyPadding: s, bodyMargin: c }, y = () => {
+    D(n, () => n.contentWindow?.postMessage(R, "*")), r.retryAttempts++, r.retryTimeoutId = window.setTimeout(y, g(r.retryAttempts));
   };
-  return y(), () => window.removeEventListener("message", l);
+  return y(), () => window.removeEventListener("message", b);
 }
-function J(e) {
+function G(e) {
   const { iframe: t, settings: n } = e, { targetElementSelector: r } = n;
-  let i = 0;
-  const a = () => {
-    const o = m(t.contentDocument, r);
+  let a = 0;
+  const i = () => {
+    const o = l(t.contentDocument, r);
     if (!t.contentDocument || !o)
-      return i++, setTimeout(a, b(i));
-    z(t.contentDocument, n), w().observe(o);
+      return a++, setTimeout(i, g(a));
+    E(t.contentDocument, n), w().observe(o);
   };
-  return x(t, a), () => {
-    const o = m(t.contentDocument, r);
-    o && w().unobserve(o), t.removeEventListener("load", a);
+  return T(t, i), () => {
+    const o = l(t.contentDocument, r);
+    o && w().unobserve(o), t.removeEventListener("load", i);
   };
 }
-function Q({ iframe: e, interactionState: t }) {
+function K({ iframe: e, interactionState: t }) {
   const n = () => {
     t.isHovered = !0;
   }, r = () => {
@@ -128,75 +125,73 @@ function Q({ iframe: e, interactionState: t }) {
     e.removeEventListener("mouseenter", n), e.removeEventListener("mouseleave", r);
   };
 }
-function X() {
+function Q() {
   let e = null;
   return () => {
     if (!e) {
       const t = ({ target: n }) => {
-        const r = f.find(({ iframe: d }) => d.contentDocument === n.ownerDocument);
+        const r = f.find(({ iframe: c }) => c.contentDocument === n.ownerDocument);
         if (!r)
           return;
-        const { iframe: i, settings: a } = r, o = m(i.contentDocument, a.targetElementSelector);
+        const { iframe: a, settings: i } = r, o = l(a.contentDocument, i.targetElementSelector);
         if (!o)
           return;
-        const { height: s } = E(o);
-        s && g({ newHeight: s, registeredElement: r });
+        const { height: s } = S(o);
+        s && m({ newHeight: s, registeredElement: r });
       };
       e = new ResizeObserver((n) => n.forEach(t));
     }
     return e;
   };
 }
-function g({ registeredElement: e, newHeight: t }) {
-  var n;
-  const { iframe: r, settings: i, interactionState: a, initContext: o } = e;
-  if (o.isInitialized || (o.isInitialized = !0, clearTimeout(o.retryTimeoutId)), ((n = i.onBeforeIframeResize) == null ? void 0 : n.call(i, { iframe: r, settings: { ...i }, observedHeight: t })) === !1)
+function m({ registeredElement: e, newHeight: t }) {
+  const { iframe: n, settings: r, interactionState: a, initContext: i } = e;
+  if (i.isInitialized || (i.isInitialized = !0, clearTimeout(i.retryTimeoutId)), r.onBeforeIframeResize?.({ iframe: n, settings: { ...r }, observedHeight: t }) === !1)
     return;
-  const s = r.getBoundingClientRect(), d = t + i.offsetSize;
-  if (r.style.height = `${d}px`, !i.onIframeResize)
+  const o = n.getBoundingClientRect(), s = t + r.offsetSize;
+  if (n.style.height = `${s}px`, !r.onIframeResize)
     return;
-  const l = {
-    iframe: r,
-    settings: { ...i },
+  const c = {
+    iframe: n,
+    settings: { ...r },
     interactionState: { ...a },
-    previousRenderState: { rect: s },
-    nextRenderState: { rect: r.getBoundingClientRect() }
+    previousRenderState: { rect: o },
+    nextRenderState: { rect: n.getBoundingClientRect() }
   };
-  i.onIframeResize(l);
+  r.onIframeResize(c);
 }
-const Y = ee();
+const X = Z();
 let p = !1;
-Z();
-function Z() {
-  !S() || !_() || window.addEventListener("message", (e) => {
-    var t;
-    ((t = e.data) == null ? void 0 : t.type) === "iframe-child-init" && D(() => R(e));
+Y();
+function Y() {
+  !v() || !H() || window.addEventListener("message", (e) => {
+    e.data?.type === "iframe-child-init" && _(() => z(e));
   });
 }
-function R(e, t = 0) {
-  const { targetElementSelector: n, bodyPadding: r, bodyMargin: i } = e.data, a = m(document, n);
+function z(e, t = 0) {
+  const { targetElementSelector: n, bodyPadding: r, bodyMargin: a } = e.data, i = l(document, n);
   if (p || window.parent !== e.source)
     return;
-  if (!a)
-    return setTimeout(() => R(e, t + 1), b(t));
-  z(document, { bodyMargin: i, bodyPadding: r });
-  const o = Y();
-  o.disconnect(), o.observe(a), p = !0;
+  if (!i)
+    return setTimeout(() => z(e, t + 1), g(t));
+  E(document, { bodyMargin: a, bodyPadding: r });
+  const o = X();
+  o.disconnect(), o.observe(i), p = !0;
 }
-function ee() {
+function Z() {
   let e = null;
   return () => (e || (e = new ResizeObserver((t) => {
     if (!t[0].target)
       return;
-    const { height: n, width: r } = E(t[0].target), i = {
+    const { height: n, width: r } = S(t[0].target), a = {
       type: "iframe-resized",
       width: r,
       height: n
     };
-    window.parent.postMessage(i, "*");
+    window.parent.postMessage(a, "*");
   })), e);
 }
-const te = O({
+const ee = I({
   name: "ResizableIframe",
   props: {
     offsetSize: [String, Number, Object],
@@ -209,9 +204,9 @@ const te = O({
     enableLegacyLibSupport: Boolean
   },
   setup(e, { attrs: t }) {
-    const n = k(null);
+    const n = O(null);
     let r = [];
-    const i = (a) => {
+    const a = (i) => {
       const o = {
         offsetSize: e.offsetSize,
         enableLegacyLibSupport: e.enableLegacyLibSupport,
@@ -224,32 +219,34 @@ const te = O({
       };
       Object.keys(o).forEach((s) => {
         o[s] === void 0 && delete o[s];
-      }), r = j(o, a);
+      }), r = U(o, i);
     };
-    return M(() => {
-      n.value && i(n.value);
-    }), B(() => {
-      r.forEach((a) => a.unsubscribe()), r = [];
+    return k(() => {
+      n.value && a(n.value);
+    }), M(() => {
+      r.forEach((i) => {
+        i.unsubscribe();
+      }), r = [];
     }), {
       iframeRef: n,
       attrs: t
     };
   }
-}), ne = (e, t) => {
+}), te = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [r, i] of t)
-    n[r] = i;
+  for (const [r, a] of t)
+    n[r] = a;
   return n;
 };
-function re(e, t, n, r, i, a) {
-  return A(), P("iframe", H({ ref: "iframeRef" }, e.$attrs), null, 16);
+function ne(e, t, n, r, a, i) {
+  return P(), B("iframe", A({ ref: "iframeRef" }, e.$attrs), null, 16);
 }
-const ie = /* @__PURE__ */ ne(te, [["render", re]]), ae = {
+const re = /* @__PURE__ */ te(ee, [["render", ne]]), oe = {
   install(e) {
-    e.component("IframeResizer", ie);
+    e.component("IframeResizer", re);
   }
 };
 export {
-  ie as IframeResizer,
-  ae as IframeResizerPlugin
+  re as IframeResizer,
+  oe as IframeResizerPlugin
 };

package/dist/open-iframe-resizer-vue.umd.js

@@ -1 +1 @@
-(function(d,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(d=typeof globalThis<"u"?globalThis:d||self,s(d["open-iframe-resizer-vue"]={},d.Vue))})(this,function(d,s){"use strict";const v=()=>typeof window<"u",M=()=>window.self!==window.top,p=e=>e instanceof HTMLIFrameElement,k=e=>{window.document.readyState==="complete"?e():window.addEventListener("load",e)},B=(e,t)=>{t(),e.addEventListener("load",t)},P=(e,t)=>{var n,r;const i=((n=e.contentWindow)==null?void 0:n.document.readyState)==="complete";return e.src!=="about:blank"&&((r=e.contentWindow)==null?void 0:r.location.href)!=="about:blank"&&i?t():e.addEventListener("load",t)},T=()=>({offsetSize:0,checkOrigin:!0,enableLegacyLibSupport:!1}),A=e=>{try{return new URL(e.src).origin===window.location.origin}catch{return!1}},H=e=>{try{const t=new URL(e.src).origin;if(t!=="about:blank")return t}catch{}return null},_=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)}},m=(e,t)=>e?t?e.querySelector(t):e.documentElement:null,S=(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,D=()=>"[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(":"),r=+n;return r>0?r:null}const z=U();let g=[];const C=(e,t)=>{if(!v())return[];const n={...T(),..._(e??{})},r=W(t),i=F(n,r);return r.map(a=>{const o={iframe:a,settings:n,interactionState:{isHovered:!1},initContext:{isInitialized:!1,retryAttempts:0}},c=$(o,i);return g.push(o),{unsubscribe:()=>{c(),g=g.filter(l=>l.iframe!==a)}}})};function W(e){return typeof e=="string"?Array.from(document.querySelectorAll(e)).filter(p):e?p(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 r of t){const i=H(r);i&&n.push(i)}return n}function $(e,t){const n=A(e.iframe)?N(e):j(e,t),r=q(e);return()=>{n(),r()}}function j(e,t){const{iframe:n,initContext:r,settings:{checkOrigin:i,enableLegacyLibSupport:a,targetElementSelector:o,bodyPadding:c,bodyMargin:l}}=e,y=u=>{var O;const ee=!i||t.includes(u.origin);if(!(n.contentWindow!==u.source||!ee)){if(((O=u.data)==null?void 0:O.type)==="iframe-resized"){const{height:f}=u.data;f&&h({newHeight:f,registeredElement:e});return}if(a){const f=x(u);f!==null&&h({newHeight:f,registeredElement:e});return}}};window.addEventListener("message",y);const Z=a?D():{type:"iframe-child-init",targetElementSelector:o,bodyPadding:c,bodyMargin:l},I=()=>{B(n,()=>{var u;return(u=n.contentWindow)==null?void 0:u.postMessage(Z,"*")}),r.retryAttempts++,r.retryTimeoutId=window.setTimeout(I,b(r.retryAttempts))};return I(),()=>window.removeEventListener("message",y)}function N(e){const{iframe:t,settings:n}=e,{targetElementSelector:r}=n;let i=0;const a=()=>{const o=m(t.contentDocument,r);if(!t.contentDocument||!o)return i++,setTimeout(a,b(i));S(t.contentDocument,n),z().observe(o)};return P(t,a),()=>{const o=m(t.contentDocument,r);o&&z().unobserve(o),t.removeEventListener("load",a)}}function q({iframe:e,interactionState:t}){const n=()=>{t.isHovered=!0},r=()=>{t.isHovered=!1};return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",n),e.removeEventListener("mouseleave",r)}}function U(){let e=null;return()=>{if(!e){const t=({target:n})=>{const r=g.find(({iframe:l})=>l.contentDocument===n.ownerDocument);if(!r)return;const{iframe:i,settings:a}=r,o=m(i.contentDocument,a.targetElementSelector);if(!o)return;const{height:c}=w(o);c&&h({newHeight:c,registeredElement:r})};e=new ResizeObserver(n=>n.forEach(t))}return e}}function h({registeredElement:e,newHeight:t}){var n;const{iframe:r,settings:i,interactionState:a,initContext:o}=e;if(o.isInitialized||(o.isInitialized=!0,clearTimeout(o.retryTimeoutId)),((n=i.onBeforeIframeResize)==null?void 0:n.call(i,{iframe:r,settings:{...i},observedHeight:t}))===!1)return;const c=r.getBoundingClientRect(),l=t+i.offsetSize;if(r.style.height=`${l}px`,!i.onIframeResize)return;const y={iframe:r,settings:{...i},interactionState:{...a},previousRenderState:{rect:c},nextRenderState:{rect:r.getBoundingClientRect()}};i.onIframeResize(y)}const V=K();let E=!1;G();function G(){!v()||!M()||window.addEventListener("message",e=>{var t;((t=e.data)==null?void 0:t.type)==="iframe-child-init"&&k(()=>R(e))})}function R(e,t=0){const{targetElementSelector:n,bodyPadding:r,bodyMargin:i}=e.data,a=m(document,n);if(E||window.parent!==e.source)return;if(!a)return setTimeout(()=>R(e,t+1),b(t));S(document,{bodyMargin:i,bodyPadding:r});const o=V();o.disconnect(),o.observe(a),E=!0}function K(){let e=null;return()=>(e||(e=new ResizeObserver(t=>{if(!t[0].target)return;const{height:n,width:r}=w(t[0].target),i={type:"iframe-resized",width:r,height:n};window.parent.postMessage(i,"*")})),e)}const J=s.defineComponent({name:"ResizableIframe",props:{offsetSize:[String,Number,Object],checkOrigin:[Boolean,Array],onIframeResize:Function,onBeforeIframeResize:Function,targetElementSelector:[String],bodyMargin:[String,Number],bodyPadding:[String,Number],enableLegacyLibSupport:Boolean},setup(e,{attrs:t}){const n=s.ref(null);let r=[];const i=a=>{const o={offsetSize:e.offsetSize,enableLegacyLibSupport:e.enableLegacyLibSupport,checkOrigin:e.checkOrigin,onIframeResize:e.onIframeResize,onBeforeIframeResize:e.onBeforeIframeResize,targetElementSelector:e.targetElementSelector,bodyMargin:e.bodyMargin,bodyPadding:e.bodyPadding};Object.keys(o).forEach(c=>{o[c]===void 0&&delete o[c]}),r=C(o,a)};return s.onMounted(()=>{n.value&&i(n.value)}),s.onBeforeUnmount(()=>{r.forEach(a=>a.unsubscribe()),r=[]}),{iframeRef:n,attrs:t}}}),Q=(e,t)=>{const n=e.__vccOpts||e;for(const[r,i]of t)n[r]=i;return n};function X(e,t,n,r,i,a){return s.openBlock(),s.createElementBlock("iframe",s.mergeProps({ref:"iframeRef"},e.$attrs),null,16)}const L=Q(J,[["render",X]]),Y={install(e){e.component("IframeResizer",L)}};d.IframeResizer=L,d.IframeResizerPlugin=Y,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u["open-iframe-resizer-vue"]={},u.Vue))})(this,function(u,a){"use strict";const h=()=>typeof window<"u",O=()=>window.self!==window.top,p=e=>e instanceof HTMLIFrameElement,M=e=>{window.document.readyState==="complete"?e():window.addEventListener("load",e)},k=(e,t)=>{t(),e.addEventListener("load",t)},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)},P=()=>({offsetSize:0,checkOrigin:!0,enableLegacyLibSupport:!1}),T=e=>{try{return new URL(e.src).origin===window.location.origin}catch{return!1}},A=e=>{try{const t=new URL(e.src).origin;if(t!=="about:blank")return t}catch{}return null},H=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)}},m=(e,t)=>e?t?e.querySelector(t):e.documentElement:null,S=(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,_=()=>"[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";function D(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 v=q();let g=[];const x=(e,t)=>{if(!h())return[];const n={...P(),...H(e??{})},r=C(t),s=W(n,r);return r.map(i=>{const o={iframe:i,settings:n,interactionState:{isHovered:!1},initContext:{isInitialized:!1,retryAttempts:0}},c=F(o,s);return g.push(o),{unsubscribe:()=>{c(),g=g.filter(d=>d.iframe!==i)}}})};function C(e){return typeof e=="string"?Array.from(document.querySelectorAll(e)).filter(p):e?p(e)?[e]:[]:Array.from(document.getElementsByTagName("iframe"))}function W(e,t){if(Array.isArray(e.checkOrigin))return e.checkOrigin;if(!e.checkOrigin)return[];const n=[];for(const r of t){const s=A(r);s&&n.push(s)}return n}function F(e,t){const n=T(e.iframe)?j(e):$(e,t),r=N(e);return()=>{n(),r()}}function $(e,t){const{iframe:n,initContext:r,settings:{checkOrigin:s,enableLegacyLibSupport:i,targetElementSelector:o,bodyPadding:c,bodyMargin:d}}=e,L=f=>{const Z=!s||t.includes(f.origin);if(!(n.contentWindow!==f.source||!Z)){if(f.data?.type==="iframe-resized"){const{height:l}=f.data;l&&b({newHeight:l,registeredElement:e});return}if(i){const l=D(f);l!==null&&b({newHeight:l,registeredElement:e});return}}};window.addEventListener("message",L);const Y=i?_():{type:"iframe-child-init",targetElementSelector:o,bodyPadding:c,bodyMargin:d},I=()=>{k(n,()=>n.contentWindow?.postMessage(Y,"*")),r.retryAttempts++,r.retryTimeoutId=window.setTimeout(I,y(r.retryAttempts))};return I(),()=>window.removeEventListener("message",L)}function j(e){const{iframe:t,settings:n}=e,{targetElementSelector:r}=n;let s=0;const i=()=>{const o=m(t.contentDocument,r);if(!t.contentDocument||!o)return s++,setTimeout(i,y(s));S(t.contentDocument,n),v().observe(o)};return B(t,i),()=>{const o=m(t.contentDocument,r);o&&v().unobserve(o),t.removeEventListener("load",i)}}function N({iframe:e,interactionState:t}){const n=()=>{t.isHovered=!0},r=()=>{t.isHovered=!1};return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",n),e.removeEventListener("mouseleave",r)}}function q(){let e=null;return()=>{if(!e){const t=({target:n})=>{const r=g.find(({iframe:d})=>d.contentDocument===n.ownerDocument);if(!r)return;const{iframe:s,settings:i}=r,o=m(s.contentDocument,i.targetElementSelector);if(!o)return;const{height:c}=w(o);c&&b({newHeight:c,registeredElement:r})};e=new ResizeObserver(n=>n.forEach(t))}return e}}function b({registeredElement:e,newHeight:t}){const{iframe:n,settings:r,interactionState:s,initContext:i}=e;if(i.isInitialized||(i.isInitialized=!0,clearTimeout(i.retryTimeoutId)),r.onBeforeIframeResize?.({iframe:n,settings:{...r},observedHeight:t})===!1)return;const o=n.getBoundingClientRect(),c=t+r.offsetSize;if(n.style.height=`${c}px`,!r.onIframeResize)return;const d={iframe:n,settings:{...r},interactionState:{...s},previousRenderState:{rect:o},nextRenderState:{rect:n.getBoundingClientRect()}};r.onIframeResize(d)}const U=J();let z=!1;V();function V(){!h()||!O()||window.addEventListener("message",e=>{e.data?.type==="iframe-child-init"&&M(()=>E(e))})}function E(e,t=0){const{targetElementSelector:n,bodyPadding:r,bodyMargin:s}=e.data,i=m(document,n);if(z||window.parent!==e.source)return;if(!i)return setTimeout(()=>E(e,t+1),y(t));S(document,{bodyMargin:s,bodyPadding:r});const o=U();o.disconnect(),o.observe(i),z=!0}function J(){let e=null;return()=>(e||(e=new ResizeObserver(t=>{if(!t[0].target)return;const{height:n,width:r}=w(t[0].target),s={type:"iframe-resized",width:r,height:n};window.parent.postMessage(s,"*")})),e)}const G=a.defineComponent({name:"ResizableIframe",props:{offsetSize:[String,Number,Object],checkOrigin:[Boolean,Array],onIframeResize:Function,onBeforeIframeResize:Function,targetElementSelector:[String],bodyMargin:[String,Number],bodyPadding:[String,Number],enableLegacyLibSupport:Boolean},setup(e,{attrs:t}){const n=a.ref(null);let r=[];const s=i=>{const o={offsetSize:e.offsetSize,enableLegacyLibSupport:e.enableLegacyLibSupport,checkOrigin:e.checkOrigin,onIframeResize:e.onIframeResize,onBeforeIframeResize:e.onBeforeIframeResize,targetElementSelector:e.targetElementSelector,bodyMargin:e.bodyMargin,bodyPadding:e.bodyPadding};Object.keys(o).forEach(c=>{o[c]===void 0&&delete o[c]}),r=x(o,i)};return a.onMounted(()=>{n.value&&s(n.value)}),a.onBeforeUnmount(()=>{r.forEach(i=>{i.unsubscribe()}),r=[]}),{iframeRef:n,attrs:t}}}),K=(e,t)=>{const n=e.__vccOpts||e;for(const[r,s]of t)n[r]=s;return n};function Q(e,t,n,r,s,i){return a.openBlock(),a.createElementBlock("iframe",a.mergeProps({ref:"iframeRef"},e.$attrs),null,16)}const R=K(G,[["render",Q]]),X={install(e){e.component("IframeResizer",R)}};u.IframeResizer=R,u.IframeResizerPlugin=X,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@open-iframe-resizer/vue",
   "private": false,
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Open-source modern iframe resizer component",
   "license": "MIT",
   "repository": {
@@ -43,13 +43,13 @@
     "test": "npx playwright install --with-deps && npx playwright test"
   },
   "dependencies": {
-    "@open-iframe-resizer/core": "1.6.0"
+    "@open-iframe-resizer/core": "1.6.1"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.3",
-    "@vue/tsconfig": "^0.7.0",
-    "vue": "^3.5.13",
-    "vue-tsc": "^2.2.8"
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "vue": "^3.5.21",
+    "vue-tsc": "^3.0.7"
   },
   "peerDependencies": {
     "vue": ">=3.0.0"