@libresign/pdf-elements 0.1.2 → 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

@@ -2686,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;
@@ -30107,6 +30107,10 @@ function readAsPDF(file) {
     pageCountFormat: {
       type: String,
       default: '{currentPage} of {totalPages}'
+    },
+    autoFitZoom: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -30179,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) {
@@ -30196,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;
@@ -30674,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
 
@@ -30699,7 +30726,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "5a4a7f3b",
+  "7a179460",
   null
   
 )