@libresign/pdf-elements 0.1.1 → 0.2.0

package/README.md

@@ -13,18 +13,19 @@ A Vue 2 component for rendering PDFs with draggable and resizable element overla
 
 ### Props
 
-| Prop | Type | Default |
-|------|------|---------|
-| `width` | String | `'100%'` |
-| `height` | String | `'100%'` |
-| `initFiles` | Array | `[]` |
-| `initFileNames` | Array | `[]` |
-| `initialScale` | Number | `1` |
-| `showPageFooter` | Boolean | `true` |
-| `hideSelectionUI` | Boolean | `false` |
-| `showSelectionHandles` | Boolean | `true` |
-| `showElementActions` | Boolean | `true` |
-| `pageCountFormat` | String | `'{currentPage} of {totalPages}'` |
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `width` | String | `'100%'` | Container width |
+| `height` | String | `'100%'` | Container height |
+| `initFiles` | Array | `[]` | PDF files to load |
+| `initFileNames` | Array | `[]` | Names for the PDF files |
+| `initialScale` | Number | `1` | Initial zoom scale |
+| `showPageFooter` | Boolean | `true` | Show page footer with document name and page number |
+| `hideSelectionUI` | Boolean | `false` | Hide selection handles and actions UI |
+| `showSelectionHandles` | Boolean | `true` | Show resize/move handles on selected elements |
+| `showElementActions` | Boolean | `true` | Show action buttons on selected elements |
+| `pageCountFormat` | String | `'{currentPage} of {totalPages}'` | Format string for page counter |
+| `autoFitZoom` | Boolean | `false` | Automatically adjust zoom to fit viewport on window resize |
 
 ### Events
 
@@ -35,3 +36,4 @@ A Vue 2 component for rendering PDFs with draggable and resizable element overla
 - `element-{type}` - Custom element rendering (e.g., `element-signature`)
 - `custom` - Fallback for elements without specific type
 - `actions` - Custom action buttons
+

package/dist/pdf-elements.common.js

@@ -196,22 +196,6 @@ module.exports = !fails(function () {
 });
 
 
-/***/ },
-
-/***/ 655
-(module, __unused_webpack_exports, __webpack_require__) {
-
-
-var classof = __webpack_require__(6955);
-
-var $String = String;
-
-module.exports = function (argument) {
-  if (classof(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
-
 /***/ },
 
 /***/ 679
@@ -286,13 +270,6 @@ module.exports = USE_SYMBOL_AS_UID ? function (it) {
 };
 
 
-/***/ },
-
-/***/ 824
-(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "pdf.worker.min.mjs";
-
 /***/ },
 
 /***/ 851
@@ -951,20 +928,6 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
 
 
-/***/ },
-
-/***/ 2812
-(module) {
-
-
-var $TypeError = TypeError;
-
-module.exports = function (passed, required) {
-  if (passed < required) throw new $TypeError('Not enough arguments');
-  return passed;
-};
-
-
 /***/ },
 
 /***/ 2839
@@ -1293,62 +1256,6 @@ module.exports =
   (function () { return this; })() || Function('return this')();
 
 
-/***/ },
-
-/***/ 4603
-(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-
-var defineBuiltIn = __webpack_require__(6840);
-var uncurryThis = __webpack_require__(9504);
-var toString = __webpack_require__(655);
-var validateArgumentsLength = __webpack_require__(2812);
-
-var $URLSearchParams = URLSearchParams;
-var URLSearchParamsPrototype = $URLSearchParams.prototype;
-var append = uncurryThis(URLSearchParamsPrototype.append);
-var $delete = uncurryThis(URLSearchParamsPrototype['delete']);
-var forEach = uncurryThis(URLSearchParamsPrototype.forEach);
-var push = uncurryThis([].push);
-var params = new $URLSearchParams('a=1&a=2&b=3');
-
-params['delete']('a', 1);
-// `undefined` case is a Chromium 117 bug
-// https://bugs.chromium.org/p/v8/issues/detail?id=14222
-params['delete']('b', undefined);
-
-if (params + '' !== 'a=2') {
-  defineBuiltIn(URLSearchParamsPrototype, 'delete', function (name /* , value */) {
-    var length = arguments.length;
-    var $value = length < 2 ? undefined : arguments[1];
-    if (length && $value === undefined) return $delete(this, name);
-    var entries = [];
-    forEach(this, function (v, k) { // also validates `this`
-      push(entries, { key: k, value: v });
-    });
-    validateArgumentsLength(length, 1);
-    var key = toString(name);
-    var value = toString($value);
-    var index = 0;
-    var dindex = 0;
-    var found = false;
-    var entriesLength = entries.length;
-    var entry;
-    while (index < entriesLength) {
-      entry = entries[index++];
-      if (found || entry.key === key) {
-        found = true;
-        $delete(this, entry.key);
-      } else dindex++;
-    }
-    while (dindex < entriesLength) {
-      entry = entries[dindex++];
-      if (!(entry.key === key && entry.value === value)) append(this, entry.key, entry.value);
-    }
-  }, { enumerable: true, unsafe: true });
-}
-
-
 /***/ },
 
 /***/ 4659
