@verdocs/web-sdk 6.12.1 → 6.13.0

package/dist/components/{p-hxWwaOcD.js → p-BSX4GfGg.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as s,h as i,d as c,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as t}from"@verdocs/js-sdk";import{u as r}from"./p-C7k2AOsW.js";import{d}from"./p-C0SHIuoK.js";const f=()=>`verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}`;const a=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.fileSelected=s(this,"fileSelected");this.endpoint=t.getDefault()}handleFileChanged(e){var o,s;this.file=((o=e.target.files)===null||o===void 0?void 0:o[0])||null;(s=this.fileSelected)===null||s===void 0?void 0:s.emit({file:this.file});console.debug("[CHOOSER] Selected file",this.file)}handleSelectFile(e){var o,s;e.stopPropagation();this.file=null;(o=this.fileSelected)===null||o===void 0?void 0:o.emit({file:null});(s=document.getElementById("verdocs-file-chooser"))===null||s===void 0?void 0:s.click()}render(){const e=this.file?"Select a different file":"Select a file from your computer";return i(c,{key:"04f01fdca80085a2d8179417ceaf8afd7c4e43cb"},i("input",{key:"8bd641145a77509a8209ccfed37362bd39caa17c",type:"file",multiple:true,id:"verdocs-file-chooser",accept:"application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:e=>this.handleFileChanged(e)}),i("div",{key:"8779cc881738518f8c09d2abed9c80300a8c3b47",class:"upload-box"},i("div",{key:"742f112e6eec697f287e983da1f44f15af70560f",class:"selected-filename"},this.file?this.file.name:"Drag a file here"),i("div",{key:"80c984e9331d5fc0eb57d5d0934314c42ce42e7e",class:"or-prefer"},this.file?r:"Or, if you prefer..."),i("verdocs-button",{key:"e6f2a7f3e6bdd78ff8eff3673618a309e7dc7fa6",label:e,size:"small",onClick:e=>this.handleSelectFile(e)})))}static get style(){return f()}},[0,"verdocs-file-chooser",{endpoint:[16],file:[32]}]);function n(){if(typeof customElements==="undefined"){return}const e=["verdocs-file-chooser","verdocs-button"];e.forEach((e=>{switch(e){case"verdocs-file-chooser":if(!customElements.get(l(e))){customElements.define(l(e),a)}break;case"verdocs-button":if(!customElements.get(l(e))){d()}break}}))}export{a as V,n as d};
-//# sourceMappingURL=p-hxWwaOcD.js.map
+import{p as e,H as o,c as s,h as i,d as l,t}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as c}from"@verdocs/js-sdk";import{u as d}from"./p-C7k2AOsW.js";import{d as r}from"./p-Bb5V9TQx.js";const f=()=>`verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}`;const a=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.fileSelected=s(this,"fileSelected");this.endpoint=c.getDefault()}handleFileChanged(e){var o,s;this.file=((o=e.target.files)===null||o===void 0?void 0:o[0])||null;(s=this.fileSelected)===null||s===void 0?void 0:s.emit({file:this.file});console.debug("[CHOOSER] Selected file",this.file)}handleSelectFile(e){var o,s;e.stopPropagation();this.file=null;(o=this.fileSelected)===null||o===void 0?void 0:o.emit({file:null});(s=document.getElementById("verdocs-file-chooser"))===null||s===void 0?void 0:s.click()}render(){const e=this.file?"Select a different file":"Select a file from your computer";return i(l,{key:"de1d61f3cc7867ce2c9b5376768596a6d9ddd4f0"},i("input",{key:"061e847da09878da921aa7a64933f7852122b9a1",type:"file",multiple:true,id:"verdocs-file-chooser",accept:"application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:e=>this.handleFileChanged(e)}),i("div",{key:"abc5d29259117a1cdcd156b75e9b3817ca471382",class:"upload-box"},i("div",{key:"ac9439c4896e084c7f321b80750d6fb40efd6b16",class:"selected-filename"},this.file?this.file.name:"Drag a file here"),i("div",{key:"f39ad53b1f2ea36ca42e061f66480df8d546b70a",class:"or-prefer"},this.file?d:"Or, if you prefer..."),i("verdocs-button",{key:"e0ab60c3505d857ddbd11c97685f741ff192bd5b",label:e,size:"small",onClick:e=>this.handleSelectFile(e)})))}static get style(){return f()}},[0,"verdocs-file-chooser",{endpoint:[16],file:[32]}]);function n(){if(typeof customElements==="undefined"){return}const e=["verdocs-file-chooser","verdocs-button"];e.forEach((e=>{switch(e){case"verdocs-file-chooser":if(!customElements.get(t(e))){customElements.define(t(e),a)}break;case"verdocs-button":if(!customElements.get(t(e))){r()}break}}))}export{a as V,n as d};
+//# sourceMappingURL=p-BSX4GfGg.js.map

package/dist/components/{p-Cujbc8tg.js → p-BTrjJycH.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as i,h as t,d as s,F as n,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getEnvelope as d,getEnvelopesZip as a,getEnvelopeDocumentDownloadLink as c,cancelEnvelope as h,getCombinedEnvelopeDocumentDownloadLink as v,getMyRecipient as m,integerSequence as p}from"@verdocs/js-sdk";import{D as f}from"./p-17OorOnH.js";import{V as u}from"./p-D97GxsI-.js";import{S as w}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as x}from"./p-JGWMBIGy.js";import{d as b}from"./p-DTE1GYJt.js";import{d as C}from"./p-Dj-aIazM.js";import{d as y}from"./p-D9yawpPk.js";import{d as k}from"./p-vimrvRye.js";import{d as z}from"./p-Dc3BDcaU.js";import{d as L}from"./p-aj0qlBQ1.js";import{d as V}from"./p-CLtldaUs.js";const E=()=>`verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);background-color:#f5f5f5}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;padding-right:15px}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .signed-document-container{width:64%;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}verdocs-view .signed-document-container.zoom-normal{width:64%}verdocs-view .signed-document-container.zoom-zoom1{width:80%}verdocs-view .signed-document-container.zoom-zoom2{width:100%}@media (max-width: 768px){verdocs-view .signed-document-container{width:100%}verdocs-view .signed-document-container.zoom-normal,verdocs-view .signed-document-container.zoom-zoom1,verdocs-view .signed-document-container.zoom-zoom2{width:100%}verdocs-view .controls-toolbar .center-controls{display:none}verdocs-view .controls-toolbar .right-controls .icon-button.minus,verdocs-view .controls-toolbar .right-controls .icon-button.plus{display:none}}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}verdocs-view verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}#verdocs-view-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:"Inter", sans-serif;color:#424242;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#verdocs-view-header .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#verdocs-view-header .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verdocs-view-header .center-controls{-ms-flex:1;flex:1;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px}#verdocs-view-header .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}#verdocs-view-header .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-view-header .right-controls .icon-button:hover{background-color:#f5f5f5}#verdocs-view-header .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}#verdocs-view-header .right-controls .icon-button svg{display:block;width:20px;height:20px}@media print{#verdocs-view-header{display:none !important}verdocs-view{min-height:auto;background-color:white}verdocs-view .document{overflow:visible;height:auto;display:block;padding:0}verdocs-view .signed-document-container{width:100%;margin:0}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;const I=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z" fill="#424242"/></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z" fill="#424242"/></svg>`;const D=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.another=i(this,"another");this.view=i(this,"view");this.next=i(this,"next");this.envelopeListenerId=null;this.endpoint=null;this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.showCancelDone=false;this.showLoadError=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.showDownloadDialog=false;this.polling=false;this.pollingInterval=null}async componentWillLoad(){var e,o,i;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.endpoint){this.endpoint=r.getDefault();this.endpoint.loadSession()}if(!this.envelopeId){console.error(`[VIEW] Missing required envelopeId`);return}await this.listenToEnvelope();if(!this.envelope){try{console.log("[VIEW] Loading envelope...");this.envelope=await d(this.endpoint,this.envelopeId);console.log("[VIEW] Loaded envelope",this.envelope)}catch(t){this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(o=t.response)===null||o===void 0?void 0:o.status,(i=t.response)===null||i===void 0?void 0:i.data))}}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const o=document.getElementById("verdocs-view-header");if(e&&o){console.log("[VIEW] Moving header");o.remove();e.append(o)}}disconnectedCallback(){this.stopPolling();this.unlistenToEnvelope();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()))}updateZoomFromWindow(){const e=window.innerWidth;if(e<768){if(this.zoomLevel!=="zoom2")this.zoomLevel="zoom2"}else if(e<1024){if(this.zoomLevel!=="zoom1")this.zoomLevel="zoom1"}else{if(this.zoomLevel!=="normal")this.zoomLevel="normal"}}async listenToEnvelope(){console.log("[VIEW] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),true,(e=>{this.envelope=e;this.loading=false}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handlePageRendered(e){}async handleOptionSelected(e){var o,i,t,s;switch(e.detail.id){case"cancel":if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;h(this.endpoint,this.envelopeId).then((e=>{this.canceling=false;console.log("[VIEW] Envelope canceled",e);return d(this.endpoint,this.envelopeId)})).then((e=>{console.log("[VIEW] Loaded new envelope details",e);this.envelope=e})).catch((e=>{var o,i,t;this.canceling=false;console.log("[VIEW] Error canceling envelope",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}break;case"print":window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break;case"download-attachments":try{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}catch(e){console.log("Unable to download document",e);u(((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Unable to download document. Please try again later.",{style:"error"})}break;case"download-certificate":{const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}break;case"download-all":a(this.endpoint,[this.envelope.id]).then((()=>{var e;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})})).catch((e=>{console.log("Error downloading Zip",e)}));break}}startPolling(){this.stopPolling();const e=()=>{var e,o,i,t,s,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((o=this.envelope)===null||o===void 0?void 0:o.signed);const r=(t=(i=this.envelope)===null||i===void 0?void 0:i.documents)===null||t===void 0?void 0:t.some((e=>e.type==="certificate"));const d=(n=(s=this.envelope)===null||s===void 0?void 0:s.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&r)return false;if(!d)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const o=await d(this.endpoint,this.envelopeId);this.envelope=o;g.updateEnvelope(this.envelopeId,o);if(!e()){this.stopPolling()}}catch(e){console.error("[VIEW] Polling error",e);this.stopPolling()}}),5e3)}stopPolling(){if(this.pollingInterval){clearInterval(this.pollingInterval);this.pollingInterval=null}this.polling=false}handleZoomIn(){if(this.zoomLevel==="normal"){this.zoomLevel="zoom1"}else if(this.zoomLevel==="zoom1"){this.zoomLevel="zoom2"}}handleZoomOut(){if(this.zoomLevel==="zoom1"){this.zoomLevel="normal"}else if(this.zoomLevel==="zoom2"){this.zoomLevel="zoom1"}}async handleDownloadDocuments(e){var o,i;const{action:t,documentId:s}=e.detail;console.log("[VIEW] Download action selected:",t,s);try{switch(t){case f.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(!e){u("Certificate not yet available.",{style:"info"});break}const t=await c(this.endpoint,e.id);window.open(t,"_blank");break;case f.combined:const n=s||((o=this.envelope.documents.find((e=>e.type==="certificate")))===null||o===void 0?void 0:o.id);const l=await v(this.endpoint,n);window.open(l,"_blank");break;case f.document:const r=s||((i=this.envelope.documents.find((e=>e.type==="attachment")))===null||i===void 0?void 0:i.id);if(!r)break;const d=await c(this.endpoint,r);window.open(d,"_blank");break;case f.zip:const h=await a(this.endpoint,[this.envelopeId]);const m=window.URL.createObjectURL(h.data);const p=document.createElement("a");p.href=m;p.download=`${this.envelope.name}.zip`;document.body.appendChild(p);p.click();p.remove();window.URL.revokeObjectURL(m);break}}catch(e){console.error("Download error",e);u("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.loading){return t(s,null,t("verdocs-loader",null))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:`Sorry, that envelope is not valid.`,buttonLabel:"OK",onNext:()=>{this.showLoadError=false}}))}if(!this.envelope){return t(s,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}const o=m(this.endpoint.session,this.envelope);return t(s,null,t("div",{class:"controls-toolbar",id:"verdocs-view-header"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"}),t("div",{class:"right-controls"},t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:H,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:I,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:M,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`,style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((e=this.envelope)===null||e===void 0?void 0:e.documents)||[]).filter((e=>e.type!=="certificate")).map((e=>{const o=p(1,e.pages);return t(n,null,o.map((o=>{var i;const s=((i=e.page_sizes)===null||i===void 0?void 0:i[o])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,type:"filled",virtualWidth:s.width,virtualHeight:s.height,pageNumber:o,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:`This envelope has been cancelled successfully.`,onNext:()=>{this.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.status==="complete"||this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleDownloadDocuments(e)}),!!o&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,isDone:true,onAskQuestion:()=>{},onDecline:()=>{},onFinishLater:()=>{}}))}get component(){return this}static get style(){return E()}},[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"],headerTargetId:[1,"header-target-id"],canceling:[32],showCancelDone:[32],showLoadError:[32],loading:[32],envelope:[32],zoomLevel:[32],showDownloadDialog:[32],polling:[32]}]);function Z(){if(typeof customElements==="undefined"){return}const e=["verdocs-view","verdocs-dialog","verdocs-download-dialog","verdocs-envelope-document-page","verdocs-flag","verdocs-loader","verdocs-ok-dialog","verdocs-question-dialog","verdocs-sign-footer"];e.forEach((e=>{switch(e){case"verdocs-view":if(!customElements.get(l(e))){customElements.define(l(e),D)}break;case"verdocs-dialog":if(!customElements.get(l(e))){x()}break;case"verdocs-download-dialog":if(!customElements.get(l(e))){b()}break;case"verdocs-envelope-document-page":if(!customElements.get(l(e))){C()}break;case"verdocs-flag":if(!customElements.get(l(e))){y()}break;case"verdocs-loader":if(!customElements.get(l(e))){k()}break;case"verdocs-ok-dialog":if(!customElements.get(l(e))){z()}break;case"verdocs-question-dialog":if(!customElements.get(l(e))){L()}break;case"verdocs-sign-footer":if(!customElements.get(l(e))){V()}break}}))}export{D as V,Z as d};
-//# sourceMappingURL=p-Cujbc8tg.js.map
+import{p as e,H as o,c as i,h as t,d as s,F as n,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getEnvelope as d,getEnvelopesZip as a,getEnvelopeDocumentDownloadLink as c,cancelEnvelope as h,getCombinedEnvelopeDocumentDownloadLink as v,getMyRecipient as m,integerSequence as p}from"@verdocs/js-sdk";import{D as f}from"./p-17OorOnH.js";import{V as u}from"./p-D97GxsI-.js";import{S as w}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as x}from"./p-C90lxyUX.js";import{d as b}from"./p-PVw56Shw.js";import{d as C}from"./p-DscL0SIM.js";import{d as y}from"./p-C8yiLtCJ.js";import{d as k}from"./p-DqzFuSNN.js";import{d as z}from"./p-5FU3bYQ3.js";import{d as L}from"./p-8J_y0V9M.js";import{d as V}from"./p-E2hWLZ47.js";const E=()=>`verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);background-color:#f5f5f5}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;padding-right:15px}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .signed-document-container{width:64%;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}verdocs-view .signed-document-container.zoom-normal{width:64%}verdocs-view .signed-document-container.zoom-zoom1{width:80%}verdocs-view .signed-document-container.zoom-zoom2{width:100%}@media (max-width: 768px){verdocs-view .signed-document-container{width:100%}verdocs-view .signed-document-container.zoom-normal,verdocs-view .signed-document-container.zoom-zoom1,verdocs-view .signed-document-container.zoom-zoom2{width:100%}verdocs-view .controls-toolbar .center-controls{display:none}verdocs-view .controls-toolbar .right-controls .icon-button.minus,verdocs-view .controls-toolbar .right-controls .icon-button.plus{display:none}}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}verdocs-view verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}#verdocs-view-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:"Inter", sans-serif;color:#424242;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#verdocs-view-header .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#verdocs-view-header .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verdocs-view-header .center-controls{-ms-flex:1;flex:1;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px}#verdocs-view-header .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}#verdocs-view-header .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-view-header .right-controls .icon-button:hover{background-color:#f5f5f5}#verdocs-view-header .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}#verdocs-view-header .right-controls .icon-button svg{display:block;width:20px;height:20px}@media print{#verdocs-view-header{display:none !important}verdocs-view{min-height:auto;background-color:white}verdocs-view .document{overflow:visible;height:auto;display:block;padding:0}verdocs-view .signed-document-container{width:100%;margin:0}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;const I=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z" fill="#424242"/></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z" fill="#424242"/></svg>`;const Z=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.another=i(this,"another");this.view=i(this,"view");this.next=i(this,"next");this.envelopeListenerId=null;this.endpoint=null;this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.showCancelDone=false;this.showLoadError=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.showDownloadDialog=false;this.polling=false;this.pollingInterval=null}async componentWillLoad(){var e,o,i;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.endpoint){this.endpoint=r.getDefault();this.endpoint.loadSession()}if(!this.envelopeId){console.error(`[VIEW] Missing required envelopeId`);return}await this.listenToEnvelope();if(!this.envelope){try{console.log("[VIEW] Loading envelope...");this.envelope=await d(this.endpoint,this.envelopeId);console.log("[VIEW] Loaded envelope",this.envelope)}catch(t){this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(o=t.response)===null||o===void 0?void 0:o.status,(i=t.response)===null||i===void 0?void 0:i.data))}}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const o=document.getElementById("verdocs-view-header");if(e&&o){console.log("[VIEW] Moving header");o.remove();e.append(o)}}disconnectedCallback(){this.stopPolling();this.unlistenToEnvelope();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()))}updateZoomFromWindow(){const e=window.innerWidth;if(e<768){if(this.zoomLevel!=="zoom2")this.zoomLevel="zoom2"}else if(e<1024){if(this.zoomLevel!=="zoom1")this.zoomLevel="zoom1"}else{if(this.zoomLevel!=="normal")this.zoomLevel="normal"}}async listenToEnvelope(){console.log("[VIEW] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),true,(e=>{this.envelope=e;this.loading=false}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handlePageRendered(e){}async handleOptionSelected(e){var o,i,t,s;switch(e.detail.id){case"cancel":if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;h(this.endpoint,this.envelopeId).then((e=>{this.canceling=false;console.log("[VIEW] Envelope canceled",e);return d(this.endpoint,this.envelopeId)})).then((e=>{console.log("[VIEW] Loaded new envelope details",e);this.envelope=e})).catch((e=>{var o,i,t;this.canceling=false;console.log("[VIEW] Error canceling envelope",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}break;case"print":window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break;case"download-attachments":try{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}catch(e){console.log("Unable to download document",e);u(((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Unable to download document. Please try again later.",{style:"error"})}break;case"download-certificate":{const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}break;case"download-all":a(this.endpoint,[this.envelope.id]).then((()=>{var e;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})})).catch((e=>{console.log("Error downloading Zip",e)}));break}}startPolling(){this.stopPolling();const e=()=>{var e,o,i,t,s,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((o=this.envelope)===null||o===void 0?void 0:o.signed);const r=(t=(i=this.envelope)===null||i===void 0?void 0:i.documents)===null||t===void 0?void 0:t.some((e=>e.type==="certificate"));const d=(n=(s=this.envelope)===null||s===void 0?void 0:s.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&r)return false;if(!d)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const o=await d(this.endpoint,this.envelopeId);this.envelope=o;g.updateEnvelope(this.envelopeId,o);if(!e()){this.stopPolling()}}catch(e){console.error("[VIEW] Polling error",e);this.stopPolling()}}),5e3)}stopPolling(){if(this.pollingInterval){clearInterval(this.pollingInterval);this.pollingInterval=null}this.polling=false}handleZoomIn(){if(this.zoomLevel==="normal"){this.zoomLevel="zoom1"}else if(this.zoomLevel==="zoom1"){this.zoomLevel="zoom2"}}handleZoomOut(){if(this.zoomLevel==="zoom1"){this.zoomLevel="normal"}else if(this.zoomLevel==="zoom2"){this.zoomLevel="zoom1"}}async handleDownloadDocuments(e){var o,i;const{action:t,documentId:s}=e.detail;console.log("[VIEW] Download action selected:",t,s);try{switch(t){case f.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(!e){u("Certificate not yet available.",{style:"info"});break}const t=await c(this.endpoint,e.id);window.open(t,"_blank");break;case f.combined:const n=s||((o=this.envelope.documents.find((e=>e.type==="certificate")))===null||o===void 0?void 0:o.id);const l=await v(this.endpoint,n);window.open(l,"_blank");break;case f.document:const r=s||((i=this.envelope.documents.find((e=>e.type==="attachment")))===null||i===void 0?void 0:i.id);if(!r)break;const d=await c(this.endpoint,r);window.open(d,"_blank");break;case f.zip:const h=await a(this.endpoint,[this.envelopeId]);const m=window.URL.createObjectURL(h.data);const p=document.createElement("a");p.href=m;p.download=`${this.envelope.name}.zip`;document.body.appendChild(p);p.click();p.remove();window.URL.revokeObjectURL(m);break}}catch(e){console.error("Download error",e);u("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.loading){return t(s,null,t("verdocs-loader",null))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:`Sorry, that envelope is not valid.`,buttonLabel:"OK",onNext:()=>{this.showLoadError=false}}))}if(!this.envelope){return t(s,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}const o=m(this.endpoint.session,this.envelope);return t(s,null,t("div",{class:"controls-toolbar",id:"verdocs-view-header"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"}),t("div",{class:"right-controls"},t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:H,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:I,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:M,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`,style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((e=this.envelope)===null||e===void 0?void 0:e.documents)||[]).filter((e=>e.type!=="certificate")).map((e=>{const o=p(1,e.pages);return t(n,null,o.map((o=>{var i;const s=((i=e.page_sizes)===null||i===void 0?void 0:i[o])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,type:"filled",virtualWidth:s.width,virtualHeight:s.height,pageNumber:o,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:`This envelope has been cancelled successfully.`,onNext:()=>{this.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.status==="complete"||this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleDownloadDocuments(e)}),!!o&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,isDone:true,onAskQuestion:()=>{},onDecline:()=>{},onFinishLater:()=>{}}))}get component(){return this}static get style(){return E()}},[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"],headerTargetId:[1,"header-target-id"],canceling:[32],showCancelDone:[32],showLoadError:[32],loading:[32],envelope:[32],zoomLevel:[32],showDownloadDialog:[32],polling:[32]}]);function D(){if(typeof customElements==="undefined"){return}const e=["verdocs-view","verdocs-dialog","verdocs-download-dialog","verdocs-envelope-document-page","verdocs-flag","verdocs-loader","verdocs-ok-dialog","verdocs-question-dialog","verdocs-sign-footer"];e.forEach((e=>{switch(e){case"verdocs-view":if(!customElements.get(l(e))){customElements.define(l(e),Z)}break;case"verdocs-dialog":if(!customElements.get(l(e))){x()}break;case"verdocs-download-dialog":if(!customElements.get(l(e))){b()}break;case"verdocs-envelope-document-page":if(!customElements.get(l(e))){C()}break;case"verdocs-flag":if(!customElements.get(l(e))){y()}break;case"verdocs-loader":if(!customElements.get(l(e))){k()}break;case"verdocs-ok-dialog":if(!customElements.get(l(e))){z()}break;case"verdocs-question-dialog":if(!customElements.get(l(e))){L()}break;case"verdocs-sign-footer":if(!customElements.get(l(e))){V()}break}}))}export{Z as V,D as d};
+//# sourceMappingURL=p-BTrjJycH.js.map

package/dist/components/{p-C0SHIuoK.js → p-Bb5V9TQx.js}

@@ -1,2 +1,2 @@
-import{p as t,H as n,h as o,t as e}from"./p-yZBlG3YQ.js";const s=()=>`verdocs-button button{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;cursor:pointer;margin:0;width:100%}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.xsmall{height:26px;font-size:12px}verdocs-button button.xsmall .icon{margin:0 3px}verdocs-button button.xsmall .icon svg{margin:2px 0 0 0;height:18px}verdocs-button button.xsmall .button-label{padding:0 4px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}`;const r=t(class t extends n{constructor(t){super();if(t!==false){this.__registerHost()}this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}render(){return o("button",{key:"1ac6cd93eb456f33475139edb0a399cfb42b5fb6",disabled:this.disabled,type:this.type,class:`${this.variant} ${this.size} ${this.type}`},this.startIcon?o("span",{class:"icon start",innerHTML:this.startIcon}):null,o("span",{key:"09d9e52471721494f2167fec10efae354dae7bae",class:"button-label"},this.label),this.endIcon?o("span",{class:"icon end",innerHTML:this.endIcon}):null)}static get style(){return s()}},[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]);function i(){if(typeof customElements==="undefined"){return}const t=["verdocs-button"];t.forEach((t=>{switch(t){case"verdocs-button":if(!customElements.get(e(t))){customElements.define(e(t),r)}break}}))}export{r as V,i as d};
-//# sourceMappingURL=p-C0SHIuoK.js.map
+import{p as t,H as n,h as o,t as e}from"./p-yZBlG3YQ.js";const s=()=>`verdocs-button button{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;cursor:pointer;margin:0;width:100%}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.xsmall{height:26px;font-size:12px}verdocs-button button.xsmall .icon{margin:0 3px}verdocs-button button.xsmall .icon svg{margin:2px 0 0 0;height:18px}verdocs-button button.xsmall .button-label{padding:0 4px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}`;const r=t(class t extends n{constructor(t){super();if(t!==false){this.__registerHost()}this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}render(){return o("button",{key:"dcc0f40f12f401e145a297a850989542359f7b43",disabled:this.disabled,type:this.type,class:`${this.variant} ${this.size} ${this.type}`},this.startIcon?o("span",{class:"icon start",innerHTML:this.startIcon}):null,o("span",{key:"c959b522dd122e55b037eb4ef08618e03a420238",class:"button-label"},this.label),this.endIcon?o("span",{class:"icon end",innerHTML:this.endIcon}):null)}static get style(){return s()}},[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]);function i(){if(typeof customElements==="undefined"){return}const t=["verdocs-button"];t.forEach((t=>{switch(t){case"verdocs-button":if(!customElements.get(e(t))){customElements.define(e(t),r)}break}}))}export{r as V,i as d};
+//# sourceMappingURL=p-Bb5V9TQx.js.map

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

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

package/dist/components/{p-u9H54zUE.js → p-Bodw4NVB.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as a,t as i}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-select-input{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid rgba(112, 122, 229, 0.3725490196);border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:14px;height:34px;padding:2px 20px 2px 3px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.value="";this.label="";this.disabled=false}render(){return s(a,{key:"f4df7a5c55fce0c9c318e38dd291dfd7979c3a99",class:"input-field"},s("label",{key:"d45d64c559b5011ceec3325682cb38575f4fafe2"},this.label?s("div",{class:"input-label"},this.label+":"):s("div",null),s("select",{key:"15b45e8422114cf7d7a133a6cf1a855d4e11b149",class:"input-element",disabled:this.disabled},this.options.map((e=>s("option",{value:e.value,selected:e.value===this.value},e.label))))))}static get style(){return o()}},[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}]);function l(){if(typeof customElements==="undefined"){return}const e=["verdocs-select-input"];e.forEach((e=>{switch(e){case"verdocs-select-input":if(!customElements.get(i(e))){customElements.define(i(e),c)}break}}))}export{c as V,l as d};
-//# sourceMappingURL=p-u9H54zUE.js.map
+import{p as e,H as t,h as s,d as a,t as i}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-select-input{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid rgba(112, 122, 229, 0.3725490196);border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:14px;height:34px;padding:2px 20px 2px 3px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.value="";this.label="";this.disabled=false}render(){return s(a,{key:"e82b436072f35525e1cfc080e9ca979258b3cc8c",class:"input-field"},s("label",{key:"b1d3226cf83fa4e0056380239bb532a5d75669ab"},this.label?s("div",{class:"input-label"},this.label+":"):s("div",null),s("select",{key:"1f39ccce1f7ed5001e61bc77b0bd553782ba2df4",class:"input-element",disabled:this.disabled},this.options.map((e=>s("option",{value:e.value,selected:e.value===this.value},e.label))))))}static get style(){return o()}},[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}]);function l(){if(typeof customElements==="undefined"){return}const e=["verdocs-select-input"];e.forEach((e=>{switch(e){case"verdocs-select-input":if(!customElements.get(i(e))){customElements.define(i(e),c)}break}}))}export{c as V,l as d};
+//# sourceMappingURL=p-Bodw4NVB.js.map

