@libresign/pdf-elements 0.1.2 → 0.2.1

package/dist/pdf-elements.common.js

@@ -2666,7 +2666,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ entry_lib)
 });
 
-// UNUSED EXPORTS: PDFElements
+// UNUSED EXPORTS: PDFElements, setWorkerPath
 
 ;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 /* eslint-disable no-var */
@@ -2686,958 +2686,6 @@ 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
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "pdf-elements-root",
-    style: {
-      width: _vm.width,
-      height: _vm.height
-    }
-  }, [_vm.pdfDocuments.length ? _c('div', {
-    staticClass: "pages-container",
-    style: {
-      transform: `scale(${_vm.visualScale / _vm.scale})`,
-      transformOrigin: 'top center'
-    }
-  }, _vm._l(_vm.pdfDocuments, function (pdfDoc, docIndex) {
-    return _c('div', {
-      key: docIndex
-    }, _vm._l(pdfDoc.pages, function (page, pIndex) {
-      return _c('div', {
-        key: `${docIndex}-${pIndex}`,
-        staticClass: "page-slot"
-      }, [_c('div', {
-        staticClass: "page-wrapper",
-        on: {
-          "mousedown": function ($event) {
-            return _vm.selectPage(docIndex, pIndex);
-          },
-          "touchstart": function ($event) {
-            return _vm.selectPage(docIndex, pIndex);
-          }
-        }
-      }, [_c('div', {
-        staticClass: "page-canvas",
-        class: {
-          'shadow-outline': docIndex === _vm.selectedDocIndex && pIndex === _vm.selectedPageIndex
-        }
-      }, [_c('PDFPage', {
-        ref: `page${docIndex}-${pIndex}`,
-        refInFor: true,
-        attrs: {
-          "page": page,
-          "scale": _vm.scale
-        },
-        on: {
-          "onMeasure": function ($event) {
-            return _vm.onMeasure($event, docIndex, pIndex);
-          }
-        }
-      }), _c('div', {
-        staticClass: "overlay"
-      }, [_vm.isAddingMode && _vm.previewPageDocIndex === docIndex && _vm.previewPageIndex === pIndex && _vm.previewElement && _vm.previewVisible ? _c('div', {
-        staticClass: "preview-element",
-        style: {
-          left: `${_vm.previewPosition.x * _vm.previewScale.x}px`,
-          top: `${_vm.previewPosition.y * _vm.previewScale.y}px`,
-          width: `${_vm.previewElement.width * _vm.previewScale.x}px`,
-          height: `${_vm.previewElement.height * _vm.previewScale.y}px`
-        }
-      }, [_vm._t("custom", null, {
-        "object": _vm.previewElement,
-        "isSelected": false
-      })], 2) : _vm._e(), _vm._l(pdfDoc.allObjects[pIndex], function (object) {
-        return _c('DraggableElement', {
-          key: object.id,
-          ref: `draggable${docIndex}-${pIndex}-${object.id}`,
-          refInFor: true,
-          attrs: {
-            "object": object,
-            "pages-scale": _vm.getRenderPageScale(docIndex, pIndex),
-            "page-width": _vm.getPageWidth(docIndex, pIndex),
-            "page-height": _vm.getPageHeight(docIndex, pIndex),
-            "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),
-            "on-drag-move": _vm.updateDraggingPosition,
-            "on-drag-end": _vm.stopDraggingElement,
-            "is-being-dragged-globally": _vm.isDraggingElement && _vm.draggingObject && _vm.draggingObject.id === object.id,
-            "dragging-client-pos": _vm.draggingClientPosition,
-            "current-doc-index": docIndex,
-            "current-page-index": pIndex,
-            "global-drag-doc-index": _vm.draggingDocIndex,
-            "global-drag-page-index": _vm.draggingPageIndex,
-            "show-selection-ui": _vm.showSelectionHandles && !_vm.hideSelectionUI && object.resizable !== false,
-            "show-default-actions": _vm.showElementActions && !_vm.hideSelectionUI
-          },
-          scopedSlots: _vm._u([{
-            key: "default",
-            fn: function (slotProps) {
-              return [_vm._t(slotProps.object.type ? `element-${slotProps.object.type}` : 'custom', function () {
-                return [_vm._t("custom", null, {
-                  "object": slotProps.object,
-                  "onDelete": slotProps.onDelete,
-                  "onResize": slotProps.onResize
-                })];
-              }, {
-                "object": slotProps.object,
-                "onDelete": slotProps.onDelete,
-                "onResize": slotProps.onResize
-              })];
-            }
-          }, {
-            key: "actions",
-            fn: function (slotProps) {
-              return [_vm._t("actions", null, {
-                "object": slotProps.object,
-                "onDelete": slotProps.onDelete
-              })];
-            }
-          }], null, true)
-        });
-      })], 2)], 1), _vm.showPageFooter ? _c('div', {
-        staticClass: "page-footer"
-      }, [_c('span', [_vm._v(_vm._s(pdfDoc.name))]), _c('span', [_vm._v(_vm._s(_vm.formatPageNumber(pIndex + 1, pdfDoc.numPages)))])]) : _vm._e()])]);
-    }), 0);
-  }), 0) : _vm._e(), _vm.isDraggingElement && _vm.draggingObject ? _c('div', {
-    staticClass: "drag-portal",
-    style: {
-      position: 'fixed',
-      left: `${_vm.draggingClientPosition.x}px`,
-      top: `${_vm.draggingClientPosition.y}px`,
-      width: `${_vm.draggingObject.width * _vm.draggingScale}px`,
-      height: `${_vm.draggingObject.height * _vm.draggingScale}px`,
-      pointerEvents: 'none'
-    }
-  }, [_vm._t(_vm.draggingObject.type ? `element-${_vm.draggingObject.type}` : 'custom', function () {
-    return [_vm._t("custom", null, {
-      "object": _vm.draggingObject,
-      "isSelected": false
-    })];
-  }, {
-    "object": _vm.draggingObject,
-    "isSelected": false
-  })], 2) : _vm._e()]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__(4114);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
-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.for-each.js
-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,
-    _c = _vm._self._c;
-  return _c('canvas', {
-    ref: "canvas"
-  });
-};
-var PDFPagevue_type_template_id_2c9e224a_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/PDFPage.vue?vue&type=script&lang=js
-/* harmony default export */ const PDFPagevue_type_script_lang_js = ({
-  name: 'PDFPage',
-  props: {
-    page: {
-      type: Promise,
-      required: true
-    },
-    scale: {
-      type: Number,
-      default: 1
-    }
-  },
-  data() {
-    return {
-      dynamicScale: this.scale,
-      isRendering: false,
-      boundMeasure: null
-    };
-  },
-  watch: {
-    scale(newScale) {
-      this.dynamicScale = newScale;
-      this.render();
-    }
-  },
-  mounted() {
-    this.boundMeasure = this.measure.bind(this);
-    window.addEventListener('resize', this.boundMeasure);
-    this.render();
-  },
-  beforeUnmount() {
-    if (this.boundMeasure) {
-      window.removeEventListener('resize', this.boundMeasure);
-    }
-  },
-  methods: {
-    getCanvasMeasurement() {
-      return {
-        canvasWidth: this.$refs.canvas.width,
-        canvasHeight: this.$refs.canvas.height
-      };
-    },
-    measure() {
-      this.$emit('onMeasure', {
-        scale: this.dynamicScale
-      });
-    },
-    async render() {
-      if (this.isRendering) return;
-      this.isRendering = true;
-      try {
-        const _page = await this.page;
-        const canvas = this.$refs.canvas;
-        const context = canvas.getContext('2d');
-        const viewport = _page.getViewport({
-          scale: this.dynamicScale
-        });
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        await _page.render({
-          canvasContext: context,
-          viewport
-        }).promise;
-        this.measure();
-      } finally {
-        this.isRendering = false;
-      }
-    }
-  }
-});
-;// ./src/components/PDFPage.vue?vue&type=script&lang=js
- /* harmony default export */ const components_PDFPagevue_type_script_lang_js = (PDFPagevue_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/PDFPage.vue?vue&type=style&index=0&id=2c9e224a&prod&scoped=true&lang=css
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/PDFPage.vue?vue&type=style&index=0&id=2c9e224a&prod&scoped=true&lang=css
-
-;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-;// ./src/components/PDFPage.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = normalizeComponent(
-  components_PDFPagevue_type_script_lang_js,
-  PDFPagevue_type_template_id_2c9e224a_scoped_true_render,
-  PDFPagevue_type_template_id_2c9e224a_scoped_true_staticRenderFns,
-  false,
-  null,
-  "2c9e224a",
-  null
-  
-)
-
-/* 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() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "draggable-wrapper"
-  }, [_vm.isSelected && !_vm.isBeingDraggedGlobally && _vm.showSelectionUi && _vm.showDefaultActions ? _c('div', {
-    staticClass: "actions-toolbar",
-    style: _vm.toolbarStyle
-  }, [_vm._t("actions", function () {
-    return [_c('button', {
-      staticClass: "action-btn",
-      attrs: {
-        "type": "button",
-        "title": "Delete"
-      },
-      on: {
-        "click": function ($event) {
-          $event.stopPropagation();
-          return _vm.onDelete.apply(null, arguments);
-        }
-      }
-    }, [_c('svg', {
-      attrs: {
-        "width": "16",
-        "height": "16",
-        "viewBox": "0 0 16 16",
-        "fill": "currentColor"
-      }
-    }, [_c('path', {
-      attrs: {
-        "d": "M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.5a.5.5 0 0 0 0 1h.5v10.5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5V3.5h.5a.5.5 0 0 0 0-1H11Zm1 1v10.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5V3.5h8Z"
-      }
-    })])])];
-  }, {
-    "object": _vm.object,
-    "onDelete": _vm.onDelete
-  })], 2) : _vm._e(), _c('div', {
-    staticClass: "draggable-element",
-    class: {
-      selected: _vm.isSelected && _vm.showSelectionUi
-    },
-    style: [_vm.elementStyle, _vm.dragElementStyle],
-    attrs: {
-      "draggable": "false"
-    },
-    on: {
-      "dragstart": function ($event) {
-        $event.preventDefault();
-      },
-      "mousedown": _vm.handleElementClick,
-      "touchstart": _vm.handleElementClick
-    }
-  }, [_vm._t("default", null, {
-    "object": _vm.object,
-    "isSelected": _vm.isSelected,
-    "onDelete": _vm.onDelete,
-    "onResize": _vm.startResizeFromSlot
-  }), _vm.isSelected && _vm.showSelectionUi ? _vm._l(_vm.resizeDirections, function (dir) {
-    return _c('button', {
-      key: dir,
-      staticClass: "resize-handle",
-      class: `handle-${dir}`,
-      attrs: {
-        "type": "button"
-      },
-      on: {
-        "mousedown": function ($event) {
-          $event.stopPropagation();
-          $event.preventDefault();
-          return _vm.startResize(dir, $event);
-        },
-        "touchstart": function ($event) {
-          $event.stopPropagation();
-          $event.preventDefault();
-          return _vm.startResize(dir, $event);
-        }
-      }
-    });
-  }) : _vm._e()], 2)]);
-};
-var DraggableElementvue_type_template_id_55db89ce_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 = ({
-  name: 'DraggableElement',
-  props: {
-    object: {
-      type: Object,
-      required: true
-    },
-    pagesScale: {
-      type: Number,
-      default: 1
-    },
-    pageWidth: {
-      type: Number,
-      required: true
-    },
-    pageHeight: {
-      type: Number,
-      required: true
-    },
-    onUpdate: {
-      type: Function,
-      default: () => {}
-    },
-    onDelete: {
-      type: Function,
-      default: () => {}
-    },
-    onDragStart: {
-      type: Function,
-      default: () => {}
-    },
-    onDragMove: {
-      type: Function,
-      default: () => {}
-    },
-    onDragEnd: {
-      type: Function,
-      default: () => {}
-    },
-    isBeingDraggedGlobally: {
-      type: Boolean,
-      default: false
-    },
-    draggingClientPos: {
-      type: Object,
-      default: () => ({
-        x: 0,
-        y: 0
-      })
-    },
-    currentDocIndex: {
-      type: Number,
-      default: -1
-    },
-    currentPageIndex: {
-      type: Number,
-      default: -1
-    },
-    globalDragDocIndex: {
-      type: Number,
-      default: -1
-    },
-    globalDragPageIndex: {
-      type: Number,
-      default: -1
-    },
-    showSelectionUi: {
-      type: Boolean,
-      default: true
-    },
-    showDefaultActions: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      isSelected: false,
-      mode: 'idle',
-      direction: '',
-      startX: 0,
-      startY: 0,
-      startLeft: 0,
-      startTop: 0,
-      startWidth: 0,
-      startHeight: 0,
-      offsetX: 0,
-      offsetY: 0,
-      resizeOffsetX: 0,
-      resizeOffsetY: 0,
-      resizeOffsetW: 0,
-      resizeOffsetH: 0,
-      aspectRatio: 1,
-      lastMouseX: 0,
-      lastMouseY: 0,
-      pointerOffsetDoc: {
-        x: 0,
-        y: 0
-      },
-      currentPageRect: null,
-      rafId: null
-    };
-  },
-  computed: {
-    resizeDirections() {
-      return ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
-    },
-    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;
-      return {
-        left: `${currentX * scale}px`,
-        top: `${currentY * scale}px`,
-        width: `${currentWidth * scale}px`,
-        height: `${currentHeight * scale}px`
-      };
-    },
-    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;
-      return {
-        left: `${(x + width / 2) * scale}px`,
-        top: `${(y - 48) * scale}px`,
-        transform: 'translateX(-50%)'
-      };
-    },
-    dragElementStyle() {
-      if (!this.isBeingDraggedGlobally || !this.draggingClientPos) {
-        return {};
-      }
-      return {
-        opacity: 0,
-        pointerEvents: 'none'
-      };
-    }
-  },
-  mounted() {
-    this.handleClickOutside = this.handleClickOutside.bind(this);
-    this.boundHandleMove = this.handleMove.bind(this);
-    this.boundStopInteraction = this.stopInteraction.bind(this);
-    document.addEventListener('mousedown', this.handleClickOutside);
-    document.addEventListener('touchstart', this.handleClickOutside);
-  },
-  beforeUnmount() {
-    document.removeEventListener('mousedown', this.handleClickOutside);
-    document.removeEventListener('touchstart', this.handleClickOutside);
-    window.removeEventListener('mousemove', this.boundHandleMove);
-    window.removeEventListener('mouseup', this.boundStopInteraction);
-    window.removeEventListener('touchmove', this.boundHandleMove);
-    window.removeEventListener('touchend', this.boundStopInteraction);
-    if (this.rafId) cancelAnimationFrame(this.rafId);
-  },
-  methods: {
-    handleElementClick(event) {
-      if (event.target.closest('.delete-handle') || event.target.closest('[data-stop-drag]') || event.target.closest('.actions-toolbar')) {
-        return;
-      }
-      event.preventDefault();
-      this.isSelected = true;
-      this.startDrag(event);
-    },
-    handleClickOutside(event) {
-      if (this.$el && !this.$el.contains(event.target)) {
-        this.isSelected = false;
-      }
-    },
-    startResizeFromSlot(direction, event) {
-      if (!direction || !event) return;
-      this.startResize(direction, event);
-    },
-    startDrag(event) {
-      if (event.target.classList.contains('delete')) return;
-      if (event.target.classList.contains('resize-handle')) return;
-      this.mode = 'drag';
-      this.startX = event.type.includes('touch') ? event.touches[0].clientX : event.clientX;
-      this.startY = event.type.includes('touch') ? event.touches[0].clientY : event.clientY;
-      this.startLeft = this.object.x;
-      this.startTop = this.object.y;
-      this.offsetX = 0;
-      this.offsetY = 0;
-      this.resetResizeOffsets();
-      const elementRect = this.$el.querySelector('.draggable-element').getBoundingClientRect();
-      this.pointerOffsetDoc.x = this.startX - elementRect.left;
-      this.pointerOffsetDoc.y = this.startY - elementRect.top;
-      const pageRect = this.capturePageRect();
-      this.currentPageRect = pageRect;
-      let dragElementShift = {
-        x: 0,
-        y: 0
-      };
-      if (pageRect) {
-        const expectedLeft = pageRect.left + this.object.x * this.pagesScale;
-        const expectedTop = pageRect.top + this.object.y * this.pagesScale;
-        dragElementShift = {
-          x: elementRect.left - expectedLeft,
-          y: elementRect.top - expectedTop
-        };
-      }
-      this.onDragStart(this.startX, this.startY, {
-        ...this.pointerOffsetDoc
-      }, dragElementShift);
-      window.addEventListener('mousemove', this.boundHandleMove);
-      window.addEventListener('mouseup', this.boundStopInteraction);
-      window.addEventListener('touchmove', this.boundHandleMove);
-      window.addEventListener('touchend', this.boundStopInteraction);
-    },
-    startResize(direction, event) {
-      this.mode = 'resize';
-      this.direction = direction;
-      this.startX = event.type.includes('touch') ? event.touches[0].clientX : event.clientX;
-      this.startY = event.type.includes('touch') ? event.touches[0].clientY : event.clientY;
-      this.startLeft = this.object.x;
-      this.startTop = this.object.y;
-      this.startWidth = this.object.width;
-      this.startHeight = this.object.height;
-      this.aspectRatio = this.startWidth / this.startHeight;
-      this.offsetX = 0;
-      this.offsetY = 0;
-      this.resetResizeOffsets();
-      window.addEventListener('mousemove', this.boundHandleMove);
-      window.addEventListener('mouseup', this.boundStopInteraction);
-      window.addEventListener('touchmove', this.boundHandleMove);
-      window.addEventListener('touchend', this.boundStopInteraction);
-    },
-    handleMove(event) {
-      if (this.mode === 'idle') return;
-      event.preventDefault();
-      if (this.rafId) return;
-      this.rafId = requestAnimationFrame(() => {
-        const currentX = event.type.includes('touch') ? event.touches[0]?.clientX : event.clientX;
-        const currentY = event.type.includes('touch') ? event.touches[0]?.clientY : event.clientY;
-        if (currentX === undefined || currentY === undefined) return;
-        this.lastMouseX = currentX;
-        this.lastMouseY = currentY;
-        const deltaX = (currentX - this.startX) / this.pagesScale;
-        const deltaY = (currentY - this.startY) / this.pagesScale;
-        if (this.mode === 'drag') {
-          const pageRect = this.currentPageRect;
-          if (pageRect) {
-            const newElementLeft = currentX - this.pointerOffsetDoc.x;
-            const newElementTop = currentY - this.pointerOffsetDoc.y;
-            const newX = (newElementLeft - pageRect.left) / this.pagesScale;
-            const newY = (newElementTop - pageRect.top) / this.pagesScale;
-            this.offsetX = newX - this.object.x;
-            this.offsetY = newY - this.object.y;
-          } else {
-            this.offsetX = deltaX;
-            this.offsetY = deltaY;
-          }
-          this.onDragMove(currentX, currentY);
-          if (this.isBeingDraggedGlobally) {
-            this.onUpdate({
-              _globalDrag: true,
-              _mouseX: currentX,
-              _mouseY: currentY
-            });
-          }
-          this.rafId = null;
-          return;
-        }
-        const minSize = 16;
-        let newWidth = this.startWidth;
-        let newHeight = this.startHeight;
-        let newLeft = this.startLeft;
-        let newTop = this.startTop;
-        const widthChange = this.direction.includes('right') ? deltaX : this.direction.includes('left') ? -deltaX : 0;
-        newWidth = this.startWidth + widthChange;
-        if (newWidth < minSize) newWidth = minSize;
-        newHeight = newWidth / this.aspectRatio;
-        if (this.direction.includes('left')) {
-          newLeft = this.startLeft + (this.startWidth - newWidth);
-          if (newLeft < 0) {
-            const overflow = -newLeft;
-            newLeft = 0;
-            newWidth = newWidth - overflow;
-            newHeight = newWidth / this.aspectRatio;
-          }
-        }
-        if (this.direction.includes('top')) {
-          newTop = this.startTop + (this.startHeight - newHeight);
-          if (newTop < 0) {
-            const overflow = -newTop;
-            newTop = 0;
-            newHeight = newHeight - overflow;
-            newWidth = newHeight * this.aspectRatio;
-            if (this.direction.includes('left')) {
-              newLeft = this.startLeft + (this.startWidth - newWidth);
-            }
-          }
-        }
-        if (newLeft + newWidth > this.pageWidth) {
-          const excess = newLeft + newWidth - this.pageWidth;
-          newWidth -= excess;
-          newHeight = newWidth / this.aspectRatio;
-        }
-        if (newTop + newHeight > this.pageHeight) {
-          const excess = newTop + newHeight - this.pageHeight;
-          newHeight -= excess;
-          newWidth = newHeight * this.aspectRatio;
-          if (this.direction.includes('left')) {
-            newLeft = this.startLeft + (this.startWidth - newWidth);
-          }
-        }
-        this.resizeOffsetX = newLeft - this.object.x;
-        this.resizeOffsetY = newTop - this.object.y;
-        this.resizeOffsetW = newWidth - this.object.width;
-        this.resizeOffsetH = newHeight - this.object.height;
-        this.rafId = null;
-      });
-    },
-    stopInteraction() {
-      if (this.mode === 'idle') return;
-      if (this.mode === 'drag' && (this.offsetX !== 0 || this.offsetY !== 0)) {
-        if (this.isBeingDraggedGlobally) {
-          this.onUpdate({
-            _globalDrag: true,
-            _mouseX: this.lastMouseX,
-            _mouseY: this.lastMouseY
-          });
-        } else {
-          const x = Math.max(0, Math.min(this.object.x + this.offsetX, this.pageWidth - this.object.width));
-          const y = Math.max(0, Math.min(this.object.y + this.offsetY, this.pageHeight - this.object.height));
-          this.onUpdate({
-            x,
-            y
-          });
-        }
-      }
-      if (this.mode === 'resize' && (this.resizeOffsetW !== 0 || this.resizeOffsetH !== 0 || this.resizeOffsetX !== 0 || this.resizeOffsetY !== 0)) {
-        const x = this.object.x + this.resizeOffsetX;
-        const y = this.object.y + this.resizeOffsetY;
-        const width = this.object.width + this.resizeOffsetW;
-        const height = this.object.height + this.resizeOffsetH;
-        this.onUpdate({
-          x,
-          y,
-          width,
-          height
-        });
-      }
-      this.resetOffsets();
-      this.onDragEnd();
-      window.removeEventListener('mousemove', this.boundHandleMove);
-      window.removeEventListener('mouseup', this.boundStopInteraction);
-      window.removeEventListener('touchmove', this.boundHandleMove);
-      window.removeEventListener('touchend', this.boundStopInteraction);
-    },
-    capturePageRect() {
-      const wrapper = this.$el.closest('.page-wrapper');
-      if (!wrapper) return null;
-      const canvas = wrapper.querySelector('canvas');
-      return canvas ? canvas.getBoundingClientRect() : null;
-    },
-    resetResizeOffsets() {
-      this.resizeOffsetX = 0;
-      this.resizeOffsetY = 0;
-      this.resizeOffsetW = 0;
-      this.resizeOffsetH = 0;
-    },
-    resetOffsets() {
-      this.mode = 'idle';
-      this.offsetX = 0;
-      this.offsetY = 0;
-      this.resetResizeOffsets();
-      this.pointerOffsetDoc = {
-        x: 0,
-        y: 0
-      };
-      this.currentPageRect = null;
-    }
-  }
-});
-;// ./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
-// 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
-
-
-
-;
-
-
-/* normalize component */
-
-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,
-  false,
-  null,
-  "55db89ce",
-  null
-  
-)
-
-/* harmony default export */ const DraggableElement = (DraggableElement_component.exports);
 ;// ./node_modules/pdfjs-dist/build/pdf.mjs
 /**
  * @licstart The following is the entire license notice for the
@@ -15976,7 +15024,7 @@ for (const op in OPS) {
 }
 
 ;// ./src/display/worker_options.js
-class GlobalWorkerOptions {
+class pdf_GlobalWorkerOptions {
   static #port = null;
   static #src = "";
   static get workerPort() {
@@ -18108,7 +17156,7 @@ function getDocument(src = {}) {
   if (!worker) {
     worker = PDFWorker.create({
       verbosity,
-      port: GlobalWorkerOptions.workerPort
+      port: pdf_GlobalWorkerOptions.workerPort
     });
     task._worker = worker;
   }
@@ -18861,7 +17909,7 @@ class PDFWorker {
   static {
     if (isNodeJS) {
       this.#isWorkerDisabled = true;
-      GlobalWorkerOptions.workerSrc ||= "./pdf.worker.mjs";
+      pdf_GlobalWorkerOptions.workerSrc ||= "./pdf.worker.mjs";
     }
     this._isSameOrigin = (baseUrl, otherUrl) => {
       const base = URL.parse(baseUrl);
@@ -19033,8 +18081,8 @@ class PDFWorker {
     return new PDFWorker(params);
   }
   static get workerSrc() {
-    if (GlobalWorkerOptions.workerSrc) {
-      return GlobalWorkerOptions.workerSrc;
+    if (pdf_GlobalWorkerOptions.workerSrc) {
+      return pdf_GlobalWorkerOptions.workerSrc;
     }
     throw new Error('No "GlobalWorkerOptions.workerSrc" specified.');
   }
@@ -29573,472 +28621,1427 @@ class AnnotationEditorLayer {
       this.#allowClick = true;
       return;
     }
-    const currentMode = this.#uiManager.getMode();
-    if (currentMode === AnnotationEditorType.STAMP || currentMode === AnnotationEditorType.SIGNATURE) {
-      this.#uiManager.unselectAll();
-      return;
+    const currentMode = this.#uiManager.getMode();
+    if (currentMode === AnnotationEditorType.STAMP || currentMode === AnnotationEditorType.SIGNATURE) {
+      this.#uiManager.unselectAll();
+      return;
+    }
+    this.createAndAddNewEditor(event, false);
+  }
+  pointerdown(event) {
+    if (this.#uiManager.getMode() === AnnotationEditorType.HIGHLIGHT) {
+      this.enableTextSelection();
+    }
+    if (this.#hadPointerDown) {
+      this.#hadPointerDown = false;
+      return;
+    }
+    const {
+      isMac
+    } = util_FeatureTest.platform;
+    if (event.button !== 0 || event.ctrlKey && isMac) {
+      return;
+    }
+    if (event.target !== this.div) {
+      return;
+    }
+    this.#hadPointerDown = true;
+    if (this.#currentEditorType?.isDrawer) {
+      this.startDrawingSession(event);
+      return;
+    }
+    const editor = this.#uiManager.getActive();
+    this.#allowClick = !editor || editor.isEmpty();
+  }
+  startDrawingSession(event) {
+    this.div.focus({
+      preventScroll: true
+    });
+    if (this.#drawingAC) {
+      this.#currentEditorType.startDrawing(this, this.#uiManager, false, event);
+      return;
+    }
+    this.#uiManager.setCurrentDrawingSession(this);
+    this.#drawingAC = new AbortController();
+    const signal = this.#uiManager.combinedSignal(this.#drawingAC);
+    this.div.addEventListener("blur", ({
+      relatedTarget
+    }) => {
+      if (relatedTarget && !this.div.contains(relatedTarget)) {
+        this.#focusedElement = null;
+        this.commitOrRemove();
+      }
+    }, {
+      signal
+    });
+    this.#currentEditorType.startDrawing(this, this.#uiManager, false, event);
+  }
+  pause(on) {
+    if (on) {
+      const {
+        activeElement
+      } = document;
+      if (this.div.contains(activeElement)) {
+        this.#focusedElement = activeElement;
+      }
+      return;
+    }
+    if (this.#focusedElement) {
+      setTimeout(() => {
+        this.#focusedElement?.focus();
+        this.#focusedElement = null;
+      }, 0);
+    }
+  }
+  endDrawingSession(isAborted = false) {
+    if (!this.#drawingAC) {
+      return null;
+    }
+    this.#uiManager.setCurrentDrawingSession(null);
+    this.#drawingAC.abort();
+    this.#drawingAC = null;
+    this.#focusedElement = null;
+    return this.#currentEditorType.endDrawing(isAborted);
+  }
+  findNewParent(editor, x, y) {
+    const layer = this.#uiManager.findParent(x, y);
+    if (layer === null || layer === this) {
+      return false;
+    }
+    layer.changeParent(editor);
+    return true;
+  }
+  commitOrRemove() {
+    if (this.#drawingAC) {
+      this.endDrawingSession();
+      return true;
+    }
+    return false;
+  }
+  onScaleChanging() {
+    if (!this.#drawingAC) {
+      return;
+    }
+    this.#currentEditorType.onScaleChangingWhenDrawing(this);
+  }
+  destroy() {
+    this.commitOrRemove();
+    if (this.#uiManager.getActive()?.parent === this) {
+      this.#uiManager.commitOrRemove();
+      this.#uiManager.setActiveEditor(null);
+    }
+    if (this.#editorFocusTimeoutId) {
+      clearTimeout(this.#editorFocusTimeoutId);
+      this.#editorFocusTimeoutId = null;
+    }
+    for (const editor of this.#editors.values()) {
+      this.#accessibilityManager?.removePointerInTextLayer(editor.contentDiv);
+      editor.setParent(null);
+      editor.isAttachedToDOM = false;
+      editor.div.remove();
+    }
+    this.div = null;
+    this.#editors.clear();
+    this.#uiManager.removeLayer(this);
+  }
+  #cleanup() {
+    for (const editor of this.#editors.values()) {
+      if (editor.isEmpty()) {
+        editor.remove();
+      }
+    }
+  }
+  render({
+    viewport
+  }) {
+    this.viewport = viewport;
+    setLayerDimensions(this.div, viewport);
+    for (const editor of this.#uiManager.getEditors(this.pageIndex)) {
+      this.add(editor);
+      editor.rebuild();
+    }
+    this.updateMode();
+  }
+  update({
+    viewport
+  }) {
+    this.#uiManager.commitOrRemove();
+    this.#cleanup();
+    const oldRotation = this.viewport.rotation;
+    const rotation = viewport.rotation;
+    this.viewport = viewport;
+    setLayerDimensions(this.div, {
+      rotation
+    });
+    if (oldRotation !== rotation) {
+      for (const editor of this.#editors.values()) {
+        editor.rotate(rotation);
+      }
+    }
+  }
+  get pageDimensions() {
+    const {
+      pageWidth,
+      pageHeight
+    } = this.viewport.rawDims;
+    return [pageWidth, pageHeight];
+  }
+  get scale() {
+    return this.#uiManager.viewParameters.realScale;
+  }
+}
+
+;// ./src/display/draw_layer.js
+
+
+class DrawLayer {
+  #parent = null;
+  #mapping = new Map();
+  #toUpdate = new Map();
+  static #id = 0;
+  constructor({
+    pageIndex
+  }) {
+    this.pageIndex = pageIndex;
+  }
+  setParent(parent) {
+    if (!this.#parent) {
+      this.#parent = parent;
+      return;
+    }
+    if (this.#parent !== parent) {
+      if (this.#mapping.size > 0) {
+        for (const root of this.#mapping.values()) {
+          root.remove();
+          parent.append(root);
+        }
+      }
+      this.#parent = parent;
+    }
+  }
+  static get _svgFactory() {
+    return shadow(this, "_svgFactory", new DOMSVGFactory());
+  }
+  static #setBox(element, [x, y, width, height]) {
+    const {
+      style
+    } = element;
+    style.top = `${100 * y}%`;
+    style.left = `${100 * x}%`;
+    style.width = `${100 * width}%`;
+    style.height = `${100 * height}%`;
+  }
+  #createSVG() {
+    const svg = DrawLayer._svgFactory.create(1, 1, true);
+    this.#parent.append(svg);
+    svg.setAttribute("aria-hidden", true);
+    return svg;
+  }
+  #createClipPath(defs, pathId) {
+    const clipPath = DrawLayer._svgFactory.createElement("clipPath");
+    defs.append(clipPath);
+    const clipPathId = `clip_${pathId}`;
+    clipPath.setAttribute("id", clipPathId);
+    clipPath.setAttribute("clipPathUnits", "objectBoundingBox");
+    const clipPathUse = DrawLayer._svgFactory.createElement("use");
+    clipPath.append(clipPathUse);
+    clipPathUse.setAttribute("href", `#${pathId}`);
+    clipPathUse.classList.add("clip");
+    return clipPathId;
+  }
+  #updateProperties(element, properties) {
+    for (const [key, value] of Object.entries(properties)) {
+      if (value === null) {
+        element.removeAttribute(key);
+      } else {
+        element.setAttribute(key, value);
+      }
+    }
+  }
+  draw(properties, isPathUpdatable = false, hasClip = false) {
+    const id = DrawLayer.#id++;
+    const root = this.#createSVG();
+    const defs = DrawLayer._svgFactory.createElement("defs");
+    root.append(defs);
+    const path = DrawLayer._svgFactory.createElement("path");
+    defs.append(path);
+    const pathId = `path_p${this.pageIndex}_${id}`;
+    path.setAttribute("id", pathId);
+    path.setAttribute("vector-effect", "non-scaling-stroke");
+    if (isPathUpdatable) {
+      this.#toUpdate.set(id, path);
     }
-    this.createAndAddNewEditor(event, false);
+    const clipPathId = hasClip ? this.#createClipPath(defs, pathId) : null;
+    const use = DrawLayer._svgFactory.createElement("use");
+    root.append(use);
+    use.setAttribute("href", `#${pathId}`);
+    this.updateProperties(root, properties);
+    this.#mapping.set(id, root);
+    return {
+      id,
+      clipPathId: `url(#${clipPathId})`
+    };
   }
-  pointerdown(event) {
-    if (this.#uiManager.getMode() === AnnotationEditorType.HIGHLIGHT) {
-      this.enableTextSelection();
+  drawOutline(properties, mustRemoveSelfIntersections) {
+    const id = DrawLayer.#id++;
+    const root = this.#createSVG();
+    const defs = DrawLayer._svgFactory.createElement("defs");
+    root.append(defs);
+    const path = DrawLayer._svgFactory.createElement("path");
+    defs.append(path);
+    const pathId = `path_p${this.pageIndex}_${id}`;
+    path.setAttribute("id", pathId);
+    path.setAttribute("vector-effect", "non-scaling-stroke");
+    let maskId;
+    if (mustRemoveSelfIntersections) {
+      const mask = DrawLayer._svgFactory.createElement("mask");
+      defs.append(mask);
+      maskId = `mask_p${this.pageIndex}_${id}`;
+      mask.setAttribute("id", maskId);
+      mask.setAttribute("maskUnits", "objectBoundingBox");
+      const rect = DrawLayer._svgFactory.createElement("rect");
+      mask.append(rect);
+      rect.setAttribute("width", "1");
+      rect.setAttribute("height", "1");
+      rect.setAttribute("fill", "white");
+      const use = DrawLayer._svgFactory.createElement("use");
+      mask.append(use);
+      use.setAttribute("href", `#${pathId}`);
+      use.setAttribute("stroke", "none");
+      use.setAttribute("fill", "black");
+      use.setAttribute("fill-rule", "nonzero");
+      use.classList.add("mask");
     }
-    if (this.#hadPointerDown) {
-      this.#hadPointerDown = false;
-      return;
+    const use1 = DrawLayer._svgFactory.createElement("use");
+    root.append(use1);
+    use1.setAttribute("href", `#${pathId}`);
+    if (maskId) {
+      use1.setAttribute("mask", `url(#${maskId})`);
     }
-    const {
-      isMac
-    } = util_FeatureTest.platform;
-    if (event.button !== 0 || event.ctrlKey && isMac) {
+    const use2 = use1.cloneNode();
+    root.append(use2);
+    use1.classList.add("mainOutline");
+    use2.classList.add("secondaryOutline");
+    this.updateProperties(root, properties);
+    this.#mapping.set(id, root);
+    return id;
+  }
+  finalizeDraw(id, properties) {
+    this.#toUpdate.delete(id);
+    this.updateProperties(id, properties);
+  }
+  updateProperties(elementOrId, properties) {
+    if (!properties) {
       return;
     }
-    if (event.target !== this.div) {
+    const {
+      root,
+      bbox,
+      rootClass,
+      path
+    } = properties;
+    const element = typeof elementOrId === "number" ? this.#mapping.get(elementOrId) : elementOrId;
+    if (!element) {
       return;
     }
-    this.#hadPointerDown = true;
-    if (this.#currentEditorType?.isDrawer) {
-      this.startDrawingSession(event);
-      return;
+    if (root) {
+      this.#updateProperties(element, root);
     }
-    const editor = this.#uiManager.getActive();
-    this.#allowClick = !editor || editor.isEmpty();
-  }
-  startDrawingSession(event) {
-    this.div.focus({
-      preventScroll: true
-    });
-    if (this.#drawingAC) {
-      this.#currentEditorType.startDrawing(this, this.#uiManager, false, event);
-      return;
+    if (bbox) {
+      DrawLayer.#setBox(element, bbox);
     }
-    this.#uiManager.setCurrentDrawingSession(this);
-    this.#drawingAC = new AbortController();
-    const signal = this.#uiManager.combinedSignal(this.#drawingAC);
-    this.div.addEventListener("blur", ({
-      relatedTarget
-    }) => {
-      if (relatedTarget && !this.div.contains(relatedTarget)) {
-        this.#focusedElement = null;
-        this.commitOrRemove();
-      }
-    }, {
-      signal
-    });
-    this.#currentEditorType.startDrawing(this, this.#uiManager, false, event);
-  }
-  pause(on) {
-    if (on) {
+    if (rootClass) {
       const {
-        activeElement
-      } = document;
-      if (this.div.contains(activeElement)) {
-        this.#focusedElement = activeElement;
+        classList
+      } = element;
+      for (const [className, value] of Object.entries(rootClass)) {
+        classList.toggle(className, value);
       }
-      return;
     }
-    if (this.#focusedElement) {
-      setTimeout(() => {
-        this.#focusedElement?.focus();
-        this.#focusedElement = null;
-      }, 0);
+    if (path) {
+      const defs = element.firstElementChild;
+      const pathElement = defs.firstElementChild;
+      this.#updateProperties(pathElement, path);
     }
   }
-  endDrawingSession(isAborted = false) {
-    if (!this.#drawingAC) {
-      return null;
+  updateParent(id, layer) {
+    if (layer === this) {
+      return;
     }
-    this.#uiManager.setCurrentDrawingSession(null);
-    this.#drawingAC.abort();
-    this.#drawingAC = null;
-    this.#focusedElement = null;
-    return this.#currentEditorType.endDrawing(isAborted);
+    const root = this.#mapping.get(id);
+    if (!root) {
+      return;
+    }
+    layer.#parent.append(root);
+    this.#mapping.delete(id);
+    layer.#mapping.set(id, root);
   }
-  findNewParent(editor, x, y) {
-    const layer = this.#uiManager.findParent(x, y);
-    if (layer === null || layer === this) {
-      return false;
+  remove(id) {
+    this.#toUpdate.delete(id);
+    if (this.#parent === null) {
+      return;
     }
-    layer.changeParent(editor);
-    return true;
+    this.#mapping.get(id).remove();
+    this.#mapping.delete(id);
   }
-  commitOrRemove() {
-    if (this.#drawingAC) {
-      this.endDrawingSession();
-      return true;
+  destroy() {
+    this.#parent = null;
+    for (const root of this.#mapping.values()) {
+      root.remove();
     }
-    return false;
+    this.#mapping.clear();
+    this.#toUpdate.clear();
   }
-  onScaleChanging() {
-    if (!this.#drawingAC) {
-      return;
+}
+
+;// ./src/pdf.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{
+  globalThis._pdfjsTestingUtils = {
+    HighlightOutliner: HighlightOutliner
+  };
+}
+globalThis.pdfjsLib = {
+  AbortException: AbortException,
+  AnnotationEditorLayer: AnnotationEditorLayer,
+  AnnotationEditorParamsType: AnnotationEditorParamsType,
+  AnnotationEditorType: AnnotationEditorType,
+  AnnotationEditorUIManager: AnnotationEditorUIManager,
+  AnnotationLayer: AnnotationLayer,
+  AnnotationMode: AnnotationMode,
+  AnnotationType: AnnotationType,
+  applyOpacity: applyOpacity,
+  build: build,
+  ColorPicker: ColorPicker,
+  createValidAbsoluteUrl: createValidAbsoluteUrl,
+  CSSConstants: CSSConstants,
+  DOMSVGFactory: DOMSVGFactory,
+  DrawLayer: DrawLayer,
+  FeatureTest: util_FeatureTest,
+  fetchData: fetchData,
+  findContrastColor: findContrastColor,
+  getDocument: getDocument,
+  getFilenameFromUrl: getFilenameFromUrl,
+  getPdfFilenameFromUrl: getPdfFilenameFromUrl,
+  getRGB: getRGB,
+  getUuid: getUuid,
+  getXfaPageViewport: getXfaPageViewport,
+  GlobalWorkerOptions: pdf_GlobalWorkerOptions,
+  ImageKind: util_ImageKind,
+  InvalidPDFException: InvalidPDFException,
+  isDataScheme: isDataScheme,
+  isPdfFile: isPdfFile,
+  isValidExplicitDest: isValidExplicitDest,
+  MathClamp: MathClamp,
+  noContextMenu: noContextMenu,
+  normalizeUnicode: normalizeUnicode,
+  OPS: OPS,
+  OutputScale: OutputScale,
+  PasswordResponses: PasswordResponses,
+  PDFDataRangeTransport: PDFDataRangeTransport,
+  PDFDateString: PDFDateString,
+  PDFWorker: PDFWorker,
+  PermissionFlag: PermissionFlag,
+  PixelsPerInch: PixelsPerInch,
+  RenderingCancelledException: RenderingCancelledException,
+  renderRichText: renderRichText,
+  ResponseException: ResponseException,
+  setLayerDimensions: setLayerDimensions,
+  shadow: shadow,
+  SignatureExtractor: SignatureExtractor,
+  stopEvent: stopEvent,
+  SupportedImageMimeTypes: SupportedImageMimeTypes,
+  TextLayer: TextLayer,
+  TouchManager: TouchManager,
+  updateUrlHash: updateUrlHash,
+  Util: Util,
+  VerbosityLevel: VerbosityLevel,
+  version: version,
+  XfaLayer: XfaLayer
+};
+
+
+
+//# 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=00b0fcba&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "pdf-elements-root",
+    style: {
+      width: _vm.width,
+      height: _vm.height
     }
-    this.#currentEditorType.onScaleChangingWhenDrawing(this);
-  }
-  destroy() {
-    this.commitOrRemove();
-    if (this.#uiManager.getActive()?.parent === this) {
-      this.#uiManager.commitOrRemove();
-      this.#uiManager.setActiveEditor(null);
+  }, [_vm.pdfDocuments.length ? _c('div', {
+    staticClass: "pages-container",
+    style: {
+      transform: `scale(${_vm.visualScale / _vm.scale})`,
+      transformOrigin: 'top center'
     }
-    if (this.#editorFocusTimeoutId) {
-      clearTimeout(this.#editorFocusTimeoutId);
-      this.#editorFocusTimeoutId = null;
+  }, _vm._l(_vm.pdfDocuments, function (pdfDoc, docIndex) {
+    return _c('div', {
+      key: docIndex
+    }, _vm._l(pdfDoc.pages, function (page, pIndex) {
+      return _c('div', {
+        key: `${docIndex}-${pIndex}`,
+        staticClass: "page-slot"
+      }, [_c('div', {
+        staticClass: "page-wrapper",
+        on: {
+          "mousedown": function ($event) {
+            return _vm.selectPage(docIndex, pIndex);
+          },
+          "touchstart": function ($event) {
+            return _vm.selectPage(docIndex, pIndex);
+          }
+        }
+      }, [_c('div', {
+        staticClass: "page-canvas",
+        class: {
+          'shadow-outline': docIndex === _vm.selectedDocIndex && pIndex === _vm.selectedPageIndex
+        }
+      }, [_c('PDFPage', {
+        ref: `page${docIndex}-${pIndex}`,
+        refInFor: true,
+        attrs: {
+          "page": page,
+          "scale": _vm.scale
+        },
+        on: {
+          "onMeasure": function ($event) {
+            return _vm.onMeasure($event, docIndex, pIndex);
+          }
+        }
+      }), _c('div', {
+        staticClass: "overlay"
+      }, [_vm.isAddingMode && _vm.previewPageDocIndex === docIndex && _vm.previewPageIndex === pIndex && _vm.previewElement && _vm.previewVisible ? _c('div', {
+        staticClass: "preview-element",
+        style: {
+          left: `${_vm.previewPosition.x * _vm.previewScale.x}px`,
+          top: `${_vm.previewPosition.y * _vm.previewScale.y}px`,
+          width: `${_vm.previewElement.width * _vm.previewScale.x}px`,
+          height: `${_vm.previewElement.height * _vm.previewScale.y}px`
+        }
+      }, [_vm._t("custom", null, {
+        "object": _vm.previewElement,
+        "isSelected": false
+      })], 2) : _vm._e(), _vm._l(pdfDoc.allObjects[pIndex], function (object) {
+        return _c('DraggableElement', {
+          key: object.id,
+          ref: `draggable${docIndex}-${pIndex}-${object.id}`,
+          refInFor: true,
+          attrs: {
+            "object": object,
+            "pages-scale": _vm.getRenderPageScale(docIndex, pIndex),
+            "page-width": _vm.getPageWidth(docIndex, pIndex),
+            "page-height": _vm.getPageHeight(docIndex, pIndex),
+            "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),
+            "on-drag-move": _vm.updateDraggingPosition,
+            "on-drag-end": _vm.stopDraggingElement,
+            "is-being-dragged-globally": _vm.isDraggingElement && _vm.draggingObject && _vm.draggingObject.id === object.id,
+            "dragging-client-pos": _vm.draggingClientPosition,
+            "current-doc-index": docIndex,
+            "current-page-index": pIndex,
+            "global-drag-doc-index": _vm.draggingDocIndex,
+            "global-drag-page-index": _vm.draggingPageIndex,
+            "show-selection-ui": _vm.showSelectionHandles && !_vm.hideSelectionUI && object.resizable !== false,
+            "show-default-actions": _vm.showElementActions && !_vm.hideSelectionUI
+          },
+          scopedSlots: _vm._u([{
+            key: "default",
+            fn: function (slotProps) {
+              return [_vm._t(slotProps.object.type ? `element-${slotProps.object.type}` : 'custom', function () {
+                return [_vm._t("custom", null, {
+                  "object": slotProps.object,
+                  "onDelete": slotProps.onDelete,
+                  "onResize": slotProps.onResize
+                })];
+              }, {
+                "object": slotProps.object,
+                "onDelete": slotProps.onDelete,
+                "onResize": slotProps.onResize
+              })];
+            }
+          }, {
+            key: "actions",
+            fn: function (slotProps) {
+              return [_vm._t("actions", null, {
+                "object": slotProps.object,
+                "onDelete": slotProps.onDelete
+              })];
+            }
+          }], null, true)
+        });
+      })], 2)], 1), _vm.showPageFooter ? _c('div', {
+        staticClass: "page-footer"
+      }, [_c('span', [_vm._v(_vm._s(pdfDoc.name))]), _c('span', [_vm._v(_vm._s(_vm.formatPageNumber(pIndex + 1, pdfDoc.numPages)))])]) : _vm._e()])]);
+    }), 0);
+  }), 0) : _vm._e(), _vm.isDraggingElement && _vm.draggingObject ? _c('div', {
+    staticClass: "drag-portal",
+    style: {
+      position: 'fixed',
+      left: `${_vm.draggingClientPosition.x}px`,
+      top: `${_vm.draggingClientPosition.y}px`,
+      width: `${_vm.draggingObject.width * _vm.draggingScale}px`,
+      height: `${_vm.draggingObject.height * _vm.draggingScale}px`,
+      pointerEvents: 'none'
     }
-    for (const editor of this.#editors.values()) {
-      this.#accessibilityManager?.removePointerInTextLayer(editor.contentDiv);
-      editor.setParent(null);
-      editor.isAttachedToDOM = false;
-      editor.div.remove();
+  }, [_vm._t(_vm.draggingObject.type ? `element-${_vm.draggingObject.type}` : 'custom', function () {
+    return [_vm._t("custom", null, {
+      "object": _vm.draggingObject,
+      "isSelected": false
+    })];
+  }, {
+    "object": _vm.draggingObject,
+    "isSelected": false
+  })], 2) : _vm._e()]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(4114);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
+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.for-each.js
+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,
+    _c = _vm._self._c;
+  return _c('canvas', {
+    ref: "canvas"
+  });
+};
+var PDFPagevue_type_template_id_2c9e224a_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/PDFPage.vue?vue&type=script&lang=js
+/* harmony default export */ const PDFPagevue_type_script_lang_js = ({
+  name: 'PDFPage',
+  props: {
+    page: {
+      type: Promise,
+      required: true
+    },
+    scale: {
+      type: Number,
+      default: 1
     }
-    this.div = null;
-    this.#editors.clear();
-    this.#uiManager.removeLayer(this);
-  }
-  #cleanup() {
-    for (const editor of this.#editors.values()) {
-      if (editor.isEmpty()) {
-        editor.remove();
-      }
+  },
+  data() {
+    return {
+      dynamicScale: this.scale,
+      isRendering: false,
+      boundMeasure: null
+    };
+  },
+  watch: {
+    scale(newScale) {
+      this.dynamicScale = newScale;
+      this.render();
     }
-  }
-  render({
-    viewport
-  }) {
-    this.viewport = viewport;
-    setLayerDimensions(this.div, viewport);
-    for (const editor of this.#uiManager.getEditors(this.pageIndex)) {
-      this.add(editor);
-      editor.rebuild();
+  },
+  mounted() {
+    this.boundMeasure = this.measure.bind(this);
+    window.addEventListener('resize', this.boundMeasure);
+    this.render();
+  },
+  beforeUnmount() {
+    if (this.boundMeasure) {
+      window.removeEventListener('resize', this.boundMeasure);
     }
-    this.updateMode();
-  }
-  update({
-    viewport
-  }) {
-    this.#uiManager.commitOrRemove();
-    this.#cleanup();
-    const oldRotation = this.viewport.rotation;
-    const rotation = viewport.rotation;
-    this.viewport = viewport;
-    setLayerDimensions(this.div, {
-      rotation
-    });
-    if (oldRotation !== rotation) {
-      for (const editor of this.#editors.values()) {
-        editor.rotate(rotation);
+  },
+  methods: {
+    getCanvasMeasurement() {
+      return {
+        canvasWidth: this.$refs.canvas.width,
+        canvasHeight: this.$refs.canvas.height
+      };
+    },
+    measure() {
+      this.$emit('onMeasure', {
+        scale: this.dynamicScale
+      });
+    },
+    async render() {
+      if (this.isRendering) return;
+      this.isRendering = true;
+      try {
+        const _page = await this.page;
+        const canvas = this.$refs.canvas;
+        const context = canvas.getContext('2d');
+        const viewport = _page.getViewport({
+          scale: this.dynamicScale
+        });
+        canvas.width = viewport.width;
+        canvas.height = viewport.height;
+        await _page.render({
+          canvasContext: context,
+          viewport
+        }).promise;
+        this.measure();
+      } finally {
+        this.isRendering = false;
       }
     }
   }
-  get pageDimensions() {
-    const {
-      pageWidth,
-      pageHeight
-    } = this.viewport.rawDims;
-    return [pageWidth, pageHeight];
-  }
-  get scale() {
-    return this.#uiManager.viewParameters.realScale;
-  }
-}
+});
+;// ./src/components/PDFPage.vue?vue&type=script&lang=js
+ /* harmony default export */ const components_PDFPagevue_type_script_lang_js = (PDFPagevue_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/PDFPage.vue?vue&type=style&index=0&id=2c9e224a&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
 
-;// ./src/display/draw_layer.js
+;// ./src/components/PDFPage.vue?vue&type=style&index=0&id=2c9e224a&prod&scoped=true&lang=css
 
+;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
 
-class DrawLayer {
-  #parent = null;
-  #mapping = new Map();
-  #toUpdate = new Map();
-  static #id = 0;
-  constructor({
-    pageIndex
-  }) {
-    this.pageIndex = pageIndex;
-  }
-  setParent(parent) {
-    if (!this.#parent) {
-      this.#parent = parent;
-      return;
-    }
-    if (this.#parent !== parent) {
-      if (this.#mapping.size > 0) {
-        for (const root of this.#mapping.values()) {
-          root.remove();
-          parent.append(root);
-        }
-      }
-      this.#parent = parent;
-    }
-  }
-  static get _svgFactory() {
-    return shadow(this, "_svgFactory", new DOMSVGFactory());
-  }
-  static #setBox(element, [x, y, width, height]) {
-    const {
-      style
-    } = element;
-    style.top = `${100 * y}%`;
-    style.left = `${100 * x}%`;
-    style.width = `${100 * width}%`;
-    style.height = `${100 * height}%`;
-  }
-  #createSVG() {
-    const svg = DrawLayer._svgFactory.create(1, 1, true);
-    this.#parent.append(svg);
-    svg.setAttribute("aria-hidden", true);
-    return svg;
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
   }
-  #createClipPath(defs, pathId) {
-    const clipPath = DrawLayer._svgFactory.createElement("clipPath");
-    defs.append(clipPath);
-    const clipPathId = `clip_${pathId}`;
-    clipPath.setAttribute("id", clipPathId);
-    clipPath.setAttribute("clipPathUnits", "objectBoundingBox");
-    const clipPathUse = DrawLayer._svgFactory.createElement("use");
-    clipPath.append(clipPathUse);
-    clipPathUse.setAttribute("href", `#${pathId}`);
-    clipPathUse.classList.add("clip");
-    return clipPathId;
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
   }
-  #updateProperties(element, properties) {
-    for (const [key, value] of Object.entries(properties)) {
-      if (value === null) {
-        element.removeAttribute(key);
-      } else {
-        element.setAttribute(key, value);
-      }
-    }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
   }
