@verdocs/web-sdk 6.10.6 → 6.12.1

package/dist/components/{p-BELGzhZw.js → p-CFau7OiC.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as o,h as s,F as i,d as r,t as d}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{VerdocsEndpoint as a,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-BDv5kBUR.js";import{S as p}from"./p-C7hFgM52.js";import{d as f}from"./p-C0SHIuoK.js";import{d as h}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as x}from"./p-CxIhMndz.js";import{d as u}from"./p-vimrvRye.js";import{d as v}from"./p-CIgqf7hj.js";import{d as m}from"./p-u9H54zUE.js";import{d as g}from"./p-BWrwPDuU.js";import{d as w}from"./p-BMGs9CCD.js";const k=()=>`verdocs-field-textbox{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:-0.2px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-textbox.small input,verdocs-field-textbox.small textarea{font-size:8px}verdocs-field-textbox .edge-top,verdocs-field-textbox .edge-right,verdocs-field-textbox .edge-left,verdocs-field-textbox .edge-bottom{position:absolute;z-index:10}verdocs-field-textbox .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-textbox .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-textbox .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-textbox .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-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))}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.disabled input{opacity:0.5}verdocs-field-textbox textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;line-height:13px;-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))}verdocs-field-textbox textarea.hide{display:none}verdocs-field-textbox.disabled textarea{opacity:0.5}verdocs-field-textbox 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-textbox.required.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-textbox 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-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}verdocs-field-textbox .settings-icon{position:absolute;top:-4px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textbox .settings-icon svg{fill:#707ae5}verdocs-field-textbox .settings-icon:hover{opacity:1}`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.multiline=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.inputEl.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,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}componentDidRender(){l.dynamicDrop(true);if(this.editable){l(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[l.modifiers.restrictSize({min:{width:30,height:10}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom}handleResize(e){let{width:t,height:o}=e.rect;const s=e.deltaRect.left;const i=e.deltaRect.bottom;const r=parseFloat(e.target.style.left);const d=parseFloat(e.target.style.bottom);t/=this.xscale;o/=this.yscale;Object.assign(e.target.style,{width:`${t}px`,height:`${o}px`,left:`${r+s}px`,bottom:`${d-i}px`})}async handleResizeEnd(e){const{sourceid:t,fieldname:o}=this;const s=Math.round(parseFloat(e.target.style.width));let i=Math.round(parseFloat(e.target.style.height));if(i<10){i=10}const r=i>15;const d=parseFloat(e.target.style.bottom);const l=parseFloat(e.target.dataset.originalBottom);const c=await p.getTemplate(a.getDefault(),this.sourceid);const f=c.fields.find((e=>e.name===o));const h=d!==l?d/this.yscale:f===null||f===void 0?void 0:f.y;n(a.getDefault(),t,o,{width:s,height:i,y:h,multiline:r}).then((async t=>{var s;const i=await p.getTemplate(a.getDefault(),this.sourceid);const r=JSON.parse(JSON.stringify(i));const d=r.fields.findIndex((e=>e.name===o));if(d>-1){r.fields[d]=t}p.updateTemplate(this.sourceid,r);(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:o,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:o,editable:d=false,done:l=false,disabled:a=false,focused:n,xscale:f=1,yscale:h=1}=this;const{index:b,field:x}=p.getField(e,t,o,this.field);let{required:u=false,placeholder:v="",label:m="",width:g=150,height:w=15,readonly:k=false,default:y="",multiline:j=false}=x||{};const z=`signer-${b%10+1}`;const E=w<15;if(x===null||x===void 0?void 0:x.value){y=x===null||x===void 0?void 0:x.value}const C=g/5;if(l){return s(r,{class:{"verdocs-field":true,done:l}},y)}return s(r,{class:{"verdocs-field":true,required:u,disabled:a,done:l,focused:n,small:E,[z]:true}},d&&s("div",{class:"edge-top"}),d&&s("div",{class:"edge-right"}),d&&s("div",{class:"edge-left"}),d&&s("div",{class:"edge-bottom"}),m&&s("label",null,m),j?s("textarea",{name:o,required:u,placeholder:v,disabled:k||a,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},y):s("input",{type:"text",value:y,name:o,required:u,maxlength:C,placeholder:v,disabled:k||a,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),d&&s(i,null,s("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},s("verdocs-template-field-properties",{templateId:t,fieldName:o,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.'}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return k()}},[0,"verdocs-field-textbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],multiline:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textbox","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-textbox":if(!customElements.get(d(e))){customElements.define(d(e),y)}break;case"verdocs-button":if(!customElements.get(d(e))){f()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){h()}break;case"verdocs-component-error":if(!customElements.get(d(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){x()}break;case"verdocs-loader":if(!customElements.get(d(e))){u()}break;case"verdocs-portal":if(!customElements.get(d(e))){v()}break;case"verdocs-select-input":if(!customElements.get(d(e))){m()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){g()}break;case"verdocs-text-input":if(!customElements.get(d(e))){w()}break}}))}export{y as V,j as d};
-//# sourceMappingURL=p-BELGzhZw.js.map
+import{p as e,H as t,c as o,h as s,F as i,d as r,t as d}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{VerdocsEndpoint as a,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as p}from"./p-C7hFgM52.js";import{d as f}from"./p-C0SHIuoK.js";import{d as h}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as x}from"./p-CxIhMndz.js";import{d as u}from"./p-vimrvRye.js";import{d as v}from"./p-CIgqf7hj.js";import{d as m}from"./p-u9H54zUE.js";import{d as g}from"./p-BWrwPDuU.js";import{d as w}from"./p-BMGs9CCD.js";const k=()=>`verdocs-field-textbox{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:-0.2px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-textbox.small input,verdocs-field-textbox.small textarea{font-size:8px}verdocs-field-textbox .edge-top,verdocs-field-textbox .edge-right,verdocs-field-textbox .edge-left,verdocs-field-textbox .edge-bottom{position:absolute;z-index:10}verdocs-field-textbox .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-textbox .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-textbox .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-textbox .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-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))}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.disabled input{opacity:0.5}verdocs-field-textbox textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;line-height:13px;-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))}verdocs-field-textbox textarea.hide{display:none}verdocs-field-textbox.disabled textarea{opacity:0.5}verdocs-field-textbox 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-textbox.required.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-textbox 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-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}verdocs-field-textbox .settings-icon{position:absolute;top:-4px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textbox .settings-icon svg{fill:#707ae5}verdocs-field-textbox .settings-icon:hover{opacity:1}`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.multiline=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.inputEl.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,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}componentDidRender(){l.dynamicDrop(true);if(this.editable){l(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[l.modifiers.restrictSize({min:{width:30,height:10}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom}handleResize(e){let{width:t,height:o}=e.rect;const s=e.deltaRect.left;const i=e.deltaRect.bottom;const r=parseFloat(e.target.style.left);const d=parseFloat(e.target.style.bottom);t/=this.xscale;o/=this.yscale;Object.assign(e.target.style,{width:`${t}px`,height:`${o}px`,left:`${r+s}px`,bottom:`${d-i}px`})}async handleResizeEnd(e){const{sourceid:t,fieldname:o}=this;const s=Math.round(parseFloat(e.target.style.width));let i=Math.round(parseFloat(e.target.style.height));if(i<10){i=10}const r=i>15;const d=parseFloat(e.target.style.bottom);const l=parseFloat(e.target.dataset.originalBottom);const c=await p.getTemplate(a.getDefault(),this.sourceid);const f=c.fields.find((e=>e.name===o));const h=d!==l?d/this.yscale:f===null||f===void 0?void 0:f.y;n(a.getDefault(),t,o,{width:s,height:i,y:h,multiline:r}).then((async t=>{var s;const i=await p.getTemplate(a.getDefault(),this.sourceid);const r=JSON.parse(JSON.stringify(i));const d=r.fields.findIndex((e=>e.name===o));if(d>-1){r.fields[d]=t}p.updateTemplate(this.sourceid,r);(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:o,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:o,editable:d=false,done:l=false,disabled:a=false,focused:n,xscale:f=1,yscale:h=1}=this;const{index:b,field:x}=p.getField(e,t,o,this.field);let{required:u=false,placeholder:v="",label:m="",width:g=150,height:w=15,readonly:k=false,default:y="",multiline:j=false}=x||{};const z=`signer-${b%10+1}`;const E=w<15;if(x===null||x===void 0?void 0:x.value){y=x===null||x===void 0?void 0:x.value}const C=g/5;if(l){return s(r,{class:{"verdocs-field":true,done:l}},y)}return s(r,{class:{"verdocs-field":true,required:u,disabled:a,done:l,focused:n,small:E,[z]:true}},d&&s("div",{class:"edge-top"}),d&&s("div",{class:"edge-right"}),d&&s("div",{class:"edge-left"}),d&&s("div",{class:"edge-bottom"}),m&&s("label",null,m),j?s("textarea",{name:o,required:u,placeholder:v,disabled:k||a,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},y):s("input",{type:"text",value:y,name:o,required:u,maxlength:C,placeholder:v,disabled:k||a,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),d&&s(i,null,s("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},s("verdocs-template-field-properties",{templateId:t,fieldName:o,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.'}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return k()}},[0,"verdocs-field-textbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],multiline:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textbox","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-textbox":if(!customElements.get(d(e))){customElements.define(d(e),y)}break;case"verdocs-button":if(!customElements.get(d(e))){f()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){h()}break;case"verdocs-component-error":if(!customElements.get(d(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){x()}break;case"verdocs-loader":if(!customElements.get(d(e))){u()}break;case"verdocs-portal":if(!customElements.get(d(e))){v()}break;case"verdocs-select-input":if(!customElements.get(d(e))){m()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){g()}break;case"verdocs-text-input":if(!customElements.get(d(e))){w()}break}}))}export{y as V,j as d};
+//# sourceMappingURL=p-CFau7OiC.js.map

package/dist/components/{p-zTcSNwsp.js → p-Ck4pdoyc.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,d as o,t as n}from"./p-yZBlG3YQ.js";import{getTemplate as l,getOrganizationContacts as r,isValidEmail as d,createEnvelope as a,formatFullName as c,getRGBA as p}from"@verdocs/js-sdk";import{D as h}from"./p-Dy2CRiH8.js";import{V as v}from"./p-D97GxsI-.js";import{S as m}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as u}from"./p-C0SHIuoK.js";import{d as x}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as g}from"./p-DCZz2B7h.js";import{d as w}from"./p-D9yawpPk.js";import{d as k}from"./p-vimrvRye.js";import{d as S}from"./p-CIgqf7hj.js";import{d as E}from"./p-CoeB7U-_.js";const C=e=>((e===null||e===void 0?void 0:e.roles)||[]).map((e=>e.name));const y=(e,s)=>Math.max(C(e).findIndex((e=>e===s)),0);const D=()=>`verdocs-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid rgba(151, 151, 151, 0.2666666667)}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:rgba(0, 0, 0, 0.537254902)}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-send .buttons .error-message{width:100%;color:#cc0000;font-size:13px;margin-bottom:10px}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}`;const z='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>';const j='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';const N='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';const I='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';const _=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.beforeSend=t(this,"beforeSend");this.send=t(this,"send");this.exit=t(this,"exit");this.sdkError=t(this,"sdkError");this.searchContacts=t(this,"searchContacts");this.templateListenerId=null;this.endpoint=h;this.templateId=null;this.environment="";this.showCancel=true;this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPickerForId="";this.sessionContacts=[];this.sending=false;this.rolesCompleted={};this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[SEND] Loading template",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),true,(e=>{console.log("[SEND] Got new template",e);this.template=e;this.loading=false;this.rolesCompleted={};this.recomputeRolesCompleted()}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}async reset(){this.rolesCompleted={}}onTemplateIdChanged(e){console.log("[SEND] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.onSessionChanged(((e,s,t)=>{if(!t){return}const i={id:t.id,first_name:t.first_name,last_name:t.last_name,email:t.email,phone:t.phone};if(t){this.sessionContacts=[i];r(this.endpoint).then((e=>{console.log("[SEND] Got contacts",e);this.sessionContacts=[...e,i]})).catch((e=>{console.log("[SEND] Error getting contacts",e)}))}}));this.endpoint.loadSession();if(!this.endpoint.session){console.log("[SEND] Unable to start Send operation, must be authenticated");return}if(!this.templateId){console.log(`[SEND] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(i){console.log("[SEND] Error with send session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new m(i.message,(s=i.response)===null||s===void 0?void 0:s.status,(t=i.response)===null||t===void 0?void 0:t.data))}}recomputeRolesCompleted(){var e;this.rolesCompleted={};const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{const t=e.sequence;s[t]||(s[t]=[]);const i=`r-${t}-${s[t].length}`;s[t].push({...e,id:i,role_name:e.name,first_name:e.first_name,last_name:e.last_name});if(e.first_name&&d(e.email)){this.rolesCompleted[i]={...e,id:i,role_name:e.name,first_name:e.first_name,last_name:e.last_name}}}))}getSequenceNumbers(){var e;const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{s[e.sequence]=true}));return Object.keys(s).map((e=>+e)).sort(((e,s)=>e-s))}getRolesAtLevel(e){var s;const t=(((s=this.template)===null||s===void 0?void 0:s.roles)||[]).filter((s=>s.sequence===e)).map(((s,t)=>({...s,id:`r-${e}-${t}`,role_name:s.name,first_name:s.first_name,last_name:s.last_name})));return t}getLevelIcon(e){if(e==="start"){return i("div",{class:"level-icon",innerHTML:j})}else if(e==="end"){return i("div",{class:"level-icon",innerHTML:I})}else{return i("div",{class:"level-icon",innerHTML:N})}}handleSelectContact(e,s){e.preventDefault();this.rolesCompleted[s.id]={...s,...e.detail};this.showPickerForId=""}handleClickRole(e,s){e.stopPropagation();this.showPickerForId=s.id}handleSend(e){var s;if(this.sending){console.log("[SEND] Skipping duplicate send",e);return}console.log("[SEND] Sending",e);e.preventDefault();e.stopPropagation();this.sending=true;const t=Intl.DateTimeFormat().resolvedOptions();const i={template_id:this.templateId,name:((s=this.template)===null||s===void 0?void 0:s.name)||"New Envelope",environment:this.environment,initial_reminder:0,followup_reminders:0,recipients:Object.values(this.rolesCompleted),timezone:t.timeZone,locale:t.locale};const o=this.beforeSend.emit({...i,name:i.name,template:this.template});if(o.defaultPrevented){console.log("[SEND] Send cancelled by parent",i);this.sending=false;return}console.log("[SEND] Creating envelope",i);a(this.endpoint,i).then((e=>{var s;console.log("[SEND] Send envelope",e);this.reset().catch((e=>console.log("Unknown Error",e)));this.sending=false;(s=this.send)===null||s===void 0?void 0:s.emit({...i,name:i.name,envelope_id:e.id,envelope:e})})).catch((e=>{var s,t,i;console.log("[SEND] Send error",e);v(((t=(s=e.response)===null||s===void 0?void 0:s.data)===null||t===void 0?void 0:t.error)||"Error creating envelope, please try again later.");this.sending=false;(i=this.sdkError)===null||i===void 0?void 0:i.emit(e)}))}handleCancel(e){var s;e.stopPropagation();(s=this.exit)===null||s===void 0?void 0:s.emit()}render(){var e;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,{style:{display:"flex"}},i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const s=this.getSequenceNumbers();const t=Object.values(this.rolesCompleted).filter((e=>d(e.email)&&e.first_name&&e.last_name));const n=t.length>=C(this.template).length;const l=t.map((e=>e.email.toLowerCase()));const r=new Set(l).size<l.length;return i(o,{class:{sendable:(e=this.template)===null||e===void 0?void 0:e.is_sendable}},i("div",{class:"recipients"},i("div",{class:"left-line"}),i("div",{class:`level level-start`},this.getLevelIcon("start"),i("div",{class:"complete"},"Send Envelope")),s.map((e=>i("div",{class:`level level-${e}`},this.getLevelIcon("sequence"),this.getRolesAtLevel(e).map((e=>{var s,o,n;const l=!e.email||!e.first_name||!e.last_name;const r=((s=this.rolesCompleted[e.id])===null||s===void 0?void 0:s.first_name)?c(this.rolesCompleted[e.id]):l?e.role_name:c(e);const d=`verdocs-send-recipient-${e.role_name}`;const a=y(this.template,e.role_name);const h=p(a);const v=t.findIndex((s=>s.role_name===e.role_name))>-1;const m={backgroundColor:h,border:v?"2px solid #55bc81":"2px solid #dddddd"};return l?i("div",{class:"recipient","data-ri":a,"data-rn":e.role_name,style:m,onClick:s=>this.handleClickRole(s,e),id:d},r,i("div",{class:"icon",innerHTML:z}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:d,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:s=>this.handleSelectContact(s,e),contactSuggestions:this.sessionContacts,templateRole:(o=this.rolesCompleted[e.id])!==null&&o!==void 0?o:e,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}}))):i("div",{class:"recipient","data-ri":a,"data-rn":e.role_name,style:m,onClick:s=>this.handleClickRole(s,e),id:d},r,i("div",{class:"icon",innerHTML:z}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:d,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:s=>this.handleSelectContact(s,e),contactSuggestions:this.sessionContacts,templateRole:(n=this.rolesCompleted[e.id])!==null&&n!==void 0?n:e,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}})))}))))),i("div",{class:`level level-done`},this.getLevelIcon("end"),i("div",{class:"complete"},"Signing Complete"))),i("div",{class:"buttons"},r&&i("div",{class:"error-message"},"Recipients cannot share the same email."),this.showCancel&&i("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e),disabled:this.sending}),i("verdocs-button",{label:"Send",size:"small",disabled:!n||this.sending||r,onClick:e=>this.handleSend(e)}),this.sending&&i("verdocs-spinner",null)))}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return D()}},[0,"verdocs-send",{endpoint:[16],templateId:[513,"template-id"],environment:[1],showCancel:[4,"show-cancel"],containerId:[32],showPickerForId:[32],sessionContacts:[32],sending:[32],rolesCompleted:[32],loading:[32],template:[32],reset:[64]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function L(){if(typeof customElements==="undefined"){return}const e=["verdocs-send","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-flag","verdocs-loader","verdocs-portal","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-send":if(!customElements.get(n(e))){customElements.define(n(e),_)}break;case"verdocs-button":if(!customElements.get(n(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(n(e))){x()}break;case"verdocs-component-error":if(!customElements.get(n(e))){b()}break;case"verdocs-contact-picker":if(!customElements.get(n(e))){g()}break;case"verdocs-flag":if(!customElements.get(n(e))){w()}break;case"verdocs-loader":if(!customElements.get(n(e))){k()}break;case"verdocs-portal":if(!customElements.get(n(e))){S()}break;case"verdocs-spinner":if(!customElements.get(n(e))){E()}break}}))}export{_ as V,L as d};
-//# sourceMappingURL=p-zTcSNwsp.js.map
+import{p as e,H as s,c as t,h as i,d as o,t as n}from"./p-yZBlG3YQ.js";import{getTemplate as l,getOrganizationContacts as r,isValidEmail as d,createEnvelope as a,formatFullName as c,getRGBA as p}from"@verdocs/js-sdk";import{D as h}from"./p-b2u0_wDk.js";import{V as v}from"./p-D97GxsI-.js";import{S as m}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as u}from"./p-C0SHIuoK.js";import{d as x}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as g}from"./p-6RWROB9R.js";import{d as w}from"./p-D9yawpPk.js";import{d as k}from"./p-vimrvRye.js";import{d as S}from"./p-CIgqf7hj.js";import{d as E}from"./p-CoeB7U-_.js";const C=e=>((e===null||e===void 0?void 0:e.roles)||[]).map((e=>e.name));const y=(e,s)=>Math.max(C(e).findIndex((e=>e===s)),0);const D=()=>`verdocs-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid rgba(151, 151, 151, 0.2666666667)}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:rgba(0, 0, 0, 0.537254902)}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-send .buttons .error-message{width:100%;color:#cc0000;font-size:13px;margin-bottom:10px}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}`;const z='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>';const j='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';const N='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';const _='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';const I=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.beforeSend=t(this,"beforeSend");this.send=t(this,"send");this.exit=t(this,"exit");this.sdkError=t(this,"sdkError");this.searchContacts=t(this,"searchContacts");this.templateListenerId=null;this.endpoint=h;this.templateId=null;this.environment="";this.showCancel=true;this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPickerForId="";this.sessionContacts=[];this.sending=false;this.rolesCompleted={};this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[SEND] Loading template",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),true,(e=>{console.log("[SEND] Got new template",e);this.template=e;this.loading=false;this.rolesCompleted={};this.recomputeRolesCompleted()}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}async reset(){this.rolesCompleted={}}onTemplateIdChanged(e){console.log("[SEND] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.onSessionChanged(((e,s,t)=>{if(!t){return}const i={id:t.id,first_name:t.first_name,last_name:t.last_name,email:t.email,phone:t.phone};if(t){this.sessionContacts=[i];r(this.endpoint).then((e=>{console.log("[SEND] Got contacts",e);this.sessionContacts=[...e,i]})).catch((e=>{console.log("[SEND] Error getting contacts",e)}))}}));this.endpoint.loadSession();if(!this.endpoint.session){console.log("[SEND] Unable to start Send operation, must be authenticated");return}if(!this.templateId){console.log(`[SEND] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(i){console.log("[SEND] Error with send session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new m(i.message,(s=i.response)===null||s===void 0?void 0:s.status,(t=i.response)===null||t===void 0?void 0:t.data))}}recomputeRolesCompleted(){var e;this.rolesCompleted={};const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{const t=e.sequence;s[t]||(s[t]=[]);const i=`r-${t}-${s[t].length}`;s[t].push({...e,id:i,role_name:e.name,first_name:e.first_name,last_name:e.last_name});if(e.first_name&&d(e.email)){this.rolesCompleted[i]={...e,id:i,role_name:e.name,first_name:e.first_name,last_name:e.last_name}}}))}getSequenceNumbers(){var e;const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{s[e.sequence]=true}));return Object.keys(s).map((e=>+e)).sort(((e,s)=>e-s))}getRolesAtLevel(e){var s;const t=(((s=this.template)===null||s===void 0?void 0:s.roles)||[]).filter((s=>s.sequence===e)).map(((s,t)=>({...s,id:`r-${e}-${t}`,role_name:s.name,first_name:s.first_name,last_name:s.last_name})));return t}getLevelIcon(e){if(e==="start"){return i("div",{class:"level-icon",innerHTML:j})}else if(e==="end"){return i("div",{class:"level-icon",innerHTML:_})}else{return i("div",{class:"level-icon",innerHTML:N})}}handleSelectContact(e,s){e.preventDefault();this.rolesCompleted[s.id]={...s,...e.detail};this.showPickerForId=""}handleClickRole(e,s){e.stopPropagation();this.showPickerForId=s.id}handleSend(e){var s;if(this.sending){console.log("[SEND] Skipping duplicate send",e);return}console.log("[SEND] Sending",e);e.preventDefault();e.stopPropagation();this.sending=true;const t=Intl.DateTimeFormat().resolvedOptions();const i={template_id:this.templateId,name:((s=this.template)===null||s===void 0?void 0:s.name)||"New Envelope",environment:this.environment,initial_reminder:0,followup_reminders:0,recipients:Object.values(this.rolesCompleted),timezone:t.timeZone,locale:t.locale};const o=this.beforeSend.emit({...i,name:i.name,template:this.template});if(o.defaultPrevented){console.log("[SEND] Send cancelled by parent",i);this.sending=false;return}console.log("[SEND] Creating envelope",i);a(this.endpoint,i).then((e=>{var s;console.log("[SEND] Send envelope",e);this.reset().catch((e=>console.log("Unknown Error",e)));this.sending=false;(s=this.send)===null||s===void 0?void 0:s.emit({...i,name:i.name,envelope_id:e.id,envelope:e})})).catch((e=>{var s,t,i;console.log("[SEND] Send error",e);v(((t=(s=e.response)===null||s===void 0?void 0:s.data)===null||t===void 0?void 0:t.error)||"Error creating envelope, please try again later.");this.sending=false;(i=this.sdkError)===null||i===void 0?void 0:i.emit(e)}))}handleCancel(e){var s;e.stopPropagation();(s=this.exit)===null||s===void 0?void 0:s.emit()}render(){var e;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,{style:{display:"flex"}},i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const s=this.getSequenceNumbers();const t=Object.values(this.rolesCompleted).filter((e=>d(e.email)&&e.first_name&&e.last_name));const n=t.length>=C(this.template).length;const l=t.map((e=>e.email.toLowerCase()));const r=new Set(l).size<l.length;return i(o,{class:{sendable:(e=this.template)===null||e===void 0?void 0:e.is_sendable}},i("div",{class:"recipients"},i("div",{class:"left-line"}),i("div",{class:`level level-start`},this.getLevelIcon("start"),i("div",{class:"complete"},"Send Envelope")),s.map((e=>i("div",{class:`level level-${e}`},this.getLevelIcon("sequence"),this.getRolesAtLevel(e).map((e=>{var s,o,n;const l=!e.email||!e.first_name||!e.last_name;const r=((s=this.rolesCompleted[e.id])===null||s===void 0?void 0:s.first_name)?c(this.rolesCompleted[e.id]):l?e.role_name:c(e);const d=`verdocs-send-recipient-${e.role_name}`;const a=y(this.template,e.role_name);const h=p(a);const v=t.findIndex((s=>s.role_name===e.role_name))>-1;const m={backgroundColor:h,border:v?"2px solid #55bc81":"2px solid #dddddd"};return l?i("div",{class:"recipient","data-ri":a,"data-rn":e.role_name,style:m,onClick:s=>this.handleClickRole(s,e),id:d},r,i("div",{class:"icon",innerHTML:z}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:d,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:s=>this.handleSelectContact(s,e),contactSuggestions:this.sessionContacts,templateRole:(o=this.rolesCompleted[e.id])!==null&&o!==void 0?o:e,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}}))):i("div",{class:"recipient","data-ri":a,"data-rn":e.role_name,style:m,onClick:s=>this.handleClickRole(s,e),id:d},r,i("div",{class:"icon",innerHTML:z}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:d,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:s=>this.handleSelectContact(s,e),contactSuggestions:this.sessionContacts,templateRole:(n=this.rolesCompleted[e.id])!==null&&n!==void 0?n:e,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}})))}))))),i("div",{class:`level level-done`},this.getLevelIcon("end"),i("div",{class:"complete"},"Signing Complete"))),i("div",{class:"buttons"},r&&i("div",{class:"error-message"},"Recipients cannot share the same email."),this.showCancel&&i("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e),disabled:this.sending}),i("verdocs-button",{label:"Send",size:"small",disabled:!n||this.sending||r,onClick:e=>this.handleSend(e)}),this.sending&&i("verdocs-spinner",null)))}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return D()}},[0,"verdocs-send",{endpoint:[16],templateId:[513,"template-id"],environment:[1],showCancel:[4,"show-cancel"],containerId:[32],showPickerForId:[32],sessionContacts:[32],sending:[32],rolesCompleted:[32],loading:[32],template:[32],reset:[64]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function L(){if(typeof customElements==="undefined"){return}const e=["verdocs-send","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-flag","verdocs-loader","verdocs-portal","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-send":if(!customElements.get(n(e))){customElements.define(n(e),I)}break;case"verdocs-button":if(!customElements.get(n(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(n(e))){x()}break;case"verdocs-component-error":if(!customElements.get(n(e))){b()}break;case"verdocs-contact-picker":if(!customElements.get(n(e))){g()}break;case"verdocs-flag":if(!customElements.get(n(e))){w()}break;case"verdocs-loader":if(!customElements.get(n(e))){k()}break;case"verdocs-portal":if(!customElements.get(n(e))){S()}break;case"verdocs-spinner":if(!customElements.get(n(e))){E()}break}}))}export{I as V,L as d};
+//# sourceMappingURL=p-Ck4pdoyc.js.map

package/dist/components/{p-DZa0rMk2.js → p-CsF979IT.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as o,h as s,d as i,t as d}from"./p-yZBlG3YQ.js";import{verifySigner as a}from"@verdocs/js-sdk";import{D as c}from"./p-Dy2CRiH8.js";import{V as n}from"./p-D97GxsI-.js";import{d as l}from"./p-C0SHIuoK.js";import{d as r}from"./p-JGWMBIGy.js";import{d as f}from"./p-CxIhMndz.js";import{d as b}from"./p-BMGs9CCD.js";const p=()=>`verdocs-otp-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}verdocs-otp-dialog .heading .title{font-size:20px;font-weight:500}verdocs-otp-dialog .step{margin-left:6px;color:#666}verdocs-otp-dialog .help-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0;-ms-flex-align:center;align-items:center;color:black;margin-bottom:20px}verdocs-otp-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;font-size:14px;gap:5px}verdocs-otp-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-otp-dialog .help-text{font-weight:400}verdocs-otp-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;width:100%}verdocs-otp-dialog .buttons verdocs-button{margin-left:16px}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.resendTimeout=null;this.endpoint=c;this.method="email";this.resendDisabled=true;this.response=""}componentDidLoad(){this.startResendTimeout();setTimeout((()=>{a(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response=""})).catch((e=>console.log("Error resending code",e)))}),1e3)}disconnectedCallback(){if(this.resendTimeout){clearTimeout(this.resendTimeout);this.resendTimeout=null}}handleCancel(){this.exit.emit()}startResendTimeout(){this.resendDisabled=true;if(this.resendTimeout){clearTimeout(this.resendTimeout)}this.resendTimeout=setTimeout((()=>{this.resendDisabled=false}),3e4)}handleResend(){this.startResendTimeout();a(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response="";n("A new code has been sent.")})).catch((e=>console.log("Error resending code",e)))}handleSubmit(){this.startResendTimeout();a(this.endpoint,{auth_method:this.method,code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e});n("Thank you. Your verification was successful.")})).catch((e=>{n("Invalid verification code. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return s(i,{key:"dd49120f21d193dc254648d7285bdae58d8b720e"},s("verdocs-dialog",{key:"2052eee544c96b16d02e2bd2b1ba6b9527397d74",persistent:true,onExit:()=>this.handleCancel()},s("div",{key:"68facdc18ef1a6da0796646bdbbabe1567ebdf48",slot:"heading",class:"heading"},s("div",{key:"23d9eb1057aa9f445ccfaf5642c77799c36b7a67",class:"title"},"Verification Required")),s("div",{key:"f6e2d79a28411743a1b48573d120f4cd986656d8",slot:"content",class:"content"},s("div",{key:"8829db746c90efd5c23e1be5f1950f8e6b383582",class:"help-box"},s("div",{key:"9e27a36bb704f789f2dc6a1d612a066ba48cda2e",class:"help-details"},s("div",{key:"c34a9c354f58466690bd77436a1bb105f25f6d04",class:"help-text"},"Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))),s("verdocs-text-input",{key:"5aeffa74b7703c86849cf6bbedc746584e346379",id:"verdocs-otp-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter your one-time code...",onInput:e=>this.response=e.target.value})),s("div",{key:"d96f03dfaffebabc10d67fb2b35c97303198a08a",slot:"footer",class:"buttons footer"},s("verdocs-button",{key:"0ea3512e6e87650bfe9f137795e6fc98403bdae0",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),s("verdocs-button",{key:"f1ace3296417909507ceee4c777f64f07f5fa061",label:"Resend",onClick:()=>this.handleResend(),disabled:this.resendDisabled}),s("verdocs-button",{key:"3b098c6589cea3ff4a7c3e6b7bf2089324de0931",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return p()}},[0,"verdocs-otp-dialog",{endpoint:[1040],method:[1],resendDisabled:[32],response:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["verdocs-otp-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-otp-dialog":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"verdocs-button":if(!customElements.get(d(e))){l()}break;case"verdocs-dialog":if(!customElements.get(d(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){f()}break;case"verdocs-text-input":if(!customElements.get(d(e))){b()}break}}))}export{h as V,m as d};
-//# sourceMappingURL=p-DZa0rMk2.js.map
+import{p as e,H as t,c as o,h as s,d as i,t as d}from"./p-yZBlG3YQ.js";import{verifySigner as a}from"@verdocs/js-sdk";import{D as c}from"./p-b2u0_wDk.js";import{V as n}from"./p-D97GxsI-.js";import{d as l}from"./p-C0SHIuoK.js";import{d as r}from"./p-JGWMBIGy.js";import{d as f}from"./p-CxIhMndz.js";import{d as b}from"./p-BMGs9CCD.js";const p=()=>`verdocs-otp-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}verdocs-otp-dialog .heading .title{font-size:20px;font-weight:500}verdocs-otp-dialog .step{margin-left:6px;color:#666}verdocs-otp-dialog .help-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0;-ms-flex-align:center;align-items:center;color:black;margin-bottom:20px}verdocs-otp-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;font-size:14px;gap:5px}verdocs-otp-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-otp-dialog .help-text{font-weight:400}verdocs-otp-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;width:100%}verdocs-otp-dialog .buttons verdocs-button{margin-left:16px}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.resendTimeout=null;this.endpoint=c;this.method="email";this.resendDisabled=true;this.response=""}componentDidLoad(){this.startResendTimeout();setTimeout((()=>{a(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response=""})).catch((e=>console.log("Error resending code",e)))}),1e3)}disconnectedCallback(){if(this.resendTimeout){clearTimeout(this.resendTimeout);this.resendTimeout=null}}handleCancel(){this.exit.emit()}startResendTimeout(){this.resendDisabled=true;if(this.resendTimeout){clearTimeout(this.resendTimeout)}this.resendTimeout=setTimeout((()=>{this.resendDisabled=false}),3e4)}handleResend(){this.startResendTimeout();a(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response="";n("A new code has been sent.")})).catch((e=>console.log("Error resending code",e)))}handleSubmit(){this.startResendTimeout();a(this.endpoint,{auth_method:this.method,code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e});n("Thank you. Your verification was successful.")})).catch((e=>{n("Invalid verification code. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return s(i,{key:"dd49120f21d193dc254648d7285bdae58d8b720e"},s("verdocs-dialog",{key:"2052eee544c96b16d02e2bd2b1ba6b9527397d74",persistent:true,onExit:()=>this.handleCancel()},s("div",{key:"68facdc18ef1a6da0796646bdbbabe1567ebdf48",slot:"heading",class:"heading"},s("div",{key:"23d9eb1057aa9f445ccfaf5642c77799c36b7a67",class:"title"},"Verification Required")),s("div",{key:"f6e2d79a28411743a1b48573d120f4cd986656d8",slot:"content",class:"content"},s("div",{key:"8829db746c90efd5c23e1be5f1950f8e6b383582",class:"help-box"},s("div",{key:"9e27a36bb704f789f2dc6a1d612a066ba48cda2e",class:"help-details"},s("div",{key:"c34a9c354f58466690bd77436a1bb105f25f6d04",class:"help-text"},"Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))),s("verdocs-text-input",{key:"5aeffa74b7703c86849cf6bbedc746584e346379",id:"verdocs-otp-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter your one-time code...",onInput:e=>this.response=e.target.value})),s("div",{key:"d96f03dfaffebabc10d67fb2b35c97303198a08a",slot:"footer",class:"buttons footer"},s("verdocs-button",{key:"0ea3512e6e87650bfe9f137795e6fc98403bdae0",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),s("verdocs-button",{key:"f1ace3296417909507ceee4c777f64f07f5fa061",label:"Resend",onClick:()=>this.handleResend(),disabled:this.resendDisabled}),s("verdocs-button",{key:"3b098c6589cea3ff4a7c3e6b7bf2089324de0931",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return p()}},[0,"verdocs-otp-dialog",{endpoint:[1040],method:[1],resendDisabled:[32],response:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["verdocs-otp-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-otp-dialog":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"verdocs-button":if(!customElements.get(d(e))){l()}break;case"verdocs-dialog":if(!customElements.get(d(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){f()}break;case"verdocs-text-input":if(!customElements.get(d(e))){b()}break}}))}export{h as V,m as d};
+//# sourceMappingURL=p-CsF979IT.js.map

package/dist/components/{p-CYvB5bYX.js → p-CtNpZzq1.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 c,getTemplate as l}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-D1cSgqut.js";import{d as x}from"./p-K_PKw6bs.js";import{d as y}from"./p-DiYuPnJJ.js";import{d as k}from"./p-DKKsPZnz.js";import{d as w}from"./p-D-TexkaT.js";import{d as j}from"./p-D7oMWhqM.js";import{d as E}from"./p-BQUZjuoP.js";import{d as P}from"./p-DfIxVX8-.js";import{d as D}from"./p-BELGzhZw.js";import{d as I}from"./p-bPe0_Dsn.js";import{d as S}from"./p-D9yawpPk.js";import{d as W}from"./p-CxIhMndz.js";import{d as $}from"./p-vimrvRye.js";import{d as B}from"./p-Dc3BDcaU.js";import{d as C}from"./p-CIgqf7hj.js";import{d as H}from"./p-u9H54zUE.js";import{d as z}from"./p-BWrwPDuU.js";import{d as M}from"./p-BMGs9CCD.js";import{d as R}from"./p-LYpUmpqf.js";const U=()=>`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 T=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 c(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,(()=>l(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:c}=e;const{xScale:l,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";c=true}switch(d){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,multiline:c,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"date":return i("verdocs-field-date",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,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:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,m)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:l,yscale:m,pagenumber:b,isPreview:true,style:n(e,l,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 U()}},[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 G(){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),T)}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))){D()}break;case"verdocs-field-timestamp":if(!customElements.get(o(e))){I()}break;case"verdocs-flag":if(!customElements.get(o(e))){S()}break;case"verdocs-help-icon":if(!customElements.get(o(e))){W()}break;case"verdocs-loader":if(!customElements.get(o(e))){$()}break;case"verdocs-ok-dialog":if(!customElements.get(o(e))){B()}break;case"verdocs-portal":if(!customElements.get(o(e))){C()}break;case"verdocs-select-input":if(!customElements.get(o(e))){H()}break;case"verdocs-template-field-properties":if(!customElements.get(o(e))){z()}break;case"verdocs-text-input":if(!customElements.get(o(e))){M()}break;case"verdocs-upload-dialog":if(!customElements.get(o(e))){R()}break}}))}export{T as V,G as d};
-//# sourceMappingURL=p-CYvB5bYX.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-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

package/dist/components/{p-B6aUlIQe.js → p-CzKj8wD_.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as o,d as r,F as i,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{VerdocsEndpoint as c,getTemplate as l,integerSequence as m}from"@verdocs/js-sdk";import{a as n}from"./p-BCwFpXpV.js";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as v}from"./p-C0SHIuoK.js";import{d as u}from"./p-DVx4efoX.js";import{d as h}from"./p--jRXEN0c.js";import{d as b}from"./p-JGWMBIGy.js";import{d as g}from"./p-D1cSgqut.js";import{d as E}from"./p-K_PKw6bs.js";import{d as k}from"./p-DiYuPnJJ.js";import{d as x}from"./p-DKKsPZnz.js";import{d as j}from"./p-D-TexkaT.js";import{d as w}from"./p-D7oMWhqM.js";import{d as I}from"./p-BQUZjuoP.js";import{d as y}from"./p-DfIxVX8-.js";import{d as D}from"./p-BELGzhZw.js";import{d as C}from"./p-bPe0_Dsn.js";import{d as P}from"./p-D9yawpPk.js";import{d as B}from"./p-CxIhMndz.js";import{d as R}from"./p-vimrvRye.js";import{d as T}from"./p-Dc3BDcaU.js";import{d as V}from"./p-CIgqf7hj.js";import{d as W}from"./p-u9H54zUE.js";import{d as z}from"./p-CYvB5bYX.js";import{d as M}from"./p-BWrwPDuU.js";import{d as U}from"./p-BMGs9CCD.js";import{d as q}from"./p-LYpUmpqf.js";const G=()=>`verdocs-preview{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}`;const K=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=t(this,"sdkError");this.templateListenerId=null;this.renderedPages={};this.endpoint=c.getDefault();this.templateId=null;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}onTemplateIdChanged(e){console.log("[PREVIEW] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[PREVIEW] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(o){console.log("[PREVIEW] Error with preview session",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(o.message,(s=o.response)===null||s===void 0?void 0:s.status,(t=o.response)===null||t===void 0?void 0:t.data))}}componentDidRender(){var e;(e=this.hostEl)===null||e===void 0?void 0:e.querySelectorAll(".verdocs-field").forEach((e=>{d(e).unset()}))}handlePageRendered(e){var s;const t=e.detail;this.renderedPages[`${t.documentId}:${t.pageNumber}`]=t;const o=(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>{if(e["document_id"]){return e["document_id"]===t.documentId&&e.page===t.pageNumber}return e.page===t.pageNumber}));o.forEach((e=>n("template",e,t,{disabled:true,editable:false,draggable:false})))}render(){var e;if(this.loading){return o(r,null,o("verdocs-loader",null))}return o(r,null,(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).map((e=>{const s=m(1,e.pages);return o(i,null,s.map((s=>{var t;const r=((t=e.page_sizes)===null||t===void 0?void 0:t[s])||{width:612,height:792};return o("verdocs-template-document-page",{templateId:e.template_id,documentId:e.id,pageNumber:s,disabled:true,editable:false,done:false,virtualWidth:r.width,virtualHeight:r.height,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))}get hostEl(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return G()}},[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function X(){if(typeof customElements==="undefined"){return}const e=["verdocs-preview","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-document-page","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-preview":if(!customElements.get(a(e))){customElements.define(a(e),K)}break;case"verdocs-button":if(!customElements.get(a(e))){v()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){u()}break;case"verdocs-component-error":if(!customElements.get(a(e))){h()}break;case"verdocs-dialog":if(!customElements.get(a(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(a(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(a(e))){E()}break;case"verdocs-field-date":if(!customElements.get(a(e))){k()}break;case"verdocs-field-dropdown":if(!customElements.get(a(e))){x()}break;case"verdocs-field-initial":if(!customElements.get(a(e))){j()}break;case"verdocs-field-radio":if(!customElements.get(a(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(a(e))){I()}break;case"verdocs-field-textarea":if(!customElements.get(a(e))){y()}break;case"verdocs-field-textbox":if(!customElements.get(a(e))){D()}break;case"verdocs-field-timestamp":if(!customElements.get(a(e))){C()}break;case"verdocs-flag":if(!customElements.get(a(e))){P()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){B()}break;case"verdocs-loader":if(!customElements.get(a(e))){R()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){T()}break;case"verdocs-portal":if(!customElements.get(a(e))){V()}break;case"verdocs-select-input":if(!customElements.get(a(e))){W()}break;case"verdocs-template-document-page":if(!customElements.get(a(e))){z()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){M()}break;case"verdocs-text-input":if(!customElements.get(a(e))){U()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){q()}break}}))}export{K as V,X as d};
-//# sourceMappingURL=p-B6aUlIQe.js.map
+import{p as e,H as s,c as t,h as o,d as r,F as i,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{VerdocsEndpoint as c,getTemplate as l,integerSequence as m}from"@verdocs/js-sdk";import{a as n}from"./p-BCwFpXpV.js";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as v}from"./p-C0SHIuoK.js";import{d as u}from"./p-DVx4efoX.js";import{d as h}from"./p--jRXEN0c.js";import{d as b}from"./p-JGWMBIGy.js";import{d as g}from"./p-D_FNSGtS.js";import{d as E}from"./p-DmxiVavg.js";import{d as k}from"./p-Bp88Loqg.js";import{d as x}from"./p-CCr_gliS.js";import{d as j}from"./p-BXaR1BSS.js";import{d as w}from"./p-DrNmI7Wz.js";import{d as I}from"./p-vcHtLpWY.js";import{d as C}from"./p-DubfX0n1.js";import{d as y}from"./p-CFau7OiC.js";import{d as D}from"./p-B8R4luxA.js";import{d as R}from"./p-D9yawpPk.js";import{d as B}from"./p-CxIhMndz.js";import{d as W}from"./p-vimrvRye.js";import{d as V}from"./p-Dc3BDcaU.js";import{d as z}from"./p-CIgqf7hj.js";import{d as P}from"./p-u9H54zUE.js";import{d as S}from"./p-CtNpZzq1.js";import{d as T}from"./p-BWrwPDuU.js";import{d as q}from"./p-BMGs9CCD.js";import{d as F}from"./p-LYpUmpqf.js";const G=()=>`verdocs-preview{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}`;const M=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=t(this,"sdkError");this.templateListenerId=null;this.renderedPages={};this.endpoint=c.getDefault();this.templateId=null;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}onTemplateIdChanged(e){console.log("[PREVIEW] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[PREVIEW] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(o){console.log("[PREVIEW] Error with preview session",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(o.message,(s=o.response)===null||s===void 0?void 0:s.status,(t=o.response)===null||t===void 0?void 0:t.data))}}componentDidRender(){var e;(e=this.hostEl)===null||e===void 0?void 0:e.querySelectorAll(".verdocs-field").forEach((e=>{d(e).unset()}))}handlePageRendered(e){var s;const t=e.detail;this.renderedPages[`${t.documentId}:${t.pageNumber}`]=t;const o=(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>{if(e["document_id"]){return e["document_id"]===t.documentId&&e.page===t.pageNumber}return e.page===t.pageNumber}));o.forEach((e=>n("template",e,t,{disabled:true,editable:false,draggable:false})))}render(){var e;if(this.loading){return o(r,null,o("verdocs-loader",null))}return o(r,null,(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).map((e=>{const s=m(1,e.pages);return o(i,null,s.map((s=>{var t;const r=((t=e.page_sizes)===null||t===void 0?void 0:t[s])||{width:612,height:792};return o("verdocs-template-document-page",{templateId:e.template_id,documentId:e.id,pageNumber:s,disabled:true,editable:false,done:false,virtualWidth:r.width,virtualHeight:r.height,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))}get hostEl(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return G()}},[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function N(){if(typeof customElements==="undefined"){return}const e=["verdocs-preview","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-document-page","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-preview":if(!customElements.get(a(e))){customElements.define(a(e),M)}break;case"verdocs-button":if(!customElements.get(a(e))){v()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){u()}break;case"verdocs-component-error":if(!customElements.get(a(e))){h()}break;case"verdocs-dialog":if(!customElements.get(a(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(a(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(a(e))){E()}break;case"verdocs-field-date":if(!customElements.get(a(e))){k()}break;case"verdocs-field-dropdown":if(!customElements.get(a(e))){x()}break;case"verdocs-field-initial":if(!customElements.get(a(e))){j()}break;case"verdocs-field-radio":if(!customElements.get(a(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(a(e))){I()}break;case"verdocs-field-textarea":if(!customElements.get(a(e))){C()}break;case"verdocs-field-textbox":if(!customElements.get(a(e))){y()}break;case"verdocs-field-timestamp":if(!customElements.get(a(e))){D()}break;case"verdocs-flag":if(!customElements.get(a(e))){R()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){B()}break;case"verdocs-loader":if(!customElements.get(a(e))){W()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){V()}break;case"verdocs-portal":if(!customElements.get(a(e))){z()}break;case"verdocs-select-input":if(!customElements.get(a(e))){P()}break;case"verdocs-template-document-page":if(!customElements.get(a(e))){S()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){T()}break;case"verdocs-text-input":if(!customElements.get(a(e))){q()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){F()}break}}))}export{M as V,N as d};
+//# sourceMappingURL=p-CzKj8wD_.js.map

package/dist/components/{p-DiwfOWXt.js → p-DJMr11ue.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as d,h as a,t as c}from"./p-yZBlG3YQ.js";import{D as s}from"./p-Dy2CRiH8.js";import{d as t}from"./p-JGWMBIGy.js";const l=()=>`verdocs-delegate-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-delegate-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-delegate-dialog .heading .icon{}verdocs-delegate-dialog .heading .icon svg{fill:var(--verdocs-dialog-icon-color, #ffffff)}verdocs-delegate-dialog{}verdocs-delegate-dialog .verdocs-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}verdocs-delegate-dialog .verdocs-form-row{display:-ms-flexbox;display:flex;gap:16px;width:100%}verdocs-delegate-dialog .verdocs-form-row>*{-ms-flex:1;flex:1}verdocs-delegate-dialog .verdocs-form-label{font-size:13px;line-height:20px;font-weight:300;color:var(--verdocs-label-color, #616161);margin-bottom:2px;display:block}verdocs-delegate-dialog .verdocs-form-input{border:1px solid #d1d1d1;border-bottom-color:var(--verdocs-input-border-bottom-color, #d1d1d1);border-radius:4px;color:#707070;padding:8px 12px;font-size:14px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}verdocs-delegate-dialog .verdocs-form-input::-webkit-input-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input::-moz-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input:-ms-input-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input::-ms-input-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input::placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input:focus{outline:none;border-color:var(--verdocs-primary-color, #654dcb)}verdocs-delegate-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-delegate-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-delegate-dialog .buttons button.cancel{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-delegate-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-delegate-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-delegate-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const r=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=d(this,"exit");this.next=d(this,"next");this.endpoint=s;this.envelope=null;this.first_name="";this.last_name="";this.email="";this.phone="";this.message=""}handleCancel(){this.exit.emit()}handleDismiss(e){if(e.target.class==="background-overlay"){e.preventDefault();this.handleCancel()}}handleDelegate(){this.next.emit({first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message})}render(){return a("verdocs-dialog",{key:"d4b21ede9f6753e83b58014d9fc9f22f180440a0"},a("div",{key:"3147514ded1c2037d6bdf2931d7c84444cc81726",slot:"heading",class:"heading"},a("div",{key:"b47b3ad26c23c0c6aa8f8443eaa2f4fe44dd87e6",class:"icon"},a("svg",{key:"4c9fc9400ca834af65da1e59e3187ce4f76b7dad",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"88648a465b4e8a4b0a6f4c261cbfd29946e9bbd3","clip-path":"url(#clip0_34208_4881)"},a("path",{key:"469404c0b2232024444c7217836967388e500837",d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z"})),a("defs",{key:"3c07a9394deb8c526bb655200a8977d9b8ca7acd"},a("clipPath",{key:"72c433bcd5308661e432889cb0cac60a76705441",id:"clip0_34208_4881"},a("path",{key:"e2f271f62dbe2b724b7b974af9229bcb641fbde8",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),a("div",{key:"79780657fb17149521a18eb172f961ea1421a2bc",class:"title"},"Delegate Signing")),a("div",{key:"f00f9769bad5a70e04e9502b603801fafc9a8b80",slot:"content",class:"content"},a("div",{key:"2217095c86469c318477e91bd0ca3220ead46024",class:"verdocs-form"},a("div",{key:"987b0f9f1bd75cbbef3fe2ed6d463785df38ffe9",class:"verdocs-form-row"},a("div",{key:"bdaeae291bf85cdc2440262037cd5bbc33c6dd8f",class:"field-group"},a("label",{key:"02e0b1b82fe99f6353e243c8c29260b569938896",htmlFor:"verdocs-delegate-first",class:"verdocs-form-label"},"New Recipient*"),a("input",{key:"0642146c6887d6df805e1261f1e9f579c87c1229",type:"text",id:"verdocs-delegate-first",name:"verdocs-delegate-first",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"First name",value:this.first_name,onInput:e=>this.first_name=e.target.value})),a("div",{key:"0f2d8b210b6dcabe2568e1695c3fbbf50f763363",class:"field-group"},a("label",{key:"a92195120fcc28d22f0360f66249023f56b255e8",htmlFor:"verdocs-delegate-last",class:"verdocs-form-label"}," "),a("input",{key:"671f4ab62c9c6ee7094b52426fbfec3d30c65f01",type:"text",id:"verdocs-delegate-last",name:"verdocs-delegate-last",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"Last name",value:this.last_name,onInput:e=>this.last_name=e.target.value}))),a("div",{key:"082fb6a00e764aac3220b6816896e2360a58f6e7"},a("label",{key:"c847d34aac89ac041051c40e65aac643be7e8b2a",htmlFor:"verdocs-delegate-email",class:"verdocs-form-label"},"Email Address*"),a("input",{key:"c531b1d3da04c62683355efab2485f1adaf474e8",type:"text",id:"verdocs-delegate-email",name:"verdocs-delegate-email",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"New recipient email address",value:this.email,onInput:e=>this.email=e.target.value})),a("div",{key:"212965cb6ce4022234865c83c885d200395bce9e"},a("label",{key:"bdd73d761ca479ae3394d72bb19ce0ec6a6bdd10",htmlFor:"verdocs-delegate-phone",class:"verdocs-form-label"},"Phone Number"),a("input",{key:"9eccefac65c43219c47f7a3ba89be8ee6f73e97a",type:"text",id:"verdocs-delegate-phone",name:"verdocs-delegate-phone",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"Optional phone number",value:this.phone,onInput:e=>this.phone=e.target.value})),a("div",{key:"ba25791e580303282dac8df271348dd1b9d63229"},a("label",{key:"859c39bcea4e2c3eaa67963741b052ce9300fb41",htmlFor:"verdocs-delegate-message",class:"verdocs-form-label"},"Message (optional)"),a("textarea",{key:"88430c1f20858a52de0cccf7e2321eccc3239f02",id:"verdocs-delegate-message",name:"verdocs-delegate-message",class:"verdocs-form-input",rows:3,autocomplete:"blocked",placeholder:"Type message here...",onInput:e=>this.message=e.target.value},this.message)))),a("div",{key:"262dc5e6373a2c10704156b14b1cd2c06d718777",class:"footer",slot:"footer"},a("div",{key:"327b7a99706bfd48d32c672a2f2deb62324da003",class:"buttons"},a("button",{key:"1cfee94119db51d52f6e7323950fe7b95168b20c",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),a("button",{key:"604e71d6316c0b0523567fbff135cb0e1d327246",class:"proceed",onClick:()=>this.handleDelegate(),disabled:!this.first_name||!this.last_name||!this.email},"Delegate"))))}static get style(){return l()}},[0,"verdocs-delegate-dialog",{endpoint:[1040],envelope:[16],first_name:[32],last_name:[32],email:[32],phone:[32],message:[32]}]);function i(){if(typeof customElements==="undefined"){return}const e=["verdocs-delegate-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-delegate-dialog":if(!customElements.get(c(e))){customElements.define(c(e),r)}break;case"verdocs-dialog":if(!customElements.get(c(e))){t()}break}}))}export{r as V,i as d};
-//# sourceMappingURL=p-DiwfOWXt.js.map
+import{p as e,H as o,c as d,h as a,t as c}from"./p-yZBlG3YQ.js";import{D as s}from"./p-b2u0_wDk.js";import{d as t}from"./p-JGWMBIGy.js";const l=()=>`verdocs-delegate-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-delegate-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-delegate-dialog .heading .icon{}verdocs-delegate-dialog .heading .icon svg{fill:var(--verdocs-dialog-icon-color, #ffffff)}verdocs-delegate-dialog{}verdocs-delegate-dialog .verdocs-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}verdocs-delegate-dialog .verdocs-form-row{display:-ms-flexbox;display:flex;gap:16px;width:100%}verdocs-delegate-dialog .verdocs-form-row>*{-ms-flex:1;flex:1}verdocs-delegate-dialog .verdocs-form-label{font-size:13px;line-height:20px;font-weight:300;color:var(--verdocs-label-color, #616161);margin-bottom:2px;display:block}verdocs-delegate-dialog .verdocs-form-input{border:1px solid #d1d1d1;border-bottom-color:var(--verdocs-input-border-bottom-color, #d1d1d1);border-radius:4px;color:#707070;padding:8px 12px;font-size:14px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}verdocs-delegate-dialog .verdocs-form-input::-webkit-input-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input::-moz-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input:-ms-input-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input::-ms-input-placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input::placeholder{color:#9ca3af}verdocs-delegate-dialog .verdocs-form-input:focus{outline:none;border-color:var(--verdocs-primary-color, #654dcb)}verdocs-delegate-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-delegate-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-delegate-dialog .buttons button.cancel{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-delegate-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-delegate-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-delegate-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const r=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=d(this,"exit");this.next=d(this,"next");this.endpoint=s;this.envelope=null;this.first_name="";this.last_name="";this.email="";this.phone="";this.message=""}handleCancel(){this.exit.emit()}handleDismiss(e){if(e.target.class==="background-overlay"){e.preventDefault();this.handleCancel()}}handleDelegate(){this.next.emit({first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message})}render(){return a("verdocs-dialog",{key:"d4b21ede9f6753e83b58014d9fc9f22f180440a0"},a("div",{key:"3147514ded1c2037d6bdf2931d7c84444cc81726",slot:"heading",class:"heading"},a("div",{key:"b47b3ad26c23c0c6aa8f8443eaa2f4fe44dd87e6",class:"icon"},a("svg",{key:"4c9fc9400ca834af65da1e59e3187ce4f76b7dad",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"88648a465b4e8a4b0a6f4c261cbfd29946e9bbd3","clip-path":"url(#clip0_34208_4881)"},a("path",{key:"469404c0b2232024444c7217836967388e500837",d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z"})),a("defs",{key:"3c07a9394deb8c526bb655200a8977d9b8ca7acd"},a("clipPath",{key:"72c433bcd5308661e432889cb0cac60a76705441",id:"clip0_34208_4881"},a("path",{key:"e2f271f62dbe2b724b7b974af9229bcb641fbde8",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),a("div",{key:"79780657fb17149521a18eb172f961ea1421a2bc",class:"title"},"Delegate Signing")),a("div",{key:"f00f9769bad5a70e04e9502b603801fafc9a8b80",slot:"content",class:"content"},a("div",{key:"2217095c86469c318477e91bd0ca3220ead46024",class:"verdocs-form"},a("div",{key:"987b0f9f1bd75cbbef3fe2ed6d463785df38ffe9",class:"verdocs-form-row"},a("div",{key:"bdaeae291bf85cdc2440262037cd5bbc33c6dd8f",class:"field-group"},a("label",{key:"02e0b1b82fe99f6353e243c8c29260b569938896",htmlFor:"verdocs-delegate-first",class:"verdocs-form-label"},"New Recipient*"),a("input",{key:"0642146c6887d6df805e1261f1e9f579c87c1229",type:"text",id:"verdocs-delegate-first",name:"verdocs-delegate-first",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"First name",value:this.first_name,onInput:e=>this.first_name=e.target.value})),a("div",{key:"0f2d8b210b6dcabe2568e1695c3fbbf50f763363",class:"field-group"},a("label",{key:"a92195120fcc28d22f0360f66249023f56b255e8",htmlFor:"verdocs-delegate-last",class:"verdocs-form-label"}," "),a("input",{key:"671f4ab62c9c6ee7094b52426fbfec3d30c65f01",type:"text",id:"verdocs-delegate-last",name:"verdocs-delegate-last",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"Last name",value:this.last_name,onInput:e=>this.last_name=e.target.value}))),a("div",{key:"082fb6a00e764aac3220b6816896e2360a58f6e7"},a("label",{key:"c847d34aac89ac041051c40e65aac643be7e8b2a",htmlFor:"verdocs-delegate-email",class:"verdocs-form-label"},"Email Address*"),a("input",{key:"c531b1d3da04c62683355efab2485f1adaf474e8",type:"text",id:"verdocs-delegate-email",name:"verdocs-delegate-email",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"New recipient email address",value:this.email,onInput:e=>this.email=e.target.value})),a("div",{key:"212965cb6ce4022234865c83c885d200395bce9e"},a("label",{key:"bdd73d761ca479ae3394d72bb19ce0ec6a6bdd10",htmlFor:"verdocs-delegate-phone",class:"verdocs-form-label"},"Phone Number"),a("input",{key:"9eccefac65c43219c47f7a3ba89be8ee6f73e97a",type:"text",id:"verdocs-delegate-phone",name:"verdocs-delegate-phone",class:"verdocs-form-input",autocomplete:"blocked",placeholder:"Optional phone number",value:this.phone,onInput:e=>this.phone=e.target.value})),a("div",{key:"ba25791e580303282dac8df271348dd1b9d63229"},a("label",{key:"859c39bcea4e2c3eaa67963741b052ce9300fb41",htmlFor:"verdocs-delegate-message",class:"verdocs-form-label"},"Message (optional)"),a("textarea",{key:"88430c1f20858a52de0cccf7e2321eccc3239f02",id:"verdocs-delegate-message",name:"verdocs-delegate-message",class:"verdocs-form-input",rows:3,autocomplete:"blocked",placeholder:"Type message here...",onInput:e=>this.message=e.target.value},this.message)))),a("div",{key:"262dc5e6373a2c10704156b14b1cd2c06d718777",class:"footer",slot:"footer"},a("div",{key:"327b7a99706bfd48d32c672a2f2deb62324da003",class:"buttons"},a("button",{key:"1cfee94119db51d52f6e7323950fe7b95168b20c",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),a("button",{key:"604e71d6316c0b0523567fbff135cb0e1d327246",class:"proceed",onClick:()=>this.handleDelegate(),disabled:!this.first_name||!this.last_name||!this.email},"Delegate"))))}static get style(){return l()}},[0,"verdocs-delegate-dialog",{endpoint:[1040],envelope:[16],first_name:[32],last_name:[32],email:[32],phone:[32],message:[32]}]);function i(){if(typeof customElements==="undefined"){return}const e=["verdocs-delegate-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-delegate-dialog":if(!customElements.get(c(e))){customElements.define(c(e),r)}break;case"verdocs-dialog":if(!customElements.get(c(e))){t()}break}}))}export{r as V,i as d};
+//# sourceMappingURL=p-DJMr11ue.js.map

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

@@ -1,2 +1,2 @@
-import{p as t,t as i,H as e,c as s,h as o}from"./p-yZBlG3YQ.js";import{a}from"./p-BDv5kBUR.js";import{d as n}from"./p-JGWMBIGy.js";import{d as r}from"./p-CxIhMndz.js";import{d}from"./p-F1PgSiVa.js";import{d as c}from"./p-BMGs9CCD.js";const l=()=>`verdocs-adopt-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #55bc81);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #55bc81);background-color:var(--verdocs-primary-color, #55bc81);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b);-webkit-filter:brightness(0.95);filter:brightness(0.95)}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.next=s(this,"next");this.exit=s(this,"exit");this.name="";this.nameLocked=false;this.fontLoaded=false;this.enteredName="";this.enteredInitials="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasDrawnInitials=false;this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.handleSigPointerDown=t=>{t.preventDefault();if(!this.signatureElement||!this.sigDrawingContext){return}this.isDrawing=true;this.hasDrawnSignature=true;const i=this.getSigCanvasCoordinates(t);this.currentSigStroke=[i];this.lastSigPoint=i;this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(i.x,i.y);this.signatureElement.setPointerCapture(t.pointerId)};this.handleSigPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext||!this.lastSigPoint){return}const i=this.getSigCanvasCoordinates(t);this.currentSigStroke.push(i);const e={x:(this.lastSigPoint.x+i.x)/2,y:(this.lastSigPoint.y+i.y)/2};this.sigDrawingContext.quadraticCurveTo(this.lastSigPoint.x,this.lastSigPoint.y,e.x,e.y);this.sigDrawingContext.stroke();this.lastSigPoint=i};this.handleSigPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext){return}if(this.lastSigPoint&&this.currentSigStroke.length>0){this.sigDrawingContext.lineTo(this.lastSigPoint.x,this.lastSigPoint.y);this.sigDrawingContext.stroke()}if(this.currentSigStroke.length>0){this.allSigStrokes.push([...this.currentSigStroke])}this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleSigPointerCancel=t=>{this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerDown=t=>{t.preventDefault();if(!this.initialsElement||!this.initialsDrawingContext){return}this.isDrawing=true;this.hasDrawnInitials=true;const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke=[i];this.lastInitialsPoint=i;this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(i.x,i.y);this.initialsElement.setPointerCapture(t.pointerId)};this.handleInitialsPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext||!this.lastInitialsPoint){return}const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke.push(i);const e={x:(this.lastInitialsPoint.x+i.x)/2,y:(this.lastInitialsPoint.y+i.y)/2};this.initialsDrawingContext.quadraticCurveTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y,e.x,e.y);this.initialsDrawingContext.stroke();this.lastInitialsPoint=i};this.handleInitialsPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext){return}if(this.lastInitialsPoint&&this.currentInitialsStroke.length>0){this.initialsDrawingContext.lineTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y);this.initialsDrawingContext.stroke()}if(this.currentInitialsStroke.length>0){this.allInitialsStrokes.push([...this.currentInitialsStroke])}this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerCancel=t=>{this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}}}componentWillLoad(){this.enteredName=this.name;this.computeEnteredInitials(this.name);const t=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");t.load().then((t=>{document.fonts.add(t);this.fontLoaded=true}))}componentDidLoad(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas()}componentDidUpdate(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas();if(this.mode==="draw"&&this.allSigStrokes.length>0){this.redrawDrawnSignature()}if(this.mode==="draw"&&this.allInitialsStrokes.length>0){this.redrawDrawnInitials()}}drawSignatureText(){if(!this.signatureElement||this.mode!=="type"){return}const t=this.signatureElement.width;const i=this.signatureElement.height;const e=this.signatureElement.getContext("2d");e.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);let s=100;let o=e.measureText(this.enteredName);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredName)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredName,this.signatureElement.width/2,this.signatureElement.height/2)}drawInitialsText(){if(!this.initialsElement||this.mode!=="type"){return}const t=this.initialsElement.width;const i=this.initialsElement.height;const e=this.initialsElement.getContext("2d");e.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);let s=100;let o=e.measureText(this.enteredInitials);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredInitials)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredInitials,this.initialsElement.width/2,this.initialsElement.height/2)}redrawDrawnSignature(){if(!this.signatureElement||!this.sigDrawingContext||this.allSigStrokes.length===0){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);for(const t of this.allSigStrokes){if(t.length===0){continue}this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.sigDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.sigDrawingContext.lineTo(i.x,i.y)}this.sigDrawingContext.stroke()}}redrawDrawnInitials(){if(!this.initialsElement||!this.initialsDrawingContext||this.allInitialsStrokes.length===0){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);for(const t of this.allInitialsStrokes){if(t.length===0){continue}this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.initialsDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.initialsDrawingContext.lineTo(i.x,i.y)}this.initialsDrawingContext.stroke()}}handleNameChange(t){this.enteredName=t.target.value;this.computeEnteredInitials(t.target.value)}computeEnteredInitials(t){const i=t.trim().split(" ").filter((t=>t.length>0));this.enteredInitials=i.length>1?i.map((t=>t.charAt(0).toUpperCase())).join(""):i[0].toUpperCase()}handleCancel(t){t.stopPropagation();t.preventDefault();this.exit.emit()}handleAdopt(t){t.stopPropagation();t.preventDefault();const i=this.signatureElement.toDataURL("image/png");const e=this.initialsElement.toDataURL("image/png");this.next.emit({signature:i,initials:e})}isAdoptButtonDisabled(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature&&!this.hasDrawnInitials||this.allSigStrokes.length===0||this.allInitialsStrokes.length===0;default:return true}}setupSignatureCanvas(){if(!this.signatureElement){return}if(this.mode==="draw"){const t=this.signatureElement.getContext("2d");if(t&&t!==this.sigDrawingContext){this.sigDrawingContext=t;this.sigDrawingContext.strokeStyle="#000000";this.sigDrawingContext.lineWidth=2;this.sigDrawingContext.lineCap="round";this.sigDrawingContext.lineJoin="round";if(this.allSigStrokes.length===0){this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height)}}}if(this.mode!=="draw"&&this.sigDrawingContext){this.sigDrawingContext=null;this.currentSigStroke=[];this.lastSigPoint=null}}setupInitialsCanvas(){if(!this.initialsElement){return}if(this.mode==="draw"){const t=this.initialsElement.getContext("2d");if(t&&t!==this.initialsDrawingContext){this.initialsDrawingContext=t;this.initialsDrawingContext.strokeStyle="#000000";this.initialsDrawingContext.lineWidth=2;this.initialsDrawingContext.lineCap="round";this.initialsDrawingContext.lineJoin="round";if(this.allInitialsStrokes.length===0){this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height)}}}if(this.mode!=="draw"&&this.initialsDrawingContext){this.initialsDrawingContext=null;this.currentInitialsStroke=[];this.lastInitialsPoint=null}}clearSignatureCanvas(){if(!this.signatureElement||!this.sigDrawingContext){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.hasDrawnSignature=false}clearInitialsCanvas(){if(!this.initialsElement||!this.initialsDrawingContext){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.hasDrawnInitials=false}handleClearDrawing(t,i="all"){t.stopPropagation();t.preventDefault();if(i==="all"||i==="signature")this.clearSignatureCanvas();if(i==="all"||i==="initials")this.clearInitialsCanvas()}getSigCanvasCoordinates(t){if(!this.signatureElement){return{x:0,y:0}}const i=this.signatureElement.getBoundingClientRect();const e=this.signatureElement.width/i.width;const s=this.signatureElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}getInitialsCanvasCoordinates(t){if(!this.initialsElement){return{x:0,y:0}}const i=this.initialsElement.getBoundingClientRect();const e=this.initialsElement.width/i.width;const s=this.initialsElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}render(){return o("verdocs-dialog",{key:"f630ab490d163ea9fa57c5273b6372e0826ea1d3"},o("div",{key:"5267cd5c1040a9ee26658baffa9f546d0137ebbd",slot:"heading",class:"heading"},"Adopt Your Signature"),o("div",{key:"75bce72a0e6793d37313fd075f53f43ba523f6ff",slot:"content",class:"content"},o("div",{key:"8b42cb301da5dca3e5cbd5b8904deda62ceed31a",style:{fontWeight:"300",color:"#242424",fontSize:"13px"}},"Confirm your name, initials, and signature."),o("div",{key:"4c452817dd26a4e3c976ec5dddd3439948725019",class:{type:true,active:this.mode==="type"}},o("verdocs-text-input",{key:"fbb5681d92561e9020e3e472649c4a9e0957b2e2",label:"Full Name",value:this.enteredName,disabled:this.nameLocked,onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()}),this.nameLocked&&o("div",{key:"1930ca30f8a3393b3dd5200123b71c93a24df6c0",class:"name-locked-hint"},"Your name has been set by the sender and cannot be changed.")),o("div",{key:"5afce91b895add6cb16bd9ecbeb9d22ba178af48",style:{fontWeight:"400",color:"#242424",fontSize:"13px"}},"Select a signature style"),o("div",{key:"068ee484b0830df090e844e3c6c9d5523b267f7f",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"01762a4aa5910429c75b871379881ba96577b644",checked:this.mode==="type",value:"type",name:"mode",onClick:()=>this.mode="type"}),o("label",{key:"1bbd44b434fcf64b1ddae931d4a29aa487ecc80d"},"Typed with a keyboard")),o("div",{key:"2e51810eabb7fb74e126845ee50db61b0f135f67",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"87f6c50b44bda23bad54c89c59e14714ed49eacc",checked:this.mode==="draw",value:"draw",name:"mode",onClick:()=>this.mode="draw"}),o("label",{key:"c8a69740c4235518ef7fb990f740c5fda873f5ef"},"Drawn with touch, mouse, or stylus")),o("div",{key:"e6dd80e5d18df3cac685de87ad43d9c791da2f83",class:"preview-header"},o("div",{key:"14f5ffbad7a1345b327eb1e1d76770037a9cf9f7",style:{fontSize:"13px",fontWeight:"400"}},"Signature Preview"),this.mode==="draw"&&o("button",{key:"e95a88623649912b2eacf085ce466ece4d6af332",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"signature"),disabled:!this.hasDrawnSignature},"Clear")),o("div",{key:"0ed9580b6e6354952c9875c3f89c7a240ee4d6b1",class:"canvas-container signature-container"},o("div",{key:"1e940e43f7759d87237c30e9f8ee20d9eefcb7ff",class:"signing-indicator"},o("div",{key:"b0567e71807f33a6e0023d9f7062474b66576c55",class:"x-icon",innerHTML:a}),o("div",{key:"7ea88016f0b93e3e42c9686461362d9a323e2df6",class:"signing-line"})),o("canvas",{key:"f4e46054244447bd4f4ff2a06192115c2eba34bf",ref:t=>this.signatureElement=t,height:"79",class:"signature-canvas",onPointerDown:this.handleSigPointerDown,onPointerMove:this.handleSigPointerMove,onPointerUp:this.handleSigPointerUp,onPointerCancel:this.handleSigPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"887339af0f8e091003473303f0fddca8992ec044",class:"preview-header"},o("div",{key:"6c10de2e6ac2e06250978aca4c285f1b8622fef4",style:{fontSize:"13px",fontWeight:"400"}},"Initials Preview"),this.mode==="draw"&&o("button",{key:"7f43483783d61995cef0cafc4e99755a2b837faa",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"initials"),disabled:!this.hasDrawnInitials},"Clear")),o("div",{key:"16158cecc32c02d751631c5072df7f082cbd7991",class:"canvas-container initials-container"},o("div",{key:"aaee89ee53aad0cb7b1bff44086fb0613c7f9a4c",class:"signing-indicator"},o("div",{key:"ed20e1e62f7cc994f389f4989cfd84d9df394f83",class:"x-icon",innerHTML:a}),o("div",{key:"83a9f5ca54ecc50b2e294fb19aa7b776a745333f",class:"signing-line"})),o("canvas",{key:"34a19fe79f48b5b28435f7ae92959b4a27db9f2e",ref:t=>this.initialsElement=t,height:"79",class:"initials-canvas",onPointerDown:this.handleInitialsPointerDown,onPointerMove:this.handleInitialsPointerMove,onPointerUp:this.handleInitialsPointerUp,onPointerCancel:this.handleInitialsPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"88c21142107c4977abad1a4229bd2079c9fed691",class:"disclaimer"},"By clicking «Adopt Signature», I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")),o("div",{key:"9b0eee0c808eb2e3f55638e74933650194b044a6",class:"footer",slot:"footer"},o("div",{key:"3b66d524378087a3f548476f6ae6b07695b61535",class:"buttons"},o("button",{key:"116ed99ee3c9f4fda692c00ccb0dcaae56c1ad25",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),o("button",{key:"cf90a0cdb7bf72630fc25d4608072beede28f694",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}static get style(){return l()}},[0,"verdocs-adopt-signature-dialog",{name:[1],nameLocked:[4,"name-locked"],fontLoaded:[32],enteredName:[32],enteredInitials:[32],mode:[32],isDrawing:[32],hasDrawnSignature:[32],hasDrawnInitials:[32]}]);function f(){if(typeof customElements==="undefined"){return}const t=["verdocs-adopt-signature-dialog","verdocs-dialog","verdocs-help-icon","verdocs-radio-button","verdocs-text-input"];t.forEach((t=>{switch(t){case"verdocs-adopt-signature-dialog":if(!customElements.get(i(t))){customElements.define(i(t),h)}break;case"verdocs-dialog":if(!customElements.get(i(t))){n()}break;case"verdocs-help-icon":if(!customElements.get(i(t))){r()}break;case"verdocs-radio-button":if(!customElements.get(i(t))){d()}break;case"verdocs-text-input":if(!customElements.get(i(t))){c()}break}}))}export{h as V,f as d};
-//# sourceMappingURL=p-CZwyK_uo.js.map
+import{p as t,t as i,H as e,c as s,h as o}from"./p-yZBlG3YQ.js";import{a}from"./p-C7k2AOsW.js";import{d as n}from"./p-JGWMBIGy.js";import{d as r}from"./p-CxIhMndz.js";import{d}from"./p-F1PgSiVa.js";import{d as c}from"./p-BMGs9CCD.js";const l=()=>`verdocs-adopt-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #55bc81);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #55bc81);background-color:var(--verdocs-primary-color, #55bc81);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b);-webkit-filter:brightness(0.95);filter:brightness(0.95)}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.next=s(this,"next");this.exit=s(this,"exit");this.name="";this.nameLocked=false;this.fontLoaded=false;this.enteredName="";this.enteredInitials="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasDrawnInitials=false;this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.handleSigPointerDown=t=>{t.preventDefault();if(!this.signatureElement||!this.sigDrawingContext){return}this.isDrawing=true;this.hasDrawnSignature=true;const i=this.getSigCanvasCoordinates(t);this.currentSigStroke=[i];this.lastSigPoint=i;this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(i.x,i.y);this.signatureElement.setPointerCapture(t.pointerId)};this.handleSigPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext||!this.lastSigPoint){return}const i=this.getSigCanvasCoordinates(t);this.currentSigStroke.push(i);const e={x:(this.lastSigPoint.x+i.x)/2,y:(this.lastSigPoint.y+i.y)/2};this.sigDrawingContext.quadraticCurveTo(this.lastSigPoint.x,this.lastSigPoint.y,e.x,e.y);this.sigDrawingContext.stroke();this.lastSigPoint=i};this.handleSigPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.sigDrawingContext){return}if(this.lastSigPoint&&this.currentSigStroke.length>0){this.sigDrawingContext.lineTo(this.lastSigPoint.x,this.lastSigPoint.y);this.sigDrawingContext.stroke()}if(this.currentSigStroke.length>0){this.allSigStrokes.push([...this.currentSigStroke])}this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleSigPointerCancel=t=>{this.isDrawing=false;this.currentSigStroke=[];this.lastSigPoint=null;if(this.signatureElement){this.signatureElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerDown=t=>{t.preventDefault();if(!this.initialsElement||!this.initialsDrawingContext){return}this.isDrawing=true;this.hasDrawnInitials=true;const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke=[i];this.lastInitialsPoint=i;this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(i.x,i.y);this.initialsElement.setPointerCapture(t.pointerId)};this.handleInitialsPointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext||!this.lastInitialsPoint){return}const i=this.getInitialsCanvasCoordinates(t);this.currentInitialsStroke.push(i);const e={x:(this.lastInitialsPoint.x+i.x)/2,y:(this.lastInitialsPoint.y+i.y)/2};this.initialsDrawingContext.quadraticCurveTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y,e.x,e.y);this.initialsDrawingContext.stroke();this.lastInitialsPoint=i};this.handleInitialsPointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.initialsDrawingContext){return}if(this.lastInitialsPoint&&this.currentInitialsStroke.length>0){this.initialsDrawingContext.lineTo(this.lastInitialsPoint.x,this.lastInitialsPoint.y);this.initialsDrawingContext.stroke()}if(this.currentInitialsStroke.length>0){this.allInitialsStrokes.push([...this.currentInitialsStroke])}this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}};this.handleInitialsPointerCancel=t=>{this.isDrawing=false;this.currentInitialsStroke=[];this.lastInitialsPoint=null;if(this.initialsElement){this.initialsElement.releasePointerCapture(t.pointerId)}}}componentWillLoad(){this.enteredName=this.name;this.computeEnteredInitials(this.name);const t=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");t.load().then((t=>{document.fonts.add(t);this.fontLoaded=true}))}componentDidLoad(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas()}componentDidUpdate(){this.drawSignatureText();this.drawInitialsText();this.setupSignatureCanvas();this.setupInitialsCanvas();if(this.mode==="draw"&&this.allSigStrokes.length>0){this.redrawDrawnSignature()}if(this.mode==="draw"&&this.allInitialsStrokes.length>0){this.redrawDrawnInitials()}}drawSignatureText(){if(!this.signatureElement||this.mode!=="type"){return}const t=this.signatureElement.width;const i=this.signatureElement.height;const e=this.signatureElement.getContext("2d");e.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);let s=100;let o=e.measureText(this.enteredName);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredName)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredName,this.signatureElement.width/2,this.signatureElement.height/2)}drawInitialsText(){if(!this.initialsElement||this.mode!=="type"){return}const t=this.initialsElement.width;const i=this.initialsElement.height;const e=this.initialsElement.getContext("2d");e.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);let s=100;let o=e.measureText(this.enteredInitials);do{s-=2;e.font=`${s}px Dancing Script`;o=e.measureText(this.enteredInitials)}while(o.width>t-24||o.actualBoundingBoxAscent+o.actualBoundingBoxDescent+24>i);e.textAlign="center";e.textBaseline="middle";e.font=`${s}px Dancing Script`;e.fillText(this.enteredInitials,this.initialsElement.width/2,this.initialsElement.height/2)}redrawDrawnSignature(){if(!this.signatureElement||!this.sigDrawingContext||this.allSigStrokes.length===0){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);for(const t of this.allSigStrokes){if(t.length===0){continue}this.sigDrawingContext.beginPath();this.sigDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.sigDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.sigDrawingContext.lineTo(i.x,i.y)}this.sigDrawingContext.stroke()}}redrawDrawnInitials(){if(!this.initialsElement||!this.initialsDrawingContext||this.allInitialsStrokes.length===0){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);for(const t of this.allInitialsStrokes){if(t.length===0){continue}this.initialsDrawingContext.beginPath();this.initialsDrawingContext.moveTo(t[0].x,t[0].y);for(let i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const o={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.initialsDrawingContext.quadraticCurveTo(s.x,s.y,o.x,o.y)}if(t.length>1){const i=t[t.length-1];this.initialsDrawingContext.lineTo(i.x,i.y)}this.initialsDrawingContext.stroke()}}handleNameChange(t){this.enteredName=t.target.value;this.computeEnteredInitials(t.target.value)}computeEnteredInitials(t){const i=t.trim().split(" ").filter((t=>t.length>0));this.enteredInitials=i.length>1?i.map((t=>t.charAt(0).toUpperCase())).join(""):i[0].toUpperCase()}handleCancel(t){t.stopPropagation();t.preventDefault();this.exit.emit()}handleAdopt(t){t.stopPropagation();t.preventDefault();const i=this.signatureElement.toDataURL("image/png");const e=this.initialsElement.toDataURL("image/png");this.next.emit({signature:i,initials:e})}isAdoptButtonDisabled(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature&&!this.hasDrawnInitials||this.allSigStrokes.length===0||this.allInitialsStrokes.length===0;default:return true}}setupSignatureCanvas(){if(!this.signatureElement){return}if(this.mode==="draw"){const t=this.signatureElement.getContext("2d");if(t&&t!==this.sigDrawingContext){this.sigDrawingContext=t;this.sigDrawingContext.strokeStyle="#000000";this.sigDrawingContext.lineWidth=2;this.sigDrawingContext.lineCap="round";this.sigDrawingContext.lineJoin="round";if(this.allSigStrokes.length===0){this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height)}}}if(this.mode!=="draw"&&this.sigDrawingContext){this.sigDrawingContext=null;this.currentSigStroke=[];this.lastSigPoint=null}}setupInitialsCanvas(){if(!this.initialsElement){return}if(this.mode==="draw"){const t=this.initialsElement.getContext("2d");if(t&&t!==this.initialsDrawingContext){this.initialsDrawingContext=t;this.initialsDrawingContext.strokeStyle="#000000";this.initialsDrawingContext.lineWidth=2;this.initialsDrawingContext.lineCap="round";this.initialsDrawingContext.lineJoin="round";if(this.allInitialsStrokes.length===0){this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height)}}}if(this.mode!=="draw"&&this.initialsDrawingContext){this.initialsDrawingContext=null;this.currentInitialsStroke=[];this.lastInitialsPoint=null}}clearSignatureCanvas(){if(!this.signatureElement||!this.sigDrawingContext){return}this.sigDrawingContext.clearRect(0,0,this.signatureElement.width,this.signatureElement.height);this.currentSigStroke=[];this.allSigStrokes=[];this.lastSigPoint=null;this.hasDrawnSignature=false}clearInitialsCanvas(){if(!this.initialsElement||!this.initialsDrawingContext){return}this.initialsDrawingContext.clearRect(0,0,this.initialsElement.width,this.initialsElement.height);this.currentInitialsStroke=[];this.allInitialsStrokes=[];this.lastInitialsPoint=null;this.hasDrawnInitials=false}handleClearDrawing(t,i="all"){t.stopPropagation();t.preventDefault();if(i==="all"||i==="signature")this.clearSignatureCanvas();if(i==="all"||i==="initials")this.clearInitialsCanvas()}getSigCanvasCoordinates(t){if(!this.signatureElement){return{x:0,y:0}}const i=this.signatureElement.getBoundingClientRect();const e=this.signatureElement.width/i.width;const s=this.signatureElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}getInitialsCanvasCoordinates(t){if(!this.initialsElement){return{x:0,y:0}}const i=this.initialsElement.getBoundingClientRect();const e=this.initialsElement.width/i.width;const s=this.initialsElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.top)*s}}render(){return o("verdocs-dialog",{key:"f630ab490d163ea9fa57c5273b6372e0826ea1d3"},o("div",{key:"5267cd5c1040a9ee26658baffa9f546d0137ebbd",slot:"heading",class:"heading"},"Adopt Your Signature"),o("div",{key:"75bce72a0e6793d37313fd075f53f43ba523f6ff",slot:"content",class:"content"},o("div",{key:"8b42cb301da5dca3e5cbd5b8904deda62ceed31a",style:{fontWeight:"300",color:"#242424",fontSize:"13px"}},"Confirm your name, initials, and signature."),o("div",{key:"4c452817dd26a4e3c976ec5dddd3439948725019",class:{type:true,active:this.mode==="type"}},o("verdocs-text-input",{key:"fbb5681d92561e9020e3e472649c4a9e0957b2e2",label:"Full Name",value:this.enteredName,disabled:this.nameLocked,onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()}),this.nameLocked&&o("div",{key:"1930ca30f8a3393b3dd5200123b71c93a24df6c0",class:"name-locked-hint"},"Your name has been set by the sender and cannot be changed.")),o("div",{key:"5afce91b895add6cb16bd9ecbeb9d22ba178af48",style:{fontWeight:"400",color:"#242424",fontSize:"13px"}},"Select a signature style"),o("div",{key:"068ee484b0830df090e844e3c6c9d5523b267f7f",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"01762a4aa5910429c75b871379881ba96577b644",checked:this.mode==="type",value:"type",name:"mode",onClick:()=>this.mode="type"}),o("label",{key:"1bbd44b434fcf64b1ddae931d4a29aa487ecc80d"},"Typed with a keyboard")),o("div",{key:"2e51810eabb7fb74e126845ee50db61b0f135f67",style:{display:"flex",flexDirection:"row",gap:"10px",marginBottom:"6px",alignItems:"center",fontSize:"13px"}},o("verdocs-radio-button",{key:"87f6c50b44bda23bad54c89c59e14714ed49eacc",checked:this.mode==="draw",value:"draw",name:"mode",onClick:()=>this.mode="draw"}),o("label",{key:"c8a69740c4235518ef7fb990f740c5fda873f5ef"},"Drawn with touch, mouse, or stylus")),o("div",{key:"e6dd80e5d18df3cac685de87ad43d9c791da2f83",class:"preview-header"},o("div",{key:"14f5ffbad7a1345b327eb1e1d76770037a9cf9f7",style:{fontSize:"13px",fontWeight:"400"}},"Signature Preview"),this.mode==="draw"&&o("button",{key:"e95a88623649912b2eacf085ce466ece4d6af332",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"signature"),disabled:!this.hasDrawnSignature},"Clear")),o("div",{key:"0ed9580b6e6354952c9875c3f89c7a240ee4d6b1",class:"canvas-container signature-container"},o("div",{key:"1e940e43f7759d87237c30e9f8ee20d9eefcb7ff",class:"signing-indicator"},o("div",{key:"b0567e71807f33a6e0023d9f7062474b66576c55",class:"x-icon",innerHTML:a}),o("div",{key:"7ea88016f0b93e3e42c9686461362d9a323e2df6",class:"signing-line"})),o("canvas",{key:"f4e46054244447bd4f4ff2a06192115c2eba34bf",ref:t=>this.signatureElement=t,height:"79",class:"signature-canvas",onPointerDown:this.handleSigPointerDown,onPointerMove:this.handleSigPointerMove,onPointerUp:this.handleSigPointerUp,onPointerCancel:this.handleSigPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"887339af0f8e091003473303f0fddca8992ec044",class:"preview-header"},o("div",{key:"6c10de2e6ac2e06250978aca4c285f1b8622fef4",style:{fontSize:"13px",fontWeight:"400"}},"Initials Preview"),this.mode==="draw"&&o("button",{key:"7f43483783d61995cef0cafc4e99755a2b837faa",class:"clear-button-text",onClick:t=>this.handleClearDrawing(t,"initials"),disabled:!this.hasDrawnInitials},"Clear")),o("div",{key:"16158cecc32c02d751631c5072df7f082cbd7991",class:"canvas-container initials-container"},o("div",{key:"aaee89ee53aad0cb7b1bff44086fb0613c7f9a4c",class:"signing-indicator"},o("div",{key:"ed20e1e62f7cc994f389f4989cfd84d9df394f83",class:"x-icon",innerHTML:a}),o("div",{key:"83a9f5ca54ecc50b2e294fb19aa7b776a745333f",class:"signing-line"})),o("canvas",{key:"34a19fe79f48b5b28435f7ae92959b4a27db9f2e",ref:t=>this.initialsElement=t,height:"79",class:"initials-canvas",onPointerDown:this.handleInitialsPointerDown,onPointerMove:this.handleInitialsPointerMove,onPointerUp:this.handleInitialsPointerUp,onPointerCancel:this.handleInitialsPointerCancel,style:{touchAction:"none",cursor:"crosshair"}})),o("div",{key:"88c21142107c4977abad1a4229bd2079c9fed691",class:"disclaimer"},"By clicking «Adopt Signature», I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")),o("div",{key:"9b0eee0c808eb2e3f55638e74933650194b044a6",class:"footer",slot:"footer"},o("div",{key:"3b66d524378087a3f548476f6ae6b07695b61535",class:"buttons"},o("button",{key:"116ed99ee3c9f4fda692c00ccb0dcaae56c1ad25",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),o("button",{key:"cf90a0cdb7bf72630fc25d4608072beede28f694",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}static get style(){return l()}},[0,"verdocs-adopt-signature-dialog",{name:[1],nameLocked:[4,"name-locked"],fontLoaded:[32],enteredName:[32],enteredInitials:[32],mode:[32],isDrawing:[32],hasDrawnSignature:[32],hasDrawnInitials:[32]}]);function f(){if(typeof customElements==="undefined"){return}const t=["verdocs-adopt-signature-dialog","verdocs-dialog","verdocs-help-icon","verdocs-radio-button","verdocs-text-input"];t.forEach((t=>{switch(t){case"verdocs-adopt-signature-dialog":if(!customElements.get(i(t))){customElements.define(i(t),h)}break;case"verdocs-dialog":if(!customElements.get(i(t))){n()}break;case"verdocs-help-icon":if(!customElements.get(i(t))){r()}break;case"verdocs-radio-button":if(!customElements.get(i(t))){d()}break;case"verdocs-text-input":if(!customElements.get(i(t))){c()}break}}))}export{h as V,f as d};
+//# sourceMappingURL=p-DLo5dMNn.js.map

package/dist/components/{p-D1cSgqut.js → p-D_FNSGtS.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as o,d as i,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as n}from"./p-BDv5kBUR.js";import{S as d}from"./p-C7hFgM52.js";import{d as c}from"./p-C0SHIuoK.js";import{d as h}from"./p-DVx4efoX.js";import{d as p}from"./p--jRXEN0c.js";import{d as f}from"./p-JGWMBIGy.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as u}from"./p-Dc3BDcaU.js";import{d as g}from"./p-CIgqf7hj.js";import{d as b}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";import{d as w}from"./p-LYpUmpqf.js";const y=()=>`verdocs-field-attachment{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment 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-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--verdocs-field-radius)}verdocs-field-attachment.required .attach{border:1px solid var(--verdocs-required-field-border)}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}`;const j=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="var(--verdocs-field-text-color, currentColor)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;const E=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--verdocs-attachment-icon-color, #339933)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m9 15 2 2 4-4"/></svg>`;const C=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.attached=s(this,"attached");this.deleted=s(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.dialogOpen=false;this.selectedFile=null;this.focused=false;this.handleUploadNext=e=>{var t;console.log("Upload next",e);this.dialogOpen=false;this.selectedFile=e.detail[0];(t=this.attached)===null||t===void 0?void 0:t.emit(e.detail[0])};this.handleUploadRemove=e=>{var t;e.preventDefault();e.stopPropagation();this.dialogOpen=false;this.selectedFile=null;(t=this.deleted)===null||t===void 0?void 0:t.emit({fieldName:this.fieldname})}}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true;this.dialogOpen=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:l=false,disabled:c=false,focused:h,xscale:p=1,yscale:f=1}=this;const{index:m,field:v}=d.getField(e,t,s,this.field);const{required:u=false,value:g="",label:b="",readonly:x=false,settings:k={}}=v||{};const w=`signer-${m%10+1}`;const y=g||!!this.selectedFile;if(l){return o(i,{class:{"verdocs-field":true,done:l}},o("div",{class:"attach",innerHTML:y?E:j}))}return o(i,{class:{"verdocs-field":true,required:u,disabled:c,done:l,focused:h,[w]:true}},b&&o("label",null,b),o("div",{class:"attach",innerHTML:y?E:j,onClick:()=>!c&&!x&&this.handleShow()}),a&&o(r,null,o("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:n,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&o("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},o("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow."}))),this.dialogOpen&&o("verdocs-portal",null,o("verdocs-upload-dialog",{existingFile:k,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-attachment",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],dialogOpen:[32],selectedFile:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function B(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-attachment","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","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-field-attachment":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){p()}break;case"verdocs-dialog":if(!customElements.get(a(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){u()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){w()}break}}))}export{C as V,B as d};
-//# sourceMappingURL=p-D1cSgqut.js.map
+import{p as e,H as t,c as s,h as o,d as i,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as n}from"./p-C7k2AOsW.js";import{S as d}from"./p-C7hFgM52.js";import{d as c}from"./p-C0SHIuoK.js";import{d as h}from"./p-DVx4efoX.js";import{d as p}from"./p--jRXEN0c.js";import{d as f}from"./p-JGWMBIGy.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as u}from"./p-Dc3BDcaU.js";import{d as g}from"./p-CIgqf7hj.js";import{d as b}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";import{d as w}from"./p-LYpUmpqf.js";const y=()=>`verdocs-field-attachment{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment 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-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--verdocs-field-radius)}verdocs-field-attachment.required .attach{border:1px solid var(--verdocs-required-field-border)}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}`;const j=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="var(--verdocs-field-text-color, currentColor)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;const E=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--verdocs-attachment-icon-color, #339933)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m9 15 2 2 4-4"/></svg>`;const C=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.attached=s(this,"attached");this.deleted=s(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.dialogOpen=false;this.selectedFile=null;this.focused=false;this.handleUploadNext=e=>{var t;console.log("Upload next",e);this.dialogOpen=false;this.selectedFile=e.detail[0];(t=this.attached)===null||t===void 0?void 0:t.emit(e.detail[0])};this.handleUploadRemove=e=>{var t;e.preventDefault();e.stopPropagation();this.dialogOpen=false;this.selectedFile=null;(t=this.deleted)===null||t===void 0?void 0:t.emit({fieldName:this.fieldname})}}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true;this.dialogOpen=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:l=false,disabled:c=false,focused:h,xscale:p=1,yscale:f=1}=this;const{index:m,field:v}=d.getField(e,t,s,this.field);const{required:u=false,value:g="",label:b="",readonly:x=false,settings:k={}}=v||{};const w=`signer-${m%10+1}`;const y=g||!!this.selectedFile;if(l){return o(i,{class:{"verdocs-field":true,done:l}},o("div",{class:"attach",innerHTML:y?E:j}))}return o(i,{class:{"verdocs-field":true,required:u,disabled:c,done:l,focused:h,[w]:true}},b&&o("label",null,b),o("div",{class:"attach",innerHTML:y?E:j,onClick:()=>!c&&!x&&this.handleShow()}),a&&o(r,null,o("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:n,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&o("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},o("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow."}))),this.dialogOpen&&o("verdocs-portal",null,o("verdocs-upload-dialog",{existingFile:k,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-attachment",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],dialogOpen:[32],selectedFile:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function M(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-attachment","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","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-field-attachment":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){p()}break;case"verdocs-dialog":if(!customElements.get(a(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){u()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){w()}break}}))}export{C as V,M as d};
+//# sourceMappingURL=p-D_FNSGtS.js.map