package/dist/components/{p-BWrwPDuU.js → p-Bxvw_LqR.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as d,updateField as a,deleteField as p}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";import{d as h}from"./p-C0SHIuoK.js";import{d as f}from"./p-DVx4efoX.js";import{d as m}from"./p--jRXEN0c.js";import{d as u}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as x}from"./p-u9H54zUE.js";import{d as b}from"./p-BMGs9CCD.js";const g=()=>`verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275)}@media all and (max-width: 600px){verdocs-template-field-properties{padding:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .options-header{gap:10px;margin:0 0 5px 0;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;padding:5px 8px;font-weight:700;text-align:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;background-color:#333333}verdocs-template-field-properties .options-header-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-weight:700;font-size:14px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:rgb(165, 0, 33)}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 1px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}`;const w=e=>e.charAt(0).toUpperCase()+e.slice(1);const y=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const k='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';const E=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.settingsChanged=s(this,"settingsChanged");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.getDefault();this.templateId="";this.fieldName="";this.helpText="";this.dirty=false;this.label="";this.type="textbox";this.name="";this.required=false;this.readonly=false;this.roleName="";this.group="";this.fieldType="";this.options=[];this.placeholder="";this.defaultValue="";this.showingHelp=false;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();c.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false;this.resetForm()}))}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);return}if(!this.fieldName){console.error(`[FIELD PROPERTIES] Missing required field name`);return}if(!this.endpoint.session){console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[FIELD PROPERTIES] Error loading template",i);this.loading=false;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}resetForm(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).find((e=>e.name===this.fieldName));if(!t){console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`);return}this.type=t.type;this.name=t.name;this.label=t.label;this.group=t.group;this.roleName=t.role_name;this.required=t.required;this.readonly=t.readonly;this.fieldType=t.type;this.options=t.options||[];this.placeholder=t.placeholder||"";this.defaultValue=t.default||"";this.dirty=false;this.loading=false;this.cleanupOptions()}handleCancel(e){var t,s;e.stopPropagation();this.resetForm();(t=this.close)===null||t===void 0?void 0:t.emit();(s=document.getElementById("verdocs-template-field-properties"))===null||s===void 0?void 0:s.remove()}handleSave(e){e.stopPropagation();const t={name:this.name,role_name:this.roleName,required:this.required,readonly:this.readonly,label:this.label,group:this.group,placeholder:this.placeholder,default:this.defaultValue,options:this.options};this.cleanupOptions();a(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var t,s,i;console.log("[FIELD PROPERTIES] Updated",e);const o=JSON.parse(JSON.stringify(this.template));const l=o.fields.findIndex((e=>e.name===this.fieldName));if(l>-1){o.fields[l]=e}c.updateTemplate(this.templateId,o);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:this.fieldName,field:e});(s=this.close)===null||s===void 0?void 0:s.emit();(i=document.getElementById("verdocs-template-field-properties"))===null||i===void 0?void 0:i.remove()})).catch((()=>{console.log("[FIELD PROPERTIES] Update failed",e)}))}async handleDelete(e){e.stopPropagation();p(this.endpoint,this.templateId,this.fieldName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.fields=s.fields.filter((e=>e.name!==this.fieldName));c.updateTemplate(this.templateId,s);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=document.getElementById("verdocs-template-field-properties"))===null||t===void 0?void 0:t.remove()})).catch((e=>{console.log("[FIELD PROPERTIES] Deletion error",e)}))}cleanupOptions(){this.options=[...this.options.filter((e=>(e.id||"").trim()!==""||(e.label||"").trim()!==""))];if(!this.options.find((e=>!e.id&&!e.label))){this.options=[...this.options,{id:"",label:""}]}}render(){var e,t;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session||!(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.name===this.fieldName))){return i(o,{class:"empty"})}if(this.helpText&&this.showingHelp){return i(o,null,i("h6",null,w(this.fieldType)," Settings ",i("div",{style:{flex:"1"}}),i("div",{class:"help-icon",innerHTML:k,onClick:()=>this.showingHelp=false})),i("p",{class:"instructions",innerHTML:this.helpText}))}const s=this.options.filter((e=>(e.id||"").trim()!==""||(e.label||"").trim()!=="")).length>0;const l=!this.dirty||this.type==="dropdown"&&!s;return i(o,{id:"verdocs-template-field-properties"},i("h6",null,w(this.fieldType.replace(/_/g," "))," Settings ",i("div",{style:{flex:"1"}}),this.helpText&&i("div",{class:"help-icon",innerHTML:k,onClick:()=>this.showingHelp=true})),i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}})),i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:e=>{this.label=e.target.value;this.dirty=true}})),i("div",{class:"row"},i("div",{class:"input-label"},"Role:"),i("verdocs-select-input",{value:this.roleName,options:(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).map((e=>({label:e.name,value:e.name}))),onInput:e=>{this.roleName=e.target.value;this.dirty=true}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-value",label:"Default Value",value:this.defaultValue,autocomplete:"off",placeholder:this.readonly&&!this.defaultValue?"Default value required":"Pre-filled value...",onInput:e=>{this.defaultValue=e.target.value;this.dirty=true}})),this.type==="radio"&&i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Group",value:this.group,autocomplete:"off",helpText:"Enable exclusive selections. Only one option within the same group may be selected at a time.",placeholder:"Group...",onInput:e=>{this.group=(e.target.value||"").trim().toLowerCase().replace(/[^a-z0-9]/g,"");this.dirty=true}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:e=>{this.placeholder=e.target.value;this.dirty=true}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),i("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:e=>{this.required=e.target.checked;this.dirty=true}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-readonly",class:"input-label"},"Read-only"),i("verdocs-checkbox",{id:"verdocs-is-readonly",name:"is-readonly",checked:this.readonly,value:"on",onInput:e=>{this.readonly=e.target.checked;this.dirty=true}})),this.type==="dropdown"&&i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Options")),this.type==="dropdown"&&i("div",{class:"options"},i("div",{class:"options-header"},i("div",{class:"options-header-label"},"ID"),i("dev",{class:"options-header-label"},"Label")),this.options.map(((e,t)=>i("div",{class:"row option-row",key:t},i("verdocs-text-input",{value:e.id,placeholder:"Unique ID",onInput:e=>{this.options[t].id=e.target.value;this.dirty=true;this.cleanupOptions()}}),i("verdocs-text-input",{value:e.label,placeholder:"Display label",onInput:e=>{this.options[t].label=e.target.value;this.dirty=true;this.cleanupOptions()}}),i("button",{innerHTML:y,class:"remove-button",onClick:()=>{this.options=this.options.filter((t=>t.id!==e.id));this.dirty=true;this.cleanupOptions()}}))))),i("div",{class:"buttons"},i("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:y}),i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:l||this.readonly&&!this.defaultValue,onClick:e=>!l&&this.handleSave(e)}))))}get el(){return this}static get style(){return g()}},[0,"verdocs-template-field-properties",{endpoint:[16],templateId:[1,"template-id"],fieldName:[1025,"field-name"],helpText:[1,"help-text"],dirty:[32],label:[32],type:[32],name:[32],required:[32],readonly:[32],roleName:[32],group:[32],fieldType:[32],options:[32],placeholder:[32],defaultValue:[32],showingHelp:[32],loading:[32],template:[32]}]);function I(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-field-properties","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-field-properties":if(!customElements.get(l(e))){customElements.define(l(e),E)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-checkbox":if(!customElements.get(l(e))){f()}break;case"verdocs-component-error":if(!customElements.get(l(e))){m()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){u()}break;case"verdocs-loader":if(!customElements.get(l(e))){v()}break;case"verdocs-select-input":if(!customElements.get(l(e))){x()}break;case"verdocs-text-input":if(!customElements.get(l(e))){b()}break}}))}export{E as V,I as d};
-//# sourceMappingURL=p-BWrwPDuU.js.map
+import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as d,updateField as a,deleteField as p}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";import{d as h}from"./p-Bb5V9TQx.js";import{d as f}from"./p-DGNIsXfr.js";import{d as m}from"./p-C-v22G3g.js";import{d as u}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as x}from"./p-Bodw4NVB.js";import{d as b}from"./p-PfdIkMoz.js";const g=()=>`verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275)}@media all and (max-width: 600px){verdocs-template-field-properties{padding:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .options-header{gap:10px;margin:0 0 5px 0;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;padding:5px 8px;font-weight:700;text-align:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;background-color:#333333}verdocs-template-field-properties .options-header-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-weight:700;font-size:14px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:rgb(165, 0, 33)}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 1px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}`;const w=e=>e.charAt(0).toUpperCase()+e.slice(1);const y=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const k='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';const E=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.settingsChanged=s(this,"settingsChanged");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.getDefault();this.templateId="";this.fieldName="";this.helpText="";this.dirty=false;this.label="";this.type="textbox";this.name="";this.required=false;this.readonly=false;this.roleName="";this.group="";this.fieldType="";this.options=[];this.placeholder="";this.defaultValue="";this.showingHelp=false;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();c.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false;this.resetForm()}))}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);return}if(!this.fieldName){console.error(`[FIELD PROPERTIES] Missing required field name`);return}if(!this.endpoint.session){console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[FIELD PROPERTIES] Error loading template",i);this.loading=false;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}resetForm(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).find((e=>e.name===this.fieldName));if(!t){console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`);return}this.type=t.type;this.name=t.name;this.label=t.label;this.group=t.group;this.roleName=t.role_name;this.required=t.required;this.readonly=t.readonly;this.fieldType=t.type;this.options=t.options||[];this.placeholder=t.placeholder||"";this.defaultValue=t.default||"";this.dirty=false;this.loading=false;this.cleanupOptions()}handleCancel(e){var t,s;e.stopPropagation();this.resetForm();(t=this.close)===null||t===void 0?void 0:t.emit();(s=document.getElementById("verdocs-template-field-properties"))===null||s===void 0?void 0:s.remove()}handleSave(e){e.stopPropagation();const t={name:this.name,role_name:this.roleName,required:this.required,readonly:this.readonly,label:this.label,group:this.group,placeholder:this.placeholder,default:this.defaultValue,options:this.options};this.cleanupOptions();a(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var t,s,i;console.log("[FIELD PROPERTIES] Updated",e);const o=JSON.parse(JSON.stringify(this.template));const l=o.fields.findIndex((e=>e.name===this.fieldName));if(l>-1){o.fields[l]=e}c.updateTemplate(this.templateId,o);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:this.fieldName,field:e});(s=this.close)===null||s===void 0?void 0:s.emit();(i=document.getElementById("verdocs-template-field-properties"))===null||i===void 0?void 0:i.remove()})).catch((()=>{console.log("[FIELD PROPERTIES] Update failed",e)}))}async handleDelete(e){e.stopPropagation();p(this.endpoint,this.templateId,this.fieldName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.fields=s.fields.filter((e=>e.name!==this.fieldName));c.updateTemplate(this.templateId,s);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=document.getElementById("verdocs-template-field-properties"))===null||t===void 0?void 0:t.remove()})).catch((e=>{console.log("[FIELD PROPERTIES] Deletion error",e)}))}cleanupOptions(){this.options=[...this.options.filter((e=>(e.id||"").trim()!==""||(e.label||"").trim()!==""))];if(!this.options.find((e=>!e.id&&!e.label))){this.options=[...this.options,{id:"",label:""}]}}render(){var e,t;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session||!(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.name===this.fieldName))){return i(o,{class:"empty"})}if(this.helpText&&this.showingHelp){return i(o,null,i("h6",null,w(this.fieldType)," Settings ",i("div",{style:{flex:"1"}}),i("div",{class:"help-icon",innerHTML:k,onClick:()=>this.showingHelp=false})),i("p",{class:"instructions",innerHTML:this.helpText}))}const s=this.options.filter((e=>(e.id||"").trim()!==""||(e.label||"").trim()!=="")).length>0;const l=!this.dirty||this.type==="dropdown"&&!s;return i(o,{id:"verdocs-template-field-properties"},i("h6",null,w(this.fieldType.replace(/_/g," "))," Settings ",i("div",{style:{flex:"1"}}),this.helpText&&i("div",{class:"help-icon",innerHTML:k,onClick:()=>this.showingHelp=true})),i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}})),i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:e=>{this.label=e.target.value;this.dirty=true}})),i("div",{class:"row"},i("div",{class:"input-label"},"Role:"),i("verdocs-select-input",{value:this.roleName,options:(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).map((e=>({label:e.name,value:e.name}))),onInput:e=>{this.roleName=e.target.value;this.dirty=true}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-value",label:"Default Value",value:this.defaultValue,autocomplete:"off",placeholder:this.readonly&&!this.defaultValue?"Default value required":"Pre-filled value...",onInput:e=>{this.defaultValue=e.target.value;this.dirty=true}})),this.type==="radio"&&i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Group",value:this.group,autocomplete:"off",helpText:"Enable exclusive selections. Only one option within the same group may be selected at a time.",placeholder:"Group...",onInput:e=>{this.group=(e.target.value||"").trim().toLowerCase().replace(/[^a-z0-9]/g,"");this.dirty=true}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:e=>{this.placeholder=e.target.value;this.dirty=true}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),i("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:e=>{this.required=e.target.checked;this.dirty=true}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-readonly",class:"input-label"},"Read-only"),i("verdocs-checkbox",{id:"verdocs-is-readonly",name:"is-readonly",checked:this.readonly,value:"on",onInput:e=>{this.readonly=e.target.checked;this.dirty=true}})),this.type==="dropdown"&&i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Options")),this.type==="dropdown"&&i("div",{class:"options"},i("div",{class:"options-header"},i("div",{class:"options-header-label"},"ID"),i("dev",{class:"options-header-label"},"Label")),this.options.map(((e,t)=>i("div",{class:"row option-row",key:t},i("verdocs-text-input",{value:e.id,placeholder:"Unique ID",onInput:e=>{this.options[t].id=e.target.value;this.dirty=true;this.cleanupOptions()}}),i("verdocs-text-input",{value:e.label,placeholder:"Display label",onInput:e=>{this.options[t].label=e.target.value;this.dirty=true;this.cleanupOptions()}}),i("button",{innerHTML:y,class:"remove-button",onClick:()=>{this.options=this.options.filter((t=>t.id!==e.id));this.dirty=true;this.cleanupOptions()}}))))),i("div",{class:"buttons"},i("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:y}),i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:l||this.readonly&&!this.defaultValue,onClick:e=>!l&&this.handleSave(e)}))))}get el(){return this}static get style(){return g()}},[0,"verdocs-template-field-properties",{endpoint:[16],templateId:[1,"template-id"],fieldName:[1025,"field-name"],helpText:[1,"help-text"],dirty:[32],label:[32],type:[32],name:[32],required:[32],readonly:[32],roleName:[32],group:[32],fieldType:[32],options:[32],placeholder:[32],defaultValue:[32],showingHelp:[32],loading:[32],template:[32]}]);function I(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-field-properties","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-field-properties":if(!customElements.get(l(e))){customElements.define(l(e),E)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-checkbox":if(!customElements.get(l(e))){f()}break;case"verdocs-component-error":if(!customElements.get(l(e))){m()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){u()}break;case"verdocs-loader":if(!customElements.get(l(e))){v()}break;case"verdocs-select-input":if(!customElements.get(l(e))){x()}break;case"verdocs-text-input":if(!customElements.get(l(e))){b()}break}}))}export{E as V,I as d};
+//# sourceMappingURL=p-Bxvw_LqR.js.map

package/dist/components/p-ByrpRZ3E.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as i,h as s,t as o}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as c,formatFullName as a,getActiveEntitlements as r,isValidEmail as n}from"@verdocs/js-sdk";import{c as l}from"./p-BCwFpXpV.js";import{d as p}from"./p-Bb5V9TQx.js";import{d}from"./p-C8yiLtCJ.js";import{d as h}from"./p-DreV6Npp.js";function u(e){const t=e===null||e===void 0?void 0:e.parentElement;if(!e||!t){return}const i=e.scrollHeight>e.clientHeight+1;const s=e.scrollTop+e.clientHeight>=e.scrollHeight-1;t.classList.toggle("scrollable",i);t.classList.toggle("at-end",s)}const m=()=>`verdocs-contact-picker{--picker-ink:var(--verdocs-body-color, #111827);--picker-ink-2:#374151;--picker-muted:#6b7280;--picker-faint:#9ca3af;--picker-control-border:#d1d5db;--picker-accent:var(--verdocs-link-color, #4c56cb);--picker-accent-tint:#f4f5fc;--picker-accent-tint-2:#e6e7f8;display:block;font-size:14px;color:var(--picker-ink);font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-contact-picker *{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-contact-picker form{-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker .form-body-wrap{position:relative;-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker .form-body{position:relative;-ms-flex:1;flex:1;min-height:0;overflow-y:auto}verdocs-contact-picker .scroll-fade{position:absolute;left:0;right:0;bottom:0;height:36px;opacity:0;pointer-events:none;-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(rgba(255, 255, 255, 0), #ffffff)}verdocs-contact-picker .scrollable:not(.at-end)>.scroll-fade{opacity:1}verdocs-contact-picker .row.names{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;position:relative}verdocs-contact-picker .row.names .field{-ms-flex:1;flex:1;min-width:0}verdocs-contact-picker .field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:4px;margin:0 0 10px 0}verdocs-contact-picker .field label{font-size:12px;font-weight:500;color:var(--picker-ink-2)}verdocs-contact-picker .field label .optional{color:var(--picker-muted);font-weight:400}verdocs-contact-picker input,verdocs-contact-picker textarea{width:100%;font-size:13px;font-family:inherit;color:var(--picker-ink);background:#ffffff;border:1px solid var(--picker-control-border);border-radius:6px;outline:none}verdocs-contact-picker input:focus,verdocs-contact-picker textarea:focus{border-color:var(--picker-accent);-webkit-box-shadow:0 0 0 2px var(--picker-accent-tint-2);box-shadow:0 0 0 2px var(--picker-accent-tint-2)}verdocs-contact-picker input::-webkit-input-placeholder,verdocs-contact-picker textarea::-webkit-input-placeholder{color:var(--picker-faint);opacity:1}verdocs-contact-picker input::-moz-placeholder,verdocs-contact-picker textarea::-moz-placeholder{color:var(--picker-faint);opacity:1}verdocs-contact-picker input:-ms-input-placeholder,verdocs-contact-picker textarea:-ms-input-placeholder{color:var(--picker-faint);opacity:1}verdocs-contact-picker input::-ms-input-placeholder,verdocs-contact-picker textarea::-ms-input-placeholder{color:var(--picker-faint);opacity:1}verdocs-contact-picker input::placeholder,verdocs-contact-picker textarea::placeholder{color:var(--picker-faint);opacity:1}verdocs-contact-picker input{height:34px;padding:0 10px}verdocs-contact-picker textarea{height:56px;padding:8px 10px;resize:vertical}verdocs-contact-picker .group{margin:2px 0 12px 0}verdocs-contact-picker .group .group-label{font-size:12px;font-weight:500;color:var(--picker-ink-2);margin:0 0 6px 0}verdocs-contact-picker .pills{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}verdocs-contact-picker .pill{all:unset;height:26px;padding:0 9px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;white-space:nowrap;border-radius:999px;color:var(--picker-ink-2);border:1px solid var(--picker-control-border)}verdocs-contact-picker .pill:focus-visible{outline:2px solid var(--picker-accent);outline-offset:2px}verdocs-contact-picker .pill.selected{color:var(--picker-accent);border-color:var(--picker-accent);background:var(--picker-accent-tint)}verdocs-contact-picker .pill.locked{opacity:0.5;cursor:not-allowed}verdocs-contact-picker .pill .pill-icon,verdocs-contact-picker .pill .pill-icon svg{width:12px;height:12px;display:block}verdocs-contact-picker .passcode{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:8px}verdocs-contact-picker .passcode input{-ms-flex:0 0 120px;flex:0 0 120px;width:120px;height:30px}verdocs-contact-picker .passcode .passcode-hint{-ms-flex:1;flex:1;min-width:0;font-size:11px;line-height:1.35;color:var(--picker-muted);-ms-flex-item-align:center;align-self:center}verdocs-contact-picker .buttons{margin-top:10px;padding-top:12px;border-top:1px solid #e5e7eb;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}verdocs-contact-picker .buttons verdocs-button:last-child{-ms-flex:1;flex:1}verdocs-contact-picker .buttons verdocs-button:last-child button{width:100%}verdocs-contact-picker .suggestions{position:absolute;top:0;left:0;right:0;z-index:20;max-height:225px;overflow-y:auto;background:#ffffff;border-radius:6px;border:1px solid #e5e7eb;-webkit-box-shadow:0 8px 24px rgba(17, 24, 39, 0.14);box-shadow:0 8px 24px rgba(17, 24, 39, 0.14)}verdocs-contact-picker .suggestions .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;cursor:pointer}verdocs-contact-picker .suggestions .suggestion svg{width:28px;height:28px}verdocs-contact-picker .suggestions .suggestion .avatar{width:28px;height:28px;-ms-flex:0 0 28px;flex:0 0 28px;margin-right:8px;border-radius:100%}verdocs-contact-picker .suggestions .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}verdocs-contact-picker .suggestions .suggestion .name{font-size:13px;font-weight:500;color:var(--picker-ink)}verdocs-contact-picker .suggestions .suggestion .destination{font-size:12px;color:var(--picker-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-contact-picker .suggestions .suggestion:hover{background:var(--picker-accent-tint)}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}`;const f=`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>`;const v=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;const x=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.searchContacts=i(this,"searchContacts");this.exit=i(this,"exit");this.next=i(this,"next");this.endpoint=c.getDefault();this.templateRole=null;this.contactSuggestions=[];this.showCancel=true;this.showSuggestions=false;this.showMessage=false;this.delegator=false;this.name_locked=false;this.auth_methods=[];this.passcode="";this.firstNameFieldId=`verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2,11)}`;this.lastNameFieldId=`verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2,11)}`;this.emailFieldId=`verdocs-contact-picker-email-${Math.random().toString(36).substring(2,11)}`;this.phoneFieldId=`verdocs-contact-picker-phone-${Math.random().toString(36).substring(2,11)}`;this.activeEntitlements={};this.authMethodsLoading=true}async componentWillLoad(){this.endpoint.loadSession();if(this.templateRole){const e=a(this.templateRole);const t=e.split(" ");const i=this.templateRole.first_name||t.shift()||"";const s=this.templateRole.last_name||t.join(" ")||"";this.first_name=i;this.last_name=s;this.email=this.templateRole.email||"";this.phone=this.templateRole.phone||"";this.delegator=this.templateRole.delegator||false;this.name_locked=this.delegator?false:this.templateRole.name_locked||false;this.message=this.templateRole.message||"";this.showMessage=this.message!=="";this.auth_methods=this.templateRole.auth_methods||[];this.passcode=this.templateRole.passcode||""}this.activeEntitlements=await r(this.endpoint).catch((e=>{console.warn("[CONTACT PICKER] Unable to load entitlements, continuing with base auth methods only",e);return{}}));this.authMethodsLoading=false;console.log("[CONTACT PICKER] Loaded entitlements",this.activeEntitlements)}componentDidRender(){const e=this.el.querySelector(".form-body");u(e);if(this.suggestionsEl&&this.namesRowEl&&e){this.suggestionsEl.style.top=`${this.namesRowEl.offsetTop+this.namesRowEl.offsetHeight-e.scrollTop+4}px`}}handleDocumentClick(e){if(this.showSuggestions&&!this.el.contains(e.target)){this.showSuggestions=false}}handleFirstNameChange(e){var t;this.first_name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.first_name})}handleLastNameChange(e){var t;this.last_name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.last_name})}handleCancel(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.exit)===null||t===void 0?void 0:t.emit()}handleSubmit(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.next)===null||t===void 0?void 0:t.emit({first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator,name_locked:this.name_locked,auth_methods:this.auth_methods,passcode:this.passcode,address:this.address,zip:this.zip})}handleSelectSuggestion(e,t){e.stopPropagation();this.first_name=t.first_name;this.last_name=t.last_name;this.email=t.email;this.phone=t.phone;this.showSuggestions=false}toggleAuthMethod(e){if(this.auth_methods.includes(e)){this.auth_methods=this.auth_methods.filter((t=>t!==e))}else{this.auth_methods=[...this.auth_methods,e]}}setSigningOption(e){this.delegator=e==="delegator";this.name_locked=e==="name_locked"}renderPill(e,t,i,o={}){return s("button",{type:"button",class:{pill:true,selected:t,locked:!!o.locked},"aria-pressed":t?"true":"false",disabled:o.locked&&!t,title:o.title,onClick:i},o.locked&&s("span",{class:"pill-icon",innerHTML:v}),e)}render(){const e=this.first_name&&this.last_name&&n(this.email);const t=this.auth_methods.every((e=>{switch(e){case"passcode":return!!this.passcode;case"kba":return!!this.first_name&&!!this.last_name;case"email":return!!this.email;case"sms":return!!this.phone;default:return true}}));const i=e&&t;const o=!!this.activeEntitlements.sms_auth;const c=[{label:"Email OTP",value:"email"},{label:"Passcode",value:"passcode"},{label:"SMS OTP",value:"sms",locked:!o},{label:"KBA",value:"kba",locked:!this.activeEntitlements.kba_auth},{label:"ID check",value:"id",locked:!this.activeEntitlements.id_auth}];const r=this.delegator?"delegator":this.name_locked?"name_locked":"none";return s("form",{onSubmit:e=>e.preventDefault(),autocomplete:"off"},s("div",{class:"form-body-wrap"},s("div",{class:"form-body",onScroll:e=>{u(e.target);this.showSuggestions=false}},s("div",{class:"row names",ref:e=>this.namesRowEl=e},s("div",{class:"field"},s("label",{htmlFor:this.firstNameFieldId},"First name"),s("input",{id:this.firstNameFieldId,name:this.firstNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked","aria-autocomplete":"none",value:this.first_name,onFocus:()=>{setTimeout((()=>{var e;this.showSuggestions=((e=this.contactSuggestions)===null||e===void 0?void 0:e.length)>0}),100)},onInput:e=>this.handleFirstNameChange(e)})),s("div",{class:"field"},s("label",{htmlFor:this.lastNameFieldId},"Last name"),s("input",{id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked","aria-autocomplete":"none",value:this.last_name,onFocus:()=>{setTimeout((()=>{var e;this.showSuggestions=((e=this.contactSuggestions)===null||e===void 0?void 0:e.length)>0}),100)},onInput:e=>this.handleLastNameChange(e)}))),s("div",{class:"field"},s("label",{htmlFor:this.emailFieldId},"Email"),s("input",{id:this.emailFieldId,name:this.emailFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked","aria-autocomplete":"none",value:this.email,onFocus:()=>this.showSuggestions=false,onInput:e=>this.email=e.target.value})),o&&s("div",{class:"field"},s("label",{htmlFor:this.phoneFieldId},"Phone ",s("span",{class:"optional"},"(optional)")),s("input",{id:this.phoneFieldId,name:this.phoneFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked","aria-autocomplete":"none",value:this.phone,placeholder:"+1 (555) 000-0000",onFocus:()=>this.showSuggestions=false,onInput:e=>{this.phone=l(e.target.value)}})),s("div",{class:"group"},s("div",{class:"group-label"},"Verification"),this.authMethodsLoading?s("verdocs-spinner",{size:10,mode:"dark"}):s("div",{class:"pills"},c.map((e=>this.renderPill(e.label,this.auth_methods.includes(e.value),(()=>this.toggleAuthMethod(e.value)),{locked:e.locked,title:e.locked?"Please contact sales@verdocs.com to enable this feature.":undefined})))),this.auth_methods.includes("passcode")&&s("div",{class:"passcode"},s("input",{id:"verdocs-passcode",name:"verdocs-passcode",type:"text","data-lpignore":"true",autocomplete:"blocked","aria-autocomplete":"none","aria-label":"Passcode",value:this.passcode,placeholder:"4-8 digits",onFocus:()=>this.showSuggestions=false,onInput:e=>this.passcode=e.target.value}),s("span",{class:"passcode-hint"},"PIN or passcode shared separately with the recipient ahead of time"))),s("div",{class:"group"},s("div",{class:"group-label"},"Signing options"),s("div",{class:"pills"},this.renderPill("None",r==="none",(()=>this.setSigningOption("none"))),this.renderPill("May delegate",r==="delegator",(()=>this.setSigningOption("delegator"))),this.renderPill("Name locked",r==="name_locked",(()=>this.setSigningOption("name_locked"))))),s("div",{class:"field"},s("label",{htmlFor:"verdocs-contact-picker-message"},"Message ",s("span",{class:"optional"},"(optional)")),s("textarea",{id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message","data-lpignore":"true",autocomplete:"blocked",placeholder:"Add a message to the invitation",onFocus:()=>this.showSuggestions=false,onInput:e=>this.message=e.target.value},this.message))),s("div",{class:"scroll-fade"}),this.showSuggestions&&s("div",{class:"suggestions",role:"listbox",ref:e=>this.suggestionsEl=e},this.contactSuggestions.filter((e=>{var t;return!this.first_name||((t=e.first_name)===null||t===void 0?void 0:t.toLowerCase().includes(this.first_name.toLowerCase()))})).map((e=>{var t;return s("div",{key:(t=e.id)!==null&&t!==void 0?t:e.email,class:"suggestion",onClick:t=>this.handleSelectSuggestion(t,e)},e.picture?s("img",{alt:"Avatar",class:"avatar",src:e.picture}):s("div",{class:"avatar",innerHTML:f}),s("div",{class:"details"},s("div",{class:"name"},a(e)),e.email&&s("div",{class:"destination"},e.email),e.phone&&s("div",{class:"destination"},e.phone)))})))),s("div",{class:"buttons"},this.showCancel&&s("verdocs-button",{label:"Cancel",variant:"text",size:"small",onClick:e=>this.handleCancel(e)}),s("verdocs-button",{label:"Done",size:"small",disabled:!i,onClick:!i?()=>{}:e=>this.handleSubmit(e)})))}get el(){return this}static get style(){return m()}},[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],showCancel:[4,"show-cancel"],first_name:[32],last_name:[32],email:[32],phone:[32],zip:[32],address:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],name_locked:[32],auth_methods:[32],passcode:[32],firstNameFieldId:[32],lastNameFieldId:[32],emailFieldId:[32],phoneFieldId:[32],activeEntitlements:[32],authMethodsLoading:[32]},[[4,"click","handleDocumentClick"]]]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-contact-picker","verdocs-button","verdocs-flag","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-contact-picker":if(!customElements.get(o(e))){customElements.define(o(e),x)}break;case"verdocs-button":if(!customElements.get(o(e))){p()}break;case"verdocs-flag":if(!customElements.get(o(e))){d()}break;case"verdocs-spinner":if(!customElements.get(o(e))){h()}break}}))}export{x as V,k as d,u};
+//# sourceMappingURL=p-ByrpRZ3E.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["updateScrollFade","body","wrap","parentElement","scrollable","scrollHeight","clientHeight","atEnd","scrollTop","classList","toggle","verdocsContactPickerCss","addrBookIcon","lockIcon","VerdocsContactPicker","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","endpoint","VerdocsEndpoint","getDefault","templateRole","contactSuggestions","showCancel","showSuggestions","showMessage","delegator","name_locked","auth_methods","passcode","firstNameFieldId","Math","random","toString","substring","lastNameFieldId","emailFieldId","phoneFieldId","activeEntitlements","authMethodsLoading","componentWillLoad","loadSession","fullName","formatFullName","nameComponents","split","firstName","first_name","shift","lastName","last_name","join","email","phone","message","getActiveEntitlements","catch","e","console","warn","log","componentDidRender","el","querySelector","suggestionsEl","namesRowEl","style","top","offsetTop","offsetHeight","handleDocumentClick","contains","target","handleFirstNameChange","value","_a","searchContacts","emit","query","handleLastNameChange","handleCancel","stopPropagation","exit","handleSubmit","next","address","zip","handleSelectSuggestion","suggestion","toggleAuthMethod","method","includes","filter","selected","setSigningOption","option","renderPill","label","onClick","opts","h","type","class","pill","locked","disabled","title","innerHTML","render","hasBasics","isValidEmail","hasAuthRequirements","every","canSubmit","hasSMSAuth","sms_auth","verificationOptions","kba_auth","id_auth","signingOption","onSubmit","preventDefault","autocomplete","onScroll","ref","htmlFor","id","name","onFocus","setTimeout","length","onInput","autoComplete","placeholder","convertToE164","size","mode","map","undefined","role","toLowerCase","key","picture","alt","src","variant"],"sources":["src/utils/ScrollFade.ts","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"sourcesContent":["/**\n * Toggle `scrollable` and `at-end` on the wrapper of a scrolling body so a CSS fade can show\n * only while there is more content below the fold.\n */\nexport function updateScrollFade(body: HTMLElement | null | undefined) {\n  const wrap = body?.parentElement;\n  if (!body || !wrap) {\n    return;\n  }\n\n  const scrollable = body.scrollHeight > body.clientHeight + 1;\n  const atEnd = body.scrollTop + body.clientHeight >= body.scrollHeight - 1;\n  wrap.classList.toggle('scrollable', scrollable);\n  wrap.classList.toggle('at-end', atEnd);\n}\n","@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  --picker-ink: var(--verdocs-body-color, #111827);\n  --picker-ink-2: #374151;\n  --picker-muted: #6b7280;\n  --picker-faint: #9ca3af;\n  --picker-control-border: #d1d5db;\n  --picker-accent: var(--verdocs-link-color, #{$secondary-color});\n  --picker-accent-tint: #f4f5fc;\n  --picker-accent-tint-2: #e6e7f8;\n\n  display: block;\n  font-size: 14px;\n  color: var(--picker-ink);\n  font-family: $verdocs-primary-font;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  form {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  // Fields scroll above a pinned Done button when the host constrains the picker's height; with\n  // no constraint the body simply grows and the fade never shows.\n  .form-body-wrap {\n    position: relative;\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .form-body {\n    position: relative;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  .scroll-fade {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 36px;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 150ms ease-out;\n    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);\n  }\n\n  .scrollable:not(.at-end) > .scroll-fade {\n    opacity: 1;\n  }\n\n  .row.names {\n    display: flex;\n    column-gap: 8px;\n    position: relative;\n\n    .field {\n      flex: 1;\n      min-width: 0;\n    }\n  }\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    row-gap: 4px;\n    margin: 0 0 10px 0;\n\n    label {\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--picker-ink-2);\n\n      .optional {\n        color: var(--picker-muted);\n        font-weight: 400;\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    font-size: 13px;\n    font-family: inherit;\n    color: var(--picker-ink);\n    background: #ffffff;\n    border: 1px solid var(--picker-control-border);\n    border-radius: 6px;\n    outline: none;\n\n    &:focus {\n      border-color: var(--picker-accent);\n      box-shadow: 0 0 0 2px var(--picker-accent-tint-2);\n    }\n\n    &::placeholder {\n      color: var(--picker-faint);\n      opacity: 1;\n    }\n  }\n\n  input {\n    height: 34px;\n    padding: 0 10px;\n  }\n\n  textarea {\n    height: 56px;\n    padding: 8px 10px;\n    resize: vertical;\n  }\n\n  .group {\n    margin: 2px 0 12px 0;\n\n    .group-label {\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--picker-ink-2);\n      margin: 0 0 6px 0;\n    }\n  }\n\n  .pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n\n  .pill {\n    all: unset;\n    height: 26px;\n    padding: 0 9px;\n    display: inline-flex;\n    align-items: center;\n    column-gap: 4px;\n    cursor: pointer;\n    font-size: 12px;\n    font-weight: 500;\n    font-family: inherit;\n    white-space: nowrap;\n    border-radius: 999px;\n    color: var(--picker-ink-2);\n    border: 1px solid var(--picker-control-border);\n\n    &:focus-visible {\n      outline: 2px solid var(--picker-accent);\n      outline-offset: 2px;\n    }\n\n    &.selected {\n      color: var(--picker-accent);\n      border-color: var(--picker-accent);\n      background: var(--picker-accent-tint);\n    }\n\n    &.locked {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .pill-icon,\n    .pill-icon svg {\n      width: 12px;\n      height: 12px;\n      display: block;\n    }\n  }\n\n  .passcode {\n    display: flex;\n    align-items: center;\n    column-gap: 8px;\n    margin-top: 8px;\n\n    input {\n      flex: 0 0 120px;\n      width: 120px;\n      height: 30px;\n    }\n\n    .passcode-hint {\n      flex: 1;\n      min-width: 0;\n      font-size: 11px;\n      line-height: 1.35;\n      color: var(--picker-muted);\n      align-self: center;\n    }\n  }\n\n  .buttons {\n    margin-top: 10px;\n    padding-top: 12px;\n    border-top: 1px solid #e5e7eb;\n    flex: none;\n    display: flex;\n    column-gap: 10px;\n\n    verdocs-button:last-child {\n      flex: 1;\n    }\n\n    verdocs-button:last-child button {\n      width: 100%;\n    }\n  }\n\n  .suggestions {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 20;\n    max-height: 225px;\n    overflow-y: auto;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e5e7eb;\n    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.14);\n\n    .suggestion {\n      display: flex;\n      padding: 6px 12px;\n      align-items: center;\n      flex-direction: row;\n      cursor: pointer;\n\n      svg {\n        width: 28px;\n        height: 28px;\n      }\n\n      .avatar {\n        width: 28px;\n        height: 28px;\n        flex: 0 0 28px;\n        margin-right: 8px;\n        border-radius: 100%;\n      }\n\n      .details {\n        display: flex;\n        flex-direction: column;\n        min-width: 0;\n      }\n\n      .name {\n        font-size: 13px;\n        font-weight: 500;\n        color: var(--picker-ink);\n      }\n\n      .destination {\n        font-size: 12px;\n        color: var(--picker-muted);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      &:hover {\n        background: var(--picker-accent-tint);\n      }\n    }\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n","import {Component, Element, h, Event, EventEmitter, Listen, Prop, State} from '@stencil/core';\nimport {formatFullName, getActiveEntitlements, IEntitlement, IProfile, IRecipient, isValidEmail, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {updateScrollFade} from '../../../utils/ScrollFade';\nimport {convertToE164} from '../../../utils/utils';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nconst lockIcon = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/></svg>`;\n\ntype TSigningOption = 'none' | 'delegator' | 'name_locked';\n\nexport interface IContactSearchEvent {\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n  name_locked: boolean;\n  auth_methods: TRecipientAuthMethod[];\n  passcode: string;\n  address: string;\n  zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n *   templateRole={role}\n *   contactSuggestions={[]}\n *   onNext={e => console.log('Contact completed', e.detail)}\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\n  @Element() el: HTMLElement;\n\n  private namesRowEl: HTMLElement;\n  private suggestionsEl: HTMLElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: Partial<IRecipient> | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: TPickerContact[] = [];\n\n  /**\n   * Whether to show a Cancel button beside Done.\n   */\n  @Prop() showCancel = true;\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\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  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() first_name: string;\n  @State() last_name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() zip: string;\n  @State() address: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() name_locked: boolean = false;\n  @State() auth_methods: TRecipientAuthMethod[] = [];\n  @State() passcode: string = '';\n\n  @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n  @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() activeEntitlements: Partial<Record<TEntitlement, IEntitlement>> = {};\n  @State() authMethodsLoading: boolean = true;\n\n  async componentWillLoad() {\n    this.endpoint.loadSession();\n\n    if (this.templateRole) {\n      const fullName = formatFullName(this.templateRole);\n      const nameComponents = fullName.split(' ');\n      const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n      const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n      this.first_name = firstName;\n      this.last_name = lastName;\n\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      // delegator and name_locked are mutually exclusive; delegator takes precedence if both are somehow set\n      this.delegator = this.templateRole.delegator || false;\n      this.name_locked = this.delegator ? false : this.templateRole.name_locked || false;\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n      this.auth_methods = this.templateRole.auth_methods || [];\n      this.passcode = this.templateRole.passcode || '';\n    }\n\n    // Entitlements only gate optional methods like KBA. We need error handling here in case the getActiveEntitlements\n    // call fails or we stay loading forever.\n    this.activeEntitlements = await getActiveEntitlements(this.endpoint).catch(e => {\n      console.warn('[CONTACT PICKER] Unable to load entitlements, continuing with base auth methods only', e);\n      return {} as Partial<Record<TEntitlement, IEntitlement>>;\n    });\n\n    this.authMethodsLoading = false;\n    console.log('[CONTACT PICKER] Loaded entitlements', this.activeEntitlements);\n  }\n\n  // Make sure the suggestion list doesn't break the scroll region\n  componentDidRender() {\n    const body = this.el.querySelector('.form-body') as HTMLElement | null;\n    updateScrollFade(body);\n    if (this.suggestionsEl && this.namesRowEl && body) {\n      this.suggestionsEl.style.top = `${this.namesRowEl.offsetTop + this.namesRowEl.offsetHeight - body.scrollTop + 4}px`;\n    }\n  }\n\n  @Listen('click', {target: 'document'})\n  handleDocumentClick(e: MouseEvent) {\n    if (this.showSuggestions && !this.el.contains(e.target as Node)) {\n      this.showSuggestions = false;\n    }\n  }\n\n  handleFirstNameChange(e: any) {\n    this.first_name = e.target.value;\n    this.searchContacts?.emit({query: this.first_name});\n  }\n\n  handleLastNameChange(e: any) {\n    this.last_name = e.target.value;\n    this.searchContacts?.emit({query: this.last_name});\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.exit?.emit();\n  }\n\n  handleSubmit(e: any) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n      name_locked: this.name_locked,\n      auth_methods: this.auth_methods,\n      passcode: this.passcode,\n      address: this.address,\n      zip: this.zip,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n    e.stopPropagation();\n\n    this.first_name = suggestion.first_name;\n    this.last_name = suggestion.last_name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  toggleAuthMethod(method: TRecipientAuthMethod) {\n    if (this.auth_methods.includes(method)) {\n      this.auth_methods = this.auth_methods.filter(selected => selected !== method);\n    } else {\n      this.auth_methods = [...this.auth_methods, method];\n    }\n  }\n\n  // TODO: Decide whether we want to keep these mutually-exclusive\n  setSigningOption(option: TSigningOption) {\n    this.delegator = option === 'delegator';\n    this.name_locked = option === 'name_locked';\n  }\n\n  renderPill(label: string, selected: boolean, onClick: () => void, opts: {locked?: boolean; title?: string} = {}) {\n    return (\n      <button\n        type=\"button\"\n        class={{pill: true, selected, locked: !!opts.locked}}\n        aria-pressed={selected ? 'true' : 'false'}\n        disabled={opts.locked && !selected}\n        title={opts.title}\n        onClick={onClick}\n      >\n        {opts.locked && <span class=\"pill-icon\" innerHTML={lockIcon} />}\n        {label}\n      </button>\n    );\n  }\n\n  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n  // and show a duplicate autocomplete picker on top of our own.\n  render() {\n    const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n\n    const hasAuthRequirements = this.auth_methods.every(method => {\n      switch (method) {\n        case 'passcode':\n          return !!this.passcode;\n        case 'kba':\n          return !!this.first_name && !!this.last_name;\n        case 'email':\n          return !!this.email;\n        case 'sms':\n          return !!this.phone;\n        default:\n          return true;\n      }\n    });\n\n    const canSubmit = hasBasics && hasAuthRequirements;\n    const hasSMSAuth = !!this.activeEntitlements.sms_auth;\n\n    // TODO: We show non-entitled options disabled so folks know what's possible. We could alternatively hide them.\n    const verificationOptions: {label: string; value: TRecipientAuthMethod; locked?: boolean}[] = [\n      {label: 'Email OTP', value: 'email'},\n      {label: 'Passcode', value: 'passcode'},\n      {label: 'SMS OTP', value: 'sms', locked: !hasSMSAuth},\n      {label: 'KBA', value: 'kba', locked: !this.activeEntitlements.kba_auth},\n      {label: 'ID check', value: 'id', locked: !this.activeEntitlements.id_auth},\n    ];\n\n    const signingOption: TSigningOption = this.delegator ? 'delegator' : this.name_locked ? 'name_locked' : 'none';\n\n    return (\n      <form onSubmit={e => e.preventDefault()} autocomplete=\"off\">\n        <div class=\"form-body-wrap\">\n          <div\n            class=\"form-body\"\n            onScroll={(e: any) => {\n              updateScrollFade(e.target);\n              this.showSuggestions = false;\n            }}\n          >\n            <div class=\"row names\" ref={el => (this.namesRowEl = el)}>\n              <div class=\"field\">\n                <label htmlFor={this.firstNameFieldId}>First name</label>\n                <input\n                  id={this.firstNameFieldId}\n                  name={this.firstNameFieldId}\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  aria-autocomplete=\"none\"\n                  value={this.first_name}\n                  onFocus={() => {\n                    // Give the blur event a chance to hide it first if going between first/last\n                    setTimeout(() => {\n                      this.showSuggestions = this.contactSuggestions?.length > 0;\n                    }, 100);\n                  }}\n                  onInput={e => this.handleFirstNameChange(e)}\n                />\n              </div>\n              <div class=\"field\">\n                <label htmlFor={this.lastNameFieldId}>Last name</label>\n                <input\n                  id={this.lastNameFieldId}\n                  name={this.lastNameFieldId}\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  aria-autocomplete=\"none\"\n                  value={this.last_name}\n                  onFocus={() => {\n                    // Give the blur event a chance to hide it first if going between first/last\n                    setTimeout(() => {\n                      this.showSuggestions = this.contactSuggestions?.length > 0;\n                    }, 100);\n                  }}\n                  onInput={e => this.handleLastNameChange(e)}\n                />\n              </div>\n            </div>\n\n            <div class=\"field\">\n              <label htmlFor={this.emailFieldId}>Email</label>\n              <input\n                id={this.emailFieldId}\n                name={this.emailFieldId}\n                type=\"text\"\n                data-lpignore=\"true\"\n                autoComplete=\"blocked\"\n                aria-autocomplete=\"none\"\n                value={this.email}\n                onFocus={() => (this.showSuggestions = false)}\n                onInput={(e: any) => (this.email = e.target.value)}\n              />\n            </div>\n\n            {hasSMSAuth && (\n              <div class=\"field\">\n                <label htmlFor={this.phoneFieldId}>\n                  Phone <span class=\"optional\">(optional)</span>\n                </label>\n                <input\n                  id={this.phoneFieldId}\n                  name={this.phoneFieldId}\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autoComplete=\"blocked\"\n                  aria-autocomplete=\"none\"\n                  value={this.phone}\n                  placeholder=\"+1 (555) 000-0000\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => {\n                    this.phone = convertToE164(e.target.value);\n                  }}\n                />\n              </div>\n            )}\n\n            <div class=\"group\">\n              <div class=\"group-label\">Verification</div>\n              {this.authMethodsLoading ? (\n                <verdocs-spinner size={10} mode=\"dark\" />\n              ) : (\n                <div class=\"pills\">\n                  {verificationOptions.map(option =>\n                    this.renderPill(option.label, this.auth_methods.includes(option.value), () => this.toggleAuthMethod(option.value), {\n                      locked: option.locked,\n                      title: option.locked ? 'Please contact sales@verdocs.com to enable this feature.' : undefined,\n                    }),\n                  )}\n                </div>\n              )}\n\n              {this.auth_methods.includes('passcode') && (\n                <div class=\"passcode\">\n                  <input\n                    id=\"verdocs-passcode\"\n                    name=\"verdocs-passcode\"\n                    type=\"text\"\n                    data-lpignore=\"true\"\n                    autocomplete=\"blocked\"\n                    aria-autocomplete=\"none\"\n                    aria-label=\"Passcode\"\n                    value={this.passcode}\n                    placeholder=\"4-8 digits\"\n                    onFocus={() => (this.showSuggestions = false)}\n                    onInput={(e: any) => (this.passcode = e.target.value)}\n                  />\n                  <span class=\"passcode-hint\">PIN or passcode shared separately with the recipient ahead of time</span>\n                </div>\n              )}\n            </div>\n\n            <div class=\"group\">\n              <div class=\"group-label\">Signing options</div>\n              <div class=\"pills\">\n                {this.renderPill('None', signingOption === 'none', () => this.setSigningOption('none'))}\n                {this.renderPill('May delegate', signingOption === 'delegator', () => this.setSigningOption('delegator'))}\n                {this.renderPill('Name locked', signingOption === 'name_locked', () => this.setSigningOption('name_locked'))}\n              </div>\n            </div>\n\n            <div class=\"field\">\n              <label htmlFor=\"verdocs-contact-picker-message\">\n                Message <span class=\"optional\">(optional)</span>\n              </label>\n              <textarea\n                id=\"verdocs-contact-picker-message\"\n                name=\"verdocs-contact-picker-message\"\n                data-lpignore=\"true\"\n                autocomplete=\"blocked\"\n                placeholder=\"Add a message to the invitation\"\n                onFocus={() => (this.showSuggestions = false)}\n                onInput={(e: any) => (this.message = e.target.value)}\n              >\n                {this.message}\n              </textarea>\n            </div>\n          </div>\n          <div class=\"scroll-fade\" />\n          {this.showSuggestions && (\n            <div class=\"suggestions\" role=\"listbox\" ref={el => (this.suggestionsEl = el)}>\n              {this.contactSuggestions\n                .filter(suggestion => !this.first_name || suggestion.first_name?.toLowerCase().includes(this.first_name.toLowerCase()))\n                .map(suggestion => (\n                  <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                    {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n                    <div class=\"details\">\n                      <div class=\"name\">{formatFullName(suggestion)}</div>\n                      {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                      {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                    </div>\n                  </div>\n                ))}\n            </div>\n          )}\n        </div>\n\n        <div class=\"buttons\">\n          {this.showCancel && <verdocs-button label=\"Cancel\" variant=\"text\" size=\"small\" onClick={e => this.handleCancel(e)} />}\n          <verdocs-button label=\"Done\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n"],"mappings":"8TAIM,SAAUA,EAAiBC,GAC/B,MAAMC,EAAOD,IAAI,MAAJA,SAAI,SAAJA,EAAME,cACnB,IAAKF,IAASC,EAAM,CAClB,M,CAGF,MAAME,EAAaH,EAAKI,aAAeJ,EAAKK,aAAe,EAC3D,MAAMC,EAAQN,EAAKO,UAAYP,EAAKK,cAAgBL,EAAKI,aAAe,EACxEH,EAAKO,UAAUC,OAAO,aAAcN,GACpCF,EAAKO,UAAUC,OAAO,SAAUH,EAClC,CCdA,MAAMI,EAA0B,IAAM,uqMCKtC,MAAMC,EAAe,oUAErB,MAAMC,EAAW,+P,MA8CJC,EAAoBC,EAAA,MAAAD,UAAAE,EALjC,WAAAC,CAAAC,G,2IAcUC,KAAAC,SAA4BC,EAAgBC,aAK5CH,KAAAI,aAA2C,KAM3CJ,KAAAK,mBAAuC,GAKvCL,KAAAM,WAAa,KAyBZN,KAAAO,gBAA2B,MAC3BP,KAAAQ,YAAuB,MACvBR,KAAAS,UAAqB,MACrBT,KAAAU,YAAuB,MACvBV,KAAAW,aAAuC,GACvCX,KAAAY,SAAmB,GAEnBZ,KAAAa,iBAAmB,oCAAoCC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,MAC/FjB,KAAAkB,gBAAkB,mCAAmCJ,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,MAC7FjB,KAAAmB,aAAe,gCAAgCL,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,MACvFjB,KAAAoB,aAAe,gCAAgCN,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,MAEvFjB,KAAAqB,mBAAkE,GAClErB,KAAAsB,mBAA8B,IA+UxC,CA7UC,uBAAMC,GACJvB,KAAKC,SAASuB,cAEd,GAAIxB,KAAKI,aAAc,CACrB,MAAMqB,EAAWC,EAAe1B,KAAKI,cACrC,MAAMuB,EAAiBF,EAASG,MAAM,KACtC,MAAMC,EAAY7B,KAAKI,aAAa0B,YAAcH,EAAeI,SAAW,GAC5E,MAAMC,EAAWhC,KAAKI,aAAa6B,WAAaN,EAAeO,KAAK,MAAQ,GAC5ElC,KAAK8B,WAAaD,EAClB7B,KAAKiC,UAAYD,EAEjBhC,KAAKmC,MAAQnC,KAAKI,aAAa+B,OAAS,GACxCnC,KAAKoC,MAAQpC,KAAKI,aAAagC,OAAS,GAExCpC,KAAKS,UAAYT,KAAKI,aAAaK,WAAa,MAChDT,KAAKU,YAAcV,KAAKS,UAAY,MAAQT,KAAKI,aAAaM,aAAe,MAC7EV,KAAKqC,QAAUrC,KAAKI,aAAaiC,SAAW,GAC5CrC,KAAKQ,YAAcR,KAAKqC,UAAY,GACpCrC,KAAKW,aAAeX,KAAKI,aAAaO,cAAgB,GACtDX,KAAKY,SAAWZ,KAAKI,aAAaQ,UAAY,E,CAKhDZ,KAAKqB,yBAA2BiB,EAAsBtC,KAAKC,UAAUsC,OAAMC,IACzEC,QAAQC,KAAK,uFAAwFF,GACrG,MAAO,EAAiD,IAG1DxC,KAAKsB,mBAAqB,MAC1BmB,QAAQE,IAAI,uCAAwC3C,KAAKqB,mB,CAI3D,kBAAAuB,GACE,MAAM9D,EAAOkB,KAAK6C,GAAGC,cAAc,cACnCjE,EAAiBC,GACjB,GAAIkB,KAAK+C,eAAiB/C,KAAKgD,YAAclE,EAAM,CACjDkB,KAAK+C,cAAcE,MAAMC,IAAM,GAAGlD,KAAKgD,WAAWG,UAAYnD,KAAKgD,WAAWI,aAAetE,EAAKO,UAAY,K,EAKlH,mBAAAgE,CAAoBb,GAClB,GAAIxC,KAAKO,kBAAoBP,KAAK6C,GAAGS,SAASd,EAAEe,QAAiB,CAC/DvD,KAAKO,gBAAkB,K,EAI3B,qBAAAiD,CAAsBhB,G,MACpBxC,KAAK8B,WAAaU,EAAEe,OAAOE,OAC3BC,EAAA1D,KAAK2D,kBAAc,MAAAD,SAAA,SAAAA,EAAEE,KAAK,CAACC,MAAO7D,KAAK8B,Y,CAGzC,oBAAAgC,CAAqBtB,G,MACnBxC,KAAKiC,UAAYO,EAAEe,OAAOE,OAC1BC,EAAA1D,KAAK2D,kBAAc,MAAAD,SAAA,SAAAA,EAAEE,KAAK,CAACC,MAAO7D,KAAKiC,W,CAGzC,YAAA8B,CAAavB,G,MACXA,EAAEwB,kBACFhE,KAAKO,gBAAkB,OACvBmD,EAAA1D,KAAKiE,QAAI,MAAAP,SAAA,SAAAA,EAAEE,M,CAGb,YAAAM,CAAa1B,G,MACXA,EAAEwB,kBAEFhE,KAAKO,gBAAkB,OACvBmD,EAAA1D,KAAKmE,QAAI,MAAAT,SAAA,SAAAA,EAAEE,KAAK,CACd9B,WAAY9B,KAAK8B,WACjBG,UAAWjC,KAAKiC,UAChBE,MAAOnC,KAAKmC,MACZC,MAAOpC,KAAKoC,MACZC,QAASrC,KAAKqC,QACd5B,UAAWT,KAAKS,UAChBC,YAAaV,KAAKU,YAClBC,aAAcX,KAAKW,aACnBC,SAAUZ,KAAKY,SACfwD,QAASpE,KAAKoE,QACdC,IAAKrE,KAAKqE,K,CAId,sBAAAC,CAAuB9B,EAAQ+B,GAC7B/B,EAAEwB,kBAEFhE,KAAK8B,WAAayC,EAAWzC,WAC7B9B,KAAKiC,UAAYsC,EAAWtC,UAC5BjC,KAAKmC,MAAQoC,EAAWpC,MACxBnC,KAAKoC,MAAQmC,EAAWnC,MACxBpC,KAAKO,gBAAkB,K,CAGzB,gBAAAiE,CAAiBC,GACf,GAAIzE,KAAKW,aAAa+D,SAASD,GAAS,CACtCzE,KAAKW,aAAeX,KAAKW,aAAagE,QAAOC,GAAYA,IAAaH,G,KACjE,CACLzE,KAAKW,aAAe,IAAIX,KAAKW,aAAc8D,E,EAK/C,gBAAAI,CAAiBC,GACf9E,KAAKS,UAAYqE,IAAW,YAC5B9E,KAAKU,YAAcoE,IAAW,a,CAGhC,UAAAC,CAAWC,EAAeJ,EAAmBK,EAAqBC,EAA2C,IAC3G,OACEC,EAAA,UACEC,KAAK,SACLC,MAAO,CAACC,KAAM,KAAMV,WAAUW,SAAUL,EAAKK,QAAO,eACtCX,EAAW,OAAS,QAClCY,SAAUN,EAAKK,SAAWX,EAC1Ba,MAAOP,EAAKO,MACZR,QAASA,GAERC,EAAKK,QAAUJ,EAAA,QAAME,MAAM,YAAYK,UAAWhG,IAClDsF,E,CAOP,MAAAW,GACE,MAAMC,EAAY5F,KAAK8B,YAAc9B,KAAKiC,WAAa4D,EAAa7F,KAAKmC,OAEzE,MAAM2D,EAAsB9F,KAAKW,aAAaoF,OAAMtB,IAClD,OAAQA,GACN,IAAK,WACH,QAASzE,KAAKY,SAChB,IAAK,MACH,QAASZ,KAAK8B,cAAgB9B,KAAKiC,UACrC,IAAK,QACH,QAASjC,KAAKmC,MAChB,IAAK,MACH,QAASnC,KAAKoC,MAChB,QACE,OAAO,K,IAIb,MAAM4D,EAAYJ,GAAaE,EAC/B,MAAMG,IAAejG,KAAKqB,mBAAmB6E,SAG7C,MAAMC,EAAwF,CAC5F,CAACnB,MAAO,YAAavB,MAAO,SAC5B,CAACuB,MAAO,WAAYvB,MAAO,YAC3B,CAACuB,MAAO,UAAWvB,MAAO,MAAO8B,QAASU,GAC1C,CAACjB,MAAO,MAAOvB,MAAO,MAAO8B,QAASvF,KAAKqB,mBAAmB+E,UAC9D,CAACpB,MAAO,WAAYvB,MAAO,KAAM8B,QAASvF,KAAKqB,mBAAmBgF,UAGpE,MAAMC,EAAgCtG,KAAKS,UAAY,YAAcT,KAAKU,YAAc,cAAgB,OAExG,OACEyE,EAAA,QAAMoB,SAAU/D,GAAKA,EAAEgE,iBAAkBC,aAAa,OACpDtB,EAAA,OAAKE,MAAM,kBACTF,EAAA,OACEE,MAAM,YACNqB,SAAWlE,IACT3D,EAAiB2D,EAAEe,QACnBvD,KAAKO,gBAAkB,KAAK,GAG9B4E,EAAA,OAAKE,MAAM,YAAYsB,IAAK9D,GAAO7C,KAAKgD,WAAaH,GACnDsC,EAAA,OAAKE,MAAM,SACTF,EAAA,SAAOyB,QAAS5G,KAAKa,kBAAgB,cACrCsE,EAAA,SACE0B,GAAI7G,KAAKa,iBACTiG,KAAM9G,KAAKa,iBACXuE,KAAK,OAAM,gBACG,OACdqB,aAAa,UAAS,oBACJ,OAClBhD,MAAOzD,KAAK8B,WACZiF,QAAS,KAEPC,YAAW,K,MACThH,KAAKO,kBAAkBmD,EAAA1D,KAAKK,sBAAkB,MAAAqD,SAAA,SAAAA,EAAEuD,QAAS,CAAC,GACzD,IAAI,EAETC,QAAS1E,GAAKxC,KAAKwD,sBAAsBhB,MAG7C2C,EAAA,OAAKE,MAAM,SACTF,EAAA,SAAOyB,QAAS5G,KAAKkB,iBAAe,aACpCiE,EAAA,SACE0B,GAAI7G,KAAKkB,gBACT4F,KAAM9G,KAAKkB,gBACXkE,KAAK,OAAM,gBACG,OACdqB,aAAa,UAAS,oBACJ,OAClBhD,MAAOzD,KAAKiC,UACZ8E,QAAS,KAEPC,YAAW,K,MACThH,KAAKO,kBAAkBmD,EAAA1D,KAAKK,sBAAkB,MAAAqD,SAAA,SAAAA,EAAEuD,QAAS,CAAC,GACzD,IAAI,EAETC,QAAS1E,GAAKxC,KAAK8D,qBAAqBtB,OAK9C2C,EAAA,OAAKE,MAAM,SACTF,EAAA,SAAOyB,QAAS5G,KAAKmB,cAAY,SACjCgE,EAAA,SACE0B,GAAI7G,KAAKmB,aACT2F,KAAM9G,KAAKmB,aACXiE,KAAK,OAAM,gBACG,OACd+B,aAAa,UAAS,oBACJ,OAClB1D,MAAOzD,KAAKmC,MACZ4E,QAAS,IAAO/G,KAAKO,gBAAkB,MACvC2G,QAAU1E,GAAYxC,KAAKmC,MAAQK,EAAEe,OAAOE,SAI/CwC,GACCd,EAAA,OAAKE,MAAM,SACTF,EAAA,SAAOyB,QAAS5G,KAAKoB,cAAY,SACzB+D,EAAA,QAAME,MAAM,YAAU,eAE9BF,EAAA,SACE0B,GAAI7G,KAAKoB,aACT0F,KAAM9G,KAAKoB,aACXgE,KAAK,OAAM,gBACG,OACd+B,aAAa,UAAS,oBACJ,OAClB1D,MAAOzD,KAAKoC,MACZgF,YAAY,oBACZL,QAAS,IAAO/G,KAAKO,gBAAkB,MACvC2G,QAAU1E,IACRxC,KAAKoC,MAAQiF,EAAc7E,EAAEe,OAAOE,MAAM,KAMlD0B,EAAA,OAAKE,MAAM,SACTF,EAAA,OAAKE,MAAM,eAAa,gBACvBrF,KAAKsB,mBACJ6D,EAAA,mBAAiBmC,KAAM,GAAIC,KAAK,SAEhCpC,EAAA,OAAKE,MAAM,SACRc,EAAoBqB,KAAI1C,GACvB9E,KAAK+E,WAAWD,EAAOE,MAAOhF,KAAKW,aAAa+D,SAASI,EAAOrB,QAAQ,IAAMzD,KAAKwE,iBAAiBM,EAAOrB,QAAQ,CACjH8B,OAAQT,EAAOS,OACfE,MAAOX,EAAOS,OAAS,2DAA6DkC,eAM3FzH,KAAKW,aAAa+D,SAAS,aAC1BS,EAAA,OAAKE,MAAM,YACTF,EAAA,SACE0B,GAAG,mBACHC,KAAK,mBACL1B,KAAK,OAAM,gBACG,OACdqB,aAAa,UAAS,oBACJ,OAAM,aACb,WACXhD,MAAOzD,KAAKY,SACZwG,YAAY,aACZL,QAAS,IAAO/G,KAAKO,gBAAkB,MACvC2G,QAAU1E,GAAYxC,KAAKY,SAAW4B,EAAEe,OAAOE,QAEjD0B,EAAA,QAAME,MAAM,iBAAe,wEAKjCF,EAAA,OAAKE,MAAM,SACTF,EAAA,OAAKE,MAAM,eAAa,mBACxBF,EAAA,OAAKE,MAAM,SACRrF,KAAK+E,WAAW,OAAQuB,IAAkB,QAAQ,IAAMtG,KAAK6E,iBAAiB,UAC9E7E,KAAK+E,WAAW,eAAgBuB,IAAkB,aAAa,IAAMtG,KAAK6E,iBAAiB,eAC3F7E,KAAK+E,WAAW,cAAeuB,IAAkB,eAAe,IAAMtG,KAAK6E,iBAAiB,mBAIjGM,EAAA,OAAKE,MAAM,SACTF,EAAA,SAAOyB,QAAQ,kCAAgC,WACrCzB,EAAA,QAAME,MAAM,YAAU,eAEhCF,EAAA,YACE0B,GAAG,iCACHC,KAAK,iCAAgC,gBACvB,OACdL,aAAa,UACbW,YAAY,kCACZL,QAAS,IAAO/G,KAAKO,gBAAkB,MACvC2G,QAAU1E,GAAYxC,KAAKqC,QAAUG,EAAEe,OAAOE,OAE7CzD,KAAKqC,WAIZ8C,EAAA,OAAKE,MAAM,gBACVrF,KAAKO,iBACJ4E,EAAA,OAAKE,MAAM,cAAcqC,KAAK,UAAUf,IAAK9D,GAAO7C,KAAK+C,cAAgBF,GACtE7C,KAAKK,mBACHsE,QAAOJ,IAAa,IAAAb,EAAC,OAAC1D,KAAK8B,cAAc4B,EAAAa,EAAWzC,cAAU,MAAA4B,SAAA,SAAAA,EAAEiE,cAAcjD,SAAS1E,KAAK8B,WAAW6F,eAAc,IACrHH,KAAIjD,I,MAAc,OACjBY,EAAA,OAAKyC,KAAKlE,EAAAa,EAAWsC,MAAE,MAAAnD,SAAA,EAAAA,EAAIa,EAAWpC,MAAOkD,MAAM,aAAaJ,QAASzC,GAAKxC,KAAKsE,uBAAuB9B,EAAG+B,IAC1GA,EAAWsD,QAAU1C,EAAA,OAAK2C,IAAI,SAASzC,MAAM,SAAS0C,IAAKxD,EAAWsD,UAAc1C,EAAA,OAAKE,MAAM,SAASK,UAAWjG,IACpH0F,EAAA,OAAKE,MAAM,WACTF,EAAA,OAAKE,MAAM,QAAQ3D,EAAe6C,IACjCA,EAAWpC,OAASgD,EAAA,OAAKE,MAAM,eAAed,EAAWpC,OACzDoC,EAAWnC,OAAS+C,EAAA,OAAKE,MAAM,eAAed,EAAWnC,QAExD,MAMhB+C,EAAA,OAAKE,MAAM,WACRrF,KAAKM,YAAc6E,EAAA,kBAAgBH,MAAM,SAASgD,QAAQ,OAAOV,KAAK,QAAQrC,QAASzC,GAAKxC,KAAK+D,aAAavB,KAC/G2C,EAAA,kBAAgBH,MAAM,OAAOsC,KAAK,QAAQ9B,UAAWQ,EAAWf,SAAUe,EAAY,OAAWxD,GAAKxC,KAAKkE,aAAa1B,M","ignoreList":[]}

package/dist/components/{p--jRXEN0c.js → p-C-v22G3g.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as r,d as n,t}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-component-error{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}`;const c=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.message=""}render(){return r(n,{key:"bae395c5c0598f6c8ff4c157e50b9578f1ce2b68"},r("div",{key:"0b963ed9e5e4b2eefce508ad0f97af7ed890bdc7",class:"inner"},this.message))}static get style(){return o()}},[0,"verdocs-component-error",{message:[1]}]);function f(){if(typeof customElements==="undefined"){return}const e=["verdocs-component-error"];e.forEach((e=>{switch(e){case"verdocs-component-error":if(!customElements.get(t(e))){customElements.define(t(e),c)}break}}))}export{c as V,f as d};
-//# sourceMappingURL=p--jRXEN0c.js.map
+import{p as e,H as s,h as r,d as n,t}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-component-error{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}`;const a=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.message=""}render(){return r(n,{key:"fb8ea9264ba7a0d3a3733d19be70650081b16c60"},r("div",{key:"fef74fe2aeafe6abbc77dad16ba9b32a3521f330",class:"inner"},this.message))}static get style(){return o()}},[0,"verdocs-component-error",{message:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["verdocs-component-error"];e.forEach((e=>{switch(e){case"verdocs-component-error":if(!customElements.get(t(e))){customElements.define(t(e),a)}break}}))}export{a as V,c as d};
+//# sourceMappingURL=p-C-v22G3g.js.map

package/dist/components/{p-D9yawpPk.js → p-C8yiLtCJ.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as a,t as i}from"./p-yZBlG3YQ.js";const l=()=>`.verdocs-flag{position:absolute;left:100%;width:110px;height:24px;padding-left:14px;background-color:#13a10e;-webkit-clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);display:-ms-flexbox;display:flex;color:#fff;font-weight:600;font-size:12px;line-height:1}.verdocs-flag:hover{-webkit-filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));-webkit-transform:translateX(-1px);transform:translateX(-1px)}.verdocs-flag.variant-next{-webkit-clip-path:none;clip-path:none;border-radius:0;margin-left:14px;width:96px;padding-left:0}.verdocs-flag .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:4px}.verdocs-flag .link{text-decoration:underline;cursor:pointer;font-weight:400}.verdocs-flag .link:hover{text-decoration:none}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.skip=s(this,"skip");this.flagClick=s(this,"flagClick");this.variant="fill";this.label="FILL";this.showSkip=false}render(){return a("div",{key:"6d4e3079f2b3c74af9eba550ab702e144c15251e",class:{"verdocs-flag":true,[`variant-${this.variant}`]:true},onClick:()=>this.flagClick.emit()},a("div",{key:"347c2efc0654fe888da2a7f210b8ad822912d7f0",class:"label"},this.label,this.showSkip&&a("span",{key:"75bcc29708e9a90e1f98e44c4eb65c3c5853ff56"}," or ",a("span",{key:"66bbf857cf5cf9f16640ef0d9d12d62b77e1aa6a",class:"link",onClick:e=>{e.stopPropagation();this.skip.emit()}},"SKIP"))))}static get style(){return l()}},[0,"verdocs-flag",{variant:[1],label:[1],showSkip:[4,"show-skip"]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-flag"];e.forEach((e=>{switch(e){case"verdocs-flag":if(!customElements.get(i(e))){customElements.define(i(e),o)}break}}))}export{o as V,r as d};
-//# sourceMappingURL=p-D9yawpPk.js.map
+import{p as e,H as t,c as s,h as a,t as i}from"./p-yZBlG3YQ.js";const l=()=>`.verdocs-flag{position:absolute;left:100%;width:110px;height:24px;padding-left:14px;background-color:#13a10e;-webkit-clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);display:-ms-flexbox;display:flex;color:#fff;font-weight:600;font-size:12px;line-height:1}.verdocs-flag:hover{-webkit-filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));-webkit-transform:translateX(-1px);transform:translateX(-1px)}.verdocs-flag.variant-next{-webkit-clip-path:none;clip-path:none;border-radius:0;margin-left:14px;width:96px;padding-left:0}.verdocs-flag .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:4px}.verdocs-flag .link{text-decoration:underline;cursor:pointer;font-weight:400}.verdocs-flag .link:hover{text-decoration:none}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.skip=s(this,"skip");this.flagClick=s(this,"flagClick");this.variant="fill";this.label="FILL";this.showSkip=false}render(){return a("div",{key:"40f4d17d46ca6ca9f8fd05cb404c9de76d8d8e82",class:{"verdocs-flag":true,[`variant-${this.variant}`]:true},onClick:()=>this.flagClick.emit()},a("div",{key:"cc7be02db2c081d2871cfc598a1fc71a32ec4dc4",class:"label"},this.label,this.showSkip&&a("span",{key:"30c44badd47de3ce767fb5a980ff369d87e5eb25"}," or ",a("span",{key:"8d7d2f40e9a9c1b58343c45d5cc6fff36d600485",class:"link",onClick:e=>{e.stopPropagation();this.skip.emit()}},"SKIP"))))}static get style(){return l()}},[0,"verdocs-flag",{variant:[1],label:[1],showSkip:[4,"show-skip"]}]);function o(){if(typeof customElements==="undefined"){return}const e=["verdocs-flag"];e.forEach((e=>{switch(e){case"verdocs-flag":if(!customElements.get(i(e))){customElements.define(i(e),c)}break}}))}export{c as V,o as d};
+//# sourceMappingURL=p-C8yiLtCJ.js.map

package/dist/components/p-C90lxyUX.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,c as a,h as i,d,t}from"./p-yZBlG3YQ.js";const r=()=>`verdocs-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));backdrop-filter:var(--verdocs-dialog-backdrop-filter, none);-webkit-backdrop-filter:var(--verdocs-dialog-backdrop-filter, none);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:520px;display:-ms-flexbox;display:flex;max-width:95%;overflow:hidden;background:#ffffff;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);border-radius:var(--verdocs-dialog-radius, 8px);position:relative}verdocs-dialog .dialog .close-button{position:absolute;top:16px;right:16px;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#9ca3af;-webkit-transition:color 0.2s;transition:color 0.2s;z-index:10}verdocs-dialog .dialog .close-button:hover{color:#4b5563}verdocs-dialog .heading{display:-ms-flexbox;display:flex;padding:16px 24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e5e7eb}verdocs-dialog .heading .icon{display:none}verdocs-dialog .heading .title{font-size:1.5rem;font-weight:var(--verdocs-dialog-title-weight, 500);color:var(--verdocs-dialog-title-color, #242424);line-height:2rem;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-dialog .content{padding:24px;font-size:0.875rem;line-height:1.25rem;color:var(--verdocs-dialog-content-color, #424242)}verdocs-dialog .content a{color:var(--verdocs-link-color, #4c56cb);border-bottom:var(--verdocs-link-border, 1px dotted #4c56cb);text-decoration:none}verdocs-dialog .content p{margin:0 0 16px 0}verdocs-dialog .footer{padding:0 24px 24px 24px}`;const s=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=a(this,"exit");this.persistent=false}handleDismiss(e){var o;if(this.persistent){return}if(e.target.className==="background-overlay"){e.preventDefault();(o=this.exit)===null||o===void 0?void 0:o.emit()}}render(){return i(d,{key:"dad441bb5383b12d47e28fa3ad2fa04885366dfa"},i("div",{key:"4fd288e634119a8291df5920d1676d73e88510ff",class:"background-overlay",onClick:e=>this.handleDismiss(e)},i("div",{key:"2ce2ec9ba9d39a6ec702f7cc27878041acd12f0c",class:"dialog"},i("div",{key:"89002868b375dab2dfa4479ac03ce903e68fc8a8",class:"close-button",onClick:()=>this.exit.emit()},i("svg",{key:"0adbf812e101275fefaba9a127abb3c9ea851c8a",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"a6c99474936a6d7fb37165abf6d37079a7c29850",d:"M18 6L6 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),i("path",{key:"5163975de7748c891db0abd9b27110349b5fb632",d:"M6 6L18 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("slot",{key:"5193280dad3d16eee0c278262ee7404ea73d39a8",name:"heading"},i("div",{key:"79b21525fb2845e0740664678bd8a73a0cf81d17",class:"heading"})),i("slot",{key:"8c69f375d7a1cb3ebf4243b085f1255f58b53e7b",name:"content"},i("div",{key:"5b538a2841c319473bcd680de3021cfe591acd84",class:"content"})),i("slot",{key:"3b3704771341b8198a37daf4051c9ab1010d76a5",name:"footer"},i("div",{key:"ea085dd29c37714c43474086a69ca7145dfb613f",class:"footer"})))))}static get style(){return r()}},[260,"verdocs-dialog",{persistent:[4]}]);function c(){if(typeof customElements==="undefined"){return}const e=["verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-dialog":if(!customElements.get(t(e))){customElements.define(t(e),s)}break}}))}export{s as V,c as d};
+//# sourceMappingURL=p-C90lxyUX.js.map

