@libresign/pdf-elements 0.2.1 → 0.2.2

package/dist/pdf-elements.css

@@ -1 +1 @@
-canvas[data-v-2c9e224a]{display:block}.draggable-wrapper[data-v-55db89ce]{position:relative}.actions-toolbar[data-v-55db89ce]{position:absolute;display:flex;gap:4px;background:#1f2937;border-radius:6px;padding:6px 8px;box-shadow:0 4px 12px -2px #00000026,0 2px 6px -2px #0000001a;z-index:100;white-space:nowrap}.action-btn[data-v-55db89ce]{border:none;background:#0000;color:#fff;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease}.action-btn[data-v-55db89ce]:hover{background:#ffffff1a}.draggable-element[data-v-55db89ce]{position:absolute;cursor:move;user-select:none;border-radius:6px;overflow:visible}.draggable-element.selected[data-v-55db89ce]{box-shadow:inset 0 0 0 2px #2563eb}.resize-handle[data-v-55db89ce]{position:absolute;width:10px;height:10px;background:#2563eb;border:1px solid #fff;border-radius:2px;padding:0;margin:0;cursor:pointer;z-index:200}.handle-top-left[data-v-55db89ce]{top:-6px;left:-6px;cursor:nwse-resize}.handle-top-right[data-v-55db89ce]{top:-6px;right:-6px;cursor:nesw-resize}.handle-bottom-left[data-v-55db89ce]{bottom:-6px;left:-6px;cursor:nesw-resize}.handle-bottom-right[data-v-55db89ce]{bottom:-6px;right:-6px;cursor:nwse-resize}.pdf-elements-root[data-v-00b0fcba]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.pages-container[data-v-00b0fcba]{width:100%;padding:20px 0 0 0;text-align:center;background:#f7fafc;overflow:hidden}.page-slot[data-v-00b0fcba]{margin:0 auto}.page-wrapper[data-v-00b0fcba]{display:inline-block;margin-bottom:0}.page-canvas[data-v-00b0fcba]{position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-outline[data-v-00b0fcba]{box-shadow:0 0 0 3px #4299e180}.preview-element[data-v-00b0fcba]{position:absolute;opacity:.7;pointer-events:none}.drag-ghost[data-v-00b0fcba]{position:fixed;opacity:.9;pointer-events:none;z-index:10000;transform-origin:top left;transition:none;box-shadow:0 8px 16px #0000004d}.overlay[data-v-00b0fcba]{position:absolute;top:0;left:0;transform-origin:top left;width:100%;height:100%}.page-footer[data-v-00b0fcba]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 20px 20px;color:#4b5563;font-size:14px}
+canvas[data-v-2c9e224a]{display:block}.draggable-wrapper[data-v-55db89ce]{position:relative}.actions-toolbar[data-v-55db89ce]{position:absolute;display:flex;gap:4px;background:#1f2937;border-radius:6px;padding:6px 8px;box-shadow:0 4px 12px -2px #00000026,0 2px 6px -2px #0000001a;z-index:100;white-space:nowrap}.action-btn[data-v-55db89ce]{border:none;background:#0000;color:#fff;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease}.action-btn[data-v-55db89ce]:hover{background:#ffffff1a}.draggable-element[data-v-55db89ce]{position:absolute;cursor:move;user-select:none;border-radius:6px;overflow:visible}.draggable-element.selected[data-v-55db89ce]{box-shadow:inset 0 0 0 2px #2563eb}.resize-handle[data-v-55db89ce]{position:absolute;width:10px;height:10px;background:#2563eb;border:1px solid #fff;border-radius:2px;padding:0;margin:0;cursor:pointer;z-index:200}.handle-top-left[data-v-55db89ce]{top:-6px;left:-6px;cursor:nwse-resize}.handle-top-right[data-v-55db89ce]{top:-6px;right:-6px;cursor:nesw-resize}.handle-bottom-left[data-v-55db89ce]{bottom:-6px;left:-6px;cursor:nesw-resize}.handle-bottom-right[data-v-55db89ce]{bottom:-6px;right:-6px;cursor:nwse-resize}.pdf-elements-root[data-v-ddd8aa14]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.pages-container[data-v-ddd8aa14]{width:100%;padding:20px 0 0 0;text-align:center;background:#f7fafc;overflow:hidden}.page-slot[data-v-ddd8aa14]{margin:0 auto}.page-wrapper[data-v-ddd8aa14]{display:inline-block;margin-bottom:0}.page-canvas[data-v-ddd8aa14]{position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-outline[data-v-ddd8aa14]{box-shadow:0 0 0 3px #4299e180}.preview-element[data-v-ddd8aa14]{position:absolute;opacity:.7;pointer-events:none}.drag-ghost[data-v-ddd8aa14]{position:fixed;opacity:.9;pointer-events:none;z-index:10000;transform-origin:top left;transition:none;box-shadow:0 8px 16px #0000004d}.overlay[data-v-ddd8aa14]{position:absolute;top:0;left:0;transform-origin:top left;width:100%;height:100%}.page-footer[data-v-ddd8aa14]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 20px 20px;color:#4b5563;font-size:14px}

package/dist/pdf-elements.umd.js

@@ -190,6 +190,74 @@ module.exports = getBuiltIn('document', 'documentElement');
 module.exports = {};
 
 
+/***/ },
+
+/***/ 531
+(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+
+var $ = __webpack_require__(6518);
+var call = __webpack_require__(9565);
+var aCallable = __webpack_require__(9306);
+var anObject = __webpack_require__(8551);
+var getIteratorDirect = __webpack_require__(1767);
+var getIteratorFlattenable = __webpack_require__(8646);
+var createIteratorProxy = __webpack_require__(9462);
+var iteratorClose = __webpack_require__(9539);
+var IS_PURE = __webpack_require__(6395);
+var iteratorHelperThrowsOnInvalidIterator = __webpack_require__(684);
+var iteratorHelperWithoutClosingOnEarlyError = __webpack_require__(4549);
+
+var FLAT_MAP_WITHOUT_THROWING_ON_INVALID_ITERATOR = !IS_PURE
+  && !iteratorHelperThrowsOnInvalidIterator('flatMap', function () { /* empty */ });
+var flatMapWithoutClosingOnEarlyError = !IS_PURE && !FLAT_MAP_WITHOUT_THROWING_ON_INVALID_ITERATOR
+  && iteratorHelperWithoutClosingOnEarlyError('flatMap', TypeError);
+
+var FORCED = IS_PURE || FLAT_MAP_WITHOUT_THROWING_ON_INVALID_ITERATOR || flatMapWithoutClosingOnEarlyError;
+
+var IteratorProxy = createIteratorProxy(function () {
+  var iterator = this.iterator;
+  var mapper = this.mapper;
+  var result, inner;
+
+  while (true) {
+    if (inner = this.inner) try {
+      result = anObject(call(inner.next, inner.iterator));
+      if (!result.done) return result.value;
+      this.inner = null;
+    } catch (error) { iteratorClose(iterator, 'throw', error); }
+
+    result = anObject(call(this.next, iterator));
+
+    if (this.done = !!result.done) return;
+
+    try {
+      this.inner = getIteratorFlattenable(mapper(result.value, this.counter++), false);
+    } catch (error) { iteratorClose(iterator, 'throw', error); }
+  }
+});
+
+// `Iterator.prototype.flatMap` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.flatmap
+$({ target: 'Iterator', proto: true, real: true, forced: FORCED }, {
+  flatMap: function flatMap(mapper) {
+    anObject(this);
+    try {
+      aCallable(mapper);
+    } catch (error) {
+      iteratorClose(this, 'throw', error);
+    }
+
+    if (flatMapWithoutClosingOnEarlyError) return call(flatMapWithoutClosingOnEarlyError, this, mapper);
+
+    return new IteratorProxy(getIteratorDirect(this), {
+      mapper: mapper,
+      inner: null
+    });
+  }
+});
+
+
 /***/ },
 
 /***/ 616
@@ -2234,6 +2302,24 @@ var WeakMap = globalThis.WeakMap;
 module.exports = isCallable(WeakMap) && /native code/.test(String(WeakMap));
 
 
+/***/ },
+
+/***/ 8646
+(module, __unused_webpack_exports, __webpack_require__) {
+
+
+var call = __webpack_require__(9565);
+var anObject = __webpack_require__(8551);
+var getIteratorDirect = __webpack_require__(1767);
+var getIteratorMethod = __webpack_require__(851);
+
+module.exports = function (obj, stringHandling) {
+  if (!stringHandling || typeof obj !== 'string') anObject(obj);
+  var method = getIteratorMethod(obj);
+  return getIteratorDirect(anObject(method !== undefined ? call(method, obj) : obj));
+};
+
+
 /***/ },
 
 /***/ 8686
