@libresign/pdf-elements 0.2.2 → 0.2.4

package/README.md

@@ -24,6 +24,7 @@ A Vue 2 component for rendering PDFs with draggable and resizable element overla
 | `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 |
+| `readOnly` | Boolean | `false` | Disable drag, resize, and actions for elements |
 | `pageCountFormat` | String | `'{currentPage} of {totalPages}'` | Format string for page counter |
 | `autoFitZoom` | Boolean | `false` | Automatically adjust zoom to fit viewport on window resize |
 

package/dist/pdf-elements.common.js

@@ -29166,7 +29166,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-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=ddd8aa14&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=1815c763&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -29177,11 +29177,7 @@ var render = function render() {
       height: _vm.height
     }
   }, [_vm.pdfDocuments.length ? _c('div', {
-    staticClass: "pages-container",
-    style: {
-      transform: `scale(${_vm.visualScale / _vm.scale})`,
-      transformOrigin: 'top center'
-    }
+    staticClass: "pages-container"
   }, _vm._l(_vm.pdfDocuments, function (pdfDoc, docIndex) {
     return _c('div', {
       key: docIndex
@@ -29217,7 +29213,11 @@ var render = function render() {
           }
         }
       }), _c('div', {
-        staticClass: "overlay"
+        staticClass: "overlay",
+        on: {
+          "mousemove": _vm.handleMouseMove,
+          "touchmove": _vm.handleMouseMove
+        }
       }, [_vm.isAddingMode && _vm.previewPageDocIndex === docIndex && _vm.previewPageIndex === pIndex && _vm.previewElement && _vm.previewVisible ? _c('div', {
         staticClass: "preview-element",
         style: {
@@ -29226,7 +29226,12 @@ var render = function render() {
           width: `${_vm.previewElement.width * _vm.previewScale.x}px`,
           height: `${_vm.previewElement.height * _vm.previewScale.y}px`
         }
-      }, [_vm._t("custom", null, {
+      }, [_vm._t(_vm.previewElement.type ? `element-${_vm.previewElement.type}` : 'custom', function () {
+        return [_vm._t("custom", null, {
+          "object": _vm.previewElement,
+          "isSelected": false
+        })];
+      }, {
         "object": _vm.previewElement,
         "isSelected": false
       })], 2) : _vm._e(), _vm._l(pdfDoc.allObjects[pIndex], function (object) {
@@ -29236,9 +29241,10 @@ var render = function render() {
           refInFor: true,
           attrs: {
             "object": object,
-            "pages-scale": _vm.getRenderPageScale(docIndex, pIndex),
+            "pages-scale": _vm.getDisplayedPageScale(docIndex, pIndex),
             "page-width": _vm.getPageWidth(docIndex, pIndex),
             "page-height": _vm.getPageHeight(docIndex, pIndex),
+            "read-only": _vm.readOnly,
             "on-update": payload => _vm.updateObject(docIndex, object.id, payload),
             "on-delete": () => _vm.deleteObject(docIndex, object.id),
             "on-drag-start": (mouseX, mouseY, pointerOffset, dragShift) => _vm.startDraggingElement(docIndex, pIndex, object, mouseX, mouseY, pointerOffset, dragShift),
@@ -29318,112 +29324,6 @@ var es_iterator_flat_map = __webpack_require__(531);
 var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
 var es_iterator_map = __webpack_require__(1701);
-;// ./node_modules/debounce/index.js
-function debounce(function_, wait = 100, options = {}) {
-	if (typeof function_ !== 'function') {
-		throw new TypeError(`Expected the first parameter to be a function, got \`${typeof function_}\`.`);
-	}
-
-	if (wait < 0) {
-		throw new RangeError('`wait` must not be negative.');
-	}
-
-	if (typeof options === 'boolean') {
-		throw new TypeError('The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.');
-	}
-
-	const {immediate} = options;
-
-	let storedContext;
-	let storedArguments;
-	let timeoutId;
-	let timestamp;
-	let result;
-
-	function run() {
-		const callContext = storedContext;
-		const callArguments = storedArguments;
-		storedContext = undefined;
-		storedArguments = undefined;
-		result = function_.apply(callContext, callArguments);
-		return result;
-	}
-
-	function later() {
-		const last = Date.now() - timestamp;
-
-		if (last < wait && last >= 0) {
-			timeoutId = setTimeout(later, wait - last);
-		} else {
-			timeoutId = undefined;
-
-			if (!immediate) {
-				result = run();
-			}
-		}
-	}
-
-	const debounced = function (...arguments_) {
-		if (
-			storedContext
-			&& this !== storedContext
-			&& Object.getPrototypeOf(this) === Object.getPrototypeOf(storedContext)
-		) {
-			throw new Error('Debounced method called with different contexts of the same prototype.');
-		}
-
-		storedContext = this; // eslint-disable-line unicorn/no-this-assignment
-		storedArguments = arguments_;
-		timestamp = Date.now();
-
-		const callNow = immediate && !timeoutId;
-
-		if (!timeoutId) {
-			timeoutId = setTimeout(later, wait);
-		}
-
-		if (callNow) {
-			result = run();
-			return result;
-		}
-
-		return undefined;
-	};
-
-	Object.defineProperty(debounced, 'isPending', {
-		get() {
-			return timeoutId !== undefined;
-		},
-	});
-
-	debounced.clear = () => {
-		if (!timeoutId) {
-			return;
-		}
-
-		clearTimeout(timeoutId);
-		timeoutId = undefined;
-		storedContext = undefined;
-		storedArguments = undefined;
-	};
-
-	debounced.flush = () => {
-		if (!timeoutId) {
-			return;
-		}
-
-		debounced.trigger();
-	};
-
-	debounced.trigger = () => {
-		result = run();
-
-		debounced.clear();
-	};
-
-	return debounced;
-}
-
 ;// ./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/PDFPage.vue?vue&type=template&id=2c9e224a&scoped=true
 var PDFPagevue_type_template_id_2c9e224a_scoped_true_render = function render() {
   var _vm = this,
@@ -29631,8 +29531,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ const PDFPage = (component.exports);
-;// ./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/DraggableElement.vue?vue&type=template&id=55db89ce&scoped=true
-var DraggableElementvue_type_template_id_55db89ce_scoped_true_render = function render() {
+;// ./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/DraggableElement.vue?vue&type=template&id=17037ade&scoped=true
+var DraggableElementvue_type_template_id_17037ade_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -29712,7 +29612,7 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_render = function
     });
   }) : _vm._e()], 2)]);
 };