package/dist/components/{p-JGWMBIGy.js.map → p-C90lxyUX.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsDialogCss","VerdocsDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","persistent","handleDismiss","e","target","className","preventDefault","_a","exit","emit","render","h","Host","key","class","onClick","width","height","viewBox","fill","xmlns","d","stroke","name"],"sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n    backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    -webkit-backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 520px;\n    display: flex;\n    max-width: 95%;\n    overflow: hidden;\n    background: #ffffff;\n    flex-direction: column;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\n    border-radius: var(--verdocs-dialog-radius, 8px);\n    position: relative; // For absolute positioning of close button\n\n    .close-button {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      color: #9ca3af;\n      transition: color 0.2s;\n      z-index: 10;\n\n      &:hover {\n        color: #4b5563;\n      }\n    }\n  }\n\n  .heading {\n    display: flex;\n    padding: 16px 24px;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #e5e7eb;\n\n    .icon {\n      display: none; // Hiding old icon structure based on new design which has strict title + close\n    }\n\n    .title {\n      font-size: 1.5rem; // 24px\n      font-weight: var(--verdocs-dialog-title-weight, 500);\n      color: var(--verdocs-dialog-title-color, #242424);\n      line-height: 2rem; // 32px\n      font-family: $verdocs-primary-font;\n    }\n  }\n\n  .content {\n    padding: 24px;\n    font-size: 0.875rem; // 14px\n    line-height: 1.25rem; // 20px\n    color: var(--verdocs-dialog-content-color, #424242);\n\n    a {\n      color: var(--verdocs-link-color, #4c56cb);\n      border-bottom: var(--verdocs-link-border, 1px dotted #4c56cb);\n      text-decoration: none;\n    }\n\n    p {\n      margin: 0 0 16px 0;\n    }\n  }\n\n  .footer {\n    padding: 0 24px 24px 24px;\n  }\n}","import { Component, h, Event, EventEmitter, Host, Prop } from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({ composed: true }) exit: EventEmitter;\n\n  /**\n   * If true, clicking on the background overlay will not close the dialog.\n   */\n  @Prop() persistent = false;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (this.persistent) {\n      return;\n    }\n\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"close-button\" onClick={() => this.exit.emit()}>\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n                <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n            </div>\n\n            <slot name=\"heading\">\n              <div class=\"heading\"></div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\"></div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\"></div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAAmB,IAAM,klE,MCSlBC,EAAaC,EAAA,MAAAD,UAAAE,EAJ1B,WAAAC,CAAAC,G,qEAaUC,KAAAC,WAAa,KA2CtB,CAvCC,aAAAC,CAAcC,G,MACZ,GAAIH,KAAKC,WAAY,CACnB,M,CAGF,GAAIE,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,kBACFC,EAAAP,KAAKQ,QAAI,MAAAD,SAAA,SAAAA,EAAEE,M,EAIf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBC,QAASZ,GAAKH,KAAKE,cAAcC,IAC/DQ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeC,QAAS,IAAMf,KAAKQ,KAAKC,QACjDE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChET,EAAA,QAAAE,IAAA,2CAAMQ,EAAE,aAAaC,OAAO,eAAc,eAAc,IAAG,iBAAgB,QAAO,kBAAiB,UACnGX,EAAA,QAAAE,IAAA,2CAAMQ,EAAE,aAAaC,OAAO,eAAc,eAAc,IAAG,iBAAgB,QAAO,kBAAiB,YAIvGX,EAAA,QAAAE,IAAA,2CAAMU,KAAK,WACTZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAGbH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,WACTZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAGbH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,UACTZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,c","ignoreList":[]}
+{"version":3,"names":["verdocsDialogCss","VerdocsDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","persistent","handleDismiss","e","target","className","preventDefault","_a","exit","emit","render","h","Host","key","class","onClick","width","height","viewBox","fill","xmlns","d","stroke","name"],"sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n    backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    -webkit-backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 520px;\n    display: flex;\n    max-width: 95%;\n    overflow: hidden;\n    background: #ffffff;\n    flex-direction: column;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\n    border-radius: var(--verdocs-dialog-radius, 8px);\n    position: relative; // For absolute positioning of close button\n\n    .close-button {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      color: #9ca3af;\n      transition: color 0.2s;\n      z-index: 10;\n\n      &:hover {\n        color: #4b5563;\n      }\n    }\n  }\n\n  .heading {\n    display: flex;\n    padding: 16px 24px;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #e5e7eb;\n\n    .icon {\n      display: none; // Hiding old icon structure based on new design which has strict title + close\n    }\n\n    .title {\n      font-size: 1.5rem; // 24px\n      font-weight: var(--verdocs-dialog-title-weight, 500);\n      color: var(--verdocs-dialog-title-color, #242424);\n      line-height: 2rem; // 32px\n      font-family: $verdocs-primary-font;\n    }\n  }\n\n  .content {\n    padding: 24px;\n    font-size: 0.875rem; // 14px\n    line-height: 1.25rem; // 20px\n    color: var(--verdocs-dialog-content-color, #424242);\n\n    a {\n      color: var(--verdocs-link-color, #4c56cb);\n      border-bottom: var(--verdocs-link-border, 1px dotted #4c56cb);\n      text-decoration: none;\n    }\n\n    p {\n      margin: 0 0 16px 0;\n    }\n  }\n\n  .footer {\n    padding: 0 24px 24px 24px;\n  }\n}","import { Component, h, Event, EventEmitter, Host, Prop } from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({ composed: true }) exit: EventEmitter;\n\n  /**\n   * If true, clicking on the background overlay will not close the dialog.\n   */\n  @Prop() persistent = false;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (this.persistent) {\n      return;\n    }\n\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"close-button\" onClick={() => this.exit.emit()}>\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n                <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n            </div>\n\n            <slot name=\"heading\">\n              <div class=\"heading\"></div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\"></div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\"></div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6DAAA,MAAMA,EAAmB,IAAM,klE,MCSlBC,EAAaC,EAAA,MAAAD,UAAAE,EAJ1B,WAAAC,CAAAC,G,qEAaUC,KAAAC,WAAa,KA2CtB,CAvCC,aAAAC,CAAcC,G,MACZ,GAAIH,KAAKC,WAAY,CACnB,M,CAGF,GAAIE,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,kBACFC,EAAAP,KAAKQ,QAAI,MAAAD,SAAA,SAAAA,EAAEE,M,EAIf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBC,QAASZ,GAAKH,KAAKE,cAAcC,IAC/DQ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeC,QAAS,IAAMf,KAAKQ,KAAKC,QACjDE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChET,EAAA,QAAAE,IAAA,2CAAMQ,EAAE,aAAaC,OAAO,eAAc,eAAc,IAAG,iBAAgB,QAAO,kBAAiB,UACnGX,EAAA,QAAAE,IAAA,2CAAMQ,EAAE,aAAaC,OAAO,eAAc,eAAc,IAAG,iBAAgB,QAAO,kBAAiB,YAIvGX,EAAA,QAAAE,IAAA,2CAAMU,KAAK,WACTZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAGbH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,WACTZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAGbH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,UACTZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,c","ignoreList":[]}

package/dist/components/{p-B8R4luxA.js → p-CEcG_ay-.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,F as o,d as r,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{r as l}from"./p-BvYQ0L1f.js";import{F as n}from"./p-17OorOnH.js";import{S as c}from"./p-C7k2AOsW.js";import{S as p}from"./p-C7hFgM52.js";import{d as m}from"./p-C0SHIuoK.js";import{d as f}from"./p-DVx4efoX.js";import{d as u}from"./p--jRXEN0c.js";import{d as h}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as b}from"./p-CIgqf7hj.js";import{d as g}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";var y=l();const w=()=>`verdocs-field-timestamp{width:160px;height:15px;display:block;font-size:9px;position:relative;scroll-margin:20px 0;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;opacity:0.5;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-timestamp.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}`;const j=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=t(this,"settingsChanged");this.deleted=t(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false}onEditableChanged(e,s){if(s&&!e&&this.el){d(this.el).unset()}}disconnectedCallback(){if(this.el){d(this.el).unset()}}render(){const{source:e,sourceid:s,fieldname:t,editable:a=false,done:d=false,disabled:l=false,focused:m,xscale:f=1,yscale:u=1}=this;const{index:h,field:v}=p.getField(e,s,t,this.field);const{required:b=false,placeholder:g="",value:x="",label:k=""}=v||{};const w=`signer-${h%10+1}`;const j=y.format(new Date(x||(new Date).toISOString()),n);if(d){return i(r,{class:{"verdocs-field":true,done:d}},j)}return i(r,{class:{"verdocs-field":true,required:b,disabled:l,done:d,focused:m,[w]:true}},k&&i("label",null,k),i("input",{type:"text",placeholder:g,value:j,disabled:true,ref:e=>this.el=e,onFocus:()=>this.focused=true}),a&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${t}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${t}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:s,fieldName:t,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:t});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Time stamps are automatically set when the recipient signs the document."}))))}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return w()}},[0,"verdocs-field-timestamp",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[2],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-timestamp","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-timestamp":if(!customElements.get(a(e))){customElements.define(a(e),j)}break;case"verdocs-button":if(!customElements.get(a(e))){m()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){h()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){g()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{j as V,E as d};
-//# sourceMappingURL=p-B8R4luxA.js.map
+import{p as e,H as s,c as t,h as i,F as o,d as r,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{r as l}from"./p-BvYQ0L1f.js";import{F as n}from"./p-17OorOnH.js";import{S as c}from"./p-C7k2AOsW.js";import{S as p}from"./p-C7hFgM52.js";import{d as m}from"./p-Bb5V9TQx.js";import{d as f}from"./p-DGNIsXfr.js";import{d as u}from"./p-C-v22G3g.js";import{d as h}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as b}from"./p-DhOuB4nS.js";import{d as g}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as k}from"./p-PfdIkMoz.js";var w=l();const y=()=>`verdocs-field-timestamp{width:160px;height:15px;display:block;font-size:9px;position:relative;scroll-margin:20px 0;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;opacity:0.5;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-timestamp.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}`;const j=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=t(this,"settingsChanged");this.deleted=t(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false}onEditableChanged(e,s){if(s&&!e&&this.el){d(this.el).unset()}}disconnectedCallback(){if(this.el){d(this.el).unset()}}render(){const{source:e,sourceid:s,fieldname:t,editable:a=false,done:d=false,disabled:l=false,focused:m,xscale:f=1,yscale:u=1}=this;const{index:h,field:v}=p.getField(e,s,t,this.field);const{required:b=false,placeholder:g="",value:x="",label:k=""}=v||{};const y=`signer-${h%10+1}`;const j=w.format(new Date(x||(new Date).toISOString()),n);if(d){return i(r,{class:{"verdocs-field":true,done:d}},j)}return i(r,{class:{"verdocs-field":true,required:b,disabled:l,done:d,focused:m,[y]:true}},k&&i("label",null,k),i("input",{type:"text",placeholder:g,value:j,disabled:true,ref:e=>this.el=e,onFocus:()=>this.focused=true}),a&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${t}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${t}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:s,fieldName:t,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:t});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Time stamps are automatically set when the recipient signs the document."}))))}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-timestamp",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[2],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-timestamp","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-timestamp":if(!customElements.get(a(e))){customElements.define(a(e),j)}break;case"verdocs-button":if(!customElements.get(a(e))){m()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){h()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){g()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{j as V,E as d};
+//# sourceMappingURL=p-CEcG_ay-.js.map