@@ -29090,7 +29176,7 @@ 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";
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=00b0fcba&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=ddd8aa14&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -29236,6 +29322,8 @@ var es_iterator_constructor = __webpack_require__(8111);
 var es_iterator_filter = __webpack_require__(2489);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
 var es_iterator_find = __webpack_require__(116);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.flat-map.js
+var es_iterator_flat_map = __webpack_require__(531);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
@@ -30074,6 +30162,7 @@ function readAsPDF(file) {
 
 
 
+
 /* harmony default export */ const PDFElementsvue_type_script_lang_js = ({
   name: 'PDFElements',
   components: {
@@ -30172,7 +30261,8 @@ function readAsPDF(file) {
       zoomRafId: null,
       boundHandleWheel: null,
       debouncedApplyZoom: null,
-      visualScale: this.initialScale
+      visualScale: this.initialScale,
+      resizeObserver: null
     };
   },
   mounted() {
@@ -30198,6 +30288,14 @@ function readAsPDF(file) {
     });
     if (this.autoFitZoom) {
       window.addEventListener('resize', this.adjustZoomToFit);
+      if (typeof ResizeObserver !== 'undefined') {
+        this.resizeObserver = new ResizeObserver(() => {
+          this.scheduleAutoFitZoom();
+        });
+        if (this.$el) {
+          this.resizeObserver.observe(this.$el);
+        }
+      }
     }
   },
   beforeUnmount() {
@@ -30218,6 +30316,10 @@ function readAsPDF(file) {
     this.$el?.removeEventListener('scroll', this.onViewportScroll);
     if (this.autoFitZoom) {
       window.removeEventListener('resize', this.adjustZoomToFit);
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = null;
+      }
     }
     if (this.viewportRafId) {
       window.cancelAnimationFrame(this.viewportRafId);
@@ -30241,8 +30343,18 @@ function readAsPDF(file) {
           pdfDoc = await readAsPDF(file);
         }
         const pages = [];
+        const pageWidths = Array(pdfDoc.numPages).fill(0);
         for (let p = 1; p <= pdfDoc.numPages; p++) {
-          pages.push(pdfDoc.getPage(p));
+          const pagePromise = pdfDoc.getPage(p);
+          pagePromise.then(page => {
+            pageWidths[p - 1] = page.getViewport({
+              scale: 1
+            }).width;
+            if (this.autoFitZoom) {
+              this.scheduleAutoFitZoom();
+            }
+          });
+          pages.push(pagePromise);
         }
         docs.push({
           name,
@@ -30250,6 +30362,7 @@ function readAsPDF(file) {
           pdfDoc,
           numPages: pdfDoc.numPages,
           pages,
+          pageWidths,
           pagesScale: Array(pdfDoc.numPages).fill(this.scale),
           allObjects: Array(pdfDoc.numPages).fill(0).map(() => [])
         });
@@ -30263,7 +30376,7 @@ function readAsPDF(file) {
         });
         this.$nextTick(() => {
           if (this.autoFitZoom) {
-            this.adjustZoomToFit();
+            this.scheduleAutoFitZoom();
           }
         });
       }
@@ -30685,6 +30798,9 @@ function readAsPDF(file) {
       if (docIndex < 0 || docIndex >= this.pdfDocuments.length) return;
       this.pdfDocuments[docIndex].pagesScale[pageIndex] = e.scale;
       this.cachePageBounds();
+      if (this.autoFitZoom) {
+        this.scheduleAutoFitZoom();
+      }
     },
     formatPageNumber(currentPage, totalPages) {
       return this.pageCountFormat.replace('{currentPage}', currentPage).replace('{totalPages}', totalPages);
@@ -30709,11 +30825,28 @@ function readAsPDF(file) {
       const availableWidth = containerWidth - 40;
       return Math.max(0.1, Math.min(2, availableWidth / maxPageWidth));
     },
+    scheduleAutoFitZoom() {
+      if (this.zoomRafId) return;
+      this.zoomRafId = window.requestAnimationFrame(() => {
+        this.zoomRafId = 0;
+        this.adjustZoomToFit();
+      });
+    },
     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 widths = this.pdfDocuments.flatMap(doc => doc.pageWidths || []).filter(width => width > 0);
+      let maxCanvasWidth = 0;
+      if (widths.length) {
+        maxCanvasWidth = Math.max(...widths);
+      } else {
+        if (this.autoFitZoom) {
+          this.scheduleAutoFitZoom();
+          return;
+        }
+        const canvases = this.$el?.querySelectorAll('canvas');
+        if (!canvases?.length) return;
+        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;
@@ -30728,10 +30861,10 @@ function readAsPDF(file) {
 });
 ;// ./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-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=style&index=0&id=00b0fcba&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=style&index=0&id=ddd8aa14&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=00b0fcba&prod&scoped=true&lang=css
+;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=ddd8aa14&prod&scoped=true&lang=css
 
 ;// ./src/components/PDFElements.vue
 
@@ -30748,7 +30881,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "00b0fcba",
+  "ddd8aa14",
   null
   
 )