@verdocs/web-sdk 6.10.7 → 6.13.0

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

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

package/dist/components/{p-BQUZjuoP.js → p-CQzPkAVQ.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-COaijEV0.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-BQUZjuoP.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-COaijEV0.js";import{VerdocsEndpoint as d,updateField as l}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as h}from"./p-C7hFgM52.js";import{d as u}from"./p-Bb5V9TQx.js";import{d as f}from"./p-DGNIsXfr.js";import{d as p}from"./p-C-v22G3g.js";import{d as g}from"./p-DHzSlpJw.js";import{d as m}from"./p-DqzFuSNN.js";import{d as v}from"./p-DhOuB4nS.js";import{d as b}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as w}from"./p-PfdIkMoz.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-CQzPkAVQ.js.map

package/dist/components/{p-BMzxhyLu.js → p-CdnjpaJt.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as r,d as a,t as o}from"./p-yZBlG3YQ.js";const l=()=>`verdocs-progress-bar{font-family:"Inter", "Barlow", sans-serif;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-progress-bar .labels{display:-ms-flexbox;display:flex;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-progress-bar .labels .label{display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin-right:8px;color:#33364b}verdocs-progress-bar .bar{display:-ms-flexbox;display:flex;-ms-flex:0 0 10px;flex:0 0 10px;border-radius:5px;background-color:#cccccc}verdocs-progress-bar .bar .slider{display:-ms-flexbox;display:flex;border-radius:5px;background-color:#55bc81}`;const d=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.label="";this.showPercent=false;this.percent=0}render(){const e=Math.ceil(100*Math.min(this.percent,100)/100);console.log("Rendering progress bar",{widthPercent:e,label:this.label,showPercent:this.showPercent,percent:this.percent});return r(a,{key:"ca28969762f15a6ddb083f86296979a635ddbe92"},r("div",{key:"d2c05b4b9fc013901273469a893317a23e02b4d1",class:"labels"},this.label&&r("div",{key:"d29687e1d4f4d7fd03bd2144ce5a5d4e4b0faed2",class:"label"},this.label),this.showPercent&&r("div",{key:"0bef61601b1eee8285b1c10fe7d1b56c7d62b27f",class:"label"},this.percent,"%")),r("div",{key:"d62b3d0a340511710d7df7ccef4f82e76bda0418",class:"bar"},r("div",{key:"89f6604bcb0517c92f3070227db374a97738c16e",class:"slider",style:{width:`${e}%`}})))}static get style(){return l()}},[0,"verdocs-progress-bar",{label:[1],showPercent:[4,"show-percent"],percent:[2]}]);function c(){if(typeof customElements==="undefined"){return}const e=["verdocs-progress-bar"];e.forEach((e=>{switch(e){case"verdocs-progress-bar":if(!customElements.get(o(e))){customElements.define(o(e),d)}break}}))}export{d as V,c as d};
-//# sourceMappingURL=p-BMzxhyLu.js.map
+import{p as e,H as s,h as r,d as c,t as a}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-progress-bar{font-family:"Inter", "Barlow", sans-serif;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-progress-bar .labels{display:-ms-flexbox;display:flex;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-progress-bar .labels .label{display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin-right:8px;color:#33364b}verdocs-progress-bar .bar{display:-ms-flexbox;display:flex;-ms-flex:0 0 10px;flex:0 0 10px;border-radius:5px;background-color:#cccccc}verdocs-progress-bar .bar .slider{display:-ms-flexbox;display:flex;border-radius:5px;background-color:#55bc81}`;const l=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.label="";this.showPercent=false;this.percent=0}render(){const e=Math.ceil(100*Math.min(this.percent,100)/100);console.log("Rendering progress bar",{widthPercent:e,label:this.label,showPercent:this.showPercent,percent:this.percent});return r(c,{key:"6d3c9a048441cdb32f661aec7929ed0dccae0c6b"},r("div",{key:"718ffd6deb26d3d7e2f7374c9fe671cedd028187",class:"labels"},this.label&&r("div",{key:"a1ccb342853718a47c0ef89e1b23d0cc8b8f9d2b",class:"label"},this.label),this.showPercent&&r("div",{key:"20cc0c705a04b0cb7a9f57fa2a8d691ddffd9586",class:"label"},this.percent,"%")),r("div",{key:"18359193b8ccabc4f2bf044227700e4712f634cc",class:"bar"},r("div",{key:"8613527cf94f2e1e36810280d599dd031a192d76",class:"slider",style:{width:`${e}%`}})))}static get style(){return o()}},[0,"verdocs-progress-bar",{label:[1],showPercent:[4,"show-percent"],percent:[2]}]);function d(){if(typeof customElements==="undefined"){return}const e=["verdocs-progress-bar"];e.forEach((e=>{switch(e){case"verdocs-progress-bar":if(!customElements.get(a(e))){customElements.define(a(e),l)}break}}))}export{l as V,d};
+//# sourceMappingURL=p-CdnjpaJt.js.map

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

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

package/dist/components/{p-CjUdD_Dm.js → p-Cly5sH3M.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as r,h as i,t as s}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.checkedChange=r(this,"checkedChange");this.checked=false;this.theme="primary";this.disabled=false}render(){return i("button",{key:"f9c59e2242b2077cf47187900bfce2ef8fe836e3",value:"on",type:"button",role:"switch",class:`switch ${this.theme} ${this.disabled?"disabled":""}`,"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:()=>{var t;if(!this.disabled){this.checked=!this.checked;(t=this.checkedChange)===null||t===void 0?void 0:t.emit(this.checked)}}},i("span",{key:"a06d5b1cab7e7fcbc37e8ec425f7e82ff5c3d7e8","data-state":this.checked?"checked":"unchecked",class:"slider"}))}static get style(){return o()}},[0,"verdocs-switch",{checked:[1028],theme:[1],disabled:[4]}]);function a(){if(typeof customElements==="undefined"){return}const t=["verdocs-switch"];t.forEach((t=>{switch(t){case"verdocs-switch":if(!customElements.get(s(t))){customElements.define(s(t),c)}break}}))}export{c as V,a as d};
-//# sourceMappingURL=p-CjUdD_Dm.js.map
+import{p as t,H as e,c as r,h as i,t as s}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.checkedChange=r(this,"checkedChange");this.checked=false;this.theme="primary";this.disabled=false}render(){return i("button",{key:"bd7b05ad7bc1486a5e0d1323aed9c356f8a77dde",value:"on",type:"button",role:"switch",class:`switch ${this.theme} ${this.disabled?"disabled":""}`,"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:()=>{var t;if(!this.disabled){this.checked=!this.checked;(t=this.checkedChange)===null||t===void 0?void 0:t.emit(this.checked)}}},i("span",{key:"03f15ccec42df21680466004d6511b4a589f723f","data-state":this.checked?"checked":"unchecked",class:"slider"}))}static get style(){return o()}},[0,"verdocs-switch",{checked:[1028],theme:[1],disabled:[4]}]);function a(){if(typeof customElements==="undefined"){return}const t=["verdocs-switch"];t.forEach((t=>{switch(t){case"verdocs-switch":if(!customElements.get(s(t))){customElements.define(s(t),c)}break}}))}export{c as V,a as d};
+//# sourceMappingURL=p-Cly5sH3M.js.map

package/dist/components/{p-nh9PxN8s.js → p-CnD-TaPJ.js}

@@ -1,8 +1,8 @@
-import{p as e,H as t,c as n,h as i,d as r,t as o}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as s,getTemplate as a,updateTemplateRole as l,createTemplateRole as u,formatFullName as f}from"@verdocs/js-sdk";import{S as c}from"./p-C1sRVZWv.js";import{S as d}from"./p-C7hFgM52.js";import{d as h}from"./p-C0SHIuoK.js";import{d as v}from"./p--jRXEN0c.js";import{d as m}from"./p-CxIhMndz.js";import{d as p}from"./p-vimrvRye.js";import{d as g}from"./p-B0HO2i65.js";import{d as b}from"./p-u9H54zUE.js";import{d as w}from"./p-ByJ9WBGR.js";import{d as x}from"./p-BMGs9CCD.js";
+import{p as e,H as t,c as n,h as i,d as r,t as o}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as s,getTemplate as a,updateTemplateRole as l,createTemplateRole as u,formatFullName as f}from"@verdocs/js-sdk";import{S as c}from"./p-C1sRVZWv.js";import{S as d}from"./p-C7hFgM52.js";import{d as h}from"./p-Bb5V9TQx.js";import{d as v}from"./p-C-v22G3g.js";import{d as m}from"./p-DHzSlpJw.js";import{d as p}from"./p-DqzFuSNN.js";import{d as g}from"./p-DsSqGIBJ.js";import{d as b}from"./p-Bodw4NVB.js";import{d as w}from"./p-DeAwyTxI.js";import{d as x}from"./p-PfdIkMoz.js";
 /**!
  * Sortable 1.15.7
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function y(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:true,configurable:true,writable:true}):e[t]=n,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},E.apply(null,arguments)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),true).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t){if(null==e)return{};var n,i,r=q(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function q(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}function M(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=M(e,"string");return"symbol"==typeof t?t:t+""}function I(e){"@babel/helpers - typeof";return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}var C="1.15.7";function R(e){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(e)}}var L=R(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var j=R(/Edge/i);var z=R(/firefox/i);var D=R(/safari/i)&&!R(/chrome/i)&&!R(/android/i);var _=R(/iP(ad|od|hone)/i);var A=R(/chrome/i)&&R(/android/i);var N={capture:false,passive:false};function H(e,t,n){e.addEventListener(t,n,!L&&N)}function B(e,t,n){e.removeEventListener(t,n,!L&&N)}function Z(e,t){if(!t)return;t[0]===">"&&(t=t.substring(1));if(e){try{if(e.matches){return e.matches(t)}else if(e.msMatchesSelector){return e.msMatchesSelector(t)}else if(e.webkitMatchesSelector){return e.webkitMatchesSelector(t)}}catch(e){return false}}return false}function U(e){return e.host&&e!==document&&e.host.nodeType&&e.host!==e?e.host:e.parentNode}function P(e,t,n,i){if(e){n=n||document;do{if(t!=null&&(t[0]===">"?e.parentNode===n&&Z(e,t):Z(e,t))||i&&e===n){return e}if(e===n)break}while(e=U(e))}return null}var $=/\s+/g;function F(e,t,n){if(e&&t){if(e.classList){e.classList[n?"add":"remove"](t)}else{var i=(" "+e.className+" ").replace($," ").replace(" "+t+" "," ");e.className=(i+(n?" "+t:"")).replace($," ")}}}function W(e,t,n){var i=e&&e.style;if(i){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(e,"")}else if(e.currentStyle){n=e.currentStyle}return t===void 0?n:n[t]}else{if(!(t in i)&&t.indexOf("webkit")===-1){t="-webkit-"+t}i[t]=n+(typeof n==="string"?"":"px")}}}function G(e,t){var n="";if(typeof e==="string"){n=e}else{do{var i=W(e,"transform");if(i&&i!=="none"){n=i+" "+n}}while(!t&&(e=e.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function V(e,t,n){if(e){var i=e.getElementsByTagName(t),r=0,o=i.length;if(n){for(;r<o;r++){n(i[r],r)}}return i}return[]}function J(){var e=document.scrollingElement;if(e){return e}else{return document.documentElement}}function Y(e,t,n,i,r){if(!e.getBoundingClientRect&&e!==window)return;var o,s,a,l,u,f,c;if(e!==window&&e.parentNode&&e!==J()){o=e.getBoundingClientRect();s=o.top;a=o.left;l=o.bottom;u=o.right;f=o.height;c=o.width}else{s=0;a=0;l=window.innerHeight;u=window.innerWidth;f=window.innerHeight;c=window.innerWidth}if((t||n)&&e!==window){r=r||e.parentNode;if(!L){do{if(r&&r.getBoundingClientRect&&(W(r,"transform")!=="none"||n&&W(r,"position")!=="static")){var d=r.getBoundingClientRect();s-=d.top+parseInt(W(r,"border-top-width"));a-=d.left+parseInt(W(r,"border-left-width"));l=s+o.height;u=a+o.width;break}}while(r=r.parentNode)}}if(i&&e!==window){var h=G(r||e),v=h&&h.a,m=h&&h.d;if(h){s/=m;a/=v;c/=v;f/=m;l=s+f;u=a+c}}return{top:s,left:a,bottom:l,right:u,width:c,height:f}}function X(e,t,n){var i=ie(e,true),r=Y(e)[t];while(i){var o=Y(i)[n],s=void 0;{s=r>=o}if(!s)return i;if(i===J())break;i=ie(i,false)}return false}function K(e,t,n,i){var r=0,o=0,s=e.children;while(o<s.length){if(s[o].style.display!=="none"&&s[o]!==mt.ghost&&(i||s[o]!==mt.dragged)&&P(s[o],n.draggable,e,false)){if(r===t){return s[o]}r++}o++}return null}function Q(e,t){var n=e.lastElementChild;while(n&&(n===mt.ghost||W(n,"display")==="none"||t&&!Z(n,t))){n=n.previousElementSibling}return n||null}function ee(e,t){var n=0;if(!e||!e.parentNode){return-1}while(e=e.previousElementSibling){if(e.nodeName.toUpperCase()!=="TEMPLATE"&&e!==mt.clone&&(!t||Z(e,t))){n++}}return n}function te(e){var t=0,n=0,i=J();if(e){do{var r=G(e),o=r.a,s=r.d;t+=e.scrollLeft*o;n+=e.scrollTop*s}while(e!==i&&(e=e.parentNode))}return[t,n]}function ne(e,t){for(var n in e){if(!e.hasOwnProperty(n))continue;for(var i in t){if(t.hasOwnProperty(i)&&t[i]===e[n][i])return Number(n)}}return-1}function ie(e,t){if(!e||!e.getBoundingClientRect)return J();var n=e;var i=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var r=W(n);if(n.clientWidth<n.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return J();if(i||t)return n;i=true}}}while(n=n.parentNode);return J()}function re(e,t){if(e&&t){for(var n in t){if(t.hasOwnProperty(n)){e[n]=t[n]}}}return e}function oe(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.height)===Math.round(t.height)&&Math.round(e.width)===Math.round(t.width)}var se;function ae(e,t){return function(){if(!se){var n=arguments,i=this;if(n.length===1){e.call(i,n[0])}else{e.apply(i,n)}se=setTimeout((function(){se=void 0}),t)}}}function le(){clearTimeout(se);se=void 0}function ue(e,t,n){e.scrollLeft+=t;e.scrollTop+=n}function fe(e){var t=window.Polymer;var n=window.jQuery||window.Zepto;if(t&&t.dom){return t.dom(e).cloneNode(true)}else if(n){return n(e).clone(true)[0]}else{return e.cloneNode(true)}}function ce(e,t,n){var i={};Array.from(e.children).forEach((function(r){var o,s,a,l;if(!P(r,t.draggable,e,false)||r.animated||r===n)return;var u=Y(r);i.left=Math.min((o=i.left)!==null&&o!==void 0?o:Infinity,u.left);i.top=Math.min((s=i.top)!==null&&s!==void 0?s:Infinity,u.top);i.right=Math.max((a=i.right)!==null&&a!==void 0?a:-Infinity,u.right);i.bottom=Math.max((l=i.bottom)!==null&&l!==void 0?l:-Infinity,u.bottom)}));i.width=i.right-i.left;i.height=i.bottom-i.top;i.x=i.left;i.y=i.top;return i}var de="Sortable"+(new Date).getTime();function he(){var e=[],t;return{captureAnimationState:function t(){e=[];if(!this.options.animation)return;var n=[].slice.call(this.el.children);n.forEach((function(t){if(W(t,"display")==="none"||t===mt.ghost)return;e.push({target:t,rect:Y(t)});var n=k({},e[e.length-1].rect);if(t.thisAnimationDuration){var i=G(t,true);if(i){n.top-=i.f;n.left-=i.e}}t.fromRect=n}))},addAnimationState:function t(n){e.push(n)},removeAnimationState:function t(n){e.splice(ne(e,{target:n}),1)},animateAll:function n(i){var r=this;if(!this.options.animation){clearTimeout(t);if(typeof i==="function")i();return}var o=false,s=0;e.forEach((function(e){var t=0,n=e.target,i=n.fromRect,a=Y(n),l=n.prevFromRect,u=n.prevToRect,f=e.rect,c=G(n,true);if(c){a.top-=c.f;a.left-=c.e}n.toRect=a;if(n.thisAnimationDuration){if(oe(l,a)&&!oe(i,a)&&(f.top-a.top)/(f.left-a.left)===(i.top-a.top)/(i.left-a.left)){t=me(f,l,u,r.options)}}if(!oe(a,i)){n.prevFromRect=i;n.prevToRect=a;if(!t){t=r.options.animation}r.animate(n,f,a,t)}if(t){o=true;s=Math.max(s,t);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),t);n.thisAnimationDuration=t}}));clearTimeout(t);if(!o){if(typeof i==="function")i()}else{t=setTimeout((function(){if(typeof i==="function")i()}),s)}e=[]},animate:function e(t,n,i,r){if(r){W(t,"transition","");W(t,"transform","");var o=G(this.el),s=o&&o.a,a=o&&o.d,l=(n.left-i.left)/(s||1),u=(n.top-i.top)/(a||1);t.animatingX=!!l;t.animatingY=!!u;W(t,"transform","translate3d("+l+"px,"+u+"px,0)");this.forRepaintDummy=ve(t);W(t,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));W(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){W(t,"transition","");W(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),r)}}}}function ve(e){return e.offsetWidth}function me(e,t,n,i){return Math.sqrt(Math.pow(t.top-e.top,2)+Math.pow(t.left-e.left,2))/Math.sqrt(Math.pow(t.top-n.top,2)+Math.pow(t.left-n.left,2))*i.animation}var pe=[];var ge={initializeByDefault:true};var be={mount:function e(t){for(var n in ge){if(ge.hasOwnProperty(n)&&!(n in t)){t[n]=ge[n]}}pe.forEach((function(e){if(e.pluginName===t.pluginName){throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")}}));pe.push(t)},pluginEvent:function e(t,n,i){var r=this;this.eventCanceled=false;i.cancel=function(){r.eventCanceled=true};var o=t+"Global";pe.forEach((function(e){if(!n[e.pluginName])return;if(n[e.pluginName][o]){n[e.pluginName][o](k({sortable:n},i))}if(n.options[e.pluginName]&&n[e.pluginName][t]){n[e.pluginName][t](k({sortable:n},i))}}))},initializePlugins:function e(t,n,i,r){pe.forEach((function(e){var r=e.pluginName;if(!t.options[r]&&!e.initializeByDefault)return;var o=new e(t,n,t.options);o.sortable=t;o.options=t.options;t[r]=o;E(i,o.defaults)}));for(var o in t.options){if(!t.options.hasOwnProperty(o))continue;var s=this.modifyOption(t,o,t.options[o]);if(typeof s!=="undefined"){t.options[o]=s}}},getEventProperties:function e(t,n){var i={};pe.forEach((function(e){if(typeof e.eventProperties!=="function")return;E(i,e.eventProperties.call(n[e.pluginName],t))}));return i},modifyOption:function e(t,n,i){var r;pe.forEach((function(e){if(!t[e.pluginName])return;if(e.optionListeners&&typeof e.optionListeners[n]==="function"){r=e.optionListeners[n].call(t[e.pluginName],i)}}));return r}};function we(e){var t=e.sortable,n=e.rootEl,i=e.name,r=e.targetEl,o=e.cloneEl,s=e.toEl,a=e.fromEl,l=e.oldIndex,u=e.newIndex,f=e.oldDraggableIndex,c=e.newDraggableIndex,d=e.originalEvent,h=e.putSortable,v=e.extraEventProperties;t=t||n&&n[de];if(!t)return;var m,p=t.options,g="on"+i.charAt(0).toUpperCase()+i.substr(1);if(window.CustomEvent&&!L&&!j){m=new CustomEvent(i,{bubbles:true,cancelable:true})}else{m=document.createEvent("Event");m.initEvent(i,true,true)}m.to=s||n;m.from=a||n;m.item=r||n;m.clone=o;m.oldIndex=l;m.newIndex=u;m.oldDraggableIndex=f;m.newDraggableIndex=c;m.originalEvent=d;m.pullMode=h?h.lastPutMode:undefined;var b=k(k({},v),be.getEventProperties(i,t));for(var w in b){m[w]=b[w]}if(n){n.dispatchEvent(m)}if(p[g]){p[g].call(t,m)}}var xe=["evt"];var ye=function e(t,n){var i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},r=i.evt,o=O(i,xe);be.pluginEvent.bind(mt)(t,n,k({dragEl:Se,parentEl:ke,ghostEl:Oe,rootEl:qe,nextEl:Me,lastDownEl:Te,cloneEl:Ie,cloneHidden:Ce,dragStarted:We,putSortable:_e,activeSortable:mt.active,originalEvent:r,oldIndex:Re,oldDraggableIndex:je,newIndex:Le,newDraggableIndex:ze,hideGhostForTarget:ct,unhideGhostForTarget:dt,cloneNowHidden:function e(){Ce=true},cloneNowShown:function e(){Ce=false},dispatchSortableEvent:function e(t){Ee({sortable:n,name:t,originalEvent:r})}},o))};function Ee(e){we(k({putSortable:_e,cloneEl:Ie,targetEl:Se,rootEl:qe,oldIndex:Re,oldDraggableIndex:je,newIndex:Le,newDraggableIndex:ze},e))}var Se,ke,Oe,qe,Me,Te,Ie,Ce,Re,Le,je,ze,De,_e,Ae=false,Ne=false,He=[],Be,Ze,Ue,Pe,$e,Fe,We,Ge,Ve,Je=false,Ye=false,Xe,Ke,Qe=[],et=false,tt=[];var nt=typeof document!=="undefined",it=_,rt=j||L?"cssFloat":"float",ot=nt&&!A&&!_&&"draggable"in document.createElement("div"),st=function(){if(!nt)return;if(L){return false}var e=document.createElement("x");e.style.cssText="pointer-events:auto";return e.style.pointerEvents==="auto"}(),at=function e(t,n){var i=W(t),r=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=K(t,0,n),s=K(t,1,n),a=o&&W(o),l=s&&W(s),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+Y(o).width,f=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+Y(s).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&a["float"]&&a["float"]!=="none"){var c=a["float"]==="left"?"left":"right";return s&&(l.clear==="both"||l.clear===c)?"vertical":"horizontal"}return o&&(a.display==="block"||a.display==="flex"||a.display==="table"||a.display==="grid"||u>=r&&i[rt]==="none"||s&&i[rt]==="none"&&u+f>r)?"vertical":"horizontal"},lt=function e(t,n,i){var r=i?t.left:t.top,o=i?t.right:t.bottom,s=i?t.width:t.height,a=i?n.left:n.top,l=i?n.right:n.bottom,u=i?n.width:n.height;return r===a||o===l||r+s/2===a+u/2},ut=function e(t,n){var i;He.some((function(e){var r=e[de].options.emptyInsertThreshold;if(!r||Q(e))return;var o=Y(e),s=t>=o.left-r&&t<=o.right+r,a=n>=o.top-r&&n<=o.bottom+r;if(s&&a){return i=e}}));return i},ft=function e(t){function n(e,t){return function(i,r,o,s){var a=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(e==null&&(t||a)){return true}else if(e==null||e===false){return false}else if(t&&e==="clone"){return e}else if(typeof e==="function"){return n(e(i,r,o,s),t)(i,r,o,s)}else{var l=(t?i:r).options.group.name;return e===true||typeof e==="string"&&e===l||e.join&&e.indexOf(l)>-1}}}var i={};var r=t.group;if(!r||I(r)!="object"){r={name:r}}i.name=r.name;i.checkPull=n(r.pull,true);i.checkPut=n(r.put);i.revertClone=r.revertClone;t.group=i},ct=function e(){if(!st&&Oe){W(Oe,"display","none")}},dt=function e(){if(!st&&Oe){W(Oe,"display","")}};if(nt&&!A){document.addEventListener("click",(function(e){if(Ne){e.preventDefault();e.stopPropagation&&e.stopPropagation();e.stopImmediatePropagation&&e.stopImmediatePropagation();Ne=false;return false}}),true)}var ht=function e(t){if(Se){t=t.touches?t.touches[0]:t;var n=ut(t.clientX,t.clientY);if(n){var i={};for(var r in t){if(t.hasOwnProperty(r)){i[r]=t[r]}}i.target=i.rootEl=n;i.preventDefault=void 0;i.stopPropagation=void 0;n[de]._onDragOver(i)}}};var vt=function e(t){if(Se){Se.parentNode[de]._isOutsideThisEl(t.target)}};function mt(e,t){if(!(e&&e.nodeType&&e.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e))}this.el=e;this.options=t=E({},t);e[de]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function t(){return at(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function e(t,n){t.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:mt.supportPointer!==false&&"PointerEvent"in window&&(!D||_),emptyInsertThreshold:5};be.initializePlugins(this,e,n);for(var i in n){!(i in t)&&(t[i]=n[i])}ft(t);for(var r in this){if(r.charAt(0)==="_"&&typeof this[r]==="function"){this[r]=this[r].bind(this)}}this.nativeDraggable=t.forceFallback?false:ot;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(t.supportPointer){H(e,"pointerdown",this._onTapStart)}else{H(e,"mousedown",this._onTapStart);H(e,"touchstart",this._onTapStart)}if(this.nativeDraggable){H(e,"dragover",this);H(e,"dragenter",this)}He.push(this.el);t.store&&t.store.get&&this.sort(t.store.get(this)||[]);E(this,he())}mt.prototype={constructor:mt,_isOutsideThisEl:function e(t){if(!this.el.contains(t)&&t!==this.el){Ge=null}},_getDirection:function e(t,n){return typeof this.options.direction==="function"?this.options.direction.call(this,t,n,Se):this.options.direction},_onTapStart:function e(t){if(!t.cancelable)return;var n=this,i=this.el,r=this.options,o=r.preventOnFilter,s=t.type,a=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,l=(a||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,f=r.filter;Ot(i);if(Se){return}if(/mousedown|pointerdown/.test(s)&&t.button!==0||r.disabled){return}if(u.isContentEditable){return}if(!this.nativeDraggable&&D&&l&&l.tagName.toUpperCase()==="SELECT"){return}l=P(l,r.draggable,i,false);if(l&&l.animated){return}if(Te===l){return}Re=ee(l);je=ee(l,r.draggable);if(typeof f==="function"){if(f.call(this,t,l,this)){Ee({sortable:n,rootEl:u,name:"filter",targetEl:l,toEl:i,fromEl:i});ye("filter",n,{evt:t});o&&t.preventDefault();return}}else if(f){f=f.split(",").some((function(e){e=P(u,e.trim(),i,false);if(e){Ee({sortable:n,rootEl:e,name:"filter",targetEl:l,fromEl:i,toEl:i});ye("filter",n,{evt:t});return true}}));if(f){o&&t.preventDefault();return}}if(r.handle&&!P(u,r.handle,i,false)){return}this._prepareDragStart(t,a,l)},_prepareDragStart:function e(t,n,i){var r=this,o=r.el,s=r.options,a=o.ownerDocument,l;if(i&&!Se&&i.parentNode===o){var u=Y(i);qe=o;Se=i;ke=Se.parentNode;Me=Se.nextSibling;Te=i;De=s.group;mt.dragged=Se;Be={target:Se,clientX:(n||t).clientX,clientY:(n||t).clientY};$e=Be.clientX-u.left;Fe=Be.clientY-u.top;this._lastX=(n||t).clientX;this._lastY=(n||t).clientY;Se.style["will-change"]="all";l=function e(){ye("delayEnded",r,{evt:t});if(mt.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!z&&r.nativeDraggable){Se.draggable=true}r._triggerDragStart(t,n);Ee({sortable:r,name:"choose",originalEvent:t});F(Se,s.chosenClass,true)};s.ignore.split(",").forEach((function(e){V(Se,e.trim(),bt)}));H(a,"dragover",ht);H(a,"mousemove",ht);H(a,"touchmove",ht);if(s.supportPointer){H(a,"pointerup",r._onDrop);!this.nativeDraggable&&H(a,"pointercancel",r._onDrop)}else{H(a,"mouseup",r._onDrop);H(a,"touchend",r._onDrop);H(a,"touchcancel",r._onDrop)}if(z&&this.nativeDraggable){this.options.touchStartThreshold=4;Se.draggable=true}ye("delayStart",this,{evt:t});if(s.delay&&(!s.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(j||L))){if(mt.eventCanceled){this._onDrop();return}if(s.supportPointer){H(a,"pointerup",r._disableDelayedDrag);H(a,"pointercancel",r._disableDelayedDrag)}else{H(a,"mouseup",r._disableDelayedDrag);H(a,"touchend",r._disableDelayedDrag);H(a,"touchcancel",r._disableDelayedDrag)}H(a,"mousemove",r._delayedDragTouchMoveHandler);H(a,"touchmove",r._delayedDragTouchMoveHandler);s.supportPointer&&H(a,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(l,s.delay)}else{l()}}},_delayedDragTouchMoveHandler:function e(t){var n=t.touches?t.touches[0]:t;if(Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function e(){Se&&bt(Se);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function e(){var t=this.el.ownerDocument;B(t,"mouseup",this._disableDelayedDrag);B(t,"touchend",this._disableDelayedDrag);B(t,"touchcancel",this._disableDelayedDrag);B(t,"pointerup",this._disableDelayedDrag);B(t,"pointercancel",this._disableDelayedDrag);B(t,"mousemove",this._delayedDragTouchMoveHandler);B(t,"touchmove",this._delayedDragTouchMoveHandler);B(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function e(t,n){n=n||t.pointerType=="touch"&&t;if(!this.nativeDraggable||n){if(this.options.supportPointer){H(document,"pointermove",this._onTouchMove)}else if(n){H(document,"touchmove",this._onTouchMove)}else{H(document,"mousemove",this._onTouchMove)}}else{H(Se,"dragend",this);H(qe,"dragstart",this._onDragStart)}try{if(document.selection){qt((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(e){}},_dragStarted:function e(t,n){Ae=false;if(qe&&Se){ye("dragStarted",this,{evt:n});if(this.nativeDraggable){H(document,"dragover",vt)}var i=this.options;!t&&F(Se,i.dragClass,false);F(Se,i.ghostClass,true);mt.active=this;t&&this._appendGhost();Ee({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function e(){if(Ze){this._lastX=Ze.clientX;this._lastY=Ze.clientY;ct();var t=document.elementFromPoint(Ze.clientX,Ze.clientY);var n=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(Ze.clientX,Ze.clientY);if(t===n)break;n=t}Se.parentNode[de]._isOutsideThisEl(t);if(n){do{if(n[de]){var i=void 0;i=n[de]._onDragOver({clientX:Ze.clientX,clientY:Ze.clientY,target:t,rootEl:n});if(i&&!this.options.dragoverBubble){break}}t=n}while(n=U(n))}dt()}},_onTouchMove:function e(t){if(Be){var n=this.options,i=n.fallbackTolerance,r=n.fallbackOffset,o=t.touches?t.touches[0]:t,s=Oe&&G(Oe,true),a=Oe&&s&&s.a,l=Oe&&s&&s.d,u=it&&Ke&&te(Ke),f=(o.clientX-Be.clientX+r.x)/(a||1)+(u?u[0]-Qe[0]:0)/(a||1),c=(o.clientY-Be.clientY+r.y)/(l||1)+(u?u[1]-Qe[1]:0)/(l||1);if(!mt.active&&!Ae){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i){return}this._onDragStart(t,true)}if(Oe){if(s){s.e+=f-(Ue||0);s.f+=c-(Pe||0)}else{s={a:1,b:0,c:0,d:1,e:f,f:c}}var d="matrix(".concat(s.a,",").concat(s.b,",").concat(s.c,",").concat(s.d,",").concat(s.e,",").concat(s.f,")");W(Oe,"webkitTransform",d);W(Oe,"mozTransform",d);W(Oe,"msTransform",d);W(Oe,"transform",d);Ue=f;Pe=c;Ze=o}t.cancelable&&t.preventDefault()}},_appendGhost:function e(){if(!Oe){var t=this.options.fallbackOnBody?document.body:qe,n=Y(Se,true,it,true,t),i=this.options;if(it){Ke=t;while(W(Ke,"position")==="static"&&W(Ke,"transform")==="none"&&Ke!==document){Ke=Ke.parentNode}if(Ke!==document.body&&Ke!==document.documentElement){if(Ke===document)Ke=J();n.top+=Ke.scrollTop;n.left+=Ke.scrollLeft}else{Ke=J()}Qe=te(Ke)}Oe=Se.cloneNode(true);F(Oe,i.ghostClass,false);F(Oe,i.fallbackClass,true);F(Oe,i.dragClass,true);W(Oe,"transition","");W(Oe,"transform","");W(Oe,"box-sizing","border-box");W(Oe,"margin",0);W(Oe,"top",n.top);W(Oe,"left",n.left);W(Oe,"width",n.width);W(Oe,"height",n.height);W(Oe,"opacity","0.8");W(Oe,"position",it?"absolute":"fixed");W(Oe,"zIndex","100000");W(Oe,"pointerEvents","none");mt.ghost=Oe;t.appendChild(Oe);W(Oe,"transform-origin",$e/parseInt(Oe.style.width)*100+"% "+Fe/parseInt(Oe.style.height)*100+"%")}},_onDragStart:function e(t,n){var i=this;var r=t.dataTransfer;var o=i.options;ye("dragStart",this,{evt:t});if(mt.eventCanceled){this._onDrop();return}ye("setupClone",this);if(!mt.eventCanceled){Ie=fe(Se);Ie.removeAttribute("id");Ie.draggable=false;Ie.style["will-change"]="";this._hideClone();F(Ie,this.options.chosenClass,false);mt.clone=Ie}i.cloneId=qt((function(){ye("clone",i);if(mt.eventCanceled)return;if(!i.options.removeCloneOnHide){qe.insertBefore(Ie,Se)}i._hideClone();Ee({sortable:i,name:"clone"})}));!n&&F(Se,o.dragClass,true);if(n){Ne=true;i._loopId=setInterval(i._emulateDragOver,50)}else{B(document,"mouseup",i._onDrop);B(document,"touchend",i._onDrop);B(document,"touchcancel",i._onDrop);if(r){r.effectAllowed="move";o.setData&&o.setData.call(i,r,Se)}H(document,"drop",i);W(Se,"transform","translateZ(0)")}Ae=true;i._dragStartId=qt(i._dragStarted.bind(i,n,t));H(document,"selectstart",i);We=true;window.getSelection().removeAllRanges();if(D){W(document.body,"user-select","none")}},_onDragOver:function e(t){var n=this.el,i=t.target,r,o,s,a=this.options,l=a.group,u=mt.active,f=De===l,c=a.sort,d=_e||u,h,v=this,m=false;if(et)return;function p(e,a){ye(e,v,k({evt:t,isOwner:f,axis:h?"vertical":"horizontal",revert:s,dragRect:r,targetRect:o,canSort:c,fromSortable:d,target:i,completed:b,onMove:function e(i,o){return gt(qe,n,Se,r,i,Y(i),t,o)},changed:w},a))}function g(){p("dragOverAnimationCapture");v.captureAnimationState();if(v!==d){d.captureAnimationState()}}function b(e){p("dragOverCompleted",{insertion:e});if(e){if(f){u._hideClone()}else{u._showClone(v)}if(v!==d){F(Se,_e?_e.options.ghostClass:u.options.ghostClass,false);F(Se,a.ghostClass,true)}if(_e!==v&&v!==mt.active){_e=v}else if(v===mt.active&&_e){_e=null}if(d===v){v._ignoreWhileAnimating=i}v.animateAll((function(){p("dragOverAnimationComplete");v._ignoreWhileAnimating=null}));if(v!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(i===Se&&!Se.animated||i===n&&!i.animated){Ge=null}if(!a.dragoverBubble&&!t.rootEl&&i!==document){Se.parentNode[de]._isOutsideThisEl(t.target);!e&&ht(t)}!a.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return m=true}function w(){Le=ee(Se);ze=ee(Se,a.draggable);Ee({sortable:v,name:"change",toEl:n,newIndex:Le,newDraggableIndex:ze,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}i=P(i,a.draggable,n,true);p("dragOver");if(mt.eventCanceled)return m;if(Se.contains(t.target)||i.animated&&i.animatingX&&i.animatingY||v._ignoreWhileAnimating===i){return b(false)}Ne=false;if(u&&!a.disabled&&(f?c||(s=ke!==qe):_e===this||(this.lastPutMode=De.checkPull(this,u,Se,t))&&l.checkPut(this,u,Se,t))){h=this._getDirection(t,i)==="vertical";r=Y(Se);p("dragOverValid");if(mt.eventCanceled)return m;if(s){ke=qe;g();this._hideClone();p("revert");if(!mt.eventCanceled){if(Me){qe.insertBefore(Se,Me)}else{qe.appendChild(Se)}}return b(true)}var x=Q(n,a.draggable);if(!x||yt(t,h,this)&&!x.animated){if(x===Se){return b(false)}if(x&&n===t.target){i=x}if(i){o=Y(i)}if(gt(qe,n,Se,r,i,o,t,!!i)!==false){g();if(x&&x.nextSibling){n.insertBefore(Se,x.nextSibling)}else{n.appendChild(Se)}ke=n;w();return b(true)}}else if(x&&xt(t,h,this)){var y=K(n,0,a,true);if(y===Se){return b(false)}i=y;o=Y(i);if(gt(qe,n,Se,r,i,o,t,false)!==false){g();n.insertBefore(Se,y);ke=n;w();return b(true)}}else if(i.parentNode===n){o=Y(i);var E=0,S,O=Se.parentNode!==n,q=!lt(Se.animated&&Se.toRect||r,i.animated&&i.toRect||o,h),M=h?"top":"left",T=X(i,"top","top")||X(Se,"top","top"),I=T?T.scrollTop:void 0;if(Ge!==i){S=o[M];Je=false;Ye=!q&&a.invertSwap||O}E=Et(t,i,o,h,q?1:a.swapThreshold,a.invertedSwapThreshold==null?a.swapThreshold:a.invertedSwapThreshold,Ye,Ge===i);var C;if(E!==0){var R=ee(Se);do{R-=E;C=ke.children[R]}while(C&&(W(C,"display")==="none"||C===Oe))}if(E===0||C===i){return b(false)}Ge=i;Ve=E;var L=i.nextElementSibling,j=false;j=E===1;var z=gt(qe,n,Se,r,i,o,t,j);if(z!==false){if(z===1||z===-1){j=z===1}et=true;setTimeout(wt,30);g();if(j&&!L){n.appendChild(Se)}else{i.parentNode.insertBefore(Se,j?L:i)}if(T){ue(T,0,I-T.scrollTop)}ke=Se.parentNode;if(S!==undefined&&!Ye){Xe=Math.abs(S-Y(i)[M])}w();return b(true)}}if(n.contains(Se)){return b(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function e(){B(document,"mousemove",this._onTouchMove);B(document,"touchmove",this._onTouchMove);B(document,"pointermove",this._onTouchMove);B(document,"dragover",ht);B(document,"mousemove",ht);B(document,"touchmove",ht)},_offUpEvents:function e(){var t=this.el.ownerDocument;B(t,"mouseup",this._onDrop);B(t,"touchend",this._onDrop);B(t,"pointerup",this._onDrop);B(t,"pointercancel",this._onDrop);B(t,"touchcancel",this._onDrop);B(document,"selectstart",this)},_onDrop:function e(t){var n=this.el,i=this.options;Le=ee(Se);ze=ee(Se,i.draggable);ye("drop",this,{evt:t});ke=Se&&Se.parentNode;Le=ee(Se);ze=ee(Se,i.draggable);if(mt.eventCanceled){this._nulling();return}Ae=false;Ye=false;Je=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);Mt(this.cloneId);Mt(this._dragStartId);if(this.nativeDraggable){B(document,"drop",this);B(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(D){W(document.body,"user-select","")}W(Se,"transform","");if(t){if(We){t.cancelable&&t.preventDefault();!i.dropBubble&&t.stopPropagation()}Oe&&Oe.parentNode&&Oe.parentNode.removeChild(Oe);if(qe===ke||_e&&_e.lastPutMode!=="clone"){Ie&&Ie.parentNode&&Ie.parentNode.removeChild(Ie)}if(Se){if(this.nativeDraggable){B(Se,"dragend",this)}bt(Se);Se.style["will-change"]="";if(We&&!Ae){F(Se,_e?_e.options.ghostClass:this.options.ghostClass,false)}F(Se,this.options.chosenClass,false);Ee({sortable:this,name:"unchoose",toEl:ke,newIndex:null,newDraggableIndex:null,originalEvent:t});if(qe!==ke){if(Le>=0){Ee({rootEl:ke,name:"add",toEl:ke,fromEl:qe,originalEvent:t});Ee({sortable:this,name:"remove",toEl:ke,originalEvent:t});Ee({rootEl:ke,name:"sort",toEl:ke,fromEl:qe,originalEvent:t});Ee({sortable:this,name:"sort",toEl:ke,originalEvent:t})}_e&&_e.save()}else{if(Le!==Re){if(Le>=0){Ee({sortable:this,name:"update",toEl:ke,originalEvent:t});Ee({sortable:this,name:"sort",toEl:ke,originalEvent:t})}}}if(mt.active){if(Le==null||Le===-1){Le=Re;ze=je}Ee({sortable:this,name:"end",toEl:ke,originalEvent:t});this.save()}}}this._nulling()},_nulling:function e(){ye("nulling",this);qe=Se=ke=Oe=Me=Ie=Te=Ce=Be=Ze=We=Le=ze=Re=je=Ge=Ve=_e=De=mt.dragged=mt.ghost=mt.clone=mt.active=null;var t=this.el;tt.forEach((function(e){if(t.contains(e)){e.checked=true}}));tt.length=Ue=Pe=0},handleEvent:function e(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(Se){this._onDragOver(t);pt(t)}break;case"selectstart":t.preventDefault();break}},toArray:function e(){var t=[],n,i=this.el.children,r=0,o=i.length,s=this.options;for(;r<o;r++){n=i[r];if(P(n,s.draggable,this.el,false)){t.push(n.getAttribute(s.dataIdAttr)||kt(n))}}return t},sort:function e(t,n){var i={},r=this.el;this.toArray().forEach((function(e,t){var n=r.children[t];if(P(n,this.options.draggable,r,false)){i[e]=n}}),this);n&&this.captureAnimationState();t.forEach((function(e){if(i[e]){r.removeChild(i[e]);r.appendChild(i[e])}}));n&&this.animateAll()},save:function e(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function e(t,n){return P(t,n||this.options.draggable,this.el,false)},option:function e(t,n){var i=this.options;if(n===void 0){return i[t]}else{var r=be.modifyOption(this,t,n);if(typeof r!=="undefined"){i[t]=r}else{i[t]=n}if(t==="group"){ft(i)}}},destroy:function e(){ye("destroy",this);var t=this.el;t[de]=null;B(t,"mousedown",this._onTapStart);B(t,"touchstart",this._onTapStart);B(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){B(t,"dragover",this);B(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(e){e.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();He.splice(He.indexOf(this.el),1);this.el=t=null},_hideClone:function e(){if(!Ce){ye("hideClone",this);if(mt.eventCanceled)return;W(Ie,"display","none");if(this.options.removeCloneOnHide&&Ie.parentNode){Ie.parentNode.removeChild(Ie)}Ce=true}},_showClone:function e(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(Ce){ye("showClone",this);if(mt.eventCanceled)return;if(Se.parentNode==qe&&!this.options.group.revertClone){qe.insertBefore(Ie,Se)}else if(Me){qe.insertBefore(Ie,Me)}else{qe.appendChild(Ie)}if(this.options.group.revertClone){this.animate(Se,Ie)}W(Ie,"display","");Ce=false}}};function pt(e){if(e.dataTransfer){e.dataTransfer.dropEffect="move"}e.cancelable&&e.preventDefault()}function gt(e,t,n,i,r,o,s,a){var l,u=e[de],f=u.options.onMove,c;if(window.CustomEvent&&!L&&!j){l=new CustomEvent("move",{bubbles:true,cancelable:true})}else{l=document.createEvent("Event");l.initEvent("move",true,true)}l.to=t;l.from=e;l.dragged=n;l.draggedRect=i;l.related=r||t;l.relatedRect=o||Y(t);l.willInsertAfter=a;l.originalEvent=s;e.dispatchEvent(l);if(f){c=f.call(u,l,s)}return c}function bt(e){e.draggable=false}function wt(){et=false}function xt(e,t,n){var i=Y(K(n.el,0,n.options,true));var r=ce(n.el,n.options,Oe);var o=10;return t?e.clientX<r.left-o||e.clientY<i.top&&e.clientX<i.right:e.clientY<r.top-o||e.clientY<i.bottom&&e.clientX<i.left}function yt(e,t,n){var i=Y(Q(n.el,n.options.draggable));var r=ce(n.el,n.options,Oe);var o=10;return t?e.clientX>r.right+o||e.clientY>i.bottom&&e.clientX>i.left:e.clientY>r.bottom+o||e.clientX>i.right&&e.clientY>i.top}function Et(e,t,n,i,r,o,s,a){var l=i?e.clientY:e.clientX,u=i?n.height:n.width,f=i?n.top:n.left,c=i?n.bottom:n.right,d=false;if(!s){if(a&&Xe<u*r){if(!Je&&(Ve===1?l>f+u*o/2:l<c-u*o/2)){Je=true}if(!Je){if(Ve===1?l<f+Xe:l>c-Xe){return-Ve}}else{d=true}}else{if(l>f+u*(1-r)/2&&l<c-u*(1-r)/2){return St(t)}}}d=d||s;if(d){if(l<f+u*o/2||l>c-u*o/2){return l>f+u/2?1:-1}}return 0}function St(e){if(ee(Se)<ee(e)){return 1}else{return-1}}function kt(e){var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,i=0;while(n--){i+=t.charCodeAt(n)}return i.toString(36)}function Ot(e){tt.length=0;var t=e.getElementsByTagName("input");var n=t.length;while(n--){var i=t[n];i.checked&&tt.push(i)}}function qt(e){return setTimeout(e,0)}function Mt(e){return clearTimeout(e)}if(nt){H(document,"touchmove",(function(e){if((mt.active||Ae)&&e.cancelable){e.preventDefault()}}))}mt.utils={on:H,off:B,css:W,find:V,is:function e(t,n){return!!P(t,n,t,false)},extend:re,throttle:ae,closest:P,toggleClass:F,clone:fe,index:ee,nextTick:qt,cancelNextTick:Mt,detectDirection:at,getChild:K,expando:de};mt.get=function(e){return e[de]};mt.mount=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++){t[n]=arguments[n]}if(t[0].constructor===Array)t=t[0];t.forEach((function(e){if(!e.prototype||!e.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(e))}if(e.utils)mt.utils=k(k({},mt.utils),e.utils);be.mount(e)}))};mt.create=function(e,t){return new mt(e,t)};mt.version=C;var Tt=[],It,Ct,Rt=false,Lt,jt,zt,Dt;function _t(){function e(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var e in this){if(e.charAt(0)==="_"&&typeof this[e]==="function"){this[e]=this[e].bind(this)}}}e.prototype={dragStarted:function e(t){var n=t.originalEvent;if(this.sortable.nativeDraggable){H(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){H(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){H(document,"touchmove",this._handleFallbackAutoScroll)}else{H(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function e(t){var n=t.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function e(){if(this.sortable.nativeDraggable){B(document,"dragover",this._handleAutoScroll)}else{B(document,"pointermove",this._handleFallbackAutoScroll);B(document,"touchmove",this._handleFallbackAutoScroll);B(document,"mousemove",this._handleFallbackAutoScroll)}Nt();At();le()},nulling:function e(){zt=Ct=It=Rt=Dt=Lt=jt=null;Tt.length=0},_handleFallbackAutoScroll:function e(t){this._handleAutoScroll(t,true)},_handleAutoScroll:function e(t,n){var i=this;var r=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,s=document.elementFromPoint(r,o);zt=t;if(n||this.options.forceAutoScrollFallback||j||L||D){Ht(t,this.options,s,n);var a=ie(s,true);if(Rt&&(!Dt||r!==Lt||o!==jt)){Dt&&Nt();Dt=setInterval((function(){var e=ie(document.elementFromPoint(r,o),true);if(e!==a){a=e;At()}Ht(t,i.options,e,n)}),10);Lt=r;jt=o}}else{if(!this.options.bubbleScroll||ie(s,true)===J()){At();return}Ht(t,this.options,ie(s,false),false)}}};return E(e,{pluginName:"scroll",initializeByDefault:true})}function At(){Tt.forEach((function(e){clearInterval(e.pid)}));Tt=[]}function Nt(){clearInterval(Dt)}var Ht=ae((function(e,t,n,i){if(!t.scroll)return;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,s=t.scrollSensitivity,a=t.scrollSpeed,l=J();var u=false,f;if(Ct!==n){Ct=n;At();It=t.scroll;f=t.scrollFn;if(It===true){It=ie(n,true)}}var c=0;var d=It;do{var h=d,v=Y(h),m=v.top,p=v.bottom,g=v.left,b=v.right,w=v.width,x=v.height,y=void 0,E=void 0,S=h.scrollWidth,k=h.scrollHeight,O=W(h),q=h.scrollLeft,M=h.scrollTop;if(h===l){y=w<S&&(O.overflowX==="auto"||O.overflowX==="scroll"||O.overflowX==="visible");E=x<k&&(O.overflowY==="auto"||O.overflowY==="scroll"||O.overflowY==="visible")}else{y=w<S&&(O.overflowX==="auto"||O.overflowX==="scroll");E=x<k&&(O.overflowY==="auto"||O.overflowY==="scroll")}var T=y&&(Math.abs(b-r)<=s&&q+w<S)-(Math.abs(g-r)<=s&&!!q);var I=E&&(Math.abs(p-o)<=s&&M+x<k)-(Math.abs(m-o)<=s&&!!M);if(!Tt[c]){for(var C=0;C<=c;C++){if(!Tt[C]){Tt[C]={}}}}if(Tt[c].vx!=T||Tt[c].vy!=I||Tt[c].el!==h){Tt[c].el=h;Tt[c].vx=T;Tt[c].vy=I;clearInterval(Tt[c].pid);if(T!=0||I!=0){u=true;Tt[c].pid=setInterval(function(){if(i&&this.layer===0){mt.active._onTouchMove(zt)}var t=Tt[this.layer].vy?Tt[this.layer].vy*a:0;var n=Tt[this.layer].vx?Tt[this.layer].vx*a:0;if(typeof f==="function"){if(f.call(mt.dragged.parentNode[de],n,t,e,zt,Tt[this.layer].el)!=="continue"){return}}ue(Tt[this.layer].el,n,t)}.bind({layer:c}),24)}}c++}while(t.bubbleScroll&&d!==l&&(d=ie(d,false)));Rt=u}),30);var Bt=function e(t){var n=t.originalEvent,i=t.putSortable,r=t.dragEl,o=t.activeSortable,s=t.dispatchSortableEvent,a=t.hideGhostForTarget,l=t.unhideGhostForTarget;if(!n)return;var u=i||o;a();var f=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var c=document.elementFromPoint(f.clientX,f.clientY);l();if(u&&!u.el.contains(c)){s("spill");this.onSpill({dragEl:r,putSortable:i})}};function Zt(){}Zt.prototype={startIndex:null,dragStart:function e(t){var n=t.oldDraggableIndex;this.startIndex=n},onSpill:function e(t){var n=t.dragEl,i=t.putSortable;this.sortable.captureAnimationState();if(i){i.captureAnimationState()}var r=K(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(n,r)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(i){i.animateAll()}},drop:Bt};E(Zt,{pluginName:"revertOnSpill"});function Ut(){}Ut.prototype={onSpill:function e(t){var n=t.dragEl,i=t.putSortable;var r=i||this.sortable;r.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);r.animateAll()},drop:Bt};E(Ut,{pluginName:"removeOnSpill"});mt.mount(new _t);mt.mount(Ut,Zt);const Pt=()=>`verdocs-template-roles{display:block;max-width:600px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-template-roles .roles{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:10px}verdocs-template-roles .roles .sequence{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;padding:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;border-bottom:1px dotted #e3e3e3}verdocs-template-roles .roles .sequence.add-sequence{color:#777777;line-height:34px}verdocs-template-roles .roles .sequence-label{font-size:18px;line-height:32px}verdocs-template-roles .roles .sequence-roles{gap:10px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .roles .role{height:32px;cursor:move;display:-ms-flexbox;display:flex;max-width:200px;position:relative;border-radius:32px;background-color:#eff7fb;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 14px 0 34px;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column}verdocs-template-roles .roles .role .role-name{font-size:14px;overflow:hidden;font-weight:400;line-height:30px;white-space:nowrap;text-overflow:ellipsis}verdocs-template-roles .roles .role .icons{position:absolute;left:1px;top:-3px;cursor:pointer;padding:5px;z-index:10}verdocs-template-roles .roles .role .icons .gear-button{display:none;-webkit-transform:scale(1.1);transform:scale(1.1);margin:4px 0 0 1px}verdocs-template-roles .roles .role .icons .type-icon{opacity:0.6;display:block;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-roles .roles .role .icons:hover .gear-button{display:block}verdocs-template-roles .roles .role .icons:hover .type-icon{display:none}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{opacity:0.3;padding:0 10px;cursor:pointer;background:none;height:32px;border:1px solid #cccccc;border-radius:32px}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:16px;height:16px;stroke:#666666;margin-bottom:2px;display:inline-block}verdocs-template-roles .sequence-roles{display:-ms-flexbox;display:flex;max-width:400px}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}`;const $t='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#00000089"><path d="m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z"/></svg>';const Ft=`<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>`;const Wt='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>';const Gt=`<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>`;const Vt=`<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /></svg>`;const Jt=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.next=n(this,"next");this.exit=n(this,"exit");this.sdkError=n(this,"sdkError");this.rolesUpdated=n(this,"rolesUpdated");this.templateListenerId=null;this.endpoint=s.getDefault();this.templateId="";this.showingRoleDialog=null;this.sender=null;this.dragging=false;this.loading=true;this.template=null;this.sortableRefs=[]}disconnectedCallback(){this.unlistenToTemplate();this.cleanupSortables()}async listenToTemplate(){console.log("[ROLES] Loading template",this.templateId);this.unlistenToTemplate();d.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{console.log("[ROLES] Template Updated",e);this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){d.store.delListener(this.templateListenerId);this.templateListenerId=null}}async componentWillLoad(){var e,t,n;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 c(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(n=i.response)===null||n===void 0?void 0:n.data))}}cleanupSortables(){this.sortableRefs.forEach((e=>e.destroy()));this.sortableRefs.length=0}componentDidRender(){this.cleanupSortables();const e=this.getSequenceNumbers();(e||[]).forEach((e=>{const t=document.getElementById(`verdocs-roles-sequence-${e}`);if(t){const e=new mt(t,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:this.handleMoveEnd.bind(this),onChoose:()=>this.dragging=true,onUnchoose:()=>this.dragging=false});this.sortableRefs.push(e)}}));const t=document.getElementById(`verdocs-roles-sequence-add-target`);if(t){console.log("[ROLES] Applying sortable to add-sequence slot");const e=new mt(t,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:this.handleMoveEnd.bind(this),onChoose:()=>this.dragging=true,onUnchoose:()=>this.dragging=false});this.sortableRefs.push(e)}}handleMoveEnd(e){const t=+e.from.dataset.sequence;const n=+e.to.dataset.sequence;const i=+e.oldIndex+1;const r=+e.newIndex+1;console.log(`Move from ${t}:${i} to ${n}:${r}`,e.item);const o={};const s=this.getSequenceNumbers();s.forEach((e=>{const t=this.getRolesAtSequence(e);o[String(e)]=JSON.parse(JSON.stringify(t))}));o[s[s.length-1]+1]=[];const a=o[t].splice(i-1,1)[0];o[n]||(o[n]=[]);o[n].splice(r-1,0,a);const u=[];Object.entries(o).forEach((([e,t])=>{t.forEach(((t,n)=>{if(!t){return}const i=+n+1;if(t.sequence!==+e||t.order!==i){t.sequence=+e;t.order=i;u.push(l(this.endpoint,this.templateId,t.name,{sequence:+e,order:i}).then((e=>console.log("[ROLES] Updated role",t.name,e))).catch((e=>console.log("[ROLES] Error updating role",e))))}}))}));return Promise.all(u).then((async()=>console.log("[ROLES] Done renumbering"))).catch((e=>console.log("[ROLES] Error updating roles",e)))}handleCancel(){var e;(e=this.exit)===null||e===void 0?void 0:e.emit()}handleSubmit(){var e;(e=this.next)===null||e===void 0?void 0:e.emit()}getSortedRoles(){var e;return(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).sort(((e,t)=>e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence))}getSequenceNumbers(){const e={};this.getSortedRoles().forEach((t=>{e[t.sequence]=true}));console.log("[ROLES] Sequences",e);return Object.keys(e).map((e=>+e)).sort(((e,t)=>e-t))}getRoleNames(){const e=this.getSortedRoles();return e.map((e=>e.name))}getRolesAtSequence(e){var t;return(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).filter((t=>t&&t.sequence===e))}async renumberTemplateRoles(){var e;const t={};const n=[];const i=this.getSequenceNumbers();(i||[]).forEach((e=>{(t[e]||[]).forEach(((t,i)=>{const r=+i+1;if(t.sequence!==+e||t.order!==r){console.log("[ROLES] Updating role",t.name,"from",t.sequence,t.order,"to",e,r);t.sequence=+e;t.order=r;n.push(l(this.endpoint,this.templateId,t.name,{sequence:+e,order:r}).then((e=>console.log("[ROLES] Updated role",t.name,e))).catch((e=>console.log("[ROLES] Error updating role",e))))}}))}));console.log(`[ROLES] Awaiting ${n.length} renumber requests`);await Promise.all(n).then((async()=>{const e=JSON.parse(JSON.stringify(this.template));e.roles=Object.keys(t).reduce(((e,n)=>e.concat(t[n])),[]);console.log("[ROLES] Done renumbering",e.roles.map((e=>({name:e.name,sequence:e.sequence,order:e.order}))));d.updateTemplate(this.templateId,e)}));(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"updated",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})}getNextRoleName(){var e,t;let n="";let i=(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).length;do{i++;n=`Recipient ${i}`}while(!n||(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).some((e=>e&&e.name===n)));return n}callCreateRole(e,t,n){console.log("[ROLES] Will create role",{name:e,sequence:t,order:n});u(this.endpoint,this.templateId,{template_id:this.templateId,name:e,sequence:t,message:"",order:n,full_name:null,first_name:"",last_name:"",email:"",phone:"",type:"signer",delegator:false,name_locked:false}).then((async e=>{var t;console.log("[ROLES] Created role",e);console.log("Updating template in data store");await d.getTemplate(this.endpoint,this.templateId,true);(t=this.rolesUpdated)===null||t===void 0?void 0:t.emit({event:"added",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})})).catch((e=>{console.log("[ROLES] Error creating role",e)}))}handleAddRole(e,t){e.stopPropagation();const n=this.getRolesAtSequence(t).length+1;const i=this.getNextRoleName();this.callCreateRole(i,t,n)}handleAddStep(e,t){e.stopPropagation();const n=1;const i=this.getNextRoleName();this.callCreateRole(i,t,n)}render(){if(!this.endpoint.session){return i(r,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(this.loading||!this.template){return i(r,{class:"loading"},i("verdocs-loader",null))}const e=this.getRoleNames();const t=this.getSequenceNumbers();const n=t&&t.length>0?(t[t.length-1]||0)+1:1;console.log("[ROLES] Rendering",{roleNames:e,sequences:t,nextSequence:n});return i(r,{class:{dragging:this.dragging}},i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("h5",null,"Roles and Workflow"),i("div",{class:"roles"},t.map(((e,t)=>i("div",{class:"sequence"},i("div",{class:"sequence-label no-drag"},t+1,"."),i("div",{class:"sequence-roles",id:`verdocs-roles-sequence-${e}`,"data-sequence":e},this.getRolesAtSequence(e).map((t=>{const n=!t.email||!t.first_name||!t.last_name;return n?i("div",{class:"role","data-rolename":t.name,"data-sequence":e,"data-order":t.order},i("div",{class:"role-name"},t.name),i("div",{class:"icons"},i("div",{class:"gear-button",innerHTML:$t,onClick:()=>this.showingRoleDialog=t.name,"aria-role":"button"}),i("span",{class:"type-icon",innerHTML:t.type==="signer"?Wt:t.type==="cc"?Vt:Gt}))):i("div",{class:"role","data-rolename":t.name,"data-sequence":e,"data-order":t.order},i("div",{class:"role-name"},f(t)),i("div",{class:"icons"},i("div",{class:"gear-button",innerHTML:$t,onClick:()=>this.showingRoleDialog=t.name,"aria-role":"button"}),i("span",{class:"type-icon",innerHTML:t.type==="signer"?Wt:t.type==="cc"?Vt:Gt})))}))),i("button",{class:"add-role no-drag",onClick:t=>this.handleAddRole(t,e)},"+ Add Role")))),i("div",{class:"sequence add-sequence"},i("div",{class:"sequence-label no-drag"},t.length+1,"."),i("div",{class:"sequence-roles",id:`verdocs-roles-sequence-add-target`,"data-sequence":n}),i("button",{class:"add-role no-drag",onClick:e=>this.handleAddRole(e,n)},"+ Add Role"))),e.length<1&&i("div",{class:"empty"},"You must add at least one Role before proceeding.",i("br",null)," Click the ",i("span",{innerHTML:Ft})," Add button above to get started."),i("div",{class:"buttons"},i("div",{class:"flex-fill"}),i("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:()=>this.handleCancel()}),i("verdocs-button",{label:"OK",size:"small",onClick:()=>this.handleSubmit(),disabled:e.length<1}))),this.showingRoleDialog&&i("verdocs-menu-panel",{onClose:()=>this.showingRoleDialog=null},i("verdocs-template-role-properties",{endpoint:this.endpoint,templateId:this.templateId,roleName:this.showingRoleDialog,onClose:()=>{var e;(e=document.getElementById("verdocs-menu-panel-overlay"))===null||e===void 0?void 0:e.remove();this.showingRoleDialog=null},onDelete:async()=>{var e;this.showingRoleDialog=null;await this.renumberTemplateRoles();(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"deleted",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})}})))}get el(){return this}static get style(){return Pt()}},[0,"verdocs-template-roles",{endpoint:[16],templateId:[1,"template-id"],showingRoleDialog:[32],sender:[32],dragging:[32],loading:[32],template:[32]}]);function Yt(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-roles","verdocs-button","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-menu-panel","verdocs-select-input","verdocs-template-role-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-roles":if(!customElements.get(o(e))){customElements.define(o(e),Jt)}break;case"verdocs-button":if(!customElements.get(o(e))){h()}break;case"verdocs-component-error":if(!customElements.get(o(e))){v()}break;case"verdocs-help-icon":if(!customElements.get(o(e))){m()}break;case"verdocs-loader":if(!customElements.get(o(e))){p()}break;case"verdocs-menu-panel":if(!customElements.get(o(e))){g()}break;case"verdocs-select-input":if(!customElements.get(o(e))){b()}break;case"verdocs-template-role-properties":if(!customElements.get(o(e))){w()}break;case"verdocs-text-input":if(!customElements.get(o(e))){x()}break}}))}export{Jt as V,Yt as d};
-//# sourceMappingURL=p-nh9PxN8s.js.map
+ */function y(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:true,configurable:true,writable:true}):e[t]=n,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},E.apply(null,arguments)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),true).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t){if(null==e)return{};var n,i,r=q(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function q(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}function M(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=M(e,"string");return"symbol"==typeof t?t:t+""}function I(e){"@babel/helpers - typeof";return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}var C="1.15.7";function R(e){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(e)}}var L=R(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var j=R(/Edge/i);var D=R(/firefox/i);var z=R(/safari/i)&&!R(/chrome/i)&&!R(/android/i);var _=R(/iP(ad|od|hone)/i);var A=R(/chrome/i)&&R(/android/i);var N={capture:false,passive:false};function H(e,t,n){e.addEventListener(t,n,!L&&N)}function B(e,t,n){e.removeEventListener(t,n,!L&&N)}function Z(e,t){if(!t)return;t[0]===">"&&(t=t.substring(1));if(e){try{if(e.matches){return e.matches(t)}else if(e.msMatchesSelector){return e.msMatchesSelector(t)}else if(e.webkitMatchesSelector){return e.webkitMatchesSelector(t)}}catch(e){return false}}return false}function P(e){return e.host&&e!==document&&e.host.nodeType&&e.host!==e?e.host:e.parentNode}function U(e,t,n,i){if(e){n=n||document;do{if(t!=null&&(t[0]===">"?e.parentNode===n&&Z(e,t):Z(e,t))||i&&e===n){return e}if(e===n)break}while(e=P(e))}return null}var $=/\s+/g;function F(e,t,n){if(e&&t){if(e.classList){e.classList[n?"add":"remove"](t)}else{var i=(" "+e.className+" ").replace($," ").replace(" "+t+" "," ");e.className=(i+(n?" "+t:"")).replace($," ")}}}function V(e,t,n){var i=e&&e.style;if(i){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(e,"")}else if(e.currentStyle){n=e.currentStyle}return t===void 0?n:n[t]}else{if(!(t in i)&&t.indexOf("webkit")===-1){t="-webkit-"+t}i[t]=n+(typeof n==="string"?"":"px")}}}function G(e,t){var n="";if(typeof e==="string"){n=e}else{do{var i=V(e,"transform");if(i&&i!=="none"){n=i+" "+n}}while(!t&&(e=e.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function W(e,t,n){if(e){var i=e.getElementsByTagName(t),r=0,o=i.length;if(n){for(;r<o;r++){n(i[r],r)}}return i}return[]}function J(){var e=document.scrollingElement;if(e){return e}else{return document.documentElement}}function Y(e,t,n,i,r){if(!e.getBoundingClientRect&&e!==window)return;var o,s,a,l,u,f,c;if(e!==window&&e.parentNode&&e!==J()){o=e.getBoundingClientRect();s=o.top;a=o.left;l=o.bottom;u=o.right;f=o.height;c=o.width}else{s=0;a=0;l=window.innerHeight;u=window.innerWidth;f=window.innerHeight;c=window.innerWidth}if((t||n)&&e!==window){r=r||e.parentNode;if(!L){do{if(r&&r.getBoundingClientRect&&(V(r,"transform")!=="none"||n&&V(r,"position")!=="static")){var d=r.getBoundingClientRect();s-=d.top+parseInt(V(r,"border-top-width"));a-=d.left+parseInt(V(r,"border-left-width"));l=s+o.height;u=a+o.width;break}}while(r=r.parentNode)}}if(i&&e!==window){var h=G(r||e),v=h&&h.a,m=h&&h.d;if(h){s/=m;a/=v;c/=v;f/=m;l=s+f;u=a+c}}return{top:s,left:a,bottom:l,right:u,width:c,height:f}}function Q(e,t,n){var i=ie(e,true),r=Y(e)[t];while(i){var o=Y(i)[n],s=void 0;{s=r>=o}if(!s)return i;if(i===J())break;i=ie(i,false)}return false}function X(e,t,n,i){var r=0,o=0,s=e.children;while(o<s.length){if(s[o].style.display!=="none"&&s[o]!==mt.ghost&&(i||s[o]!==mt.dragged)&&U(s[o],n.draggable,e,false)){if(r===t){return s[o]}r++}o++}return null}function K(e,t){var n=e.lastElementChild;while(n&&(n===mt.ghost||V(n,"display")==="none"||t&&!Z(n,t))){n=n.previousElementSibling}return n||null}function ee(e,t){var n=0;if(!e||!e.parentNode){return-1}while(e=e.previousElementSibling){if(e.nodeName.toUpperCase()!=="TEMPLATE"&&e!==mt.clone&&(!t||Z(e,t))){n++}}return n}function te(e){var t=0,n=0,i=J();if(e){do{var r=G(e),o=r.a,s=r.d;t+=e.scrollLeft*o;n+=e.scrollTop*s}while(e!==i&&(e=e.parentNode))}return[t,n]}function ne(e,t){for(var n in e){if(!e.hasOwnProperty(n))continue;for(var i in t){if(t.hasOwnProperty(i)&&t[i]===e[n][i])return Number(n)}}return-1}function ie(e,t){if(!e||!e.getBoundingClientRect)return J();var n=e;var i=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var r=V(n);if(n.clientWidth<n.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return J();if(i||t)return n;i=true}}}while(n=n.parentNode);return J()}function re(e,t){if(e&&t){for(var n in t){if(t.hasOwnProperty(n)){e[n]=t[n]}}}return e}function oe(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.height)===Math.round(t.height)&&Math.round(e.width)===Math.round(t.width)}var se;function ae(e,t){return function(){if(!se){var n=arguments,i=this;if(n.length===1){e.call(i,n[0])}else{e.apply(i,n)}se=setTimeout((function(){se=void 0}),t)}}}function le(){clearTimeout(se);se=void 0}function ue(e,t,n){e.scrollLeft+=t;e.scrollTop+=n}function fe(e){var t=window.Polymer;var n=window.jQuery||window.Zepto;if(t&&t.dom){return t.dom(e).cloneNode(true)}else if(n){return n(e).clone(true)[0]}else{return e.cloneNode(true)}}function ce(e,t,n){var i={};Array.from(e.children).forEach((function(r){var o,s,a,l;if(!U(r,t.draggable,e,false)||r.animated||r===n)return;var u=Y(r);i.left=Math.min((o=i.left)!==null&&o!==void 0?o:Infinity,u.left);i.top=Math.min((s=i.top)!==null&&s!==void 0?s:Infinity,u.top);i.right=Math.max((a=i.right)!==null&&a!==void 0?a:-Infinity,u.right);i.bottom=Math.max((l=i.bottom)!==null&&l!==void 0?l:-Infinity,u.bottom)}));i.width=i.right-i.left;i.height=i.bottom-i.top;i.x=i.left;i.y=i.top;return i}var de="Sortable"+(new Date).getTime();function he(){var e=[],t;return{captureAnimationState:function t(){e=[];if(!this.options.animation)return;var n=[].slice.call(this.el.children);n.forEach((function(t){if(V(t,"display")==="none"||t===mt.ghost)return;e.push({target:t,rect:Y(t)});var n=k({},e[e.length-1].rect);if(t.thisAnimationDuration){var i=G(t,true);if(i){n.top-=i.f;n.left-=i.e}}t.fromRect=n}))},addAnimationState:function t(n){e.push(n)},removeAnimationState:function t(n){e.splice(ne(e,{target:n}),1)},animateAll:function n(i){var r=this;if(!this.options.animation){clearTimeout(t);if(typeof i==="function")i();return}var o=false,s=0;e.forEach((function(e){var t=0,n=e.target,i=n.fromRect,a=Y(n),l=n.prevFromRect,u=n.prevToRect,f=e.rect,c=G(n,true);if(c){a.top-=c.f;a.left-=c.e}n.toRect=a;if(n.thisAnimationDuration){if(oe(l,a)&&!oe(i,a)&&(f.top-a.top)/(f.left-a.left)===(i.top-a.top)/(i.left-a.left)){t=me(f,l,u,r.options)}}if(!oe(a,i)){n.prevFromRect=i;n.prevToRect=a;if(!t){t=r.options.animation}r.animate(n,f,a,t)}if(t){o=true;s=Math.max(s,t);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),t);n.thisAnimationDuration=t}}));clearTimeout(t);if(!o){if(typeof i==="function")i()}else{t=setTimeout((function(){if(typeof i==="function")i()}),s)}e=[]},animate:function e(t,n,i,r){if(r){V(t,"transition","");V(t,"transform","");var o=G(this.el),s=o&&o.a,a=o&&o.d,l=(n.left-i.left)/(s||1),u=(n.top-i.top)/(a||1);t.animatingX=!!l;t.animatingY=!!u;V(t,"transform","translate3d("+l+"px,"+u+"px,0)");this.forRepaintDummy=ve(t);V(t,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));V(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){V(t,"transition","");V(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),r)}}}}function ve(e){return e.offsetWidth}function me(e,t,n,i){return Math.sqrt(Math.pow(t.top-e.top,2)+Math.pow(t.left-e.left,2))/Math.sqrt(Math.pow(t.top-n.top,2)+Math.pow(t.left-n.left,2))*i.animation}var pe=[];var ge={initializeByDefault:true};var be={mount:function e(t){for(var n in ge){if(ge.hasOwnProperty(n)&&!(n in t)){t[n]=ge[n]}}pe.forEach((function(e){if(e.pluginName===t.pluginName){throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")}}));pe.push(t)},pluginEvent:function e(t,n,i){var r=this;this.eventCanceled=false;i.cancel=function(){r.eventCanceled=true};var o=t+"Global";pe.forEach((function(e){if(!n[e.pluginName])return;if(n[e.pluginName][o]){n[e.pluginName][o](k({sortable:n},i))}if(n.options[e.pluginName]&&n[e.pluginName][t]){n[e.pluginName][t](k({sortable:n},i))}}))},initializePlugins:function e(t,n,i,r){pe.forEach((function(e){var r=e.pluginName;if(!t.options[r]&&!e.initializeByDefault)return;var o=new e(t,n,t.options);o.sortable=t;o.options=t.options;t[r]=o;E(i,o.defaults)}));for(var o in t.options){if(!t.options.hasOwnProperty(o))continue;var s=this.modifyOption(t,o,t.options[o]);if(typeof s!=="undefined"){t.options[o]=s}}},getEventProperties:function e(t,n){var i={};pe.forEach((function(e){if(typeof e.eventProperties!=="function")return;E(i,e.eventProperties.call(n[e.pluginName],t))}));return i},modifyOption:function e(t,n,i){var r;pe.forEach((function(e){if(!t[e.pluginName])return;if(e.optionListeners&&typeof e.optionListeners[n]==="function"){r=e.optionListeners[n].call(t[e.pluginName],i)}}));return r}};function we(e){var t=e.sortable,n=e.rootEl,i=e.name,r=e.targetEl,o=e.cloneEl,s=e.toEl,a=e.fromEl,l=e.oldIndex,u=e.newIndex,f=e.oldDraggableIndex,c=e.newDraggableIndex,d=e.originalEvent,h=e.putSortable,v=e.extraEventProperties;t=t||n&&n[de];if(!t)return;var m,p=t.options,g="on"+i.charAt(0).toUpperCase()+i.substr(1);if(window.CustomEvent&&!L&&!j){m=new CustomEvent(i,{bubbles:true,cancelable:true})}else{m=document.createEvent("Event");m.initEvent(i,true,true)}m.to=s||n;m.from=a||n;m.item=r||n;m.clone=o;m.oldIndex=l;m.newIndex=u;m.oldDraggableIndex=f;m.newDraggableIndex=c;m.originalEvent=d;m.pullMode=h?h.lastPutMode:undefined;var b=k(k({},v),be.getEventProperties(i,t));for(var w in b){m[w]=b[w]}if(n){n.dispatchEvent(m)}if(p[g]){p[g].call(t,m)}}var xe=["evt"];var ye=function e(t,n){var i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},r=i.evt,o=O(i,xe);be.pluginEvent.bind(mt)(t,n,k({dragEl:Se,parentEl:ke,ghostEl:Oe,rootEl:qe,nextEl:Me,lastDownEl:Te,cloneEl:Ie,cloneHidden:Ce,dragStarted:Ve,putSortable:_e,activeSortable:mt.active,originalEvent:r,oldIndex:Re,oldDraggableIndex:je,newIndex:Le,newDraggableIndex:De,hideGhostForTarget:ct,unhideGhostForTarget:dt,cloneNowHidden:function e(){Ce=true},cloneNowShown:function e(){Ce=false},dispatchSortableEvent:function e(t){Ee({sortable:n,name:t,originalEvent:r})}},o))};function Ee(e){we(k({putSortable:_e,cloneEl:Ie,targetEl:Se,rootEl:qe,oldIndex:Re,oldDraggableIndex:je,newIndex:Le,newDraggableIndex:De},e))}var Se,ke,Oe,qe,Me,Te,Ie,Ce,Re,Le,je,De,ze,_e,Ae=false,Ne=false,He=[],Be,Ze,Pe,Ue,$e,Fe,Ve,Ge,We,Je=false,Ye=false,Qe,Xe,Ke=[],et=false,tt=[];var nt=typeof document!=="undefined",it=_,rt=j||L?"cssFloat":"float",ot=nt&&!A&&!_&&"draggable"in document.createElement("div"),st=function(){if(!nt)return;if(L){return false}var e=document.createElement("x");e.style.cssText="pointer-events:auto";return e.style.pointerEvents==="auto"}(),at=function e(t,n){var i=V(t),r=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=X(t,0,n),s=X(t,1,n),a=o&&V(o),l=s&&V(s),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+Y(o).width,f=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+Y(s).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&a["float"]&&a["float"]!=="none"){var c=a["float"]==="left"?"left":"right";return s&&(l.clear==="both"||l.clear===c)?"vertical":"horizontal"}return o&&(a.display==="block"||a.display==="flex"||a.display==="table"||a.display==="grid"||u>=r&&i[rt]==="none"||s&&i[rt]==="none"&&u+f>r)?"vertical":"horizontal"},lt=function e(t,n,i){var r=i?t.left:t.top,o=i?t.right:t.bottom,s=i?t.width:t.height,a=i?n.left:n.top,l=i?n.right:n.bottom,u=i?n.width:n.height;return r===a||o===l||r+s/2===a+u/2},ut=function e(t,n){var i;He.some((function(e){var r=e[de].options.emptyInsertThreshold;if(!r||K(e))return;var o=Y(e),s=t>=o.left-r&&t<=o.right+r,a=n>=o.top-r&&n<=o.bottom+r;if(s&&a){return i=e}}));return i},ft=function e(t){function n(e,t){return function(i,r,o,s){var a=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(e==null&&(t||a)){return true}else if(e==null||e===false){return false}else if(t&&e==="clone"){return e}else if(typeof e==="function"){return n(e(i,r,o,s),t)(i,r,o,s)}else{var l=(t?i:r).options.group.name;return e===true||typeof e==="string"&&e===l||e.join&&e.indexOf(l)>-1}}}var i={};var r=t.group;if(!r||I(r)!="object"){r={name:r}}i.name=r.name;i.checkPull=n(r.pull,true);i.checkPut=n(r.put);i.revertClone=r.revertClone;t.group=i},ct=function e(){if(!st&&Oe){V(Oe,"display","none")}},dt=function e(){if(!st&&Oe){V(Oe,"display","")}};if(nt&&!A){document.addEventListener("click",(function(e){if(Ne){e.preventDefault();e.stopPropagation&&e.stopPropagation();e.stopImmediatePropagation&&e.stopImmediatePropagation();Ne=false;return false}}),true)}var ht=function e(t){if(Se){t=t.touches?t.touches[0]:t;var n=ut(t.clientX,t.clientY);if(n){var i={};for(var r in t){if(t.hasOwnProperty(r)){i[r]=t[r]}}i.target=i.rootEl=n;i.preventDefault=void 0;i.stopPropagation=void 0;n[de]._onDragOver(i)}}};var vt=function e(t){if(Se){Se.parentNode[de]._isOutsideThisEl(t.target)}};function mt(e,t){if(!(e&&e.nodeType&&e.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e))}this.el=e;this.options=t=E({},t);e[de]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function t(){return at(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function e(t,n){t.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:mt.supportPointer!==false&&"PointerEvent"in window&&(!z||_),emptyInsertThreshold:5};be.initializePlugins(this,e,n);for(var i in n){!(i in t)&&(t[i]=n[i])}ft(t);for(var r in this){if(r.charAt(0)==="_"&&typeof this[r]==="function"){this[r]=this[r].bind(this)}}this.nativeDraggable=t.forceFallback?false:ot;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(t.supportPointer){H(e,"pointerdown",this._onTapStart)}else{H(e,"mousedown",this._onTapStart);H(e,"touchstart",this._onTapStart)}if(this.nativeDraggable){H(e,"dragover",this);H(e,"dragenter",this)}He.push(this.el);t.store&&t.store.get&&this.sort(t.store.get(this)||[]);E(this,he())}mt.prototype={constructor:mt,_isOutsideThisEl:function e(t){if(!this.el.contains(t)&&t!==this.el){Ge=null}},_getDirection:function e(t,n){return typeof this.options.direction==="function"?this.options.direction.call(this,t,n,Se):this.options.direction},_onTapStart:function e(t){if(!t.cancelable)return;var n=this,i=this.el,r=this.options,o=r.preventOnFilter,s=t.type,a=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,l=(a||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,f=r.filter;Ot(i);if(Se){return}if(/mousedown|pointerdown/.test(s)&&t.button!==0||r.disabled){return}if(u.isContentEditable){return}if(!this.nativeDraggable&&z&&l&&l.tagName.toUpperCase()==="SELECT"){return}l=U(l,r.draggable,i,false);if(l&&l.animated){return}if(Te===l){return}Re=ee(l);je=ee(l,r.draggable);if(typeof f==="function"){if(f.call(this,t,l,this)){Ee({sortable:n,rootEl:u,name:"filter",targetEl:l,toEl:i,fromEl:i});ye("filter",n,{evt:t});o&&t.preventDefault();return}}else if(f){f=f.split(",").some((function(e){e=U(u,e.trim(),i,false);if(e){Ee({sortable:n,rootEl:e,name:"filter",targetEl:l,fromEl:i,toEl:i});ye("filter",n,{evt:t});return true}}));if(f){o&&t.preventDefault();return}}if(r.handle&&!U(u,r.handle,i,false)){return}this._prepareDragStart(t,a,l)},_prepareDragStart:function e(t,n,i){var r=this,o=r.el,s=r.options,a=o.ownerDocument,l;if(i&&!Se&&i.parentNode===o){var u=Y(i);qe=o;Se=i;ke=Se.parentNode;Me=Se.nextSibling;Te=i;ze=s.group;mt.dragged=Se;Be={target:Se,clientX:(n||t).clientX,clientY:(n||t).clientY};$e=Be.clientX-u.left;Fe=Be.clientY-u.top;this._lastX=(n||t).clientX;this._lastY=(n||t).clientY;Se.style["will-change"]="all";l=function e(){ye("delayEnded",r,{evt:t});if(mt.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!D&&r.nativeDraggable){Se.draggable=true}r._triggerDragStart(t,n);Ee({sortable:r,name:"choose",originalEvent:t});F(Se,s.chosenClass,true)};s.ignore.split(",").forEach((function(e){W(Se,e.trim(),bt)}));H(a,"dragover",ht);H(a,"mousemove",ht);H(a,"touchmove",ht);if(s.supportPointer){H(a,"pointerup",r._onDrop);!this.nativeDraggable&&H(a,"pointercancel",r._onDrop)}else{H(a,"mouseup",r._onDrop);H(a,"touchend",r._onDrop);H(a,"touchcancel",r._onDrop)}if(D&&this.nativeDraggable){this.options.touchStartThreshold=4;Se.draggable=true}ye("delayStart",this,{evt:t});if(s.delay&&(!s.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(j||L))){if(mt.eventCanceled){this._onDrop();return}if(s.supportPointer){H(a,"pointerup",r._disableDelayedDrag);H(a,"pointercancel",r._disableDelayedDrag)}else{H(a,"mouseup",r._disableDelayedDrag);H(a,"touchend",r._disableDelayedDrag);H(a,"touchcancel",r._disableDelayedDrag)}H(a,"mousemove",r._delayedDragTouchMoveHandler);H(a,"touchmove",r._delayedDragTouchMoveHandler);s.supportPointer&&H(a,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(l,s.delay)}else{l()}}},_delayedDragTouchMoveHandler:function e(t){var n=t.touches?t.touches[0]:t;if(Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function e(){Se&&bt(Se);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function e(){var t=this.el.ownerDocument;B(t,"mouseup",this._disableDelayedDrag);B(t,"touchend",this._disableDelayedDrag);B(t,"touchcancel",this._disableDelayedDrag);B(t,"pointerup",this._disableDelayedDrag);B(t,"pointercancel",this._disableDelayedDrag);B(t,"mousemove",this._delayedDragTouchMoveHandler);B(t,"touchmove",this._delayedDragTouchMoveHandler);B(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function e(t,n){n=n||t.pointerType=="touch"&&t;if(!this.nativeDraggable||n){if(this.options.supportPointer){H(document,"pointermove",this._onTouchMove)}else if(n){H(document,"touchmove",this._onTouchMove)}else{H(document,"mousemove",this._onTouchMove)}}else{H(Se,"dragend",this);H(qe,"dragstart",this._onDragStart)}try{if(document.selection){qt((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(e){}},_dragStarted:function e(t,n){Ae=false;if(qe&&Se){ye("dragStarted",this,{evt:n});if(this.nativeDraggable){H(document,"dragover",vt)}var i=this.options;!t&&F(Se,i.dragClass,false);F(Se,i.ghostClass,true);mt.active=this;t&&this._appendGhost();Ee({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function e(){if(Ze){this._lastX=Ze.clientX;this._lastY=Ze.clientY;ct();var t=document.elementFromPoint(Ze.clientX,Ze.clientY);var n=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(Ze.clientX,Ze.clientY);if(t===n)break;n=t}Se.parentNode[de]._isOutsideThisEl(t);if(n){do{if(n[de]){var i=void 0;i=n[de]._onDragOver({clientX:Ze.clientX,clientY:Ze.clientY,target:t,rootEl:n});if(i&&!this.options.dragoverBubble){break}}t=n}while(n=P(n))}dt()}},_onTouchMove:function e(t){if(Be){var n=this.options,i=n.fallbackTolerance,r=n.fallbackOffset,o=t.touches?t.touches[0]:t,s=Oe&&G(Oe,true),a=Oe&&s&&s.a,l=Oe&&s&&s.d,u=it&&Xe&&te(Xe),f=(o.clientX-Be.clientX+r.x)/(a||1)+(u?u[0]-Ke[0]:0)/(a||1),c=(o.clientY-Be.clientY+r.y)/(l||1)+(u?u[1]-Ke[1]:0)/(l||1);if(!mt.active&&!Ae){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i){return}this._onDragStart(t,true)}if(Oe){if(s){s.e+=f-(Pe||0);s.f+=c-(Ue||0)}else{s={a:1,b:0,c:0,d:1,e:f,f:c}}var d="matrix(".concat(s.a,",").concat(s.b,",").concat(s.c,",").concat(s.d,",").concat(s.e,",").concat(s.f,")");V(Oe,"webkitTransform",d);V(Oe,"mozTransform",d);V(Oe,"msTransform",d);V(Oe,"transform",d);Pe=f;Ue=c;Ze=o}t.cancelable&&t.preventDefault()}},_appendGhost:function e(){if(!Oe){var t=this.options.fallbackOnBody?document.body:qe,n=Y(Se,true,it,true,t),i=this.options;if(it){Xe=t;while(V(Xe,"position")==="static"&&V(Xe,"transform")==="none"&&Xe!==document){Xe=Xe.parentNode}if(Xe!==document.body&&Xe!==document.documentElement){if(Xe===document)Xe=J();n.top+=Xe.scrollTop;n.left+=Xe.scrollLeft}else{Xe=J()}Ke=te(Xe)}Oe=Se.cloneNode(true);F(Oe,i.ghostClass,false);F(Oe,i.fallbackClass,true);F(Oe,i.dragClass,true);V(Oe,"transition","");V(Oe,"transform","");V(Oe,"box-sizing","border-box");V(Oe,"margin",0);V(Oe,"top",n.top);V(Oe,"left",n.left);V(Oe,"width",n.width);V(Oe,"height",n.height);V(Oe,"opacity","0.8");V(Oe,"position",it?"absolute":"fixed");V(Oe,"zIndex","100000");V(Oe,"pointerEvents","none");mt.ghost=Oe;t.appendChild(Oe);V(Oe,"transform-origin",$e/parseInt(Oe.style.width)*100+"% "+Fe/parseInt(Oe.style.height)*100+"%")}},_onDragStart:function e(t,n){var i=this;var r=t.dataTransfer;var o=i.options;ye("dragStart",this,{evt:t});if(mt.eventCanceled){this._onDrop();return}ye("setupClone",this);if(!mt.eventCanceled){Ie=fe(Se);Ie.removeAttribute("id");Ie.draggable=false;Ie.style["will-change"]="";this._hideClone();F(Ie,this.options.chosenClass,false);mt.clone=Ie}i.cloneId=qt((function(){ye("clone",i);if(mt.eventCanceled)return;if(!i.options.removeCloneOnHide){qe.insertBefore(Ie,Se)}i._hideClone();Ee({sortable:i,name:"clone"})}));!n&&F(Se,o.dragClass,true);if(n){Ne=true;i._loopId=setInterval(i._emulateDragOver,50)}else{B(document,"mouseup",i._onDrop);B(document,"touchend",i._onDrop);B(document,"touchcancel",i._onDrop);if(r){r.effectAllowed="move";o.setData&&o.setData.call(i,r,Se)}H(document,"drop",i);V(Se,"transform","translateZ(0)")}Ae=true;i._dragStartId=qt(i._dragStarted.bind(i,n,t));H(document,"selectstart",i);Ve=true;window.getSelection().removeAllRanges();if(z){V(document.body,"user-select","none")}},_onDragOver:function e(t){var n=this.el,i=t.target,r,o,s,a=this.options,l=a.group,u=mt.active,f=ze===l,c=a.sort,d=_e||u,h,v=this,m=false;if(et)return;function p(e,a){ye(e,v,k({evt:t,isOwner:f,axis:h?"vertical":"horizontal",revert:s,dragRect:r,targetRect:o,canSort:c,fromSortable:d,target:i,completed:b,onMove:function e(i,o){return gt(qe,n,Se,r,i,Y(i),t,o)},changed:w},a))}function g(){p("dragOverAnimationCapture");v.captureAnimationState();if(v!==d){d.captureAnimationState()}}function b(e){p("dragOverCompleted",{insertion:e});if(e){if(f){u._hideClone()}else{u._showClone(v)}if(v!==d){F(Se,_e?_e.options.ghostClass:u.options.ghostClass,false);F(Se,a.ghostClass,true)}if(_e!==v&&v!==mt.active){_e=v}else if(v===mt.active&&_e){_e=null}if(d===v){v._ignoreWhileAnimating=i}v.animateAll((function(){p("dragOverAnimationComplete");v._ignoreWhileAnimating=null}));if(v!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(i===Se&&!Se.animated||i===n&&!i.animated){Ge=null}if(!a.dragoverBubble&&!t.rootEl&&i!==document){Se.parentNode[de]._isOutsideThisEl(t.target);!e&&ht(t)}!a.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return m=true}function w(){Le=ee(Se);De=ee(Se,a.draggable);Ee({sortable:v,name:"change",toEl:n,newIndex:Le,newDraggableIndex:De,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}i=U(i,a.draggable,n,true);p("dragOver");if(mt.eventCanceled)return m;if(Se.contains(t.target)||i.animated&&i.animatingX&&i.animatingY||v._ignoreWhileAnimating===i){return b(false)}Ne=false;if(u&&!a.disabled&&(f?c||(s=ke!==qe):_e===this||(this.lastPutMode=ze.checkPull(this,u,Se,t))&&l.checkPut(this,u,Se,t))){h=this._getDirection(t,i)==="vertical";r=Y(Se);p("dragOverValid");if(mt.eventCanceled)return m;if(s){ke=qe;g();this._hideClone();p("revert");if(!mt.eventCanceled){if(Me){qe.insertBefore(Se,Me)}else{qe.appendChild(Se)}}return b(true)}var x=K(n,a.draggable);if(!x||yt(t,h,this)&&!x.animated){if(x===Se){return b(false)}if(x&&n===t.target){i=x}if(i){o=Y(i)}if(gt(qe,n,Se,r,i,o,t,!!i)!==false){g();if(x&&x.nextSibling){n.insertBefore(Se,x.nextSibling)}else{n.appendChild(Se)}ke=n;w();return b(true)}}else if(x&&xt(t,h,this)){var y=X(n,0,a,true);if(y===Se){return b(false)}i=y;o=Y(i);if(gt(qe,n,Se,r,i,o,t,false)!==false){g();n.insertBefore(Se,y);ke=n;w();return b(true)}}else if(i.parentNode===n){o=Y(i);var E=0,S,O=Se.parentNode!==n,q=!lt(Se.animated&&Se.toRect||r,i.animated&&i.toRect||o,h),M=h?"top":"left",T=Q(i,"top","top")||Q(Se,"top","top"),I=T?T.scrollTop:void 0;if(Ge!==i){S=o[M];Je=false;Ye=!q&&a.invertSwap||O}E=Et(t,i,o,h,q?1:a.swapThreshold,a.invertedSwapThreshold==null?a.swapThreshold:a.invertedSwapThreshold,Ye,Ge===i);var C;if(E!==0){var R=ee(Se);do{R-=E;C=ke.children[R]}while(C&&(V(C,"display")==="none"||C===Oe))}if(E===0||C===i){return b(false)}Ge=i;We=E;var L=i.nextElementSibling,j=false;j=E===1;var D=gt(qe,n,Se,r,i,o,t,j);if(D!==false){if(D===1||D===-1){j=D===1}et=true;setTimeout(wt,30);g();if(j&&!L){n.appendChild(Se)}else{i.parentNode.insertBefore(Se,j?L:i)}if(T){ue(T,0,I-T.scrollTop)}ke=Se.parentNode;if(S!==undefined&&!Ye){Qe=Math.abs(S-Y(i)[M])}w();return b(true)}}if(n.contains(Se)){return b(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function e(){B(document,"mousemove",this._onTouchMove);B(document,"touchmove",this._onTouchMove);B(document,"pointermove",this._onTouchMove);B(document,"dragover",ht);B(document,"mousemove",ht);B(document,"touchmove",ht)},_offUpEvents:function e(){var t=this.el.ownerDocument;B(t,"mouseup",this._onDrop);B(t,"touchend",this._onDrop);B(t,"pointerup",this._onDrop);B(t,"pointercancel",this._onDrop);B(t,"touchcancel",this._onDrop);B(document,"selectstart",this)},_onDrop:function e(t){var n=this.el,i=this.options;Le=ee(Se);De=ee(Se,i.draggable);ye("drop",this,{evt:t});ke=Se&&Se.parentNode;Le=ee(Se);De=ee(Se,i.draggable);if(mt.eventCanceled){this._nulling();return}Ae=false;Ye=false;Je=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);Mt(this.cloneId);Mt(this._dragStartId);if(this.nativeDraggable){B(document,"drop",this);B(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(z){V(document.body,"user-select","")}V(Se,"transform","");if(t){if(Ve){t.cancelable&&t.preventDefault();!i.dropBubble&&t.stopPropagation()}Oe&&Oe.parentNode&&Oe.parentNode.removeChild(Oe);if(qe===ke||_e&&_e.lastPutMode!=="clone"){Ie&&Ie.parentNode&&Ie.parentNode.removeChild(Ie)}if(Se){if(this.nativeDraggable){B(Se,"dragend",this)}bt(Se);Se.style["will-change"]="";if(Ve&&!Ae){F(Se,_e?_e.options.ghostClass:this.options.ghostClass,false)}F(Se,this.options.chosenClass,false);Ee({sortable:this,name:"unchoose",toEl:ke,newIndex:null,newDraggableIndex:null,originalEvent:t});if(qe!==ke){if(Le>=0){Ee({rootEl:ke,name:"add",toEl:ke,fromEl:qe,originalEvent:t});Ee({sortable:this,name:"remove",toEl:ke,originalEvent:t});Ee({rootEl:ke,name:"sort",toEl:ke,fromEl:qe,originalEvent:t});Ee({sortable:this,name:"sort",toEl:ke,originalEvent:t})}_e&&_e.save()}else{if(Le!==Re){if(Le>=0){Ee({sortable:this,name:"update",toEl:ke,originalEvent:t});Ee({sortable:this,name:"sort",toEl:ke,originalEvent:t})}}}if(mt.active){if(Le==null||Le===-1){Le=Re;De=je}Ee({sortable:this,name:"end",toEl:ke,originalEvent:t});this.save()}}}this._nulling()},_nulling:function e(){ye("nulling",this);qe=Se=ke=Oe=Me=Ie=Te=Ce=Be=Ze=Ve=Le=De=Re=je=Ge=We=_e=ze=mt.dragged=mt.ghost=mt.clone=mt.active=null;var t=this.el;tt.forEach((function(e){if(t.contains(e)){e.checked=true}}));tt.length=Pe=Ue=0},handleEvent:function e(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(Se){this._onDragOver(t);pt(t)}break;case"selectstart":t.preventDefault();break}},toArray:function e(){var t=[],n,i=this.el.children,r=0,o=i.length,s=this.options;for(;r<o;r++){n=i[r];if(U(n,s.draggable,this.el,false)){t.push(n.getAttribute(s.dataIdAttr)||kt(n))}}return t},sort:function e(t,n){var i={},r=this.el;this.toArray().forEach((function(e,t){var n=r.children[t];if(U(n,this.options.draggable,r,false)){i[e]=n}}),this);n&&this.captureAnimationState();t.forEach((function(e){if(i[e]){r.removeChild(i[e]);r.appendChild(i[e])}}));n&&this.animateAll()},save:function e(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function e(t,n){return U(t,n||this.options.draggable,this.el,false)},option:function e(t,n){var i=this.options;if(n===void 0){return i[t]}else{var r=be.modifyOption(this,t,n);if(typeof r!=="undefined"){i[t]=r}else{i[t]=n}if(t==="group"){ft(i)}}},destroy:function e(){ye("destroy",this);var t=this.el;t[de]=null;B(t,"mousedown",this._onTapStart);B(t,"touchstart",this._onTapStart);B(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){B(t,"dragover",this);B(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(e){e.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();He.splice(He.indexOf(this.el),1);this.el=t=null},_hideClone:function e(){if(!Ce){ye("hideClone",this);if(mt.eventCanceled)return;V(Ie,"display","none");if(this.options.removeCloneOnHide&&Ie.parentNode){Ie.parentNode.removeChild(Ie)}Ce=true}},_showClone:function e(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(Ce){ye("showClone",this);if(mt.eventCanceled)return;if(Se.parentNode==qe&&!this.options.group.revertClone){qe.insertBefore(Ie,Se)}else if(Me){qe.insertBefore(Ie,Me)}else{qe.appendChild(Ie)}if(this.options.group.revertClone){this.animate(Se,Ie)}V(Ie,"display","");Ce=false}}};function pt(e){if(e.dataTransfer){e.dataTransfer.dropEffect="move"}e.cancelable&&e.preventDefault()}function gt(e,t,n,i,r,o,s,a){var l,u=e[de],f=u.options.onMove,c;if(window.CustomEvent&&!L&&!j){l=new CustomEvent("move",{bubbles:true,cancelable:true})}else{l=document.createEvent("Event");l.initEvent("move",true,true)}l.to=t;l.from=e;l.dragged=n;l.draggedRect=i;l.related=r||t;l.relatedRect=o||Y(t);l.willInsertAfter=a;l.originalEvent=s;e.dispatchEvent(l);if(f){c=f.call(u,l,s)}return c}function bt(e){e.draggable=false}function wt(){et=false}function xt(e,t,n){var i=Y(X(n.el,0,n.options,true));var r=ce(n.el,n.options,Oe);var o=10;return t?e.clientX<r.left-o||e.clientY<i.top&&e.clientX<i.right:e.clientY<r.top-o||e.clientY<i.bottom&&e.clientX<i.left}function yt(e,t,n){var i=Y(K(n.el,n.options.draggable));var r=ce(n.el,n.options,Oe);var o=10;return t?e.clientX>r.right+o||e.clientY>i.bottom&&e.clientX>i.left:e.clientY>r.bottom+o||e.clientX>i.right&&e.clientY>i.top}function Et(e,t,n,i,r,o,s,a){var l=i?e.clientY:e.clientX,u=i?n.height:n.width,f=i?n.top:n.left,c=i?n.bottom:n.right,d=false;if(!s){if(a&&Qe<u*r){if(!Je&&(We===1?l>f+u*o/2:l<c-u*o/2)){Je=true}if(!Je){if(We===1?l<f+Qe:l>c-Qe){return-We}}else{d=true}}else{if(l>f+u*(1-r)/2&&l<c-u*(1-r)/2){return St(t)}}}d=d||s;if(d){if(l<f+u*o/2||l>c-u*o/2){return l>f+u/2?1:-1}}return 0}function St(e){if(ee(Se)<ee(e)){return 1}else{return-1}}function kt(e){var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,i=0;while(n--){i+=t.charCodeAt(n)}return i.toString(36)}function Ot(e){tt.length=0;var t=e.getElementsByTagName("input");var n=t.length;while(n--){var i=t[n];i.checked&&tt.push(i)}}function qt(e){return setTimeout(e,0)}function Mt(e){return clearTimeout(e)}if(nt){H(document,"touchmove",(function(e){if((mt.active||Ae)&&e.cancelable){e.preventDefault()}}))}mt.utils={on:H,off:B,css:V,find:W,is:function e(t,n){return!!U(t,n,t,false)},extend:re,throttle:ae,closest:U,toggleClass:F,clone:fe,index:ee,nextTick:qt,cancelNextTick:Mt,detectDirection:at,getChild:X,expando:de};mt.get=function(e){return e[de]};mt.mount=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++){t[n]=arguments[n]}if(t[0].constructor===Array)t=t[0];t.forEach((function(e){if(!e.prototype||!e.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(e))}if(e.utils)mt.utils=k(k({},mt.utils),e.utils);be.mount(e)}))};mt.create=function(e,t){return new mt(e,t)};mt.version=C;var Tt=[],It,Ct,Rt=false,Lt,jt,Dt,zt;function _t(){function e(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var e in this){if(e.charAt(0)==="_"&&typeof this[e]==="function"){this[e]=this[e].bind(this)}}}e.prototype={dragStarted:function e(t){var n=t.originalEvent;if(this.sortable.nativeDraggable){H(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){H(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){H(document,"touchmove",this._handleFallbackAutoScroll)}else{H(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function e(t){var n=t.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function e(){if(this.sortable.nativeDraggable){B(document,"dragover",this._handleAutoScroll)}else{B(document,"pointermove",this._handleFallbackAutoScroll);B(document,"touchmove",this._handleFallbackAutoScroll);B(document,"mousemove",this._handleFallbackAutoScroll)}Nt();At();le()},nulling:function e(){Dt=Ct=It=Rt=zt=Lt=jt=null;Tt.length=0},_handleFallbackAutoScroll:function e(t){this._handleAutoScroll(t,true)},_handleAutoScroll:function e(t,n){var i=this;var r=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,s=document.elementFromPoint(r,o);Dt=t;if(n||this.options.forceAutoScrollFallback||j||L||z){Ht(t,this.options,s,n);var a=ie(s,true);if(Rt&&(!zt||r!==Lt||o!==jt)){zt&&Nt();zt=setInterval((function(){var e=ie(document.elementFromPoint(r,o),true);if(e!==a){a=e;At()}Ht(t,i.options,e,n)}),10);Lt=r;jt=o}}else{if(!this.options.bubbleScroll||ie(s,true)===J()){At();return}Ht(t,this.options,ie(s,false),false)}}};return E(e,{pluginName:"scroll",initializeByDefault:true})}function At(){Tt.forEach((function(e){clearInterval(e.pid)}));Tt=[]}function Nt(){clearInterval(zt)}var Ht=ae((function(e,t,n,i){if(!t.scroll)return;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,s=t.scrollSensitivity,a=t.scrollSpeed,l=J();var u=false,f;if(Ct!==n){Ct=n;At();It=t.scroll;f=t.scrollFn;if(It===true){It=ie(n,true)}}var c=0;var d=It;do{var h=d,v=Y(h),m=v.top,p=v.bottom,g=v.left,b=v.right,w=v.width,x=v.height,y=void 0,E=void 0,S=h.scrollWidth,k=h.scrollHeight,O=V(h),q=h.scrollLeft,M=h.scrollTop;if(h===l){y=w<S&&(O.overflowX==="auto"||O.overflowX==="scroll"||O.overflowX==="visible");E=x<k&&(O.overflowY==="auto"||O.overflowY==="scroll"||O.overflowY==="visible")}else{y=w<S&&(O.overflowX==="auto"||O.overflowX==="scroll");E=x<k&&(O.overflowY==="auto"||O.overflowY==="scroll")}var T=y&&(Math.abs(b-r)<=s&&q+w<S)-(Math.abs(g-r)<=s&&!!q);var I=E&&(Math.abs(p-o)<=s&&M+x<k)-(Math.abs(m-o)<=s&&!!M);if(!Tt[c]){for(var C=0;C<=c;C++){if(!Tt[C]){Tt[C]={}}}}if(Tt[c].vx!=T||Tt[c].vy!=I||Tt[c].el!==h){Tt[c].el=h;Tt[c].vx=T;Tt[c].vy=I;clearInterval(Tt[c].pid);if(T!=0||I!=0){u=true;Tt[c].pid=setInterval(function(){if(i&&this.layer===0){mt.active._onTouchMove(Dt)}var t=Tt[this.layer].vy?Tt[this.layer].vy*a:0;var n=Tt[this.layer].vx?Tt[this.layer].vx*a:0;if(typeof f==="function"){if(f.call(mt.dragged.parentNode[de],n,t,e,Dt,Tt[this.layer].el)!=="continue"){return}}ue(Tt[this.layer].el,n,t)}.bind({layer:c}),24)}}c++}while(t.bubbleScroll&&d!==l&&(d=ie(d,false)));Rt=u}),30);var Bt=function e(t){var n=t.originalEvent,i=t.putSortable,r=t.dragEl,o=t.activeSortable,s=t.dispatchSortableEvent,a=t.hideGhostForTarget,l=t.unhideGhostForTarget;if(!n)return;var u=i||o;a();var f=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var c=document.elementFromPoint(f.clientX,f.clientY);l();if(u&&!u.el.contains(c)){s("spill");this.onSpill({dragEl:r,putSortable:i})}};function Zt(){}Zt.prototype={startIndex:null,dragStart:function e(t){var n=t.oldDraggableIndex;this.startIndex=n},onSpill:function e(t){var n=t.dragEl,i=t.putSortable;this.sortable.captureAnimationState();if(i){i.captureAnimationState()}var r=X(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(n,r)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(i){i.animateAll()}},drop:Bt};E(Zt,{pluginName:"revertOnSpill"});function Pt(){}Pt.prototype={onSpill:function e(t){var n=t.dragEl,i=t.putSortable;var r=i||this.sortable;r.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);r.animateAll()},drop:Bt};E(Pt,{pluginName:"removeOnSpill"});mt.mount(new _t);mt.mount(Pt,Zt);const Ut=()=>`verdocs-template-roles{display:block;max-width:600px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-template-roles .roles{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:10px}verdocs-template-roles .roles .sequence{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;padding:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;border-bottom:1px dotted #e3e3e3}verdocs-template-roles .roles .sequence.add-sequence{color:#777777;line-height:34px}verdocs-template-roles .roles .sequence-label{font-size:18px;line-height:32px}verdocs-template-roles .roles .sequence-roles{gap:10px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .roles .role{height:32px;cursor:move;display:-ms-flexbox;display:flex;max-width:200px;position:relative;border-radius:32px;background-color:#eff7fb;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 14px 0 34px;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column}verdocs-template-roles .roles .role .role-name{font-size:14px;overflow:hidden;font-weight:400;line-height:30px;white-space:nowrap;text-overflow:ellipsis}verdocs-template-roles .roles .role .icons{position:absolute;left:1px;top:-3px;cursor:pointer;padding:5px;z-index:10}verdocs-template-roles .roles .role .icons .gear-button{display:none;-webkit-transform:scale(1.1);transform:scale(1.1);margin:4px 0 0 1px}verdocs-template-roles .roles .role .icons .type-icon{opacity:0.6;display:block;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-roles .roles .role .icons:hover .gear-button{display:block}verdocs-template-roles .roles .role .icons:hover .type-icon{display:none}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{opacity:0.3;padding:0 10px;cursor:pointer;background:none;height:32px;border:1px solid #cccccc;border-radius:32px}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:16px;height:16px;stroke:#666666;margin-bottom:2px;display:inline-block}verdocs-template-roles .sequence-roles{display:-ms-flexbox;display:flex;max-width:400px}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}`;const $t='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#00000089"><path d="m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z"/></svg>';const Ft=`<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>`;const Vt='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>';const Gt=`<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>`;const Wt=`<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /></svg>`;const Jt=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.next=n(this,"next");this.exit=n(this,"exit");this.sdkError=n(this,"sdkError");this.rolesUpdated=n(this,"rolesUpdated");this.templateListenerId=null;this.endpoint=s.getDefault();this.templateId="";this.showingRoleDialog=null;this.sender=null;this.dragging=false;this.loading=true;this.template=null;this.sortableRefs=[]}disconnectedCallback(){this.unlistenToTemplate();this.cleanupSortables()}async listenToTemplate(){console.log("[ROLES] Loading template",this.templateId);this.unlistenToTemplate();d.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{console.log("[ROLES] Template Updated",e);this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){d.store.delListener(this.templateListenerId);this.templateListenerId=null}}async componentWillLoad(){var e,t,n;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 c(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(n=i.response)===null||n===void 0?void 0:n.data))}}cleanupSortables(){this.sortableRefs.forEach((e=>e.destroy()));this.sortableRefs.length=0}componentDidRender(){this.cleanupSortables();const e=this.getSequenceNumbers();(e||[]).forEach((e=>{const t=document.getElementById(`verdocs-roles-sequence-${e}`);if(t){const e=new mt(t,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:this.handleMoveEnd.bind(this),onChoose:()=>this.dragging=true,onUnchoose:()=>this.dragging=false});this.sortableRefs.push(e)}}));const t=document.getElementById(`verdocs-roles-sequence-add-target`);if(t){console.log("[ROLES] Applying sortable to add-sequence slot");const e=new mt(t,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:this.handleMoveEnd.bind(this),onChoose:()=>this.dragging=true,onUnchoose:()=>this.dragging=false});this.sortableRefs.push(e)}}handleMoveEnd(e){const t=+e.from.dataset.sequence;const n=+e.to.dataset.sequence;const i=+e.oldIndex+1;const r=+e.newIndex+1;console.log(`Move from ${t}:${i} to ${n}:${r}`,e.item);const o={};const s=this.getSequenceNumbers();s.forEach((e=>{const t=this.getRolesAtSequence(e);o[String(e)]=JSON.parse(JSON.stringify(t))}));o[s[s.length-1]+1]=[];const a=o[t].splice(i-1,1)[0];o[n]||(o[n]=[]);o[n].splice(r-1,0,a);const u=[];Object.entries(o).forEach((([e,t])=>{t.forEach(((t,n)=>{if(!t){return}const i=+n+1;if(t.sequence!==+e||t.order!==i){t.sequence=+e;t.order=i;u.push(l(this.endpoint,this.templateId,t.name,{sequence:+e,order:i}).then((e=>console.log("[ROLES] Updated role",t.name,e))).catch((e=>console.log("[ROLES] Error updating role",e))))}}))}));return Promise.all(u).then((async()=>console.log("[ROLES] Done renumbering"))).catch((e=>console.log("[ROLES] Error updating roles",e)))}handleCancel(){var e;(e=this.exit)===null||e===void 0?void 0:e.emit()}handleSubmit(){var e;(e=this.next)===null||e===void 0?void 0:e.emit()}getSortedRoles(){var e;return(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).sort(((e,t)=>e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence))}getSequenceNumbers(){const e={};this.getSortedRoles().forEach((t=>{e[t.sequence]=true}));console.log("[ROLES] Sequences",e);return Object.keys(e).map((e=>+e)).sort(((e,t)=>e-t))}getRoleNames(){const e=this.getSortedRoles();return e.map((e=>e.name))}getRolesAtSequence(e){var t;return(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).filter((t=>t&&t.sequence===e))}async renumberTemplateRoles(){var e;const t={};const n=[];const i=this.getSequenceNumbers();(i||[]).forEach((e=>{(t[e]||[]).forEach(((t,i)=>{const r=+i+1;if(t.sequence!==+e||t.order!==r){console.log("[ROLES] Updating role",t.name,"from",t.sequence,t.order,"to",e,r);t.sequence=+e;t.order=r;n.push(l(this.endpoint,this.templateId,t.name,{sequence:+e,order:r}).then((e=>console.log("[ROLES] Updated role",t.name,e))).catch((e=>console.log("[ROLES] Error updating role",e))))}}))}));console.log(`[ROLES] Awaiting ${n.length} renumber requests`);await Promise.all(n).then((async()=>{const e=JSON.parse(JSON.stringify(this.template));e.roles=Object.keys(t).reduce(((e,n)=>e.concat(t[n])),[]);console.log("[ROLES] Done renumbering",e.roles.map((e=>({name:e.name,sequence:e.sequence,order:e.order}))));d.updateTemplate(this.templateId,e)}));(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"updated",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})}getNextRoleName(){var e,t;let n="";let i=(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).length;do{i++;n=`Recipient ${i}`}while(!n||(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).some((e=>e&&e.name===n)));return n}callCreateRole(e,t,n){console.log("[ROLES] Will create role",{name:e,sequence:t,order:n});u(this.endpoint,this.templateId,{template_id:this.templateId,name:e,sequence:t,message:"",order:n,full_name:null,first_name:"",last_name:"",email:"",phone:"",type:"signer",delegator:false,name_locked:false}).then((async e=>{var t;console.log("[ROLES] Created role",e);console.log("Updating template in data store");await d.getTemplate(this.endpoint,this.templateId,true);(t=this.rolesUpdated)===null||t===void 0?void 0:t.emit({event:"added",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})})).catch((e=>{console.log("[ROLES] Error creating role",e)}))}handleAddRole(e,t){e.stopPropagation();const n=this.getRolesAtSequence(t).length+1;const i=this.getNextRoleName();this.callCreateRole(i,t,n)}handleAddStep(e,t){e.stopPropagation();const n=1;const i=this.getNextRoleName();this.callCreateRole(i,t,n)}render(){if(!this.endpoint.session){return i(r,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(this.loading||!this.template){return i(r,{class:"loading"},i("verdocs-loader",null))}const e=this.getRoleNames();const t=this.getSequenceNumbers();const n=t&&t.length>0?(t[t.length-1]||0)+1:1;console.log("[ROLES] Rendering",{roleNames:e,sequences:t,nextSequence:n});return i(r,{class:{dragging:this.dragging}},i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("h5",null,"Roles and Workflow"),i("div",{class:"roles"},t.map(((e,t)=>i("div",{class:"sequence"},i("div",{class:"sequence-label no-drag"},t+1,"."),i("div",{class:"sequence-roles",id:`verdocs-roles-sequence-${e}`,"data-sequence":e},this.getRolesAtSequence(e).map((t=>{const n=!t.email||!t.first_name||!t.last_name;return n?i("div",{class:"role","data-rolename":t.name,"data-sequence":e,"data-order":t.order},i("div",{class:"role-name"},t.name),i("div",{class:"icons"},i("div",{class:"gear-button",innerHTML:$t,onClick:()=>this.showingRoleDialog=t.name,"aria-role":"button"}),i("span",{class:"type-icon",innerHTML:t.type==="signer"?Vt:t.type==="cc"?Wt:Gt}))):i("div",{class:"role","data-rolename":t.name,"data-sequence":e,"data-order":t.order},i("div",{class:"role-name"},f(t)),i("div",{class:"icons"},i("div",{class:"gear-button",innerHTML:$t,onClick:()=>this.showingRoleDialog=t.name,"aria-role":"button"}),i("span",{class:"type-icon",innerHTML:t.type==="signer"?Vt:t.type==="cc"?Wt:Gt})))}))),i("button",{class:"add-role no-drag",onClick:t=>this.handleAddRole(t,e)},"+ Add Role")))),i("div",{class:"sequence add-sequence"},i("div",{class:"sequence-label no-drag"},t.length+1,"."),i("div",{class:"sequence-roles",id:`verdocs-roles-sequence-add-target`,"data-sequence":n}),i("button",{class:"add-role no-drag",onClick:e=>this.handleAddRole(e,n)},"+ Add Role"))),e.length<1&&i("div",{class:"empty"},"You must add at least one Role before proceeding.",i("br",null)," Click the ",i("span",{innerHTML:Ft})," Add button above to get started."),i("div",{class:"buttons"},i("div",{class:"flex-fill"}),i("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:()=>this.handleCancel()}),i("verdocs-button",{label:"OK",size:"small",onClick:()=>this.handleSubmit(),disabled:e.length<1}))),this.showingRoleDialog&&i("verdocs-menu-panel",{onClose:()=>this.showingRoleDialog=null},i("verdocs-template-role-properties",{endpoint:this.endpoint,templateId:this.templateId,roleName:this.showingRoleDialog,onClose:()=>{var e;(e=document.getElementById("verdocs-menu-panel-overlay"))===null||e===void 0?void 0:e.remove();this.showingRoleDialog=null},onDelete:async()=>{var e;this.showingRoleDialog=null;await this.renumberTemplateRoles();(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"deleted",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})}})))}get el(){return this}static get style(){return Ut()}},[0,"verdocs-template-roles",{endpoint:[16],templateId:[1,"template-id"],showingRoleDialog:[32],sender:[32],dragging:[32],loading:[32],template:[32]}]);function Yt(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-roles","verdocs-button","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-menu-panel","verdocs-select-input","verdocs-template-role-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-roles":if(!customElements.get(o(e))){customElements.define(o(e),Jt)}break;case"verdocs-button":if(!customElements.get(o(e))){h()}break;case"verdocs-component-error":if(!customElements.get(o(e))){v()}break;case"verdocs-help-icon":if(!customElements.get(o(e))){m()}break;case"verdocs-loader":if(!customElements.get(o(e))){p()}break;case"verdocs-menu-panel":if(!customElements.get(o(e))){g()}break;case"verdocs-select-input":if(!customElements.get(o(e))){b()}break;case"verdocs-template-role-properties":if(!customElements.get(o(e))){w()}break;case"verdocs-text-input":if(!customElements.get(o(e))){x()}break}}))}export{Jt as V,Yt as d};
+//# sourceMappingURL=p-CnD-TaPJ.js.map