@verdocs/web-sdk 6.13.3 → 6.14.1

package/dist/components/{p-BhG0HGg6.js → p-DX713VO2.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as a,F as r,t as o}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as d,getTemplateDocumentPageDisplayUri as l,getTemplate as c}from"@verdocs/js-sdk";import{t as m,f as n,g as p}from"./p-BCwFpXpV.js";import{S as h}from"./p-C7hFgM52.js";import{d as u}from"./p-Bb5V9TQx.js";import{d as f}from"./p-DGNIsXfr.js";import{d as v}from"./p-C-v22G3g.js";import{d as b}from"./p-C90lxyUX.js";import{d as g}from"./p-BKLlc2r0.js";import{d as x}from"./p-1FjgijEi.js";import{d as y}from"./p-D0MFs2Dv.js";import{d as k}from"./p-9kEZy9MP.js";import{d as w}from"./p-B1AE2j97.js";import{d as j}from"./p-ek0LNMtb.js";import{d as E}from"./p-CQzPkAVQ.js";import{d as P}from"./p-B4tpmyon.js";import{d as S}from"./p-CFacV7mg.js";import{d as B}from"./p-CEcG_ay-.js";import{d as C}from"./p-C8yiLtCJ.js";import{d as D}from"./p-DHzSlpJw.js";import{d as F}from"./p-DqzFuSNN.js";import{d as N}from"./p-5FU3bYQ3.js";import{d as $}from"./p-DhOuB4nS.js";import{d as I}from"./p-Bodw4NVB.js";import{d as z}from"./p-Bxvw_LqR.js";import{d as H}from"./p-PfdIkMoz.js";import{d as L}from"./p-DM3wePVp.js";const M=()=>`verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}`;const V=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.pageRendered=s(this,"pageRendered");this.templateListenerId=null;this.endpoint=d.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}async componentWillLoad(){this.pageDisplayUri=await l(this.endpoint,this.documentId,this.pageNumber);this.listenToTemplate()}componentDidLoad(){this.resizeObserver=new ResizeObserver(m((e=>{for(const t of e){const e=t.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}componentDidUpdate(){this.notifyRenderedSize()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(()=>c(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}const e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}const t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})}render(){if(this.loading){return i(a,null,i("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}const e=`${this.renderedHeight}px`;return i(a,{id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((t=>{var s;return t.type==="div"?i("div",{class:"verdocs-template-document-page-layer",id:`${this.containerId}-${t.name}`,style:{height:e}},t.name==="controls"&&(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>e&&e.document_id===this.documentId&&e.page===this.pageNumber)).map((e=>{var t,s;const a=p(e);let{name:o,type:d,multiline:l}=e;const{xScale:c,yScale:m,templateId:h,editable:u,disabled:f,done:v,pageNumber:b}=this;if(((t=e["setting"])===null||t===void 0?void 0:t.leading)>0||((s=e["settings"])===null||s===void 0?void 0:s.leading)>0){d="textarea";l=true}switch(d){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,multiline:l,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"date":return i("verdocs-field-date",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,this.xScale,this.yScale)});case"timestamp":return i("verdocs-field-timestamp",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});default:return i(r,null,o)}}))):this.pageDisplayUri?i("img",{class:"verdocs-template-document-page-layer img",id:`${this.containerId}-${t.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):i("div",null)})))}get container(){return this}static get style(){return M()}},[0,"verdocs-template-document-page",{endpoint:[16],editable:[4],disabled:[4],done:[4],templateId:[513,"template-id"],documentId:[513,"document-id"],pageNumber:[514,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32],pageDisplayUri:[32],xScale:[32],yScale:[32],loading:[32],template:[32]}]);function W(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-document-page","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-template-document-page":if(!customElements.get(o(e))){customElements.define(o(e),V)}break;case"verdocs-button":if(!customElements.get(o(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(o(e))){f()}break;case"verdocs-component-error":if(!customElements.get(o(e))){v()}break;case"verdocs-dialog":if(!customElements.get(o(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(o(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(o(e))){x()}break;case"verdocs-field-date":if(!customElements.get(o(e))){y()}break;case"verdocs-field-dropdown":if(!customElements.get(o(e))){k()}break;case"verdocs-field-initial":if(!customElements.get(o(e))){w()}break;case"verdocs-field-radio":if(!customElements.get(o(e))){j()}break;case"verdocs-field-signature":if(!customElements.get(o(e))){E()}break;case"verdocs-field-textarea":if(!customElements.get(o(e))){P()}break;case"verdocs-field-textbox":if(!customElements.get(o(e))){S()}break;case"verdocs-field-timestamp":if(!customElements.get(o(e))){B()}break;case"verdocs-flag":if(!customElements.get(o(e))){C()}break;case"verdocs-help-icon":if(!customElements.get(o(e))){D()}break;case"verdocs-loader":if(!customElements.get(o(e))){F()}break;case"verdocs-ok-dialog":if(!customElements.get(o(e))){N()}break;case"verdocs-portal":if(!customElements.get(o(e))){$()}break;case"verdocs-select-input":if(!customElements.get(o(e))){I()}break;case"verdocs-template-field-properties":if(!customElements.get(o(e))){z()}break;case"verdocs-text-input":if(!customElements.get(o(e))){H()}break;case"verdocs-upload-dialog":if(!customElements.get(o(e))){L()}break}}))}export{V,W as d};
-//# sourceMappingURL=p-BhG0HGg6.js.map
+import{p as e,H as t,c as s,h as i,d as a,F as r,t as d}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as o,getTemplateDocumentPageDisplayUri as l,getTemplate as c}from"@verdocs/js-sdk";import{t as m,h as n,g as p}from"./p-zYtapVJ0.js";import{S as h}from"./p-C7hFgM52.js";import{d as u}from"./p-Bb5V9TQx.js";import{d as f}from"./p-NtvxlYzY.js";import{d as v}from"./p-C-v22G3g.js";import{d as b}from"./p-C90lxyUX.js";import{d as g}from"./p-5M_R8La0.js";import{d as x}from"./p-BLsFdjFq.js";import{d as y}from"./p-C8ZliaLz.js";import{d as k}from"./p-YCI5JKXK.js";import{d as w}from"./p-h3swu3rA.js";import{d as j}from"./p-DbWcp3S8.js";import{d as E}from"./p-BPcxbmXF.js";import{d as P}from"./p-CAJJndLX.js";import{d as S}from"./p-DMaRtkQF.js";import{d as C}from"./p-DReW8CSB.js";import{d as D}from"./p-C8yiLtCJ.js";import{d as L}from"./p-DHzSlpJw.js";import{d as z}from"./p-DqzFuSNN.js";import{d as F}from"./p-5FU3bYQ3.js";import{d as N}from"./p-DhOuB4nS.js";import{d as W}from"./p-Bodw4NVB.js";import{d as $}from"./p-qLNetL5t.js";import{d as B}from"./p-PfdIkMoz.js";import{d as I}from"./p-DM3wePVp.js";const R=()=>`verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}`;const H=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.pageRendered=s(this,"pageRendered");this.templateListenerId=null;this.endpoint=o.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}async componentWillLoad(){this.pageDisplayUri=await l(this.endpoint,this.documentId,this.pageNumber);this.listenToTemplate()}componentDidLoad(){this.resizeObserver=new ResizeObserver(m((e=>{for(const t of e){const e=t.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}componentDidUpdate(){this.notifyRenderedSize()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(()=>c(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}const e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}const t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})}render(){if(this.loading){return i(a,null,i("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}const e=`${this.renderedHeight}px`;return i(a,{id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((t=>{var s;return t.type==="div"?i("div",{class:"verdocs-template-document-page-layer",id:`${this.containerId}-${t.name}`,style:{height:e}},t.name==="controls"&&(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>e&&e.document_id===this.documentId&&e.page===this.pageNumber)).map((e=>{var t,s;const a=p(e);let{name:d,type:o,multiline:l}=e;const{xScale:c,yScale:m,templateId:h,editable:u,disabled:f,done:v,pageNumber:b}=this;if(((t=e["setting"])===null||t===void 0?void 0:t.leading)>0||((s=e["settings"])===null||s===void 0?void 0:s.leading)>0){o="textarea";l=true}switch(o){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,multiline:l,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"date":return i("verdocs-field-date",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,this.xScale,this.yScale)});case"timestamp":return i("verdocs-field-timestamp",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:d,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});default:return i(r,null,d)}}))):this.pageDisplayUri?i("img",{class:"verdocs-template-document-page-layer img",id:`${this.containerId}-${t.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):i("div",null)})))}get container(){return this}static get style(){return R()}},[0,"verdocs-template-document-page",{endpoint:[16],editable:[4],disabled:[4],done:[4],templateId:[513,"template-id"],documentId:[513,"document-id"],pageNumber:[514,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32],pageDisplayUri:[32],xScale:[32],yScale:[32],loading:[32],template:[32]}]);function J(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-document-page","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-template-document-page":if(!customElements.get(d(e))){customElements.define(d(e),H)}break;case"verdocs-button":if(!customElements.get(d(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){f()}break;case"verdocs-component-error":if(!customElements.get(d(e))){v()}break;case"verdocs-dialog":if(!customElements.get(d(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(d(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(d(e))){x()}break;case"verdocs-field-date":if(!customElements.get(d(e))){y()}break;case"verdocs-field-dropdown":if(!customElements.get(d(e))){k()}break;case"verdocs-field-initial":if(!customElements.get(d(e))){w()}break;case"verdocs-field-radio":if(!customElements.get(d(e))){j()}break;case"verdocs-field-signature":if(!customElements.get(d(e))){E()}break;case"verdocs-field-textarea":if(!customElements.get(d(e))){P()}break;case"verdocs-field-textbox":if(!customElements.get(d(e))){S()}break;case"verdocs-field-timestamp":if(!customElements.get(d(e))){C()}break;case"verdocs-flag":if(!customElements.get(d(e))){D()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){L()}break;case"verdocs-loader":if(!customElements.get(d(e))){z()}break;case"verdocs-ok-dialog":if(!customElements.get(d(e))){F()}break;case"verdocs-portal":if(!customElements.get(d(e))){N()}break;case"verdocs-select-input":if(!customElements.get(d(e))){W()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){$()}break;case"verdocs-text-input":if(!customElements.get(d(e))){B()}break;case"verdocs-upload-dialog":if(!customElements.get(d(e))){I()}break}}))}export{H as V,J as d};
+//# sourceMappingURL=p-DX713VO2.js.map

package/dist/components/p-DbWcp3S8.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,c as s,h as i,d as t,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{m as l}from"./p-DvxzLwaB.js";import{e as n}from"./p-zYtapVJ0.js";import{S as c}from"./p-C7k2AOsW.js";import{S as p}from"./p-C7hFgM52.js";import{d as f}from"./p-Bb5V9TQx.js";import{d as b}from"./p-NtvxlYzY.js";import{d as h}from"./p-C-v22G3g.js";import{d as m}from"./p-C8yiLtCJ.js";import{d as u}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as g}from"./p-DhOuB4nS.js";import{d as x}from"./p-Bodw4NVB.js";import{d as k}from"./p-qLNetL5t.js";import{d as w}from"./p-PfdIkMoz.js";const y=()=>`verdocs-field-radio{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:100%;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label{top:0;left:0;width:14px;height:14px;display:block;position:absolute}verdocs-field-radio:not(.done) input[type=radio]+label:before{-webkit-transform-origin:-1px -1px;transform-origin:-1px -1px;-webkit-transform:scale(var(--verdocs-toggle-scale, 1));transform:scale(var(--verdocs-toggle-scale, 1));content:"";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12px;height:12px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:background-color 250ms ease, border-color 250ms ease, -webkit-box-shadow 250ms ease;transition:background-color 250ms ease, border-color 250ms ease, -webkit-box-shadow 250ms ease;transition:background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease;transition:background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease, -webkit-box-shadow 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#f3f3fc;background:#f3f3fc}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-radio .resize-grip{right:-3px;width:6px;height:6px;opacity:0;z-index:10;bottom:-3px;position:absolute;border-radius:1px;background:#ffffff;border:1px solid #4a4a99}verdocs-field-radio:hover .resize-grip{opacity:1}verdocs-field-radio.hide{display:none}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}`;const z=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const j=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.required=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,o){if(o&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){if(this.editable){l(this.el,{sourceid:this.sourceid,fieldname:this.fieldname,xscale:this.xscale,yscale:this.yscale,onSaved:e=>{var o;return(o=this.settingsChanged)===null||o===void 0?void 0:o.emit({fieldName:this.fieldname,field:e})}})}}render(){const{source:e,sourceid:o,fieldname:s,editable:a=false,done:d=false,disabled:l=false,focused:f,xscale:b=1,yscale:h=1}=this;const{index:m,field:u}=p.getField(e,o,s,this.field);const{name:v,required:g=false,label:x="",group:k="",value:w=false,readonly:y=false}=u||{};const C=`signer-${m%10+1}`;const E=w==="true";if(d){return i(t,{class:{"verdocs-field":true,done:d},style:{maxWidth:"10px"}},i("span",{innerHTML:E?j:z}))}return i(t,{class:{"verdocs-field":true,required:this.required||g,disabled:l,done:d,focused:f,[C]:true},style:{"--verdocs-toggle-scale":String(n(u))}},x&&i("div",{class:"label"},x),a&&k&&i("div",{class:"group"},k),a&&i("div",{class:"resize-grip"}),i("input",{id:s,type:"radio",name:k||s,value:v,checked:!!E,disabled:y||l,required:g}),i("label",{htmlFor:s}),a&&i(r,null,i("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:o,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var o;(o=this.settingsChanged)===null||o===void 0?void 0:o.emit(e.detail);return this.hideSettingsPanel()},helpText:"Radio buttons capture the recipient's selection of just one of several related (exclusive) options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-radio",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],required:[516],done:[516],editable:[516],moveable:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-radio","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-radio":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){f()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){b()}break;case"verdocs-component-error":if(!customElements.get(a(e))){h()}break;case"verdocs-flag":if(!customElements.get(a(e))){m()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){u()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){k()}break;case"verdocs-text-input":if(!customElements.get(a(e))){w()}break}}))}export{C as V,E as d};
+//# sourceMappingURL=p-DbWcp3S8.js.map

package/dist/components/p-DbWcp3S8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsFieldRadioCss","RadioIconUnselected","RadioIconSelected","VerdocsFieldRadio","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","source","sourceid","fieldname","field","disabled","required","done","editable","moveable","xscale","yscale","pagenumber","showingProperties","focused","handleBlur","focusField","el","focus","showSettingsPanel","settingsPanel","document","getElementById","showPanel","hideSettingsPanel","hidePanel","onEditableChanged","newVal","oldVal","interact","unset","disconnectedCallback","componentDidRender","makeToggleFieldResizable","onSaved","_a","settingsChanged","emit","fieldName","render","index","Store","getField","name","label","group","value","readonly","signerClass","selected","h","Host","class","style","maxWidth","innerHTML","String","getToggleScale","id","type","checked","htmlFor","Fragment","transform","Math","floor","SettingsIcon","onClick","e","stopPropagation","anchor","onClickAway","templateId","onClose","onDelete","deleted","onSettingsChanged","detail","helpText"],"sources":["src/components/fields/verdocs-field-radio/verdocs-field-radio.scss?tag=verdocs-field-radio","src/components/fields/verdocs-field-radio/verdocs-field-radio.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio {\n  font-family: $verdocs-primary-font;\n  box-sizing: border-box;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  scroll-margin: 20px 0;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  svg {\n    margin-top: 4px;\n  }\n\n  &.disabled.done {\n    opacity: 1;\n  }\n\n  // To avoid conflicting with the use of a label for the checkbox itself\n  div.label {\n    top: -14px;\n    left: -1px;\n    height: 14px;\n    color: white;\n    padding: 0 4px;\n    font-size: 9px;\n    line-height: 13px;\n    position: absolute;\n    background: #4a4a99;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n  }\n\n  div.group {\n    top: 100%;\n    left: -1px;\n    height: 14px;\n    color: white;\n    padding: 0 4px;\n    font-size: 9px;\n    line-height: 13px;\n    position: absolute;\n    background: #bb0589;\n    border-bottom-left-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n\n  input {\n    // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n    cursor: inherit;\n  }\n\n  &.disabled input {\n    opacity: 0.5;\n  }\n\n  &.done input[type='radio'] {\n    margin: 0;\n    padding: 0;\n    width: 10px;\n    height: 10px;\n  }\n\n  &:not(.done) input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    // The label stays 14pt so small radios keep a usable click target; only the drawn circle scales.\n    + label {\n      top: 0;\n      left: 0;\n      width: 14px;\n      height: 14px;\n      display: block;\n      position: absolute;\n\n      // Scaled from the label's corner, 1px up and left of the circle.\n      &:before {\n        transform-origin: -1px -1px;\n        transform: scale(var(--verdocs-toggle-scale, 1));\n        content: '';\n        //background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        // Set here so the circle stays centered on host pages without a global border-box rule.\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition:\n          background-color 250ms ease,\n          border-color 250ms ease,\n          box-shadow 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: #f3f3fc;\n          background: #f3f3fc;\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    border: 1px solid var(--verdocs-required-field-border);\n  }\n\n  .resize-grip {\n    right: -3px;\n    width: 6px;\n    height: 6px;\n    opacity: 0;\n    z-index: 10;\n    bottom: -3px;\n    position: absolute;\n    border-radius: 1px;\n    background: #ffffff;\n    border: 1px solid #4a4a99;\n  }\n\n  &:hover .resize-grip {\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  verdocs-button-panel {\n    margin-left: -20px;\n    margin-top: -7px;\n    transform: scale(0.7);\n  }\n\n  .settings-icon {\n    position: absolute;\n    top: -6px;\n    left: -20px;\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.3;\n\n    svg {\n      fill: $border-color;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n}\n","import interact from 'interactjs';\nimport {ITemplateField, IEnvelopeField} from '@verdocs/js-sdk';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, Fragment, State, Element, Listen, Watch} from '@stencil/core';\nimport {makeToggleFieldResizable} from '../../../utils/ToggleFields';\nimport {getToggleScale} from '../../../utils/utils';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\nconst RadioIconUnselected = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></svg>`;\n\nconst RadioIconSelected = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></svg>`;\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio',\n  styleUrl: 'verdocs-field-radio.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadio {\n  @Element() el: HTMLElement;\n\n  /**\n   * Fields may be attached to templates or envelopes, but only template fields may be edited.\n   */\n  @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n  /**\n   * The source template or envelope ID the field is found in.\n   */\n  @Prop({reflect: true}) sourceid: string = '';\n\n  /**\n   * The name of the field to display.\n   */\n  @Prop({reflect: true}) fieldname: string = '';\n\n  /**\n   * Override the field's settings. This is intended to be used during signing when fields are being\n   * mutated.\n   */\n  @Prop() field: IEnvelopeField | null | undefined = null;\n\n  /**\n   * If set to true, it will force interact to unset the el, resulting in no dragging the field.\n   */\n  @Prop({reflect: true}) isPreview?: boolean;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used in Storybook mode.\n   */\n  @Prop({reflect: true}) disabled?: boolean = false;\n\n  /**\n   * If set, overrides the field's required object. Primarily used in Storybook mode.\n   */\n  @Prop({reflect: true}) required?: boolean = false;\n\n  /**\n   * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n   */\n  @Prop({reflect: true}) done?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop({reflect: true}) editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop({reflect: true}) moveable?: boolean = false;\n\n  /**\n   * If set, the field will be be scaled horizontally by this factor.\n   */\n  @Prop({reflect: true}) xscale?: number = 1;\n\n  /**\n   * If set, the field will be be scaled vertically by this factor.\n   */\n  @Prop({reflect: true}) yscale?: number = 1;\n\n  /**\n   * The page the field is on\n   */\n  @Prop({reflect: true}) pagenumber?: number = 1;\n\n  @State() showingProperties?: boolean = false;\n  @State() focused = false;\n\n  /**\n   * Event fired when the field's settings are changed.\n   */\n  @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n  /**\n   * Event fired when the field is deleted.\n   */\n  @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n  @Listen('blur')\n  handleBlur() {\n    this.focused = false;\n  }\n\n  @Method()\n  async focusField() {\n    this.el.focus();\n    this.focused = true;\n  }\n\n  @Method()\n  async showSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.showPanel) {\n      settingsPanel.showPanel();\n    }\n  }\n\n  @Method()\n  async hideSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.hidePanel) {\n      settingsPanel.hidePanel();\n    }\n  }\n\n  @Watch('editable')\n  onEditableChanged(newVal: boolean, oldVal: boolean) {\n    // When transitioning out of editable mode (e.g., builder -> preview tab), clear interact bindings\n    if (oldVal && !newVal) {\n      interact(this.el).unset();\n    }\n  }\n\n  disconnectedCallback() {\n    // Clear any interact.js drag/resize bindings so they don't leak if the DOM element is reused elsewhere\n    interact(this.el).unset();\n  }\n\n  componentDidRender() {\n    if (this.editable) {\n      makeToggleFieldResizable(this.el, {\n        sourceid: this.sourceid,\n        fieldname: this.fieldname,\n        xscale: this.xscale,\n        yscale: this.yscale,\n        onSaved: field => this.settingsChanged?.emit({fieldName: this.fieldname, field}),\n      });\n    }\n  }\n\n  render() {\n    const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n    const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n    const {name, required = false, label = '', group = '', value = false, readonly = false} = field || {};\n    const signerClass = `signer-${(index % 10) + 1}`;\n\n    const selected = value === 'true';\n\n    if (done) {\n      return (\n        <Host class={{'verdocs-field': true,done}} style={{maxWidth: '10px'}}>\n          <span innerHTML={selected ? RadioIconSelected : RadioIconUnselected} />\n        </Host>\n      );\n    }\n\n    return (\n      <Host\n        class={{'verdocs-field': true,required: this.required || required, disabled, done, focused, [signerClass]: true}}\n        style={{'--verdocs-toggle-scale': String(getToggleScale(field))}}\n      >\n        {label && <div class=\"label\">{label}</div>}\n        {editable && group && <div class=\"group\">{group}</div>}\n        {editable && <div class=\"resize-grip\" />}\n\n        <input id={fieldname} type=\"radio\" name={group || fieldname} value={name} checked={!!selected} disabled={readonly || disabled} required={required} />\n        <label htmlFor={fieldname} />\n\n        {editable && (\n          <Fragment>\n            <div\n              id={`verdocs-settings-panel-trigger-${fieldname}`}\n              style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n              class=\"settings-icon\"\n              innerHTML={SettingsIcon}\n              onClick={(e: any) => {\n                e.stopPropagation();\n                this.showingProperties = !this.showingProperties;\n              }}\n            />\n\n            {this.showingProperties && (\n              <verdocs-portal anchor={`verdocs-settings-panel-trigger-${fieldname}`} onClickAway={() => (this.showingProperties = false)}>\n                <verdocs-template-field-properties\n                  templateId={sourceid}\n                  fieldName={fieldname}\n                  onClose={() => (this.showingProperties = false)}\n                  onDelete={() => {\n                    this.deleted?.emit({fieldName: fieldname});\n                    return this.hideSettingsPanel();\n                  }}\n                  onSettingsChanged={e => {\n                    this.settingsChanged?.emit(e.detail);\n                    return this.hideSettingsPanel();\n                  }}\n                  helpText={\"Radio buttons capture the recipient's selection of just one of several related (exclusive) options.\"}\n                />\n              </verdocs-portal>\n            )}\n          </Fragment>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-DvxzLwaB.js

@@ -0,0 +1,2 @@
+import{i as t}from"./p-COaijEV0.js";import{VerdocsEndpoint as o,updateField as s}from"@verdocs/js-sdk";import{e}from"./p-zYtapVJ0.js";import{V as i}from"./p-D97GxsI-.js";import{S as a}from"./p-C7hFgM52.js";const r=(r,n)=>{t(r).resizable({edges:{right:".resize-grip",bottom:".resize-grip"},modifiers:[t.modifiers.aspectRatio({ratio:"preserve"}),t.modifiers.restrictSize({min:{width:8,height:8}})],listeners:{start(t){t.target.dataset.originalBottom=t.target.style.bottom},move(t){const o=t.rect.width/n.xscale;const s=t.rect.height/n.yscale;const i=parseFloat(t.target.style.left);const a=parseFloat(t.target.style.bottom);Object.assign(t.target.style,{width:`${o}px`,height:`${s}px`,left:`${i+t.deltaRect.left}px`,bottom:`${a-t.deltaRect.bottom}px`});t.target.style.setProperty("--verdocs-toggle-scale",String(e({width:o,height:s})))},async end(t){var e,r,l;const{sourceid:c,fieldname:d}=n;const p=Math.round(parseFloat(t.target.style.width));const h=Math.round(parseFloat(t.target.style.height));const m=parseFloat(t.target.style.bottom);const v=parseFloat(t.target.dataset.originalBottom);try{const t=await a.getTemplate(o.getDefault(),c);const i=(e=t===null||t===void 0?void 0:t.fields)===null||e===void 0?void 0:e.find((t=>t.name===d));const r=m!==v?Math.round(m/n.yscale):i===null||i===void 0?void 0:i.y;const l=await s(o.getDefault(),c,d,{width:p,height:h,y:r});const g=await a.getTemplate(o.getDefault(),c);const f=JSON.parse(JSON.stringify(g));const F=f.fields.findIndex((t=>t.name===d));if(F>-1){f.fields[F]=l}a.updateTemplate(c,f);n.onSaved(l)}catch(t){console.log("[FIELDS] Unable to save resized field",t);i(((l=(r=t.response)===null||r===void 0?void 0:r.data)===null||l===void 0?void 0:l.error)||"Unable to resize the field. Please try again.",{style:"error"})}}}})};export{r as m};
+//# sourceMappingURL=p-DvxzLwaB.js.map

package/dist/components/p-DvxzLwaB.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeToggleFieldResizable","el","options","interact","resizable","edges","right","bottom","modifiers","aspectRatio","ratio","restrictSize","min","width","height","listeners","start","e","target","dataset","originalBottom","style","move","rect","xscale","yscale","currentLeft","parseFloat","left","currentBottom","Object","assign","deltaRect","setProperty","String","getToggleScale","end","sourceid","fieldname","Math","round","newBottom","template","Store","getTemplate","VerdocsEndpoint","getDefault","oldField","_a","fields","find","field","name","y","updatedField","updateField","latest","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","updateTemplate","onSaved","err","console","log","VerdocsToast","_c","_b","response","data","error"],"sources":["src/utils/ToggleFields.ts"],"sourcesContent":["import interact from 'interactjs';\nimport {ITemplate, ITemplateField, updateField, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getToggleScale} from './utils';\nimport {VerdocsToast} from './Toast';\nimport {Store} from './Datastore';\n\n/**\n * Let a builder user resize a checkbox or radio from a single corner grip, keeping its proportions.\n * Edge handles like the text fields use would cover most of a 14pt box and turn drags into resizes.\n */\nexport const makeToggleFieldResizable = (\n  el: HTMLElement,\n  options: {sourceid: string; fieldname: string; xscale: number; yscale: number; onSaved: (field: ITemplateField) => void},\n) => {\n  interact(el).resizable({\n    edges: {right: '.resize-grip', bottom: '.resize-grip'},\n    modifiers: [interact.modifiers.aspectRatio({ratio: 'preserve'}), interact.modifiers.restrictSize({min: {width: 8, height: 8}})],\n    listeners: {\n      start(e: any) {\n        e.target.dataset.originalBottom = e.target.style.bottom;\n      },\n\n      move(e: any) {\n        const width = e.rect.width / options.xscale;\n        const height = e.rect.height / options.yscale;\n        const currentLeft = parseFloat(e.target.style.left);\n        const currentBottom = parseFloat(e.target.style.bottom);\n\n        Object.assign(e.target.style, {\n          width: `${width}px`,\n          height: `${height}px`,\n          left: `${currentLeft + e.deltaRect.left}px`,\n          bottom: `${currentBottom - e.deltaRect.bottom}px`,\n        });\n        e.target.style.setProperty('--verdocs-toggle-scale', String(getToggleScale({width, height})));\n      },\n\n      async end(e: any) {\n        const {sourceid, fieldname} = options;\n        const width = Math.round(parseFloat(e.target.style.width));\n        const height = Math.round(parseFloat(e.target.style.height));\n        const newBottom = parseFloat(e.target.style.bottom);\n        const originalBottom = parseFloat(e.target.dataset.originalBottom);\n\n        try {\n          const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), sourceid);\n          const oldField = template?.fields?.find(field => field.name === fieldname);\n          const y = newBottom !== originalBottom ? Math.round(newBottom / options.yscale) : oldField?.y;\n\n          const updatedField = await updateField(VerdocsEndpoint.getDefault(), sourceid, fieldname, {width, height, y});\n          // Re-read after the save so another field's change that landed meanwhile isn't overwritten.\n          const latest = await Store.getTemplate(VerdocsEndpoint.getDefault(), sourceid);\n          const newTemplate = JSON.parse(JSON.stringify(latest)) as ITemplate;\n          const fieldIndex = newTemplate.fields.findIndex(field => field.name === fieldname);\n          if (fieldIndex > -1) {\n            newTemplate.fields[fieldIndex] = updatedField;\n          }\n\n          Store.updateTemplate(sourceid, newTemplate);\n          options.onSaved(updatedField);\n        } catch (err) {\n          console.log('[FIELDS] Unable to save resized field', err);\n          VerdocsToast(err.response?.data?.error || 'Unable to resize the field. Please try again.', {style: 'error'});\n        }\n      },\n    },\n  });\n};\n"],"mappings":"oNAUaA,EAA2B,CACtCC,EACAC,KAEAC,EAASF,GAAIG,UAAU,CACrBC,MAAO,CAACC,MAAO,eAAgBC,OAAQ,gBACvCC,UAAW,CAACL,EAASK,UAAUC,YAAY,CAACC,MAAO,aAAcP,EAASK,UAAUG,aAAa,CAACC,IAAK,CAACC,MAAO,EAAGC,OAAQ,MAC1HC,UAAW,CACT,KAAAC,CAAMC,GACJA,EAAEC,OAAOC,QAAQC,eAAiBH,EAAEC,OAAOG,MAAMd,M,EAGnD,IAAAe,CAAKL,GACH,MAAMJ,EAAQI,EAAEM,KAAKV,MAAQX,EAAQsB,OACrC,MAAMV,EAASG,EAAEM,KAAKT,OAASZ,EAAQuB,OACvC,MAAMC,EAAcC,WAAWV,EAAEC,OAAOG,MAAMO,MAC9C,MAAMC,EAAgBF,WAAWV,EAAEC,OAAOG,MAAMd,QAEhDuB,OAAOC,OAAOd,EAAEC,OAAOG,MAAO,CAC5BR,MAAO,GAAGA,MACVC,OAAQ,GAAGA,MACXc,KAAM,GAAGF,EAAcT,EAAEe,UAAUJ,SACnCrB,OAAQ,GAAGsB,EAAgBZ,EAAEe,UAAUzB,aAEzCU,EAAEC,OAAOG,MAAMY,YAAY,yBAA0BC,OAAOC,EAAe,CAACtB,QAAOC,Y,EAGrF,SAAMsB,CAAInB,G,UACR,MAAMoB,SAACA,EAAQC,UAAEA,GAAapC,EAC9B,MAAMW,EAAQ0B,KAAKC,MAAMb,WAAWV,EAAEC,OAAOG,MAAMR,QACnD,MAAMC,EAASyB,KAAKC,MAAMb,WAAWV,EAAEC,OAAOG,MAAMP,SACpD,MAAM2B,EAAYd,WAAWV,EAAEC,OAAOG,MAAMd,QAC5C,MAAMa,EAAiBO,WAAWV,EAAEC,OAAOC,QAAQC,gBAEnD,IACE,MAAMsB,QAAiBC,EAAMC,YAAYC,EAAgBC,aAAcT,GACvE,MAAMU,GAAWC,EAAAN,IAAQ,MAARA,SAAQ,SAARA,EAAUO,UAAM,MAAAD,SAAA,SAAAA,EAAEE,MAAKC,GAASA,EAAMC,OAASd,IAChE,MAAMe,EAAIZ,IAAcrB,EAAiBmB,KAAKC,MAAMC,EAAYvC,EAAQuB,QAAUsB,IAAQ,MAARA,SAAQ,SAARA,EAAUM,EAE5F,MAAMC,QAAqBC,EAAYV,EAAgBC,aAAcT,EAAUC,EAAW,CAACzB,QAAOC,SAAQuC,MAE1G,MAAMG,QAAeb,EAAMC,YAAYC,EAAgBC,aAAcT,GACrE,MAAMoB,EAAcC,KAAKC,MAAMD,KAAKE,UAAUJ,IAC9C,MAAMK,EAAaJ,EAAYR,OAAOa,WAAUX,GAASA,EAAMC,OAASd,IACxE,GAAIuB,GAAa,EAAI,CACnBJ,EAAYR,OAAOY,GAAcP,C,CAGnCX,EAAMoB,eAAe1B,EAAUoB,GAC/BvD,EAAQ8D,QAAQV,E,CAChB,MAAOW,GACPC,QAAQC,IAAI,wCAAyCF,GACrDG,IAAaC,GAAAC,EAAAL,EAAIM,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,QAAS,gDAAiD,CAACpD,MAAO,S,KAIzG,S","ignoreList":[]}

package/dist/components/p-NtvxlYzY.js

@@ -0,0 +1,2 @@
+import{p as e,H as c,h as o,d as t,t as r}from"./p-yZBlG3YQ.js";const s=()=>`@charset "UTF-8";verdocs-checkbox{line-height:18px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-checkbox label>input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}verdocs-checkbox label>input[type=checkbox]+*::before{content:"";width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;margin-right:8px;line-height:20px;border-radius:2px;border-style:solid;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";content:"✓"/"";color:white;text-align:center;background:var(--verdocs-checkbox-color, #55bc81);border-color:var(--verdocs-checkbox-color, #55bc81)}verdocs-checkbox label>input[type=checkbox]:focus-visible+*::before{outline:2px solid var(--verdocs-link-color, #4c56cb);outline-offset:2px}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:var(--verdocs-checkbox-color, #55bc81);border-color:var(--verdocs-checkbox-color, #55bc81)}verdocs-checkbox.dark label>input[type=checkbox]:focus-visible+*::before{outline-color:#ffffff}verdocs-checkbox.small label>input[type=checkbox]+*::before{width:16px;height:16px;line-height:16px}`;const i=e(class e extends c{constructor(e){super();if(e!==false){this.__registerHost()}this.checked=false;this.name="";this.label="";this.value="";this.theme="light";this.size="normal";this.disabled=false}render(){return o(t,{key:"cf97024379b4e60ecc00d9b9a13a5dd6026903c6",class:{disabled:this.disabled,[this.theme]:true,[this.size]:true}},o("label",{key:"a2b44d29b3e58be78b59998d94bcec07719645b3"},o("input",{key:"2821ad886055aeb613ed490461007ed6628d159f",type:"checkbox",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled}),o("span",{key:"d72a5ab4951ac6650bc330419880742b011d4729"},this.label)))}static get style(){return s()}},[0,"verdocs-checkbox",{checked:[4],name:[1],label:[1],value:[1],theme:[1],size:[1],disabled:[4]}]);function b(){if(typeof customElements==="undefined"){return}const e=["verdocs-checkbox"];e.forEach((e=>{switch(e){case"verdocs-checkbox":if(!customElements.get(r(e))){customElements.define(r(e),i)}break}}))}export{i as V,b as d};
+//# sourceMappingURL=p-NtvxlYzY.js.map

package/dist/components/p-NtvxlYzY.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsCheckboxCss","VerdocsCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","checked","name","label","value","theme","size","disabled","render","h","Host","key","class","type"],"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// Your periodic reminder that it's 2022 and you still can't style HTML checkboxes\nverdocs-checkbox {\n  line-height: 18px;\n  font-family: $verdocs-primary-font;\n\n  // We hide these visually instead of using display:none to avoid droping from the tab order and accessibility tree\n  label>input[type='checkbox'] {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n    opacity: 0;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n  }\n\n  label>input[type='checkbox']+*::before {\n    content: '';\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    margin-right: 8px;\n    line-height: 20px;\n    border-radius: 2px;\n    border-style: solid;\n    border-width: 0.1rem;\n    display: inline-block;\n    vertical-align: bottom;\n    border-color: $verdocs-grey-2;\n  }\n\n\n  label>input[type='checkbox']:checked+*::before {\n    content: '✓';\n    // Empty alt text keeps the check mark out of the label screen readers announce. Browsers without alt text support\n    // drop this line and keep the one above.\n    content: '✓' / '';\n    color: white;\n    text-align: center;\n    background: var(--verdocs-checkbox-color, $verdocs-green);\n    border-color: var(--verdocs-checkbox-color, $verdocs-green);\n  }\n\n  label>input[type='checkbox']:focus-visible+*::before {\n    outline: 2px solid var(--verdocs-link-color, $verdocs-purple-shade);\n    outline-offset: 2px;\n  }\n\n  &.dark {\n    label>input[type='checkbox']+*::before {\n      border-color: $verdocs-grey-4;\n    }\n\n    label>input[type='checkbox']:checked+*::before {\n      background: var(--verdocs-checkbox-color, $verdocs-green);\n      border-color: var(--verdocs-checkbox-color, $verdocs-green);\n    }\n\n    label>input[type='checkbox']:focus-visible+*::before {\n      outline-color: $verdocs-grey-4;\n    }\n  }\n\n  &.small {\n    label>input[type='checkbox']+*::before {\n      width: 16px;\n      height: 16px;\n      line-height: 16px;\n    }\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check\n * box for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-checkbox\n *    value=\"on\"\n *    name=\"thingEnabled\"\n *    checked={this.thingEnabled}\n *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-checkbox',\n  styleUrl: 'verdocs-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsCheckbox {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\n   * repositioned with CSS.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Value to track with the input. Value is not used internally by this component but is sometimes useful to set\n   * because it can be retrieved in event handlers via e.target.value. This can be used to identify which\n   * checkbox was clicked in a checkbox group.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Style of checkbox to render. Use 'dark' when rendering on a dark background.\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  /**\n   * Size of checkbox to render.\n   */\n  @Prop() size: 'normal' | 'small' = 'normal';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled, [this.theme]: true, [this.size]: true}}>\n        <label>\n          <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} />\n          <span>{this.label}</span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,IAAM,42C,MCwBpBC,EAAeC,EAAA,MAAAD,UAAAE,EAL5B,WAAAC,CAAAC,G,4CASUC,KAAAC,QAAmB,MAKnBD,KAAAE,KAAe,GAMfF,KAAAG,MAAgB,GAOhBH,KAAAI,MAAgB,GAKhBJ,KAAAK,MAA0B,QAK1BL,KAAAM,KAA2B,SAK3BN,KAAAO,SAAqB,KAY9B,CAVC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAACL,SAAUP,KAAKO,SAAU,CAACP,KAAKK,OAAQ,KAAM,CAACL,KAAKM,MAAO,OACtEG,EAAA,SAAAE,IAAA,4CACEF,EAAA,SAAAE,IAAA,2CAAOE,KAAK,WAAWT,MAAOJ,KAAKI,MAAOF,KAAMF,KAAKE,KAAMD,QAASD,KAAKC,QAASM,SAAUP,KAAKO,WACjGE,EAAA,QAAAE,IAAA,4CAAOX,KAAKG,Q","ignoreList":[]}

package/dist/components/{p-Cij_2Ym2.js → p-Vs72fn43.js}

@@ -1,2 +1,2 @@
-import{p as t,t as i,H as e,c as s,h as o}from"./p-yZBlG3YQ.js";import{a}from"./p-C7k2AOsW.js";import{d as n}from"./p-C90lxyUX.js";import{d as r}from"./p-DHzSlpJw.js";import{d}from"./p-nxPMK2PN.js";import{d as c}from"./p-PfdIkMoz.js";const l=()=>`verdocs-adopt-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #55bc81);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #55bc81);background-color:var(--verdocs-primary-color, #55bc81);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b);-webkit-filter:brightness(0.95);filter:brightness(0.95)}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.next=s(this,"next");this.exit=s(this,"exit");this.name="";this.nameLocked=false;this.fontLoaded=false;this.enteredName="";this.enteredInitials="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasDrawnInitials=false;this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.handleSigPointerDown=t=>{t.preventDefault();if(!this.signatureElement||!this.sigDrawingContext){return}this.isDrawing=true;this.hasDrawnSignature=true;const i=this.getSigCanvasCoordinates(t);this.currentSigStroke=[i];this.lastSigPoint=i;this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(i.x,i.y);this.signatureElement.setPointerCapture(t.pointerId)};this.handleSigPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext||!this.lastSigPoint){return}const i=this.getSigCanvasCoordinates(t);this.currentSigStroke.push(i);const e={x:(this.lastSigPoint.x+i.x)/2,y:(this.lastSigPoint.y+i.y)/2};this.sigDrawingContext.quadraticCurveTo(this.lastSigPoint.x,this.lastSigPoint.y,e.x,e.y);this.sigDrawingContext.stroke();this.lastSigPoint=i};this.handleSigPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext){return}if(this.lastSigPoint&&this.currentSigStroke.length>0){this.sigDrawingContext.lineTo(this.lastSigPoint.x,this.lastSigPoint.y);this.sigDrawingContext.stroke()}if(this.currentSigStroke.length>0){this.allSigStrokes.push([...this.currentSigStroke])}this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleSigPointerCancel=t=>{this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerDown=t=>{t.preventDefault();if(!this.initialsElement||!this.initialsDrawingContext){return}this.isDrawing=true;this.hasDrawnInitials=true;const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke=[i];this.lastInitialsPoint=i;this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(i.x,i.y);this.initialsElement.setPointerCapture(t.pointerId)};this.handleInitialsPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext||!this.lastInitialsPoint){return}const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke.push(i);const e={x:(this.lastInitialsPoint.x+i.x)/2,y:(this.lastInitialsPoint.y+i.y)/2};this.initialsDrawingContext.quadraticCurveTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y,e.x,e.y);this.initialsDrawingContext.stroke();this.lastInitialsPoint=i};this.handleInitialsPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext){return}if(this.lastInitialsPoint&&this.currentInitialsStroke.length>0){this.initialsDrawingContext.lineTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y);this.initialsDrawingContext.stroke()}if(this.currentInitialsStroke.length>0){this.allInitialsStrokes.push([...this.currentInitialsStroke])}this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerCancel=t=>{this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}}}componentWillLoad(){this.enteredName=this.name;this.computeEnteredInitials(this.name);const t=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");t.load().then((t=>{document.fonts.add(t);this.fontLoaded=true}))}componentDidLoad(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas()}componentDidUpdate(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas();if(this.mode==="draw"&&this.allSigStrokes.length>0){this.redrawDrawnSignature()}if(this.mode==="draw"&&this.allInitialsStrokes.length>0){this.redrawDrawnInitials()}}drawSignatureText(){if(!this.signatureElement||this.mode!=="type"){return}const t=this.signatureElement.width;const i=this.signatureElement.height;const e=this.signatureElement.getContext("2d");e.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);let s=100;let o=e.measureText(this.enteredName);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredName)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredName,this.signatureElement.width/2,this.signatureElement.height/2)}drawInitialsText(){if(!this.initialsElement||this.mode!=="type"){return}const t=this.initialsElement.width;const i=this.initialsElement.height;const e=this.initialsElement.getContext("2d");e.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);let s=100;let o=e.measureText(this.enteredInitials);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredInitials)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredInitials,this.initialsElement.width/2,this.initialsElement.height/2)}redrawDrawnSignature(){if(!this.signatureElement||!this.sigDrawingContext||this.allSigStrokes.length===0){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);for(const t of this.allSigStrokes){if(t.length===0){continue}this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.sigDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.sigDrawingContext.lineTo(i.x,i.y)}this.sigDrawingContext.stroke()}}redrawDrawnInitials(){if(!this.initialsElement||!this.initialsDrawingContext||this.allInitialsStrokes.length===0){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);for(const t of this.allInitialsStrokes){if(t.length===0){continue}this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.initialsDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.initialsDrawingContext.lineTo(i.x,i.y)}this.initialsDrawingContext.stroke()}}handleNameChange(t){this.enteredName=t.target.value;this.computeEnteredInitials(t.target.value)}computeEnteredInitials(t){const i=t.trim().split(" ").filter((t=>t.length>0));this.enteredInitials=i.length>1?i.map((t=>t.charAt(0).toUpperCase())).join(""):i[0].toUpperCase()}handleCancel(t){t.stopPropagation();t.preventDefault();this.exit.emit()}handleAdopt(t){t.stopPropagation();t.preventDefault();const i=this.signatureElement.toDataURL("image/png");const e=this.initialsElement.toDataURL("image/png");this.next.emit({signature:i,initials:e})}isAdoptButtonDisabled(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature&&!this.hasDrawnInitials||this.allSigStrokes.length===0||this.allInitialsStrokes.length===0;default:return true}}setupSignatureCanvas(){if(!this.signatureElement){return}if(this.mode==="draw"){const t=this.signatureElement.getContext("2d");if(t&&t!==this.sigDrawingContext){this.sigDrawingContext=t;this.sigDrawingContext.strokeStyle="#000000";this.sigDrawingContext.lineWidth=2;this.sigDrawingContext.lineCap="round";this.sigDrawingContext.lineJoin="round";if(this.allSigStrokes.length===0){this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height)}}}if(this.mode!=="draw"&&this.sigDrawingContext){this.sigDrawingContext=null;this.currentSigStroke=[];this.lastSigPoint=null}}setupInitialsCanvas(){if(!this.initialsElement){return}if(this.mode==="draw"){const t=this.initialsElement.getContext("2d");if(t&&t!==this.initialsDrawingContext){this.initialsDrawingContext=t;this.initialsDrawingContext.strokeStyle="#000000";this.initialsDrawingContext.lineWidth=2;this.initialsDrawingContext.lineCap="round";this.initialsDrawingContext.lineJoin="round";if(this.allInitialsStrokes.length===0){this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height)}}}if(this.mode!=="draw"&&this.initialsDrawingContext){this.initialsDrawingContext=null;this.currentInitialsStroke=[];this.lastInitialsPoint=null}}clearSignatureCanvas(){if(!this.signatureElement||!this.sigDrawingContext){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.hasDrawnSignature=false}clearInitialsCanvas(){if(!this.initialsElement||!this.initialsDrawingContext){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.hasDrawnInitials=false}handleClearDrawing(t,i="all"){t.stopPropagation();t.preventDefault();if(i==="all"||i==="signature")this.clearSignatureCanvas();if(i==="all"||i==="initials")this.clearInitialsCanvas()}getSigCanvasCoordinates(t){if(!this.signatureElement){return{x:0,y:0}}const i=this.signatureElement.getBoundingClientRect();const e=this.signatureElement.width/i.width;const s=this.signatureElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}getInitialsCanvasCoordinates(t){if(!this.initialsElement){return{x:0,y:0}}const i=this.initialsElement.getBoundingClientRect();const e=this.initialsElement.width/i.width;const s=this.initialsElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}render(){return o("verdocs-dialog",{key:"1d9e53a65179e291f193b0e1e53d81b69aa045b2"},o("div",{key:"2ef592a57b041d639d2b94de833d2b5dfc7ee578",slot:"heading",class:"heading"},"Adopt Your Signature"),o("div",{key:"06e35caaacdc6899c086b7f85b934e0dfceccc34",slot:"content",class:"content"},o("div",{key:"64c555887649e15acf0007e571a8968316e17153",style:{fontWeight:"300",color:"#242424",fontSize:"13px"}},"Confirm your name, initials, and signature."),o("div",{key:"a65a012a24cd348ebc27f781007de26f9f0c9a6a",class:{type:true,active:this.mode==="type"}},o("verdocs-text-input",{key:"5b431318876370890d6c3988df4024d20343d732",label:"Full Name",value:this.enteredName,disabled:this.nameLocked,onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()}),this.nameLocked&&o("div",{key:"c4a217ab615d8225b84a2344cecc977657f1f61e",class:"name-locked-hint"},"Your name has been set by the sender and cannot be changed.")),o("div",{key:"77ce59fbbf24fb22017d745909fc667d710c1b16",style:{fontWeight:"400",color:"#242424",fontSize:"13px"}},"Select a signature style"),o("div",{key:"d6d8da60970f8bf74449e9aba522fd0e9038f08e",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"7227f6364f5538b2cc03bb2e1be24671b7de85d5",checked:this.mode==="type",value:"type",name:"mode",onClick:()=>this.mode="type"}),o("label",{key:"3efa2f5a2a078f179a3256662e543daad0dca2c2"},"Typed with a keyboard")),o("div",{key:"e9bbf64a8cdd25b9b28a76dd087da2b58de09232",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"ba22593a2f00b4ecf16debb2dc5fc15584e19001",checked:this.mode==="draw",value:"draw",name:"mode",onClick:()=>this.mode="draw"}),o("label",{key:"eb7752347a07e71e2e25fa00da10552e1ee75e89"},"Drawn with touch, mouse, or stylus")),o("div",{key:"dade8b6b423db3f46ab07ceb21b5119b8c3919c7",class:"preview-header"},o("div",{key:"640c8d08177a9d14bf44f42699bb5ecaa6356488",style:{fontSize:"13px",fontWeight:"400"}},"Signature Preview"),this.mode==="draw"&&o("button",{key:"44c64789b4b311a4fdba6ce75faf4e05f031b92e",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"signature"),disabled:!this.hasDrawnSignature},"Clear")),o("div",{key:"85c9a3db23b78bec6694c5fb09c5e70fa1a47e5a",class:"canvas-container signature-container"},o("div",{key:"8d743af9906d6886ba49e483cb1430a89327951c",class:"signing-indicator"},o("div",{key:"7fb23472f14ec9c9c9804d54043c57c007daba3e",class:"x-icon",innerHTML:a}),o("div",{key:"6012389bcfef84699b3d34ac8fb3fe7bc86f97fd",class:"signing-line"})),o("canvas",{key:"f56746b873d2b59677ead67946a8e67af43f263d",ref:t=>this.signatureElement=t,height:"79",class:"signature-canvas",onPointerDown:this.handleSigPointerDown,onPointerMove:this.handleSigPointerMove,onPointerUp:this.handleSigPointerUp,onPointerCancel:this.handleSigPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"8dd4c31c5e7c2de8c8f74fe466ca510f91e9f02f",class:"preview-header"},o("div",{key:"eb2294f29e681091f3e35aa3de48c821f9884473",style:{fontSize:"13px",fontWeight:"400"}},"Initials Preview"),this.mode==="draw"&&o("button",{key:"061752a19678558fb0306ae288be315759b94d88",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"initials"),disabled:!this.hasDrawnInitials},"Clear")),o("div",{key:"d20c69fe464ce2335557fe71d480c88b802c8e52",class:"canvas-container initials-container"},o("div",{key:"5dc7ab87d0de091a9d46bd2fbbdd11edffeb47cd",class:"signing-indicator"},o("div",{key:"d3abd054909d5f70033d7c22d080b07c24585aab",class:"x-icon",innerHTML:a}),o("div",{key:"b16d55fb5d71364742311874cf90b602795ba6b5",class:"signing-line"})),o("canvas",{key:"5168e733e741f79264c809319736d23c9203871f",ref:t=>this.initialsElement=t,height:"79",class:"initials-canvas",onPointerDown:this.handleInitialsPointerDown,onPointerMove:this.handleInitialsPointerMove,onPointerUp:this.handleInitialsPointerUp,onPointerCancel:this.handleInitialsPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"80633cee68fc9b58df3dbb1deefd961ca8e2b8aa",class:"disclaimer"},"By clicking «Adopt Signature», I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")),o("div",{key:"89fe262262bea067172c5727a03072549054814f",class:"footer",slot:"footer"},o("div",{key:"b656c72b28a810e1b1a0bf0a42bf2b9f9b350fb2",class:"buttons"},o("button",{key:"b172e1e41c481e4b5cdb992fc1ca6213507b6af4",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),o("button",{key:"752ac007fbeb922996ced560de6f0fdfb634fcc1",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}static get style(){return l()}},[0,"verdocs-adopt-signature-dialog",{name:[1],nameLocked:[4,"name-locked"],fontLoaded:[32],enteredName:[32],enteredInitials:[32],mode:[32],isDrawing:[32],hasDrawnSignature:[32],hasDrawnInitials:[32]}]);function p(){if(typeof customElements==="undefined"){return}const t=["verdocs-adopt-signature-dialog","verdocs-dialog","verdocs-help-icon","verdocs-radio-button","verdocs-text-input"];t.forEach((t=>{switch(t){case"verdocs-adopt-signature-dialog":if(!customElements.get(i(t))){customElements.define(i(t),h)}break;case"verdocs-dialog":if(!customElements.get(i(t))){n()}break;case"verdocs-help-icon":if(!customElements.get(i(t))){r()}break;case"verdocs-radio-button":if(!customElements.get(i(t))){d()}break;case"verdocs-text-input":if(!customElements.get(i(t))){c()}break}}))}export{h as V,p as d};
-//# sourceMappingURL=p-Cij_2Ym2.js.map
+import{p as t,t as i,H as e,c as s,h as o}from"./p-yZBlG3YQ.js";import{a}from"./p-C7k2AOsW.js";import{d as n}from"./p-C90lxyUX.js";import{d as r}from"./p-DHzSlpJw.js";import{d}from"./p-nxPMK2PN.js";import{d as c}from"./p-PfdIkMoz.js";const l=()=>`verdocs-adopt-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #55bc81);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #55bc81);background-color:var(--verdocs-primary-color, #55bc81);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b);-webkit-filter:brightness(0.95);filter:brightness(0.95)}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.next=s(this,"next");this.exit=s(this,"exit");this.name="";this.nameLocked=false;this.fontLoaded=false;this.enteredName="";this.enteredInitials="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasDrawnInitials=false;this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.handleSigPointerDown=t=>{t.preventDefault();if(!this.signatureElement||!this.sigDrawingContext){return}this.isDrawing=true;this.hasDrawnSignature=true;const i=this.getSigCanvasCoordinates(t);this.currentSigStroke=[i];this.lastSigPoint=i;this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(i.x,i.y);this.signatureElement.setPointerCapture(t.pointerId)};this.handleSigPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext||!this.lastSigPoint){return}const i=this.getSigCanvasCoordinates(t);this.currentSigStroke.push(i);const e={x:(this.lastSigPoint.x+i.x)/2,y:(this.lastSigPoint.y+i.y)/2};this.sigDrawingContext.quadraticCurveTo(this.lastSigPoint.x,this.lastSigPoint.y,e.x,e.y);this.sigDrawingContext.stroke();this.lastSigPoint=i};this.handleSigPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext){return}if(this.lastSigPoint&&this.currentSigStroke.length>0){this.sigDrawingContext.lineTo(this.lastSigPoint.x,this.lastSigPoint.y);this.sigDrawingContext.stroke()}if(this.currentSigStroke.length>0){this.allSigStrokes.push([...this.currentSigStroke])}this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleSigPointerCancel=t=>{this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerDown=t=>{t.preventDefault();if(!this.initialsElement||!this.initialsDrawingContext){return}this.isDrawing=true;this.hasDrawnInitials=true;const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke=[i];this.lastInitialsPoint=i;this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(i.x,i.y);this.initialsElement.setPointerCapture(t.pointerId)};this.handleInitialsPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext||!this.lastInitialsPoint){return}const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke.push(i);const e={x:(this.lastInitialsPoint.x+i.x)/2,y:(this.lastInitialsPoint.y+i.y)/2};this.initialsDrawingContext.quadraticCurveTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y,e.x,e.y);this.initialsDrawingContext.stroke();this.lastInitialsPoint=i};this.handleInitialsPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext){return}if(this.lastInitialsPoint&&this.currentInitialsStroke.length>0){this.initialsDrawingContext.lineTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y);this.initialsDrawingContext.stroke()}if(this.currentInitialsStroke.length>0){this.allInitialsStrokes.push([...this.currentInitialsStroke])}this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerCancel=t=>{this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}}}componentWillLoad(){this.enteredName=this.name;this.computeEnteredInitials(this.name);const t=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");t.load().then((t=>{document.fonts.add(t);this.fontLoaded=true}))}componentDidLoad(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas()}componentDidUpdate(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas();if(this.mode==="draw"&&this.allSigStrokes.length>0){this.redrawDrawnSignature()}if(this.mode==="draw"&&this.allInitialsStrokes.length>0){this.redrawDrawnInitials()}}drawSignatureText(){if(!this.signatureElement||this.mode!=="type"){return}const t=this.signatureElement.width;const i=this.signatureElement.height;const e=this.signatureElement.getContext("2d");e.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);let s=100;let o=e.measureText(this.enteredName);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredName)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredName,this.signatureElement.width/2,this.signatureElement.height/2)}drawInitialsText(){if(!this.initialsElement||this.mode!=="type"){return}const t=this.initialsElement.width;const i=this.initialsElement.height;const e=this.initialsElement.getContext("2d");e.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);let s=100;let o=e.measureText(this.enteredInitials);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredInitials)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredInitials,this.initialsElement.width/2,this.initialsElement.height/2)}redrawDrawnSignature(){if(!this.signatureElement||!this.sigDrawingContext||this.allSigStrokes.length===0){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);for(const t of this.allSigStrokes){if(t.length===0){continue}this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.sigDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.sigDrawingContext.lineTo(i.x,i.y)}this.sigDrawingContext.stroke()}}redrawDrawnInitials(){if(!this.initialsElement||!this.initialsDrawingContext||this.allInitialsStrokes.length===0){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);for(const t of this.allInitialsStrokes){if(t.length===0){continue}this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.initialsDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.initialsDrawingContext.lineTo(i.x,i.y)}this.initialsDrawingContext.stroke()}}handleNameChange(t){this.enteredName=t.target.value;this.computeEnteredInitials(t.target.value)}computeEnteredInitials(t){const i=t.trim().split(" ").filter((t=>t.length>0));this.enteredInitials=i.length>1?i.map((t=>t.charAt(0).toUpperCase())).join(""):i[0].toUpperCase()}handleCancel(t){t.stopPropagation();t.preventDefault();this.exit.emit()}handleAdopt(t){t.stopPropagation();t.preventDefault();const i=this.signatureElement.toDataURL("image/png");const e=this.initialsElement.toDataURL("image/png");this.next.emit({signature:i,initials:e})}isAdoptButtonDisabled(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature&&!this.hasDrawnInitials||this.allSigStrokes.length===0||this.allInitialsStrokes.length===0;default:return true}}setupSignatureCanvas(){if(!this.signatureElement){return}if(this.mode==="draw"){const t=this.signatureElement.getContext("2d");if(t&&t!==this.sigDrawingContext){this.sigDrawingContext=t;this.sigDrawingContext.strokeStyle="#000000";this.sigDrawingContext.lineWidth=2;this.sigDrawingContext.lineCap="round";this.sigDrawingContext.lineJoin="round";if(this.allSigStrokes.length===0){this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height)}}}if(this.mode!=="draw"&&this.sigDrawingContext){this.sigDrawingContext=null;this.currentSigStroke=[];this.lastSigPoint=null}}setupInitialsCanvas(){if(!this.initialsElement){return}if(this.mode==="draw"){const t=this.initialsElement.getContext("2d");if(t&&t!==this.initialsDrawingContext){this.initialsDrawingContext=t;this.initialsDrawingContext.strokeStyle="#000000";this.initialsDrawingContext.lineWidth=2;this.initialsDrawingContext.lineCap="round";this.initialsDrawingContext.lineJoin="round";if(this.allInitialsStrokes.length===0){this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height)}}}if(this.mode!=="draw"&&this.initialsDrawingContext){this.initialsDrawingContext=null;this.currentInitialsStroke=[];this.lastInitialsPoint=null}}clearSignatureCanvas(){if(!this.signatureElement||!this.sigDrawingContext){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.hasDrawnSignature=false}clearInitialsCanvas(){if(!this.initialsElement||!this.initialsDrawingContext){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.hasDrawnInitials=false}handleClearDrawing(t,i="all"){t.stopPropagation();t.preventDefault();if(i==="all"||i==="signature")this.clearSignatureCanvas();if(i==="all"||i==="initials")this.clearInitialsCanvas()}getSigCanvasCoordinates(t){if(!this.signatureElement){return{x:0,y:0}}const i=this.signatureElement.getBoundingClientRect();const e=this.signatureElement.width/i.width;const s=this.signatureElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}getInitialsCanvasCoordinates(t){if(!this.initialsElement){return{x:0,y:0}}const i=this.initialsElement.getBoundingClientRect();const e=this.initialsElement.width/i.width;const s=this.initialsElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}render(){return o("verdocs-dialog",{key:"1d9e53a65179e291f193b0e1e53d81b69aa045b2"},o("div",{key:"2ef592a57b041d639d2b94de833d2b5dfc7ee578",slot:"heading",class:"heading"},"Adopt Your Signature"),o("div",{key:"06e35caaacdc6899c086b7f85b934e0dfceccc34",slot:"content",class:"content"},o("div",{key:"64c555887649e15acf0007e571a8968316e17153",style:{fontWeight:"300",color:"#242424",fontSize:"13px"}},"Confirm your name, initials, and signature."),o("div",{key:"a65a012a24cd348ebc27f781007de26f9f0c9a6a",class:{type:true,active:this.mode==="type"}},o("verdocs-text-input",{key:"5b431318876370890d6c3988df4024d20343d732",label:"Full Name",value:this.enteredName,disabled:this.nameLocked,onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()}),this.nameLocked&&o("div",{key:"c4a217ab615d8225b84a2344cecc977657f1f61e",class:"name-locked-hint"},"Your name has been set by the sender and cannot be changed.")),o("div",{key:"77ce59fbbf24fb22017d745909fc667d710c1b16",style:{fontWeight:"400",color:"#242424",fontSize:"13px"}},"Select a signature style"),o("div",{key:"d6d8da60970f8bf74449e9aba522fd0e9038f08e",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"7227f6364f5538b2cc03bb2e1be24671b7de85d5",checked:this.mode==="type",value:"type",name:"mode",onClick:()=>this.mode="type"}),o("label",{key:"977c46e2ff7787a2199d81ea95b4b48f4a14b7ac",htmlFor:"verdocs-radio-button-mode-type"},"Typed with a keyboard")),o("div",{key:"b1a2f5d040f9da62f341f96a1759d31b8d0be25c",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"f5e978adda2ede8349edeab8d4d056822358f0e7",checked:this.mode==="draw",value:"draw",name:"mode",onClick:()=>this.mode="draw"}),o("label",{key:"540e1aa686e769cd70a513c9b15b9c69c9484dc6",htmlFor:"verdocs-radio-button-mode-draw"},"Drawn with touch, mouse, or stylus")),o("div",{key:"7437f39669bfdb8ac61e1c7df44141a68cc042f0",class:"preview-header"},o("div",{key:"f2ac40e5f0644e8416f6252c3109cd2e4101c991",style:{fontSize:"13px",fontWeight:"400"}},"Signature Preview"),this.mode==="draw"&&o("button",{key:"625528ed8df9bdf8f7732d9cf40b77fe3aed2096",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"signature"),disabled:!this.hasDrawnSignature},"Clear")),o("div",{key:"2d9efd834a05c9caad022be76f7feb00819d80a3",class:"canvas-container signature-container"},o("div",{key:"b755a4b219e820067a1ffc70faefdedf3ae99dbe",class:"signing-indicator"},o("div",{key:"d5337cab4f28bf9183c44ff6e3f7c503387b06c2",class:"x-icon",innerHTML:a}),o("div",{key:"c6cc07597c922b115fcfbd60995abc58fa90c393",class:"signing-line"})),o("canvas",{key:"17231283b8b49e49e86c6e5843e7e3a235976873",ref:t=>this.signatureElement=t,height:"79",class:"signature-canvas",onPointerDown:this.handleSigPointerDown,onPointerMove:this.handleSigPointerMove,onPointerUp:this.handleSigPointerUp,onPointerCancel:this.handleSigPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"b290aacb3be86cf14e21d5adb4f76687479644df",class:"preview-header"},o("div",{key:"84de859f797190f2bbcc8a7b869fb62d5f6f4ed7",style:{fontSize:"13px",fontWeight:"400"}},"Initials Preview"),this.mode==="draw"&&o("button",{key:"25ae13660385e00e88cd15f118913e1a41d94efb",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"initials"),disabled:!this.hasDrawnInitials},"Clear")),o("div",{key:"fa8195008628b159114ba1ec4e7a55ff35ba8c30",class:"canvas-container initials-container"},o("div",{key:"b6fec409ff30c958a26136aa5bc34b0d93f878ab",class:"signing-indicator"},o("div",{key:"841e8683c1d711890da834cc1acf33f6914c52f5",class:"x-icon",innerHTML:a}),o("div",{key:"e4615825bd98c8f568f0827ac3cfe20dbc5f48fd",class:"signing-line"})),o("canvas",{key:"5619d6b7d4f8793c10bcd42db0cffa661682b078",ref:t=>this.initialsElement=t,height:"79",class:"initials-canvas",onPointerDown:this.handleInitialsPointerDown,onPointerMove:this.handleInitialsPointerMove,onPointerUp:this.handleInitialsPointerUp,onPointerCancel:this.handleInitialsPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"095d6bf59afc2f12401e135f8e7e8fd2063235fe",class:"disclaimer"},"By clicking «Adopt Signature», I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")),o("div",{key:"784b2cbab41b2861e31bc5098ed7a4c7f73c0326",class:"footer",slot:"footer"},o("div",{key:"d8e740e174d25fcd89bb87b44b6a73823f7ab13b",class:"buttons"},o("button",{key:"46bc0941bcc5c9337eca6b13c0c71dae0e1f60c3",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),o("button",{key:"c2eda30337a4d8d2af86c7016cc9c200dd25725b",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}static get style(){return l()}},[0,"verdocs-adopt-signature-dialog",{name:[1],nameLocked:[4,"name-locked"],fontLoaded:[32],enteredName:[32],enteredInitials:[32],mode:[32],isDrawing:[32],hasDrawnSignature:[32],hasDrawnInitials:[32]}]);function f(){if(typeof customElements==="undefined"){return}const t=["verdocs-adopt-signature-dialog","verdocs-dialog","verdocs-help-icon","verdocs-radio-button","verdocs-text-input"];t.forEach((t=>{switch(t){case"verdocs-adopt-signature-dialog":if(!customElements.get(i(t))){customElements.define(i(t),h)}break;case"verdocs-dialog":if(!customElements.get(i(t))){n()}break;case"verdocs-help-icon":if(!customElements.get(i(t))){r()}break;case"verdocs-radio-button":if(!customElements.get(i(t))){d()}break;case"verdocs-text-input":if(!customElements.get(i(t))){c()}break}}))}export{h as V,f as d};
+//# sourceMappingURL=p-Vs72fn43.js.map

package/dist/components/p-Vs72fn43.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsAdoptSignatureDialogCss","VerdocsAdoptSignatureDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","nameLocked","fontLoaded","enteredName","enteredInitials","mode","isDrawing","hasDrawnSignature","hasDrawnInitials","currentSigStroke","allSigStrokes","lastSigPoint","currentInitialsStroke","allInitialsStrokes","lastInitialsPoint","handleSigPointerDown","e","preventDefault","signatureElement","sigDrawingContext","point","getSigCanvasCoordinates","beginPath","moveTo","x","y","setPointerCapture","pointerId","handleSigPointerMove","push","midPoint","quadraticCurveTo","stroke","handleSigPointerUp","length","lineTo","releasePointerCapture","handleSigPointerCancel","handleInitialsPointerDown","initialsElement","initialsDrawingContext","getInitialsCanvasCoordinates","handleInitialsPointerMove","handleInitialsPointerUp","handleInitialsPointerCancel","componentWillLoad","computeEnteredInitials","ds","FontFace","load","then","font","document","fonts","add","componentDidLoad","drawSignatureText","drawInitialsText","setupSignatureCanvas","setupInitialsCanvas","componentDidUpdate","redrawDrawnSignature","redrawDrawnInitials","sigCanvasWidth","width","sigCanvasHeight","height","sigContext","getContext","clearRect","fontSize","metrics","measureText","actualBoundingBoxAscent","actualBoundingBoxDescent","textAlign","textBaseline","fillText","initialsCanvasWidth","initialsCanvasHeight","context","i","currentPoint","previousPoint","lastPoint","handleNameChange","target","value","nameComponents","trim","split","filter","part","map","word","charAt","toUpperCase","join","handleCancel","stopPropagation","exit","emit","handleAdopt","signature","toDataURL","initials","next","isAdoptButtonDisabled","strokeStyle","lineWidth","lineCap","lineJoin","initialsContext","clearSignatureCanvas","clearInitialsCanvas","handleClearDrawing","type","rect","getBoundingClientRect","scaleX","scaleY","clientX","left","clientY","top","render","h","key","slot","class","style","fontWeight","color","active","label","disabled","onInput","onClick","display","flexDirection","gap","marginBottom","alignItems","checked","htmlFor","innerHTML","SignatureXIcon","ref","el","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","touchAction","cursor"],"sources":["src/components/dialogs/verdocs-adopt-signature-dialog/verdocs-adopt-signature-dialog.scss?tag=verdocs-adopt-signature-dialog","src/components/dialogs/verdocs-adopt-signature-dialog/verdocs-adopt-signature-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-adopt-signature-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  verdocs-dialog {\n    border-radius: 4px;\n  }\n\n  .heading {\n    color: #201f1e;\n    font-weight: 400;\n    padding-bottom: 0;\n    border-bottom: none;\n  }\n\n  .content {\n    display: flex;\n    padding: 12px 24px 0;\n    flex-direction: column;\n  }\n\n  .name-locked-hint {\n    font-size: 12px;\n    color: #6b7280;\n    margin-top: 4px;\n  }\n\n  verdocs-text-input .input-label {\n    color: #242424;\n    font-size: 13px;\n    font-weight: 400;\n  }\n\n  verdocs-text-input .input-element {\n    border: 1px solid #e0e0e0;\n  }\n\n  verdocs-radio-button {\n    transform: scale(0.9);\n  }\n\n  .canvas-container {\n    position: relative;\n    width: 100%;\n    margin: 10px 0;\n    border-radius: 4px;\n    background: #fafafa;\n    border: 1px solid #d1d1d1;\n    box-sizing: border-box;\n\n    &.initials-container {\n      max-width: 50%;\n    }\n\n    canvas {\n      width: 100%;\n      height: 79px;\n      border-radius: 4px;\n      /* Background must be transparent to show the guide */\n      background: transparent;\n      box-sizing: border-box;\n      /* Border is handled by container */\n      border: none;\n      position: relative;\n      z-index: 2;\n    }\n\n    .signing-indicator {\n      position: absolute;\n      bottom: 9px;\n      left: 9px;\n      right: 9px;\n      height: 28px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n      gap: 2px;\n      z-index: 1;\n      pointer-events: none;\n\n      .x-icon {\n        width: 25px;\n        height: 28px;\n        display: flex;\n\n        svg {\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n      .signing-line {\n        flex: 1;\n        /* \"The line is a 1px dashed (8px dash 8px space) #d1d1d1 line\". This works in SOME browsers. */\n        border-bottom: 1px dashed #d1d1d1;\n        background-position: bottom;\n        background-size: 16px 1px;\n        /* 8px dash + 8px space = 16px repeat */\n        background-repeat: repeat-x;\n        margin-bottom: 0;\n        /* Since standard border-style: dashed doesn't allow custom spacing, we use a background gradient\n           trick or just rely on standard dashed if acceptable.\n        */\n        height: 1px;\n        border: none;\n        background-image: linear-gradient(to right, #d1d1d1 50%, transparent 50%);\n      }\n    }\n  }\n\n  .disclaimer {\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    text-align: justify;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n    margin: -20px -20px 0 -20px;\n    border-bottom: 1px solid #eeeeee;\n\n    .tab {\n      flex: 1;\n      gap: 4px;\n      display: flex;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      padding: 6px 10px;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n\n      &.active {\n        background: #f9f5fe;\n        border-bottom: 2px solid $border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n\n      .icon {\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n\n  // We use fixed heights for these sections to avoid layout shifts when switching tabs.\n  .type {\n    display: none;\n    flex-direction: column;\n\n    &.active {\n      display: flex;\n    }\n  }\n\n  .draw {\n    height: 100px;\n    display: none;\n    margin-top: 20px;\n    flex-direction: column;\n\n    &.active {\n      display: flex;\n    }\n\n    .draw-instructions {\n      font-size: 13px;\n      color: rgba(0, 0, 0, 0.6);\n      margin-bottom: 8px;\n      text-align: center;\n    }\n\n    canvas {\n      cursor: crosshair;\n      touch-action: none;\n    }\n  }\n\n  .preview-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 10px;\n\n    .clear-button-text {\n      background: none;\n      border: none;\n      color: var(--verdocs-primary-color, #{$verdocs-green});\n      cursor: pointer;\n      font-size: 13px;\n      padding: 0;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n\n      &:disabled {\n        color: #9ca3af;\n        text-decoration: none;\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  .upload {\n    height: 100px;\n    display: none;\n    margin-top: 20px;\n    flex-direction: column;\n\n    &.active {\n      display: flex;\n    }\n\n    .upload-instructions {\n      font-size: 13px;\n      color: rgba(0, 0, 0, 0.6);\n      margin-bottom: 8px;\n      text-align: center;\n    }\n\n    .upload-actions {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 8px;\n\n      .upload-button {\n        border: 1px solid var(--verdocs-primary-color, #{$verdocs-green});\n        background-color: var(--verdocs-primary-color, #{$verdocs-green});\n        color: #ffffff;\n        padding: 8px 20px;\n        font-size: 13px;\n        cursor: pointer;\n        border-radius: var(--verdocs-button-radius, 4px);\n        transition: all 0.2s ease;\n\n        &:hover {\n          filter: brightness(0.9);\n        }\n      }\n\n      .clear-button {\n        border: 1px solid #d0d0d0;\n        background-color: #ffffff;\n        color: #333333;\n        padding: 8px 16px;\n        font-size: 13px;\n        cursor: pointer;\n        border-radius: 4px;\n        transition: all 0.2s ease;\n\n        &:hover:not(:disabled) {\n          background-color: #f5f5f5;\n          border-color: #b0b0b0;\n        }\n\n        &:disabled {\n          opacity: 0.5;\n          cursor: not-allowed;\n        }\n      }\n    }\n\n    .upload-filename {\n      font-size: 12px;\n      color: rgba(0, 0, 0, 0.6);\n      text-align: center;\n      margin-top: 8px;\n      font-style: italic;\n    }\n  }\n\n  /* TODO: We're getting positive feedback. Add this as a formal button variant. */\n  .buttons {\n    gap: 20px;\n    display: flex;\n    margin-top: 14px;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    button {\n      flex: 1;\n      border: 0;\n      height: 38px;\n      display: flex;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      align-items: center;\n      border-radius: var(--verdocs-button-radius, 6px);\n      justify-content: center;\n      transition: all 0.2s ease;\n\n      &.cancel {\n        background-color: transparent;\n        border: 1px solid #d1d5db;\n        color: #374151;\n\n        &:hover {\n          background-color: #f9fafb;\n        }\n      }\n\n      &.proceed {\n        background-color: var(--verdocs-primary-color, #{$verdocs-green});\n        border: 1px solid transparent;\n        color: #ffffff;\n\n        &:hover {\n          background-color: var(--verdocs-primary-color-hover, #{$verdocs-green-shade});\n          filter: brightness(0.95);\n        }\n      }\n\n      &:disabled {\n        background-color: #e5e7eb;\n        color: #9ca3af;\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State} from '@stencil/core';\nimport {SignatureXIcon} from '../../../utils/Icons';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-adopt-signature-dialog',\n  styleUrl: 'verdocs-adopt-signature-dialog.scss',\n})\nexport class VerdocsAdoptSignatureDialog {\n  private signatureElement?: HTMLCanvasElement;\n  private initialsElement?: HTMLCanvasElement;\n  private sigDrawingContext?: CanvasRenderingContext2D;\n  private initialsDrawingContext?: CanvasRenderingContext2D;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() name: string = '';\n\n  /**\n   * If true, the name fields will be read-only. Used when the sender has locked the recipient's name.\n   */\n  @Prop() nameLocked: boolean = false;\n\n  /**\n   * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\n   * representation of the signature adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<{signature: string; initials: string}>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  @State() fontLoaded = false;\n  @State() enteredName: string = '';\n  @State() enteredInitials: string = '';\n  @State() mode: 'type' | 'draw' = 'type';\n  @State() isDrawing = false;\n  @State() hasDrawnSignature = false;\n  @State() hasDrawnInitials = false;\n\n  private currentSigStroke: Array<{x: number; y: number}> = [];\n  private allSigStrokes: Array<Array<{x: number; y: number}>> = [];\n  private lastSigPoint: {x: number; y: number} | null = null;\n\n  private currentInitialsStroke: Array<{x: number; y: number}> = [];\n  private allInitialsStrokes: Array<Array<{x: number; y: number}>> = [];\n  private lastInitialsPoint: {x: number; y: number} | null = null;\n\n  componentWillLoad() {\n    this.enteredName = this.name;\n    this.computeEnteredInitials(this.name);\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.drawSignatureText();\n    this.drawInitialsText();\n    this.setupSignatureCanvas();\n    this.setupInitialsCanvas();\n  }\n\n  componentDidUpdate() {\n    this.drawSignatureText();\n    this.drawInitialsText();\n    this.setupSignatureCanvas();\n    this.setupInitialsCanvas();\n\n    // Redraw drawn signature when in draw mode\n    if (this.mode === 'draw' && this.allSigStrokes.length > 0) {\n      this.redrawDrawnSignature();\n    }\n    if (this.mode === 'draw' && this.allInitialsStrokes.length > 0) {\n      this.redrawDrawnInitials();\n    }\n  }\n\n  drawSignatureText() {\n    if (!this.signatureElement || this.mode !== 'type') {\n      return;\n    }\n\n    const sigCanvasWidth = this.signatureElement.width;\n    const sigCanvasHeight = this.signatureElement.height;\n    const sigContext = this.signatureElement.getContext('2d');\n    sigContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n\n    let fontSize = 100;\n    let metrics: TextMetrics = sigContext.measureText(this.enteredName);\n    do {\n      fontSize -= 2;\n      sigContext.font = `${fontSize}px Dancing Script`;\n      metrics = sigContext.measureText(this.enteredName);\n    } while (metrics.width > sigCanvasWidth - 24 || metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent + 24 > sigCanvasHeight);\n\n    sigContext.textAlign = 'center';\n    sigContext.textBaseline = 'middle';\n    sigContext.font = `${fontSize}px Dancing Script`;\n    sigContext.fillText(this.enteredName, this.signatureElement.width / 2, this.signatureElement.height / 2);\n  }\n\n  drawInitialsText() {\n    if (!this.initialsElement || this.mode !== 'type') {\n      return;\n    }\n\n    const initialsCanvasWidth = this.initialsElement.width;\n    const initialsCanvasHeight = this.initialsElement.height;\n    const context = this.initialsElement.getContext('2d');\n    context.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n\n    let fontSize = 100;\n    let metrics: TextMetrics = context.measureText(this.enteredInitials);\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n      metrics = context.measureText(this.enteredInitials);\n    } while (metrics.width > initialsCanvasWidth - 24 || metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent + 24 > initialsCanvasHeight);\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.initialsElement.width / 2, this.initialsElement.height / 2);\n  }\n\n  redrawDrawnSignature() {\n    if (!this.signatureElement || !this.sigDrawingContext || this.allSigStrokes.length === 0) {\n      return;\n    }\n\n    // Clear the canvas first\n    this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n\n    // Redraw all strokes\n    for (const stroke of this.allSigStrokes) {\n      if (stroke.length === 0) {\n        continue;\n      }\n\n      // Start the path at the first point\n      this.sigDrawingContext.beginPath();\n      this.sigDrawingContext.moveTo(stroke[0].x, stroke[0].y);\n\n      // Draw smooth curves through all points in the stroke\n      for (let i = 1; i < stroke.length; i++) {\n        const currentPoint = stroke[i];\n        const previousPoint = stroke[i - 1];\n\n        // Use quadratic curves for smooth lines\n        const midPoint = {\n          x: (previousPoint.x + currentPoint.x) / 2,\n          y: (previousPoint.y + currentPoint.y) / 2,\n        };\n\n        this.sigDrawingContext.quadraticCurveTo(previousPoint.x, previousPoint.y, midPoint.x, midPoint.y);\n      }\n\n      // Draw to the last point\n      if (stroke.length > 1) {\n        const lastPoint = stroke[stroke.length - 1];\n        this.sigDrawingContext.lineTo(lastPoint.x, lastPoint.y);\n      }\n\n      this.sigDrawingContext.stroke();\n    }\n  }\n\n  redrawDrawnInitials() {\n    if (!this.initialsElement || !this.initialsDrawingContext || this.allInitialsStrokes.length === 0) {\n      return;\n    }\n\n    // Clear the canvas first\n    this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n\n    // Redraw all strokes\n    for (const stroke of this.allInitialsStrokes) {\n      if (stroke.length === 0) {\n        continue;\n      }\n\n      // Start the path at the first point\n      this.initialsDrawingContext.beginPath();\n      this.initialsDrawingContext.moveTo(stroke[0].x, stroke[0].y);\n\n      // Draw smooth curves through all points in the stroke\n      for (let i = 1; i < stroke.length; i++) {\n        const currentPoint = stroke[i];\n        const previousPoint = stroke[i - 1];\n\n        // Use quadratic curves for smooth lines\n        const midPoint = {\n          x: (previousPoint.x + currentPoint.x) / 2,\n          y: (previousPoint.y + currentPoint.y) / 2,\n        };\n\n        this.initialsDrawingContext.quadraticCurveTo(previousPoint.x, previousPoint.y, midPoint.x, midPoint.y);\n      }\n\n      // Draw to the last point\n      if (stroke.length > 1) {\n        const lastPoint = stroke[stroke.length - 1];\n        this.initialsDrawingContext.lineTo(lastPoint.x, lastPoint.y);\n      }\n\n      this.initialsDrawingContext.stroke();\n    }\n  }\n\n  handleNameChange(e: any) {\n    this.enteredName = e.target.value;\n    this.computeEnteredInitials(e.target.value);\n  }\n\n  computeEnteredInitials(name: string) {\n    const nameComponents = name\n      .trim()\n      .split(' ')\n      .filter(part => part.length > 0);\n\n    this.enteredInitials = nameComponents.length > 1 ? nameComponents.map(word => word.charAt(0).toUpperCase()).join('') : nameComponents[0].toUpperCase();\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.exit.emit();\n  }\n\n  handleAdopt(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    const signature = this.signatureElement.toDataURL('image/png');\n    const initials = this.initialsElement.toDataURL('image/png');\n    this.next.emit({signature, initials});\n  }\n\n  isAdoptButtonDisabled(): boolean {\n    switch (this.mode) {\n      case 'type':\n        // Disable if no name has been entered\n        return !this.enteredName || this.enteredName.trim().length === 0;\n      case 'draw':\n        // Disable if nothing has been drawn\n        return (!this.hasDrawnSignature && !this.hasDrawnInitials) || this.allSigStrokes.length === 0 || this.allInitialsStrokes.length === 0;\n      default:\n        return true;\n    }\n  }\n\n  setupSignatureCanvas() {\n    if (!this.signatureElement) {\n      return;\n    }\n\n    // Set up drawing context when in draw mode\n    if (this.mode === 'draw') {\n      // Always get fresh context from the current canvas element\n      const sigContext = this.signatureElement.getContext('2d');\n\n      // Only initialize if we don't have a context or it's different\n      if (sigContext && sigContext !== this.sigDrawingContext) {\n        this.sigDrawingContext = sigContext;\n\n        // Configure drawing style for smooth signatures\n        this.sigDrawingContext.strokeStyle = '#000000';\n        this.sigDrawingContext.lineWidth = 2;\n        this.sigDrawingContext.lineCap = 'round';\n        this.sigDrawingContext.lineJoin = 'round';\n\n        // Clear canvas only if there are no existing strokes\n        if (this.allSigStrokes.length === 0) {\n          this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n        }\n      }\n    }\n\n    // Reset drawing context when switching away from draw mode\n    // NOTE: We don't clear allStrokes here so drawing persists when returning to draw mode\n    if (this.mode !== 'draw' && this.sigDrawingContext) {\n      this.sigDrawingContext = null;\n      this.currentSigStroke = [];\n      this.lastSigPoint = null;\n    }\n  }\n\n  setupInitialsCanvas() {\n    if (!this.initialsElement) {\n      return;\n    }\n\n    // Set up drawing context when in draw mode\n    if (this.mode === 'draw') {\n      // Always get fresh context from the current canvas element\n      const initialsContext = this.initialsElement.getContext('2d');\n\n      // Only initialize if we don't have a context or it's different\n      if (initialsContext && initialsContext !== this.initialsDrawingContext) {\n        this.initialsDrawingContext = initialsContext;\n\n        // Configure drawing style for smooth signatures\n        this.initialsDrawingContext.strokeStyle = '#000000';\n        this.initialsDrawingContext.lineWidth = 2;\n        this.initialsDrawingContext.lineCap = 'round';\n        this.initialsDrawingContext.lineJoin = 'round';\n\n        // Clear canvas only if there are no existing strokes\n        if (this.allInitialsStrokes.length === 0) {\n          this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n        }\n      }\n    }\n\n    // Reset drawing context when switching away from draw mode\n    // NOTE: We don't clear allStrokes here so drawing persists when returning to draw mode\n    if (this.mode !== 'draw' && this.initialsDrawingContext) {\n      this.initialsDrawingContext = null;\n      this.currentInitialsStroke = [];\n      this.lastInitialsPoint = null;\n    }\n  }\n\n  clearSignatureCanvas() {\n    if (!this.signatureElement || !this.sigDrawingContext) {\n      return;\n    }\n\n    this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n    this.currentSigStroke = [];\n    this.allSigStrokes = [];\n    this.lastSigPoint = null;\n    this.hasDrawnSignature = false;\n  }\n\n  clearInitialsCanvas() {\n    if (!this.initialsElement || !this.initialsDrawingContext) {\n      return;\n    }\n\n    this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n    this.currentInitialsStroke = [];\n    this.allInitialsStrokes = [];\n    this.lastInitialsPoint = null;\n    this.hasDrawnInitials = false;\n  }\n\n  handleClearDrawing(e: any, type: 'signature' | 'initials' | 'all' = 'all') {\n    e.stopPropagation();\n    e.preventDefault();\n    if (type === 'all' || type === 'signature') this.clearSignatureCanvas();\n    if (type === 'all' || type === 'initials') this.clearInitialsCanvas();\n  }\n\n  getSigCanvasCoordinates(e: PointerEvent): {x: number; y: number} {\n    if (!this.signatureElement) {\n      return {x: 0, y: 0};\n    }\n\n    const rect = this.signatureElement.getBoundingClientRect();\n\n    // Calculate the scale factor between canvas size and display size\n    const scaleX = this.signatureElement.width / rect.width;\n    const scaleY = this.signatureElement.height / rect.height;\n\n    return {\n      x: (e.clientX - rect.left) * scaleX,\n      y: (e.clientY - rect.top) * scaleY,\n    };\n  }\n\n  getInitialsCanvasCoordinates(e: PointerEvent): {x: number; y: number} {\n    if (!this.initialsElement) {\n      return {x: 0, y: 0};\n    }\n\n    const rect = this.initialsElement.getBoundingClientRect();\n\n    // Calculate the scale factor between canvas size and display size\n    const scaleX = this.initialsElement.width / rect.width;\n    const scaleY = this.initialsElement.height / rect.height;\n\n    return {\n      x: (e.clientX - rect.left) * scaleX,\n      y: (e.clientY - rect.top) * scaleY,\n    };\n  }\n\n  handleSigPointerDown = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.signatureElement || !this.sigDrawingContext) {\n      return;\n    }\n\n    this.isDrawing = true;\n    this.hasDrawnSignature = true;\n\n    const point = this.getSigCanvasCoordinates(e);\n    this.currentSigStroke = [point];\n    this.lastSigPoint = point;\n\n    // Start a new path\n    this.sigDrawingContext.beginPath();\n    this.sigDrawingContext.moveTo(point.x, point.y);\n\n    // Capture pointer to ensure we get all events even if pointer leaves canvas\n    this.signatureElement.setPointerCapture(e.pointerId);\n  };\n\n  handleSigPointerMove = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.sigDrawingContext || !this.lastSigPoint) {\n      return;\n    }\n\n    const point = this.getSigCanvasCoordinates(e);\n    this.currentSigStroke.push(point);\n\n    // Use quadratic curves for smooth drawing\n    // The control point is the last point, and we draw to the midpoint\n    const midPoint = {\n      x: (this.lastSigPoint.x + point.x) / 2,\n      y: (this.lastSigPoint.y + point.y) / 2,\n    };\n\n    this.sigDrawingContext.quadraticCurveTo(this.lastSigPoint.x, this.lastSigPoint.y, midPoint.x, midPoint.y);\n    this.sigDrawingContext.stroke();\n\n    this.lastSigPoint = point;\n  };\n\n  handleSigPointerUp = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.sigDrawingContext) {\n      return;\n    }\n\n    // Complete the stroke\n    if (this.lastSigPoint && this.currentSigStroke.length > 0) {\n      this.sigDrawingContext.lineTo(this.lastSigPoint.x, this.lastSigPoint.y);\n      this.sigDrawingContext.stroke();\n    }\n\n    // Save the completed stroke\n    if (this.currentSigStroke.length > 0) {\n      this.allSigStrokes.push([...this.currentSigStroke]);\n    }\n\n    this.isDrawing = false;\n    this.currentSigStroke = [];\n    this.lastSigPoint = null;\n\n    // Release pointer capture\n    if (this.signatureElement) {\n      this.signatureElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  handleSigPointerCancel = (e: PointerEvent) => {\n    // Handle cases where drawing is interrupted (e.g., phone call, notification)\n    this.isDrawing = false;\n    this.currentSigStroke = [];\n    this.lastSigPoint = null;\n\n    if (this.signatureElement) {\n      this.signatureElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  handleInitialsPointerDown = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.initialsElement || !this.initialsDrawingContext) {\n      return;\n    }\n\n    this.isDrawing = true;\n    this.hasDrawnInitials = true;\n\n    const point = this.getInitialsCanvasCoordinates(e);\n    this.currentInitialsStroke = [point];\n    this.lastInitialsPoint = point;\n\n    // Start a new path\n    this.initialsDrawingContext.beginPath();\n    this.initialsDrawingContext.moveTo(point.x, point.y);\n\n    // Capture pointer to ensure we get all events even if pointer leaves canvas\n    this.initialsElement.setPointerCapture(e.pointerId);\n  };\n\n  handleInitialsPointerMove = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.initialsDrawingContext || !this.lastInitialsPoint) {\n      return;\n    }\n\n    const point = this.getInitialsCanvasCoordinates(e);\n    this.currentInitialsStroke.push(point);\n\n    // Use quadratic curves for smooth drawing\n    // The control point is the last point, and we draw to the midpoint\n    const midPoint = {\n      x: (this.lastInitialsPoint.x + point.x) / 2,\n      y: (this.lastInitialsPoint.y + point.y) / 2,\n    };\n\n    this.initialsDrawingContext.quadraticCurveTo(this.lastInitialsPoint.x, this.lastInitialsPoint.y, midPoint.x, midPoint.y);\n    this.initialsDrawingContext.stroke();\n\n    this.lastInitialsPoint = point;\n  };\n\n  handleInitialsPointerUp = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.initialsDrawingContext) {\n      return;\n    }\n\n    // Complete the stroke\n    if (this.lastInitialsPoint && this.currentInitialsStroke.length > 0) {\n      this.initialsDrawingContext.lineTo(this.lastInitialsPoint.x, this.lastInitialsPoint.y);\n      this.initialsDrawingContext.stroke();\n    }\n\n    // Save the completed stroke\n    if (this.currentInitialsStroke.length > 0) {\n      this.allInitialsStrokes.push([...this.currentInitialsStroke]);\n    }\n\n    this.isDrawing = false;\n    this.currentInitialsStroke = [];\n    this.lastInitialsPoint = null;\n\n    // Release pointer capture\n    if (this.initialsElement) {\n      this.initialsElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  handleInitialsPointerCancel = (e: PointerEvent) => {\n    // Handle cases where drawing is interrupted (e.g., phone call, notification)\n    this.isDrawing = false;\n    this.currentInitialsStroke = [];\n    this.lastInitialsPoint = null;\n\n    if (this.initialsElement) {\n      this.initialsElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  render() {\n    return (\n      <verdocs-dialog>\n        <div slot=\"heading\" class=\"heading\">\n          Adopt Your Signature\n        </div>\n\n        <div slot=\"content\" class=\"content\">\n          <div style={{fontWeight: '300', color: '#242424', fontSize: '13px'}}>Confirm your name, initials, and signature.</div>\n\n          <div class={{type: true, active: this.mode === 'type'}}>\n            <verdocs-text-input\n              label=\"Full Name\"\n              value={this.enteredName}\n              disabled={this.nameLocked}\n              onInput={e => this.handleNameChange(e)}\n              onClick={e => e.stopPropagation()}\n            />\n            {this.nameLocked && <div class=\"name-locked-hint\">Your name has been set by the sender and cannot be changed.</div>}\n          </div>\n\n          <div style={{fontWeight: '400', color: '#242424', fontSize: '13px'}}>Select a signature style</div>\n\n          <div style={{display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px'}}>\n            <verdocs-radio-button checked={this.mode === 'type'} value=\"type\" name=\"mode\" onClick={() => (this.mode = 'type')} />\n            <label htmlFor=\"verdocs-radio-button-mode-type\">Typed with a keyboard</label>\n          </div>\n          <div style={{display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px'}}>\n            <verdocs-radio-button checked={this.mode === 'draw'} value=\"draw\" name=\"mode\" onClick={() => (this.mode = 'draw')} />\n            <label htmlFor=\"verdocs-radio-button-mode-draw\">Drawn with touch, mouse, or stylus</label>\n          </div>\n\n          <div class=\"preview-header\">\n            <div style={{fontSize: '13px', fontWeight: '400'}}>Signature Preview</div>\n            {this.mode === 'draw' && (\n              <button class=\"clear-button-text\" onClick={e => this.handleClearDrawing(e, 'signature')} disabled={!this.hasDrawnSignature}>\n                Clear\n              </button>\n            )}\n          </div>\n          <div class=\"canvas-container signature-container\">\n            <div class=\"signing-indicator\">\n              <div class=\"x-icon\" innerHTML={SignatureXIcon}></div>\n              <div class=\"signing-line\"></div>\n            </div>\n            <canvas\n              ref={el => (this.signatureElement = el as HTMLCanvasElement)}\n              // width=\"300\"\n              height=\"79\"\n              class=\"signature-canvas\"\n              onPointerDown={this.handleSigPointerDown}\n              onPointerMove={this.handleSigPointerMove}\n              onPointerUp={this.handleSigPointerUp}\n              onPointerCancel={this.handleSigPointerCancel}\n              style={{touchAction: 'none', cursor: 'crosshair'}}\n            />\n          </div>\n\n          <div class=\"preview-header\">\n            <div style={{fontSize: '13px', fontWeight: '400'}}>Initials Preview</div>\n            {this.mode === 'draw' && (\n              <button class=\"clear-button-text\" onClick={e => this.handleClearDrawing(e, 'initials')} disabled={!this.hasDrawnInitials}>\n                Clear\n              </button>\n            )}\n          </div>\n          <div class=\"canvas-container initials-container\">\n            <div class=\"signing-indicator\">\n              <div class=\"x-icon\" innerHTML={SignatureXIcon}></div>\n              <div class=\"signing-line\"></div>\n            </div>\n            <canvas\n              ref={el => (this.initialsElement = el as HTMLCanvasElement)}\n              // width=\"300\"\n              height=\"79\"\n              class=\"initials-canvas\"\n              onPointerDown={this.handleInitialsPointerDown}\n              onPointerMove={this.handleInitialsPointerMove}\n              onPointerUp={this.handleInitialsPointerUp}\n              onPointerCancel={this.handleInitialsPointerCancel}\n              style={{touchAction: 'none', cursor: 'crosshair'}}\n            />\n          </div>\n\n          <div class=\"disclaimer\">\n            By clicking «Adopt Signature», I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I\n            use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.\n          </div>\n        </div>\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            <button class=\"cancel\" onClick={e => this.handleCancel(e)}>\n              Cancel\n            </button>\n            <button class=\"proceed\" onClick={e => this.handleAdopt(e)} disabled={this.isAdoptButtonDisabled()}>\n              Adopt & Sign\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-9kEZy9MP.js → p-YCI5JKXK.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as t,F as r,d as i,t as d}from"./p-yZBlG3YQ.js";import{i as n}from"./p-COaijEV0.js";import{S as a}from"./p-C7k2AOsW.js";import{S as l}from"./p-C7hFgM52.js";import{d as c}from"./p-Bb5V9TQx.js";import{d as p}from"./p-DGNIsXfr.js";import{d as f}from"./p-C-v22G3g.js";import{d as u}from"./p-DHzSlpJw.js";import{d as h}from"./p-DqzFuSNN.js";import{d as v}from"./p-DhOuB4nS.js";import{d as m}from"./p-Bodw4NVB.js";import{d as b}from"./p-Bxvw_LqR.js";import{d as g}from"./p-PfdIkMoz.js";const x=()=>`verdocs-field-dropdown{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:85px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius)}verdocs-field-dropdown label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-dropdown select{cursor:inherit;position:absolute;background:linear-gradient(55deg, transparent 50%, var(--verdocs-field-text-color, #333) 50%), linear-gradient(125deg, var(--verdocs-field-text-color, #333) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 6px, calc(100% - 3px) 6px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius);padding:0 5px}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.disabled select{opacity:0.5}verdocs-field-dropdown.required select{border:1px solid var(--verdocs-required-field-border)}verdocs-field-dropdown verdocs-button-panel{display:block;margin-left:-33px;margin-top:-1px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-dropdown .settings-icon{position:absolute;top:-2px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-dropdown .settings-icon svg{fill:#707ae5}verdocs-field-dropdown .settings-icon:hover{opacity:1}`;const w=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.fieldChange=o(this,"fieldChange");this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){var e;this.selectEl.focus();this.focused=true;const{source:s,sourceid:o,fieldname:t}=this;const{field:r}=l.getField(s,o,t,this.field);const{readonly:i=false}=r||{};if(!i){(e=this.selectEl)===null||e===void 0?void 0:e.showPicker()}}handleChange(e){this.fieldChange.emit(e.target.value)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){n(this.el).unset()}}disconnectedCallback(){n(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:d=false,done:n=false,disabled:c=false,focused:p,xscale:f=1,yscale:u=1}=this;const{index:h,field:v}=l.getField(e,s,o,this.field);let{required:m=false,value:b="",label:g="",options:x,readonly:w=false}=v||{};const k=`signer-${h%10+1}`;if(v===null||v===void 0?void 0:v.value){b=v===null||v===void 0?void 0:v.value}if(n){return t(i,{class:{"verdocs-field":true,done:n}},b)}x||(x=[]);return t(i,{class:{"verdocs-field":true,required:m,disabled:c,done:n,focused:p,[k]:true}},g&&t("label",null,g),t("select",{disabled:w||c,onChange:e=>this.handleChange(e),onFocus:()=>this.focused=true,ref:e=>this.selectEl=e},t("option",{value:""},"Select..."),x.map((e=>t("option",{value:e.id,selected:e.id===b},e.label))),!x.length&&t("option",{value:"NA",selected:"NA"===b},"N/A")),d&&t(r,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:a,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:o,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Dropdowns are used to capture a recipient's selection of one of several options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return x()}},[0,"verdocs-field-dropdown",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-dropdown","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-dropdown":if(!customElements.get(d(e))){customElements.define(d(e),w)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){p()}break;case"verdocs-component-error":if(!customElements.get(d(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){u()}break;case"verdocs-loader":if(!customElements.get(d(e))){h()}break;case"verdocs-portal":if(!customElements.get(d(e))){v()}break;case"verdocs-select-input":if(!customElements.get(d(e))){m()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){b()}break;case"verdocs-text-input":if(!customElements.get(d(e))){g()}break}}))}export{w as V,k as d};
-//# sourceMappingURL=p-9kEZy9MP.js.map
+import{p as e,H as s,c as o,h as t,F as r,d as i,t as d}from"./p-yZBlG3YQ.js";import{i as n}from"./p-COaijEV0.js";import{S as a}from"./p-C7k2AOsW.js";import{S as l}from"./p-C7hFgM52.js";import{d as c}from"./p-Bb5V9TQx.js";import{d as p}from"./p-NtvxlYzY.js";import{d as f}from"./p-C-v22G3g.js";import{d as u}from"./p-DHzSlpJw.js";import{d as h}from"./p-DqzFuSNN.js";import{d as v}from"./p-DhOuB4nS.js";import{d as m}from"./p-Bodw4NVB.js";import{d as b}from"./p-qLNetL5t.js";import{d as g}from"./p-PfdIkMoz.js";const x=()=>`verdocs-field-dropdown{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:85px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius)}verdocs-field-dropdown label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-dropdown select{cursor:inherit;position:absolute;background:linear-gradient(55deg, transparent 50%, var(--verdocs-field-text-color, #333) 50%), linear-gradient(125deg, var(--verdocs-field-text-color, #333) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 6px, calc(100% - 3px) 6px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius);padding:0 5px}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.disabled select{opacity:0.5}verdocs-field-dropdown.required select{border:1px solid var(--verdocs-required-field-border)}verdocs-field-dropdown verdocs-button-panel{display:block;margin-left:-33px;margin-top:-1px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-dropdown .settings-icon{position:absolute;top:-2px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-dropdown .settings-icon svg{fill:#707ae5}verdocs-field-dropdown .settings-icon:hover{opacity:1}`;const w=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.fieldChange=o(this,"fieldChange");this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){var e;this.selectEl.focus();this.focused=true;const{source:s,sourceid:o,fieldname:t}=this;const{field:r}=l.getField(s,o,t,this.field);const{readonly:i=false}=r||{};if(!i){(e=this.selectEl)===null||e===void 0?void 0:e.showPicker()}}handleChange(e){this.fieldChange.emit(e.target.value)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){n(this.el).unset()}}disconnectedCallback(){n(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:d=false,done:n=false,disabled:c=false,focused:p,xscale:f=1,yscale:u=1}=this;const{index:h,field:v}=l.getField(e,s,o,this.field);let{required:m=false,value:b="",label:g="",options:x,readonly:w=false}=v||{};const k=`signer-${h%10+1}`;if(v===null||v===void 0?void 0:v.value){b=v===null||v===void 0?void 0:v.value}if(n){return t(i,{class:{"verdocs-field":true,done:n}},b)}x||(x=[]);return t(i,{class:{"verdocs-field":true,required:m,disabled:c,done:n,focused:p,[k]:true}},g&&t("label",null,g),t("select",{disabled:w||c,onChange:e=>this.handleChange(e),onFocus:()=>this.focused=true,ref:e=>this.selectEl=e},t("option",{value:""},"Select..."),x.map((e=>t("option",{value:e.id,selected:e.id===b},e.label))),!x.length&&t("option",{value:"NA",selected:"NA"===b},"N/A")),d&&t(r,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:a,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:o,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Dropdowns are used to capture a recipient's selection of one of several options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return x()}},[0,"verdocs-field-dropdown",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-dropdown","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-dropdown":if(!customElements.get(d(e))){customElements.define(d(e),w)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){p()}break;case"verdocs-component-error":if(!customElements.get(d(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){u()}break;case"verdocs-loader":if(!customElements.get(d(e))){h()}break;case"verdocs-portal":if(!customElements.get(d(e))){v()}break;case"verdocs-select-input":if(!customElements.get(d(e))){m()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){b()}break;case"verdocs-text-input":if(!customElements.get(d(e))){g()}break}}))}export{w as V,k as d};
+//# sourceMappingURL=p-YCI5JKXK.js.map

package/dist/components/{p-B1AE2j97.js → p-h3swu3rA.js}

@@ -1,2 +1,2 @@
-import{p as i,H as e,c as t,h as s,d as o,F as n,t as r}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{VerdocsEndpoint as a,updateField as d}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as h}from"./p-C7hFgM52.js";import{d as f}from"./p-Bb5V9TQx.js";import{d as p}from"./p-DGNIsXfr.js";import{d as u}from"./p-C-v22G3g.js";import{d as m}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as g}from"./p-DhOuB4nS.js";import{d as b}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as w}from"./p-PfdIkMoz.js";const k=()=>`verdocs-field-initial{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius);background-color:var(--verdocs-field-background, transparent);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));cursor:pointer;caret-color:transparent}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial.menu-open{z-index:50}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative}verdocs-field-initial .initial-container img{display:block;height:100%;width:auto;max-width:none;max-height:none}verdocs-field-initial .initial-container .action-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:90px;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:12px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-initial .initial-container .action-menu .menu-item{background:#ffffff;border:none;padding:8px 12px;color:#333333;cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.2;height:auto;font-family:inherit}verdocs-field-initial .initial-container .action-menu .menu-item:hover{background-color:#f0f0f0;color:#000000}verdocs-field-initial .initial-container .action-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.08)}verdocs-field-initial.disabled .initial-container{opacity:0.5;pointer-events:none}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-initial.filled{border:none !important;background-color:transparent !important}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}verdocs-field-initial .edge-top,verdocs-field-initial .edge-right,verdocs-field-initial .edge-left,verdocs-field-initial .edge-bottom{position:absolute;z-index:10}verdocs-field-initial .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-initial .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-initial .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-initial .edge-bottom{bottom:-2px;left:0;right:0;height:5px}`;const y=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.adopt=t(this,"adopt");this.exit=t(this,"exit");this.fieldChange=t(this,"fieldChange");this.settingsChanged=t(this,"settingsChanged");this.settingsPress=t(this,"settingsPress");this.deleted=t(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false;this.menuOpen=false;this.closeMenuTimer=null;this.outsideMenuHandler=null;this.tempInitials="";this.openMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=true};this.scheduleCloseMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer)}this.closeMenuTimer=setTimeout((()=>{this.menuOpen=false;this.closeMenuTimer=null}),150)};this.closeMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=false}}async focusField(){this.el.focus();this.focused=true}componentDidLoad(){this.outsideMenuHandler=i=>{if(this.menuOpen&&!this.el.contains(i.target)){this.closeMenu()}};document.addEventListener("pointerdown",this.outsideMenuHandler)}disconnectedCallback(){if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}if(this.outsideMenuHandler){document.removeEventListener("pointerdown",this.outsideMenuHandler);this.outsideMenuHandler=null}l(this.el).unset()}onEditableChanged(i,e){if(e&&!i){l(this.el).unset()}}componentDidRender(){l.dynamicDrop(true);if(this.editable){l(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[l.modifiers.restrictSize({min:{width:71,height:36}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleBlur(){this.focused=false}handleResizeStart(i){i.preventDefault();i.stopPropagation();i.target.dataset.originalBottom=i.target.style.bottom}handleResize(i){let{width:e,height:t}=i.rect;const s=i.deltaRect.left;const o=i.deltaRect.bottom;const n=parseFloat(i.target.style.left);const r=parseFloat(i.target.style.bottom);e/=this.xscale;t/=this.yscale;Object.assign(i.target.style,{width:`${e}px`,height:`${t}px`,left:`${n+s}px`,bottom:`${r-o}px`})}async handleResizeEnd(i){const{sourceid:e,fieldname:t}=this;const s=Math.round(parseFloat(i.target.style.width));let o=Math.round(parseFloat(i.target.style.height));if(o<20){o=15}const n=parseFloat(i.target.style.bottom);const r=parseFloat(i.target.dataset.originalBottom);const l=await h.getTemplate(a.getDefault(),this.sourceid);const c=l.fields.find((i=>i.name===t));const f=n!==r?n/this.yscale:c===null||c===void 0?void 0:c.y;d(a.getDefault(),e,t,{width:s,height:o,y:f}).then((async e=>{var s;const o=await h.getTemplate(a.getDefault(),this.sourceid);const n=JSON.parse(JSON.stringify(o));const r=n.fields.findIndex((i=>i.name===t));if(r>-1){n.fields[r]=e}h.updateTemplate(this.sourceid,n);(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:t,field:e});Object.assign(i.target.dataset,{x:0,y:0,h:0})})).catch((i=>console.log("Field update failed",i)))}async showSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.showPanel){i.showPanel()}}async hideSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.hidePanel){i.hidePanel()}}render(){const{source:i,sourceid:e,fieldname:t,editable:r=false,done:l=false,disabled:a=false,focused:d,xscale:f=1,yscale:p=1}=this;const{index:u,field:m}=h.getField(i,e,t,this.field);const{required:v=false,value:g="",label:b="",settings:x={}}=m||{};const w=`signer-${u%10+1}`;const{base64:k}=x;if(l){return s(o,{class:{"verdocs-field":true,done:l}},g&&s("img",{src:g,alt:"Initial"}))}return s(o,{class:{"verdocs-field":true,required:v,disabled:a,done:l,focused:d,filled:!!k,"menu-open":this.menuOpen,[w]:true}},r&&s("div",{class:"edge-right"}),r&&s("div",{class:"edge-left"}),r&&s("div",{class:"edge-top"}),r&&s("div",{class:"edge-bottom"}),b&&s("label",null,b),k?s("div",{class:{"initial-container":true,"menu-open":this.menuOpen},onMouseEnter:()=>!a&&this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu(),onClick:i=>{i.stopPropagation();if(a)return;this.menuOpen?this.closeMenu():this.openMenu()}},s("img",{src:k,alt:"Initial"}),this.menuOpen&&s("div",{class:"action-menu",onMouseEnter:()=>this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu()},s("button",{type:"button",class:"menu-item",onClick:i=>{i.stopPropagation();if(a)return;console.log("[INITIAL] Editing initials");this.closeMenu();this.adopt.emit()}},"Edit"),s("button",{type:"button",class:"menu-item",onClick:i=>{var e;i.stopPropagation();if(a)return;console.log("[INITIAL] Clearing initials");this.closeMenu();(e=this.fieldChange)===null||e===void 0?void 0:e.emit(null)}},"Clear"))):s("button",{onClick:()=>{var i;if(a)return;if(this.initialid){console.log("[INITIAL] Reusing existing initials",this.initialid);(i=this.fieldChange)===null||i===void 0?void 0:i.emit(this.initialid)}else{this.adopt.emit()}}},"Initial"),r&&s(n,null,s("div",{id:`verdocs-settings-panel-trigger-${t}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/p*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:i=>{i.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${t}`,onClickAway:()=>this.showingProperties=false},s("verdocs-template-field-properties",{templateId:e,fieldName:t,onClose:()=>this.showingProperties=false,onDelete:()=>{var i;(i=this.deleted)===null||i===void 0?void 0:i.emit({fieldName:m.name});return this.hideSettingsPanel()},onSettingsChanged:i=>{var e;(e=this.settingsChanged)===null||e===void 0?void 0:e.emit(i.detail);return this.hideSettingsPanel()},helpText:"initial fields capture the recipient's initials on a clause or page."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return k()}},[0,"verdocs-field-initial",{source:[513],sourceid:[513],fieldname:[513],field:[16],disabled:[516],initials:[513],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],initialid:[513],isPreview:[516,"is-preview"],showingProperties:[32],focused:[32],menuOpen:[32],tempInitials:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const i=["verdocs-field-initial","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];i.forEach((i=>{switch(i){case"verdocs-field-initial":if(!customElements.get(r(i))){customElements.define(r(i),y)}break;case"verdocs-button":if(!customElements.get(r(i))){f()}break;case"verdocs-checkbox":if(!customElements.get(r(i))){p()}break;case"verdocs-component-error":if(!customElements.get(r(i))){u()}break;case"verdocs-help-icon":if(!customElements.get(r(i))){m()}break;case"verdocs-loader":if(!customElements.get(r(i))){v()}break;case"verdocs-portal":if(!customElements.get(r(i))){g()}break;case"verdocs-select-input":if(!customElements.get(r(i))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(r(i))){x()}break;case"verdocs-text-input":if(!customElements.get(r(i))){w()}break}}))}export{y as V,E as d};
-//# sourceMappingURL=p-B1AE2j97.js.map
+import{p as i,H as e,c as t,h as s,d as o,F as n,t as r}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{VerdocsEndpoint as a,updateField as d}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as h}from"./p-C7hFgM52.js";import{d as f}from"./p-Bb5V9TQx.js";import{d as p}from"./p-NtvxlYzY.js";import{d as u}from"./p-C-v22G3g.js";import{d as m}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as g}from"./p-DhOuB4nS.js";import{d as b}from"./p-Bodw4NVB.js";import{d as x}from"./p-qLNetL5t.js";import{d as w}from"./p-PfdIkMoz.js";const k=()=>`verdocs-field-initial{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius);background-color:var(--verdocs-field-background, transparent);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));cursor:pointer;caret-color:transparent}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial.menu-open{z-index:50}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative}verdocs-field-initial .initial-container img{display:block;height:100%;width:auto;max-width:none;max-height:none}verdocs-field-initial .initial-container .action-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:90px;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:12px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-initial .initial-container .action-menu .menu-item{background:#ffffff;border:none;padding:8px 12px;color:#333333;cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.2;height:auto;font-family:inherit}verdocs-field-initial .initial-container .action-menu .menu-item:hover{background-color:#f0f0f0;color:#000000}verdocs-field-initial .initial-container .action-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.08)}verdocs-field-initial.disabled .initial-container{opacity:0.5;pointer-events:none}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-initial.filled{border:none !important;background-color:transparent !important}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}verdocs-field-initial .edge-top,verdocs-field-initial .edge-right,verdocs-field-initial .edge-left,verdocs-field-initial .edge-bottom{position:absolute;z-index:10}verdocs-field-initial .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-initial .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-initial .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-initial .edge-bottom{bottom:-2px;left:0;right:0;height:5px}`;const y=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.adopt=t(this,"adopt");this.exit=t(this,"exit");this.fieldChange=t(this,"fieldChange");this.settingsChanged=t(this,"settingsChanged");this.settingsPress=t(this,"settingsPress");this.deleted=t(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false;this.menuOpen=false;this.closeMenuTimer=null;this.outsideMenuHandler=null;this.tempInitials="";this.openMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=true};this.scheduleCloseMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer)}this.closeMenuTimer=setTimeout((()=>{this.menuOpen=false;this.closeMenuTimer=null}),150)};this.closeMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=false}}async focusField(){this.el.focus();this.focused=true}componentDidLoad(){this.outsideMenuHandler=i=>{if(this.menuOpen&&!this.el.contains(i.target)){this.closeMenu()}};document.addEventListener("pointerdown",this.outsideMenuHandler)}disconnectedCallback(){if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}if(this.outsideMenuHandler){document.removeEventListener("pointerdown",this.outsideMenuHandler);this.outsideMenuHandler=null}l(this.el).unset()}onEditableChanged(i,e){if(e&&!i){l(this.el).unset()}}componentDidRender(){l.dynamicDrop(true);if(this.editable){l(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[l.modifiers.restrictSize({min:{width:71,height:36}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleBlur(){this.focused=false}handleResizeStart(i){i.preventDefault();i.stopPropagation();i.target.dataset.originalBottom=i.target.style.bottom}handleResize(i){let{width:e,height:t}=i.rect;const s=i.deltaRect.left;const o=i.deltaRect.bottom;const n=parseFloat(i.target.style.left);const r=parseFloat(i.target.style.bottom);e/=this.xscale;t/=this.yscale;Object.assign(i.target.style,{width:`${e}px`,height:`${t}px`,left:`${n+s}px`,bottom:`${r-o}px`})}async handleResizeEnd(i){const{sourceid:e,fieldname:t}=this;const s=Math.round(parseFloat(i.target.style.width));let o=Math.round(parseFloat(i.target.style.height));if(o<20){o=15}const n=parseFloat(i.target.style.bottom);const r=parseFloat(i.target.dataset.originalBottom);const l=await h.getTemplate(a.getDefault(),this.sourceid);const c=l.fields.find((i=>i.name===t));const f=n!==r?Math.round(n/this.yscale):c===null||c===void 0?void 0:c.y;d(a.getDefault(),e,t,{width:s,height:o,y:f}).then((async e=>{var s;const o=await h.getTemplate(a.getDefault(),this.sourceid);const n=JSON.parse(JSON.stringify(o));const r=n.fields.findIndex((i=>i.name===t));if(r>-1){n.fields[r]=e}h.updateTemplate(this.sourceid,n);(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:t,field:e});Object.assign(i.target.dataset,{x:0,y:0,h:0})})).catch((i=>console.log("Field update failed",i)))}async showSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.showPanel){i.showPanel()}}async hideSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.hidePanel){i.hidePanel()}}render(){const{source:i,sourceid:e,fieldname:t,editable:r=false,done:l=false,disabled:a=false,focused:d,xscale:f=1,yscale:p=1}=this;const{index:u,field:m}=h.getField(i,e,t,this.field);const{required:v=false,value:g="",label:b="",settings:x={}}=m||{};const w=`signer-${u%10+1}`;const{base64:k}=x;if(l){return s(o,{class:{"verdocs-field":true,done:l}},g&&s("img",{src:g,alt:"Initial"}))}return s(o,{class:{"verdocs-field":true,required:v,disabled:a,done:l,focused:d,filled:!!k,"menu-open":this.menuOpen,[w]:true}},r&&s("div",{class:"edge-right"}),r&&s("div",{class:"edge-left"}),r&&s("div",{class:"edge-top"}),r&&s("div",{class:"edge-bottom"}),b&&s("label",null,b),k?s("div",{class:{"initial-container":true,"menu-open":this.menuOpen},onMouseEnter:()=>!a&&this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu(),onClick:i=>{i.stopPropagation();if(a)return;this.menuOpen?this.closeMenu():this.openMenu()}},s("img",{src:k,alt:"Initial"}),this.menuOpen&&s("div",{class:"action-menu",onMouseEnter:()=>this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu()},s("button",{type:"button",class:"menu-item",onClick:i=>{i.stopPropagation();if(a)return;console.log("[INITIAL] Editing initials");this.closeMenu();this.adopt.emit()}},"Edit"),s("button",{type:"button",class:"menu-item",onClick:i=>{var e;i.stopPropagation();if(a)return;console.log("[INITIAL] Clearing initials");this.closeMenu();(e=this.fieldChange)===null||e===void 0?void 0:e.emit(null)}},"Clear"))):s("button",{onClick:()=>{var i;if(a)return;if(this.initialid){console.log("[INITIAL] Reusing existing initials",this.initialid);(i=this.fieldChange)===null||i===void 0?void 0:i.emit(this.initialid)}else{this.adopt.emit()}}},"Initial"),r&&s(n,null,s("div",{id:`verdocs-settings-panel-trigger-${t}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/p*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:i=>{i.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${t}`,onClickAway:()=>this.showingProperties=false},s("verdocs-template-field-properties",{templateId:e,fieldName:t,onClose:()=>this.showingProperties=false,onDelete:()=>{var i;(i=this.deleted)===null||i===void 0?void 0:i.emit({fieldName:m.name});return this.hideSettingsPanel()},onSettingsChanged:i=>{var e;(e=this.settingsChanged)===null||e===void 0?void 0:e.emit(i.detail);return this.hideSettingsPanel()},helpText:"initial fields capture the recipient's initials on a clause or page."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return k()}},[0,"verdocs-field-initial",{source:[513],sourceid:[513],fieldname:[513],field:[16],disabled:[516],initials:[513],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],initialid:[513],isPreview:[516,"is-preview"],showingProperties:[32],focused:[32],menuOpen:[32],tempInitials:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const i=["verdocs-field-initial","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];i.forEach((i=>{switch(i){case"verdocs-field-initial":if(!customElements.get(r(i))){customElements.define(r(i),y)}break;case"verdocs-button":if(!customElements.get(r(i))){f()}break;case"verdocs-checkbox":if(!customElements.get(r(i))){p()}break;case"verdocs-component-error":if(!customElements.get(r(i))){u()}break;case"verdocs-help-icon":if(!customElements.get(r(i))){m()}break;case"verdocs-loader":if(!customElements.get(r(i))){v()}break;case"verdocs-portal":if(!customElements.get(r(i))){g()}break;case"verdocs-select-input":if(!customElements.get(r(i))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(r(i))){x()}break;case"verdocs-text-input":if(!customElements.get(r(i))){w()}break}}))}export{y as V,E as d};
+//# sourceMappingURL=p-h3swu3rA.js.map