@iframe-resizer/vue 5.5.9 → 6.0.0-beta.1

package/LICENSE

@@ -1,6 +1,6 @@
-Iframe Resizer Version 5
+Iframe Resizer Version 6
 
-This JavaScript library is Copyright © 2013-2025 David J. Bradshaw and is dual-licensed, either under GPL V3, or a commercial license that is available for purchase upon request.
+This JavaScript library is Copyright © 2013-2026 David J. Bradshaw and is dual-licensed, either under GPL V3 for compliant sites (Fully published front and backend source code). Or alternatively it is available under a commercial license for sites that do not wish to use the GPL.
 
 For more information on commercial licensing see https://iframe-resizer.com/pricing/
 

package/README.md

@@ -25,4 +25,4 @@ yarn add @iframe-resizer/vue
 
 ---
 
-_iframe-resizer version 5.5.9 2026-02-06 - 10:22:50.790Z_
+_iframe-resizer version 6.0.0-beta.1 2026-03-25 - 18:13:42.672Z_

package/iframe-resizer.vue

@@ -1,130 +1,113 @@
 <template>
-  <iframe ref="iframe" v-bind="$attrs"></iframe>
+  <iframe ref="iframeRef" v-bind="$attrs"></iframe>
 </template>
 
-<script>
+<script setup lang="ts">
+  import { onBeforeUnmount, onMounted, ref, toRaw } from 'vue'
+  import type { PropType } from 'vue'
   import connectResizer from '@iframe-resizer/core'
+  import type { IFrameObject, LogOption } from '@iframe-resizer/core'
   import acg from 'auto-console-group'
 
   const EXPAND = 'expanded'
   const COLLAPSE = 'collapsed'
 
-  const esModuleInterop = (mod) =>
+  const esModuleInterop = (mod: any) =>
     // eslint-disable-next-line no-underscore-dangle
     mod?.__esModule ? mod.default : mod
 
   // Deal with UMD not converting default exports to named exports
   const createAutoConsoleGroup = esModuleInterop(acg)
 