@@ -1973,41 +1880,6 @@ module.exports = function (fn) {
 };
 
 
-/***/ },
-
-/***/ 7566
-(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-
-var defineBuiltIn = __webpack_require__(6840);
-var uncurryThis = __webpack_require__(9504);
-var toString = __webpack_require__(655);
-var validateArgumentsLength = __webpack_require__(2812);
-
-var $URLSearchParams = URLSearchParams;
-var URLSearchParamsPrototype = $URLSearchParams.prototype;
-var getAll = uncurryThis(URLSearchParamsPrototype.getAll);
-var $has = uncurryThis(URLSearchParamsPrototype.has);
-var params = new $URLSearchParams('a=1');
-
-// `undefined` case is a Chromium 117 bug
-// https://bugs.chromium.org/p/v8/issues/detail?id=14222
-if (params.has('a', 2) || !params.has('a', undefined)) {
-  defineBuiltIn(URLSearchParamsPrototype, 'has', function has(name /* , value */) {
-    var length = arguments.length;
-    var $value = length < 2 ? undefined : arguments[1];
-    if (length && $value === undefined) return $has(this, name);
-    var values = getAll(this, name); // also validates `this`
-    validateArgumentsLength(length, 1);
-    var value = toString($value);
-    var index = 0;
-    while (index < values.length) {
-      if (values[index++] === value) return true;
-    } return false;
-  }, { enumerable: true, unsafe: true });
-}
-
-
 /***/ },
 
 /***/ 7588
@@ -2372,34 +2244,6 @@ module.exports = DESCRIPTORS && fails(function () {
 });
 
 
-/***/ },
-
-/***/ 8721
-(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-
-var DESCRIPTORS = __webpack_require__(3724);
-var uncurryThis = __webpack_require__(9504);
-var defineBuiltInAccessor = __webpack_require__(2106);
-
-var URLSearchParamsPrototype = URLSearchParams.prototype;
-var forEach = uncurryThis(URLSearchParamsPrototype.forEach);
-
-// `URLSearchParams.prototype.size` getter
-// https://github.com/whatwg/url/pull/734
-if (DESCRIPTORS && !('size' in URLSearchParamsPrototype)) {
-  defineBuiltInAccessor(URLSearchParamsPrototype, 'size', {
-    get: function size() {
-      var count = 0;
-      forEach(this, function () { count++; });
-      return count;
-    },
-    configurable: true,
-    enumerable: true
-  });
-}
-
-
 /***/ },
 
 /***/ 8727
@@ -2791,9 +2635,6 @@ module.exports = {
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
@@ -2817,32 +2658,6 @@ module.exports = {
 /******/ 		__webpack_require__.p = "";
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		__webpack_require__.b = (typeof document !== 'undefined' && document.baseURI) || self.location.href;
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			380: 0
-/******/ 		};
-/******/ 		
-/******/ 		// no chunk on demand loading
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		// no on chunks loaded
-/******/ 		
-/******/ 		// no jsonp function
-/******/ 	})();
-/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 
@@ -2871,7 +2686,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ const setPublicPath = (null);
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=template&id=5a4a7f3b&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=template&id=7a179460&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3823,12 +3638,6 @@ var DraggableElement_component = normalizeComponent(
 )
 
 /* harmony default export */ const DraggableElement = (DraggableElement_component.exports);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.delete.js
