@verdocs/web-sdk 6.10.0 → 6.10.2

package/dist/components/{p-BvtSJusb.js → p-CLtldaUs.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as i,h as s,d as n,t}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as d,getEnvelope as l}from"@verdocs/js-sdk";import{S as r}from"./p-C1sRVZWv.js";import{S as a}from"./p-C7hFgM52.js";import{d as c}from"./p-DT0LGcPi.js";import{d as f}from"./p-DsEO0-XR.js";const v=()=>`verdocs-sign-footer{left:0;right:0;bottom:0;height:48px;display:-ms-flexbox;display:flex;color:#616161;position:fixed;font-size:12px;padding:0 24px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background:#ffffff;container-type:inline-size;border-top:1px solid #e0e0e0;-ms-flex-pack:justify;justify-content:space-between;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-sign-footer a{color:#616161;cursor:pointer;text-decoration:none;border-bottom:1px dotted #616161}verdocs-sign-footer.loading{display:none}verdocs-sign-footer .powered-by{white-space:nowrap}verdocs-sign-footer .buttons{-ms-flex:0;flex:0;gap:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap;-ms-flex-align:center;align-items:center}verdocs-sign-footer .buttons button{gap:4px;border:none;display:-ms-flexbox;display:flex;outline:none;cursor:pointer;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent}verdocs-sign-footer .buttons div{gap:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-sign-footer .links{-ms-flex:0;flex:0;gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}verdocs-sign-footer.just-buttons .buttons{-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}@container (max-width: 720px){verdocs-sign-footer.has-buttons .powered-by{display:none}}@container (max-width: 540px){verdocs-sign-footer.no-buttons .powered-by{display:none}verdocs-sign-footer.has-buttons .links{display:none}verdocs-sign-footer .buttons{-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}}`;const p=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#424242"/></svg>`;const u=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.14645 7.14645C7.34171 6.95118 7.65829 6.95118 7.85355 7.14645L10 9.29289L12.1464 7.14645C12.3417 6.95118 12.6583 6.95118 12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L10.7071 10L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L10 10.7071L7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536C6.95118 12.6583 6.95118 12.3417 7.14645 12.1464L9.29289 10L7.14645 7.85355C6.95118 7.65829 6.95118 7.34171 7.14645 7.14645ZM3 6C3 4.34315 4.34315 3 6 3H14C15.6569 3 17 4.34315 17 6V14C17 15.6569 15.6569 17 14 17H6C4.34315 17 3 15.6569 3 14V6ZM6 4C4.89543 4 4 4.89543 4 6V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V6C16 4.89543 15.1046 4 14 4H6Z" fill="#424242"/></svg>`;const h=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H13.3787C13.9091 3 14.4178 3.21071 14.7929 3.58579L16.4142 5.20711C16.7893 5.58218 17 6.09089 17 6.62132V15C17 16.1046 16.1046 17 15 17H5C3.89543 17 3 16.1046 3 15V5ZM5 4C4.44772 4 4 4.44772 4 5V15C4 15.5523 4.44772 16 5 16L5 11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V16C15.5523 16 16 15.5523 16 15V6.62132C16 6.3561 15.8946 6.10175 15.7071 5.91421L14.0858 4.29289C13.8983 4.10536 13.6439 4 13.3787 4L13 4V6.5C13 7.32843 12.3284 8 11.5 8L7.5 8C6.67157 8 6 7.32843 6 6.5L6 4H5ZM7 4L7 6.5C7 6.77614 7.22386 7 7.5 7L11.5 7C11.7761 7 12 6.77614 12 6.5V4L7 4ZM14 16V11.5C14 11.2239 13.7761 11 13.5 11H6.5C6.22386 11 6 11.2239 6 11.5V16H14Z" fill="#424242"/></svg>`;const b=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.askQuestion=i(this,"askQuestion");this.decline=i(this,"decline");this.finishLater=i(this,"finishLater");this.sdkError=i(this,"sdkError");this.envelopeListenerId=null;this.endpoint=d.getDefault();this.envelopeId="";this.isDone=false;this.askingQuestion=false;this.declinine=false;this.envelope=null}async componentWillLoad(){var e,o,i;try{if(!this.envelopeId){console.log(`[FOOTER] Missing required envelope ID ${this.envelopeId}`);return}this.listenToEnvelope()}catch(s){console.log("[FOOTER] Error loading envelope",s);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new r(s.message,(o=s.response)===null||o===void 0?void 0:o.status,(i=s.response)===null||i===void 0?void 0:i.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[FOOTER] Loading envelope",this.envelopeId);this.unlistenToEnvelope();a.subscribe("envelopes",this.envelopeId,(()=>l(this.endpoint,this.envelopeId)),false,(e=>{this.envelope=e}))}unlistenToEnvelope(){if(this.envelopeListenerId){a.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}render(){var e,o,i,t,d,l,r,a,c,f,v,b,g,x,m,C,y,w,k,L,H,V,E,M;const j=!!((o=(e=this.envelope)===null||e===void 0?void 0:e.organization)===null||o===void 0?void 0:o.powered_by_label);const Z=!!((t=(i=this.envelope)===null||i===void 0?void 0:i.organization)===null||t===void 0?void 0:t.terms_use_url)||!!((l=(d=this.envelope)===null||d===void 0?void 0:d.organization)===null||l===void 0?void 0:l.privacy_policy_url);const T=!this.isDone;return s(n,{key:"2016c55a9196cb3ec96678038df0db7daa21b64d",class:{"has-buttons":T,"no-buttons":!T,"has-powered-by":j,"has-links":Z,"just-buttons":!j&&!Z}},((a=(r=this.envelope)===null||r===void 0?void 0:r.organization)===null||a===void 0?void 0:a.powered_by_label)&&s("div",{key:"47d03008c756feb7d7d4ba55d3f7ebd14c46634f",class:"powered-by"},((f=(c=this.envelope)===null||c===void 0?void 0:c.organization)===null||f===void 0?void 0:f.powered_by_url)?s("a",{href:(b=(v=this.envelope)===null||v===void 0?void 0:v.organization)===null||b===void 0?void 0:b.powered_by_url,target:"_blank",rel:"noopener noreferrer"},s("span",null,(x=(g=this.envelope)===null||g===void 0?void 0:g.organization)===null||x===void 0?void 0:x.powered_by_label)):s("span",null,(C=(m=this.envelope)===null||m===void 0?void 0:m.organization)===null||C===void 0?void 0:C.powered_by_label)),!this.isDone&&s("div",{key:"ec4243adcc09cd5ec12a91d0eb5164a05e1a15d0",class:"buttons"},s("button",{key:"6783fd9a0a9c9b36d476291f2e7f8dd63c8fa66b",onClick:()=>this.askingQuestion=true},s("span",{key:"28d3a5b206498f12c4e18f64f00f7a75963172f7",innerHTML:p}),"Ask Sender a Question"),s("button",{key:"69509c288e80a550705880b66abb01bbc12b7a61",onClick:()=>{var e;return(e=this.decline)===null||e===void 0?void 0:e.emit()}},s("span",{key:"7bad75a4ff16fd23168045626cb579e78db9851d",innerHTML:u}),"Decline Signing"),s("button",{key:"d5a61e976c924b04905f90117a3ffcb61a750a68",onClick:()=>{var e;return(e=this.finishLater)===null||e===void 0?void 0:e.emit()}},s("span",{key:"7ba6413299135e1731048ae3368df0ff5640a750",innerHTML:h}),"Finish Later")),s("div",{key:"1e77fd76a189e1dfdc60ef8d60b79fba5905ae22",class:"links"},((w=(y=this.envelope)===null||y===void 0?void 0:y.organization)===null||w===void 0?void 0:w.terms_use_url)&&s("a",{key:"57f9055f96d0a4bc6d0b2881a035156d1a3e1df2",href:(L=(k=this.envelope)===null||k===void 0?void 0:k.organization)===null||L===void 0?void 0:L.terms_use_url,target:"_blank",rel:"noopener noreferrer"},s("span",{key:"8f07d35eff0a44bf56a3557c269830fe789573ec"},"Terms of Use")),((V=(H=this.envelope)===null||H===void 0?void 0:H.organization)===null||V===void 0?void 0:V.privacy_policy_url)&&s("a",{key:"89c5bbbc7d7a0c16cbe1b2116842696e357afaa0",href:(M=(E=this.envelope)===null||E===void 0?void 0:E.organization)===null||M===void 0?void 0:M.privacy_policy_url,target:"_blank",rel:"noopener noreferrer"},s("span",{key:"bdf20919570db98342527b912aca3508f952c3d0"},"Privacy Policy"))),this.askingQuestion&&s("verdocs-question-dialog",{key:"925d2470a33d987ec5ede9b6ab39125a00115309",onNext:e=>{var o;(o=this.askQuestion)===null||o===void 0?void 0:o.emit({question:e.detail.question});this.askingQuestion=false},onExit:()=>this.askingQuestion=false}))}static get style(){return v()}},[0,"verdocs-sign-footer",{endpoint:[16],envelopeId:[1,"envelope-id"],isDone:[4,"is-done"],askingQuestion:[32],declinine:[32],envelope:[32]}]);function g(){if(typeof customElements==="undefined"){return}const e=["verdocs-sign-footer","verdocs-dialog","verdocs-question-dialog"];e.forEach((e=>{switch(e){case"verdocs-sign-footer":if(!customElements.get(t(e))){customElements.define(t(e),b)}break;case"verdocs-dialog":if(!customElements.get(t(e))){c()}break;case"verdocs-question-dialog":if(!customElements.get(t(e))){f()}break}}))}export{b as V,g as d};
-//# sourceMappingURL=p-BvtSJusb.js.map
+import{p as e,H as o,c as i,h as s,d as n,t}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as l,getEnvelope as d}from"@verdocs/js-sdk";import{S as r}from"./p-C1sRVZWv.js";import{S as a}from"./p-C7hFgM52.js";import{d as c}from"./p-JGWMBIGy.js";import{d as f}from"./p-aj0qlBQ1.js";const v=()=>`verdocs-sign-footer{left:0;right:0;bottom:0;height:48px;display:-ms-flexbox;display:flex;color:#616161;position:fixed;font-size:12px;padding:0 24px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background:#ffffff;container-type:inline-size;border-top:1px solid #e0e0e0;-ms-flex-pack:justify;justify-content:space-between;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-sign-footer a{color:#616161;cursor:pointer;text-decoration:none;border-bottom:1px dotted #616161}verdocs-sign-footer.loading{display:none}verdocs-sign-footer .powered-by{white-space:nowrap}verdocs-sign-footer .buttons{-ms-flex:0;flex:0;gap:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap;-ms-flex-align:center;align-items:center}verdocs-sign-footer .buttons button{gap:4px;border:none;display:-ms-flexbox;display:flex;outline:none;cursor:pointer;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent}verdocs-sign-footer .buttons div{gap:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-sign-footer .links{-ms-flex:0;flex:0;gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}verdocs-sign-footer.just-buttons .buttons{-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}@container (max-width: 720px){verdocs-sign-footer.has-buttons .powered-by{display:none}}@container (max-width: 540px){verdocs-sign-footer.no-buttons .powered-by{display:none}verdocs-sign-footer.has-buttons .links{display:none}verdocs-sign-footer .buttons{-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}}`;const p=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#424242"/></svg>`;const u=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.14645 7.14645C7.34171 6.95118 7.65829 6.95118 7.85355 7.14645L10 9.29289L12.1464 7.14645C12.3417 6.95118 12.6583 6.95118 12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L10.7071 10L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L10 10.7071L7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536C6.95118 12.6583 6.95118 12.3417 7.14645 12.1464L9.29289 10L7.14645 7.85355C6.95118 7.65829 6.95118 7.34171 7.14645 7.14645ZM3 6C3 4.34315 4.34315 3 6 3H14C15.6569 3 17 4.34315 17 6V14C17 15.6569 15.6569 17 14 17H6C4.34315 17 3 15.6569 3 14V6ZM6 4C4.89543 4 4 4.89543 4 6V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V6C16 4.89543 15.1046 4 14 4H6Z" fill="#424242"/></svg>`;const b=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H13.3787C13.9091 3 14.4178 3.21071 14.7929 3.58579L16.4142 5.20711C16.7893 5.58218 17 6.09089 17 6.62132V15C17 16.1046 16.1046 17 15 17H5C3.89543 17 3 16.1046 3 15V5ZM5 4C4.44772 4 4 4.44772 4 5V15C4 15.5523 4.44772 16 5 16L5 11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V16C15.5523 16 16 15.5523 16 15V6.62132C16 6.3561 15.8946 6.10175 15.7071 5.91421L14.0858 4.29289C13.8983 4.10536 13.6439 4 13.3787 4L13 4V6.5C13 7.32843 12.3284 8 11.5 8L7.5 8C6.67157 8 6 7.32843 6 6.5L6 4H5ZM7 4L7 6.5C7 6.77614 7.22386 7 7.5 7L11.5 7C11.7761 7 12 6.77614 12 6.5V4L7 4ZM14 16V11.5C14 11.2239 13.7761 11 13.5 11H6.5C6.22386 11 6 11.2239 6 11.5V16H14Z" fill="#424242"/></svg>`;const h=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.askQuestion=i(this,"askQuestion");this.decline=i(this,"decline");this.finishLater=i(this,"finishLater");this.sdkError=i(this,"sdkError");this.envelopeListenerId=null;this.endpoint=l.getDefault();this.envelopeId="";this.isDone=false;this.askingQuestion=false;this.declinine=false;this.envelope=null}async componentWillLoad(){var e,o,i;try{if(!this.envelopeId){console.log(`[FOOTER] Missing required envelope ID ${this.envelopeId}`);return}this.listenToEnvelope()}catch(s){console.log("[FOOTER] Error loading envelope",s);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new r(s.message,(o=s.response)===null||o===void 0?void 0:o.status,(i=s.response)===null||i===void 0?void 0:i.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[FOOTER] Loading envelope",this.envelopeId);this.unlistenToEnvelope();a.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),false,(e=>{this.envelope=e}))}unlistenToEnvelope(){if(this.envelopeListenerId){a.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}render(){var e,o,i,t,l,d,r,a,c,f,v,h,g,x,m,y,C,w,k,L,H,V,M,j;const E=!!((o=(e=this.envelope)===null||e===void 0?void 0:e.organization)===null||o===void 0?void 0:o.powered_by_label);const Z=!!((t=(i=this.envelope)===null||i===void 0?void 0:i.organization)===null||t===void 0?void 0:t.terms_use_url)||!!((d=(l=this.envelope)===null||l===void 0?void 0:l.organization)===null||d===void 0?void 0:d.privacy_policy_url);const T=!this.isDone;return s(n,{key:"392793877c562271deaad894a49594bcbd6b4f00",class:{"has-buttons":T,"no-buttons":!T,"has-powered-by":E,"has-links":Z,"just-buttons":!E&&!Z}},((a=(r=this.envelope)===null||r===void 0?void 0:r.organization)===null||a===void 0?void 0:a.powered_by_label)&&s("div",{key:"7a9eabdcdce3df6f720e9c208733b14e953d3476",class:"powered-by"},((f=(c=this.envelope)===null||c===void 0?void 0:c.organization)===null||f===void 0?void 0:f.powered_by_url)?s("a",{href:(h=(v=this.envelope)===null||v===void 0?void 0:v.organization)===null||h===void 0?void 0:h.powered_by_url,target:"_blank",rel:"noopener noreferrer"},s("span",null,(x=(g=this.envelope)===null||g===void 0?void 0:g.organization)===null||x===void 0?void 0:x.powered_by_label)):s("span",null,(y=(m=this.envelope)===null||m===void 0?void 0:m.organization)===null||y===void 0?void 0:y.powered_by_label)),!this.isDone&&s("div",{key:"441abbdabad0b9e572a482582c395cfa00ffd6a3",class:"buttons"},s("button",{key:"ff132a5c23e4b039dda1e227e4dbe965f44d15e4",onClick:()=>this.askingQuestion=true},s("span",{key:"d72c8d9fd302004177d1d453e916c69c477363f8",innerHTML:p}),"Ask Sender a Question"),s("button",{key:"0225fb65c44231a02fcd1feb59d8bcf7f2ba9746",onClick:()=>{var e;return(e=this.decline)===null||e===void 0?void 0:e.emit()}},s("span",{key:"1883128ba17421576e7d852883a59b5bb39e1ad8",innerHTML:u}),"Decline Signing"),s("button",{key:"4ea68ce82bfb6077b7457b8097a1e0cfda76b765",onClick:()=>{var e;return(e=this.finishLater)===null||e===void 0?void 0:e.emit()}},s("span",{key:"fc27d56c8eafd7889ef05ece863828be081a1c6f",innerHTML:b}),"Finish Later")),s("div",{key:"0071154605492997e432510fb64d5846c966374c",class:"links"},((w=(C=this.envelope)===null||C===void 0?void 0:C.organization)===null||w===void 0?void 0:w.terms_use_url)&&s("a",{key:"ff8a8dc5e86451040bb9fd157b9e6b660915fcd5",href:(L=(k=this.envelope)===null||k===void 0?void 0:k.organization)===null||L===void 0?void 0:L.terms_use_url,target:"_blank",rel:"noopener noreferrer"},s("span",{key:"7d28044ef7e27dab7b5c5c4234007c965bd1b493"},"Terms of Use")),((V=(H=this.envelope)===null||H===void 0?void 0:H.organization)===null||V===void 0?void 0:V.privacy_policy_url)&&s("a",{key:"1f85a77d8f3e06cb38c7ff853224ca1d7ece1d82",href:(j=(M=this.envelope)===null||M===void 0?void 0:M.organization)===null||j===void 0?void 0:j.privacy_policy_url,target:"_blank",rel:"noopener noreferrer"},s("span",{key:"9ffba93662229904a3a6dd5105a55aa5b07a2855"},"Privacy Policy"))),this.askingQuestion&&s("verdocs-question-dialog",{key:"40e3521535f656f162f7d3ae35eb1fb04ccd758b",onNext:e=>{var o;(o=this.askQuestion)===null||o===void 0?void 0:o.emit({question:e.detail.question});this.askingQuestion=false},onExit:()=>this.askingQuestion=false}))}static get style(){return v()}},[0,"verdocs-sign-footer",{endpoint:[16],envelopeId:[1,"envelope-id"],isDone:[4,"is-done"],askingQuestion:[32],declinine:[32],envelope:[32]}]);function g(){if(typeof customElements==="undefined"){return}const e=["verdocs-sign-footer","verdocs-dialog","verdocs-question-dialog"];e.forEach((e=>{switch(e){case"verdocs-sign-footer":if(!customElements.get(t(e))){customElements.define(t(e),h)}break;case"verdocs-dialog":if(!customElements.get(t(e))){c()}break;case"verdocs-question-dialog":if(!customElements.get(t(e))){f()}break}}))}export{h as V,g as d};
+//# sourceMappingURL=p-CLtldaUs.js.map

