@verdocs/web-sdk 6.10.0 → 6.10.2

package/dist/components/{p-DXLcCG08.js → p-Bi94seCl.js}

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

package/dist/components/{p-Dtndevf4.js → p-ByJ9WBGR.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as a,updateTemplateRole as d,deleteTemplateRole as n,isValidEmail as c}from"@verdocs/js-sdk";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as m}from"./p-CioaaWeS.js";import{d as b}from"./p-BXGNkmyr.js";import{d as u}from"./p-DYtSnUj9.js";const v=()=>`verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}`;const x=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;d(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}f.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){n(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));f.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const s=!this.email&&!this.first_name&&!this.last_name||c(this.email)&&!!this.first_name&&!!this.last_name;return i(o,{key:"ffbdcf7c23ed14bf001bf85dd969fee3e4018abf"},i("form",{key:"10ee145cbd8b2d1035cbafe86a88c5e4e93b211f",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{key:"476268ed74137b49dc4a22159e7df0991e9644a8"},i("verdocs-text-input",{key:"dfacfb292a4bc93422f1d28166a8853d30736a71",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&i("div",{key:"bcc8c63bb93ce9b81dd9b8282db9b8cd28f764b6",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),i("div",{key:"edd762e1f0b0c50bb9752da44195a8fd37ad46b8"},i("div",{key:"f7cbb564016a693ed8d59da0e3b06d3f2e3013a3",class:"input-label"},"Type:"),i("verdocs-select-input",{key:"eca486e7960b077234e5a8867f972511c4a429b6",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),i("div",{key:"d45d4354a061453e85e993be8e6b57da104c0ad5"},i("div",{key:"7b1afb527741ca786eb546bec5071078d1504433",class:"input-label"},"Default Contact Info:"),i("div",{key:"6de4c8b89c7b11ea5f8ae89ff69212472375e4ac",class:"first-last"},i("verdocs-text-input",{key:"8a591cc37cf7d9c2e5a211640a36a876a794590f",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),i("verdocs-text-input",{key:"de8ee6a8802ff5443f93d1a017609bbabb745f13",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),i("div",{key:"1a7ac3d8fab0e28d031d4bafe892fadc1ab76ac4"},i("verdocs-text-input",{key:"e11e543134ad024362e4f39f026c132e90c4ad9a",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),i("div",{key:"04a394d1e1f9d377da12ea565119a0d5cd68a627",style:{height:"15px"}}),i("div",{key:"1ff2ead2361795d3ec3e6361715d30e779fae4b8"},i("verdocs-text-input",{key:"3c0d4de18bb9fd6da3ba02d70a66dfcd2306af7f",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),i("div",{key:"a6c73356acbe10339d53f24a956205b914f386aa",class:"buttons"},i("button",{key:"034614017ee9e5b0acdafa1a2950c3cd44328517",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),i("div",{key:"5febc5c4fbbe44afbe1f6a1fe23586efdd5bf3df",style:{flex:"1"}}),i("verdocs-button",{key:"895635dd85f706e87bc14dde3224894f11af9029",size:"small",label:"Save",disabled:!this.dirty||!s,onClick:e=>this.handleSave(e)}))))}static get style(){return v()}},[0,"verdocs-template-role-properties",{endpoint:[16],templateId:[1,"template-id"],roleName:[1,"role-name"],dirty:[32],saving:[32],name:[32],type:[32],first_name:[32],last_name:[32],email:[32],phone:[32],delegator:[32],loading:[32],template:[32]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-role-properties","verdocs-button","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-role-properties":if(!customElements.get(l(e))){customElements.define(l(e),y)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){m()}break;case"verdocs-select-input":if(!customElements.get(l(e))){b()}break;case"verdocs-text-input":if(!customElements.get(l(e))){u()}break}}))}export{y as V,k as d};
-//# sourceMappingURL=p-Dtndevf4.js.map
+import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as a,updateTemplateRole as c,deleteTemplateRole as d,isValidEmail as n}from"@verdocs/js-sdk";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as h}from"./p-C0SHIuoK.js";import{d as m}from"./p-CxIhMndz.js";import{d as u}from"./p-u9H54zUE.js";import{d as b}from"./p-BMGs9CCD.js";const v=()=>`verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}`;const x=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;c(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}f.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){d(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));f.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const s=!this.email&&!this.first_name&&!this.last_name||n(this.email)&&!!this.first_name&&!!this.last_name;return i(o,{key:"22d84ba839a0c4c0275b355493c850354f7229df"},i("form",{key:"9270addfde512caf92429e03a84780cd08a4b9fc",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{key:"ea4540063451a8d53e38d1c73c15704a929610e9"},i("verdocs-text-input",{key:"b7ec1bdc440c1fd6fa12e9728e3d181f2988a019",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&i("div",{key:"2e409b7228be52dc6cd4f700aa1db58450127efd",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),i("div",{key:"8c7552ddc22fe9811da86e1da429b6ea94104be3"},i("div",{key:"e6f7d0c3c398dbb170e18e495156162ea04fb9ba",class:"input-label"},"Type:"),i("verdocs-select-input",{key:"cfc0b7e82c25195b9bb0bc94154dc2fad4065402",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),i("div",{key:"0b41987e47ffcb6f38e396bc9f543a30023c5d24"},i("div",{key:"fb7df04452b6340cff54e5f748957aa2e3074977",class:"input-label"},"Default Contact Info:"),i("div",{key:"16126ca0cc02ae1bed90df8d718a452c783b3aa9",class:"first-last"},i("verdocs-text-input",{key:"f35d76425bdffb8479eeaeb06ec218d18edfd39e",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),i("verdocs-text-input",{key:"afbe4b128338519f4bc987825e41c18a72dac0e1",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),i("div",{key:"826020a2fc0ac1f8519b541fc323ae786f38ca40"},i("verdocs-text-input",{key:"bf5961a0c8964adb3f60103bc2359612fce803cd",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),i("div",{key:"f94230bd431621e8ce07d1687e94c3edb9c3c6cf",style:{height:"15px"}}),i("div",{key:"903f0be92e552a1a4996aeb96c49d4e18ae055de"},i("verdocs-text-input",{key:"1dbc0e27d8e5771ef5c94cdf305cdcd554b26c2a",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),i("div",{key:"5c3ce1ffe2ebc49c586c734cfb1a563d400a9deb",class:"buttons"},i("button",{key:"158f449873683bee894cff32df9104f4dcce4c10",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),i("div",{key:"5976346be8723a7ca5a18f58d15c058c46752324",style:{flex:"1"}}),i("verdocs-button",{key:"a25ce413afa0002ce4a7114770cd8d76fb64c3ac",size:"small",label:"Save",disabled:!this.dirty||!s,onClick:e=>this.handleSave(e)}))))}static get style(){return v()}},[0,"verdocs-template-role-properties",{endpoint:[16],templateId:[1,"template-id"],roleName:[1,"role-name"],dirty:[32],saving:[32],name:[32],type:[32],first_name:[32],last_name:[32],email:[32],phone:[32],delegator:[32],loading:[32],template:[32]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-role-properties","verdocs-button","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-role-properties":if(!customElements.get(l(e))){customElements.define(l(e),y)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){m()}break;case"verdocs-select-input":if(!customElements.get(l(e))){u()}break;case"verdocs-text-input":if(!customElements.get(l(e))){b()}break}}))}export{y as V,k as d};
+//# sourceMappingURL=p-ByJ9WBGR.js.map

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

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

package/dist/components/{p-5E7bNT3k.js → p-C1VW_3fv.js}

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