@iframe-resizer/vue 5.0.0-beta.1 → 5.0.1-beta.1

package/README.md

@@ -22,4 +22,4 @@ yarn add @iframe-resizer/vue
 
 ---
 
-_iframe-resizer version 5.0.1 2024-05-28 - 19:45:39.232Z_
+_iframe-resizer version 5.0.1 2024-05-29 - 15:28:21.014Z_

package/iframe-resizer.vue

@@ -2,12 +2,13 @@
   <iframe ref="iframe" v-bind="$attrs"></iframe>
 </template>
 
-<script setup>
+<script>
   import connectResizer from '@iframe-resizer/core'
 
-  const emit = defineEmits(['onReady', 'onMessage', 'onResized'])
+  export default {
+    name: 'IframeResizer',
 
-  defineProps({
+    props: {
       license: {
         type: String,
         required: true
@@ -43,10 +44,7 @@
       warningTimeout: {
         type: Number,
       },
-    })
-
-  defineOptions({
-    name: 'IframeResizer',
+    },
     
     mounted() {
       const self = this
@@ -58,7 +56,7 @@
             .filter(([key, value]) => value !== undefined)
         ),
 
-        onClose:() => false, // Disable close methods, use Vue to remove iframe
+        onClose: () => false, // Disable close methods, use Vue to remove iframe
         onReady: (...args) => self.$emit('onReady', ...args),
         onMessage: (...args) => self.$emit('onMessage', ...args),
         onResized: (...args) => self.$emit('onResized', ...args),
@@ -66,14 +64,26 @@
 
       const connectWithOptions = connectResizer(options)
 
-      iframe.addEventListener("load", () => connectWithOptions(iframe))
+      iframe.addEventListener("load", () => {
+        self.resizer = connectWithOptions(iframe)
+      })
     },
     
-    beforeDestroy() {
-      if (this.$refs.iframe.iFrameResizer) {
-        this.$refs.iframe.iFrameResizer.disconnect();
-      }
-    }
-  })
+    beforeUnmount() {
+      this.resizer?.disconnect()
+    },
+
+    methods: {
+      moveToAnchor(anchor) {
+        this.resizer.moveToAnchor(anchor)
+      },
+      resize() {
+        this.resizer.resize()
+      },
+      sendMessage(msg, target) {
+        this.resizer.sendMessage(msg, target)
+      },
+    },
+  }
 
 </script>

package/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  *  @preserve
  *  
- *  @module     iframe-resizer/vue 5.0.1 (cjs) - 2024-05-28
+ *  @module     iframe-resizer/vue 5.0.1 (cjs) - 2024-05-29
  *
  *  @license    GPL-3.0 for non-commercial use only.
  *              For commercial use, you must purchase a license from
@@ -19,41 +19,13 @@
 
 'use strict';
 
-const vue = require('vue');
 const connectResizer = require('@iframe-resizer/core');
+const vue = require('vue');
 
