@iframe-resizer/vue 5.1.3 → 5.2.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/index.cjs.js +100 -2
- package/index.esm.js +98 -2
- package/index.umd.js +2 -1
- package/index.umd.js.map +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
package/index.cjs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @preserve
|
|
3
3
|
*
|
|
4
|
-
* @module iframe-resizer/vue 5.1
|
|
4
|
+
* @module iframe-resizer/vue 5.2.0-beta.1 (cjs) - 2024-07-02
|
|
5
5
|
*
|
|
6
6
|
* @license GPL-3.0 for non-commercial use only.
|
|
7
7
|
* For commercial use, you must purchase a license from
|
|
@@ -17,4 +17,102 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
'use strict';
|
|
21
|
+
|
|
22
|
+
const connectResizer = require('@iframe-resizer/core');
|
|
23
|
+
const vue = require('vue');
|
|
24
|
+
|
|
25
|
+
const script = {
|
|
26
|
+
name: 'IframeResizer',
|
|
27
|
+
|
|
28
|
+
props: {
|
|
29
|
+
license: {
|
|
30
|
+
type: String,
|
|
31
|
+
required: true
|
|
32
|
+
},
|
|
33
|
+
bodyBackground: {
|
|
34
|
+
type: String,
|
|
35
|
+
},
|
|
36
|
+
bodyMargin: {
|
|
37
|
+
type: String,
|
|
38
|
+
},
|
|
39
|
+
bodyPadding: {
|
|
40
|
+
type: String,
|
|
41
|
+
},
|
|
42
|
+
checkOrigin: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: true,
|
|
45
|
+
},
|
|
46
|
+
direction: {
|
|
47
|
+
type: String,
|
|
48
|
+
},
|
|
49
|
+
inPageLinks: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
},
|
|
52
|
+
offset: {
|
|
53
|
+
type: Number,
|
|
54
|
+
},
|
|
55
|
+
scrolling: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
},
|
|
58
|
+
tolerance: {
|
|
59
|
+
type: Number,
|
|
60
|
+
},
|
|
61
|
+
warningTimeout: {
|
|
62
|
+
type: Number,
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
|
|
66
|
+
mounted() {
|
|
67
|
+
const self = this;
|
|
68
|
+
const { iframe } = this.$refs;
|
|
69
|
+
const options = {
|
|
70
|
+
...Object.fromEntries(
|
|
71
|
+
Object
|
|
72
|
+
.entries(this.$props)
|
|
73
|
+
.filter(([key, value]) => value !== undefined)
|
|
74
|
+
),
|
|
75
|
+
waitForLoad: true,
|
|
76
|
+
|
|
77
|
+
onClosed: () => false, // Disable close methods, use Vue to remove iframe
|
|
78
|
+
onReady: (...args) => self.$emit('onReady', ...args),
|
|
79
|
+
onMessage: (...args) => self.$emit('onMessage', ...args),
|
|
80
|
+
onResized: (...args) => self.$emit('onResized', ...args),
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
const connectWithOptions = connectResizer(options);
|
|
84
|
+
|
|
85
|
+
self.resizer = connectWithOptions(iframe);
|
|
86
|
+
},
|
|
87
|
+
|
|
88
|
+
beforeUnmount() {
|
|
89
|
+
this.resizer?.disconnect();
|
|
90
|
+
},
|
|
91
|
+
|
|
92
|
+
methods: {
|
|
93
|
+
moveToAnchor(anchor) {
|
|
94
|
+
this.resizer.moveToAnchor(anchor);
|
|
95
|
+
},
|
|
96
|
+
resize() {
|
|
97
|
+
this.resizer.resize();
|
|
98
|
+
},
|
|
99
|
+
sendMessage(msg, target) {
|
|
100
|
+
this.resizer.sendMessage(msg, target);
|
|
101
|
+
},
|
|
102
|
+
},
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
106
|
+
return (vue.openBlock(), vue.createElementBlock("iframe", vue.mergeProps({ ref: "iframe" }, _ctx.$attrs), null, 16 /* FULL_PROPS */))
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
script.render = render;
|
|
110
|
+
script.__file = "./iframe-resizer.vue";
|
|
111
|
+
|
|
112
|
+
const index = {
|
|
113
|
+
install(Vue) {
|
|
114
|
+
Vue.component('IframeResizer', script);
|
|
115
|
+
},
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
module.exports = index;
|
package/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @preserve
|
|
3
3
|
*
|
|
4
|
-
* @module iframe-resizer/vue 5.1
|
|
4
|
+
* @module iframe-resizer/vue 5.2.0-beta.1 (esm) - 2024-07-02
|
|
5
5
|
*
|
|
6
6
|
* @license GPL-3.0 for non-commercial use only.
|
|
7
7
|
* For commercial use, you must purchase a license from
|
|
@@ -17,4 +17,100 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
import
|
|
20
|
+
import connectResizer from '@iframe-resizer/core';
|
|
21
|
+
import { openBlock, createElementBlock, mergeProps } from 'vue';
|
|
22
|
+
|
|
23
|
+
const script = {
|
|
24
|
+
name: 'IframeResizer',
|
|
25
|
+
|
|
26
|
+
props: {
|
|
27
|
+
license: {
|
|
28
|
+
type: String,
|
|
29
|
+
required: true
|
|
30
|
+
},
|
|
31
|
+
bodyBackground: {
|
|
32
|
+
type: String,
|
|
33
|
+
},
|
|
34
|
+
bodyMargin: {
|
|
35
|
+
type: String,
|
|
36
|
+
},
|
|
37
|
+
bodyPadding: {
|
|
38
|
+
type: String,
|
|
39
|
+
},
|
|
40
|
+
checkOrigin: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: true,
|
|
43
|
+
},
|
|
44
|
+
direction: {
|
|
45
|
+
type: String,
|
|
46
|
+
},
|
|
47
|
+
inPageLinks: {
|
|
48
|
+
type: Boolean,
|
|
49
|
+
},
|
|
50
|
+
offset: {
|
|
51
|
+
type: Number,
|
|
52
|
+
},
|
|
53
|
+
scrolling: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
},
|
|
56
|
+
tolerance: {
|
|
57
|
+
type: Number,
|
|
58
|
+
},
|
|
59
|
+
warningTimeout: {
|
|
60
|
+
type: Number,
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
|
|
64
|
+
mounted() {
|
|
65
|
+
const self = this;
|
|
66
|
+
const { iframe } = this.$refs;
|
|
67
|
+
const options = {
|
|
68
|
+
...Object.fromEntries(
|
|
69
|
+
Object
|
|
70
|
+
.entries(this.$props)
|
|
71
|
+
.filter(([key, value]) => value !== undefined)
|
|
72
|
+
),
|
|
73
|
+
waitForLoad: true,
|
|
74
|
+
|
|
75
|
+
onClosed: () => false, // Disable close methods, use Vue to remove iframe
|
|
76
|
+
onReady: (...args) => self.$emit('onReady', ...args),
|
|
77
|
+
onMessage: (...args) => self.$emit('onMessage', ...args),
|
|
78
|
+
onResized: (...args) => self.$emit('onResized', ...args),
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
const connectWithOptions = connectResizer(options);
|
|
82
|
+
|
|
83
|
+
self.resizer = connectWithOptions(iframe);
|
|
84
|
+
},
|
|
85
|
+
|
|
86
|
+
beforeUnmount() {
|
|
87
|
+
this.resizer?.disconnect();
|
|
88
|
+
},
|
|
89
|
+
|
|
90
|
+
methods: {
|
|
91
|
+
moveToAnchor(anchor) {
|
|
92
|
+
this.resizer.moveToAnchor(anchor);
|
|
93
|
+
},
|
|
94
|
+
resize() {
|
|
95
|
+
this.resizer.resize();
|
|
96
|
+
},
|
|
97
|
+
sendMessage(msg, target) {
|
|
98
|
+
this.resizer.sendMessage(msg, target);
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
104
|
+
return (openBlock(), createElementBlock("iframe", mergeProps({ ref: "iframe" }, _ctx.$attrs), null, 16 /* FULL_PROPS */))
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
script.render = render;
|
|
108
|
+
script.__file = "./iframe-resizer.vue";
|
|
109
|
+
|
|
110
|
+
const index = {
|
|
111
|
+
install(Vue) {
|
|
112
|
+
Vue.component('IframeResizer', script);
|
|
113
|
+
},
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
export { index as default };
|
package/index.umd.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @preserve
|
|
3
3
|
*
|
|
4
|
-
* @module iframe-resizer/vue 5.1
|
|
4
|
+
* @module iframe-resizer/vue 5.2.0-beta.1 (umd) - 2024-07-02
|
|
5
5
|
*
|
|
6
6
|
* @license GPL-3.0 for non-commercial use only.
|
|
7
7
|
* For commercial use, you must purchase a license from
|
|
@@ -18,3 +18,4 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("@iframe-resizer/core"),require("vue")):"function"==typeof define&&define.amd?define(["@iframe-resizer/core","vue"],r):(e="undefined"!=typeof globalThis?globalThis:e||self).IframeResizer=r(e.connectResizer,e.vue)}(this,(function(e,r){"use strict";const i={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},inPageLinks:{type:Boolean},offset:{type:Number},scrolling:{type:Boolean},tolerance:{type:Number},warningTimeout:{type:Number}},mounted(){const r=this,{iframe:i}=this.$refs,n={...Object.fromEntries(Object.entries(this.$props).filter((([e,r])=>void 0!==r))),waitForLoad:!0,onClosed:()=>!1,onReady:(...e)=>r.$emit("onReady",...e),onMessage:(...e)=>r.$emit("onMessage",...e),onResized:(...e)=>r.$emit("onResized",...e)},o=e(n);r.resizer=o(i)},beforeUnmount(){this.resizer?.disconnect()},methods:{moveToAnchor(e){this.resizer.moveToAnchor(e)},resize(){this.resizer.resize()},sendMessage(e,r){this.resizer.sendMessage(e,r)}}};i.render=function(e,i,n,o,t,s){return r.openBlock(),r.createElementBlock("iframe",r.mergeProps({ref:"iframe"},e.$attrs),null,16)},i.__file="./iframe-resizer.vue";return{install(e){e.component("IframeResizer",i)}}}));
|
|
21
|
+
//# sourceMappingURL=index.umd.js.map
|
package/index.umd.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../../packages/vue/iframe-resizer.vue","../../packages/vue/iframe-resizer.vue?vue&type=template&id=722fe402&lang.js","../../packages/vue/index.js"],"sourcesContent":["<template>\n <iframe ref=\"iframe\" v-bind=\"$attrs\"></iframe>\n</template>\n\n<script>\n import connectResizer from '@iframe-resizer/core'\n\n export default {\n name: 'IframeResizer',\n\n props: {\n license: {\n type: String,\n required: true\n },\n bodyBackground: {\n type: String,\n },\n bodyMargin: {\n type: String,\n },\n bodyPadding: {\n type: String,\n },\n checkOrigin: {\n type: Boolean,\n default: true,\n },\n direction: {\n type: String,\n },\n inPageLinks: {\n type: Boolean,\n },\n offset: {\n type: Number,\n },\n scrolling: {\n type: Boolean,\n },\n tolerance: {\n type: Number,\n },\n warningTimeout: {\n type: Number,\n },\n },\n \n mounted() {\n const self = this\n const { iframe } = this.$refs\n const options = {\n ...Object.fromEntries(\n Object\n .entries(this.$props)\n .filter(([key, value]) => value !== undefined)\n ),\n waitForLoad: true,\n\n onClosed: () => false, // Disable close methods, use Vue to remove iframe\n onReady: (...args) => self.$emit('onReady', ...args),\n onMessage: (...args) => self.$emit('onMessage', ...args),\n onResized: (...args) => self.$emit('onResized', ...args),\n }\n\n const connectWithOptions = connectResizer(options)\n\n self.resizer = connectWithOptions(iframe)\n },\n \n beforeUnmount() {\n this.resizer?.disconnect()\n },\n\n methods: {\n moveToAnchor(anchor) {\n this.resizer.moveToAnchor(anchor)\n },\n resize() {\n this.resizer.resize()\n },\n sendMessage(msg, target) {\n this.resizer.sendMessage(msg, target)\n },\n },\n }\n\n</script>\n","<template>\n <iframe ref=\"iframe\" v-bind=\"$attrs\"></iframe>\n</template>\n\n<script>\n import connectResizer from '@iframe-resizer/core'\n\n export default {\n name: 'IframeResizer',\n\n props: {\n license: {\n type: String,\n required: true\n },\n bodyBackground: {\n type: String,\n },\n bodyMargin: {\n type: String,\n },\n bodyPadding: {\n type: String,\n },\n checkOrigin: {\n type: Boolean,\n default: true,\n },\n direction: {\n type: String,\n },\n inPageLinks: {\n type: Boolean,\n },\n offset: {\n type: Number,\n },\n scrolling: {\n type: Boolean,\n },\n tolerance: {\n type: Number,\n },\n warningTimeout: {\n type: Number,\n },\n },\n \n mounted() {\n const self = this\n const { iframe } = this.$refs\n const options = {\n ...Object.fromEntries(\n Object\n .entries(this.$props)\n .filter(([key, value]) => value !== undefined)\n ),\n waitForLoad: true,\n\n onClosed: () => false, // Disable close methods, use Vue to remove iframe\n onReady: (...args) => self.$emit('onReady', ...args),\n onMessage: (...args) => self.$emit('onMessage', ...args),\n onResized: (...args) => self.$emit('onResized', ...args),\n }\n\n const connectWithOptions = connectResizer(options)\n\n self.resizer = connectWithOptions(iframe)\n },\n \n beforeUnmount() {\n this.resizer?.disconnect()\n },\n\n methods: {\n moveToAnchor(anchor) {\n this.resizer.moveToAnchor(anchor)\n },\n resize() {\n this.resizer.resize()\n },\n sendMessage(msg, target) {\n this.resizer.sendMessage(msg, target)\n },\n },\n }\n\n</script>\n","import IframeResizer from './iframe-resizer.vue'\n\nexport default {\n install(Vue) {\n Vue.component('IframeResizer', IframeResizer)\n },\n}\n"],"names":["script","name","props","license","type","String","required","bodyBackground","bodyMargin","bodyPadding","checkOrigin","Boolean","default","direction","inPageLinks","offset","Number","scrolling","tolerance","warningTimeout","mounted","self","this","iframe","$refs","options","Object","fromEntries","entries","$props","filter","key","value","undefined","waitForLoad","onClosed","onReady","args","$emit","onMessage","onResized","connectWithOptions","connectResizer","resizer","beforeUnmount","disconnect","methods","moveToAnchor","anchor","resize","sendMessage","msg","target","_openBlock","openBlock","_createElementBlock","_mergeProps","mergeProps","ref","_ctx","$attrs","install","Vue","component","IframeResizer"],"mappings":";;;;;;;;;;;;;;;;;;;oVAOiB,MAAAA,EAAA,CACbC,KAAM,gBAENC,MAAO,CACLC,QAAS,CACPC,KAAMC,OACNC,UAAU,GAEZC,eAAgB,CACdH,KAAMC,QAERG,WAAY,CACVJ,KAAMC,QAERI,YAAa,CACXL,KAAMC,QAERK,YAAa,CACXN,KAAMO,QACNC,SAAS,GAEXC,UAAW,CACTT,KAAMC,QAERS,YAAa,CACXV,KAAMO,SAERI,OAAQ,CACNX,KAAMY,QAERC,UAAW,CACTb,KAAMO,SAERO,UAAW,CACTd,KAAMY,QAERG,eAAgB,CACdf,KAAMY,SAIV,OAAAI,GACE,MAAMC,EAAOC,MACPC,OAAEA,GAAWD,KAAKE,MAClBC,EAAU,IACXC,OAAOC,YACRD,OACGE,QAAQN,KAAKO,QACbC,QAAO,EAAEC,EAAKC,UAAqBC,IAAVD,KAE9BE,aAAa,EAEbC,SAAU,KAAM,EAChBC,QAAS,IAAIC,IAAShB,EAAKiB,MAAM,aAAcD,GAC/CE,UAAW,IAAIF,IAAShB,EAAKiB,MAAM,eAAgBD,GACnDG,UAAW,IAAIH,IAAShB,EAAKiB,MAAM,eAAgBD,IAG/CI,EAAqBC,EAAejB,GAE1CJ,EAAKsB,QAAUF,EAAmBlB,EACnC,EAED,aAAAqB,GACEtB,KAAKqB,SAASE,YACf,EAEDC,QAAS,CACP,YAAAC,CAAaC,GACX1B,KAAKqB,QAAQI,aAAaC,EAC3B,EACD,MAAAC,GACE3B,KAAKqB,QAAQM,QACd,EACD,WAAAC,CAAYC,EAAKC,GACf9B,KAAKqB,QAAQO,YAAYC,EAAKC,EAC/B,mCClFL,OAAAC,EAAAC,YAAAC,EAAAA,mBAA6C,SAA7CC,EAA6CC,WAAA,CAArCC,IAAI,UAAiBC,EAAMC,QAAA,KAAA,sDCCtB,CACb,OAAAC,CAAQC,GACNA,EAAIC,UAAU,gBAAiBC,EAChC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iframe-resizer/vue",
|
|
3
|
-
"version": "5.1
|
|
3
|
+
"version": "5.2.0-beta.1",
|
|
4
4
|
"license": "GPL-3.0",
|
|
5
5
|
"homepage": "https://iframe-resizer.com",
|
|
6
6
|
"author": {
|
|
@@ -44,6 +44,6 @@
|
|
|
44
44
|
"vue"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@iframe-resizer/core": "5.1
|
|
47
|
+
"@iframe-resizer/core": "5.2.0-beta.1"
|
|
48
48
|
}
|
|
49
49
|
}
|