@libresign/pdf-elements 0.2.5 → 0.3.0

package/dist/pdf-elements.css

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

package/dist/pdf-elements.umd.js

@@ -2821,7 +2821,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-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=template&id=ec3a4e5e&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=template&id=46de43ea&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2902,6 +2902,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,
@@ -2912,7 +2913,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",
@@ -2934,7 +2936,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)
@@ -3211,8 +3214,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ const PDFPage = (component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/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-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/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', {
@@ -3222,6 +3225,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",
@@ -3247,7 +3273,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: {
@@ -3292,7 +3319,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-83.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 = ({
@@ -3322,6 +3349,10 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
       type: Function,
       default: () => {}
     },
+    onDuplicate: {
+      type: Function,
+      default: () => {}
+    },
     onDragStart: {
       type: Function,
       default: () => {}
@@ -3372,6 +3403,10 @@ var DraggableElementvue_type_template_id_1fb13404_scoped_true_staticRenderFns =
     readOnly: {
       type: Boolean,
       default: false
+    },
+    ignoreClickOutsideSelectors: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -3488,6 +3523,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;
       }
@@ -3702,10 +3743,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-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DraggableElement.vue?vue&type=style&index=0&id=1fb13404&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/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
 
@@ -3718,11 +3759,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
   
 )
@@ -30307,6 +30348,10 @@ function getCachedMeasurement(cache, cacheKey, pageRef, pagesScale) {
       type: Boolean,
       default: false
     },
+    ignoreClickOutsideSelectors: {
+      type: Array,
+      default: () => []
+    },
     pageCountFormat: {
       type: String,
       default: '{currentPage} of {totalPages}'
@@ -31037,6 +31082,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];
@@ -31172,10 +31267,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-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=style&index=0&id=ec3a4e5e&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PDFElements.vue?vue&type=style&index=0&id=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
 
@@ -31192,7 +31287,7 @@ var PDFElements_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "ec3a4e5e",
+  "46de43ea",
   null
   
 )