-  draw(properties, isPathUpdatable = false, hasClip = false) {
-    const id = DrawLayer.#id++;
-    const root = this.#createSVG();
-    const defs = DrawLayer._svgFactory.createElement("defs");
-    root.append(defs);
-    const path = DrawLayer._svgFactory.createElement("path");
-    defs.append(path);
-    const pathId = `path_p${this.pageIndex}_${id}`;
-    path.setAttribute("id", pathId);
-    path.setAttribute("vector-effect", "non-scaling-stroke");
-    if (isPathUpdatable) {
-      this.#toUpdate.set(id, path);
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
     }
-    const clipPathId = hasClip ? this.#createClipPath(defs, pathId) : null;
-    const use = DrawLayer._svgFactory.createElement("use");
-    root.append(use);
-    use.setAttribute("href", `#${pathId}`);
-    this.updateProperties(root, properties);
-    this.#mapping.set(id, root);
-    return {
-      id,
-      clipPathId: `url(#${clipPathId})`
-    };
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
   }
-  drawOutline(properties, mustRemoveSelfIntersections) {
-    const id = DrawLayer.#id++;
-    const root = this.#createSVG();
-    const defs = DrawLayer._svgFactory.createElement("defs");
-    root.append(defs);
-    const path = DrawLayer._svgFactory.createElement("path");
-    defs.append(path);
-    const pathId = `path_p${this.pageIndex}_${id}`;
-    path.setAttribute("id", pathId);
-    path.setAttribute("vector-effect", "non-scaling-stroke");
-    let maskId;
-    if (mustRemoveSelfIntersections) {
-      const mask = DrawLayer._svgFactory.createElement("mask");
-      defs.append(mask);
-      maskId = `mask_p${this.pageIndex}_${id}`;
-      mask.setAttribute("id", maskId);
-      mask.setAttribute("maskUnits", "objectBoundingBox");
-      const rect = DrawLayer._svgFactory.createElement("rect");
-      mask.append(rect);
-      rect.setAttribute("width", "1");
-      rect.setAttribute("height", "1");
-      rect.setAttribute("fill", "white");
-      const use = DrawLayer._svgFactory.createElement("use");
-      mask.append(use);
-      use.setAttribute("href", `#${pathId}`);
-      use.setAttribute("stroke", "none");
-      use.setAttribute("fill", "black");
-      use.setAttribute("fill-rule", "nonzero");
-      use.classList.add("mask");
-    }
-    const use1 = DrawLayer._svgFactory.createElement("use");
-    root.append(use1);
-    use1.setAttribute("href", `#${pathId}`);
-    if (maskId) {
-      use1.setAttribute("mask", `url(#${maskId})`);
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
-    const use2 = use1.cloneNode();
-    root.append(use2);
-    use1.classList.add("mainOutline");
-    use2.classList.add("secondaryOutline");
-    this.updateProperties(root, properties);
-    this.#mapping.set(id, root);
-    return id;
   }
-  finalizeDraw(id, properties) {
-    this.#toUpdate.delete(id);
-    this.updateProperties(id, properties);
+
+  return {
+    exports: scriptExports,
+    options: options
   }
-  updateProperties(elementOrId, properties) {
-    if (!properties) {
-      return;
-    }
-    const {
-      root,
-      bbox,
-      rootClass,
-      path
-    } = properties;
-    const element = typeof elementOrId === "number" ? this.#mapping.get(elementOrId) : elementOrId;
-    if (!element) {
-      return;
+}
+
+;// ./src/components/PDFPage.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  components_PDFPagevue_type_script_lang_js,
+  PDFPagevue_type_template_id_2c9e224a_scoped_true_render,
+  PDFPagevue_type_template_id_2c9e224a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "2c9e224a",
+  null
+  
+)
+
+/* 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() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "draggable-wrapper"
+  }, [_vm.isSelected && !_vm.isBeingDraggedGlobally && _vm.showSelectionUi && _vm.showDefaultActions ? _c('div', {
+    staticClass: "actions-toolbar",
+    style: _vm.toolbarStyle
+  }, [_vm._t("actions", function () {
+    return [_c('button', {
+      staticClass: "action-btn",
+      attrs: {
+        "type": "button",
+        "title": "Delete"
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.onDelete.apply(null, arguments);
+        }
+      }
+    }, [_c('svg', {
+      attrs: {
+        "width": "16",
+        "height": "16",
+        "viewBox": "0 0 16 16",
+        "fill": "currentColor"
+      }
+    }, [_c('path', {
+      attrs: {
+        "d": "M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.5a.5.5 0 0 0 0 1h.5v10.5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5V3.5h.5a.5.5 0 0 0 0-1H11Zm1 1v10.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5V3.5h8Z"
+      }
+    })])])];
+  }, {
+    "object": _vm.object,
+    "onDelete": _vm.onDelete
+  })], 2) : _vm._e(), _c('div', {
+    staticClass: "draggable-element",
+    class: {
+      selected: _vm.isSelected && _vm.showSelectionUi
+    },
+    style: [_vm.elementStyle, _vm.dragElementStyle],
+    attrs: {
+      "draggable": "false"
+    },
+    on: {
+      "dragstart": function ($event) {
+        $event.preventDefault();
+      },
+      "mousedown": _vm.handleElementClick,
+      "touchstart": _vm.handleElementClick
     }
-    if (root) {
-      this.#updateProperties(element, root);
+  }, [_vm._t("default", null, {
+    "object": _vm.object,
+    "isSelected": _vm.isSelected,
+    "onDelete": _vm.onDelete,
+    "onResize": _vm.startResizeFromSlot
+  }), _vm.isSelected && _vm.showSelectionUi ? _vm._l(_vm.resizeDirections, function (dir) {
+    return _c('button', {
+      key: dir,
+      staticClass: "resize-handle",
+      class: `handle-${dir}`,
+      attrs: {
+        "type": "button"
+      },
+      on: {
+        "mousedown": function ($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.startResize(dir, $event);
+        },
+        "touchstart": function ($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.startResize(dir, $event);
+        }
+      }
+    });
+  }) : _vm._e()], 2)]);
+};
+var DraggableElementvue_type_template_id_55db89ce_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 = ({
+  name: 'DraggableElement',
+  props: {
+    object: {
+      type: Object,
+      required: true
+    },
+    pagesScale: {
+      type: Number,
+      default: 1
+    },
+    pageWidth: {
+      type: Number,
+      required: true
+    },
+    pageHeight: {
+      type: Number,
+      required: true
+    },
+    onUpdate: {
+      type: Function,
+      default: () => {}
+    },
+    onDelete: {
+      type: Function,
+      default: () => {}
+    },
+    onDragStart: {
+      type: Function,
+      default: () => {}
+    },
+    onDragMove: {
+      type: Function,
+      default: () => {}
+    },
+    onDragEnd: {
+      type: Function,
+      default: () => {}
+    },
+    isBeingDraggedGlobally: {
+      type: Boolean,
+      default: false
+    },
+    draggingClientPos: {
+      type: Object,
+      default: () => ({
+        x: 0,
+        y: 0
+      })
+    },
+    currentDocIndex: {
+      type: Number,
+      default: -1
+    },
+    currentPageIndex: {
+      type: Number,
+      default: -1
+    },
+    globalDragDocIndex: {
+      type: Number,
+      default: -1
+    },
+    globalDragPageIndex: {
+      type: Number,
+      default: -1
+    },
+    showSelectionUi: {
+      type: Boolean,
+      default: true
+    },
+    showDefaultActions: {
+      type: Boolean,
+      default: true
     }
-    if (bbox) {
-      DrawLayer.#setBox(element, bbox);
+  },
+  data() {
+    return {
+      isSelected: false,
+      mode: 'idle',
+      direction: '',
+      startX: 0,
+      startY: 0,
+      startLeft: 0,
+      startTop: 0,
+      startWidth: 0,
+      startHeight: 0,
+      offsetX: 0,
+      offsetY: 0,
+      resizeOffsetX: 0,
+      resizeOffsetY: 0,
+      resizeOffsetW: 0,
+      resizeOffsetH: 0,
+      aspectRatio: 1,
+      lastMouseX: 0,
+      lastMouseY: 0,
+      pointerOffsetDoc: {
+        x: 0,
+        y: 0
+      },
+      currentPageRect: null,
+      rafId: null
+    };
+  },
+  computed: {
+    resizeDirections() {
+      return ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+    },
+    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;
+      return {
+        left: `${currentX * scale}px`,
+        top: `${currentY * scale}px`,
+        width: `${currentWidth * scale}px`,
+        height: `${currentHeight * scale}px`
+      };
+    },
+    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;
+      return {
+        left: `${(x + width / 2) * scale}px`,
+        top: `${(y - 48) * scale}px`,
+        transform: 'translateX(-50%)'
+      };
+    },
+    dragElementStyle() {
+      if (!this.isBeingDraggedGlobally || !this.draggingClientPos) {
+        return {};
+      }
+      return {
+        opacity: 0,
+        pointerEvents: 'none'
+      };
     }
-    if (rootClass) {
-      const {
-        classList
-      } = element;
-      for (const [className, value] of Object.entries(rootClass)) {
-        classList.toggle(className, value);
+  },
+  mounted() {
+    this.handleClickOutside = this.handleClickOutside.bind(this);
+    this.boundHandleMove = this.handleMove.bind(this);
+    this.boundStopInteraction = this.stopInteraction.bind(this);
+    document.addEventListener('mousedown', this.handleClickOutside);
+    document.addEventListener('touchstart', this.handleClickOutside);
+  },
+  beforeUnmount() {
+    document.removeEventListener('mousedown', this.handleClickOutside);
+    document.removeEventListener('touchstart', this.handleClickOutside);
+    window.removeEventListener('mousemove', this.boundHandleMove);
+    window.removeEventListener('mouseup', this.boundStopInteraction);
+    window.removeEventListener('touchmove', this.boundHandleMove);
+    window.removeEventListener('touchend', this.boundStopInteraction);
+    if (this.rafId) cancelAnimationFrame(this.rafId);
+  },
+  methods: {
+    handleElementClick(event) {
+      if (event.target.closest('.delete-handle') || event.target.closest('[data-stop-drag]') || event.target.closest('.actions-toolbar')) {
+        return;
+      }
+      event.preventDefault();
+      this.isSelected = true;
+      this.startDrag(event);
+    },
+    handleClickOutside(event) {
+      if (this.$el && !this.$el.contains(event.target)) {
+        this.isSelected = false;
+      }
+    },
+    startResizeFromSlot(direction, event) {
+      if (!direction || !event) return;
+      this.startResize(direction, event);
+    },
+    startDrag(event) {
+      if (event.target.classList.contains('delete')) return;
+      if (event.target.classList.contains('resize-handle')) return;
+      this.mode = 'drag';
+      this.startX = event.type.includes('touch') ? event.touches[0].clientX : event.clientX;
+      this.startY = event.type.includes('touch') ? event.touches[0].clientY : event.clientY;
+      this.startLeft = this.object.x;
+      this.startTop = this.object.y;
+      this.offsetX = 0;
+      this.offsetY = 0;
+      this.resetResizeOffsets();
+      const elementRect = this.$el.querySelector('.draggable-element').getBoundingClientRect();
+      this.pointerOffsetDoc.x = this.startX - elementRect.left;
+      this.pointerOffsetDoc.y = this.startY - elementRect.top;
+      const pageRect = this.capturePageRect();
+      this.currentPageRect = pageRect;
+      let dragElementShift = {
+        x: 0,
+        y: 0
+      };
+      if (pageRect) {
+        const expectedLeft = pageRect.left + this.object.x * this.pagesScale;
+        const expectedTop = pageRect.top + this.object.y * this.pagesScale;
+        dragElementShift = {
+          x: elementRect.left - expectedLeft,
+          y: elementRect.top - expectedTop
+        };
+      }
+      this.onDragStart(this.startX, this.startY, {
+        ...this.pointerOffsetDoc
+      }, dragElementShift);
+      window.addEventListener('mousemove', this.boundHandleMove);
+      window.addEventListener('mouseup', this.boundStopInteraction);
+      window.addEventListener('touchmove', this.boundHandleMove);
+      window.addEventListener('touchend', this.boundStopInteraction);
+    },
+    startResize(direction, event) {
+      this.mode = 'resize';
+      this.direction = direction;
+      this.startX = event.type.includes('touch') ? event.touches[0].clientX : event.clientX;
+      this.startY = event.type.includes('touch') ? event.touches[0].clientY : event.clientY;
+      this.startLeft = this.object.x;
+      this.startTop = this.object.y;
+      this.startWidth = this.object.width;
+      this.startHeight = this.object.height;
+      this.aspectRatio = this.startWidth / this.startHeight;
+      this.offsetX = 0;
+      this.offsetY = 0;
+      this.resetResizeOffsets();
+      window.addEventListener('mousemove', this.boundHandleMove);
+      window.addEventListener('mouseup', this.boundStopInteraction);
+      window.addEventListener('touchmove', this.boundHandleMove);
+      window.addEventListener('touchend', this.boundStopInteraction);
+    },
+    handleMove(event) {
+      if (this.mode === 'idle') return;
+      event.preventDefault();
+      if (this.rafId) return;
+      this.rafId = requestAnimationFrame(() => {
+        const currentX = event.type.includes('touch') ? event.touches[0]?.clientX : event.clientX;
+        const currentY = event.type.includes('touch') ? event.touches[0]?.clientY : event.clientY;
+        if (currentX === undefined || currentY === undefined) return;
+        this.lastMouseX = currentX;
+        this.lastMouseY = currentY;
+        const deltaX = (currentX - this.startX) / this.pagesScale;
+        const deltaY = (currentY - this.startY) / this.pagesScale;
+        if (this.mode === 'drag') {
+          const pageRect = this.currentPageRect;
+          if (pageRect) {
+            const newElementLeft = currentX - this.pointerOffsetDoc.x;
+            const newElementTop = currentY - this.pointerOffsetDoc.y;
+            const newX = (newElementLeft - pageRect.left) / this.pagesScale;
+            const newY = (newElementTop - pageRect.top) / this.pagesScale;
+            this.offsetX = newX - this.object.x;
+            this.offsetY = newY - this.object.y;
+          } else {
+            this.offsetX = deltaX;
+            this.offsetY = deltaY;
+          }
+          this.onDragMove(currentX, currentY);
+          if (this.isBeingDraggedGlobally) {
+            this.onUpdate({
+              _globalDrag: true,
+              _mouseX: currentX,
+              _mouseY: currentY
+            });
+          }
+          this.rafId = null;
+          return;
+        }
+        const minSize = 16;
+        let newWidth = this.startWidth;
+        let newHeight = this.startHeight;
+        let newLeft = this.startLeft;
+        let newTop = this.startTop;
+        const widthChange = this.direction.includes('right') ? deltaX : this.direction.includes('left') ? -deltaX : 0;
+        newWidth = this.startWidth + widthChange;
+        if (newWidth < minSize) newWidth = minSize;
+        newHeight = newWidth / this.aspectRatio;
+        if (this.direction.includes('left')) {
+          newLeft = this.startLeft + (this.startWidth - newWidth);
+          if (newLeft < 0) {
+            const overflow = -newLeft;
+            newLeft = 0;
+            newWidth = newWidth - overflow;
+            newHeight = newWidth / this.aspectRatio;
+          }
+        }
+        if (this.direction.includes('top')) {
+          newTop = this.startTop + (this.startHeight - newHeight);
+          if (newTop < 0) {
+            const overflow = -newTop;
+            newTop = 0;
+            newHeight = newHeight - overflow;
+            newWidth = newHeight * this.aspectRatio;
+            if (this.direction.includes('left')) {
+              newLeft = this.startLeft + (this.startWidth - newWidth);
+            }
+          }
+        }
+        if (newLeft + newWidth > this.pageWidth) {
+          const excess = newLeft + newWidth - this.pageWidth;
+          newWidth -= excess;
+          newHeight = newWidth / this.aspectRatio;
+        }
+        if (newTop + newHeight > this.pageHeight) {
+          const excess = newTop + newHeight - this.pageHeight;
+          newHeight -= excess;
+          newWidth = newHeight * this.aspectRatio;
+          if (this.direction.includes('left')) {
+            newLeft = this.startLeft + (this.startWidth - newWidth);
+          }
+        }
+        this.resizeOffsetX = newLeft - this.object.x;
+        this.resizeOffsetY = newTop - this.object.y;
+        this.resizeOffsetW = newWidth - this.object.width;
+        this.resizeOffsetH = newHeight - this.object.height;
+        this.rafId = null;
+      });
+    },
+    stopInteraction() {
+      if (this.mode === 'idle') return;
+      if (this.mode === 'drag' && (this.offsetX !== 0 || this.offsetY !== 0)) {
+        if (this.isBeingDraggedGlobally) {
+          this.onUpdate({
+            _globalDrag: true,
+            _mouseX: this.lastMouseX,
+            _mouseY: this.lastMouseY
+          });
+        } else {
+          const x = Math.max(0, Math.min(this.object.x + this.offsetX, this.pageWidth - this.object.width));
+          const y = Math.max(0, Math.min(this.object.y + this.offsetY, this.pageHeight - this.object.height));
+          this.onUpdate({
+            x,
+            y
+          });
+        }
       }
+      if (this.mode === 'resize' && (this.resizeOffsetW !== 0 || this.resizeOffsetH !== 0 || this.resizeOffsetX !== 0 || this.resizeOffsetY !== 0)) {
+        const x = this.object.x + this.resizeOffsetX;
+        const y = this.object.y + this.resizeOffsetY;
+        const width = this.object.width + this.resizeOffsetW;
+        const height = this.object.height + this.resizeOffsetH;
+        this.onUpdate({
+          x,
+          y,
+          width,
+          height
+        });
+      }
+      this.resetOffsets();
+      this.onDragEnd();
+      window.removeEventListener('mousemove', this.boundHandleMove);
+      window.removeEventListener('mouseup', this.boundStopInteraction);
+      window.removeEventListener('touchmove', this.boundHandleMove);
+      window.removeEventListener('touchend', this.boundStopInteraction);
+    },
+    capturePageRect() {
+      const wrapper = this.$el.closest('.page-wrapper');
+      if (!wrapper) return null;
+      const canvas = wrapper.querySelector('canvas');
+      return canvas ? canvas.getBoundingClientRect() : null;
+    },
+    resetResizeOffsets() {
+      this.resizeOffsetX = 0;
+      this.resizeOffsetY = 0;
+      this.resizeOffsetW = 0;
+      this.resizeOffsetH = 0;
+    },
+    resetOffsets() {
+      this.mode = 'idle';
+      this.offsetX = 0;
+      this.offsetY = 0;
+      this.resetResizeOffsets();
+      this.pointerOffsetDoc = {
+        x: 0,
+        y: 0
+      };
+      this.currentPageRect = null;
     }
-    if (path) {
-      const defs = element.firstElementChild;
-      const pathElement = defs.firstElementChild;
-      this.#updateProperties(pathElement, path);
-    }
-  }
-  updateParent(id, layer) {
-    if (layer === this) {
-      return;
-    }
-    const root = this.#mapping.get(id);
-    if (!root) {
-      return;
-    }
-    layer.#parent.append(root);
-    this.#mapping.delete(id);
-    layer.#mapping.set(id, root);
-  }
-  remove(id) {
-    this.#toUpdate.delete(id);
-    if (this.#parent === null) {
-      return;
-    }
-    this.#mapping.get(id).remove();
-    this.#mapping.delete(id);
-  }
-  destroy() {
-    this.#parent = null;
-    for (const root of this.#mapping.values()) {
-      root.remove();
-    }
-    this.#mapping.clear();
-    this.#toUpdate.clear();
   }
-}
-
-;// ./src/pdf.js
-
-
-
-
-
-
-
-
-
-
+});
+;// ./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
+// 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
 
 
 
+;
 
-{
-  globalThis._pdfjsTestingUtils = {
-    HighlightOutliner: HighlightOutliner
-  };
-}
-globalThis.pdfjsLib = {
-  AbortException: AbortException,
-  AnnotationEditorLayer: AnnotationEditorLayer,
-  AnnotationEditorParamsType: AnnotationEditorParamsType,
-  AnnotationEditorType: AnnotationEditorType,
-  AnnotationEditorUIManager: AnnotationEditorUIManager,
-  AnnotationLayer: AnnotationLayer,
-  AnnotationMode: AnnotationMode,
-  AnnotationType: AnnotationType,
-  applyOpacity: applyOpacity,
-  build: build,
-  ColorPicker: ColorPicker,
-  createValidAbsoluteUrl: createValidAbsoluteUrl,
-  CSSConstants: CSSConstants,
-  DOMSVGFactory: DOMSVGFactory,
-  DrawLayer: DrawLayer,
-  FeatureTest: util_FeatureTest,
-  fetchData: fetchData,
-  findContrastColor: findContrastColor,
-  getDocument: getDocument,
-  getFilenameFromUrl: getFilenameFromUrl,
-  getPdfFilenameFromUrl: getPdfFilenameFromUrl,
-  getRGB: getRGB,
-  getUuid: getUuid,
-  getXfaPageViewport: getXfaPageViewport,
-  GlobalWorkerOptions: GlobalWorkerOptions,
-  ImageKind: util_ImageKind,
-  InvalidPDFException: InvalidPDFException,
-  isDataScheme: isDataScheme,
-  isPdfFile: isPdfFile,
-  isValidExplicitDest: isValidExplicitDest,
-  MathClamp: MathClamp,
-  noContextMenu: noContextMenu,
-  normalizeUnicode: normalizeUnicode,
-  OPS: OPS,
-  OutputScale: OutputScale,
-  PasswordResponses: PasswordResponses,
-  PDFDataRangeTransport: PDFDataRangeTransport,
-  PDFDateString: PDFDateString,
-  PDFWorker: PDFWorker,
-  PermissionFlag: PermissionFlag,
-  PixelsPerInch: PixelsPerInch,
-  RenderingCancelledException: RenderingCancelledException,
-  renderRichText: renderRichText,
-  ResponseException: ResponseException,
-  setLayerDimensions: setLayerDimensions,
-  shadow: shadow,
-  SignatureExtractor: SignatureExtractor,
-  stopEvent: stopEvent,
-  SupportedImageMimeTypes: SupportedImageMimeTypes,
-  TextLayer: TextLayer,
-  TouchManager: TouchManager,
-  updateUrlHash: updateUrlHash,
-  Util: Util,
-  VerbosityLevel: VerbosityLevel,
-  version: version,
-  XfaLayer: XfaLayer
-};
 
+/* normalize component */
 
+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,
+  false,
+  null,
+  "55db89ce",
+  null
+  
+)
 
-//# 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";
+/* harmony default export */ const DraggableElement = (DraggableElement_component.exports);
 ;// ./src/utils/asyncReader.js
 // SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
 
 
-GlobalWorkerOptions.workerSrc = pdf_worker_min_namespaceObject;
+pdf_GlobalWorkerOptions.workerSrc = pdf_worker_min_namespaceObject;
+function setWorkerPath(path) {
+  GlobalWorkerOptions.workerSrc = path;
+}
 function readAsArrayBuffer(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -30107,6 +30110,10 @@ function readAsPDF(file) {
     pageCountFormat: {
       type: String,
       default: '{currentPage} of {totalPages}'
+    },
+    autoFitZoom: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -30179,6 +30186,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 +30206,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;
@@ -30238,6 +30251,11 @@ function readAsPDF(file) {
         this.$emit('pdf-elements:end-init', {
           docsCount: docs.length
         });
+        this.$nextTick(() => {
+          if (this.autoFitZoom) {
+            this.adjustZoomToFit();
+          }
+        });
       }
     },
     selectPage(docIndex, pageIndex) {
@@ -30674,15 +30692,36 @@ 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;
+        this.pdfDocuments.forEach(doc => {
+          doc.pagesScale = doc.pagesScale.map(() => this.scale);
+        });
+        this.cachePageBounds();
+      }
     }
   }
 });
 ;// ./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=00b0fcba&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=00b0fcba&prod&scoped=true&lang=css
 
 ;// ./src/components/PDFElements.vue
 
@@ -30699,7 +30738,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "5a4a7f3b",
+  "00b0fcba",
   null
   
 )
@@ -30710,6 +30749,10 @@ var PDFElements_component = normalizeComponent(
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
 
+
+pdf_GlobalWorkerOptions.workerSrc = pdf_worker_min_namespaceObject;
+
+
 PDFElements.install = function (Vue) {
   if (PDFElements.install.installed) return;
   Vue.component(PDFElements.name, PDFElements);