@libresign/pdf-elements 0.2.5 → 0.3.0

package/README.md

@@ -25,6 +25,7 @@ A Vue 2 component for rendering PDFs with draggable and resizable element overla
 | `showSelectionHandles` | Boolean | `true` | Show resize/move handles on selected elements |
 | `showElementActions` | Boolean | `true` | Show action buttons on selected elements |
 | `readOnly` | Boolean | `false` | Disable drag, resize, and actions for elements |
+| `ignoreClickOutsideSelectors` | Array | `[]` | CSS selectors that keep the selection active when clicking outside the element |
 | `pageCountFormat` | String | `'{currentPage} of {totalPages}'` | Format string for page counter |
 | `autoFitZoom` | Boolean | `false` | Automatically adjust zoom to fit viewport on window resize |
 
@@ -37,4 +38,3 @@ A Vue 2 component for rendering PDFs with draggable and resizable element overla
 - `element-{type}` - Custom element rendering (e.g., `element-signature`)
 - `custom` - Fallback for elements without specific type
 - `actions` - Custom action buttons
-

package/dist/pdf-elements.common.js

@@ -2811,7 +2811,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ const setPublicPath = (null);
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=template&id=ec3a4e5e&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=template&id=46de43ea&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2892,6 +2892,7 @@ var render = function render() {
             "read-only": _vm.readOnly,
             "on-update": payload => _vm.updateObject(docIndex, object.id, payload),
             "on-delete": () => _vm.deleteObject(docIndex, object.id),
+            "on-duplicate": () => _vm.duplicateObject(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,
@@ -2902,7 +2903,8 @@ var render = function render() {
             "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
+            "show-default-actions": _vm.showElementActions && !_vm.hideSelectionUI,
+            "ignore-click-outside-selectors": _vm.ignoreClickOutsideSelectors
           },
           scopedSlots: _vm._u([{
             key: "default",
@@ -2924,7 +2926,8 @@ var render = function render() {
             fn: function (slotProps) {
               return [_vm._t("actions", null, {
                 "object": slotProps.object,
-                "onDelete": slotProps.onDelete
+                "onDelete": slotProps.onDelete,
+                "onDuplicate": slotProps.onDuplicate
               })];
             }
           }], null, true)
@@ -3201,8 +3204,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ const PDFPage = (component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DraggableElement.vue?vue&type=template&id=1fb13404&scoped=true
-var DraggableElementvue_type_template_id_1fb13404_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DraggableElement.vue?vue&type=template&id=9f1fd9e4&scoped=true
+var DraggableElementvue_type_template_id_9f1fd9e4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -3212,6 +3215,29 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_render = function
     style: _vm.toolbarStyle
   }, [_vm._t("actions", function () {
     return [_c('button', {
+      staticClass: "action-btn",
+      attrs: {
+        "type": "button",
+        "title": "Duplicate"
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.onDuplicate.apply(null, arguments);
+        }
+      }
+    }, [_c('svg', {
+      attrs: {
+        "width": "16",
+        "height": "16",
+        "viewBox": "0 0 24 24",
+        "fill": "currentColor"
+      }
+    }, [_c('path', {
+      attrs: {
+        "d": "M16 1H6a2 2 0 0 0-2 2v12h2V3h10V1zm3 4H10a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H10V7h9v14z"
+      }
+    })])]), _c('button', {
       staticClass: "action-btn",
       attrs: {
         "type": "button",
@@ -3237,7 +3263,8 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_render = function
     })])])];
   }, {
     "object": _vm.object,
-    "onDelete": _vm.onDelete
+    "onDelete": _vm.onDelete,
+    "onDuplicate": _vm.onDuplicate
   })], 2) : _vm._e(), _c('div', {
     staticClass: "draggable-element",
     class: {
@@ -3282,7 +3309,7 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_render = function
     });
   }) : _vm._e()], 2)]);
 };
