legalesign-document-viewer 1.0.8 → 1.0.9

package/dist/ls-document-viewer/{p-CkHg_-KZ.js → p-Ml5kW412.js}

@@ -1,2 +1,2 @@
-import{f as t,r as s,a as i}from"./p-BWxpQfiq.js";import{D as e,F as n,a as h}from"./p-04cXI5GQ.js";import{s as o}from"./p-CmJjDhcp.js";import{d as l}from"./p-CwCWCxsI.js";import{d as c}from"./p-WVWIAGo_.js";const a=10;let r=[];let f=null;function d(t,s){f={x:t,y:s}}function u(){f=null}function p(){if(!this.selected||this.selected.length===0)return;r=this.selected.map((t=>({...t.dataItem})));f=null}function m(){if(!this.selected||this.selected.length===0)return;p.bind(this)();const t=Array.from(this.selected);this.mutate.emit(t.map((t=>({action:"delete",data:t.dataItem}))))}function g(){if(r.length===0)return;const t=Math.min(...r.map((t=>t.top)));const s=Math.min(...r.map((t=>t.left)));const i=r.map((i=>{const e={...i,id:btoa("ele"+crypto.randomUUID())};if(f){const n=this.component.shadowRoot.getElementById("ls-document-frame");const h=n.getBoundingClientRect();const o=Math.round((f.x-h.left)/this.zoom);const l=Math.round((f.y-h.top)/this.zoom);e.top=l+(i.top-t);e.left=o+(i.left-s)}else{e.top=i.top+a;e.left=i.left+a}const n=this.pageDimensions[this.pageNum-1];if(e.top+i.height>n.height){e.top=n.height-i.height}if(e.left+i.width>n.width){e.left=n.width-i.width}if(e.top<0)e.top=0;if(e.left<0)e.left=0;e.page=this.pageNum;e.pageDimensions=n;return e}));const e=i.length;this.mutate.emit(i.map((t=>({action:"create",data:t}))));const n=()=>{const t=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const s=t.filter((t=>t.dataItem?.page===this.pageNum));const i=s.slice(-e);if(i.length===e){t.forEach((t=>{t.selected=false;t.multiSelected=false}));i.forEach((t=>{t.selected=true;t.multiSelected=i.length>1}));this.selected=i;this.selectFields.emit(i.map((t=>t.dataItem)))}};const h=()=>{if(!this.isMutating){requestAnimationFrame(n)}else{requestAnimationFrame(h)}};requestAnimationFrame(h);r=i;f=null}const x=8;function b(t,s,i,e,n,h,o,l){const c={edges:{},guides:[]};const a=t+i;const r=s+e;const f=[];const d=[];if(n.includes("n"))f.push("n");if(n.includes("s"))f.push("s");if(n.includes("e"))d.push("e");if(n.includes("w"))d.push("w");const u={n:s,s:r,e:a,w:t};for(const t of[...d,...f]){const s=t==="e"||t==="w";const i=u[t];let e=x+1;let n=null;for(const t of h){if(t.dataItem?.page!==o)continue;if(l&&l.includes(t.dataItem?.id))continue;const h=t.offsetLeft;const c=t.offsetTop;const a=h+t.offsetWidth;const r=c+t.offsetHeight;const f=h+t.offsetWidth/2;const d=c+t.offsetHeight/2;const u=s?[h,a,f]:[c,r,d];for(const t of u){const s=Math.abs(i-t);if(s<e){e=s;n=t}}}if(n!==null&&e<=x){c.edges[t]=n;c.guides.push({orientation:s?"v":"h",position:n})}}return c}function v(t,s,i,e,n,h,o){const l={x:null,y:null,guides:[]};const c=t+i;const a=s+e;const r=t+i/2;const f=s+e/2;let d=x+1;let u=x+1;let p=t;let m=s;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const e=i.offsetLeft;const n=i.offsetTop;const l=e+i.offsetWidth;const g=n+i.offsetHeight;const x=e+i.offsetWidth/2;const b=n+i.offsetHeight/2;const v=[{dragEdge:t,targetEdge:e},{dragEdge:t,targetEdge:l},{dragEdge:c,targetEdge:e},{dragEdge:c,targetEdge:l},{dragEdge:r,targetEdge:x}];for(const{dragEdge:s,targetEdge:i}of v){const e=Math.abs(s-i);if(e<d){d=e;p=t+(i-s)}}const M=[{dragEdge:s,targetEdge:n},{dragEdge:s,targetEdge:g},{dragEdge:a,targetEdge:n},{dragEdge:a,targetEdge:g},{dragEdge:f,targetEdge:b}];for(const{dragEdge:t,targetEdge:i}of M){const e=Math.abs(t-i);if(e<u){u=e;m=s+(i-t)}}}if(d>x)p=t;if(u>x)m=s;if(d<=x){l.x=p;const t=p+i;const s=p+i/2;const e=new Set;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const n=i.offsetLeft;const l=n+i.offsetWidth;const c=n+i.offsetWidth/2;for(const i of[n,l,c]){if(Math.abs(p-i)<1||Math.abs(t-i)<1||Math.abs(s-i)<1){e.add(i)}}}e.forEach((t=>l.guides.push({orientation:"v",position:t})))}if(u<=x){l.y=m;const t=m+e;const s=m+e/2;const i=new Set;for(const e of n){if(e.dataItem?.page!==h)continue;if(o&&o.includes(e.dataItem?.id))continue;const n=e.offsetTop;const l=n+e.offsetHeight;const c=n+e.offsetHeight/2;for(const e of[n,l,c]){if(Math.abs(m-e)<1||Math.abs(t-e)<1||Math.abs(s-e)<1){i.add(e)}}}i.forEach((t=>l.guides.push({orientation:"h",position:t})))}return l}const M=t=>t.preventDefault();function y(t){let s=this.component.shadowRoot.getElementById("ls-move-blocked-tooltip");if(!s){s=document.createElement("div");s.id="ls-move-blocked-tooltip";s.style.position="fixed";s.style.padding="0.375rem 0.75rem";s.style.borderRadius="0.5rem";s.style.background="var(--gray-100, #45484d)";s.style.color="white";s.style.fontSize="0.75rem";s.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";s.style.pointerEvents="none";s.style.zIndex="10000";s.style.whiteSpace="nowrap";s.textContent=c.t("fieldproperties.cannotmovemultipage");this.component.shadowRoot.appendChild(s)}s.style.left=t.clientX+12+"px";s.style.top=t.clientY+12+"px"}function w(){const t=this.component.shadowRoot?.getElementById("ls-move-blocked-tooltip");if(t)t.remove()}function E(){document.body.style.userSelect="none";document.body.style.webkitUserSelect="none";document.addEventListener("selectstart",M)}function k(){document.body.style.userSelect="";document.body.style.webkitUserSelect="";document.removeEventListener("selectstart",M)}function A(){var t=this.component.shadowRoot.getElementById("ls-box-selector");const s=this.selected?.filter((t=>t.dataItem?.page===this.pageNum));if(!s||s.length<2){t.style.visibility="hidden";return}let i=Infinity,e=Infinity,n=-Infinity,h=-Infinity;s.forEach((t=>{const s=t.offsetLeft;const o=t.offsetTop;const l=s+t.offsetWidth;const c=o+t.offsetHeight;if(s<i)i=s;if(o<e)e=o;if(l>n)n=l;if(c>h)h=c}));t.style.left=i+"px";t.style.top=e+"px";t.style.width=n-i+"px";t.style.height=h-e+"px";t.style.visibility="visible"}let T=null;function I(t,s){if(T)clearTimeout(T);T=setTimeout((()=>{this.mutate.emit([t])}),s)}const S=5;function $(t){if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.component.shadowRoot.getElementById("document-frame-wrapper");if(!s)return;const e=t.target;const n=e===s||e===i||e?.id==="pdf-canvas"||e?.tagName?.toLowerCase()==="canvas";const h=e?.tagName?.toLowerCase()==="ls-editor-field";if(!n&&!h)return;this.hitField=null;const l=this.component.shadowRoot.querySelectorAll("ls-editor-field");l.forEach((s=>{const{left:i,top:e,height:n,width:h,bottom:o,right:l}=s.getBoundingClientRect();const c={left:s.offsetLeft,top:s.offsetTop,height:n,width:h,x:t.screenX,y:t.screenY};this.startMouse=c;const a=Math.min(8,h*.25);const r=Math.min(8,n*.25);const f=Math.min(16,h*.35);const d=Math.min(16,n*.35);if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="se";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="nw";this.hitField=s}else if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="ne";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="sw";this.hitField=s}else if(Math.abs(t.clientX-i)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="w";this.hitField=s}else if(Math.abs(t.clientX-l)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="e";this.hitField=s}else if(Math.abs(t.clientY-e)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="n";this.hitField=s}else if(Math.abs(t.clientY-o)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="s";this.hitField=s}else if(t.clientY<=o&&t.clientY>=e&&t.clientX>=i&&t.clientX<=l){this.edgeSide=null;this.hitField=s}}));if(this.hitField&&t.shiftKey===false&&t.altKey===false){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";o(this.hitField.dataItem);this.selected.forEach((t=>o(t.dataItem)));if(this.hitField.selected===false){l.forEach((t=>{t.selected=false}));this.selected=[this.hitField];this.selectFields.emit([this.hitField.dataItem])}const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}else if(this.hitField&&t.altKey===true){if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)))}this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else if(this.hitField&&t.shiftKey===true){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)));this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else{this.hitField.selected=true;this.selected=[...this.selected,this.hitField];this.selectFields.emit(this.selected.map((t=>t.dataItem)));const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}}else{this.startLocations=null;this.startMouse=null;this.selectionBox=null;this._pendingSelectionBox={x:t.clientX,y:t.clientY};E();if(!t.shiftKey&&!t.altKey){this.unselect();this.selectFields.emit([]);this.selected=[];A.bind(this)()}}}function B(t){return t.height<=5||t.left<0||t.top<0||t.left+t.width>=t.pageDimensions.width||t.top+t.height>=t.pageDimensions.height}function P(t){t.preventDefault();if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}if(this.hitField&&this.edgeSide&&this.startMouse&&t.buttons===1){E();const e=t.screenX-this.startMouse.x;const n=t.screenY-this.startMouse.y;var i=this.hitField.dataItem.formElementType==="signature"&&this._template.fixSignatureScale;let h=this.startMouse.left;let o=this.startMouse.top;let l=this.startMouse.width;let c=this.startMouse.height;switch(this.edgeSide){case"n":if(i){c=this.startMouse.height-n;l=c*(this.startMouse.width/this.startMouse.height)}else{o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"s":if(i){c=this.startMouse.height+n;l=c*(this.startMouse.width/this.startMouse.height)}else{c=this.startMouse.height+n}break;case"e":if(i){l=this.startMouse.width+e;c=l*(this.startMouse.height/this.startMouse.width)}else{l=this.startMouse.width+e}break;case"w":if(i){l=this.startMouse.width-e;c=l*(this.startMouse.height/this.startMouse.width);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e}break;case"se":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height)}else{l=this.startMouse.width+e;c=this.startMouse.height+n}break;case"nw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e;o=this.startMouse.top+(this.startMouse.height-c)}else{h=this.startMouse.left+e;o=this.startMouse.top+n;l=this.startMouse.width-e;c=this.startMouse.height-n}break;case"ne":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height);o=this.startMouse.top+(this.startMouse.height-c)}else{l=this.startMouse.width+e;o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"sw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e;c=this.startMouse.height+n}break}const a=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const r=b(h,o,l,c,this.edgeSide,a,this.pageNum,[this.hitField.dataItem.id]);if(i){const t=this.startMouse.width/this.startMouse.height;const s=r.edges.e!==undefined||r.edges.w!==undefined;const i=r.edges.n!==undefined||r.edges.s!==undefined;let e=s;let n=i;if(s&&i&&this.edgeSide.length===2){const t=r.edges.e!==undefined?Math.abs(h+l-r.edges.e):Math.abs(h-r.edges.w);const s=r.edges.s!==undefined?Math.abs(o+c-r.edges.s):Math.abs(o-r.edges.n);if(t<=s){n=false}else{e=false}}if(n&&!e){if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}l=c*t}else if(e){if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}c=l/t}if(this.edgeSide.includes("n"))o=this.startMouse.top+this.startMouse.height-c;if(this.edgeSide.includes("w"))h=this.startMouse.left+this.startMouse.width-l;const a=r.guides.filter((t=>e&&t.orientation==="v"||n&&t.orientation==="h"));D.bind(this)(a)}else{if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}D.bind(this)(r.guides)}if(!B({...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom})){this.hitField.style.left=h+"px";this.hitField.style.top=o+"px";this.hitField.style.width=l+"px";this.hitField.style.height=c+"px";this.hitField.dataItem={...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom}}I.bind(this)({action:"update",data:s(this.hitField.dataItem)},700)}else if((this.selectionBox||this._pendingSelectionBox)&&t.buttons===1){if(!this.selectionBox&&this._pendingSelectionBox){const s=t.clientX-this._pendingSelectionBox.x;const i=t.clientY-this._pendingSelectionBox.y;if(Math.abs(s)<S&&Math.abs(i)<S)return;this.selectionBox=this._pendingSelectionBox;this._pendingSelectionBox=null;this.component.style.cursor="crosshair"}this.isBoxing=true;var e=this.component.shadowRoot.getElementById("ls-drag-selector");var n=this.component.shadowRoot.getElementById("ls-document-frame");var h=n.getBoundingClientRect().left;var o=n.getBoundingClientRect().top;const s=t.clientX-this.selectionBox.x;const i=t.clientY-this.selectionBox.y;e.style.visibility="visible";e.style.left=(this.selectionBox.x>t.clientX?t.clientX:this.selectionBox.x)-h+n.scrollLeft+"px";e.style.top=(this.selectionBox.y>t.clientY?t.clientY:this.selectionBox.y)-o+n.scrollTop+"px";e.style.width=Math.abs(s)+"px";e.style.height=Math.abs(i)+"px"}else if(this.startLocations&&!this.edgeSide&&this.startMouse&&t.buttons===1){const s=new Set(this.selected?.map((t=>t.dataItem?.page)));if(s.size>1){y.bind(this)(t);return}this.isMoving=true;E();var l=this.component.shadowRoot.getElementById("ls-box-selector");l.style.visibility="hidden";if(this.selected?.length){this.selected.forEach((t=>{const s=t.shadowRoot?.getElementById("editing-input");if(s)s.blur()}))}const i=t.screenX-this.startMouse.x;const e=t.screenY-this.startMouse.y;if(this.selected?.length){const t=this.startLocations[0].left+i;const s=this.startLocations[0].top+e;const n=this.startLocations[0].width;const h=this.startLocations[0].height;const o=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const l=this.selected.map((t=>t.dataItem.id));const c=v(t,s,n,h,o,this.pageNum,l);const a=c.x!==null?c.x-t:0;const r=c.y!==null?c.y-s:0;for(let t=0;t<this.selected.length;t++){const s=this.startLocations[t].left+i+a;const n=this.startLocations[t].top+e+r;if(s>=0&&n>=0&&s<=(this.pageDimensions[this.pageNum-1].width-this.selected[t].dataItem.width)*this.zoom&&n<=(this.pageDimensions[this.pageNum-1].height-this.selected[t].dataItem.height)*this.zoom){this.selected[t].style.left=Math.round(s)+"px";this.selected[t].style.top=Math.round(n)+"px"}}D.bind(this)(c.guides);A.bind(this)()}}}function j(t){this.edgeSide=null;this.startMouse=null;this._pendingSelectionBox=null;this.component.style.cursor="auto";k();q.bind(this)();w.bind(this)();if(this.selectionBox&&this.isBoxing){this.isBoxing=false;var s=this.component.shadowRoot.getElementById("ls-drag-selector");var e=this.component.shadowRoot.querySelectorAll("ls-editor-field");const n=t.shiftKey;const h=t.altKey;this.selectionBox=null;const o=i(e,s,!h,n||h);s.style.visibility="hidden";if(h){const t=new Set(o.map((t=>t.dataItem?.id)));o.forEach((t=>{t.selected=false}));this.selected=this.selected.filter((s=>!t.has(s.dataItem?.id)))}else if(n){const t=new Set(this.selected.map((t=>t.dataItem?.id)));const s=o.filter((s=>!t.has(s.dataItem?.id)));this.selected=[...this.selected,...s]}else{this.selected=Array.from(o)}this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function W(s){if(this.mode==="preview"||this._template?.locked){return}if(this.isMoving){this.isMoving=false;const s=this.component.shadowRoot.querySelectorAll("ls-editor-field");const i=this.component.shadowRoot.getElementById("ls-document-frame");const e=Array.from(s).filter((t=>t.selected));this.mutate.emit(Array.from(s).filter((t=>t.selected)).map((s=>{const e={...s.dataItem,...t(i,s,s.dataItem.pageDimensions.height,s.dataItem.pageDimensions.width,this.zoom)};s.dataItem=e;return{action:"update",data:e}})));this.selectFields.emit(e.map((t=>t.dataItem)));A.bind(this)()}else{this.selectionBox=null;let t=false;const i=this.component.shadowRoot.querySelectorAll("ls-editor-field");i.forEach((e=>{const{left:n,top:h,bottom:o,right:l}=e.getBoundingClientRect();if(s.clientY<=o&&s.clientY>=h&&s.clientX>=n&&s.clientX<=l){this.edgeSide=null;this.hitField=e;if(!s.shiftKey&&!s.altKey){i.forEach((t=>t.selected=false));e.selected=true}t=true}}));if(t){u()}else{d(s.clientX,s.clientY)}this.selected=Array.from(i).filter((t=>t.selected));this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function D(t){const s=this.component.shadowRoot.getElementById("ls-document-frame");let i=this.component.shadowRoot.getElementById("ls-snap-guides");if(!i){i=document.createElement("div");i.id="ls-snap-guides";i.style.position="absolute";i.style.top="0";i.style.left="0";i.style.width="100%";i.style.height="100%";i.style.pointerEvents="none";i.style.zIndex="9999";s.appendChild(i)}i.innerHTML="";for(const s of t){const t=document.createElement("div");t.style.position="absolute";t.style.backgroundColor="transparent";if(s.orientation==="v"){t.style.left=s.position+"px";t.style.top="0";t.style.width="0";t.style.height="100%";t.style.borderLeft="1px dashed var(--gray-50, #c8c9cc)"}else{t.style.top=s.position+"px";t.style.left="0";t.style.width="100%";t.style.height="0";t.style.borderTop="1px dashed var(--gray-50, #c8c9cc)"}i.appendChild(t)}}function q(){const t=this.component.shadowRoot.getElementById("ls-snap-guides");if(t)t.innerHTML=""}function C(t){if(this._template?.locked){return}if(this._cancelToolboxDrag){this._cancelToolboxDrag()}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.zoom;this._isToolboxDragging=true;let n=false;E();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.add("ls-dv-dragging")))}));const h=document.createElement("div");h.id="ls-toolbox-ghost";h.style.position="fixed";h.style.width=t.defaultWidth*i+"px";h.style.height=t.defaultHeight*i+"px";h.style.border=`1px dashed ${l[this.signer%100].s60}`;const o=l[this.signer%100].s20.replace("#","");const a=parseInt(o.substring(0,2),16);const r=parseInt(o.substring(2,4),16);const f=parseInt(o.substring(4,6),16);h.style.background=`rgba(${a},${r},${f},0.5)`;h.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";h.style.pointerEvents="none";h.style.zIndex="10000";h.style.visibility="hidden";h.style.boxSizing="content-box";h.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";h.style.fontSize=Math.round(e*i)+"px";h.style.color=l[this.signer%100].s100;h.style.overflow="visible";h.style.whiteSpace="nowrap";h.style.display="flex";h.style.alignItems="center";h.style.textTransform="capitalize";h.innerHTML=t.formElementType;const d=this.mode==="compose"?this._recipients?.find((t=>t.signerIndex===this.signer)):this._template.roles.find((t=>t.signerIndex===this.signer));const u=this.mode==="compose"&&d?.previousRecipientDecides?"To Be Decided":this.mode==="compose"?`${d?.firstName} ${d?.lastName}`:d?.name||(this.signer===0?"Sender":`Participant ${this.signer}`);const p=document.createElement("p");p.style.position="absolute";p.style.color="var(--gray-80, #3a3a3a)";p.style.bottom=`-${1*i}rem`;p.style.left="0";p.style.margin="0";p.style.padding="0";p.style.lineHeight="1";p.style.fontSize=`${.625*i}rem`;p.style.whiteSpace="nowrap";p.style.fontFamily="sans-serif";p.style.textTransform="none";p.style.pointerEvents="none";p.textContent=`${c.t("fieldproperties.assignedto")} ${u}`;h.appendChild(p);this.component.shadowRoot.appendChild(h);const m=document.createElement("div");m.id="ls-esc-chip";m.style.position="fixed";m.style.bottom="1.5rem";m.style.left="50%";m.style.transform="translateX(-50%)";m.style.padding="0.375rem 0.75rem";m.style.borderRadius="0.625rem";m.style.background="var(--gray-100, #1f2937)";m.style.color="white";m.style.fontSize="0.75rem";m.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";m.style.pointerEvents="none";m.style.zIndex="10000";m.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.1)";m.textContent="Press Esc to cancel field placement";this.component.shadowRoot.appendChild(m);const g=e=>{e.preventDefault();n=true;const o=t.defaultWidth*i;const l=t.defaultHeight*i;const c=s.getBoundingClientRect();const a=e.clientX>=c.left&&e.clientX<=c.right&&e.clientY>=c.top&&e.clientY<=c.bottom;const r=e.buttons===1;let f=document.getElementById("ls-drag-cursor");if((a||r)&&!f){f=document.createElement("style");f.id="ls-drag-cursor";f.textContent="* { cursor: grabbing !important; }";document.head.appendChild(f)}else if(!a&&!r&&f){f.remove()}if(a){h.style.visibility="visible";h.style.opacity="1";const t=e.clientX-c.left+s.scrollLeft;const i=e.clientY-c.top+s.scrollTop;let n=t-o/2;let a=i-l/2;const r=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const f=v(n,a,o,l,r,this.pageNum);h.style.left=(f.x!==null?f.x+c.left-s.scrollLeft:e.clientX-o/2)+"px";h.style.top=(f.y!==null?f.y+c.top-s.scrollTop:e.clientY-l/2)+"px";D.bind(this)(f.guides)}else if(r){h.style.visibility="visible";h.style.opacity="0.5";h.style.left=e.clientX-o/2+"px";h.style.top=e.clientY-l/2+"px";q.bind(this)()}else{h.style.visibility="hidden";q.bind(this)()}};const x=()=>{document.removeEventListener("mousemove",g);document.removeEventListener("mouseup",b);document.removeEventListener("keydown",M);h.remove();m.remove();q.bind(this)();k();const t=document.getElementById("ls-drag-cursor");if(t)t.remove();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.remove("ls-dv-dragging")))}));this._isToolboxDragging=false;this._cancelToolboxDrag=null};const b=e=>{if(!n)return;const h=s.getBoundingClientRect();const o=e.clientX>=h.left&&e.clientX<=h.right&&e.clientY>=h.top&&e.clientY<=h.bottom;x();if(o){const n=t.defaultWidth*i;const o=t.defaultHeight*i;const l=e.clientX-h.left+s.scrollLeft;const c=e.clientY-h.top+s.scrollTop;let a=l-n/2;let r=c-o/2;const f=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const d=v(a,r,n,o,f,this.pageNum);if(d.x!==null)a=d.x;if(d.y!==null)r=d.y;const u=r/i;const p=a/i;const m=this.pageDimensions[this.pageNum-1].width;const g=this.pageDimensions[this.pageNum-1].height;const x=Math.max(0,Math.min(p,m-t.defaultWidth));const b=Math.max(0,Math.min(u,g-t.defaultHeight));this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));const M=btoa("ele"+crypto.randomUUID());const y={action:"create",data:{id:M,value:t.formElementType==="checkbox"?"false":"",formElementType:t.formElementType,elementType:t.elementType,validation:t.validation,substantive:false,top:b,left:x,hideBorder:false,height:t.defaultHeight,width:t.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:this.fontFamily,fontSize:this.fontSize,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:t.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:x>0?x/this.pageDimensions[this.pageNum-1].width:0,ay:b>0?b/this.pageDimensions[this.pageNum-1].height:0,bx:(x+t.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(b+t.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([y])}};const M=t=>{if(t.key==="Escape"){t.preventDefault();t.stopPropagation();x()}};this._cancelToolboxDrag=x;document.addEventListener("mousemove",g);document.addEventListener("mouseup",b);document.addEventListener("keydown",M)}function F(t){if(this.mode==="preview"||this._template?.locked){return}console.log("double click",this.fieldTypeSelected,this.signer);try{let i=this.fieldTypeSelected;if(this.checkType("APPROVER")&&i.elementType==="signature"){i={label:"Text",formElementType:"text",elementType:"text",validation:0,defaultHeight:n["text"].defaultHeight,defaultWidth:n["text"].defaultWidth}}if(this.signer===0&&i.elementType==="signature"){i={label:"Auto Sign",formElementType:"auto sign",elementType:"admin",validation:3e3,defaultHeight:n["auto sign"].defaultHeight,defaultWidth:n["auto sign"].defaultWidth}}else if(this.signer===0&&i.elementType!=="admin"){i={...i,elementType:"admin"}}this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));var s=this.component.shadowRoot.getElementById("ls-document-frame");const o=btoa("ele"+crypto.randomUUID());const l=this.pageDimensions[this.pageNum-1].width;const c=this.pageDimensions[this.pageNum-1].height;const a=t.offsetY/this.zoom+s.scrollTop;const r=t.offsetX/this.zoom+s.scrollLeft;const f=Math.max(0,Math.min(a,c-i.defaultHeight));const d=Math.max(0,Math.min(r,l-i.defaultWidth));const u={action:"create",data:{id:o,value:i.formElementType==="checkbox"?"false":"",formElementType:i.formElementType,elementType:i.elementType,validation:i.validation,substantive:false,top:f,left:d,hideBorder:false,height:i.defaultHeight,width:i.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:h,fontSize:e,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:i.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:d>0?d/this.pageDimensions[this.pageNum-1].width:0,ay:f>0?f/this.pageDimensions[this.pageNum-1].height:0,bx:(d+i.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(f+i.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([u])}catch(t){console.error(t)}}export{m as a,$ as b,p as c,P as d,j as e,F as f,W as m,B as o,g as p,C as t,A as u};
-//# sourceMappingURL=p-CkHg_-KZ.js.map
+import{f as t,r as s,a as i}from"./p-C2_YNAMZ.js";import{D as e,F as n,a as h}from"./p-04cXI5GQ.js";import{s as o}from"./p-CmJjDhcp.js";import{d as l}from"./p-CwCWCxsI.js";import{d as c}from"./p-CTJakSNy.js";const a=10;let r=[];let f=null;function d(t,s){f={x:t,y:s}}function u(){f=null}function p(){if(!this.selected||this.selected.length===0)return;r=this.selected.map((t=>({...t.dataItem})));f=null}function m(){if(!this.selected||this.selected.length===0)return;p.bind(this)();const t=Array.from(this.selected);this.mutate.emit(t.map((t=>({action:"delete",data:t.dataItem}))))}function g(){if(r.length===0)return;const t=Math.min(...r.map((t=>t.top)));const s=Math.min(...r.map((t=>t.left)));const i=r.map((i=>{const e={...i,id:btoa("ele"+crypto.randomUUID())};if(f){const n=this.component.shadowRoot.getElementById("ls-document-frame");const h=n.getBoundingClientRect();const o=Math.round((f.x-h.left)/this.zoom);const l=Math.round((f.y-h.top)/this.zoom);e.top=l+(i.top-t);e.left=o+(i.left-s)}else{e.top=i.top+a;e.left=i.left+a}const n=this.pageDimensions[this.pageNum-1];if(e.top+i.height>n.height){e.top=n.height-i.height}if(e.left+i.width>n.width){e.left=n.width-i.width}if(e.top<0)e.top=0;if(e.left<0)e.left=0;e.page=this.pageNum;e.pageDimensions=n;return e}));const e=i.length;this.mutate.emit(i.map((t=>({action:"create",data:t}))));const n=()=>{const t=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const s=t.filter((t=>t.dataItem?.page===this.pageNum));const i=s.slice(-e);if(i.length===e){t.forEach((t=>{t.selected=false;t.multiSelected=false}));i.forEach((t=>{t.selected=true;t.multiSelected=i.length>1}));this.selected=i;this.selectFields.emit(i.map((t=>t.dataItem)))}};const h=()=>{if(!this.isMutating){requestAnimationFrame(n)}else{requestAnimationFrame(h)}};requestAnimationFrame(h);r=i;f=null}const x=8;function b(t,s,i,e,n,h,o,l){const c={edges:{},guides:[]};const a=t+i;const r=s+e;const f=[];const d=[];if(n.includes("n"))f.push("n");if(n.includes("s"))f.push("s");if(n.includes("e"))d.push("e");if(n.includes("w"))d.push("w");const u={n:s,s:r,e:a,w:t};for(const t of[...d,...f]){const s=t==="e"||t==="w";const i=u[t];let e=x+1;let n=null;for(const t of h){if(t.dataItem?.page!==o)continue;if(l&&l.includes(t.dataItem?.id))continue;const h=t.offsetLeft;const c=t.offsetTop;const a=h+t.offsetWidth;const r=c+t.offsetHeight;const f=h+t.offsetWidth/2;const d=c+t.offsetHeight/2;const u=s?[h,a,f]:[c,r,d];for(const t of u){const s=Math.abs(i-t);if(s<e){e=s;n=t}}}if(n!==null&&e<=x){c.edges[t]=n;c.guides.push({orientation:s?"v":"h",position:n})}}return c}function v(t,s,i,e,n,h,o){const l={x:null,y:null,guides:[]};const c=t+i;const a=s+e;const r=t+i/2;const f=s+e/2;let d=x+1;let u=x+1;let p=t;let m=s;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const e=i.offsetLeft;const n=i.offsetTop;const l=e+i.offsetWidth;const g=n+i.offsetHeight;const x=e+i.offsetWidth/2;const b=n+i.offsetHeight/2;const v=[{dragEdge:t,targetEdge:e},{dragEdge:t,targetEdge:l},{dragEdge:c,targetEdge:e},{dragEdge:c,targetEdge:l},{dragEdge:r,targetEdge:x}];for(const{dragEdge:s,targetEdge:i}of v){const e=Math.abs(s-i);if(e<d){d=e;p=t+(i-s)}}const M=[{dragEdge:s,targetEdge:n},{dragEdge:s,targetEdge:g},{dragEdge:a,targetEdge:n},{dragEdge:a,targetEdge:g},{dragEdge:f,targetEdge:b}];for(const{dragEdge:t,targetEdge:i}of M){const e=Math.abs(t-i);if(e<u){u=e;m=s+(i-t)}}}if(d>x)p=t;if(u>x)m=s;if(d<=x){l.x=p;const t=p+i;const s=p+i/2;const e=new Set;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const n=i.offsetLeft;const l=n+i.offsetWidth;const c=n+i.offsetWidth/2;for(const i of[n,l,c]){if(Math.abs(p-i)<1||Math.abs(t-i)<1||Math.abs(s-i)<1){e.add(i)}}}e.forEach((t=>l.guides.push({orientation:"v",position:t})))}if(u<=x){l.y=m;const t=m+e;const s=m+e/2;const i=new Set;for(const e of n){if(e.dataItem?.page!==h)continue;if(o&&o.includes(e.dataItem?.id))continue;const n=e.offsetTop;const l=n+e.offsetHeight;const c=n+e.offsetHeight/2;for(const e of[n,l,c]){if(Math.abs(m-e)<1||Math.abs(t-e)<1||Math.abs(s-e)<1){i.add(e)}}}i.forEach((t=>l.guides.push({orientation:"h",position:t})))}return l}const M=t=>t.preventDefault();function y(t){let s=this.component.shadowRoot.getElementById("ls-move-blocked-tooltip");if(!s){s=document.createElement("div");s.id="ls-move-blocked-tooltip";s.style.position="fixed";s.style.padding="0.375rem 0.75rem";s.style.borderRadius="0.5rem";s.style.background="var(--gray-100, #45484d)";s.style.color="white";s.style.fontSize="0.75rem";s.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";s.style.pointerEvents="none";s.style.zIndex="10000";s.style.whiteSpace="nowrap";s.textContent=c.t("fieldproperties.cannotmovemultipage");this.component.shadowRoot.appendChild(s)}s.style.left=t.clientX+12+"px";s.style.top=t.clientY+12+"px"}function w(){const t=this.component.shadowRoot?.getElementById("ls-move-blocked-tooltip");if(t)t.remove()}function E(){document.body.style.userSelect="none";document.body.style.webkitUserSelect="none";document.addEventListener("selectstart",M)}function k(){document.body.style.userSelect="";document.body.style.webkitUserSelect="";document.removeEventListener("selectstart",M)}function A(){var t=this.component.shadowRoot.getElementById("ls-box-selector");const s=this.selected?.filter((t=>t.dataItem?.page===this.pageNum));if(!s||s.length<2){t.style.visibility="hidden";return}let i=Infinity,e=Infinity,n=-Infinity,h=-Infinity;s.forEach((t=>{const s=t.offsetLeft;const o=t.offsetTop;const l=s+t.offsetWidth;const c=o+t.offsetHeight;if(s<i)i=s;if(o<e)e=o;if(l>n)n=l;if(c>h)h=c}));t.style.left=i+"px";t.style.top=e+"px";t.style.width=n-i+"px";t.style.height=h-e+"px";t.style.visibility="visible"}let T=null;function I(t,s){if(T)clearTimeout(T);T=setTimeout((()=>{this.mutate.emit([t])}),s)}const S=5;function $(t){if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.component.shadowRoot.getElementById("document-frame-wrapper");if(!s)return;const e=t.target;const n=e===s||e===i||e?.id==="pdf-canvas"||e?.tagName?.toLowerCase()==="canvas";const h=e?.tagName?.toLowerCase()==="ls-editor-field";if(!n&&!h)return;this.hitField=null;const l=this.component.shadowRoot.querySelectorAll("ls-editor-field");l.forEach((s=>{const{left:i,top:e,height:n,width:h,bottom:o,right:l}=s.getBoundingClientRect();const c={left:s.offsetLeft,top:s.offsetTop,height:n,width:h,x:t.screenX,y:t.screenY};this.startMouse=c;const a=Math.min(8,h*.25);const r=Math.min(8,n*.25);const f=Math.min(16,h*.35);const d=Math.min(16,n*.35);if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="se";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="nw";this.hitField=s}else if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="ne";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="sw";this.hitField=s}else if(Math.abs(t.clientX-i)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="w";this.hitField=s}else if(Math.abs(t.clientX-l)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="e";this.hitField=s}else if(Math.abs(t.clientY-e)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="n";this.hitField=s}else if(Math.abs(t.clientY-o)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="s";this.hitField=s}else if(t.clientY<=o&&t.clientY>=e&&t.clientX>=i&&t.clientX<=l){this.edgeSide=null;this.hitField=s}}));if(this.hitField&&t.shiftKey===false&&t.altKey===false){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";o(this.hitField.dataItem);this.selected.forEach((t=>o(t.dataItem)));if(this.hitField.selected===false){l.forEach((t=>{t.selected=false}));this.selected=[this.hitField];this.selectFields.emit([this.hitField.dataItem])}const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}else if(this.hitField&&t.altKey===true){if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)))}this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else if(this.hitField&&t.shiftKey===true){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)));this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else{this.hitField.selected=true;this.selected=[...this.selected,this.hitField];this.selectFields.emit(this.selected.map((t=>t.dataItem)));const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}}else{this.startLocations=null;this.startMouse=null;this.selectionBox=null;this._pendingSelectionBox={x:t.clientX,y:t.clientY};E();if(!t.shiftKey&&!t.altKey){this.unselect();this.selectFields.emit([]);this.selected=[];A.bind(this)()}}}function P(t){return t.height<=5||t.left<0||t.top<0||t.left+t.width>=t.pageDimensions.width||t.top+t.height>=t.pageDimensions.height}function j(t){t.preventDefault();if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}if(this.hitField&&this.edgeSide&&this.startMouse&&t.buttons===1){E();const e=t.screenX-this.startMouse.x;const n=t.screenY-this.startMouse.y;var i=this.hitField.dataItem.formElementType==="signature"&&this._template.fixSignatureScale;let h=this.startMouse.left;let o=this.startMouse.top;let l=this.startMouse.width;let c=this.startMouse.height;switch(this.edgeSide){case"n":if(i){c=this.startMouse.height-n;l=c*(this.startMouse.width/this.startMouse.height)}else{o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"s":if(i){c=this.startMouse.height+n;l=c*(this.startMouse.width/this.startMouse.height)}else{c=this.startMouse.height+n}break;case"e":if(i){l=this.startMouse.width+e;c=l*(this.startMouse.height/this.startMouse.width)}else{l=this.startMouse.width+e}break;case"w":if(i){l=this.startMouse.width-e;c=l*(this.startMouse.height/this.startMouse.width);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e}break;case"se":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height)}else{l=this.startMouse.width+e;c=this.startMouse.height+n}break;case"nw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e;o=this.startMouse.top+(this.startMouse.height-c)}else{h=this.startMouse.left+e;o=this.startMouse.top+n;l=this.startMouse.width-e;c=this.startMouse.height-n}break;case"ne":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height);o=this.startMouse.top+(this.startMouse.height-c)}else{l=this.startMouse.width+e;o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"sw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e;c=this.startMouse.height+n}break}const a=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const r=b(h,o,l,c,this.edgeSide,a,this.pageNum,[this.hitField.dataItem.id]);if(i){const t=this.startMouse.width/this.startMouse.height;const s=r.edges.e!==undefined||r.edges.w!==undefined;const i=r.edges.n!==undefined||r.edges.s!==undefined;let e=s;let n=i;if(s&&i&&this.edgeSide.length===2){const t=r.edges.e!==undefined?Math.abs(h+l-r.edges.e):Math.abs(h-r.edges.w);const s=r.edges.s!==undefined?Math.abs(o+c-r.edges.s):Math.abs(o-r.edges.n);if(t<=s){n=false}else{e=false}}if(n&&!e){if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}l=c*t}else if(e){if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}c=l/t}if(this.edgeSide.includes("n"))o=this.startMouse.top+this.startMouse.height-c;if(this.edgeSide.includes("w"))h=this.startMouse.left+this.startMouse.width-l;const a=r.guides.filter((t=>e&&t.orientation==="v"||n&&t.orientation==="h"));D.bind(this)(a)}else{if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}D.bind(this)(r.guides)}if(!P({...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom})){this.hitField.style.left=h+"px";this.hitField.style.top=o+"px";this.hitField.style.width=l+"px";this.hitField.style.height=c+"px";this.hitField.dataItem={...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom}}I.bind(this)({action:"update",data:s(this.hitField.dataItem)},700)}else if((this.selectionBox||this._pendingSelectionBox)&&t.buttons===1){if(!this.selectionBox&&this._pendingSelectionBox){const s=t.clientX-this._pendingSelectionBox.x;const i=t.clientY-this._pendingSelectionBox.y;if(Math.abs(s)<S&&Math.abs(i)<S)return;this.selectionBox=this._pendingSelectionBox;this._pendingSelectionBox=null;this.component.style.cursor="crosshair"}this.isBoxing=true;var e=this.component.shadowRoot.getElementById("ls-drag-selector");var n=this.component.shadowRoot.getElementById("ls-document-frame");var h=n.getBoundingClientRect().left;var o=n.getBoundingClientRect().top;const s=t.clientX-this.selectionBox.x;const i=t.clientY-this.selectionBox.y;e.style.visibility="visible";e.style.left=(this.selectionBox.x>t.clientX?t.clientX:this.selectionBox.x)-h+n.scrollLeft+"px";e.style.top=(this.selectionBox.y>t.clientY?t.clientY:this.selectionBox.y)-o+n.scrollTop+"px";e.style.width=Math.abs(s)+"px";e.style.height=Math.abs(i)+"px"}else if(this.startLocations&&!this.edgeSide&&this.startMouse&&t.buttons===1){const s=new Set(this.selected?.map((t=>t.dataItem?.page)));if(s.size>1){y.bind(this)(t);return}this.isMoving=true;E();var l=this.component.shadowRoot.getElementById("ls-box-selector");l.style.visibility="hidden";if(this.selected?.length){this.selected.forEach((t=>{const s=t.shadowRoot?.getElementById("editing-input");if(s)s.blur()}))}const i=t.screenX-this.startMouse.x;const e=t.screenY-this.startMouse.y;if(this.selected?.length){const t=this.startLocations[0].left+i;const s=this.startLocations[0].top+e;const n=this.startLocations[0].width;const h=this.startLocations[0].height;const o=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const l=this.selected.map((t=>t.dataItem.id));const c=v(t,s,n,h,o,this.pageNum,l);const a=c.x!==null?c.x-t:0;const r=c.y!==null?c.y-s:0;for(let t=0;t<this.selected.length;t++){const s=this.startLocations[t].left+i+a;const n=this.startLocations[t].top+e+r;if(s>=0&&n>=0&&s<=(this.pageDimensions[this.pageNum-1].width-this.selected[t].dataItem.width)*this.zoom&&n<=(this.pageDimensions[this.pageNum-1].height-this.selected[t].dataItem.height)*this.zoom){this.selected[t].style.left=Math.round(s)+"px";this.selected[t].style.top=Math.round(n)+"px"}}D.bind(this)(c.guides);A.bind(this)()}}}function B(t){this.edgeSide=null;this.startMouse=null;this._pendingSelectionBox=null;this.component.style.cursor="auto";k();F.bind(this)();w.bind(this)();if(this.selectionBox&&this.isBoxing){this.isBoxing=false;var s=this.component.shadowRoot.getElementById("ls-drag-selector");var e=this.component.shadowRoot.querySelectorAll("ls-editor-field");const n=t.shiftKey;const h=t.altKey;this.selectionBox=null;const o=i(e,s,!h,n||h);s.style.visibility="hidden";if(h){const t=new Set(o.map((t=>t.dataItem?.id)));o.forEach((t=>{t.selected=false}));this.selected=this.selected.filter((s=>!t.has(s.dataItem?.id)))}else if(n){const t=new Set(this.selected.map((t=>t.dataItem?.id)));const s=o.filter((s=>!t.has(s.dataItem?.id)));this.selected=[...this.selected,...s]}else{this.selected=Array.from(o)}this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function C(s){if(this.mode==="preview"||this._template?.locked){return}if(this.isMoving){this.isMoving=false;const s=this.component.shadowRoot.querySelectorAll("ls-editor-field");const i=this.component.shadowRoot.getElementById("ls-document-frame");const e=Array.from(s).filter((t=>t.selected));this.mutate.emit(Array.from(s).filter((t=>t.selected)).map((s=>{const e={...s.dataItem,...t(i,s,s.dataItem.pageDimensions.height,s.dataItem.pageDimensions.width,this.zoom)};s.dataItem=e;return{action:"update",data:e}})));this.selectFields.emit(e.map((t=>t.dataItem)));A.bind(this)()}else{this.selectionBox=null;let t=false;const i=this.component.shadowRoot.querySelectorAll("ls-editor-field");i.forEach((e=>{const{left:n,top:h,bottom:o,right:l}=e.getBoundingClientRect();if(s.clientY<=o&&s.clientY>=h&&s.clientX>=n&&s.clientX<=l){this.edgeSide=null;this.hitField=e;if(!s.shiftKey&&!s.altKey){i.forEach((t=>t.selected=false));e.selected=true}t=true}}));if(t){u()}else{d(s.clientX,s.clientY)}this.selected=Array.from(i).filter((t=>t.selected));this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function D(t){const s=this.component.shadowRoot.getElementById("ls-document-frame");let i=this.component.shadowRoot.getElementById("ls-snap-guides");if(!i){i=document.createElement("div");i.id="ls-snap-guides";i.style.position="absolute";i.style.top="0";i.style.left="0";i.style.width="100%";i.style.height="100%";i.style.pointerEvents="none";i.style.zIndex="9999";s.appendChild(i)}i.innerHTML="";for(const s of t){const t=document.createElement("div");t.style.position="absolute";t.style.backgroundColor="transparent";if(s.orientation==="v"){t.style.left=s.position+"px";t.style.top="0";t.style.width="0";t.style.height="100%";t.style.borderLeft="1px dashed var(--gray-50, #c8c9cc)"}else{t.style.top=s.position+"px";t.style.left="0";t.style.width="100%";t.style.height="0";t.style.borderTop="1px dashed var(--gray-50, #c8c9cc)"}i.appendChild(t)}}function F(){const t=this.component.shadowRoot.getElementById("ls-snap-guides");if(t)t.innerHTML=""}function N(t){if(this._template?.locked){return}if(this._cancelToolboxDrag){this._cancelToolboxDrag()}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.zoom;this._isToolboxDragging=true;let n=false;E();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.add("ls-dv-dragging")))}));const h=document.createElement("div");h.id="ls-toolbox-ghost";h.style.position="fixed";h.style.width=t.defaultWidth*i+"px";h.style.height=t.defaultHeight*i+"px";h.style.border=`1px dashed ${l[this.signer%100].s60}`;const o=l[this.signer%100].s20.replace("#","");const a=parseInt(o.substring(0,2),16);const r=parseInt(o.substring(2,4),16);const f=parseInt(o.substring(4,6),16);h.style.background=`rgba(${a},${r},${f},0.5)`;h.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";h.style.pointerEvents="none";h.style.zIndex="10000";h.style.visibility="hidden";h.style.boxSizing="content-box";h.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";h.style.fontSize=Math.round(e*i)+"px";h.style.color=l[this.signer%100].s100;h.style.overflow="visible";h.style.whiteSpace="nowrap";h.style.display="flex";h.style.alignItems="center";h.style.textTransform="capitalize";h.innerHTML=t.formElementType;const d=this.mode==="compose"?this._recipients?.find((t=>t.signerIndex===this.signer)):this._template.roles.find((t=>t.signerIndex===this.signer));const u=this.mode==="compose"&&d?.previousRecipientDecides?"To Be Decided":this.mode==="compose"?`${d?.firstName} ${d?.lastName}`:d?.name||(this.signer===0?"Sender":`Participant ${this.signer}`);const p=document.createElement("p");p.style.position="absolute";p.style.color="var(--gray-80, #3a3a3a)";p.style.bottom=`-${1*i}rem`;p.style.left="0";p.style.margin="0";p.style.padding="0";p.style.lineHeight="1";p.style.fontSize=`${.625*i}rem`;p.style.whiteSpace="nowrap";p.style.fontFamily="sans-serif";p.style.textTransform="none";p.style.pointerEvents="none";p.textContent=`${c.t("fieldproperties.assignedto")} ${u}`;h.appendChild(p);this.component.shadowRoot.appendChild(h);const m=document.createElement("div");m.id="ls-esc-chip";m.style.position="fixed";m.style.bottom="1.5rem";m.style.left="50%";m.style.transform="translateX(-50%)";m.style.padding="0.375rem 0.75rem";m.style.borderRadius="0.625rem";m.style.background="var(--gray-100, #1f2937)";m.style.color="white";m.style.fontSize="0.75rem";m.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";m.style.pointerEvents="none";m.style.zIndex="10000";m.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.1)";m.textContent="Press Esc to cancel field placement";this.component.shadowRoot.appendChild(m);const g=e=>{e.preventDefault();n=true;const o=t.defaultWidth*i;const l=t.defaultHeight*i;const c=s.getBoundingClientRect();const a=e.clientX>=c.left&&e.clientX<=c.right&&e.clientY>=c.top&&e.clientY<=c.bottom;const r=e.buttons===1;let f=document.getElementById("ls-drag-cursor");if((a||r)&&!f){f=document.createElement("style");f.id="ls-drag-cursor";f.textContent="* { cursor: grabbing !important; }";document.head.appendChild(f)}else if(!a&&!r&&f){f.remove()}if(a){h.style.visibility="visible";h.style.opacity="1";const t=e.clientX-c.left+s.scrollLeft;const i=e.clientY-c.top+s.scrollTop;let n=t-o/2;let a=i-l/2;const r=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const f=v(n,a,o,l,r,this.pageNum);h.style.left=(f.x!==null?f.x+c.left-s.scrollLeft:e.clientX-o/2)+"px";h.style.top=(f.y!==null?f.y+c.top-s.scrollTop:e.clientY-l/2)+"px";D.bind(this)(f.guides)}else if(r){h.style.visibility="visible";h.style.opacity="0.5";h.style.left=e.clientX-o/2+"px";h.style.top=e.clientY-l/2+"px";F.bind(this)()}else{h.style.visibility="hidden";F.bind(this)()}};const x=()=>{document.removeEventListener("mousemove",g);document.removeEventListener("mouseup",b);document.removeEventListener("keydown",M);h.remove();m.remove();F.bind(this)();k();const t=document.getElementById("ls-drag-cursor");if(t)t.remove();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.remove("ls-dv-dragging")))}));this._isToolboxDragging=false;this._cancelToolboxDrag=null};const b=e=>{if(!n)return;const h=s.getBoundingClientRect();const o=e.clientX>=h.left&&e.clientX<=h.right&&e.clientY>=h.top&&e.clientY<=h.bottom;x();if(o){const n=t.defaultWidth*i;const o=t.defaultHeight*i;const l=e.clientX-h.left+s.scrollLeft;const c=e.clientY-h.top+s.scrollTop;let a=l-n/2;let r=c-o/2;const f=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const d=v(a,r,n,o,f,this.pageNum);if(d.x!==null)a=d.x;if(d.y!==null)r=d.y;const u=r/i;const p=a/i;const m=this.pageDimensions[this.pageNum-1].width;const g=this.pageDimensions[this.pageNum-1].height;const x=Math.max(0,Math.min(p,m-t.defaultWidth));const b=Math.max(0,Math.min(u,g-t.defaultHeight));this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));const M=btoa("ele"+crypto.randomUUID());const y={action:"create",data:{id:M,value:t.formElementType==="checkbox"?"false":"",formElementType:t.formElementType,elementType:t.elementType,validation:t.validation,substantive:false,top:b,left:x,hideBorder:false,height:t.defaultHeight,width:t.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:this.fontFamily,fontSize:this.fontSize,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:t.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:x>0?x/this.pageDimensions[this.pageNum-1].width:0,ay:b>0?b/this.pageDimensions[this.pageNum-1].height:0,bx:(x+t.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(b+t.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([y])}};const M=t=>{if(t.key==="Escape"){t.preventDefault();t.stopPropagation();x()}};this._cancelToolboxDrag=x;document.addEventListener("mousemove",g);document.addEventListener("mouseup",b);document.addEventListener("keydown",M)}function q(t){if(this.mode==="preview"||this._template?.locked){return}console.log("double click",this.fieldTypeSelected,this.signer);try{let i=this.fieldTypeSelected;if(this.checkType("APPROVER")&&i.elementType==="signature"){i={label:"Text",formElementType:"text",elementType:"text",validation:0,defaultHeight:n["text"].defaultHeight,defaultWidth:n["text"].defaultWidth}}if(this.signer===0&&i.elementType==="signature"){i={label:"Auto Sign",formElementType:"auto sign",elementType:"admin",validation:3e3,defaultHeight:n["auto sign"].defaultHeight,defaultWidth:n["auto sign"].defaultWidth}}else if(this.signer===0&&i.elementType!=="admin"){i={...i,elementType:"admin"}}this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));var s=this.component.shadowRoot.getElementById("ls-document-frame");const o=btoa("ele"+crypto.randomUUID());const l=this.pageDimensions[this.pageNum-1].width;const c=this.pageDimensions[this.pageNum-1].height;const a=t.offsetY/this.zoom+s.scrollTop;const r=t.offsetX/this.zoom+s.scrollLeft;const f=Math.max(0,Math.min(a,c-i.defaultHeight));const d=Math.max(0,Math.min(r,l-i.defaultWidth));const u={action:"create",data:{id:o,value:i.formElementType==="checkbox"?"false":"",formElementType:i.formElementType,elementType:i.elementType,validation:i.validation,substantive:false,top:f,left:d,hideBorder:false,height:i.defaultHeight,width:i.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:h,fontSize:e,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:i.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:d>0?d/this.pageDimensions[this.pageNum-1].width:0,ay:f>0?f/this.pageDimensions[this.pageNum-1].height:0,bx:(d+i.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(f+i.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([u])}catch(t){console.error(t)}}export{m as a,$ as b,p as c,j as d,B as e,q as f,C as m,P as o,g as p,N as t,A as u};
+//# sourceMappingURL=p-Ml5kW412.js.map