@verdocs/web-sdk 6.10.7 → 6.13.0

package/dist/components/p-CnUZ9w2T.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as i,h as t,d as n,t as o}from"./p-yZBlG3YQ.js";import{getTemplate as r,getBrands as a,getOrganization as d,getOrganizationContacts as l,isValidEmail as c,createEnvelope as p,getRGBA as h,formatFullName as f}from"@verdocs/js-sdk";import{D as v,g as u}from"./p-Cq60Emo_.js";import{u as m,d as x}from"./p-ByrpRZ3E.js";import{V as b}from"./p-D97GxsI-.js";import{S as g}from"./p-C1sRVZWv.js";import{S as w}from"./p-C7hFgM52.js";import{d as k}from"./p-Bb5V9TQx.js";import{d as y}from"./p-DGNIsXfr.js";import{d as D}from"./p-C-v22G3g.js";import{d as E}from"./p-C8yiLtCJ.js";import{d as S}from"./p-DqzFuSNN.js";import{d as C}from"./p-DreV6Npp.js";const z=e=>((e===null||e===void 0?void 0:e.roles)||[]).map((e=>e.name));const N=(e,s)=>Math.max(z(e).findIndex((e=>e===s)),0);const j=()=>`verdocs-send{--send-ink:var(--verdocs-body-color, #111827);--send-ink-2:#374151;--send-muted:#6b7280;--send-faint:#9ca3af;--send-rule:#e5e7eb;--send-control-border:#d1d5db;--send-accent:var(--verdocs-link-color, #4c56cb);--send-accent-tint:#f4f5fc;--send-accent-tint-2:#e6e7f8;--send-warning-bg:#fffbeb;--send-warning-border:#fde68a;--send-warning-icon:#d97706;--send-warning-text:#78350f;--send-radius:var(--verdocs-dialog-radius, 8px);--send-min-height:480px;--send-max-width:480px;display:none;position:relative;overflow:hidden;width:100%;max-width:var(--verdocs-send-max-width, var(--send-max-width));-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;color:var(--send-ink);font-size:14px;border-radius:var(--send-radius);border:1px solid var(--send-rule);font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-send *{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-send.sendable{display:block}verdocs-send .track{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--send-min-height);-webkit-transition:-webkit-transform 220ms ease-out;transition:-webkit-transform 220ms ease-out;transition:transform 220ms ease-out;transition:transform 220ms ease-out, -webkit-transform 220ms ease-out}verdocs-send.detail-open .track{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion: reduce){verdocs-send .track{-webkit-transition:none;transition:none}}verdocs-send .pane{padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .main-pane{-ms-flex:1;flex:1}verdocs-send .detail-pane{position:absolute;top:0;left:100%;bottom:0;width:100%;overflow:hidden}verdocs-send .detail{-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .detail-body-wrap{position:relative;-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .detail-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto}verdocs-send .scroll-fade{position:absolute;left:0;right:0;bottom:0;height:36px;opacity:0;pointer-events:none;-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(rgba(255, 255, 255, 0), #ffffff)}verdocs-send .scrollable:not(.at-end)>.scroll-fade{opacity:1}verdocs-send .recipient-detail verdocs-contact-picker{-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .section-title{font-size:12px;font-weight:600;color:var(--send-ink-2);margin:0 0 6px 0}verdocs-send .delivery-title{margin-top:16px}verdocs-send .step{font-size:11px;color:var(--send-muted);padding:10px 0 4px 0}verdocs-send .recipient,verdocs-send .kv{all:unset;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;border-top:1px solid var(--send-rule);color:var(--send-ink);font-family:inherit}verdocs-send .recipient:focus-visible,verdocs-send .kv:focus-visible{outline:2px solid var(--send-accent);outline-offset:-2px;border-radius:4px}verdocs-send .recipient .chevron,verdocs-send .kv .chevron{-ms-flex:0 0 16px;flex:0 0 16px;width:16px;height:16px;color:var(--send-faint)}verdocs-send .recipient .chevron svg,verdocs-send .kv .chevron svg{width:16px;height:16px;display:block}verdocs-send .recipient{padding:8px 6px 8px 0}verdocs-send .recipient:last-child{border-bottom:1px solid var(--send-rule)}verdocs-send .recipient .who{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .recipient .role-name{font-size:13px;font-weight:600}verdocs-send .recipient .who-detail{font-size:12px;color:var(--send-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-send .recipient .who-detail.configure{color:var(--send-accent);font-weight:500}verdocs-send .recipient .options{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;margin-top:3px}verdocs-send .recipient .pill{height:18px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:500;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;background:var(--send-accent-tint);color:var(--send-ink-2)}verdocs-send .role-dot{-ms-flex:0 0 10px;flex:0 0 10px;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.1)}verdocs-send .kv{height:40px;padding:0 6px 0 0;font-size:13px}verdocs-send .kv:last-child{border-bottom:1px solid var(--send-rule)}verdocs-send .kv:disabled{cursor:default;color:var(--send-muted)}verdocs-send .kv .key{-ms-flex:0 0 84px;flex:0 0 84px;color:var(--send-muted)}verdocs-send .kv .value{-ms-flex:1;flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-send .kv .value small{font-size:inherit;font-weight:400;color:var(--send-muted)}verdocs-send .kv .value.off{color:var(--send-warning-icon)}verdocs-send .main-spacer,verdocs-send .detail-spacer{-ms-flex:1;flex:1}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:14px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-send .buttons .error-message{width:100%;color:#cc0000;font-size:13px;margin-bottom:10px}verdocs-send .detail-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin:-2px 0 14px 0}verdocs-send .detail-header .back{all:unset;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:13px;font-weight:500;color:var(--send-accent);font-family:inherit;-ms-flex:0 0 52px;flex:0 0 52px}verdocs-send .detail-header .back .icon,verdocs-send .detail-header .back .icon svg{width:16px;height:16px;display:block}verdocs-send .detail-header .back:focus-visible{outline:2px solid var(--send-accent);outline-offset:2px;border-radius:4px}verdocs-send .detail-header .detail-title{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;font-size:14px;font-weight:600;text-align:center}verdocs-send .detail-header .detail-header-spacer{-ms-flex:0 0 52px;flex:0 0 52px}verdocs-send .detail-footer{margin-top:10px;padding-top:12px;border-top:1px solid var(--send-rule)}verdocs-send .detail-footer verdocs-button,verdocs-send .detail-footer verdocs-button button{width:100%}verdocs-send .hint{font-size:12px;line-height:1.5;color:var(--send-muted);margin:10px 0 0 0}verdocs-send .option-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .option{all:unset;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding:10px 0;font-size:13px;font-family:inherit;color:var(--send-ink);border-top:1px solid var(--send-rule)}verdocs-send .option:first-child{border-top:0}verdocs-send .option:focus-visible{outline:2px solid var(--send-accent);outline-offset:-2px;border-radius:4px}verdocs-send .option .radio{-ms-flex:0 0 16px;flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:1px solid var(--send-control-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-send .option.selected .radio{border-color:var(--send-accent)}verdocs-send .option.selected .radio::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--send-accent)}verdocs-send .option .swatch{-ms-flex:0 0 22px;flex:0 0 22px;width:22px;height:22px;border-radius:5px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:9px;font-weight:700;color:#ffffff;overflow:hidden}verdocs-send .option .swatch.logo{background:#ffffff;border:1px solid var(--send-rule)}verdocs-send .option .swatch img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}verdocs-send .option .option-label{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .option .option-label small{font-size:11px;color:var(--send-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-send .option-divider{height:0;margin:2px 0;border-top:1px solid var(--send-control-border)}verdocs-send .option-divider+.option{border-top:0}verdocs-send .hint a{color:var(--send-accent);font-weight:500;text-decoration:none;border-bottom:1px solid var(--send-accent-tint-2)}verdocs-send .hint a .icon,verdocs-send .hint a .icon svg{width:11px;height:11px;display:inline-block;vertical-align:-1px;margin-left:2px}verdocs-send .expires-field{position:relative}verdocs-send .expires-field input{width:100%;height:36px;padding:0 52px 0 10px;font-size:14px;font-family:inherit;color:var(--send-ink);background:#ffffff;border:1px solid var(--send-control-border);border-radius:6px;outline:none}verdocs-send .expires-field input:focus{border-color:var(--send-accent);-webkit-box-shadow:0 0 0 2px var(--send-accent-tint-2);box-shadow:0 0 0 2px var(--send-accent-tint-2)}verdocs-send .expires-field input::-webkit-input-placeholder{color:var(--send-faint)}verdocs-send .expires-field input::-moz-placeholder{color:var(--send-faint)}verdocs-send .expires-field input:-ms-input-placeholder{color:var(--send-faint)}verdocs-send .expires-field input::-ms-input-placeholder{color:var(--send-faint)}verdocs-send .expires-field input::placeholder{color:var(--send-faint)}verdocs-send .expires-field .suffix{position:absolute;right:10px;top:0;height:36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:13px;color:var(--send-muted);pointer-events:none}verdocs-send .warning{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5;border-radius:6px;color:var(--send-warning-text);background:var(--send-warning-bg);border:1px solid var(--send-warning-border)}verdocs-send .warning>.icon{-ms-flex:0 0 18px;flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--send-warning-icon)}verdocs-send .warning>.icon svg{width:18px;height:18px;display:block}verdocs-send .warning a{color:var(--send-accent);font-weight:500;text-decoration:none;border-bottom:1px solid var(--send-accent-tint-2)}verdocs-send .warning a .icon,verdocs-send .warning a .icon svg{width:11px;height:11px;display:inline-block;vertical-align:-1px;margin-left:2px}verdocs-send verdocs-checkbox{display:block;padding:4px 0;font-size:13px}`;const B='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>';const M='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>';const I='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4M12 17h.01"/></svg>';const _='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6M10 14 21 3M21 14v7H3V3h7"/></svg>';const T="https://app.verdocs.com/assets/blue-logo.svg";const L=.25;const R=60;const V=500;const $=1;const H=120;const O=120;const G={email:"Email",passcode:"Passcode",sms:"SMS",kba:"KBA",id:"ID check"};const A=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.beforeSend=i(this,"beforeSend");this.send=i(this,"send");this.exit=i(this,"exit");this.sdkError=i(this,"sdkError");this.searchContacts=i(this,"searchContacts");this.templateListenerId=null;this.endpoint=v;this.templateId=null;this.environment="";this.showCancel=true;this.brandKey="";this.swipeStart=null;this.swallowNextClick=false;this.loadedOrganizationId="";this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.view="main";this.editingRoleId="";this.sessionContacts=[];this.sending=false;this.brands=[];this.organization=null;this.expiresInDays="";this.noContact=false;this.rolesCompleted={};this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}componentDidLoad(){this.el.addEventListener("click",(e=>{if(this.swallowNextClick){this.swallowNextClick=false;e.stopPropagation();e.preventDefault()}}),true)}componentDidRender(){var e,s;m(this.el.querySelector(".detail-body"));(e=this.el.querySelector(".main-pane"))===null||e===void 0?void 0:e.toggleAttribute("inert",this.view!=="main");(s=this.el.querySelector(".detail-pane"))===null||s===void 0?void 0:s.toggleAttribute("inert",this.view==="main")}async listenToTemplate(){console.log("[SEND] Loading template",this.templateId);this.unlistenToTemplate();w.subscribe("templates",this.templateId,(()=>r(this.endpoint,this.templateId)),true,(e=>{console.log("[SEND] Got new template",e);this.template=e;this.loading=false;this.rolesCompleted={};this.view="main";this.editingRoleId="";this.recomputeRolesCompleted();this.loadBrands()}))}loadBrands(){var e;const s=(e=this.template)===null||e===void 0?void 0:e.organization_id;if(!s||s===this.loadedOrganizationId){return}const i=!!this.loadedOrganizationId;this.loadedOrganizationId=s;this.brands=[];this.organization=null;if(i){this.brandKey=""}const t=()=>{var e;return((e=this.template)===null||e===void 0?void 0:e.organization_id)===s};a(this.endpoint,s).then((e=>{if(t()){this.brands=e||[]}})).catch((e=>console.log("[SEND] Unable to load brands",e)));d(this.endpoint,s).then((e=>{if(t()){this.organization=e}})).catch((e=>console.log("[SEND] Unable to load organization",e)))}handleExpiryInput(e){const s=(e.target.value||"").replace(/[^0-9]/g,"");this.expiresInDays=s?String(Math.min(Math.max(Number(s),$),H)):"";e.target.value=this.expiresInDays}effectiveExpiryDays(){const e=Number(this.expiresInDays);return e>=$?e:O}expiresAt(){return new Date(Date.now()+this.effectiveExpiryDays()*24*60*60*1e3)}unlistenToTemplate(){if(this.templateListenerId){w.store.delListener(this.templateListenerId);this.templateListenerId=null}}async reset(){this.rolesCompleted={};this.view="main";this.editingRoleId="";this.brandKey="";this.expiresInDays="";this.noContact=false}onTemplateIdChanged(e){console.log("[SEND] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,i;try{this.endpoint.onSessionChanged(((e,s,i)=>{if(!i){return}const t={id:i.id,first_name:i.first_name,last_name:i.last_name,email:i.email,phone:i.phone};if(i){this.sessionContacts=[t];l(this.endpoint).then((e=>{console.log("[SEND] Got contacts",e);this.sessionContacts=[...e,t]})).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(t){console.log("[SEND] Error with send session",t);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new g(t.message,(s=t.response)===null||s===void 0?void 0:s.status,(i=t.response)===null||i===void 0?void 0:i.data))}}recomputeRolesCompleted(){var e;this.rolesCompleted={};const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{const i=e.sequence;s[i]||(s[i]=[]);const t=`r-${i}-${s[i].length}`;s[i].push({...e,id:t,role_name:e.name,first_name:e.first_name,last_name:e.last_name});if(e.first_name&&c(e.email)){this.rolesCompleted[t]={...e,id:t,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 i=(((s=this.template)===null||s===void 0?void 0:s.roles)||[]).filter((s=>s.sequence===e)).map(((s,i)=>({...s,id:`r-${e}-${i}`,role_name:s.name,first_name:s.first_name,last_name:s.last_name})));return i}getRoleById(e){for(const s of this.getSequenceNumbers()){const i=this.getRolesAtLevel(s).find((s=>s.id===e));if(i){return i}}return null}getRecipientOptionLabels(e){if(!e){return[]}const s=(e.auth_methods||[]).filter((e=>e!=="email")).map((e=>G[e]||e));if(e.delegator){s.push("May delegate")}if(e.name_locked){s.push("Name locked")}return s}getDefaultBrand(){var e;const s=(e=this.organization)===null||e===void 0?void 0:e.default_brand_id;return s&&this.brands.find((e=>e.id===s))||null}getDefaultBrandLabel(){var e;const s=(e=this.getDefaultBrand())===null||e===void 0?void 0:e.name;return`Default (${s||"Verdocs"})`}getSelectedBrandLabel(){if(!this.brandKey){return this.getDefaultBrandLabel()}const e=this.brands.find((e=>e.key===this.brandKey));return(e===null||e===void 0?void 0:e.name)||(e===null||e===void 0?void 0:e.key)||this.brandKey}showView(e){this.view=e}handleSelectContact(e,s){e.preventDefault();this.rolesCompleted={...this.rolesCompleted,[s.id]:{...s,...e.detail}};this.editingRoleId="";this.view="main"}handleClickRole(e,s){e.stopPropagation();this.editingRoleId=s.id;this.view="recipient"}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 i=Intl.DateTimeFormat().resolvedOptions();const t={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:i.timeZone,locale:i.locale,expires_at:this.expiresAt().toISOString()};t.no_contact=this.noContact;if(this.brandKey){t.brand_key=this.brandKey}const n=this.beforeSend.emit({...t,name:t.name,template:this.template});if(n.defaultPrevented){console.log("[SEND] Send cancelled by parent",t);this.sending=false;return}console.log("[SEND] Creating envelope",t);p(this.endpoint,t).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({...t,name:t.name,envelope_id:e.id,envelope:e})})).catch((e=>{var s,i,t;console.log("[SEND] Send error",e);b(((i=(s=e.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.error)||"Error creating envelope, please try again later.");this.sending=false;(t=this.sdkError)===null||t===void 0?void 0:t.emit(e)}))}handleCancel(e){var s;e.stopPropagation();(s=this.exit)===null||s===void 0?void 0:s.emit()}handleSwipeStart(e){var s,i;this.swallowNextClick=false;const t=e.currentTarget;const n=t.getBoundingClientRect();const o=!!((i=(s=e.target)===null||s===void 0?void 0:s.closest)===null||i===void 0?void 0:i.call(s,"input, textarea, select, [contenteditable]"));if(this.view==="main"||o||e.clientX-n.left>n.width*L){this.swipeStart=null;return}this.swipeStart={x:e.clientX,y:e.clientY,time:Date.now()}}handleSwipeEnd(e){const s=this.swipeStart;this.swipeStart=null;if(!s){return}const i=e.clientX-s.x;const t=Math.abs(e.clientY-s.y);if(i>=R&&i>t&&Date.now()-s.time<=V){this.swallowNextClick=true;this.showView("main")}}renderDetailHeader(e){return t("div",{class:"detail-header"},t("button",{type:"button",class:"back",onClick:()=>this.showView("main")},t("span",{class:"icon",innerHTML:M}),"Back"),t("div",{class:"detail-title"},e),t("div",{class:"detail-header-spacer"}))}renderDetailBody(e){return t("div",{class:"detail-body-wrap"},t("div",{class:"detail-body",onScroll:e=>m(e.target)},e),t("div",{class:"scroll-fade"}))}renderDoneButton(){return t("div",{class:"detail-footer"},t("verdocs-button",{label:"Done",size:"small",onClick:()=>this.showView("main")}))}renderRecipientView(){var e;const s=this.getRoleById(this.editingRoleId);if(!s){return t("div",{class:"detail recipient-detail"},this.renderDetailHeader("Recipient"))}const i=N(this.template,s.role_name);return t("div",{class:"detail recipient-detail"},this.renderDetailHeader([t("span",{class:"role-dot",style:{backgroundColor:h(i)}}),s.role_name]),t("verdocs-contact-picker",{key:s.id,showCancel:false,onExit:()=>this.showView("main"),onNext:e=>this.handleSelectContact(e,s),contactSuggestions:this.sessionContacts,templateRole:(e=this.rolesCompleted[s.id])!==null&&e!==void 0?e:s,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}}))}renderBrandSwatch(e,s){const i=(e===null||e===void 0?void 0:e.favicon_url)||(e===null||e===void 0?void 0:e.thumbnail_url)||(e?null:T);if(i){return t("span",{class:"swatch logo"},t("img",{src:i,alt:""}))}return t("span",{class:"swatch",style:{backgroundColor:(e===null||e===void 0?void 0:e.primary_color)||"#4c56cb"}},s.substring(0,2).toUpperCase())}renderBrandOption(e,s,i,n){return t("button",{type:"button",class:{option:true,selected:this.brandKey===e},onClick:()=>this.brandKey=e},t("span",{class:"radio"}),n,t("span",{class:"option-label"},s,t("small",null,i)))}renderBrandView(){const e=this.getDefaultBrand();const s=this.brands.filter((s=>s.id!==(e===null||e===void 0?void 0:e.id))).sort(((e,s)=>(e.name||e.key).localeCompare(s.name||s.key)));const i=this.brands.length>0;return t("div",{class:"detail"},this.renderDetailHeader("Brand"),this.renderDetailBody([t("div",{class:"option-list"},this.renderBrandOption("",this.getDefaultBrandLabel(),"Organization default",this.renderBrandSwatch(e,(e===null||e===void 0?void 0:e.name)||"V")),s.length>0&&t("div",{class:"option-divider"}),s.map((e=>this.renderBrandOption(e.key,e.name||e.key,e.key,this.renderBrandSwatch(e,e.name||e.key))))),!i&&t("p",{class:"hint"},"Configure the look and feel of the signing experience by"," ",t("a",{href:`${u(this.endpoint)}/settings/branding`,target:"_blank",rel:"noopener"},"Creating a Brand",t("span",{class:"icon",innerHTML:_})),".")]),this.renderDoneButton())}renderExpiresView(){const e=this.expiresAt();const s=`${e.toLocaleDateString(undefined,{month:"short",day:"numeric",year:"numeric"})} at ${e.toLocaleTimeString(undefined,{hour:"numeric",minute:"2-digit"})}`;return t("div",{class:"detail"},this.renderDetailHeader("Expiration"),this.renderDetailBody([t("div",{class:"expires-field"},t("input",{type:"text",inputMode:"numeric","aria-label":"Expires in (days)",placeholder:String(O),value:this.expiresInDays,disabled:this.sending,onInput:e=>this.handleExpiryInput(e)}),t("span",{class:"suffix"},"days")),t("p",{class:"hint"},"This envelope will expire on ",s,". Expirations may be set from ",$,"-",H," days. If left blank, this will default to ",O,".")]),this.renderDoneButton())}renderNotificationsView(){return t("div",{class:"detail"},this.renderDetailHeader("Notifications"),this.renderDetailBody([t("verdocs-checkbox",{size:"small",label:"Disable notifications",checked:this.noContact,onInput:e=>this.noContact=!!e.target.checked}),this.noContact&&t("div",{class:"warning"},t("span",{class:"icon",innerHTML:I}),t("div",null,"Disabling notifications turns off invitations and reminders to recipients as well as status updates to you. You may obtain invite links in the recipient summary or via an API call. We strongly recommend enabling"," ",t("a",{href:`${u(this.endpoint)}/settings/webhooks`,target:"_blank",rel:"noopener"},"Webhooks",t("span",{class:"icon",innerHTML:_}))," ","to help automate this process."))]),this.renderDoneButton())}renderDetail(){switch(this.view){case"recipient":return this.renderRecipientView();case"brand":return this.renderBrandView();case"expires":return this.renderExpiresView();case"notifications":return this.renderNotificationsView();default:return null}}render(){var e;if(this.loading){return t(n,null,t("verdocs-loader",null))}if(!this.endpoint.session){return t(n,{style:{display:"flex"}},t("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const s=this.getSequenceNumbers();const i=Object.values(this.rolesCompleted).filter((e=>c(e.email)&&e.first_name&&e.last_name));const o=i.length>=z(this.template).length;const r=i.map((e=>e.email.toLowerCase()));const a=new Set(r).size<r.length;const d=this.expiresAt();const l=d.toLocaleDateString(undefined,{month:"short",day:"numeric"});return t(n,{class:{sendable:(e=this.template)===null||e===void 0?void 0:e.is_sendable,"detail-open":this.view!=="main"}},t("div",{class:"track"},t("div",{class:"pane main-pane","aria-hidden":this.view!=="main"?"true":"false"},t("div",{class:"section-title"},"Recipients"),t("div",{class:"recipients"},s.map((e=>[s.length>1&&t("div",{class:"step"},"Step ",e),this.getRolesAtLevel(e).map((e=>{const s=N(this.template,e.role_name);const n=this.rolesCompleted[e.id];const o=n&&i.findIndex((s=>s.role_name===e.role_name))>-1;const r=this.getRecipientOptionLabels(n);return t("button",{type:"button",class:"recipient","data-ri":s,"data-rn":e.role_name,onClick:s=>this.handleClickRole(s,e)},t("span",{class:"role-dot",style:{backgroundColor:h(s)}}),t("span",{class:"who"},t("span",{class:"role-name"},e.role_name),o?t("span",{class:"who-detail"},f(n)," · ",n.email):t("span",{class:"who-detail configure"},"Configure recipient"),r.length>0&&t("span",{class:"options"},r.map((e=>t("span",{class:"pill"},e))))),t("span",{class:"chevron",innerHTML:B}))}))]))),t("div",{class:"section-title delivery-title"},"Delivery"),t("div",{class:"delivery"},t("button",{type:"button",class:"kv",onClick:()=>this.showView("brand"),disabled:this.sending},t("span",{class:"key"},"Brand"),t("span",{class:"value"},this.getSelectedBrandLabel()),t("span",{class:"chevron",innerHTML:B})),t("button",{type:"button",class:"kv",onClick:()=>this.showView("expires"),disabled:this.sending},t("span",{class:"key"},"Expires"),t("span",{class:"value"},this.effectiveExpiryDays()," days ",t("small",null,"· ",l)),t("span",{class:"chevron",innerHTML:B})),t("button",{type:"button",class:"kv",onClick:()=>this.showView("notifications"),disabled:this.sending},t("span",{class:"key"},"Notifications"),t("span",{class:{value:true,off:this.noContact}},this.noContact?"Off":"On"),t("span",{class:"chevron",innerHTML:B}))),t("div",{class:"main-spacer"}),t("div",{class:"buttons"},a&&t("div",{class:"error-message"},"Recipients cannot share the same email."),this.sending&&t("verdocs-spinner",null),this.showCancel&&t("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e),disabled:this.sending}),t("verdocs-button",{label:"Send",size:"small",disabled:!o||this.sending||a,onClick:e=>this.handleSend(e)}))),t("div",{class:"pane detail-pane","aria-hidden":this.view==="main"?"true":"false",onPointerDown:e=>this.handleSwipeStart(e),onPointerUp:e=>this.handleSwipeEnd(e),onPointerCancel:()=>this.swipeStart=null},this.renderDetail())))}get el(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return j()}},[0,"verdocs-send",{endpoint:[16],templateId:[513,"template-id"],environment:[1],showCancel:[4,"show-cancel"],brandKey:[1025,"brand-key"],containerId:[32],view:[32],editingRoleId:[32],sessionContacts:[32],sending:[32],brands:[32],organization:[32],expiresInDays:[32],noContact:[32],rolesCompleted:[32],loading:[32],template:[32],reset:[64]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function P(){if(typeof customElements==="undefined"){return}const e=["verdocs-send","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-flag","verdocs-loader","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-send":if(!customElements.get(o(e))){customElements.define(o(e),A)}break;case"verdocs-button":if(!customElements.get(o(e))){k()}break;case"verdocs-checkbox":if(!customElements.get(o(e))){y()}break;case"verdocs-component-error":if(!customElements.get(o(e))){D()}break;case"verdocs-contact-picker":if(!customElements.get(o(e))){x()}break;case"verdocs-flag":if(!customElements.get(o(e))){E()}break;case"verdocs-loader":if(!customElements.get(o(e))){S()}break;case"verdocs-spinner":if(!customElements.get(o(e))){C()}break}}))}export{A as V,P as d};
+//# sourceMappingURL=p-CnUZ9w2T.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getRoleNames","template","roles","map","role","name","getRoleIndex","role_name","Math","max","findIndex","verdocsSendCss","chevronRightIcon","chevronLeftIcon","warningIcon","externalLinkIcon","VERDOCS_LOGO_URL","SWIPE_START_FRACTION","SWIPE_MIN_DISTANCE","SWIPE_MAX_DURATION","MIN_EXPIRY_DAYS","MAX_EXPIRY_DAYS","DEFAULT_EXPIRY_DAYS","AUTH_METHOD_LABELS","email","passcode","sms","kba","id","VerdocsSend","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","templateListenerId","endpoint","DefaultEndpoint","templateId","environment","showCancel","brandKey","swipeStart","swallowNextClick","loadedOrganizationId","containerId","random","toString","substring","view","editingRoleId","sessionContacts","sending","brands","organization","expiresInDays","noContact","rolesCompleted","loading","disconnectedCallback","unlistenToTemplate","componentDidLoad","el","addEventListener","e","stopPropagation","preventDefault","componentDidRender","updateScrollFade","querySelector","_a","toggleAttribute","_b","listenToTemplate","console","log","Store","subscribe","getTemplate","recomputeRolesCompleted","loadBrands","organizationId","organization_id","changedOrganization","stillCurrent","getBrands","then","catch","getOrganization","handleExpiryInput","digits","target","value","replace","String","min","Number","effectiveExpiryDays","days","expiresAt","Date","now","store","delListener","reset","onTemplateIdChanged","newTemplateId","componentWillLoad","onSessionChanged","_endpoint","_session","profile","me","first_name","last_name","phone","getOrganizationContacts","contacts","loadSession","session","sdkError","emit","SDKError","message","response","status","_c","data","rolesAtLevel","forEach","level","sequence","length","push","isValidEmail","getSequenceNumbers","sequences","Object","keys","s","sort","a","b","getRolesAtLevel","filter","index","getRoleById","match","find","getRecipientOptionLabels","recipient","labels","auth_methods","method","delegator","name_locked","getDefaultBrand","defaultId","default_brand_id","brand","getDefaultBrandLabel","getSelectedBrandLabel","key","showView","handleSelectContact","detail","handleClickRole","handleSend","localeData","Intl","DateTimeFormat","resolvedOptions","details","template_id","initial_reminder","followup_reminders","recipients","values","timezone","timeZone","locale","expires_at","toISOString","no_contact","brand_key","beforeSendResult","beforeSend","defaultPrevented","createEnvelope","r","send","envelope_id","envelope","VerdocsToast","error","handleCancel","exit","handleSwipeStart","pane","currentTarget","rect","getBoundingClientRect","onTextEntry","closest","call","clientX","left","width","x","y","clientY","time","handleSwipeEnd","start","dx","dy","abs","renderDetailHeader","title","h","class","type","onClick","innerHTML","renderDetailBody","content","onScroll","renderDoneButton","label","size","renderRecipientView","roleIndex","style","backgroundColor","getRGBA","onExit","onNext","contactSuggestions","templateRole","onSearchContacts","searchContacts","renderBrandSwatch","fallbackInitial","image","favicon_url","thumbnail_url","src","alt","primary_color","toUpperCase","renderBrandOption","sub","swatch","option","selected","renderBrandView","defaultBrand","others","localeCompare","hasBrands","href","getWebAppUrl","rel","renderExpiresView","when","toLocaleDateString","undefined","month","day","year","toLocaleTimeString","hour","minute","inputMode","placeholder","disabled","onInput","renderNotificationsView","checked","renderDetail","render","Host","display","levels","rolesAssigned","allRolesAssigned","assignedEmails","toLowerCase","hasDuplicateEmails","Set","expiresShort","sendable","is_sendable","completed","assigned","optionLabels","formatFullName","off","variant","onPointerDown","onPointerUp","onPointerCancel"],"sources":["src/utils/Templates.ts","src/components/embeds/verdocs-send/verdocs-send.scss?tag=verdocs-send","src/components/embeds/verdocs-send/verdocs-send.tsx"],"sourcesContent":["import {ITemplate} from '@verdocs/js-sdk';\n\nexport const getRoleNames = (template: ITemplate | null) => (template?.roles || []).map(role => role.name);\n\nexport const getRoleIndex = (template: ITemplate | null, role_name: string) =>\n  Math.max(\n    getRoleNames(template).findIndex(name => name === role_name),\n    0,\n  );\n","@import '../../../theme.scss';\n\nverdocs-send {\n  --send-ink: var(--verdocs-body-color, #111827);\n  --send-ink-2: #374151;\n  --send-muted: #6b7280;\n  --send-faint: #9ca3af;\n  --send-rule: #e5e7eb;\n  --send-control-border: #d1d5db;\n  --send-accent: var(--verdocs-link-color, #{$secondary-color});\n  --send-accent-tint: #f4f5fc;\n  --send-accent-tint-2: #e6e7f8;\n  --send-warning-bg: #fffbeb;\n  --send-warning-border: #fde68a;\n  --send-warning-icon: #d97706;\n  --send-warning-text: #78350f;\n  --send-radius: var(--verdocs-dialog-radius, 8px);\n  --send-min-height: 480px;\n  --send-max-width: 480px;\n\n  display: none;\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  max-width: var(--verdocs-send-max-width, var(--send-max-width));\n  box-sizing: border-box;\n  background: #ffffff;\n  color: var(--send-ink);\n  font-size: 14px;\n  border-radius: var(--send-radius);\n  border: 1px solid var(--send-rule);\n  font-family: $verdocs-primary-font;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  &.sendable {\n    display: block;\n  }\n\n  // The main pane sets the card's height. The detail pane sits beside it, off-canvas to the\n  // right, and the track slides one pane-width left when a detail view is open. Detail views\n  // taller than the card scroll inside it.\n  .track {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: var(--send-min-height);\n    transition: transform 220ms ease-out;\n  }\n\n  &.detail-open .track {\n    transform: translateX(-100%);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .track {\n      transition: none;\n    }\n  }\n\n  .pane {\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .main-pane {\n    flex: 1;\n  }\n\n  .detail-pane {\n    position: absolute;\n    top: 0;\n    left: 100%;\n    bottom: 0;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .detail {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  // The body scrolls between a fixed header and a pinned Done button. The fade sits over the\n  // body's bottom edge and shows only while there is more below (classes set by updateScrollFade).\n  .detail-body-wrap {\n    position: relative;\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail-body {\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  .scroll-fade {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 36px;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 150ms ease-out;\n    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);\n  }\n\n  .scrollable:not(.at-end) > .scroll-fade {\n    opacity: 1;\n  }\n\n  .recipient-detail verdocs-contact-picker {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .section-title {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--send-ink-2);\n    margin: 0 0 6px 0;\n  }\n\n  .delivery-title {\n    margin-top: 16px;\n  }\n\n  .step {\n    font-size: 11px;\n    color: var(--send-muted);\n    padding: 10px 0 4px 0;\n  }\n\n  .recipient,\n  .kv {\n    all: unset;\n    display: flex;\n    width: 100%;\n    cursor: pointer;\n    align-items: center;\n    column-gap: 10px;\n    border-top: 1px solid var(--send-rule);\n    color: var(--send-ink);\n    font-family: inherit;\n\n    &:focus-visible {\n      outline: 2px solid var(--send-accent);\n      outline-offset: -2px;\n      border-radius: 4px;\n    }\n\n    .chevron {\n      flex: 0 0 16px;\n      width: 16px;\n      height: 16px;\n      color: var(--send-faint);\n\n      svg {\n        width: 16px;\n        height: 16px;\n        display: block;\n      }\n    }\n  }\n\n  .recipient {\n    padding: 8px 6px 8px 0;\n\n    &:last-child {\n      border-bottom: 1px solid var(--send-rule);\n    }\n\n    .who {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .role-name {\n      font-size: 13px;\n      font-weight: 600;\n    }\n\n    .who-detail {\n      font-size: 12px;\n      color: var(--send-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &.configure {\n        color: var(--send-accent);\n        font-weight: 500;\n      }\n    }\n\n    .options {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 3px;\n    }\n\n    .pill {\n      height: 18px;\n      padding: 0 6px;\n      border-radius: 999px;\n      font-size: 10px;\n      font-weight: 500;\n      display: inline-flex;\n      align-items: center;\n      background: var(--send-accent-tint);\n      color: var(--send-ink-2);\n    }\n  }\n\n  .role-dot {\n    flex: 0 0 10px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n  }\n\n  .kv {\n    height: 40px;\n    padding: 0 6px 0 0;\n    font-size: 13px;\n\n    &:last-child {\n      border-bottom: 1px solid var(--send-rule);\n    }\n\n    &:disabled {\n      cursor: default;\n      color: var(--send-muted);\n    }\n\n    .key {\n      flex: 0 0 84px;\n      color: var(--send-muted);\n    }\n\n    .value {\n      flex: 1;\n      min-width: 0;\n      font-weight: 500;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      small {\n        font-size: inherit;\n        font-weight: 400;\n        color: var(--send-muted);\n      }\n\n      &.off {\n        color: var(--send-warning-icon);\n      }\n    }\n  }\n\n  .main-spacer,\n  .detail-spacer {\n    flex: 1;\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 14px;\n    column-gap: 10px;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    .error-message {\n      width: 100%;\n      color: $verdocs-red-1;\n      font-size: 13px;\n      margin-bottom: 10px;\n    }\n  }\n\n  // Detail views\n  .detail-header {\n    display: flex;\n    align-items: center;\n    column-gap: 8px;\n    margin: -2px 0 14px 0;\n\n    .back {\n      all: unset;\n      display: inline-flex;\n      align-items: center;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--send-accent);\n      font-family: inherit;\n      flex: 0 0 52px;\n\n      .icon,\n      .icon svg {\n        width: 16px;\n        height: 16px;\n        display: block;\n      }\n\n      &:focus-visible {\n        outline: 2px solid var(--send-accent);\n        outline-offset: 2px;\n        border-radius: 4px;\n      }\n    }\n\n    .detail-title {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      column-gap: 8px;\n      font-size: 14px;\n      font-weight: 600;\n      text-align: center;\n    }\n\n    .detail-header-spacer {\n      flex: 0 0 52px;\n    }\n  }\n\n  .detail-footer {\n    margin-top: 10px;\n    padding-top: 12px;\n    border-top: 1px solid var(--send-rule);\n\n    verdocs-button,\n    verdocs-button button {\n      width: 100%;\n    }\n  }\n\n  .hint {\n    font-size: 12px;\n    line-height: 1.5;\n    color: var(--send-muted);\n    margin: 10px 0 0 0;\n  }\n\n  .option-list {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .option {\n    all: unset;\n    display: flex;\n    width: 100%;\n    cursor: pointer;\n    align-items: center;\n    column-gap: 10px;\n    padding: 10px 0;\n    font-size: 13px;\n    font-family: inherit;\n    color: var(--send-ink);\n    border-top: 1px solid var(--send-rule);\n\n    &:first-child {\n      border-top: 0;\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--send-accent);\n      outline-offset: -2px;\n      border-radius: 4px;\n    }\n\n    .radio {\n      flex: 0 0 16px;\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n      border: 1px solid var(--send-control-border);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    &.selected .radio {\n      border-color: var(--send-accent);\n\n      &::after {\n        content: '';\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--send-accent);\n      }\n    }\n\n    .swatch {\n      flex: 0 0 22px;\n      width: 22px;\n      height: 22px;\n      border-radius: 5px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 9px;\n      font-weight: 700;\n      color: #ffffff;\n      overflow: hidden;\n\n      &.logo {\n        background: #ffffff;\n        border: 1px solid var(--send-rule);\n      }\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n      }\n    }\n\n    .option-label {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n\n      small {\n        font-size: 11px;\n        color: var(--send-muted);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .option-divider {\n    height: 0;\n    margin: 2px 0;\n    border-top: 1px solid var(--send-control-border);\n\n    + .option {\n      border-top: 0;\n    }\n  }\n\n  .hint a {\n    color: var(--send-accent);\n    font-weight: 500;\n    text-decoration: none;\n    border-bottom: 1px solid var(--send-accent-tint-2);\n\n    .icon,\n    .icon svg {\n      width: 11px;\n      height: 11px;\n      display: inline-block;\n      vertical-align: -1px;\n      margin-left: 2px;\n    }\n  }\n\n  .expires-field {\n    position: relative;\n\n    input {\n      width: 100%;\n      height: 36px;\n      padding: 0 52px 0 10px;\n      font-size: 14px;\n      font-family: inherit;\n      color: var(--send-ink);\n      background: #ffffff;\n      border: 1px solid var(--send-control-border);\n      border-radius: 6px;\n      outline: none;\n\n      &:focus {\n        border-color: var(--send-accent);\n        box-shadow: 0 0 0 2px var(--send-accent-tint-2);\n      }\n\n      &::placeholder {\n        color: var(--send-faint);\n      }\n    }\n\n    .suffix {\n      position: absolute;\n      right: 10px;\n      top: 0;\n      height: 36px;\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      color: var(--send-muted);\n      pointer-events: none;\n    }\n  }\n\n  .warning {\n    display: flex;\n    column-gap: 10px;\n    margin-top: 12px;\n    padding: 10px 12px;\n    font-size: 12px;\n    line-height: 1.5;\n    border-radius: 6px;\n    color: var(--send-warning-text);\n    background: var(--send-warning-bg);\n    border: 1px solid var(--send-warning-border);\n\n    > .icon {\n      flex: 0 0 18px;\n      width: 18px;\n      height: 18px;\n      margin-top: 1px;\n      color: var(--send-warning-icon);\n\n      svg {\n        width: 18px;\n        height: 18px;\n        display: block;\n      }\n    }\n\n    a {\n      color: var(--send-accent);\n      font-weight: 500;\n      text-decoration: none;\n      border-bottom: 1px solid var(--send-accent-tint-2);\n\n      .icon,\n      .icon svg {\n        width: 11px;\n        height: 11px;\n        display: inline-block;\n        vertical-align: -1px;\n        margin-left: 2px;\n      }\n    }\n  }\n\n  verdocs-checkbox {\n    display: block;\n    padding: 4px 0;\n    font-size: 13px;\n  }\n}\n","import type {IBrand, IOrganization, TRecipientAuthMethod} from '@verdocs/js-sdk';\nimport {Component, Element, Prop, State, h, Event, EventEmitter, Host, Method, Watch} from '@stencil/core';\nimport type {ICreateEnvelopeFromTemplateRequest, ICreateEnvelopeRecipientFromTemplate, IEnvelope, IRecipient, ITemplate} from '@verdocs/js-sdk';\nimport {createEnvelope, formatFullName, getBrands, getOrganization, getTemplate, getOrganizationContacts, getRGBA, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {IContactSearchEvent} from '../../envelopes/verdocs-contact-picker/verdocs-contact-picker';\nimport {DefaultEndpoint, getWebAppUrl} from '../../../utils/Environment';\nimport {getRoleIndex, getRoleNames} from '../../../utils/Templates';\nimport {updateScrollFade} from '../../../utils/ScrollFade';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst chevronRightIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 6 6 6-6 6\"/></svg>';\n\nconst chevronLeftIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"/></svg>';\n\nconst warningIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"/><path d=\"M12 9v4M12 17h.01\"/></svg>';\n\nconst externalLinkIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6M10 14 21 3M21 14v7H3V3h7\"/></svg>';\n\nconst VERDOCS_LOGO_URL = 'https://app.verdocs.com/assets/blue-logo.svg';\n\n// Swipe mechanics for mobile users in detail views\nconst SWIPE_START_FRACTION = 0.25;\nconst SWIPE_MIN_DISTANCE = 60;\nconst SWIPE_MAX_DURATION = 500;\n\n// Expiration controls. The API is less strict, but Web users prefer a simpler setup so we just range-limit it 1..120 here.\nconst MIN_EXPIRY_DAYS = 1;\nconst MAX_EXPIRY_DAYS = 120;\nconst DEFAULT_EXPIRY_DAYS = 120;\n\nconst AUTH_METHOD_LABELS: Record<TRecipientAuthMethod, string> = {\n  email: 'Email',\n  passcode: 'Passcode',\n  sms: 'SMS',\n  kba: 'KBA',\n  id: 'ID check',\n};\n\ntype TSendView = 'main' | 'recipient' | 'brand' | 'expires' | 'notifications';\n\nexport interface ISendEventDetail extends ICreateEnvelopeFromTemplateRequest {\n  name: string;\n  template_id: string;\n  recipients: ICreateEnvelopeRecipientFromTemplate[];\n  template: ITemplate;\n}\n\nexport interface ISentEventDetail extends ICreateEnvelopeFromTemplateRequest {\n  name: string;\n  template_id: string;\n  recipients: ICreateEnvelopeRecipientFromTemplate[];\n  envelope_id: string;\n  envelope: IEnvelope;\n}\n\n/**\n * Display a form to send a template to one or more recipients in an envelope for signing.\n * Host applications should ensure the template is \"sendable\" before displaying this component.\n * To be sendable, a template must have at least one document attached, at least one participant\n * defined, and at least one field assigned to every \"signer\" participant. This component will\n * hide itself if the template is not sendable.\n *\n * ```ts\n * <verdocs-send\n *   templateId={TEMPLATE_ID}\n *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }\n *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }\n *   onExit={({ detail }) => { console.log('Send cancelled.', detail) }\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-send',\n  styleUrl: 'verdocs-send.scss',\n  shadow: false,\n})\nexport class VerdocsSend {\n  private templateListenerId = null;\n\n  @Element() el: HTMLElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = DefaultEndpoint;\n\n  /**\n   * The ID of the template to create the document from.\n   */\n  @Prop({reflect: true}) templateId: string | null = null;\n\n  /**\n   * The environment the control is being called from, e.g. 'web'. This has an impact on how certain\n   * operations such as email communications are handled to ensure users receive the correct URLs for\n   * their invitations. Setting this to unknown values may produce unexpected/incorrect behaviors.\n   * If environment is not known, do this set this property.\n   */\n  @Prop() environment: string = '';\n\n  /**\n   * Whether to show the cancel button. It may be useful to disable this in environments where\n   * the embed is shown in a non-wizard flow with its own navigation for the user to exit.\n   */\n  @Prop() showCancel = true;\n\n  /**\n   * Preselect a brand by key, overriding the organization default.\n   */\n  @Prop({mutable: true}) brandKey = '';\n\n  /**\n   * The user is sending an envelope the form and clicked send.\n   */\n  @Event({composed: true}) beforeSend: EventEmitter<ISendEventDetail>;\n\n  /**\n   * The user completed the form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<ISentEventDetail>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user enters text in a search field. The parent application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  private swipeStart: {x: number; y: number; time: number} | null = null;\n  private swallowNextClick = false;\n  private loadedOrganizationId = '';\n\n  @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n  @State() view: TSendView = 'main';\n  @State() editingRoleId = '';\n  @State() sessionContacts: {id: string; first_name: string; last_name: string; email: string; phone: string}[] = [];\n  @State() sending = false;\n  @State() brands: IBrand[] = [];\n  @State() organization: IOrganization | null = null;\n  @State() expiresInDays = '';\n  @State() noContact = false;\n  @State() rolesCompleted: Record<string, Partial<IRecipient>> = {};\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  componentDidLoad() {\n    this.el.addEventListener(\n      'click',\n      e => {\n        if (this.swallowNextClick) {\n          this.swallowNextClick = false;\n          e.stopPropagation();\n          e.preventDefault();\n        }\n      },\n      true,\n    );\n  }\n\n  // Make off-canvas controls leave the tab order\n  componentDidRender() {\n    updateScrollFade(this.el.querySelector('.detail-body'));\n    this.el.querySelector('.main-pane')?.toggleAttribute('inert', this.view !== 'main');\n    this.el.querySelector('.detail-pane')?.toggleAttribute('inert', this.view === 'main');\n  }\n\n  async listenToTemplate() {\n    console.log('[SEND] Loading template', this.templateId);\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      true,\n      (template: ITemplate) => {\n        console.log('[SEND] Got new template', template);\n        this.template = template;\n        this.loading = false;\n        this.rolesCompleted = {};\n        this.view = 'main';\n        this.editingRoleId = '';\n        this.recomputeRolesCompleted();\n        this.loadBrands();\n      },\n    );\n  }\n\n  loadBrands() {\n    const organizationId = this.template?.organization_id;\n    if (!organizationId || organizationId === this.loadedOrganizationId) {\n      return;\n    }\n\n    const changedOrganization = !!this.loadedOrganizationId;\n    this.loadedOrganizationId = organizationId;\n    this.brands = [];\n    this.organization = null;\n    if (changedOrganization) {\n      this.brandKey = '';\n    }\n\n    const stillCurrent = () => this.template?.organization_id === organizationId;\n\n    getBrands(this.endpoint, organizationId)\n      .then(brands => {\n        if (stillCurrent()) {\n          this.brands = brands || [];\n        }\n      })\n      .catch(e => console.log('[SEND] Unable to load brands', e));\n\n    getOrganization(this.endpoint, organizationId)\n      .then(organization => {\n        if (stillCurrent()) {\n          this.organization = organization;\n        }\n      })\n      .catch(e => console.log('[SEND] Unable to load organization', e));\n  }\n\n  handleExpiryInput(e: any) {\n    const digits = (e.target.value || '').replace(/[^0-9]/g, '');\n    this.expiresInDays = digits ? String(Math.min(Math.max(Number(digits), MIN_EXPIRY_DAYS), MAX_EXPIRY_DAYS)) : '';\n    e.target.value = this.expiresInDays;\n  }\n\n  effectiveExpiryDays(): number {\n    const days = Number(this.expiresInDays);\n    return days >= MIN_EXPIRY_DAYS ? days : DEFAULT_EXPIRY_DAYS;\n  }\n\n  expiresAt(): Date {\n    return new Date(Date.now() + this.effectiveExpiryDays() * 24 * 60 * 60 * 1000);\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  @Method()\n  async reset() {\n    this.rolesCompleted = {};\n    this.view = 'main';\n    this.editingRoleId = '';\n    this.brandKey = '';\n    this.expiresInDays = '';\n    this.noContact = false;\n  }\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string) {\n    console.log('[SEND] Template ID changed', newTemplateId);\n    this.listenToTemplate();\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.onSessionChanged((_endpoint, _session, profile) => {\n        if (!profile) {\n          return;\n        }\n\n        const me = {\n          id: profile.id,\n          first_name: profile.first_name,\n          last_name: profile.last_name,\n          email: profile.email,\n          phone: profile.phone,\n        };\n\n        if (profile) {\n          this.sessionContacts = [me];\n\n          getOrganizationContacts(this.endpoint)\n            .then(contacts => {\n              console.log('[SEND] Got contacts', contacts);\n              this.sessionContacts = [...contacts, me];\n            })\n            .catch(e => {\n              console.log('[SEND] Error getting contacts', e);\n            });\n        }\n      });\n\n      this.endpoint.loadSession();\n\n      if (!this.endpoint.session) {\n        console.log('[SEND] Unable to start Send operation, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[SEND] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[SEND] Error with send session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  recomputeRolesCompleted() {\n    this.rolesCompleted = {};\n\n    const rolesAtLevel: Record<number, Partial<IRecipient>[]> = {};\n    (this.template?.roles || []).forEach(role => {\n      const level = role.sequence;\n      rolesAtLevel[level] ||= [];\n      const id = `r-${level}-${rolesAtLevel[level].length}`;\n      rolesAtLevel[level].push({...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name});\n\n      // if (role.first_name && (isValidEmail(role.email) || isValidPhone(role.phone))) {\n      if (role.first_name && isValidEmail(role.email)) {\n        this.rolesCompleted[id] = {...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name};\n      }\n    });\n  }\n\n  getSequenceNumbers() {\n    // This is cleaner with a Set but we found a regression in some target environments where\n    // this breaks down. Reverting to an older technique while we diagnose it.\n    const sequences: Record<number, boolean> = {};\n    (this.template?.roles || []).forEach(role => {\n      sequences[role.sequence] = true;\n    });\n    return Object.keys(sequences)\n      .map(s => +s)\n      .sort((a, b) => a - b);\n  }\n\n  getRolesAtLevel(level: number) {\n    const rolesAtLevel = (this.template?.roles || [])\n      .filter(role => role.sequence === level)\n      .map((role, index) => ({\n        ...role,\n        id: `r-${level}-${index}`,\n        role_name: role.name,\n        first_name: role.first_name,\n        last_name: role.last_name,\n      }));\n    return rolesAtLevel as Partial<IRecipient>[];\n  }\n\n  getRoleById(id: string): Partial<IRecipient> | null {\n    for (const level of this.getSequenceNumbers()) {\n      const match = this.getRolesAtLevel(level).find(role => role.id === id);\n      if (match) {\n        return match;\n      }\n    }\n\n    return null;\n  }\n\n  // We only show options the sender switched on.\n  getRecipientOptionLabels(recipient: Partial<IRecipient> | undefined): string[] {\n    if (!recipient) {\n      return [];\n    }\n\n    const labels = (recipient.auth_methods || []).filter(method => method !== 'email').map(method => AUTH_METHOD_LABELS[method] || method);\n    if (recipient.delegator) {\n      labels.push('May delegate');\n    }\n\n    if (recipient.name_locked) {\n      labels.push('Name locked');\n    }\n\n    return labels;\n  }\n\n  getDefaultBrand(): IBrand | null {\n    const defaultId = this.organization?.default_brand_id;\n    return (defaultId && this.brands.find(brand => brand.id === defaultId)) || null;\n  }\n\n  getDefaultBrandLabel() {\n    const name = this.getDefaultBrand()?.name;\n    return `Default (${name || 'Verdocs'})`;\n  }\n\n  getSelectedBrandLabel() {\n    if (!this.brandKey) {\n      return this.getDefaultBrandLabel();\n    }\n\n    const brand = this.brands.find(b => b.key === this.brandKey);\n    return brand?.name || brand?.key || this.brandKey;\n  }\n\n  showView(view: TSendView) {\n    this.view = view;\n  }\n\n  handleSelectContact(e: any, role: Partial<IRecipient>) {\n    e.preventDefault();\n    this.rolesCompleted = {...this.rolesCompleted, [role.id]: {...role, ...e.detail}};\n    this.editingRoleId = '';\n    this.view = 'main';\n  }\n\n  handleClickRole(e: any, role: Partial<IRecipient>) {\n    e.stopPropagation();\n    this.editingRoleId = role.id;\n    this.view = 'recipient';\n  }\n\n  handleSend(e: any) {\n    if (this.sending) {\n      console.log('[SEND] Skipping duplicate send', e);\n      return;\n    }\n\n    console.log('[SEND] Sending', e);\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.sending = true;\n    const localeData = Intl.DateTimeFormat().resolvedOptions();\n\n    const details: ICreateEnvelopeFromTemplateRequest = {\n      template_id: this.templateId,\n      name: this.template?.name || 'New Envelope',\n      environment: this.environment,\n      initial_reminder: 0,\n      followup_reminders: 0,\n      recipients: Object.values(this.rolesCompleted) as ICreateEnvelopeRecipientFromTemplate[],\n      timezone: localeData.timeZone,\n      locale: localeData.locale,\n      expires_at: this.expiresAt().toISOString(),\n    };\n\n    details.no_contact = this.noContact;\n    if (this.brandKey) {\n      details.brand_key = this.brandKey;\n    }\n\n    const beforeSendResult = this.beforeSend.emit({...details, name: details.name!, template: this.template});\n    if (beforeSendResult.defaultPrevented) {\n      console.log('[SEND] Send cancelled by parent', details);\n      this.sending = false;\n      return;\n    }\n\n    console.log('[SEND] Creating envelope', details);\n    createEnvelope(this.endpoint, details)\n      .then(r => {\n        console.log('[SEND] Send envelope', r);\n        this.reset().catch((e: any) => console.log('Unknown Error', e));\n        this.sending = false;\n        this.send?.emit({...details, name: details.name!, envelope_id: r.id, envelope: r});\n      })\n      .catch(e => {\n        console.log('[SEND] Send error', e);\n        VerdocsToast(e.response?.data?.error || 'Error creating envelope, please try again later.');\n        this.sending = false;\n        this.sdkError?.emit(e);\n      });\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.exit?.emit();\n  }\n\n  handleSwipeStart(e: PointerEvent) {\n    this.swallowNextClick = false;\n    const pane = e.currentTarget as HTMLElement;\n    const rect = pane.getBoundingClientRect();\n    const onTextEntry = !!(e.target as HTMLElement)?.closest?.('input, textarea, select, [contenteditable]');\n    if (this.view === 'main' || onTextEntry || e.clientX - rect.left > rect.width * SWIPE_START_FRACTION) {\n      this.swipeStart = null;\n      return;\n    }\n\n    this.swipeStart = {x: e.clientX, y: e.clientY, time: Date.now()};\n  }\n\n  handleSwipeEnd(e: PointerEvent) {\n    const start = this.swipeStart;\n    this.swipeStart = null;\n    if (!start) {\n      return;\n    }\n\n    const dx = e.clientX - start.x;\n    const dy = Math.abs(e.clientY - start.y);\n    if (dx >= SWIPE_MIN_DISTANCE && dx > dy && Date.now() - start.time <= SWIPE_MAX_DURATION) {\n      this.swallowNextClick = true;\n      this.showView('main');\n    }\n  }\n\n  renderDetailHeader(title: any) {\n    return (\n      <div class=\"detail-header\">\n        <button type=\"button\" class=\"back\" onClick={() => this.showView('main')}>\n          <span class=\"icon\" innerHTML={chevronLeftIcon} />\n          Back\n        </button>\n        <div class=\"detail-title\">{title}</div>\n        <div class=\"detail-header-spacer\" />\n      </div>\n    );\n  }\n\n  renderDetailBody(content: any) {\n    return (\n      <div class=\"detail-body-wrap\">\n        <div class=\"detail-body\" onScroll={(e: any) => updateScrollFade(e.target)}>\n          {content}\n        </div>\n        <div class=\"scroll-fade\" />\n      </div>\n    );\n  }\n\n  renderDoneButton() {\n    return (\n      <div class=\"detail-footer\">\n        <verdocs-button label=\"Done\" size=\"small\" onClick={() => this.showView('main')} />\n      </div>\n    );\n  }\n\n  renderRecipientView() {\n    const role = this.getRoleById(this.editingRoleId);\n    if (!role) {\n      return <div class=\"detail recipient-detail\">{this.renderDetailHeader('Recipient')}</div>;\n    }\n\n    const roleIndex = getRoleIndex(this.template, role.role_name);\n    return (\n      <div class=\"detail recipient-detail\">\n        {this.renderDetailHeader([<span class=\"role-dot\" style={{backgroundColor: getRGBA(roleIndex)}} />, role.role_name])}\n        <verdocs-contact-picker\n          key={role.id}\n          showCancel={false}\n          onExit={() => this.showView('main')}\n          onNext={e => this.handleSelectContact(e, role)}\n          contactSuggestions={this.sessionContacts}\n          templateRole={(this.rolesCompleted[role.id] ?? role) as IRecipient}\n          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n        />\n      </div>\n    );\n  }\n\n  renderBrandSwatch(brand: IBrand | null, fallbackInitial: string) {\n    const image = brand?.favicon_url || brand?.thumbnail_url || (brand ? null : VERDOCS_LOGO_URL);\n    if (image) {\n      return (\n        <span class=\"swatch logo\">\n          <img src={image} alt=\"\" />\n        </span>\n      );\n    }\n\n    return (\n      <span class=\"swatch\" style={{backgroundColor: brand?.primary_color || '#4c56cb'}}>\n        {fallbackInitial.substring(0, 2).toUpperCase()}\n      </span>\n    );\n  }\n\n  renderBrandOption(key: string, label: string, sub: string, swatch: any) {\n    return (\n      <button type=\"button\" class={{option: true, selected: this.brandKey === key}} onClick={() => (this.brandKey = key)}>\n        <span class=\"radio\" />\n        {swatch}\n        <span class=\"option-label\">\n          {label}\n          <small>{sub}</small>\n        </span>\n      </button>\n    );\n  }\n\n  renderBrandView() {\n    const defaultBrand = this.getDefaultBrand();\n    const others = this.brands.filter(brand => brand.id !== defaultBrand?.id).sort((a, b) => (a.name || a.key).localeCompare(b.name || b.key));\n    const hasBrands = this.brands.length > 0;\n\n    return (\n      <div class=\"detail\">\n        {this.renderDetailHeader('Brand')}\n        {this.renderDetailBody([\n          <div class=\"option-list\">\n            {this.renderBrandOption('', this.getDefaultBrandLabel(), 'Organization default', this.renderBrandSwatch(defaultBrand, defaultBrand?.name || 'V'))}\n            {others.length > 0 && <div class=\"option-divider\" />}\n            {others.map(brand => this.renderBrandOption(brand.key, brand.name || brand.key, brand.key, this.renderBrandSwatch(brand, brand.name || brand.key)))}\n          </div>,\n          !hasBrands && (\n            <p class=\"hint\">\n              Configure the look and feel of the signing experience by{' '}\n              <a href={`${getWebAppUrl(this.endpoint)}/settings/branding`} target=\"_blank\" rel=\"noopener\">\n                Creating a Brand\n                <span class=\"icon\" innerHTML={externalLinkIcon} />\n              </a>\n              .\n            </p>\n          ),\n        ])}\n        {this.renderDoneButton()}\n      </div>\n    );\n  }\n\n  renderExpiresView() {\n    const expiresAt = this.expiresAt();\n    const when = `${expiresAt.toLocaleDateString(undefined, {month: 'short', day: 'numeric', year: 'numeric'})} at ${expiresAt.toLocaleTimeString(undefined, {hour: 'numeric', minute: '2-digit'})}`;\n\n    return (\n      <div class=\"detail\">\n        {this.renderDetailHeader('Expiration')}\n        {this.renderDetailBody([\n          <div class=\"expires-field\">\n            <input\n              type=\"text\"\n              inputMode=\"numeric\"\n              aria-label=\"Expires in (days)\"\n              placeholder={String(DEFAULT_EXPIRY_DAYS)}\n              value={this.expiresInDays}\n              disabled={this.sending}\n              onInput={(e: any) => this.handleExpiryInput(e)}\n            />\n            <span class=\"suffix\">days</span>\n          </div>,\n          <p class=\"hint\">\n            This envelope will expire on {when}. Expirations may be set from {MIN_EXPIRY_DAYS}-{MAX_EXPIRY_DAYS} days. If left blank, this will default to {DEFAULT_EXPIRY_DAYS}.\n          </p>,\n        ])}\n        {this.renderDoneButton()}\n      </div>\n    );\n  }\n\n  renderNotificationsView() {\n    return (\n      <div class=\"detail\">\n        {this.renderDetailHeader('Notifications')}\n        {this.renderDetailBody([\n          <verdocs-checkbox size=\"small\" label=\"Disable notifications\" checked={this.noContact} onInput={(e: any) => (this.noContact = !!e.target.checked)} />,\n          this.noContact && (\n            <div class=\"warning\">\n              <span class=\"icon\" innerHTML={warningIcon} />\n              <div>\n                Disabling notifications turns off invitations and reminders to recipients as well as status updates to you. You may obtain invite links in the recipient summary or\n                via an API call. We strongly recommend enabling{' '}\n                <a href={`${getWebAppUrl(this.endpoint)}/settings/webhooks`} target=\"_blank\" rel=\"noopener\">\n                  Webhooks\n                  <span class=\"icon\" innerHTML={externalLinkIcon} />\n                </a>{' '}\n                to help automate this process.\n              </div>\n            </div>\n          ),\n        ])}\n        {this.renderDoneButton()}\n      </div>\n    );\n  }\n\n  renderDetail() {\n    switch (this.view) {\n      case 'recipient':\n        return this.renderRecipientView();\n      case 'brand':\n        return this.renderBrandView();\n      case 'expires':\n        return this.renderExpiresView();\n      case 'notifications':\n        return this.renderNotificationsView();\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host style={{display: 'flex'}}>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    const levels = this.getSequenceNumbers();\n    const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) && recipient.first_name && recipient.last_name);\n    const allRolesAssigned = rolesAssigned.length >= getRoleNames(this.template).length;\n    const assignedEmails = rolesAssigned.map(r => r.email.toLowerCase());\n    const hasDuplicateEmails = new Set(assignedEmails).size < assignedEmails.length;\n    const expiresAt = this.expiresAt();\n    const expiresShort = expiresAt.toLocaleDateString(undefined, {month: 'short', day: 'numeric'});\n\n    return (\n      <Host class={{'sendable': this.template?.is_sendable, 'detail-open': this.view !== 'main'}}>\n        <div class=\"track\">\n          <div class=\"pane main-pane\" aria-hidden={this.view !== 'main' ? 'true' : 'false'}>\n            <div class=\"section-title\">Recipients</div>\n            <div class=\"recipients\">\n              {levels.map(level => [\n                levels.length > 1 && <div class=\"step\">Step {level}</div>,\n                this.getRolesAtLevel(level).map(role => {\n                  const roleIndex = getRoleIndex(this.template, role.role_name);\n                  const completed = this.rolesCompleted[role.id];\n                  const assigned = completed && rolesAssigned.findIndex(r => r.role_name === role.role_name) > -1;\n                  const optionLabels = this.getRecipientOptionLabels(completed);\n\n                  return (\n                    <button type=\"button\" class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} onClick={e => this.handleClickRole(e, role)}>\n                      <span class=\"role-dot\" style={{backgroundColor: getRGBA(roleIndex)}} />\n                      <span class=\"who\">\n                        <span class=\"role-name\">{role.role_name}</span>\n                        {assigned ? (\n                          <span class=\"who-detail\">\n                            {formatFullName(completed)} · {completed.email}\n                          </span>\n                        ) : (\n                          <span class=\"who-detail configure\">Configure recipient</span>\n                        )}\n                        {optionLabels.length > 0 && (\n                          <span class=\"options\">\n                            {optionLabels.map(label => (\n                              <span class=\"pill\">{label}</span>\n                            ))}\n                          </span>\n                        )}\n                      </span>\n                      <span class=\"chevron\" innerHTML={chevronRightIcon} />\n                    </button>\n                  );\n                }),\n              ])}\n            </div>\n\n            <div class=\"section-title delivery-title\">Delivery</div>\n            <div class=\"delivery\">\n              <button type=\"button\" class=\"kv\" onClick={() => this.showView('brand')} disabled={this.sending}>\n                <span class=\"key\">Brand</span>\n                <span class=\"value\">{this.getSelectedBrandLabel()}</span>\n                <span class=\"chevron\" innerHTML={chevronRightIcon} />\n              </button>\n              <button type=\"button\" class=\"kv\" onClick={() => this.showView('expires')} disabled={this.sending}>\n                <span class=\"key\">Expires</span>\n                <span class=\"value\">\n                  {this.effectiveExpiryDays()} days <small>· {expiresShort}</small>\n                </span>\n                <span class=\"chevron\" innerHTML={chevronRightIcon} />\n              </button>\n              <button type=\"button\" class=\"kv\" onClick={() => this.showView('notifications')} disabled={this.sending}>\n                <span class=\"key\">Notifications</span>\n                <span class={{value: true, off: this.noContact}}>{this.noContact ? 'Off' : 'On'}</span>\n                <span class=\"chevron\" innerHTML={chevronRightIcon} />\n              </button>\n            </div>\n\n            <div class=\"main-spacer\" />\n\n            <div class=\"buttons\">\n              {hasDuplicateEmails && <div class=\"error-message\">Recipients cannot share the same email.</div>}\n              {this.sending && <verdocs-spinner />}\n              {this.showCancel && <verdocs-button label=\"Cancel\" size=\"small\" variant=\"outline\" onClick={e => this.handleCancel(e)} disabled={this.sending} />}\n              <verdocs-button label=\"Send\" size=\"small\" disabled={!allRolesAssigned || this.sending || hasDuplicateEmails} onClick={e => this.handleSend(e)} />\n            </div>\n          </div>\n\n          <div\n            class=\"pane detail-pane\"\n            aria-hidden={this.view === 'main' ? 'true' : 'false'}\n            onPointerDown={e => this.handleSwipeStart(e)}\n            onPointerUp={e => this.handleSwipeEnd(e)}\n            onPointerCancel={() => (this.swipeStart = null)}\n          >\n            {this.renderDetail()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-Cq60Emo_.js

@@ -0,0 +1,2 @@
+import{VerdocsEndpoint as s}from"@verdocs/js-sdk";const o=s.getDefault();const t=(s=o)=>s.getEnvironment()==="beta"?"https://beta.verdocs.com":"https://app.verdocs.com";export{o as D,t as g};
+//# sourceMappingURL=p-Cq60Emo_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DefaultEndpoint","VerdocsEndpoint","getDefault","getWebAppUrl","endpoint","getEnvironment"],"sources":["src/utils/Environment.ts"],"sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\n\nexport const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];\n\nexport const IS_BETA = BETA_ORIGINS.includes(window.location.origin);\n\nexport const API_URL = IS_BETA ? 'https://stage-api.verdocs.com' : 'https://api.verdocs.com';\n\n// NOTE: Do not call setBaseURL(). The constructor already does, but more important, in most environments\n// this particular code block is lazily loaded and gets run on a component render. That creates a race\n// condition that silently overwrites a host-app preference and is hard to track down. (Definitely breaks\n// the Teams app, among other things.)\nexport const DefaultEndpoint = VerdocsEndpoint.getDefault();\n\nexport const getWebAppUrl = (endpoint: VerdocsEndpoint = DefaultEndpoint) => (endpoint.getEnvironment() === 'beta' ? 'https://beta.verdocs.com' : 'https://app.verdocs.com');\n"],"mappings":"wDAYaA,EAAkBC,EAAgBC,aAExC,MAAMC,EAAe,CAACC,EAA4BJ,IAAqBI,EAASC,mBAAqB,OAAS,2BAA6B,iC","ignoreList":[]}

package/dist/components/{p-DJMr11ue.js → p-CqBZmEjI.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-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
+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-Cq60Emo_.js";import{d as t}from"./p-C90lxyUX.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:"d5214ecf0dde79b3f1e6ce75f476f464d70aa8c7"},a("div",{key:"62aaa145647cfb7b81be55d59844dd6afbca1d4f",slot:"heading",class:"heading"},a("div",{key:"a91b19f233e16b6814203cdd7d4e3e22e35f5e52",class:"icon"},a("svg",{key:"77d739982c1f56a45e75cd3df29c79313b822c14",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"11c0f89aee7c23532d5a19cfcfe85d3e360bb7c3","clip-path":"url(#clip0_34208_4881)"},a("path",{key:"eff2b63076f840cb99144c928471cce72eba90be",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:"0cc35b066fdb46eed1516d5b6eb86b77f0d4d2b5"},a("clipPath",{key:"71fbb66f3be18fc3a724abeb9a3837c04d3cf0d0",id:"clip0_34208_4881"},a("path",{key:"6229f0d31ce30b3883c4a3edbbd46ccc690d2ed9",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),a("div",{key:"5d188f6be05d9e2b9d7cd496af3f89ee012c5ecd",class:"title"},"Delegate Signing")),a("div",{key:"c01935e0f71049c1d937d9eaf2652acb3979f86e",slot:"content",class:"content"},a("div",{key:"5a0d7c923bda64f43daff2b47d580194d0188e9b",class:"verdocs-form"},a("div",{key:"20a74442d2496887163b431d53ce1f894c7665b1",class:"verdocs-form-row"},a("div",{key:"860c89c186956d90dc4f14e2a5d398f9b3d14bae",class:"field-group"},a("label",{key:"dbda175c6874caf213043baf79aaaf335267a27a",htmlFor:"verdocs-delegate-first",class:"verdocs-form-label"},"New Recipient*"),a("input",{key:"b3765149190ee55acecf08c4913cc8eba76c7259",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:"626dda134bbd825d434bc7f6943322880094cff6",class:"field-group"},a("label",{key:"8d302c032a6a92989e1e6d5f0555667c5b2a9f93",htmlFor:"verdocs-delegate-last",class:"verdocs-form-label"}," "),a("input",{key:"e01085ad0cf2c5a26fc8ae609525f2d5556721cd",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:"4c7c1bd866b69c158c21874a770c3ef10d6ac767"},a("label",{key:"61215a3e5c6ec114d1d6c49f1053daebfe75a6e6",htmlFor:"verdocs-delegate-email",class:"verdocs-form-label"},"Email Address*"),a("input",{key:"9255f6eb8246ba1b9af2c36f94b5e0c65347f466",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:"0f82ca5db5565814fcd58fa7d63669309c3b6018"},a("label",{key:"f5bcb9b54b49d77408537eafa6a3b7d7f904e6de",htmlFor:"verdocs-delegate-phone",class:"verdocs-form-label"},"Phone Number"),a("input",{key:"685f7490995ff0138e587c471f52ef328861af56",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:"3f711e660e17ff46f4306f0b391d22562d6c2b78"},a("label",{key:"c8eaf4ed1d9423533bfb82010a9a941570c8f6df",htmlFor:"verdocs-delegate-message",class:"verdocs-form-label"},"Message (optional)"),a("textarea",{key:"fd615a24b530a4675e38998c78ef1ab424fc2f71",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:"0f14270f5547e8898b2e61398ce9385f04a1faf1",class:"footer",slot:"footer"},a("div",{key:"43f3158d518b2fc15a92c5c59cb4edaa7ac6a228",class:"buttons"},a("button",{key:"abca3c463974c1c3157822c1de741a3dfc2548b3",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),a("button",{key:"174a50872b40af219bc9c45237ded1a3e42c28d9",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-CqBZmEjI.js.map

package/dist/components/{p-B6aUlIQe.js → p-D-X-Zcsr.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-Bb5V9TQx.js";import{d as u}from"./p-DGNIsXfr.js";import{d as h}from"./p-C-v22G3g.js";import{d as b}from"./p-C90lxyUX.js";import{d as g}from"./p-BKLlc2r0.js";import{d as E}from"./p-1FjgijEi.js";import{d as k}from"./p-D0MFs2Dv.js";import{d as j}from"./p-9kEZy9MP.js";import{d as x}from"./p-B1AE2j97.js";import{d as w}from"./p-ek0LNMtb.js";import{d as y}from"./p-CQzPkAVQ.js";import{d as I}from"./p-B4tpmyon.js";import{d as C}from"./p-CFacV7mg.js";import{d as V}from"./p-CEcG_ay-.js";import{d as B}from"./p-C8yiLtCJ.js";import{d as D}from"./p-DHzSlpJw.js";import{d as P}from"./p-DqzFuSNN.js";import{d as R}from"./p-5FU3bYQ3.js";import{d as T}from"./p-DhOuB4nS.js";import{d as z}from"./p-Bodw4NVB.js";import{d as F}from"./p-BhG0HGg6.js";import{d as M}from"./p-Bxvw_LqR.js";import{d as W}from"./p-PfdIkMoz.js";import{d as G}from"./p-DM3wePVp.js";const N=()=>`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 L=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 N()}},[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function Q(){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),L)}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))){j()}break;case"verdocs-field-initial":if(!customElements.get(a(e))){x()}break;case"verdocs-field-radio":if(!customElements.get(a(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(a(e))){y()}break;case"verdocs-field-textarea":if(!customElements.get(a(e))){I()}break;case"verdocs-field-textbox":if(!customElements.get(a(e))){C()}break;case"verdocs-field-timestamp":if(!customElements.get(a(e))){V()}break;case"verdocs-flag":if(!customElements.get(a(e))){B()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){D()}break;case"verdocs-loader":if(!customElements.get(a(e))){P()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){R()}break;case"verdocs-portal":if(!customElements.get(a(e))){T()}break;case"verdocs-select-input":if(!customElements.get(a(e))){z()}break;case"verdocs-template-document-page":if(!customElements.get(a(e))){F()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){M()}break;case"verdocs-text-input":if(!customElements.get(a(e))){W()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){G()}break}}))}export{L as V,Q as d};
+//# sourceMappingURL=p-D-X-Zcsr.js.map

package/dist/components/{p-DiYuPnJJ.js → p-D0MFs2Dv.js}

@@ -1,2 +1,2 @@
-import{p as e,H as r,c as a,h as t,F as o,d as i,t as d}from"./p-yZBlG3YQ.js";import{d as n}from"./p-DGOUAxVN.js";import{i as c}from"./p-COaijEV0.js";import{A as p,l as s}from"./p-DcAXub3q.js";import{VerdocsEndpoint as l,updateField as b}from"@verdocs/js-sdk";import{S as f}from"./p-BDv5kBUR.js";import{a as g}from"./p-17OorOnH.js";import{S as h}from"./p-C7hFgM52.js";import{d as m}from"./p-C0SHIuoK.js";import{d as u}from"./p-DVx4efoX.js";import{d as v}from"./p--jRXEN0c.js";import{d as k}from"./p-CxIhMndz.js";import{d as x}from"./p-vimrvRye.js";import{d as y}from"./p-CIgqf7hj.js";import{d as w}from"./p-u9H54zUE.js";import{d as z}from"./p-BWrwPDuU.js";import{d as j}from"./p-BMGs9CCD.js";const C=()=>`verdocs-field-date{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:74px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.small input{font-size:7px}verdocs-field-date .edge-top,verdocs-field-date .edge-right,verdocs-field-date .edge-left,verdocs-field-date .edge-bottom{position:absolute;z-index:10}verdocs-field-date .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-date .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-date .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-date .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-date label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-date input{position:absolute;font-size:12px;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;border:var(--verdocs-field-border, 1px solid #cccccc);border-radius:var(--verdocs-field-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-date input.hide{display:none}verdocs-field-date.disabled input{opacity:0.5}verdocs-field-date.required input{border:1px solid var(--verdocs-required-field-border)}verdocs-field-date 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-date verdocs-button-panel[data-active],verdocs-field-date verdocs-button-panel:hover{opacity:1}verdocs-field-date verdocs-button-panel .icon svg{fill:#333333}verdocs-field-date verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-date .settings-icon{position:absolute;top:-3px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-date .settings-icon svg{fill:#707ae5}verdocs-field-date .settings-icon:hover{opacity:1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:'nav' 'body' 'timepicker' 'buttons';--adp-transition-duration:0.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-background-color-in-range-focused:rgba(92, 196, 239, 0.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, 0.3);--adp-overlay-transition-duration:0.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family), sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;-webkit-transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s}@-webkit-keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const E=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsPress=a(this,"settingsPress");this.settingsChanged=a(this,"settingsChanged");this.deleted=a(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.containerId=`verdocs-date-picker-${Math.random().toString(36).substring(2,11)}`;this.showingProperties=false;this.focused=false;this.picker=null}handleBlur(){this.focused=false}async focusField(){this.inputEl.focus();this.focused=true}componentDidLoad(){const{source:e,sourceid:r,fieldname:a}=this;const{field:t}=h.getField(e,r,a,this.field);const{readonly:o=false}=t||{};if(!o){this.picker=new p(`#${this.containerId}`,{locale:s,isMobile:true,autoClose:true,onShow:()=>this.focused=true,onHide:()=>this.focused=false,onSelect:({date:e,formattedDate:r})=>{const a=new CustomEvent("fieldChange",{detail:{date:e,formattedDate:r}});this.el.dispatchEvent(a)}})}}onEditableChanged(e,r){if(r&&!e){c(this.el).unset()}}disconnectedCallback(){c(this.el).unset()}componentDidRender(){c.dynamicDrop(true);if(this.editable){c(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[c.modifiers.restrictSize({min:{width:50,height:12}})],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:r,height:a}=e.rect;const t=e.deltaRect.left;const o=e.deltaRect.bottom;const i=parseFloat(e.target.style.left);const d=parseFloat(e.target.style.bottom);r/=this.xscale;a/=this.yscale;Object.assign(e.target.style,{width:`${r}px`,height:`${a}px`,left:`${i+t}px`,bottom:`${d-o}px`})}async handleResizeEnd(e){const{sourceid:r,fieldname:a}=this;const t=Math.round(parseFloat(e.target.style.width));let o=Math.round(parseFloat(e.target.style.height));if(o<12){o=12}const i=parseFloat(e.target.style.bottom);const d=parseFloat(e.target.dataset.originalBottom);const n=await h.getTemplate(l.getDefault(),this.sourceid);const c=n.fields.find((e=>e.name===a));const p=i!==d?i/this.yscale:c===null||c===void 0?void 0:c.y;b(l.getDefault(),r,a,{width:t,height:o,y:p}).then((async r=>{var t;const o=await h.getTemplate(l.getDefault(),this.sourceid);const i=JSON.parse(JSON.stringify(o));const d=i.fields.findIndex((e=>e.name===a));if(d>-1){i.fields[d]=r}h.updateTemplate(this.sourceid,i);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:a,field:r});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}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()}}render(){const{source:e,sourceid:r,fieldname:a,editable:d=false,done:c=false,disabled:p=false,focused:s,xscale:l=1,yscale:b=1}=this;const{index:m,field:u}=h.getField(e,r,a,this.field);const{required:v=false,placeholder:k="Date...",value:x="",label:y="",readonly:w=false,height:z=20,width:j=74}=u||{};const C=`signer-${m%10+1}`;const E=z<20||j<74;const S=x?n.format(new Date(x),g):"";if(this.done){return t(i,{class:{"verdocs-field":true,done:c}},S)}return t(i,{class:{"verdocs-field":true,required:v,disabled:p,done:c,focused:s,small:E,[C]:true}},d&&t("div",{class:"edge-top"}),d&&t("div",{class:"edge-right"}),d&&t("div",{class:"edge-left"}),d&&t("div",{class:"edge-bottom"}),y&&t("label",null,y),t("input",{name:a,class:"input-el",type:"text",value:S,id:this.containerId,placeholder:k,disabled:w||p,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),d&&t(o,null,t("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/l*1e3)/1e3}, ${Math.floor(1/b*1e3)/1e3})`},class:"settings-icon",innerHTML:f,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${u.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:r,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var r;(r=this.settingsChanged)===null||r===void 0?void 0:r.emit(e.detail);return this.hideSettingsPanel()},helpText:"Date fields allow the user to select a date."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return C()}},[0,"verdocs-field-date",{source:[513],sourceid:[513],fieldname:[513],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],field:[16],isPreview:[516,"is-preview"],containerId:[32],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function S(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-date","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-date":if(!customElements.get(d(e))){customElements.define(d(e),E)}break;case"verdocs-button":if(!customElements.get(d(e))){m()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){u()}break;case"verdocs-component-error":if(!customElements.get(d(e))){v()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){k()}break;case"verdocs-loader":if(!customElements.get(d(e))){x()}break;case"verdocs-portal":if(!customElements.get(d(e))){y()}break;case"verdocs-select-input":if(!customElements.get(d(e))){w()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){z()}break;case"verdocs-text-input":if(!customElements.get(d(e))){j()}break}}))}export{E as V,S as d};
-//# sourceMappingURL=p-DiYuPnJJ.js.map
+import{p as e,H as r,c as a,h as t,F as o,d as i,t as d}from"./p-yZBlG3YQ.js";import{d as n}from"./p-DGOUAxVN.js";import{i as c}from"./p-COaijEV0.js";import{A as p,l as s}from"./p-DcAXub3q.js";import{VerdocsEndpoint as l,updateField as b}from"@verdocs/js-sdk";import{S as f}from"./p-C7k2AOsW.js";import{a as g}from"./p-17OorOnH.js";import{S as h}from"./p-C7hFgM52.js";import{d as m}from"./p-Bb5V9TQx.js";import{d as u}from"./p-DGNIsXfr.js";import{d as v}from"./p-C-v22G3g.js";import{d as k}from"./p-DHzSlpJw.js";import{d as x}from"./p-DqzFuSNN.js";import{d as y}from"./p-DhOuB4nS.js";import{d as w}from"./p-Bodw4NVB.js";import{d as z}from"./p-Bxvw_LqR.js";import{d as j}from"./p-PfdIkMoz.js";const E=()=>`verdocs-field-date{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:74px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.small input{font-size:7px}verdocs-field-date .edge-top,verdocs-field-date .edge-right,verdocs-field-date .edge-left,verdocs-field-date .edge-bottom{position:absolute;z-index:10}verdocs-field-date .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-date .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-date .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-date .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-date label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-date input{position:absolute;font-size:12px;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;border:var(--verdocs-field-border, 1px solid #cccccc);border-radius:var(--verdocs-field-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-date input.hide{display:none}verdocs-field-date.disabled input{opacity:0.5}verdocs-field-date.required input{border:1px solid var(--verdocs-required-field-border)}verdocs-field-date 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-date verdocs-button-panel[data-active],verdocs-field-date verdocs-button-panel:hover{opacity:1}verdocs-field-date verdocs-button-panel .icon svg{fill:#333333}verdocs-field-date verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-date .settings-icon{position:absolute;top:-3px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-date .settings-icon svg{fill:#707ae5}verdocs-field-date .settings-icon:hover{opacity:1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:'nav' 'body' 'timepicker' 'buttons';--adp-transition-duration:0.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-background-color-in-range-focused:rgba(92, 196, 239, 0.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, 0.3);--adp-overlay-transition-duration:0.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family), sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;-webkit-transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s}@-webkit-keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const S=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsPress=a(this,"settingsPress");this.settingsChanged=a(this,"settingsChanged");this.deleted=a(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.containerId=`verdocs-date-picker-${Math.random().toString(36).substring(2,11)}`;this.showingProperties=false;this.focused=false;this.picker=null}handleBlur(){this.focused=false}async focusField(){this.inputEl.focus();this.focused=true}componentDidLoad(){const{source:e,sourceid:r,fieldname:a}=this;const{field:t}=h.getField(e,r,a,this.field);const{readonly:o=false}=t||{};if(!o){this.picker=new p(`#${this.containerId}`,{locale:s,isMobile:true,autoClose:true,onShow:()=>this.focused=true,onHide:()=>this.focused=false,onSelect:({date:e,formattedDate:r})=>{const a=new CustomEvent("fieldChange",{detail:{date:e,formattedDate:r}});this.el.dispatchEvent(a)}})}}onEditableChanged(e,r){if(r&&!e){c(this.el).unset()}}disconnectedCallback(){c(this.el).unset()}componentDidRender(){c.dynamicDrop(true);if(this.editable){c(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[c.modifiers.restrictSize({min:{width:50,height:12}})],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:r,height:a}=e.rect;const t=e.deltaRect.left;const o=e.deltaRect.bottom;const i=parseFloat(e.target.style.left);const d=parseFloat(e.target.style.bottom);r/=this.xscale;a/=this.yscale;Object.assign(e.target.style,{width:`${r}px`,height:`${a}px`,left:`${i+t}px`,bottom:`${d-o}px`})}async handleResizeEnd(e){const{sourceid:r,fieldname:a}=this;const t=Math.round(parseFloat(e.target.style.width));let o=Math.round(parseFloat(e.target.style.height));if(o<12){o=12}const i=parseFloat(e.target.style.bottom);const d=parseFloat(e.target.dataset.originalBottom);const n=await h.getTemplate(l.getDefault(),this.sourceid);const c=n.fields.find((e=>e.name===a));const p=i!==d?i/this.yscale:c===null||c===void 0?void 0:c.y;b(l.getDefault(),r,a,{width:t,height:o,y:p}).then((async r=>{var t;const o=await h.getTemplate(l.getDefault(),this.sourceid);const i=JSON.parse(JSON.stringify(o));const d=i.fields.findIndex((e=>e.name===a));if(d>-1){i.fields[d]=r}h.updateTemplate(this.sourceid,i);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:a,field:r});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}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()}}render(){const{source:e,sourceid:r,fieldname:a,editable:d=false,done:c=false,disabled:p=false,focused:s,xscale:l=1,yscale:b=1}=this;const{index:m,field:u}=h.getField(e,r,a,this.field);const{required:v=false,placeholder:k="Date...",value:x="",label:y="",readonly:w=false,height:z=20,width:j=74}=u||{};const E=`signer-${m%10+1}`;const S=z<20||j<74;const C=x?n.format(new Date(x),g):"";if(this.done){return t(i,{class:{"verdocs-field":true,done:c}},C)}return t(i,{class:{"verdocs-field":true,required:v,disabled:p,done:c,focused:s,small:S,[E]:true}},d&&t("div",{class:"edge-top"}),d&&t("div",{class:"edge-right"}),d&&t("div",{class:"edge-left"}),d&&t("div",{class:"edge-bottom"}),y&&t("label",null,y),t("input",{name:a,class:"input-el",type:"text",value:C,id:this.containerId,placeholder:k,disabled:w||p,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),d&&t(o,null,t("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/l*1e3)/1e3}, ${Math.floor(1/b*1e3)/1e3})`},class:"settings-icon",innerHTML:f,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${u.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:r,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var r;(r=this.settingsChanged)===null||r===void 0?void 0:r.emit(e.detail);return this.hideSettingsPanel()},helpText:"Date fields allow the user to select a date."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return E()}},[0,"verdocs-field-date",{source:[513],sourceid:[513],fieldname:[513],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],field:[16],isPreview:[516,"is-preview"],containerId:[32],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function C(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-date","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-date":if(!customElements.get(d(e))){customElements.define(d(e),S)}break;case"verdocs-button":if(!customElements.get(d(e))){m()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){u()}break;case"verdocs-component-error":if(!customElements.get(d(e))){v()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){k()}break;case"verdocs-loader":if(!customElements.get(d(e))){x()}break;case"verdocs-portal":if(!customElements.get(d(e))){y()}break;case"verdocs-select-input":if(!customElements.get(d(e))){w()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){z()}break;case"verdocs-text-input":if(!customElements.get(d(e))){j()}break}}))}export{S as V,C as d};
+//# sourceMappingURL=p-D0MFs2Dv.js.map

package/dist/components/{p-D17kbVUt.js → p-D4wfy1ym.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as r,h as s,d,t as n}from"./p-yZBlG3YQ.js";import{randomString as t}from"@verdocs/js-sdk";import{d as i}from"./p-CIgqf7hj.js";const a=()=>`verdocs-dropdown{height:26px;display:block;position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-dropdown .arrow{height:26px;padding:0 4px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;text-wrap:nowrap;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;const p=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.optionSelected=r(this,"optionSelected");this.options=[];this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPicker=false}handleSelectOption(o,e){var r;o.stopPropagation();(r=this.optionSelected)===null||r===void 0?void 0:r.emit(e);this.showPicker=false}toggle(){this.showPicker=!this.showPicker}render(){const o=`verdocs-dropdown-${t(8)}`;return s(d,{key:"c6bef6cbf6bf5ea11060ee051288e0a9169c59f5"},s("button",{key:"494f34e8cce26292a27180e00f1bdf5b050b4166",class:"arrow",innerHTML:c,"aria-label":"Open Menu",id:o,onClick:()=>this.showPicker=!this.showPicker}),this.showPicker&&s("verdocs-portal",{key:"529dff704b16259e98ed8693173621a39da97d21",anchor:o,onClickAway:()=>this.showPicker=false,id:"verdocs-dropdown-menu-items"},this.options.map((o=>{if(!o.label){return s("div",{class:"verdocs-dropdown-menu-separator"})}else{return s("button",{class:"verdocs-dropdown-menu-option",disabled:o.disabled||false,onClick:e=>this.handleSelectOption(e,o)},o.label)}}))))}get el(){return this}static get style(){return a()}},[0,"verdocs-dropdown",{options:[16],containerId:[32],showPicker:[32]}]);function l(){if(typeof customElements==="undefined"){return}const o=["verdocs-dropdown","verdocs-portal"];o.forEach((o=>{switch(o){case"verdocs-dropdown":if(!customElements.get(n(o))){customElements.define(n(o),p)}break;case"verdocs-portal":if(!customElements.get(n(o))){i()}break}}))}export{p as V,l as d};
-//# sourceMappingURL=p-D17kbVUt.js.map
+import{p as o,H as e,c as r,h as s,d,t as n}from"./p-yZBlG3YQ.js";import{randomString as t}from"@verdocs/js-sdk";import{d as i}from"./p-DhOuB4nS.js";const a=()=>`verdocs-dropdown{height:26px;display:block;position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-dropdown .arrow{height:26px;padding:0 4px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;text-wrap:nowrap;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;const p=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.optionSelected=r(this,"optionSelected");this.options=[];this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPicker=false}handleSelectOption(o,e){var r;o.stopPropagation();(r=this.optionSelected)===null||r===void 0?void 0:r.emit(e);this.showPicker=false}toggle(){this.showPicker=!this.showPicker}render(){const o=`verdocs-dropdown-${t(8)}`;return s(d,{key:"7781cbb15b6de138ccd08cad1ab5f3a2de21e02e"},s("button",{key:"310f51b00b33819ef9e8b7eafdf703ec7f28b0b4",class:"arrow",innerHTML:c,"aria-label":"Open Menu",id:o,onClick:()=>this.showPicker=!this.showPicker}),this.showPicker&&s("verdocs-portal",{key:"7910fde21648139663ce2e8a98aec24d59d87649",anchor:o,onClickAway:()=>this.showPicker=false,id:"verdocs-dropdown-menu-items"},this.options.map((o=>{if(!o.label){return s("div",{class:"verdocs-dropdown-menu-separator"})}else{return s("button",{class:"verdocs-dropdown-menu-option",disabled:o.disabled||false,onClick:e=>this.handleSelectOption(e,o)},o.label)}}))))}get el(){return this}static get style(){return a()}},[0,"verdocs-dropdown",{options:[16],containerId:[32],showPicker:[32]}]);function l(){if(typeof customElements==="undefined"){return}const o=["verdocs-dropdown","verdocs-portal"];o.forEach((o=>{switch(o){case"verdocs-dropdown":if(!customElements.get(n(o))){customElements.define(n(o),p)}break;case"verdocs-portal":if(!customElements.get(n(o))){i()}break}}))}export{p as V,l as d};
+//# sourceMappingURL=p-D4wfy1ym.js.map

package/dist/components/{p-CAxzfAvp.js → p-DFbeKrpm.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as a,getTemplate as d}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as r}from"./p-C7hFgM52.js";import{d as c}from"./p--jRXEN0c.js";import{d as p}from"./p-vimrvRye.js";const m=()=>`verdocs-template-build-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;-ms-flex:0 0 50px;flex:0 0 50px;width:100%;background:#ffffff;color:#72757d;border-bottom:1px solid #dddddd;-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-template-build-tabs .tab{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:50px;padding:0 4px;background:#e7e7e7;font-weight:700;font-size:12px;cursor:pointer}@media (min-width: 768px){verdocs-template-build-tabs .tab{padding:0 8px 0 24px;font-size:14px}}verdocs-template-build-tabs .tab svg{position:absolute;top:0;right:-19px;z-index:10;pointer-events:none;display:none}@media (min-width: 768px){verdocs-template-build-tabs .tab svg{display:block}}verdocs-template-build-tabs .tab.active{background:#ffffff;color:#707ae5}verdocs-template-build-tabs .tab.disabled{cursor:default;color:#d1d5db}`;const f=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=s(this,"sdkError");this.stepChanged=s(this,"stepChanged");this.templateListenerId=null;this.endpoint=a.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();r.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){r.store.delListener(this.templateListenerId);this.templateListenerId=null}}onTemplateIdChanged(e){console.log("[BUILD_TABS] Template ID changed",e);this.listenToTemplate()}onStepChanged(e){console.log("[BUILD_TABS] Step changed",e)}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD_TABS] Unable to start builder session, must be authenticated");return}if(!this.templateId){this.step="attachments";console.log("[BUILD_TABS] Missing required template ID, forcing view to attachments");return}this.listenToTemplate()}catch(i){console.log("[BUILD_TABS] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}handleSelect(e){var t;if(e.disabled||e.id===this.step){return}this.step=e.id;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e.id)}render(){var e,t,s;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const l=(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).length>0;const a=l&&(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).length>0;const d=a&&(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).length>0;const n=[{id:"attachments",label:"Attachments",disabled:false},{id:"roles",label:"Workflow",disabled:!l},{id:"fields",label:"Fields",disabled:!a},{id:"preview",label:"Preview & Send",disabled:!d}];return i(o,null,n.map((e=>{const t=e.id===this.step;const s=["tab"];if(t)s.push("active");if(e.disabled)s.push("disabled");return i("div",{class:s.join(" "),onClick:()=>this.handleSelect(e)},i("span",null,e.label),i("svg",{"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"19",height:"50",viewBox:"0 0 19 50"},i("polygon",{points:"0,0 19,25 0,50",fill:t?"#ffffff":"#e7e7e7"})))})))}static get watchers(){return{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}}static get style(){return m()}},[0,"verdocs-template-build-tabs",{endpoint:[16],templateId:[1537,"template-id"],step:[1537],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}]);function h(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-build-tabs","verdocs-component-error","verdocs-loader"];e.forEach((e=>{switch(e){case"verdocs-template-build-tabs":if(!customElements.get(l(e))){customElements.define(l(e),f)}break;case"verdocs-component-error":if(!customElements.get(l(e))){c()}break;case"verdocs-loader":if(!customElements.get(l(e))){p()}break}}))}export{f as V,h as d};
-//# sourceMappingURL=p-CAxzfAvp.js.map
+import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as a,getTemplate as d}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as r}from"./p-C7hFgM52.js";import{d as c}from"./p-C-v22G3g.js";import{d as p}from"./p-DqzFuSNN.js";const m=()=>`verdocs-template-build-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;-ms-flex:0 0 50px;flex:0 0 50px;width:100%;background:#ffffff;color:#72757d;border-bottom:1px solid #dddddd;-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-template-build-tabs .tab{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:50px;padding:0 4px;background:#e7e7e7;font-weight:700;font-size:12px;cursor:pointer}@media (min-width: 768px){verdocs-template-build-tabs .tab{padding:0 8px 0 24px;font-size:14px}}verdocs-template-build-tabs .tab svg{position:absolute;top:0;right:-19px;z-index:10;pointer-events:none;display:none}@media (min-width: 768px){verdocs-template-build-tabs .tab svg{display:block}}verdocs-template-build-tabs .tab.active{background:#ffffff;color:#707ae5}verdocs-template-build-tabs .tab.disabled{cursor:default;color:#d1d5db}`;const f=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=s(this,"sdkError");this.stepChanged=s(this,"stepChanged");this.templateListenerId=null;this.endpoint=a.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();r.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){r.store.delListener(this.templateListenerId);this.templateListenerId=null}}onTemplateIdChanged(e){console.log("[BUILD_TABS] Template ID changed",e);this.listenToTemplate()}onStepChanged(e){console.log("[BUILD_TABS] Step changed",e)}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD_TABS] Unable to start builder session, must be authenticated");return}if(!this.templateId){this.step="attachments";console.log("[BUILD_TABS] Missing required template ID, forcing view to attachments");return}this.listenToTemplate()}catch(i){console.log("[BUILD_TABS] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}handleSelect(e){var t;if(e.disabled||e.id===this.step){return}this.step=e.id;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e.id)}render(){var e,t,s;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const l=(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).length>0;const a=l&&(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).length>0;const d=a&&(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).length>0;const n=[{id:"attachments",label:"Attachments",disabled:false},{id:"roles",label:"Workflow",disabled:!l},{id:"fields",label:"Fields",disabled:!a},{id:"preview",label:"Preview & Send",disabled:!d}];return i(o,null,n.map((e=>{const t=e.id===this.step;const s=["tab"];if(t)s.push("active");if(e.disabled)s.push("disabled");return i("div",{class:s.join(" "),onClick:()=>this.handleSelect(e)},i("span",null,e.label),i("svg",{"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"19",height:"50",viewBox:"0 0 19 50"},i("polygon",{points:"0,0 19,25 0,50",fill:t?"#ffffff":"#e7e7e7"})))})))}static get watchers(){return{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}}static get style(){return m()}},[0,"verdocs-template-build-tabs",{endpoint:[16],templateId:[1537,"template-id"],step:[1537],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}]);function h(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-build-tabs","verdocs-component-error","verdocs-loader"];e.forEach((e=>{switch(e){case"verdocs-template-build-tabs":if(!customElements.get(l(e))){customElements.define(l(e),f)}break;case"verdocs-component-error":if(!customElements.get(l(e))){c()}break;case"verdocs-loader":if(!customElements.get(l(e))){p()}break}}))}export{f as V,h as d};
+//# sourceMappingURL=p-DFbeKrpm.js.map

package/dist/components/{p-DVx4efoX.js → p-DGNIsXfr.js}

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