-var web_url_search_params_delete = __webpack_require__(4603);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.has.js
-var web_url_search_params_has = __webpack_require__(7566);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.size.js
-var web_url_search_params_size = __webpack_require__(8721);
 ;// ./node_modules/pdfjs-dist/build/pdf.mjs
 /**
  * @licstart The following is the entire license notice for the
@@ -30221,16 +30030,15 @@ globalThis.pdfjsLib = {
 
 
 //# sourceMappingURL=pdf.mjs.map
+;// ./node_modules/pdfjs-dist/build/pdf.worker.min.mjs
+const pdf_worker_min_namespaceObject = __webpack_require__.p + "pdf.worker.min.mjs";
 ;// ./src/utils/asyncReader.js
-
-
-
 // SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
 
-const workerUrl = new URL(/* asset import */ __webpack_require__(824), __webpack_require__.b).href;
-GlobalWorkerOptions.workerSrc = workerUrl;
+
+GlobalWorkerOptions.workerSrc = pdf_worker_min_namespaceObject;
 function readAsArrayBuffer(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -30299,6 +30107,10 @@ function readAsPDF(file) {
     pageCountFormat: {
       type: String,
       default: '{currentPage} of {totalPages}'
+    },
+    autoFitZoom: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -30371,6 +30183,9 @@ function readAsPDF(file) {
     this.$el?.addEventListener('wheel', this.boundHandleWheel, {
       passive: false
     });
+    if (this.autoFitZoom) {
+      window.addEventListener('resize', this.adjustZoomToFit);
+    }
   },
   beforeUnmount() {
     if (this.zoomRafId) {
@@ -30388,6 +30203,9 @@ function readAsPDF(file) {
     window.removeEventListener('scroll', this.onViewportScroll);
     window.removeEventListener('resize', this.onViewportScroll);
     this.$el?.removeEventListener('scroll', this.onViewportScroll);
+    if (this.autoFitZoom) {
+      window.removeEventListener('resize', this.adjustZoomToFit);
+    }
     if (this.viewportRafId) {
       window.cancelAnimationFrame(this.viewportRafId);
       this.viewportRafId = 0;
@@ -30866,15 +30684,32 @@ function readAsPDF(file) {
       const doc = this.pdfDocuments[docIndex];
       const pagesScale = doc.pagesScale[pageIndex] || 1;
       return pageRef.getCanvasMeasurement().canvasHeight / pagesScale;
+    },
+    calculateOptimalScale(maxPageWidth) {
+      const containerWidth = this.$el?.clientWidth || 0;
+      if (!containerWidth || !maxPageWidth) return 1;
+      const availableWidth = containerWidth - 40;
+      return Math.max(0.1, Math.min(2, availableWidth / maxPageWidth));
+    },
+    adjustZoomToFit() {
+      if (!this.autoFitZoom || !this.pdfDocuments.length) return;
+      const canvases = this.$el?.querySelectorAll('canvas');
+      if (!canvases?.length) return;
+      const maxCanvasWidth = Math.max(...Array.from(canvases).map(canvas => canvas.width / (this.scale || 1)));
+      const optimalScale = this.calculateOptimalScale(maxCanvasWidth);
+      if (Math.abs(optimalScale - this.scale) > 0.01) {
+        this.scale = optimalScale;
+        this.visualScale = optimalScale;
+      }
     }
   }
 });
 ;// ./src/components/PDFElements.vue?vue&type=script&lang=js
  /* harmony default export */ const components_PDFElementsvue_type_script_lang_js = (PDFElementsvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=style&index=0&id=5a4a7f3b&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=style&index=0&id=7a179460&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=5a4a7f3b&prod&scoped=true&lang=css
+;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=7a179460&prod&scoped=true&lang=css
 
 ;// ./src/components/PDFElements.vue
 
@@ -30891,7 +30726,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "5a4a7f3b",
+  "7a179460",
   null
   
 )