@daguanren21/vue-resize-sensor 2.1.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2017 Franck Freiburger
+Copyright (c) 2026 Community maintainers of the vue2-pdf ESM rebuild
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,26 @@
+# @daguanren21/vue-resize-sensor
+
+Community-maintained ESM packaging of **[vue-resize-sensor](https://github.com/FranckFreiburger/vue-resize-sensor)** by **Franck Freiburger**.
+
+Used by [`@daguanren21/vue-pdf`](https://www.npmjs.com/package/@daguanren21/vue-pdf).
+
+## Install
+
+```bash
+pnpm add @daguanren21/vue-resize-sensor
+pnpm add vue@^2.7
+```
+
+## Usage
+
+```ts
+import ResizeSensor from '@daguanren21/vue-resize-sensor'
+```
+
+## Credits
+
+- Original: [FranckFreiburger/vue-resize-sensor](https://github.com/FranckFreiburger/vue-resize-sensor)
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { default as default_2 } from './resize-sensor.vue';
+
+export { default_2 as ResizeSensor }
+export default default_2;
+
+export { }

package/dist/vue-resize-sensor.css

@@ -0,0 +1 @@
+@keyframes resizeSensorVisibility{0%{top:0}}

package/dist/vue-resize-sensor.js

@@ -0,0 +1,93 @@
+function o(t, i, e, l, r, d, a, f) {
+  var s = typeof t == "function" ? t.options : t;
+  return {
+    exports: t,
+    options: s
+  };
+}
+const n = {
+  // thanks to https://github.com/marcj/css-element-queries
+  props: {
+    initial: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data: function() {
+    return {
+      size: {
+        width: -1,
+        height: -1
+      }
+    };
+  },
+  methods: {
+    reset: function() {
+      var t = this.$el.firstChild, i = this.$el.lastChild;
+      t.scrollLeft = 1e5, t.scrollTop = 1e5, i.scrollLeft = 1e5, i.scrollTop = 1e5;
+    },
+    update: function() {
+      this.size.width = this.$el.offsetWidth, this.size.height = this.$el.offsetHeight;
+    }
+  },
+  watch: {
+    size: {
+      deep: !0,
+      handler: function(t) {
+        this.reset(), this.$emit("resize", { width: this.size.width, height: this.size.height });
+      }
+    }
+  },
+  render: function(t) {
+    var i = "position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;", e = "position: absolute; left: 0; top: 0;";
+    return t("div", {
+      style: i + "animation-name: resizeSensorVisibility;",
+      on: {
+        "~animationstart": this.update
+      }
+    }, [
+      t("div", {
+        style: i,
+        on: {
+          scroll: this.update
+        }
+      }, [
+        t("div", {
+          style: e + "width: 100000px; height: 100000px;"
+        })
+      ]),
+      t("div", {
+        style: i,
+        on: {
+          scroll: this.update
+        }
+      }, [
+        t("div", {
+          style: e + "width: 200%; height: 200%;"
+        })
+      ])
+    ]);
+  },
+  beforeDestroy: function() {
+    this.$emit("resize", { width: 0, height: 0 }), this.$emit("resizeSensorBeforeDestroy");
+  },
+  mounted: function() {
+    if (this.initial === !0 && this.$nextTick(this.update), this.$el.offsetParent !== this.$el.parentNode && (this.$el.parentNode.style.position = "relative"), "attachEvent" in this.$el && !("AnimationEvent" in window)) {
+      var t = function() {
+        this.update(), i();
+      }.bind(this), i = function() {
+        this.$el.detachEvent("onresize", t), this.$off("resizeSensorBeforeDestroy", i);
+      }.bind(this);
+      this.$el.attachEvent("onresize", t), this.$on("resizeSensorBeforeDestroy", i), this.reset();
+    }
+  }
+};
+var h = /* @__PURE__ */ o(
+  n
+);
+const u = h.exports;
+export {
+  u as ResizeSensor,
+  u as default
+};
+//# sourceMappingURL=vue-resize-sensor.js.map

package/dist/vue-resize-sensor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-resize-sensor.js","sources":["../src/resize-sensor.vue"],"sourcesContent":["<style>\n@keyframes resizeSensorVisibility {\n\tfrom { top: 0; }\n}\n</style>\n\n<script>\n\"use strict\";\n\nexport default {\n\n\t// thanks to https://github.com/marcj/css-element-queries\n\tprops: {\n\t\tinitial: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tdata: function() {\n\t\treturn {\n\t\t\tsize: {\n\t\t\t\twidth: -1,\n\t\t\t\theight: -1\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treset: function() {\n\n\t\t\tvar expand = this.$el.firstChild;\n\t\t\tvar shrink = this.$el.lastChild;\n\t\t\texpand.scrollLeft = 100000;\n\t\t\texpand.scrollTop = 100000;\n\t\t\tshrink.scrollLeft = 100000;\n\t\t\tshrink.scrollTop = 100000;\n\t\t},\n\t\tupdate: function() {\n\t\t\t\n\t\t\tthis.size.width = this.$el.offsetWidth;\n\t\t\tthis.size.height = this.$el.offsetHeight;\n\t\t}\n\t},\n\twatch: {\n\t\tsize: {\n\t\t\tdeep: true,\n\t\t\thandler: function(size) {\n\t\t\t\t\n\t\t\t\tthis.reset();\n\t\t\t\tthis.$emit('resize', { width: this.size.width, height: this.size.height });\n\t\t\t}\n\t\t}\n\t},\n\trender: function(create) {\n\t\t\n\t\tvar style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';\n\t\tvar styleChild = 'position: absolute; left: 0; top: 0;';\n\n\t\treturn create('div', {\n\t\t\tstyle: style + 'animation-name: resizeSensorVisibility;',\n\t\t\ton: {\n\t\t\t\t'~animationstart': this.update\n\t\t\t}\n\t\t},[\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 100000px; height: 100000px;'\n\t\t\t\t})\n\t\t\t]),\n\t\t\tcreate('div', {\n\t\t\t\tstyle: style,\n\t\t\t\ton: {\n\t\t\t\t\tscroll: this.update\n\t\t\t\t}\n\t\t\t}, [\n\t\t\t\tcreate('div', {\n\t\t\t\t\tstyle: styleChild + 'width: 200%; height: 200%;'\n\t\t\t\t})\n\t\t\t]),\n\t\t]);\n\t},\n\tbeforeDestroy: function() {\n\t\t\n\t\tthis.$emit('resize', { width: 0, height: 0 });\n\t\tthis.$emit('resizeSensorBeforeDestroy');\n\t},\n\tmounted: function() {\n\n\t\tif ( this.initial === true )\n\t\t\tthis.$nextTick(this.update);\n\t\t\n\t\tif ( this.$el.offsetParent !== this.$el.parentNode )\n\t\t\tthis.$el.parentNode.style.position = 'relative';\n\n\t\tif ( 'attachEvent' in this.$el && !('AnimationEvent' in window) ) {\n\n\t\t\tvar onresizeHandler = function() {\n\n\t\t\t\tthis.update();\n\t\t\t\tremoveOnresizeEvent();\n\t\t\t}.bind(this);\n\t\t\n\t\t\tvar removeOnresizeEvent = function() {\n\t\t\t\t\n\t\t\t\tthis.$el.detachEvent('onresize', onresizeHandler);\n\t\t\t\tthis.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\t}.bind(this);\n\t\t\t\n\t\t\tthis.$el.attachEvent('onresize', onresizeHandler);\n\t\t\tthis.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);\n\t\t\tthis.reset();\n\t\t}\n\t}\n}\n\n</script>\n"],"names":["_sfc_main","expand","shrink","size","create","style","styleChild","onresizeHandler","removeOnresizeEvent"],"mappings":";;;;;;;AASA,MAAAA,IAAA;AAAA;AAAA,EAGA,OAAA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAA,WAAA;AACA,WAAA;AAAA,MACA,MAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,OAAA,WAAA;AAEA,UAAAC,IAAA,KAAA,IAAA,YACAC,IAAA,KAAA,IAAA;AACA,MAAAD,EAAA,aAAA,KACAA,EAAA,YAAA,KACAC,EAAA,aAAA,KACAA,EAAA,YAAA;AAAA,IACA;AAAA,IACA,QAAA,WAAA;AAEA,WAAA,KAAA,QAAA,KAAA,IAAA,aACA,KAAA,KAAA,SAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,SAAAC,GAAA;AAEA,aAAA,MAAA,GACA,KAAA,MAAA,UAAA,EAAA,OAAA,KAAA,KAAA,OAAA,QAAA,KAAA,KAAA,OAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,QAAA,SAAAC,GAAA;AAEA,QAAAC,IAAA,gHACAC,IAAA;AAEA,WAAAF,EAAA,OAAA;AAAA,MACA,OAAAC,IAAA;AAAA,MACA,IAAA;AAAA,QACA,mBAAA,KAAA;AAAA,MACA;AAAA,IACA,GAAA;AAAA,MACAD,EAAA,OAAA;AAAA,QACA,OAAAC;AAAA,QACA,IAAA;AAAA,UACA,QAAA,KAAA;AAAA,QACA;AAAA,MACA,GAAA;AAAA,QACAD,EAAA,OAAA;AAAA,UACA,OAAAE,IAAA;AAAA,QACA,CAAA;AAAA,MACA,CAAA;AAAA,MACAF,EAAA,OAAA;AAAA,QACA,OAAAC;AAAA,QACA,IAAA;AAAA,UACA,QAAA,KAAA;AAAA,QACA;AAAA,MACA,GAAA;AAAA,QACAD,EAAA,OAAA;AAAA,UACA,OAAAE,IAAA;AAAA,QACA,CAAA;AAAA,MACA,CAAA;AAAA,IACA,CAAA;AAAA,EACA;AAAA,EACA,eAAA,WAAA;AAEA,SAAA,MAAA,UAAA,EAAA,OAAA,GAAA,QAAA,GAAA,GACA,KAAA,MAAA,2BAAA;AAAA,EACA;AAAA,EACA,SAAA,WAAA;AAQA,QANA,KAAA,YAAA,MACA,KAAA,UAAA,KAAA,MAAA,GAEA,KAAA,IAAA,iBAAA,KAAA,IAAA,eACA,KAAA,IAAA,WAAA,MAAA,WAAA,aAEA,iBAAA,KAAA,OAAA,EAAA,oBAAA,SAAA;AAEA,UAAAC,IAAA,WAAA;AAEA,aAAA,OAAA,GACAC,EAAA;AAAA,MACA,EAAA,KAAA,IAAA,GAEAA,IAAA,WAAA;AAEA,aAAA,IAAA,YAAA,YAAAD,CAAA,GACA,KAAA,KAAA,6BAAAC,CAAA;AAAA,MACA,EAAA,KAAA,IAAA;AAEA,WAAA,IAAA,YAAA,YAAAD,CAAA,GACA,KAAA,IAAA,6BAAAC,CAAA,GACA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@daguanren21/vue-resize-sensor",
+  "version": "2.1.0",
+  "description": "Community-maintained ESM packaging of Franck Freiburger's vue-resize-sensor for Vue 2.7",
+  "type": "module",
+  "main": "./dist/vue-resize-sensor.js",
+  "module": "./dist/vue-resize-sensor.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/vue-resize-sensor.js",
+      "default": "./dist/vue-resize-sensor.js"
+    },
+    "./style.css": "./dist/vue-resize-sensor.css"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.vue"
+  ],
+  "keywords": [
+    "vue",
+    "vue2",
+    "resize",
+    "sensor",
+    "detect",
+    "esm"
+  ],
+  "author": "Franck FREIBURGER",
+  "contributors": [
+    "daguanren21 (community ESM packaging maintainer)"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^2.7.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.1.1",
+    "@vitejs/plugin-vue2": "^2.3.4",
+    "vite": "^7.3.6",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^2.7.16",
+    "vue-template-compiler": "^2.7.16"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/daguanren21/vue-pdf.git",
+    "directory": "packages/vue-resize-sensor"
+  },
+  "bugs": {
+    "url": "https://github.com/daguanren21/vue-pdf/issues"
+  },
+  "homepage": "https://github.com/daguanren21/vue-pdf/tree/master/packages/vue-resize-sensor#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+import ResizeSensor from './resize-sensor.vue'
+
+export { ResizeSensor }
+export default ResizeSensor

package/src/resize-sensor.vue

@@ -0,0 +1,120 @@
+<style>
+@keyframes resizeSensorVisibility {
+	from { top: 0; }
+}
+</style>
+
+<script>
+"use strict";
+
+export default {
+
+	// thanks to https://github.com/marcj/css-element-queries
+	props: {
+		initial: {
+			type: Boolean,
+			default: false,
+		}
+	},
+	data: function() {
+		return {
+			size: {
+				width: -1,
+				height: -1
+			}
+		}
+	},
+	methods: {
+		reset: function() {
+
+			var expand = this.$el.firstChild;
+			var shrink = this.$el.lastChild;
+			expand.scrollLeft = 100000;
+			expand.scrollTop = 100000;
+			shrink.scrollLeft = 100000;
+			shrink.scrollTop = 100000;
+		},
+		update: function() {
+			
+			this.size.width = this.$el.offsetWidth;
+			this.size.height = this.$el.offsetHeight;
+		}
+	},
+	watch: {
+		size: {
+			deep: true,
+			handler: function(size) {
+				
+				this.reset();
+				this.$emit('resize', { width: this.size.width, height: this.size.height });
+			}
+		}
+	},
+	render: function(create) {
+		
+		var style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';
+		var styleChild = 'position: absolute; left: 0; top: 0;';
+
+		return create('div', {
+			style: style + 'animation-name: resizeSensorVisibility;',
+			on: {
+				'~animationstart': this.update
+			}
+		},[
+			create('div', {
+				style: style,
+				on: {
+					scroll: this.update
+				}
+			}, [
+				create('div', {
+					style: styleChild + 'width: 100000px; height: 100000px;'
+				})
+			]),
+			create('div', {
+				style: style,
+				on: {
+					scroll: this.update
+				}
+			}, [
+				create('div', {
+					style: styleChild + 'width: 200%; height: 200%;'
+				})
+			]),
+		]);
+	},
+	beforeDestroy: function() {
+		
+		this.$emit('resize', { width: 0, height: 0 });
+		this.$emit('resizeSensorBeforeDestroy');
+	},
+	mounted: function() {
+
+		if ( this.initial === true )
+			this.$nextTick(this.update);
+		
+		if ( this.$el.offsetParent !== this.$el.parentNode )
+			this.$el.parentNode.style.position = 'relative';
+
+		if ( 'attachEvent' in this.$el && !('AnimationEvent' in window) ) {
+
+			var onresizeHandler = function() {
+
+				this.update();
+				removeOnresizeEvent();
+			}.bind(this);
+		
+			var removeOnresizeEvent = function() {
+				
+				this.$el.detachEvent('onresize', onresizeHandler);
+				this.$off('resizeSensorBeforeDestroy', removeOnresizeEvent);
+			}.bind(this);
+			
+			this.$el.attachEvent('onresize', onresizeHandler);
+			this.$on('resizeSensorBeforeDestroy', removeOnresizeEvent);
+			this.reset();
+		}
+	}
+}
+
+</script>

package/src/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, unknown>, Record<string, unknown>, any>
+  export default component
+}