-  export default {
-    name: 'IframeResizer',
+  defineOptions({ name: 'IframeResizer' })
 
-    props: {
-      license: {
-        type: String,
-        required: true
-      },
-      bodyBackground: {
-        type: String,
-      },
-      bodyMargin: {
-        type: String,
-      },
-      bodyPadding: {
-        type: String,
-      },
-      checkOrigin: {
-        type: Boolean,
-        default: true,
-      },
-      direction: {
-        type: String,
-      },
-      log: {
-        type: [String, Boolean, Number],
-        validator: (value) => {
-          switch (value) {
-            case COLLAPSE:
-            case EXPAND:
-            case false:
-            case true:
-            case -1:
-              return true
-            default:
-              return false
-          }
-        },
-        default: undefined,
-      },
-      inPageLinks: {
-        type: Boolean,
-      },
-      offset: {
-        type: Number,
-      },
-      scrolling: {
-        type: Boolean,
-      },
-      tolerance: {
-        type: Number,
-      },
-      warningTimeout: {
-        type: Number,
+  const props = defineProps({
+    license: {
+      type: String,
+      required: true,
+    },
+    bodyBackground: String,
+    bodyMargin: String,
+    bodyPadding: String,
+    checkOrigin: {
+      type: Boolean,
+      default: true,
+    },
+    direction: String,
+    log: {
+      type: [String, Boolean, Number] as PropType<LogOption>,
+      validator: (value: LogOption) => {
+        switch (value) {
+          case COLLAPSE:
+          case EXPAND:
+          case false:
+          case true:
+          case -1:
+          case 0:
+          case 1:
+          case 2:
+            return true
+          default:
+            return false
+        }
       },
+      default: undefined,
     },
+    inPageLinks: Boolean,
+    offset: Number,
+    scrolling: Boolean,
+    tolerance: Number,
+    warningTimeout: Number,
+  })
 
-    mounted() {
-      const self = this
-      const { iframe } = this.$refs
-      const options = {
-        ...Object.fromEntries(
-          Object
-            .entries(this.$props)
-            .filter(([key, value]) => value !== undefined)
-        ),
-        waitForLoad: true,
+  const emit = defineEmits<{
+    onReady: [...args: any[]]
+    onMessage: [...args: any[]]
+    onResized: [...args: any[]]
+  }>()
 
-        onBeforeClose: () => {
-          consoleGroup.event('Blocked Close Event')
-          consoleGroup.warn('Close method is disabled, use Vue to remove iframe')
-          return false
-        },
-        onReady: (...args) => self.$emit('onReady', ...args),
-        onMessage: (...args) => self.$emit('onMessage', ...args),
-        onResized: (...args) => self.$emit('onResized', ...args),
-      }
+  const iframeRef = ref<HTMLIFrameElement | null>(null)
+  const resizer = ref<IFrameObject | null>(null)
 
-      const connectWithOptions = connectResizer(options)
-      self.resizer = connectWithOptions(iframe)
+  onMounted(() => {
+    const consoleGroup = createAutoConsoleGroup()
+    // Template refs are guaranteed populated before onMounted fires
+    const iframe = iframeRef.value!
+    const options: any = {
+      ...Object.fromEntries(
+        Object.entries(toRaw(props)).filter(([, value]) => value !== undefined),
+      ),
+      waitForLoad: true,
 
-      const consoleOptions = {
-        label: `vue(${iframe.id})`,
-        expand: options.logExpand, // set inside connectResizer
-      }
+      onBeforeClose: () => {
+        consoleGroup.event('Blocked Close Event')
+        consoleGroup.warn('Close method is disabled, use Vue to remove iframe')
+        return false
+      },
+      onReady: (...args: any[]) => emit('onReady', ...args),
+      onMessage: (...args: any[]) => emit('onMessage', ...args),
+      onResized: (...args: any[]) => emit('onResized', ...args),
+    }
 
-      const consoleGroup = createAutoConsoleGroup(consoleOptions)
-      consoleGroup.event('setup')
+    consoleGroup.label(`vue(${iframe.id})`)
+    consoleGroup.event('setup')
 
-      if ([COLLAPSE, EXPAND, true].includes(options.log)) {
-        consoleGroup.log('Created Vue component')
-      }
-    },
+    resizer.value = connectResizer(options)(iframe)
 
-    beforeUnmount() {
-      this.resizer?.disconnect()
-    },
+    consoleGroup.expand(options.logExpand)
+    if ([COLLAPSE, EXPAND, true].includes(options.log as any)) {
+      consoleGroup.log('Created Vue component')
+    }
+  })
 
-    methods: {
-      moveToAnchor(anchor) {
-        this.resizer.moveToAnchor(anchor)
-      },
-      resize() {
-        this.resizer.resize()
-      },
-      sendMessage(msg, target) {
-        this.resizer.sendMessage(msg, target)
-      },
-    },
-  }
+  onBeforeUnmount(() => {
+    resizer.value?.disconnect()
+  })
 
+  defineExpose({
+    moveToAnchor: (anchor: string) => resizer.value?.moveToAnchor(anchor),
+    resize: () => resizer.value?.resize(),
+    sendMessage: (msg: any, target?: string) =>
+      resizer.value?.sendMessage(msg, target),
+  })
 </script>

package/iframe-resizer.vue.d.ts

@@ -0,0 +1,39 @@
+import type { DefineComponent } from 'vue'
+import type { IFrameObject } from '@iframe-resizer/core'
+
+export interface IframeResizerProps {
+  license: string
+  bodyBackground?: string
+  bodyMargin?: string
+  bodyPadding?: string
+  checkOrigin?: boolean
+  direction?: string
+  log?: 'expanded' | 'collapsed' | boolean | number
+  inPageLinks?: boolean
+  offset?: number
+  scrolling?: boolean
+  tolerance?: number
+  warningTimeout?: number
+}
+
+/** Methods exposed via defineExpose, accessible on template refs */
+export type IframeResizerMethods = Pick<IFrameObject, 'moveToAnchor' | 'resize' | 'sendMessage'>
+
+export interface IframeResizerEmits {
+  onReady: (...args: any[]) => void
+  onMessage: (...args: any[]) => void
+  onResized: (...args: any[]) => void
+}
+
+declare const IframeResizer: DefineComponent<
+  IframeResizerProps,
+  IframeResizerMethods,
+  {},
+  {},
+  {},
+  {},
+  {},
+  IframeResizerEmits
+>
+
+export default IframeResizer

package/index.cjs.js

@@ -1,160 +1,2 @@
-/*!
- *  @preserve
- *  
- *  @module      iframe-resizer/vue 5.5.9 (cjs) - 2026-02-06
- *
- *  @license     GPL-3.0 for non-commercial use only.
- *               For commercial use, you must purchase a license from
- *               https://iframe-resizer.com/pricing
- * 
- *  @description Keep same and cross domain iFrames sized to their content 
- *
- *  @author      David J. Bradshaw <info@iframe-resizer.com>
- * 
- *  @see         {@link https://iframe-resizer.com}
- * 
- *  @copyright  (c) 2013 - 2026, David J. Bradshaw. All rights reserved.
- */
-
-
-'use strict';
-
-const connectResizer = require('@iframe-resizer/core');
-const acg = require('auto-console-group');
-const vue = require('vue');
-
-const EXPAND = 'expanded';
-  const COLLAPSE = 'collapsed';
-
-  const esModuleInterop = (mod) =>
-    // eslint-disable-next-line no-underscore-dangle
-    mod?.__esModule ? mod.default : mod;
-
-  // Deal with UMD not converting default exports to named exports
-  const createAutoConsoleGroup = esModuleInterop(acg);
-
-  const script = {
-    name: 'IframeResizer',
-
-    props: {
-      license: {
-        type: String,
-        required: true
-      },
-      bodyBackground: {
-        type: String,
-      },
-      bodyMargin: {
-        type: String,
-      },
-      bodyPadding: {
-        type: String,
-      },
-      checkOrigin: {
-        type: Boolean,
-        default: true,
-      },
-      direction: {
-        type: String,
-      },
-      log: {
-        type: [String, Boolean, Number],
-        validator: (value) => {
-          switch (value) {
-            case COLLAPSE:
-            case EXPAND:
-            case false:
-            case true:
-            case -1:
-              return true
-            default:
-              return false
-          }
-        },
-        default: undefined,
-      },
-      inPageLinks: {
-        type: Boolean,
-      },
-      offset: {
-        type: Number,
-      },
-      scrolling: {
-        type: Boolean,
-      },
-      tolerance: {
-        type: Number,
-      },
-      warningTimeout: {
-        type: Number,
-      },
-    },
-
-    mounted() {
-      const self = this;
-      const { iframe } = this.$refs;
-      const options = {
-        ...Object.fromEntries(
-          Object
-            .entries(this.$props)
-            .filter(([key, value]) => value !== undefined)
-        ),
-        waitForLoad: true,
-
-        onBeforeClose: () => {
-          consoleGroup.event('Blocked Close Event');
-          consoleGroup.warn('Close method is disabled, use Vue to remove iframe');
-          return false
-        },
-        onReady: (...args) => self.$emit('onReady', ...args),
-        onMessage: (...args) => self.$emit('onMessage', ...args),
-        onResized: (...args) => self.$emit('onResized', ...args),
-      };
-
-      const connectWithOptions = connectResizer(options);
-      self.resizer = connectWithOptions(iframe);
-
-      const consoleOptions = {
-        label: `vue(${iframe.id})`,
-        expand: options.logExpand, // set inside connectResizer
-      };
-
-      const consoleGroup = createAutoConsoleGroup(consoleOptions);
-      consoleGroup.event('setup');
-
-      if ([COLLAPSE, EXPAND, true].includes(options.log)) {
-        consoleGroup.log('Created Vue component');
-      }
-    },
-
-    beforeUnmount() {
-      this.resizer?.disconnect();
-    },
-
-    methods: {
-      moveToAnchor(anchor) {
-        this.resizer.moveToAnchor(anchor);
-      },
-      resize() {
-        this.resizer.resize();
-      },
-      sendMessage(msg, target) {
-        this.resizer.sendMessage(msg, target);
-      },
-    },
-  };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("iframe", vue.mergeProps({ ref: "iframe" }, _ctx.$attrs), null, 16 /* FULL_PROPS */))
-}
-
-script.render = render;
-script.__file = "./iframe-resizer.vue";
-
-const index = {
-  install(Vue) {
-    Vue.component('IframeResizer', script);
-  },
-};
-
-module.exports = index;
+"use strict";const o=require("vue"),g=require("@iframe-resizer/core"),v=require("auto-console-group"),l="expanded",u="collapsed",R=o.defineComponent({name:"IframeResizer",__name:"iframe-resizer",props:{license:{type:String,required:!0},bodyBackground:String,bodyMargin:String,bodyPadding:String,checkOrigin:{type:Boolean,default:!0},direction:String,log:{type:[String,Boolean,Number],validator:r=>{switch(r){case u:case l:case!1:case!0:case-1:case 0:case 1:case 2:return!0;default:return!1}},default:void 0},inPageLinks:Boolean,offset:Number,scrolling:Boolean,tolerance:Number,warningTimeout:Number},emits:["onReady","onMessage","onResized"],setup(r,{expose:d,emit:f}){const m=(e=>e?.__esModule?e.default:e)(v),p=r,a=f,c=o.ref(null),s=o.ref(null);return o.onMounted(()=>{const e=m(),t=c.value,i={...Object.fromEntries(Object.entries(o.toRaw(p)).filter(([,n])=>n!==void 0)),waitForLoad:!0,onBeforeClose:()=>(e.event("Blocked Close Event"),e.warn("Close method is disabled, use Vue to remove iframe"),!1),onReady:(...n)=>a("onReady",...n),onMessage:(...n)=>a("onMessage",...n),onResized:(...n)=>a("onResized",...n)};e.label(`vue(${t.id})`),e.event("setup"),s.value=g(i)(t),e.expand(i.logExpand),[u,l,!0].includes(i.log)&&e.log("Created Vue component")}),o.onBeforeUnmount(()=>{s.value?.disconnect()}),d({moveToAnchor:e=>s.value?.moveToAnchor(e),resize:()=>s.value?.resize(),sendMessage:(e,t)=>s.value?.sendMessage(e,t)}),(e,t)=>(o.openBlock(),o.createElementBlock("iframe",o.mergeProps({ref_key:"iframeRef",ref:c},e.$attrs),null,16))}}),b={install(r){r.component("IframeResizer",R)}};module.exports=b;
+//# sourceMappingURL=index.cjs.js.map