-const script = /*#__PURE__*/Object.assign({
+const script = {
     name: 'IframeResizer',
-    
-    mounted() {
-      const self = this;
-      const { iframe } = this.$refs;
-      const options = {
-        ...Object.fromEntries(
-          Object
-            .entries(this.$props)
-            .filter(([key, value]) => value !== undefined)
-        ),
 
-        onClose:() => false, // Disable close methods, use Vue to remove iframe
-        onReady: (...args) => self.$emit('onReady', ...args),
-        onMessage: (...args) => self.$emit('onMessage', ...args),
-        onResized: (...args) => self.$emit('onResized', ...args),
-      };
-
-      const connectWithOptions = connectResizer(options);
-
-      iframe.addEventListener("load", () => connectWithOptions(iframe));
-    },
-    
-    beforeDestroy() {
-      if (this.$refs.iframe.iFrameResizer) {
-        this.$refs.iframe.iFrameResizer.disconnect();
-      }
-    }
-  }, {
-  __name: 'iframe-resizer',
-  props: {
+    props: {
       license: {
         type: String,
         required: true
@@ -90,21 +62,52 @@ const script = /*#__PURE__*/Object.assign({
         type: Number,
       },
     },
-  emits: ['onReady', 'onMessage', 'onResized'],
-  setup(__props, { emit: __emit }) {
+    
+    mounted() {
+      const self = this;
+      const { iframe } = this.$refs;
+      const options = {
+        ...Object.fromEntries(
+          Object
+            .entries(this.$props)
+            .filter(([key, value]) => value !== undefined)
+        ),
 
-  
+        onClose: () => false, // Disable close methods, use Vue to remove iframe
+        onReady: (...args) => self.$emit('onReady', ...args),
+        onMessage: (...args) => self.$emit('onMessage', ...args),
+        onResized: (...args) => self.$emit('onResized', ...args),
+      };
 
-  
+      const connectWithOptions = connectResizer(options);
 
+      iframe.addEventListener("load", () => {
+        self.resizer = connectWithOptions(iframe);
+      });
+    },
+    
+    beforeUnmount() {
+      this.resizer?.disconnect();
+    },
 
-return (_ctx, _cache) => {
+    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 = {

package/index.esm.js

@@ -1,7 +1,7 @@
 /*!
  *  @preserve
  *  
- *  @module     iframe-resizer/vue 5.0.1 (esm) - 2024-05-28
+ *  @module     iframe-resizer/vue 5.0.1 (esm) - 2024-05-29
  *
  *  @license    GPL-3.0 for non-commercial use only.
  *              For commercial use, you must purchase a license from
@@ -17,41 +17,13 @@
  */
 
 
-import { openBlock, createElementBlock, mergeProps } from 'vue';
 import connectResizer from '@iframe-resizer/core';
+import { openBlock, createElementBlock, mergeProps } from 'vue';
 
-const script = /*#__PURE__*/Object.assign({
+const script = {
     name: 'IframeResizer',
-    
-    mounted() {
-      const self = this;
-      const { iframe } = this.$refs;
-      const options = {
-        ...Object.fromEntries(
-          Object
-            .entries(this.$props)
-            .filter(([key, value]) => value !== undefined)
-        ),
 
-        onClose:() => false, // Disable close methods, use Vue to remove iframe
-        onReady: (...args) => self.$emit('onReady', ...args),
-        onMessage: (...args) => self.$emit('onMessage', ...args),
-        onResized: (...args) => self.$emit('onResized', ...args),
-      };
-
-      const connectWithOptions = connectResizer(options);
-
-      iframe.addEventListener("load", () => connectWithOptions(iframe));
-    },
-    
-    beforeDestroy() {
-      if (this.$refs.iframe.iFrameResizer) {
-        this.$refs.iframe.iFrameResizer.disconnect();
-      }
-    }
-  }, {
-  __name: 'iframe-resizer',
-  props: {
+    props: {
       license: {
         type: String,
         required: true
@@ -88,21 +60,52 @@ const script = /*#__PURE__*/Object.assign({
         type: Number,
       },
     },
-  emits: ['onReady', 'onMessage', 'onResized'],
-  setup(__props, { emit: __emit }) {
+    
+    mounted() {
+      const self = this;
+      const { iframe } = this.$refs;
+      const options = {
+        ...Object.fromEntries(
+          Object
+            .entries(this.$props)
+            .filter(([key, value]) => value !== undefined)
+        ),
 
-  
+        onClose: () => false, // Disable close methods, use Vue to remove iframe
+        onReady: (...args) => self.$emit('onReady', ...args),
+        onMessage: (...args) => self.$emit('onMessage', ...args),
+        onResized: (...args) => self.$emit('onResized', ...args),
+      };
 
-  
+      const connectWithOptions = connectResizer(options);
 
+      iframe.addEventListener("load", () => {
+        self.resizer = connectWithOptions(iframe);
+      });
+    },
+    
+    beforeUnmount() {
+      this.resizer?.disconnect();
+    },
 
-return (_ctx, _cache) => {
+    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 (openBlock(), createElementBlock("iframe", mergeProps({ ref: "iframe" }, _ctx.$attrs), null, 16 /* FULL_PROPS */))
 }
-}
-
-});
 
+script.render = render;
 script.__file = "./iframe-resizer.vue";
 
 const index = {

package/index.umd.js

@@ -1,7 +1,7 @@
 /*!
  *  @preserve
  *  
- *  @module     iframe-resizer/vue 5.0.1 (umd) - 2024-05-28
+ *  @module     iframe-resizer/vue 5.0.1 (umd) - 2024-05-29
  *
  *  @license    GPL-3.0 for non-commercial use only.
  *              For commercial use, you must purchase a license from
@@ -18,43 +18,15 @@
 
 
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('@iframe-resizer/core')) :
-  typeof define === 'function' && define.amd ? define(['vue', '@iframe-resizer/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.IframeResizer = factory(global.vue, global.connectResizer));
-})(this, (function (vue, connectResizer) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@iframe-resizer/core'), require('vue')) :
+  typeof define === 'function' && define.amd ? define(['@iframe-resizer/core', 'vue'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.IframeResizer = factory(global.connectResizer, global.vue));
+})(this, (function (connectResizer, vue) { 'use strict';
 
-  const script = /*#__PURE__*/Object.assign({
+  const script = {
       name: 'IframeResizer',
-      
-      mounted() {
-        const self = this;
-        const { iframe } = this.$refs;
-        const options = {
-          ...Object.fromEntries(
-            Object
-              .entries(this.$props)
-              .filter(([key, value]) => value !== undefined)
-          ),
-
-          onClose:() => false, // Disable close methods, use Vue to remove iframe
-          onReady: (...args) => self.$emit('onReady', ...args),
-          onMessage: (...args) => self.$emit('onMessage', ...args),
-          onResized: (...args) => self.$emit('onResized', ...args),
-        };
-
-        const connectWithOptions = connectResizer(options);
 
-        iframe.addEventListener("load", () => connectWithOptions(iframe));
-      },
-      
-      beforeDestroy() {
-        if (this.$refs.iframe.iFrameResizer) {
-          this.$refs.iframe.iFrameResizer.disconnect();
-        }
-      }
-    }, {
-    __name: 'iframe-resizer',
-    props: {
+      props: {
         license: {
           type: String,
           required: true
@@ -91,21 +63,52 @@
           type: Number,
         },
       },
-    emits: ['onReady', 'onMessage', 'onResized'],
-    setup(__props, { emit: __emit }) {
+      
+      mounted() {
+        const self = this;
+        const { iframe } = this.$refs;
+        const options = {
+          ...Object.fromEntries(
+            Object
+              .entries(this.$props)
+              .filter(([key, value]) => value !== undefined)
+          ),
+
+          onClose: () => false, // Disable close methods, use Vue to remove iframe
+          onReady: (...args) => self.$emit('onReady', ...args),
+          onMessage: (...args) => self.$emit('onMessage', ...args),
+          onResized: (...args) => self.$emit('onResized', ...args),
+        };
 
-    
+        const connectWithOptions = connectResizer(options);
 
-    
+        iframe.addEventListener("load", () => {
+          self.resizer = connectWithOptions(iframe);
+        });
+      },
+      
+      beforeUnmount() {
+        this.resizer?.disconnect();
+      },
 
+      methods: {
+        moveToAnchor(anchor) {
+          this.resizer.moveToAnchor(anchor);
+        },
+        resize() {
+          this.resizer.resize();
+        },
+        sendMessage(msg, target) {
+          this.resizer.sendMessage(msg, target);
+        },
+      },
+    };
 
-  return (_ctx, _cache) => {
+  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 = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iframe-resizer/vue",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.1-beta.1",
   "license": "GPL-3.0",
   "homepage": "https://iframe-resizer.com",
   "author": {