-var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns = [];
+var DraggableElementvue_type_template_id_9f1fd9e4_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 = ({
@@ -3312,6 +3339,10 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
       type: Function,
       default: () => {}
     },
+    onDuplicate: {
+      type: Function,
+      default: () => {}
+    },
     onDragStart: {
       type: Function,
       default: () => {}
@@ -3362,6 +3393,10 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
     readOnly: {
       type: Boolean,
       default: false
+    },
+    ignoreClickOutsideSelectors: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -3478,6 +3513,12 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
       this.startDrag(event);
     },
     handleClickOutside(event) {
+      const selectors = Array.isArray(this.ignoreClickOutsideSelectors) ? this.ignoreClickOutsideSelectors : [];
+      for (const selector of selectors) {
+        if (selector && event?.target?.closest?.(selector)) {
+          return;
+        }
+      }
       if (this.$el && !this.$el.contains(event.target)) {
         this.isSelected = false;
       }
@@ -3692,10 +3733,10 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
 });
 ;// ./src/components/DraggableElement.vue?vue&type=script&lang=js
  /* harmony default export */ const components_DraggableElementvue_type_script_lang_js = (DraggableElementvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DraggableElement.vue?vue&type=style&index=0&id=1fb13404&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DraggableElement.vue?vue&type=style&index=0&id=9f1fd9e4&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/DraggableElement.vue?vue&type=style&index=0&id=1fb13404&prod&scoped=true&lang=css
+;// ./src/components/DraggableElement.vue?vue&type=style&index=0&id=9f1fd9e4&prod&scoped=true&lang=css
 
 ;// ./src/components/DraggableElement.vue
 
@@ -3708,11 +3749,11 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
 
 var DraggableElement_component = normalizeComponent(
   components_DraggableElementvue_type_script_lang_js,
-  DraggableElementvue_type_template_id_1fb13404_scoped_true_render,
-  DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns,
+  DraggableElementvue_type_template_id_9f1fd9e4_scoped_true_render,
+  DraggableElementvue_type_template_id_9f1fd9e4_scoped_true_staticRenderFns,
   false,
   null,
-  "1fb13404",
+  "9f1fd9e4",
   null
   
 )
@@ -30297,6 +30338,10 @@ function getCachedMeasurement(cache, cacheKey, pageRef, pagesScale) {
       type: Boolean,
       default: false
     },
+    ignoreClickOutsideSelectors: {
+      type: Array,
+      default: () => []
+    },
     pageCountFormat: {
       type: String,
       default: '{currentPage} of {totalPages}'
@@ -31027,6 +31072,56 @@ function getCachedMeasurement(cache, cacheKey, pageRef, pagesScale) {
         });
       }
     },
+    duplicateObject(docIndex, objectId) {
+      if (docIndex < 0 || docIndex >= this.pdfDocuments.length) return;
+      const doc = this.pdfDocuments[docIndex];
+      const cacheKey = `${docIndex}-${objectId}`;
+      let pageIndex = this.objectIndexCache[cacheKey];
+      if (pageIndex === undefined) {
+        pageIndex = findObjectPageIndex(doc, objectId);
+        if (pageIndex !== undefined) {
+          this.objectIndexCache[cacheKey] = pageIndex;
+        }
+      }
+      if (pageIndex === undefined) return;
+      const sourceObject = doc.allObjects[pageIndex]?.find(o => o.id === objectId);
+      if (!sourceObject) return;
+      const {
+        width: pageWidth,
+        height: pageHeight
+      } = this.getPageSize(docIndex, pageIndex);
+      const offset = 12;
+      const {
+        x,
+        y
+      } = clampPosition(sourceObject.x + offset, sourceObject.y + offset, sourceObject.width, sourceObject.height, pageWidth, pageHeight);
+      let duplicatedSigner = sourceObject.signer;
+      if (duplicatedSigner?.element && Object.prototype.hasOwnProperty.call(duplicatedSigner.element, 'elementId')) {
+        duplicatedSigner = {
+          ...duplicatedSigner,
+          element: {
+            ...duplicatedSigner.element
+          }
+        };
+        delete duplicatedSigner.element.elementId;
+      }
+      const duplicatedObject = {
+        ...sourceObject,
+        id: this.generateObjectId(),
+        x,
+        y,
+        signer: duplicatedSigner
+      };
+      doc.allObjects[pageIndex].push(duplicatedObject);
+      this.objectIndexCache[`${docIndex}-${duplicatedObject.id}`] = pageIndex;
+      this.$nextTick(() => {
+        const refKey = `draggable${docIndex}-${pageIndex}-${duplicatedObject.id}`;
+        const draggableRefs = this.$refs[refKey];
+        if (draggableRefs && Array.isArray(draggableRefs) && draggableRefs[0]) {
+          draggableRefs[0].isSelected = true;
+        }
+      });
+    },
     checkAndMoveObjectPage(docIndex, objectId, mouseX, mouseY) {
       if (docIndex < 0 || docIndex >= this.pdfDocuments.length) return undefined;
       const doc = this.pdfDocuments[docIndex];
@@ -31162,10 +31257,10 @@ function getCachedMeasurement(cache, cacheKey, pageRef, pagesScale) {
 });
 ;// ./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=ec3a4e5e&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=46de43ea&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=ec3a4e5e&prod&scoped=true&lang=css
+;// ./src/components/PDFElements.vue?vue&type=style&index=0&id=46de43ea&prod&scoped=true&lang=css
 
 ;// ./src/components/PDFElements.vue
 
@@ -31182,7 +31277,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "ec3a4e5e",
+  "46de43ea",
   null
   
 )