package/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../packages/vue/iframe-resizer.vue","../../packages/vue/index.ts"],"sourcesContent":["<template>\n  <iframe ref=\"iframeRef\" v-bind=\"$attrs\"></iframe>\n</template>\n\n<script setup lang=\"ts\">\n  import { onBeforeUnmount, onMounted, ref, toRaw } from 'vue'\n  import type { PropType } from 'vue'\n  import connectResizer from '@iframe-resizer/core'\n  import type { IFrameObject, LogOption } from '@iframe-resizer/core'\n  import acg from 'auto-console-group'\n\n  const EXPAND = 'expanded'\n  const COLLAPSE = 'collapsed'\n\n  const esModuleInterop = (mod: any) =>\n    // eslint-disable-next-line no-underscore-dangle\n    mod?.__esModule ? mod.default : mod\n\n  // Deal with UMD not converting default exports to named exports\n  const createAutoConsoleGroup = esModuleInterop(acg)\n\n  defineOptions({ name: 'IframeResizer' })\n\n  const props = defineProps({\n    license: {\n      type: String,\n      required: true,\n    },\n    bodyBackground: String,\n    bodyMargin: String,\n    bodyPadding: String,\n    checkOrigin: {\n      type: Boolean,\n      default: true,\n    },\n    direction: String,\n    log: {\n      type: [String, Boolean, Number] as PropType<LogOption>,\n      validator: (value: LogOption) => {\n        switch (value) {\n          case COLLAPSE:\n          case EXPAND:\n          case false:\n          case true:\n          case -1:\n          case 0:\n          case 1:\n          case 2:\n            return true\n          default:\n            return false\n        }\n      },\n      default: undefined,\n    },\n    inPageLinks: Boolean,\n    offset: Number,\n    scrolling: Boolean,\n    tolerance: Number,\n    warningTimeout: Number,\n  })\n\n  const emit = defineEmits<{\n    onReady: [...args: any[]]\n    onMessage: [...args: any[]]\n    onResized: [...args: any[]]\n  }>()\n\n  const iframeRef = ref<HTMLIFrameElement | null>(null)\n  const resizer = ref<IFrameObject | null>(null)\n\n  onMounted(() => {\n    const consoleGroup = createAutoConsoleGroup()\n    // Template refs are guaranteed populated before onMounted fires\n    const iframe = iframeRef.value!\n    const options: any = {\n      ...Object.fromEntries(\n        Object.entries(toRaw(props)).filter(([, value]) => value !== undefined),\n      ),\n      waitForLoad: true,\n\n      onBeforeClose: () => {\n        consoleGroup.event('Blocked Close Event')\n        consoleGroup.warn('Close method is disabled, use Vue to remove iframe')\n        return false\n      },\n      onReady: (...args: any[]) => emit('onReady', ...args),\n      onMessage: (...args: any[]) => emit('onMessage', ...args),\n      onResized: (...args: any[]) => emit('onResized', ...args),\n    }\n\n    consoleGroup.label(`vue(${iframe.id})`)\n    consoleGroup.event('setup')\n\n    resizer.value = connectResizer(options)(iframe)\n\n    consoleGroup.expand(options.logExpand)\n    if ([COLLAPSE, EXPAND, true].includes(options.log as any)) {\n      consoleGroup.log('Created Vue component')\n    }\n  })\n\n  onBeforeUnmount(() => {\n    resizer.value?.disconnect()\n  })\n\n  defineExpose({\n    moveToAnchor: (anchor: string) => resizer.value?.moveToAnchor(anchor),\n    resize: () => resizer.value?.resize(),\n    sendMessage: (msg: any, target?: string) =>\n      resizer.value?.sendMessage(msg, target),\n  })\n</script>\n","import type { App } from 'vue'\n\nimport IframeResizer from './iframe-resizer.vue'\n\nexport default {\n  install(app: App) {\n    app.component('IframeResizer', IframeResizer)\n  },\n}\n"],"names":["EXPAND","COLLAPSE","createAutoConsoleGroup","mod","acg","props","__props","emit","__emit","iframeRef","ref","resizer","onMounted","consoleGroup","iframe","options","toRaw","value","args","connectResizer","onBeforeUnmount","__expose","anchor","msg","target","_openBlock","_createElementBlock","_mergeProps","$attrs","index","app","IframeResizer"],"mappings":"sGAWQA,EAAS,WACTC,EAAW,wiBAOjB,MAAMC,GALmBC,GAEvBA,GAAK,WAAaA,EAAI,QAAUA,GAGaC,CAAG,EAI5CC,EAAQC,EAuCRC,EAAOC,EAMPC,EAAYC,EAAAA,IAA8B,IAAI,EAC9CC,EAAUD,EAAAA,IAAyB,IAAI,EAE7CE,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAeX,EAAA,EAEfY,EAASL,EAAU,MACnBM,EAAe,CACnB,GAAG,OAAO,YACR,OAAO,QAAQC,EAAAA,MAAMX,CAAK,CAAC,EAAE,OAAO,CAAC,CAAA,CAAGY,CAAK,IAAMA,IAAU,MAAS,CAAA,EAExE,YAAa,GAEb,cAAe,KACbJ,EAAa,MAAM,qBAAqB,EACxCA,EAAa,KAAK,oDAAoD,EAC/D,IAET,QAAS,IAAIK,IAAgBX,EAAK,UAAW,GAAGW,CAAI,EACpD,UAAW,IAAIA,IAAgBX,EAAK,YAAa,GAAGW,CAAI,EACxD,UAAW,IAAIA,IAAgBX,EAAK,YAAa,GAAGW,CAAI,CAAA,EAG1DL,EAAa,MAAM,OAAOC,EAAO,EAAE,GAAG,EACtCD,EAAa,MAAM,OAAO,EAE1BF,EAAQ,MAAQQ,EAAeJ,CAAO,EAAED,CAAM,EAE9CD,EAAa,OAAOE,EAAQ,SAAS,EACjC,CAACd,EAAUD,EAAQ,EAAI,EAAE,SAASe,EAAQ,GAAU,GACtDF,EAAa,IAAI,uBAAuB,CAE5C,CAAC,EAEDO,EAAAA,gBAAgB,IAAM,CACpBT,EAAQ,OAAO,WAAA,CACjB,CAAC,EAEDU,EAAa,CACX,aAAeC,GAAmBX,EAAQ,OAAO,aAAaW,CAAM,EACpE,OAAQ,IAAMX,EAAQ,OAAO,OAAA,EAC7B,YAAa,CAACY,EAAUC,IACtBb,EAAQ,OAAO,YAAYY,EAAKC,CAAM,CAAA,CACzC,UA9GDC,EAAAA,YAAAC,EAAAA,mBAAiD,SAAjDC,aAAiD,SAArC,YAAJ,IAAIlB,CAAA,EAAoBmB,EAAAA,MAAM,EAAA,KAAA,EAAA,MCGxCC,EAAe,CACb,QAAQC,EAAU,CAChBA,EAAI,UAAU,gBAAiBC,CAAa,CAC9C,CACF"}