-var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns = [];
+var DraggableElementvue_type_template_id_17037ade_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DraggableElement.vue?vue&type=script&lang=js
 /* harmony default export */ const DraggableElementvue_type_script_lang_js = ({
@@ -29788,6 +29688,10 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
     showDefaultActions: {
       type: Boolean,
       default: true
+    },
+    readOnly: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -29824,25 +29728,41 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
     },
     elementStyle() {
       const scale = this.pagesScale || 1;
-      const currentX = this.object.x + this.offsetX + this.resizeOffsetX;
-      const currentY = this.object.y + this.offsetY + this.resizeOffsetY;
-      const currentWidth = this.object.width + this.resizeOffsetW;
-      const currentHeight = this.object.height + this.resizeOffsetH;
+      const isDragging = this.mode === 'drag';
+      const isResizing = this.mode === 'resize';
+      const offsetX = isDragging ? this.offsetX : 0;
+      const offsetY = isDragging ? this.offsetY : 0;
+      const resizeOffsetX = isResizing ? this.resizeOffsetX : 0;
+      const resizeOffsetY = isResizing ? this.resizeOffsetY : 0;
+      const resizeOffsetW = isResizing ? this.resizeOffsetW : 0;
+      const resizeOffsetH = isResizing ? this.resizeOffsetH : 0;
+      const currentX = this.object.x + offsetX + resizeOffsetX;
+      const currentY = this.object.y + offsetY + resizeOffsetY;
+      const currentWidth = this.object.width + resizeOffsetW;
+      const currentHeight = this.object.height + resizeOffsetH;
       return {
         left: `${currentX * scale}px`,
         top: `${currentY * scale}px`,
         width: `${currentWidth * scale}px`,
-        height: `${currentHeight * scale}px`
+        height: `${currentHeight * scale}px`,
+        pointerEvents: this.readOnly ? 'none' : 'auto'
       };
     },
     toolbarStyle() {
       const scale = this.pagesScale || 1;
-      const x = this.object.x + this.offsetX + this.resizeOffsetX;
-      const y = this.object.y + this.offsetY + this.resizeOffsetY;
-      const width = this.object.width + this.resizeOffsetW;
+      const isDragging = this.mode === 'drag';
+      const isResizing = this.mode === 'resize';
+      const offsetX = isDragging ? this.offsetX : 0;
+      const offsetY = isDragging ? this.offsetY : 0;
+      const resizeOffsetX = isResizing ? this.resizeOffsetX : 0;
+      const resizeOffsetY = isResizing ? this.resizeOffsetY : 0;
+      const resizeOffsetW = isResizing ? this.resizeOffsetW : 0;
+      const x = this.object.x + offsetX + resizeOffsetX;
+      const y = this.object.y + offsetY + resizeOffsetY;
+      const width = this.object.width + resizeOffsetW;
       return {
         left: `${(x + width / 2) * scale}px`,
-        top: `${(y - 48) * scale}px`,
+        top: `${(y - 60) * scale}px`,
         transform: 'translateX(-50%)'
       };
     },
@@ -29874,6 +29794,9 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
   },
   methods: {
     handleElementClick(event) {
+      if (this.readOnly) {
+        return;
+      }
       if (event.target.closest('.delete-handle') || event.target.closest('[data-stop-drag]') || event.target.closest('.actions-toolbar')) {
         return;
       }
@@ -29891,6 +29814,7 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
       this.startResize(direction, event);
     },
     startDrag(event) {
+      if (this.readOnly) return;
       if (event.target.classList.contains('delete')) return;
       if (event.target.classList.contains('resize-handle')) return;
       this.mode = 'drag';
@@ -29927,6 +29851,7 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
       window.addEventListener('touchend', this.boundStopInteraction);
     },
     startResize(direction, event) {
+      if (this.readOnly) return;
       this.mode = 'resize';
       this.direction = direction;
       this.startX = event.type.includes('touch') ? event.touches[0].clientX : event.clientX;
@@ -29980,7 +29905,7 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
           this.rafId = null;
           return;
         }
-        const minSize = 16;
+        const minSize = 16 / (this.pagesScale || 1);
         let newWidth = this.startWidth;
         let newHeight = this.startHeight;
         let newLeft = this.startLeft;
@@ -30094,10 +30019,10 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
 });
 ;// ./src/components/DraggableElement.vue?vue&type=script&lang=js
  /* harmony default export */ const components_DraggableElementvue_type_script_lang_js = (DraggableElementvue_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/DraggableElement.vue?vue&type=style&index=0&id=55db89ce&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/DraggableElement.vue?vue&type=style&index=0&id=17037ade&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/DraggableElement.vue?vue&type=style&index=0&id=55db89ce&prod&scoped=true&lang=css
+;// ./src/components/DraggableElement.vue?vue&type=style&index=0&id=17037ade&prod&scoped=true&lang=css
 
 ;// ./src/components/DraggableElement.vue
 
@@ -30110,11 +30035,11 @@ var DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns =
 
 var DraggableElement_component = normalizeComponent(
   components_DraggableElementvue_type_script_lang_js,
-  DraggableElementvue_type_template_id_55db89ce_scoped_true_render,
-  DraggableElementvue_type_template_id_55db89ce_scoped_true_staticRenderFns,
+  DraggableElementvue_type_template_id_17037ade_scoped_true_render,
+  DraggableElementvue_type_template_id_17037ade_scoped_true_staticRenderFns,
   false,
   null,
-  "55db89ce",
+  "17037ade",
   null
   
 )
@@ -30152,7 +30077,6 @@ function readAsPDF(file) {
 
 
 
-
 /* harmony default export */ const PDFElementsvue_type_script_lang_js = ({
   name: 'PDFElements',
   components: {
@@ -30196,6 +30120,10 @@ function readAsPDF(file) {
       type: Boolean,
       default: true
     },
+    readOnly: {
+      type: Boolean,
+      default: false
+    },
     pageCountFormat: {
       type: String,
       default: '{currentPage} of {totalPages}'
@@ -30249,15 +30177,15 @@ function readAsPDF(file) {
       viewportRafId: 0,
       objectIndexCache: {},
       zoomRafId: null,
+      wheelZoomRafId: null,
       boundHandleWheel: null,
-      debouncedApplyZoom: null,
       visualScale: this.initialScale,
-      resizeObserver: null
+      autoFitApplied: false,
+      lastContainerWidth: 0
     };
   },
   mounted() {
     this.boundHandleWheel = this.handleWheel.bind(this);
-    this.debouncedApplyZoom = debounce(this.commitZoom, 150);
     this.init();
     document.addEventListener('mousemove', this.handleMouseMove);
     document.addEventListener('touchmove', this.handleMouseMove, {
@@ -30276,23 +30204,15 @@ function readAsPDF(file) {
     this.$el?.addEventListener('wheel', this.boundHandleWheel, {
       passive: false
     });
-    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() {
     if (this.zoomRafId) {
       cancelAnimationFrame(this.zoomRafId);
     }
-    this.debouncedApplyZoom?.clear?.();
+    if (this.wheelZoomRafId) {
+      cancelAnimationFrame(this.wheelZoomRafId);
+      this.wheelZoomRafId = null;
+    }
     if (this.boundHandleWheel) {
       this.$el?.removeEventListener('wheel', this.boundHandleWheel);
     }
@@ -30304,13 +30224,6 @@ 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.resizeObserver) {
-        this.resizeObserver.disconnect();
-        this.resizeObserver = null;
-      }
-    }
     if (this.viewportRafId) {
       window.cancelAnimationFrame(this.viewportRafId);
       this.viewportRafId = 0;
@@ -30320,6 +30233,7 @@ function readAsPDF(file) {
     async init() {
       if (!this.initFiles || this.initFiles.length === 0) return;
       const docs = [];
+      this.autoFitApplied = false;
       for (let i = 0; i < this.initFiles.length; i++) {
         const file = this.initFiles[i];
         const name = this.initFileNames[i] || `document-${i + 1}.pdf`;
@@ -30457,23 +30371,34 @@ function readAsPDF(file) {
       this.cachePageBounds();
     },
     cachePageBounds() {
-      this.pagesBoundingRects = {};
+      const nextRects = {};
       for (let docIdx = 0; docIdx < this.pdfDocuments.length; docIdx++) {
         for (let pageIdx = 0; pageIdx < this.pdfDocuments[docIdx].pages.length; pageIdx++) {
           const canvas = this.getPageCanvasElement(docIdx, pageIdx);
           if (!canvas) continue;
           const rect = canvas.getBoundingClientRect();
-          this.pagesBoundingRects[`${docIdx}-${pageIdx}`] = {
+          nextRects[`${docIdx}-${pageIdx}`] = {
             docIndex: docIdx,
             pageIndex: pageIdx,
             rect
           };
         }
       }
+      this.pagesBoundingRects = nextRects;
     },
     getDisplayedPageScale(docIndex, pageIndex) {
       const doc = this.pdfDocuments[docIndex];
       if (!doc) return 1;
+      const baseWidth = doc.pageWidths?.[pageIndex] || 0;
+      const rectWidth = this.pagesBoundingRects[`${docIndex}-${pageIndex}`]?.rect?.width || 0;
+      if (rectWidth && baseWidth) {
+        return rectWidth / baseWidth;
+      }
+      const canvas = this.getPageCanvasElement(docIndex, pageIndex);
+      const fallbackRectWidth = canvas?.getBoundingClientRect?.().width || 0;
+      if (fallbackRectWidth && baseWidth) {
+        return fallbackRectWidth / baseWidth;
+      }
       const base = doc.pagesScale[pageIndex] || 1;
       const factor = this.visualScale && this.scale ? this.visualScale / this.scale : 1;
       return base * factor;
@@ -30497,6 +30422,14 @@ function readAsPDF(file) {
         if (this.isAddingMode || this.isDraggingElement) {
           this.cachePageBounds();
         }
+        if (this.autoFitZoom && !this.isAddingMode && !this.isDraggingElement) {
+          const containerWidth = this.$el?.clientWidth || 0;
+          if (containerWidth && containerWidth !== this.lastContainerWidth) {
+            this.lastContainerWidth = containerWidth;
+            this.autoFitApplied = false;
+            this.scheduleAutoFitZoom();
+          }
+        }
         this.viewportRafId = 0;
       });
     },
@@ -30517,16 +30450,16 @@ function readAsPDF(file) {
           foundPage = true;
           const canvasEl = this.getPageCanvasElement(docIndex, pageIndex);
           const pagesScale = this.pdfDocuments[docIndex]?.pagesScale?.[pageIndex] || 1;
-          const layoutWidth = canvasEl?.offsetWidth || rect.width;
-          const layoutHeight = canvasEl?.offsetHeight || rect.height;
-          const layoutScaleX = layoutWidth ? rect.width / layoutWidth : 1;
-          const layoutScaleY = layoutHeight ? rect.height / layoutHeight : 1;
+          const renderWidth = canvasEl?.width || rect.width;
+          const renderHeight = canvasEl?.height || rect.height;
+          const layoutScaleX = renderWidth ? rect.width / renderWidth : 1;
+          const layoutScaleY = renderHeight ? rect.height / renderHeight : 1;
           const relX = (clientX - rect.left) / layoutScaleX / pagesScale;
           const relY = (clientY - rect.top) / layoutScaleY / pagesScale;
-          const pageWidth = layoutWidth / pagesScale;
-          const pageHeight = layoutHeight / pagesScale;
-          this.previewScale.x = pagesScale * layoutScaleX;
-          this.previewScale.y = pagesScale * layoutScaleY;
+          const pageWidth = renderWidth / pagesScale;
+          const pageHeight = renderHeight / pagesScale;
+          this.previewScale.x = pagesScale;
+          this.previewScale.y = pagesScale;
           let x = relX - this.previewElement.width / 2;
           let y = relY - this.previewElement.height / 2;
           x = Math.max(0, Math.min(x, pageWidth - this.previewElement.width));
@@ -30556,7 +30489,11 @@ function readAsPDF(file) {
       const factor = 1 - event.deltaY * 0.002;
       const nextVisual = Math.max(0.5, Math.min(3.0, this.visualScale * factor));
       this.visualScale = nextVisual;
-      this.debouncedApplyZoom();
+      if (this.wheelZoomRafId) return;
+      this.wheelZoomRafId = window.requestAnimationFrame(() => {
+        this.wheelZoomRafId = null;
+        this.commitZoom();
+      });
     },
     commitZoom() {
       const newScale = this.visualScale;
@@ -30617,23 +30554,25 @@ function readAsPDF(file) {
     getAllObjects(docIndex = this.selectedDocIndex) {
       if (docIndex < 0 || docIndex >= this.pdfDocuments.length) return [];
       const doc = this.pdfDocuments[docIndex];
-      const scale = this.scale || 1;
       const result = [];
       doc.allObjects.forEach((pageObjects, pageIndex) => {
         const pageRef = this.getPageComponent(docIndex, pageIndex);
         if (!pageRef) return;
         const measurement = pageRef.getCanvasMeasurement();
-        const normalizedCanvasHeight = measurement.canvasHeight / scale;
+        const pagesScale = doc.pagesScale[pageIndex] || 1;
+        const normalizedCanvasHeight = measurement.canvasHeight / pagesScale;
         pageObjects.forEach(object => {
           result.push({
             ...object,
             pageIndex,
             pageNumber: pageIndex + 1,
-            scale,
+            scale: pagesScale,
             normalizedCoordinates: {
               llx: parseInt(object.x, 10),
               lly: parseInt(normalizedCanvasHeight - object.y, 10),
-              ury: parseInt(normalizedCanvasHeight - object.y - object.height, 10)
+              ury: parseInt(normalizedCanvasHeight - object.y - object.height, 10),
+              width: parseInt(object.width, 10),
+              height: parseInt(object.height, 10)
             }
           });
         });
@@ -30727,8 +30666,24 @@ function readAsPDF(file) {
     deleteObject(docIndex, objectId) {
       if (docIndex < 0 || docIndex >= this.pdfDocuments.length) return;
       const doc = this.pdfDocuments[docIndex];
-      doc.allObjects = doc.allObjects.map(objects => objects.filter(object => object.id !== objectId));
+      let deletedObject = null;
+      let deletedPageIndex = -1;
+      doc.allObjects = doc.allObjects.map((objects, pageIndex) => objects.filter(object => {
+        if (object.id === objectId) {
+          deletedObject = object;
+          deletedPageIndex = pageIndex;
+          return false;
+        }
+        return true;
+      }));
       delete this.objectIndexCache[`${docIndex}-${objectId}`];
+      if (deletedObject) {
+        this.$emit('pdf-elements:delete-object', {
+          object: deletedObject,
+          docIndex,
+          pageIndex: deletedPageIndex
+        });
+      }
     },
     checkAndMoveObjectPage(docIndex, objectId, mouseX, mouseY) {
       if (docIndex < 0 || docIndex >= this.pdfDocuments.length) return undefined;
@@ -30816,6 +30771,7 @@ function readAsPDF(file) {
       return Math.max(0.1, Math.min(2, availableWidth / maxPageWidth));
     },
     scheduleAutoFitZoom() {
+      if (this.autoFitApplied) return;
       if (this.zoomRafId) return;
       this.zoomRafId = window.requestAnimationFrame(() => {
         this.zoomRafId = 0;
@@ -30823,7 +30779,7 @@ function readAsPDF(file) {
       });
     },
     adjustZoomToFit() {
-      if (!this.autoFitZoom || !this.pdfDocuments.length) return;
+      if (!this.autoFitZoom || this.autoFitApplied || !this.pdfDocuments.length) return;
       const widths = this.pdfDocuments.flatMap(doc => doc.pageWidths || []).filter(width => width > 0);
       let maxCanvasWidth = 0;
       if (widths.length) {
@@ -30838,6 +30794,7 @@ function readAsPDF(file) {
         maxCanvasWidth = Math.max(...Array.from(canvases).map(canvas => canvas.width / (this.scale || 1)));
       }
       const optimalScale = this.calculateOptimalScale(maxCanvasWidth);
+      this.autoFitApplied = true;
       if (Math.abs(optimalScale - this.scale) > 0.01) {
         this.scale = optimalScale;
         this.visualScale = optimalScale;
@@ -30851,10 +30808,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-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=ddd8aa14&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=1815c763&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=ddd8aa14&prod&scoped=true&lang=css
+;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=1815c763&prod&scoped=true&lang=css
 
 ;// ./src/components/PDFElements.vue
 
@@ -30871,7 +30828,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "ddd8aa14",
+  "1815c763",
   null
   
 )