package/dist/components/{p-CQUMhFM4.js → p-CVF-R2yg.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as s,h as t,t as c}from"./p-yZBlG3YQ.js";import{DEFAULT_DISCLOSURES as r}from"@verdocs/js-sdk";import{d as i}from"./p-REnrt0JM.js";import{d}from"./p-DT0LGcPi.js";const a=()=>`verdocs-disclosure-dialog{}verdocs-disclosure-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-align:center;align-items:center}verdocs-disclosure-dialog .heading .close-button{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4px;border-radius:50%;color:var(--verdocs-close-button-color, #6b7280);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .heading .close-button:hover{background-color:var(--verdocs-close-button-hover-bg, #f3f4f6);color:var(--verdocs-close-button-hover-color, #111827)}verdocs-disclosure-dialog .heading .close-button svg{fill:currentColor}verdocs-disclosure-dialog .content ul{list-style:none;padding:0;margin:0 0 16px 0}verdocs-disclosure-dialog .content ul li{position:relative;padding-left:34px;margin-bottom:12px;font-size:14px;line-height:20px}verdocs-disclosure-dialog .content ul li::before{content:"";position:absolute;left:0;top:-2px;width:24px;height:24px;background-color:var(--verdocs-bullet-color, #707070);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}verdocs-disclosure-dialog .accept{margin:0;color:var(--verdocs-dialog-content-color, #424242)}verdocs-disclosure-dialog .accept verdocs-checkbox{font-size:14px;line-height:20px}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*::before{width:16px;height:16px;line-height:16px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}verdocs-disclosure-dialog a{color:var(--verdocs-link-color, #4c56cb)}verdocs-disclosure-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-disclosure-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .buttons button.decline{margin-right:auto;background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.decline:hover{background-color:var(--verdocs-button-secondary-hover-bg, #f9fafb)}verdocs-disclosure-dialog .buttons button.delegate{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-disclosure-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-disclosure-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.decline=s(this,"decline");this.delegate=s(this,"delegate");this.accept=s(this,"accept");this.disclosures=r;this.delegator=false;this.accepted=false}render(){return t("verdocs-dialog",{key:"c54b91e1bef28762ac7c19c1e3550fa01f3de969"},t("div",{key:"7a1205b9c02ba0f2783cc2bced7159476ab58312",slot:"heading",class:"heading"},t("div",{key:"1a6322248cff563a356cf3fa81e8674ee4bd65c0",class:"title"},"e-Signature Disclosures"),t("div",{key:"b66b4b470436aea3f0a8e0e8f5ae2e0359482f72",class:"close-button"},t("svg",{key:"7eecdda97fb2a67fd2bd564dcd2b353a766d0f0f",width:"24",height:"28",viewBox:"0 0 24 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"c0b39af065ffeab6d22d620e619e2b8158f94936",d:"M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z"})))),t("div",{key:"71f2feef64c84cfa4f6c71721e9f67769f69ab6e",slot:"content",class:"content"},t("div",{key:"2782b5ad139ee5967da73b882d141012f32970f8",innerHTML:this.disclosures}),t("div",{key:"afcd7ce832e04557edb5f7da1be3b9f83aa9ca3d",class:"accept"},t("verdocs-checkbox",{key:"850b9bbd5471cc3a39c3c09e2c9a89e484b1b94b",label:"I accept the electronic signature disclosures and agree to proceed with digital signing.",checked:this.accepted,onInput:()=>this.accepted=!this.accepted}))),t("div",{key:"24e72259fd1073e8df8a46cf22a9c68eb13e1fd8",class:"footer",slot:"footer"},this.delegator?t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"delegate",onClick:()=>this.delegate.emit()},"Delegate"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed")):t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed"))))}static get style(){return a()}},[0,"verdocs-disclosure-dialog",{disclosures:[1],delegator:[4],accepted:[32]}]);function n(){if(typeof customElements==="undefined"){return}const e=["verdocs-disclosure-dialog","verdocs-checkbox","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-disclosure-dialog":if(!customElements.get(c(e))){customElements.define(c(e),l)}break;case"verdocs-checkbox":if(!customElements.get(c(e))){i()}break;case"verdocs-dialog":if(!customElements.get(c(e))){d()}break}}))}export{l as V,n as d};
-//# sourceMappingURL=p-CQUMhFM4.js.map
+import{p as e,H as o,c as s,h as t,t as c}from"./p-yZBlG3YQ.js";import{DEFAULT_DISCLOSURES as r}from"@verdocs/js-sdk";import{d as i}from"./p-DVx4efoX.js";import{d}from"./p-JGWMBIGy.js";const a=()=>`verdocs-disclosure-dialog{}verdocs-disclosure-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-align:center;align-items:center}verdocs-disclosure-dialog .heading .close-button{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4px;border-radius:50%;color:var(--verdocs-close-button-color, #6b7280);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .heading .close-button:hover{background-color:var(--verdocs-close-button-hover-bg, #f3f4f6);color:var(--verdocs-close-button-hover-color, #111827)}verdocs-disclosure-dialog .heading .close-button svg{fill:currentColor}verdocs-disclosure-dialog .content ul{list-style:none;padding:0;margin:0 0 16px 0}verdocs-disclosure-dialog .content ul li{position:relative;padding-left:34px;margin-bottom:12px;font-size:14px;line-height:20px}verdocs-disclosure-dialog .content ul li::before{content:"";position:absolute;left:0;top:-2px;width:24px;height:24px;background-color:var(--verdocs-bullet-color, #707070);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}verdocs-disclosure-dialog .accept{margin:0;color:var(--verdocs-dialog-content-color, #424242)}verdocs-disclosure-dialog .accept verdocs-checkbox{font-size:14px;line-height:20px}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*::before{width:16px;height:16px;line-height:16px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}verdocs-disclosure-dialog a{color:var(--verdocs-link-color, #4c56cb)}verdocs-disclosure-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-disclosure-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .buttons button.decline{margin-right:auto;background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.decline:hover{background-color:var(--verdocs-button-secondary-hover-bg, #f9fafb)}verdocs-disclosure-dialog .buttons button.delegate{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-disclosure-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-disclosure-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.decline=s(this,"decline");this.delegate=s(this,"delegate");this.accept=s(this,"accept");this.disclosures=r;this.delegator=false;this.accepted=false}render(){return t("verdocs-dialog",{key:"d314f006dbb6e45e490391cd78a066f5bd7816db"},t("div",{key:"69c57bd2a0d89cac002f51a246986784b7395f4e",slot:"heading",class:"heading"},t("div",{key:"3e7e91d706a8c29fcaaba8ad5e42030cdd3a7474",class:"title"},"e-Signature Disclosures"),t("div",{key:"c0146defe17d3d0788b2ab20e227bee6f8f90072",class:"close-button"},t("svg",{key:"5bfc94d7d4182ea3e8d28f1e994ac2eefb5973c3",width:"24",height:"28",viewBox:"0 0 24 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"535fc07186273cdf790484430ae62c117148de86",d:"M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z"})))),t("div",{key:"07cbd2d626f17be1e7f8e4a164b847571b73cefd",slot:"content",class:"content"},t("div",{key:"02ac57a8c1e428fd67cd5f721a552fa04c379c44",innerHTML:this.disclosures}),t("div",{key:"c59e113130e06a672ddcda84a9e86b763d2067e8",class:"accept"},t("verdocs-checkbox",{key:"c4e77f6431117fad9a60e1b18adac9ed12bef799",label:"I accept the electronic signature disclosures and agree to proceed with digital signing.",checked:this.accepted,onInput:()=>this.accepted=!this.accepted}))),t("div",{key:"92abfe7c4259ae099f108963d32f53cef5c1a0cc",class:"footer",slot:"footer"},this.delegator?t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"delegate",onClick:()=>this.delegate.emit()},"Delegate"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed")):t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed"))))}static get style(){return a()}},[0,"verdocs-disclosure-dialog",{disclosures:[1],delegator:[4],accepted:[32]}]);function n(){if(typeof customElements==="undefined"){return}const e=["verdocs-disclosure-dialog","verdocs-checkbox","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-disclosure-dialog":if(!customElements.get(c(e))){customElements.define(c(e),l)}break;case"verdocs-checkbox":if(!customElements.get(c(e))){i()}break;case"verdocs-dialog":if(!customElements.get(c(e))){d()}break}}))}export{l as V,n as d};
+//# sourceMappingURL=p-CVF-R2yg.js.map

package/dist/components/p-CVjehb2X.js

@@ -0,0 +1,2 @@
+import{p as e,H as i,c as s,h as t,d as o,t as r}from"./p-yZBlG3YQ.js";import{e as a}from"./p-BCwFpXpV.js";import{d as n}from"./p-D9yawpPk.js";import{c}from"./p-BfP9ezJQ.js";const l=()=>`verdocs-quick-filter{position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}`;const d=`<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;const f=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.optionSelected=s(this,"optionSelected");this.options=[];this.label="Filter";this.value="";this.placeholder="Select...";this.clickListenerSymbol=new AbortController}componentDidLoad(){this.popper=c(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-1,14]}}]});window.addEventListener("click",this.clickListener.bind(this),{signal:this.clickListenerSymbol.signal})}disconnectedCallback(){this.clickListenerSymbol.abort()}clickListener(e){const i=!(e.target==this.el||this.el.contains(e.target));if(i){this.hide()}}handleSelectOption(e,i){e.stopPropagation();this.optionSelected.emit(i);this.value=i.value;this.hide()}showDropdown(){var e,i;this.open=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:true}]}))).catch((()=>{}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((()=>{}))}handleHideDropdown(e){var i,s;if(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.localName)==="button"&&((s=e===null||e===void 0?void 0:e.target)===null||s===void 0?void 0:s.className)==="arrow"){return}this.hide()}toggleDropdown(e){e.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}}hide(){var e;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:false}]}))).catch((()=>{}))}render(){var e,i,s;const r=(e=this.options)===null||e===void 0?void 0:e.find((e=>e.value===this.value));const n=(i=this.options)===null||i===void 0?void 0:i.reduce(((e,i)=>e.label.length>i.label.length?e:i));const c=a((n===null||n===void 0?void 0:n.label)||"FILLER","14px Inter, Barlow, sans-serif");const l=a(this.label,"14px Inter, Barlow, sans-serif");const f=`${c+l+40}px`;return t(o,{key:"eec685355d11cfe097cbeee6a3ddf3d31dca7604",class:{open:!!this.open},style:{minWidth:f,display:"inline-block"}},t("div",{key:"9fa51800f89e3f4ceccc111c52aada4b459f344e",class:"control",onClick:e=>this.toggleDropdown(e),onBlur:e=>this.handleHideDropdown(e)},t("div",{key:"e9e0906e6395e51a531992c3cc64fbd1c2d0cc14",class:"title",ref:e=>this.dropdownButton=e},t("span",{key:"0b11d5a955c886eaea09fd6d5c6001a3a940ddc1",class:"prefix"},this.label,":"),r?r.label:this.placeholder),t("div",{key:"e738a7d30dc62dd789e307b3c882b16cf34afc58",style:{flex:"1"}}),t("div",{key:"d75f6d6fcefeb4a63b220f6b81a7091e235ad49f",class:"separator"}),t("div",{key:"5b230b2fff491bd44f966f9806458e322ebe9120",class:"arrow",innerHTML:d,"aria-label":"Open Menu"})),t("div",{key:"6ebc0c181ce3df57db1f03e124e849fd8aded905",class:"items","aria-hidden":!this.open,ref:e=>this.dropdownMenu=e,style:{minWidth:f}},(s=this.options)===null||s===void 0?void 0:s.map((e=>e.label?t("button",{onClick:i=>this.handleSelectOption(i,e),class:`option ${e.value===this.value?"selected":""}`,disabled:e.disabled},e.label):t("div",{class:"separator"})))))}get el(){return this}static get style(){return l()}},[0,"verdocs-quick-filter",{options:[16],label:[1],value:[1537],placeholder:[1],open:[32]}]);function p(){if(typeof customElements==="undefined"){return}const e=["verdocs-quick-filter","verdocs-flag"];e.forEach((e=>{switch(e){case"verdocs-quick-filter":if(!customElements.get(r(e))){customElements.define(r(e),f)}break;case"verdocs-flag":if(!customElements.get(r(e))){n()}break}}))}export{f as V,p as d};
+//# sourceMappingURL=p-CVjehb2X.js.map

package/dist/components/{p-eFfgv2Gb.js.map → p-CVjehb2X.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsQuickFilterCss","DropdownArrow","VerdocsQuickFilter","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","options","label","value","placeholder","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","emit","showDropdown","open","setAttribute","removeAttribute","_a","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","render","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","h","Host","key","class","style","display","onClick","onBlur","ref","flex","innerHTML","_c","map","disabled"],"sources":["src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsQuickFilterCss","DropdownArrow","VerdocsQuickFilter","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","options","label","value","placeholder","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","emit","showDropdown","open","setAttribute","removeAttribute","_a","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","render","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","h","Host","key","class","style","display","onClick","onBlur","ref","flex","innerHTML","_c","map","disabled"],"sources":["src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-Bxmki12o.js → p-CYqVJ_kJ.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as i,t as r}from"./p-yZBlG3YQ.js";import{c as a}from"./p-BfP9ezJQ.js";const s=()=>`verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}`;const c=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.text="";this.icon="";this.placement="bottom";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=a(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return e(i,{key:"64a2e66b73bc714068abbc7024f4446444525b51",class:{}},e("div",{key:"8271ad6342aa1000d9b639c34a07f050cf223782","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),e("div",{key:"1612f539226e949d28b2a44e6bec1d737e486efb",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:o=>this.tooltip=o},this.text,e("div",{key:"9a34206611c0f3cec8b0641ab78e0c9199a2dd42","data-popper-arrow":"true",class:"arrow"})))}static get style(){return s()}},[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]);function n(){if(typeof customElements==="undefined"){return}const o=["verdocs-toolbar-icon"];o.forEach((o=>{switch(o){case"verdocs-toolbar-icon":if(!customElements.get(r(o))){customElements.define(r(o),c)}break}}))}export{c as V,n as d};
-//# sourceMappingURL=p-Bxmki12o.js.map
+import{p as o,H as t,h as e,d as i,t as r}from"./p-yZBlG3YQ.js";import{c as s}from"./p-BfP9ezJQ.js";const a=()=>`verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}`;const n=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.text="";this.icon="";this.placement="bottom";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=s(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return e(i,{key:"56dd7cebb5a2761547a5e24ec76652f7052906b2",class:{}},e("div",{key:"8d2f5e8578bdf5b25db200406460d9e2724c168e","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),e("div",{key:"371c80cf2be530cf3fd8ddb7308fd30f65f3b3f4",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:o=>this.tooltip=o},this.text,e("div",{key:"39b43e589f2b52f1658562e79a3d6388478bdcbe","data-popper-arrow":"true",class:"arrow"})))}static get style(){return a()}},[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]);function c(){if(typeof customElements==="undefined"){return}const o=["verdocs-toolbar-icon"];o.forEach((o=>{switch(o){case"verdocs-toolbar-icon":if(!customElements.get(r(o))){customElements.define(r(o),n)}break}}))}export{n as V,c as d};
+//# sourceMappingURL=p-CYqVJ_kJ.js.map

package/dist/components/p-CZwyK_uo.js

@@ -0,0 +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-BDv5kBUR.js";import{d as n}from"./p-JGWMBIGy.js";import{d as r}from"./p-CxIhMndz.js";import{d}from"./p-F1PgSiVa.js";import{d as c}from"./p-BMGs9CCD.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:"f630ab490d163ea9fa57c5273b6372e0826ea1d3"},o("div",{key:"5267cd5c1040a9ee26658baffa9f546d0137ebbd",slot:"heading",class:"heading"},"Adopt Your Signature"),o("div",{key:"75bce72a0e6793d37313fd075f53f43ba523f6ff",slot:"content",class:"content"},o("div",{key:"8b42cb301da5dca3e5cbd5b8904deda62ceed31a",style:{fontWeight:"300",color:"#242424",fontSize:"13px"}},"Confirm your name, initials, and signature."),o("div",{key:"4c452817dd26a4e3c976ec5dddd3439948725019",class:{type:true,active:this.mode==="type"}},o("verdocs-text-input",{key:"fbb5681d92561e9020e3e472649c4a9e0957b2e2",label:"Full Name",value:this.enteredName,disabled:this.nameLocked,onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()}),this.nameLocked&&o("div",{key:"1930ca30f8a3393b3dd5200123b71c93a24df6c0",class:"name-locked-hint"},"Your name has been set by the sender and cannot be changed.")),o("div",{key:"5afce91b895add6cb16bd9ecbeb9d22ba178af48",style:{fontWeight:"400",color:"#242424",fontSize:"13px"}},"Select a signature style"),o("div",{key:"068ee484b0830df090e844e3c6c9d5523b267f7f",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"01762a4aa5910429c75b871379881ba96577b644",checked:this.mode==="type",value:"type",name:"mode",onClick:()=>this.mode="type"}),o("label",{key:"1bbd44b434fcf64b1ddae931d4a29aa487ecc80d"},"Typed with a keyboard")),o("div",{key:"2e51810eabb7fb74e126845ee50db61b0f135f67",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"87f6c50b44bda23bad54c89c59e14714ed49eacc",checked:this.mode==="draw",value:"draw",name:"mode",onClick:()=>this.mode="draw"}),o("label",{key:"c8a69740c4235518ef7fb990f740c5fda873f5ef"},"Drawn with touch, mouse, or stylus")),o("div",{key:"e6dd80e5d18df3cac685de87ad43d9c791da2f83",class:"preview-header"},o("div",{key:"14f5ffbad7a1345b327eb1e1d76770037a9cf9f7",style:{fontSize:"13px",fontWeight:"400"}},"Signature Preview"),this.mode==="draw"&&o("button",{key:"e95a88623649912b2eacf085ce466ece4d6af332",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"signature"),disabled:!this.hasDrawnSignature},"Clear")),o("div",{key:"0ed9580b6e6354952c9875c3f89c7a240ee4d6b1",class:"canvas-container signature-container"},o("div",{key:"1e940e43f7759d87237c30e9f8ee20d9eefcb7ff",class:"signing-indicator"},o("div",{key:"b0567e71807f33a6e0023d9f7062474b66576c55",class:"x-icon",innerHTML:a}),o("div",{key:"7ea88016f0b93e3e42c9686461362d9a323e2df6",class:"signing-line"})),o("canvas",{key:"f4e46054244447bd4f4ff2a06192115c2eba34bf",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:"887339af0f8e091003473303f0fddca8992ec044",class:"preview-header"},o("div",{key:"6c10de2e6ac2e06250978aca4c285f1b8622fef4",style:{fontSize:"13px",fontWeight:"400"}},"Initials Preview"),this.mode==="draw"&&o("button",{key:"7f43483783d61995cef0cafc4e99755a2b837faa",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"initials"),disabled:!this.hasDrawnInitials},"Clear")),o("div",{key:"16158cecc32c02d751631c5072df7f082cbd7991",class:"canvas-container initials-container"},o("div",{key:"aaee89ee53aad0cb7b1bff44086fb0613c7f9a4c",class:"signing-indicator"},o("div",{key:"ed20e1e62f7cc994f389f4989cfd84d9df394f83",class:"x-icon",innerHTML:a}),o("div",{key:"83a9f5ca54ecc50b2e294fb19aa7b776a745333f",class:"signing-line"})),o("canvas",{key:"34a19fe79f48b5b28435f7ae92959b4a27db9f2e",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:"88c21142107c4977abad1a4229bd2079c9fed691",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:"9b0eee0c808eb2e3f55638e74933650194b044a6",class:"footer",slot:"footer"},o("div",{key:"3b66d524378087a3f548476f6ae6b07695b61535",class:"buttons"},o("button",{key:"116ed99ee3c9f4fda692c00ccb0dcaae56c1ad25",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),o("button",{key:"cf90a0cdb7bf72630fc25d4608072beede28f694",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-CZwyK_uo.js.map

package/dist/components/{p-COfQ1FzC.js.map → p-CZwyK_uo.js.map}

@@ -1 +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","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>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>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":[]}
+{"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","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>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>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":[]}