package/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/index.esm.js

@@ -1,158 +1,88 @@
-/*!
- *  @preserve
- *  
- *  @module      iframe-resizer/vue 5.5.9 (esm) - 2026-02-06
- *
- *  @license     GPL-3.0 for non-commercial use only.
- *               For commercial use, you must purchase a license from
- *               https://iframe-resizer.com/pricing
- * 
- *  @description Keep same and cross domain iFrames sized to their content 
- *
- *  @author      David J. Bradshaw <info@iframe-resizer.com>
- * 
- *  @see         {@link https://iframe-resizer.com}
- * 
- *  @copyright  (c) 2013 - 2026, David J. Bradshaw. All rights reserved.
- */
-
-
-import connectResizer from '@iframe-resizer/core';
-import acg from 'auto-console-group';
-import { openBlock, createElementBlock, mergeProps } from 'vue';
-
-const EXPAND = 'expanded';
-  const COLLAPSE = 'collapsed';
-
-  const esModuleInterop = (mod) =>
-    // eslint-disable-next-line no-underscore-dangle
-    mod?.__esModule ? mod.default : mod;
-
-  // Deal with UMD not converting default exports to named exports
-  const createAutoConsoleGroup = esModuleInterop(acg);
-
-  const script = {
-    name: 'IframeResizer',
-
-    props: {
-      license: {
-        type: String,
-        required: true
-      },
-      bodyBackground: {
-        type: String,
-      },
-      bodyMargin: {
-        type: String,
-      },
-      bodyPadding: {
-        type: String,
-      },
-      checkOrigin: {
-        type: Boolean,
-        default: true,
-      },
-      direction: {
-        type: String,
-      },
-      log: {
-        type: [String, Boolean, Number],
-        validator: (value) => {
-          switch (value) {
-            case COLLAPSE:
-            case EXPAND:
-            case false:
-            case true:
-            case -1:
-              return true
-            default:
-              return false
-          }
-        },
-        default: undefined,
-      },
-      inPageLinks: {
-        type: Boolean,
-      },
-      offset: {
-        type: Number,
-      },
-      scrolling: {
-        type: Boolean,
-      },
-      tolerance: {
-        type: Number,
-      },
-      warningTimeout: {
-        type: Number,
-      },
+import { defineComponent as g, ref as l, onMounted as v, toRaw as R, onBeforeUnmount as b, openBlock as y, createElementBlock as z, mergeProps as B } from "vue";
+import M from "@iframe-resizer/core";
+import _ from "auto-console-group";
+const c = "expanded", u = "collapsed", k = /* @__PURE__ */ g({
+  name: "IframeResizer",
+  __name: "iframe-resizer",
+  props: {
+    license: {
+      type: String,
+      required: !0
     },
-
-    mounted() {
-      const self = this;
-      const { iframe } = this.$refs;
-      const options = {
-        ...Object.fromEntries(
-          Object
-            .entries(this.$props)
-            .filter(([key, value]) => value !== undefined)
-        ),
-        waitForLoad: true,
-
-        onBeforeClose: () => {
-          consoleGroup.event('Blocked Close Event');
-          consoleGroup.warn('Close method is disabled, use Vue to remove iframe');
-          return false
-        },
-        onReady: (...args) => self.$emit('onReady', ...args),
-        onMessage: (...args) => self.$emit('onMessage', ...args),
-        onResized: (...args) => self.$emit('onResized', ...args),
-      };
-
-      const connectWithOptions = connectResizer(options);
-      self.resizer = connectWithOptions(iframe);
-
-      const consoleOptions = {
-        label: `vue(${iframe.id})`,
-        expand: options.logExpand, // set inside connectResizer
-      };
-
-      const consoleGroup = createAutoConsoleGroup(consoleOptions);
-      consoleGroup.event('setup');
-
-      if ([COLLAPSE, EXPAND, true].includes(options.log)) {
-        consoleGroup.log('Created Vue component');
-      }
-    },
-
-    beforeUnmount() {
-      this.resizer?.disconnect();
+    bodyBackground: String,
+    bodyMargin: String,
+    bodyPadding: String,
+    checkOrigin: {
+      type: Boolean,
+      default: !0
     },
-
-    methods: {
-      moveToAnchor(anchor) {
-        this.resizer.moveToAnchor(anchor);
-      },
-      resize() {
-        this.resizer.resize();
-      },
-      sendMessage(msg, target) {
-        this.resizer.sendMessage(msg, target);
+    direction: String,
+    log: {
+      type: [String, Boolean, Number],
+      validator: (n) => {
+        switch (n) {
+          case u:
+          case c:
+          case !1:
+          case !0:
+          case -1:
+          case 0:
+          case 1:
+          case 2:
+            return !0;
+          default:
+            return !1;
+        }
       },
+      default: void 0
     },
-  };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("iframe", mergeProps({ ref: "iframe" }, _ctx.$attrs), null, 16 /* FULL_PROPS */))
-}
-
-script.render = render;
-script.__file = "./iframe-resizer.vue";
-
-const index = {
-  install(Vue) {
-    Vue.component('IframeResizer', script);
+    inPageLinks: Boolean,
+    offset: Number,
+    scrolling: Boolean,
+    tolerance: Number,
+    warningTimeout: Number
   },
+  emits: ["onReady", "onMessage", "onResized"],
+  setup(n, { expose: d, emit: m }) {
+    const f = ((e) => (
+      // eslint-disable-next-line no-underscore-dangle
+      e?.__esModule ? e.default : e
+    ))(_), p = n, s = m, i = l(null), r = l(null);
+    return v(() => {
+      const e = f(), t = i.value, a = {
+        ...Object.fromEntries(
+          Object.entries(R(p)).filter(([, o]) => o !== void 0)
+        ),
+        waitForLoad: !0,
+        onBeforeClose: () => (e.event("Blocked Close Event"), e.warn("Close method is disabled, use Vue to remove iframe"), !1),
+        onReady: (...o) => s("onReady", ...o),
+        onMessage: (...o) => s("onMessage", ...o),
+        onResized: (...o) => s("onResized", ...o)
+      };
+      e.label(`vue(${t.id})`), e.event("setup"), r.value = M(a)(t), e.expand(a.logExpand), [u, c, !0].includes(a.log) && e.log("Created Vue component");
+    }), b(() => {
+      r.value?.disconnect();
+    }), d({
+      moveToAnchor: (e) => r.value?.moveToAnchor(e),
+      resize: () => r.value?.resize(),
+      sendMessage: (e, t) => r.value?.sendMessage(e, t)
+    }), (e, t) => (y(), z(
+      "iframe",
+      B({
+        ref_key: "iframeRef",
+        ref: i
+      }, e.$attrs),
+      null,
+      16
+      /* FULL_PROPS */
+    ));
+  }
+}), E = {
+  install(n) {
+    n.component("IframeResizer", k);
+  }
+};
+export {
+  E as default
 };
-
-export { index as default };
+//# sourceMappingURL=index.esm.js.map

package/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../packages/vue/iframe-resizer.vue","../../packages/vue/index.ts"],"sourcesContent":["<template>\n  <iframe ref=\"iframeRef\" v-bind=\"$attrs\"></iframe>\n</template>\n\n<script setup lang=\"ts\">\n  import { onBeforeUnmount, onMounted, ref, toRaw } from 'vue'\n  import type { PropType } from 'vue'\n  import connectResizer from '@iframe-resizer/core'\n  import type { IFrameObject, LogOption } from '@iframe-resizer/core'\n  import acg from 'auto-console-group'\n\n  const EXPAND = 'expanded'\n  const COLLAPSE = 'collapsed'\n\n  const esModuleInterop = (mod: any) =>\n    // eslint-disable-next-line no-underscore-dangle\n    mod?.__esModule ? mod.default : mod\n\n  // Deal with UMD not converting default exports to named exports\n  const createAutoConsoleGroup = esModuleInterop(acg)\n\n  defineOptions({ name: 'IframeResizer' })\n\n  const props = defineProps({\n    license: {\n      type: String,\n      required: true,\n    },\n    bodyBackground: String,\n    bodyMargin: String,\n    bodyPadding: String,\n    checkOrigin: {\n      type: Boolean,\n      default: true,\n    },\n    direction: String,\n    log: {\n      type: [String, Boolean, Number] as PropType<LogOption>,\n      validator: (value: LogOption) => {\n        switch (value) {\n          case COLLAPSE:\n          case EXPAND:\n          case false:\n          case true:\n          case -1:\n          case 0:\n          case 1:\n          case 2:\n            return true\n          default:\n            return false\n        }\n      },\n      default: undefined,\n    },\n    inPageLinks: Boolean,\n    offset: Number,\n    scrolling: Boolean,\n    tolerance: Number,\n    warningTimeout: Number,\n  })\n\n  const emit = defineEmits<{\n    onReady: [...args: any[]]\n    onMessage: [...args: any[]]\n    onResized: [...args: any[]]\n  }>()\n\n  const iframeRef = ref<HTMLIFrameElement | null>(null)\n  const resizer = ref<IFrameObject | null>(null)\n\n  onMounted(() => {\n    const consoleGroup = createAutoConsoleGroup()\n    // Template refs are guaranteed populated before onMounted fires\n    const iframe = iframeRef.value!\n    const options: any = {\n      ...Object.fromEntries(\n        Object.entries(toRaw(props)).filter(([, value]) => value !== undefined),\n      ),\n      waitForLoad: true,\n\n      onBeforeClose: () => {\n        consoleGroup.event('Blocked Close Event')\n        consoleGroup.warn('Close method is disabled, use Vue to remove iframe')\n        return false\n      },\n      onReady: (...args: any[]) => emit('onReady', ...args),\n      onMessage: (...args: any[]) => emit('onMessage', ...args),\n      onResized: (...args: any[]) => emit('onResized', ...args),\n    }\n\n    consoleGroup.label(`vue(${iframe.id})`)\n    consoleGroup.event('setup')\n\n    resizer.value = connectResizer(options)(iframe)\n\n    consoleGroup.expand(options.logExpand)\n    if ([COLLAPSE, EXPAND, true].includes(options.log as any)) {\n      consoleGroup.log('Created Vue component')\n    }\n  })\n\n  onBeforeUnmount(() => {\n    resizer.value?.disconnect()\n  })\n\n  defineExpose({\n    moveToAnchor: (anchor: string) => resizer.value?.moveToAnchor(anchor),\n    resize: () => resizer.value?.resize(),\n    sendMessage: (msg: any, target?: string) =>\n      resizer.value?.sendMessage(msg, target),\n  })\n</script>\n","import type { App } from 'vue'\n\nimport IframeResizer from './iframe-resizer.vue'\n\nexport default {\n  install(app: App) {\n    app.component('IframeResizer', IframeResizer)\n  },\n}\n"],"names":["EXPAND","COLLAPSE","createAutoConsoleGroup","mod","acg","props","__props","emit","__emit","iframeRef","ref","resizer","onMounted","consoleGroup","iframe","options","toRaw","value","args","connectResizer","onBeforeUnmount","__expose","anchor","msg","target","_openBlock","_createElementBlock","_mergeProps","$attrs","index","app","IframeResizer"],"mappings":";;;AAWE,MAAMA,IAAS,YACTC,IAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOjB,UAAMC,KALkB,CAACC;AAAA;AAAA,MAEvBA,GAAK,aAAaA,EAAI,UAAUA;AAAA,OAGaC,CAAG,GAI5CC,IAAQC,GAuCRC,IAAOC,GAMPC,IAAYC,EAA8B,IAAI,GAC9CC,IAAUD,EAAyB,IAAI;AAE7C,WAAAE,EAAU,MAAM;AACd,YAAMC,IAAeX,EAAA,GAEfY,IAASL,EAAU,OACnBM,IAAe;AAAA,QACnB,GAAG,OAAO;AAAA,UACR,OAAO,QAAQC,EAAMX,CAAK,CAAC,EAAE,OAAO,CAAC,CAAA,EAAGY,CAAK,MAAMA,MAAU,MAAS;AAAA,QAAA;AAAA,QAExE,aAAa;AAAA,QAEb,eAAe,OACbJ,EAAa,MAAM,qBAAqB,GACxCA,EAAa,KAAK,oDAAoD,GAC/D;AAAA,QAET,SAAS,IAAIK,MAAgBX,EAAK,WAAW,GAAGW,CAAI;AAAA,QACpD,WAAW,IAAIA,MAAgBX,EAAK,aAAa,GAAGW,CAAI;AAAA,QACxD,WAAW,IAAIA,MAAgBX,EAAK,aAAa,GAAGW,CAAI;AAAA,MAAA;AAG1D,MAAAL,EAAa,MAAM,OAAOC,EAAO,EAAE,GAAG,GACtCD,EAAa,MAAM,OAAO,GAE1BF,EAAQ,QAAQQ,EAAeJ,CAAO,EAAED,CAAM,GAE9CD,EAAa,OAAOE,EAAQ,SAAS,GACjC,CAACd,GAAUD,GAAQ,EAAI,EAAE,SAASe,EAAQ,GAAU,KACtDF,EAAa,IAAI,uBAAuB;AAAA,IAE5C,CAAC,GAEDO,EAAgB,MAAM;AACpB,MAAAT,EAAQ,OAAO,WAAA;AAAA,IACjB,CAAC,GAEDU,EAAa;AAAA,MACX,cAAc,CAACC,MAAmBX,EAAQ,OAAO,aAAaW,CAAM;AAAA,MACpE,QAAQ,MAAMX,EAAQ,OAAO,OAAA;AAAA,MAC7B,aAAa,CAACY,GAAUC,MACtBb,EAAQ,OAAO,YAAYY,GAAKC,CAAM;AAAA,IAAA,CACzC,cA9GDC,KAAAC;AAAAA,MAAiD;AAAA,MAAjDC,EAAiD;AAAA,iBAArC;AAAA,QAAJ,KAAIlB;AAAA,MAAA,GAAoBmB,EAAAA,MAAM;AAAA,MAAA;AAAA,MAAA;AAAA;AAAA,IAAA;AAAA;ICGxCC,IAAe;AAAA,EACb,QAAQC,GAAU;AAChB,IAAAA,EAAI,UAAU,iBAAiBC,CAAa;AAAA,EAC9C;AACF;"}

package/index.umd.js

@@ -1,20 +1,2 @@
-/*!
- *  @preserve
- *  
- *  @module      iframe-resizer/vue 5.5.9 (umd) - 2026-02-06
- *
- *  @license     GPL-3.0 for non-commercial use only.
- *               For commercial use, you must purchase a license from
- *               https://iframe-resizer.com/pricing
- * 
- *  @description Keep same and cross domain iFrames sized to their content 
- *
- *  @author      David J. Bradshaw <info@iframe-resizer.com>
- * 
- *  @see         {@link https://iframe-resizer.com}
- * 
- *  @copyright  (c) 2013 - 2026, David J. Bradshaw. All rights reserved.
- */
-
-
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("@iframe-resizer/core"),require("auto-console-group"),require("vue")):"function"==typeof define&&define.amd?define(["@iframe-resizer/core","auto-console-group","vue"],r):(e="undefined"!=typeof globalThis?globalThis:e||self).IframeResizer=r(e.connectResizer,e.acg,e.Vue)}(this,function(e,r,o){"use strict";const t="expanded",n="collapsed",i=(s=r,s?.__esModule?s.default:s);var s;const a={name:"IframeResizer",props:{license:{type:String,required:!0},bodyBackground:{type:String},bodyMargin:{type:String},bodyPadding:{type:String},checkOrigin:{type:Boolean,default:!0},direction:{type:String},log:{type:[String,Boolean,Number],validator:e=>{switch(e){case n:case t:case!1:case!0:case-1:return!0;default:return!1}},default:void 0},inPageLinks:{type:Boolean},offset:{type:Number},scrolling:{type:Boolean},tolerance:{type:Number},warningTimeout:{type:Number}},mounted(){const r=this,{iframe:o}=this.$refs,s={...Object.fromEntries(Object.entries(this.$props).filter(([e,r])=>void 0!==r)),waitForLoad:!0,onBeforeClose:()=>(l.event("Blocked Close Event"),l.warn("Close method is disabled, use Vue to remove iframe"),!1),onReady:(...e)=>r.$emit("onReady",...e),onMessage:(...e)=>r.$emit("onMessage",...e),onResized:(...e)=>r.$emit("onResized",...e)},a=e(s);r.resizer=a(o);const d={label:`vue(${o.id})`,expand:s.logExpand},l=i(d);l.event("setup"),[n,t,!0].includes(s.log)&&l.log("Created Vue component")},beforeUnmount(){this.resizer?.disconnect()},methods:{moveToAnchor(e){this.resizer.moveToAnchor(e)},resize(){this.resizer.resize()},sendMessage(e,r){this.resizer.sendMessage(e,r)}}};a.render=function(e,r,t,n,i,s){return o.openBlock(),o.createElementBlock("iframe",o.mergeProps({ref:"iframe"},e.$attrs),null,16)},a.__file="./iframe-resizer.vue";return{install(e){e.component("IframeResizer",a)}}});
+(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue"),require("@iframe-resizer/core"),require("auto-console-group")):typeof define=="function"&&define.amd?define(["vue","@iframe-resizer/core","auto-console-group"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.IframeResizer=r(e.Vue,e.connectResizer,e.acg))})(this,(function(e,r,f){"use strict";const u="expanded",d="collapsed",m=e.defineComponent({name:"IframeResizer",__name:"iframe-resizer",props:{license:{type:String,required:!0},bodyBackground:String,bodyMargin:String,bodyPadding:String,checkOrigin:{type:Boolean,default:!0},direction:String,log:{type:[String,Boolean,Number],validator:t=>{switch(t){case d:case u:case!1:case!0:case-1:case 0:case 1:case 2:return!0;default:return!1}},default:void 0},inPageLinks:Boolean,offset:Number,scrolling:Boolean,tolerance:Number,warningTimeout:Number},emits:["onReady","onMessage","onResized"],setup(t,{expose:p,emit:g}){const z=(o=>o?.__esModule?o.default:o)(f),R=t,a=g,l=e.ref(null),s=e.ref(null);return e.onMounted(()=>{const o=z(),i=l.value,c={...Object.fromEntries(Object.entries(e.toRaw(R)).filter(([,n])=>n!==void 0)),waitForLoad:!0,onBeforeClose:()=>(o.event("Blocked Close Event"),o.warn("Close method is disabled, use Vue to remove iframe"),!1),onReady:(...n)=>a("onReady",...n),onMessage:(...n)=>a("onMessage",...n),onResized:(...n)=>a("onResized",...n)};o.label(`vue(${i.id})`),o.event("setup"),s.value=r(c)(i),o.expand(c.logExpand),[d,u,!0].includes(c.log)&&o.log("Created Vue component")}),e.onBeforeUnmount(()=>{s.value?.disconnect()}),p({moveToAnchor:o=>s.value?.moveToAnchor(o),resize:()=>s.value?.resize(),sendMessage:(o,i)=>s.value?.sendMessage(o,i)}),(o,i)=>(e.openBlock(),e.createElementBlock("iframe",e.mergeProps({ref_key:"iframeRef",ref:l},o.$attrs),null,16))}});return{install(t){t.component("IframeResizer",m)}}}));
+//# sourceMappingURL=index.umd.js.map

package/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../../packages/vue/iframe-resizer.vue","../../packages/vue/index.ts"],"sourcesContent":["<template>\n  <iframe ref=\"iframeRef\" v-bind=\"$attrs\"></iframe>\n</template>\n\n<script setup lang=\"ts\">\n  import { onBeforeUnmount, onMounted, ref, toRaw } from 'vue'\n  import type { PropType } from 'vue'\n  import connectResizer from '@iframe-resizer/core'\n  import type { IFrameObject, LogOption } from '@iframe-resizer/core'\n  import acg from 'auto-console-group'\n\n  const EXPAND = 'expanded'\n  const COLLAPSE = 'collapsed'\n\n  const esModuleInterop = (mod: any) =>\n    // eslint-disable-next-line no-underscore-dangle\n    mod?.__esModule ? mod.default : mod\n\n  // Deal with UMD not converting default exports to named exports\n  const createAutoConsoleGroup = esModuleInterop(acg)\n\n  defineOptions({ name: 'IframeResizer' })\n\n  const props = defineProps({\n    license: {\n      type: String,\n      required: true,\n    },\n    bodyBackground: String,\n    bodyMargin: String,\n    bodyPadding: String,\n    checkOrigin: {\n      type: Boolean,\n      default: true,\n    },\n    direction: String,\n    log: {\n      type: [String, Boolean, Number] as PropType<LogOption>,\n      validator: (value: LogOption) => {\n        switch (value) {\n          case COLLAPSE:\n          case EXPAND:\n          case false:\n          case true:\n          case -1:\n          case 0:\n          case 1:\n          case 2:\n            return true\n          default:\n            return false\n        }\n      },\n      default: undefined,\n    },\n    inPageLinks: Boolean,\n    offset: Number,\n    scrolling: Boolean,\n    tolerance: Number,\n    warningTimeout: Number,\n  })\n\n  const emit = defineEmits<{\n    onReady: [...args: any[]]\n    onMessage: [...args: any[]]\n    onResized: [...args: any[]]\n  }>()\n\n  const iframeRef = ref<HTMLIFrameElement | null>(null)\n  const resizer = ref<IFrameObject | null>(null)\n\n  onMounted(() => {\n    const consoleGroup = createAutoConsoleGroup()\n    // Template refs are guaranteed populated before onMounted fires\n    const iframe = iframeRef.value!\n    const options: any = {\n      ...Object.fromEntries(\n        Object.entries(toRaw(props)).filter(([, value]) => value !== undefined),\n      ),\n      waitForLoad: true,\n\n      onBeforeClose: () => {\n        consoleGroup.event('Blocked Close Event')\n        consoleGroup.warn('Close method is disabled, use Vue to remove iframe')\n        return false\n      },\n      onReady: (...args: any[]) => emit('onReady', ...args),\n      onMessage: (...args: any[]) => emit('onMessage', ...args),\n      onResized: (...args: any[]) => emit('onResized', ...args),\n    }\n\n    consoleGroup.label(`vue(${iframe.id})`)\n    consoleGroup.event('setup')\n\n    resizer.value = connectResizer(options)(iframe)\n\n    consoleGroup.expand(options.logExpand)\n    if ([COLLAPSE, EXPAND, true].includes(options.log as any)) {\n      consoleGroup.log('Created Vue component')\n    }\n  })\n\n  onBeforeUnmount(() => {\n    resizer.value?.disconnect()\n  })\n\n  defineExpose({\n    moveToAnchor: (anchor: string) => resizer.value?.moveToAnchor(anchor),\n    resize: () => resizer.value?.resize(),\n    sendMessage: (msg: any, target?: string) =>\n      resizer.value?.sendMessage(msg, target),\n  })\n</script>\n","import type { App } from 'vue'\n\nimport IframeResizer from './iframe-resizer.vue'\n\nexport default {\n  install(app: App) {\n    app.component('IframeResizer', IframeResizer)\n  },\n}\n"],"names":["EXPAND","COLLAPSE","createAutoConsoleGroup","mod","acg","props","__props","emit","__emit","iframeRef","ref","resizer","onMounted","consoleGroup","iframe","options","toRaw","value","args","connectResizer","onBeforeUnmount","__expose","anchor","msg","target","_openBlock","_createElementBlock","_mergeProps","$attrs","app","IframeResizer"],"mappings":"gYAWE,MAAMA,EAAS,WACTC,EAAW,wiBAOjB,MAAMC,GALmBC,GAEvBA,GAAK,WAAaA,EAAI,QAAUA,GAGaC,CAAG,EAI5CC,EAAQC,EAuCRC,EAAOC,EAMPC,EAAYC,EAAAA,IAA8B,IAAI,EAC9CC,EAAUD,EAAAA,IAAyB,IAAI,EAE7CE,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAeX,EAAA,EAEfY,EAASL,EAAU,MACnBM,EAAe,CACnB,GAAG,OAAO,YACR,OAAO,QAAQC,EAAAA,MAAMX,CAAK,CAAC,EAAE,OAAO,CAAC,CAAA,CAAGY,CAAK,IAAMA,IAAU,MAAS,CAAA,EAExE,YAAa,GAEb,cAAe,KACbJ,EAAa,MAAM,qBAAqB,EACxCA,EAAa,KAAK,oDAAoD,EAC/D,IAET,QAAS,IAAIK,IAAgBX,EAAK,UAAW,GAAGW,CAAI,EACpD,UAAW,IAAIA,IAAgBX,EAAK,YAAa,GAAGW,CAAI,EACxD,UAAW,IAAIA,IAAgBX,EAAK,YAAa,GAAGW,CAAI,CAAA,EAG1DL,EAAa,MAAM,OAAOC,EAAO,EAAE,GAAG,EACtCD,EAAa,MAAM,OAAO,EAE1BF,EAAQ,MAAQQ,EAAeJ,CAAO,EAAED,CAAM,EAE9CD,EAAa,OAAOE,EAAQ,SAAS,EACjC,CAACd,EAAUD,EAAQ,EAAI,EAAE,SAASe,EAAQ,GAAU,GACtDF,EAAa,IAAI,uBAAuB,CAE5C,CAAC,EAEDO,EAAAA,gBAAgB,IAAM,CACpBT,EAAQ,OAAO,WAAA,CACjB,CAAC,EAEDU,EAAa,CACX,aAAeC,GAAmBX,EAAQ,OAAO,aAAaW,CAAM,EACpE,OAAQ,IAAMX,EAAQ,OAAO,OAAA,EAC7B,YAAa,CAACY,EAAUC,IACtBb,EAAQ,OAAO,YAAYY,EAAKC,CAAM,CAAA,CACzC,UA9GDC,EAAAA,YAAAC,EAAAA,mBAAiD,SAAjDC,aAAiD,SAArC,YAAJ,IAAIlB,CAAA,EAAoBmB,EAAAA,MAAM,EAAA,KAAA,EAAA,YCGzB,CACb,QAAQC,EAAU,CAChBA,EAAI,UAAU,gBAAiBC,CAAa,CAC9C,CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iframe-resizer/vue",
-  "version": "5.5.9",
+  "version": "6.0.0-beta.1",
   "license": "GPL-3.0",
   "homepage": "https://iframe-resizer.com",
   "author": {
@@ -19,11 +19,12 @@
   },
   "main": "index.umd.js",
   "module": "index.esm.js",
+  "types": "index.d.ts",
   "browser": {
     "./sfc": "iframe-resizer.vue"
   },
   "peerDependencies": {
-    "vue": "^2.6.0 || ^3.0.0"
+    "vue": "^3.3.0"
   },
   "keywords": [
     "iframe",
@@ -39,7 +40,7 @@
     "vue"
   ],
   "dependencies": {
-    "@iframe-resizer/core": "5.5.9",
+    "@iframe-resizer/core": "6.0.0-beta.1",
     "auto-console-group": "1.3.0"
   }
-}
+}