package/dist/components/p-DavVixMP.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsToolbarIconCss","VerdocsToolbarIcon","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","text","icon","placement","containerId","Math","random","toString","substring","componentDidLoad","popperInstance","createPopper","iconEl","tooltip","modifiers","name","options","offset","disconnectedCallback","destroy","show","_a","setAttribute","_b","update","catch","hide","removeAttribute","render","h","Host","key","class","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","id","role"],"sources":["src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n  font-family: $verdocs-primary-font;\n  //display: inline-block;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    padding: 5px 10px;\n    font-size: 13px;\n    // MUST be absolute. Popper positions the tooltip with inline transforms and assumes it is out\n    // of the normal flow. With position:relative the tooltip instead occupies space inside the\n    // flex container when shown, which widens the toolbar and shifts the icon out from under the\n    // pointer. That fires mouseleave -> hide -> layout collapses -> mouseenter -> show, an endless\n    // flicker where the icon can never be clicked. It only bites where the toolbar has no slack to\n    // absorb the width change (e.g. the Teams tab), which is why it looked fine in the web app.\n    position: absolute;\n    // The tooltip is decoration; never let it capture the hover it was triggered by.\n    pointer-events: none;\n    border-radius: 4px;\n    z-index: 20000;\n    white-space: nowrap;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n\n    // For the floating menu\n    &[data-popper-placement^='left'] {\n      //margin-right: 22px !important;\n      padding: 3px 10px;\n\n      & > .arrow {\n        right: -1px;\n      }\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\nimport {Placement} from '@popperjs/core/lib/enums';\n// import {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n *\n * ```ts\n * <verdocs-toolbar-icon text=\"Sample tooltip text\" icon={CalendarIcon} />\n * ```\n */\n@Component({\n  tag: 'verdocs-toolbar-icon',\n  styleUrl: 'verdocs-toolbar-icon.scss',\n  shadow: false,\n})\nexport class VerdocsToolbarIcon {\n  iconEl: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  /**\n   * Override the Popper \"placement\" setting\n   */\n  @Prop() placement: Placement = 'bottom';\n\n  /**\n   * Triggered when the icon is pressed\n   */\n  // @Event({composed: true}) press: EventEmitter;\n\n  @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n      placement: this.placement,\n      modifiers: this.placement === 'left' ? [{name: 'offset', options: {offset: [0, 20]}}] : [],\n    });\n    // placement: 'top-end',\n    // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    // });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  // handlePress() {\n  //   this.press?.emit();\n  // }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div id={this.containerId} role=\"tooltip\" class=\"tooltip\" data-popper-placement={this.placement} ref={el => (this.tooltip = el as HTMLDivElement)}>\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAwB,IAAM,m9C,MCiBvBC,EAAkBC,EAAA,MAAAD,UAAAE,EAL/B,WAAAC,CAAAC,G,4CAaUC,KAAAC,KAAe,GAKfD,KAAAE,KAAe,GAKfF,KAAAG,UAAuB,SAOtBH,KAAAI,YAAc,wBAAwBC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,KAoDxF,CAlDC,gBAAAC,GACET,KAAKU,eAAiBC,EAAaX,KAAKY,OAAQZ,KAAKa,QAAS,CAC5DV,UAAWH,KAAKG,UAChBW,UAAWd,KAAKG,YAAc,OAAS,CAAC,CAACY,KAAM,SAAUC,QAAS,CAACC,OAAQ,CAAC,EAAG,OAAS,I,CAO5F,oBAAAC,GACE,GAAIlB,KAAKU,eAAgB,CACvBV,KAAKU,eAAeS,UACpBnB,KAAKU,eAAiB,I,EAI1B,IAAAU,G,SACEC,EAAArB,KAAKa,WAAO,MAAAQ,SAAA,SAAAA,EAAEC,aAAa,YAAa,KACxCC,EAAAvB,KAAKU,kBAAc,MAAAa,SAAA,SAAAA,EAAEC,SAASC,OAAM,Q,CAGtC,IAAAC,G,OACEL,EAAArB,KAAKa,WAAO,MAAAQ,SAAA,SAAAA,EAAEM,gBAAgB,Y,CAOhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,IACXH,EAAA,OAAAE,IAAA,8DACoB/B,KAAKI,YACvB4B,MAAM,OACNC,UAAWjC,KAAKE,KAChBgC,aAAc,IAAMlC,KAAKoB,OACzBe,QAAS,IAAMnC,KAAKoB,OACpBgB,aAAc,IAAMpC,KAAK0B,OACzBW,OAAQ,IAAMrC,KAAK0B,OACnBY,IAAKC,GAAOvC,KAAKY,OAAS2B,IAE5BV,EAAA,OAAAE,IAAA,2CAAKS,GAAIxC,KAAKI,YAAaqC,KAAK,UAAUT,MAAM,UAAS,wBAAwBhC,KAAKG,UAAWmC,IAAKC,GAAOvC,KAAKa,QAAU0B,GACzHvC,KAAKC,KACN4B,EAAA,OAAAE,IAAA,+DAAuB,OAAOC,MAAM,W","ignoreList":[]}

