legalesign-document-viewer 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -36035,6 +36035,17 @@ const LsToolboxField = class {
36035
36035
  isSelected = false;
36036
36036
  fieldTypeSelected;
36037
36037
  handleDragStart(event) {
36038
+ var canvas = document.createElement('div');
36039
+ canvas.style.position = 'absolute';
36040
+ canvas.style.left = '-100%';
36041
+ canvas.style.zIndex = '-100';
36042
+ canvas.style.height = this.defaultHeight + 'px';
36043
+ canvas.style.width = this.defaultWidth + 'px';
36044
+ canvas.style.backgroundColor = 'rgba(255, 255, 255, 1)';
36045
+ canvas.style.border = `1px dashed ${defaultRolePalette[this.signer % 100].s60}`;
36046
+ canvas.innerHTML = this.formElementType;
36047
+ document.body.appendChild(canvas);
36048
+ event.dataTransfer.setDragImage(canvas, -50, -20);
36038
36049
  // Add the target element's id to the data transfer object
36039
36050
  event.dataTransfer.setData('application/json', JSON.stringify({
36040
36051
  formElementType: this.formElementType,
@@ -36055,7 +36066,7 @@ const LsToolboxField = class {
36055
36066
  attachAllTooltips(this.component.shadowRoot);
36056
36067
  }
36057
36068
  render() {
36058
- return (index.h(index.Host, { key: '23a50f46d363a41bc0f0a42a7892d5ffb1099fcf', draggable: "true" }, index.h("div", { key: '9afa09051e7c34a40a07c3c1394c3b581d53f5b0', class: 'ls-toolbox-field', style: this.isSelected && {
36069
+ return (index.h(index.Host, { key: 'b8ba3bf139801233d2d81b5648d1a638505e0972', draggable: "true" }, index.h("div", { key: '9f6f1f44479fa2157daf47a3504b689d9e420b7b', class: 'ls-toolbox-field', style: this.isSelected && {
36059
36070
  background: defaultRolePalette[this.signer % 100].s10,
36060
36071
  border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
36061
36072
  color: defaultRolePalette[this.signer % 100].s80,
@@ -36070,9 +36081,9 @@ const LsToolboxField = class {
36070
36081
  defaultWidth: this.defaultWidth,
36071
36082
  fixedAspect: this.fixedAspect,
36072
36083
  });
36073
- } }, index.h("div", { key: 'bfedf0d04f2806183d1c1d8957ecfe717eac8660', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '47ffa6ad7b778d4add640e2f43d8209c8412b1b8', name: this.icon, size: "20" })), index.h("p", { key: '9df555ea8f8e2f5db2805835eec7695207878264', class: "toolbox-field-label", style: this.isSelected && {
36084
+ } }, index.h("div", { key: '30345c85a9b6b6a721813bb4f013087b4a8cabba', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '765ea21ea33d53efd63ba1b79a1f573cf86d51e8', name: this.icon, size: "20" })), index.h("p", { key: '233dc63ee920abb8402e44b0ba9c5398034bb5bb', class: "toolbox-field-label", style: this.isSelected && {
36074
36085
  color: defaultRolePalette[this.signer % 100].s80,
36075
- } }, this.label), this.redDot && (index.h("div", { key: '9330738644de92f4fb4ced713dd276ab0b6bf154', class: 'warning-box' }, index.h("ls-icon", { key: '90fdcff3ce9dafe226798b1a0269e00f0bd29684', name: "exclamation-circle", size: "18", solid: true }))), index.h("ls-icon", { key: '625c450c17234d6efd14c706e03b73d8bab8f8f5', name: "drag-vertical", size: "16", color: "#787a80" })), index.h("ls-tooltip", { key: '77db2859250fd4aaebdd9d46e2e3aaf93afa4354', id: "ls-tooltip-master", tooltipText: "Something" })));
36086
+ } }, this.label), this.redDot && (index.h("div", { key: '9f4c19c86d0a4dad73e0d3f9b4607e845065ed0c', class: 'warning-box' }, index.h("ls-icon", { key: 'd304104665589be58cfe07c425d3e27251019279', name: "exclamation-circle", size: "18", solid: true }))), index.h("ls-icon", { key: '69daa9ade2b006ee3d7e15cd92ce607c21fb7a43', name: "drag-vertical", size: "16", color: "#787a80" })), index.h("ls-tooltip", { key: '6068cd2f85ee3baf054b20d7b5738d7421894f25', id: "ls-tooltip-master", tooltipText: "Something" })));
36076
36087
  }
36077
36088
  };
36078
36089
  LsToolboxField.style = lsToolboxFieldCss;