package/dist/components/{p-K_PKw6bs.js → p-DmxiVavg.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as t,F as i,d as r,t as c}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as d}from"./p-BDv5kBUR.js";import{S as a}from"./p-C7hFgM52.js";import{d as n}from"./p-C0SHIuoK.js";import{d as p}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as h}from"./p-CxIhMndz.js";import{d as f}from"./p-vimrvRye.js";import{d as m}from"./p-CIgqf7hj.js";import{d as u}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as v}from"./p-BMGs9CCD.js";const g=()=>`@charset "UTF-8";verdocs-field-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-checkbox div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{margin:0;content:"";width:12px;height:12px;display:block;line-height:12px;border-radius:var(--verdocs-field-radius);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .settings-icon:hover{opacity:1}`;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:c=false,done:l=false,disabled:n=false,focused:p,xscale:b=1,yscale:h=1}=this;const{index:f,field:m}=a.getField(e,s,o,this.field);const{required:u=false,label:x="",value:v=false,readonly:g=false}=m||{};const k=`signer-${f%10+1}`;const y=v==="true";if(l){return t(r,{class:{"verdocs-field":true,done:l}},y?"✓":"☐")}return t(r,{class:{"verdocs-field":true,required:u,disabled:n,done:l,focused:p,[k]:true}},x&&t("div",{class:"label"},x),t("label",{htmlFor:o},t("input",{id:o,name:o,type:"checkbox",checked:y,disabled:g||n,required:u}),t("span",null),c&&t(i,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:d,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${m.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:m.name,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return g()}},[0,"verdocs-field-checkbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],done:[516],editable:[516],moveable:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-checkbox","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-checkbox":if(!customElements.get(c(e))){customElements.define(c(e),k)}break;case"verdocs-button":if(!customElements.get(c(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(c(e))){p()}break;case"verdocs-component-error":if(!customElements.get(c(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(c(e))){h()}break;case"verdocs-loader":if(!customElements.get(c(e))){f()}break;case"verdocs-portal":if(!customElements.get(c(e))){m()}break;case"verdocs-select-input":if(!customElements.get(c(e))){u()}break;case"verdocs-template-field-properties":if(!customElements.get(c(e))){x()}break;case"verdocs-text-input":if(!customElements.get(c(e))){v()}break}}))}export{k as V,y as d};
-//# sourceMappingURL=p-K_PKw6bs.js.map
+import{p as e,H as s,c as o,h as t,F as i,d as r,t as c}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as d}from"./p-C7k2AOsW.js";import{S as a}from"./p-C7hFgM52.js";import{d as n}from"./p-C0SHIuoK.js";import{d as p}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as h}from"./p-CxIhMndz.js";import{d as f}from"./p-vimrvRye.js";import{d as m}from"./p-CIgqf7hj.js";import{d as u}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as v}from"./p-BMGs9CCD.js";const g=()=>`@charset "UTF-8";verdocs-field-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-checkbox div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{margin:0;content:"";width:12px;height:12px;display:block;line-height:12px;border-radius:var(--verdocs-field-radius);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .settings-icon:hover{opacity:1}`;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:c=false,done:l=false,disabled:n=false,focused:p,xscale:b=1,yscale:h=1}=this;const{index:f,field:m}=a.getField(e,s,o,this.field);const{required:u=false,label:x="",value:v=false,readonly:g=false}=m||{};const k=`signer-${f%10+1}`;const y=v==="true";if(l){return t(r,{class:{"verdocs-field":true,done:l}},y?"✓":"☐")}return t(r,{class:{"verdocs-field":true,required:u,disabled:n,done:l,focused:p,[k]:true}},x&&t("div",{class:"label"},x),t("label",{htmlFor:o},t("input",{id:o,name:o,type:"checkbox",checked:y,disabled:g||n,required:u}),t("span",null),c&&t(i,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:d,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${m.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:m.name,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return g()}},[0,"verdocs-field-checkbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],done:[516],editable:[516],moveable:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-checkbox","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-checkbox":if(!customElements.get(c(e))){customElements.define(c(e),k)}break;case"verdocs-button":if(!customElements.get(c(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(c(e))){p()}break;case"verdocs-component-error":if(!customElements.get(c(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(c(e))){h()}break;case"verdocs-loader":if(!customElements.get(c(e))){f()}break;case"verdocs-portal":if(!customElements.get(c(e))){m()}break;case"verdocs-select-input":if(!customElements.get(c(e))){u()}break;case"verdocs-template-field-properties":if(!customElements.get(c(e))){x()}break;case"verdocs-text-input":if(!customElements.get(c(e))){v()}break}}))}export{k as V,y as d};
+//# sourceMappingURL=p-DmxiVavg.js.map