@verdocs/web-sdk 6.12.1 → 6.13.1

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

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

package/dist/components/p-ByrpRZ3E.js

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

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

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

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

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

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

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

package/dist/components/p-C90lxyUX.js

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

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

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

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

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

package/dist/components/p-CEkRxfcu.js

@@ -0,0 +1,2 @@
+import{p as t,H as i,c as s,h as e,F as u,t as r}from"./p-yZBlG3YQ.js";import{d as h}from"./p-Bb5V9TQx.js";import{d as n}from"./p-DGNIsXfr.js";import{d as o}from"./p-C90lxyUX.js";import{d as a}from"./p-DHzSlpJw.js";import{d as l}from"./p-Bodw4NVB.js";import{d}from"./p-PfdIkMoz.js";function c(t){return typeof t==="string"||t instanceof String}function f(t){var i;return typeof t==="object"&&t!=null&&(t==null||(i=t.constructor)==null?void 0:i.name)==="Object"}function p(t,i){if(Array.isArray(i))return p(t,((t,s)=>i.includes(s)));return Object.entries(t).reduce(((t,s)=>{let[e,u]=s;if(i(u,e))t[e]=u;return t}),{})}const v={NONE:"NONE",LEFT:"LEFT",FORCE_LEFT:"FORCE_LEFT",RIGHT:"RIGHT",FORCE_RIGHT:"FORCE_RIGHT"};function C(t){switch(t){case v.LEFT:return v.FORCE_LEFT;case v.RIGHT:return v.FORCE_RIGHT;default:return t}}function g(t){return t.replace(/([.*+?^=!:${}()|[\]/\\])/g,"\\$1")}function A(t,i){if(i===t)return true;const s=Array.isArray(i),e=Array.isArray(t);let u;if(s&&e){if(i.length!=t.length)return false;for(u=0;u<i.length;u++)if(!A(i[u],t[u]))return false;return true}if(s!=e)return false;if(i&&t&&typeof i==="object"&&typeof t==="object"){const s=i instanceof Date,e=t instanceof Date;if(s&&e)return i.getTime()==t.getTime();if(s!=e)return false;const r=i instanceof RegExp,h=t instanceof RegExp;if(r&&h)return i.toString()==t.toString();if(r!=h)return false;const n=Object.keys(i);for(u=0;u<n.length;u++)if(!Object.prototype.hasOwnProperty.call(t,n[u]))return false;for(u=0;u<n.length;u++)if(!A(t[n[u]],i[n[u]]))return false;return true}else if(i&&t&&typeof i==="function"&&typeof t==="function"){return i.toString()===t.toString()}return false}class m{constructor(t){Object.assign(this,t);while(this.value.slice(0,this.startChangePos)!==this.oldValue.slice(0,this.startChangePos)){--this.oldSelection.start}if(this.insertedCount){while(this.value.slice(this.cursorPos)!==this.oldValue.slice(this.oldSelection.end)){if(this.value.length-this.cursorPos<this.oldValue.length-this.oldSelection.end)++this.oldSelection.end;else++this.cursorPos}}}get startChangePos(){return Math.min(this.cursorPos,this.oldSelection.start)}get insertedCount(){return this.cursorPos-this.startChangePos}get inserted(){return this.value.substr(this.startChangePos,this.insertedCount)}get removedCount(){return Math.max(this.oldSelection.end-this.startChangePos||this.oldValue.length-this.value.length,0)}get removed(){return this.oldValue.substr(this.startChangePos,this.removedCount)}get head(){return this.value.substring(0,this.startChangePos)}get tail(){return this.value.substring(this.startChangePos+this.insertedCount)}get removeDirection(){if(!this.removedCount||this.insertedCount)return v.NONE;return(this.oldSelection.end===this.cursorPos||this.oldSelection.start===this.cursorPos)&&this.oldSelection.end===this.oldSelection.start?v.RIGHT:v.LEFT}}function F(t,i){return new F.InputMask(t,i)}function b(t){if(t==null)throw new Error("mask property should be defined");if(t instanceof RegExp)return F.MaskedRegExp;if(c(t))return F.MaskedPattern;if(t===Date)return F.MaskedDate;if(t===Number)return F.MaskedNumber;if(Array.isArray(t)||t===Array)return F.MaskedDynamic;if(F.Masked&&t.prototype instanceof F.Masked)return t;if(F.Masked&&t instanceof F.Masked)return t.constructor;if(t instanceof Function)return F.MaskedFunction;console.warn("Mask not found for mask",t);return F.Masked}function x(t){if(!t)throw new Error("Options in not defined");if(F.Masked){if(t.prototype instanceof F.Masked)return{mask:t};const{mask:i=undefined,...s}=t instanceof F.Masked?{mask:t}:f(t)&&t.mask instanceof F.Masked?t:{};if(i){const t=i.mask;return{...p(i,((t,i)=>!i.startsWith("_"))),mask:i.constructor,_mask:t,...s}}}if(!f(t))return{mask:t};return{...t}}function k(t){if(F.Masked&&t instanceof F.Masked)return t;const i=x(t);const s=b(i.mask);if(!s)throw new Error("Masked class is not found for provided mask "+i.mask+", appropriate module needs to be imported manually before creating mask.");if(i.mask===s)delete i.mask;if(i._mask){i.mask=i._mask;delete i._mask}return new s(i)}F.createMask=k;class B{get selectionStart(){let t;try{t=this._unsafeSelectionStart}catch{}return t!=null?t:this.value.length}get selectionEnd(){let t;try{t=this._unsafeSelectionEnd}catch{}return t!=null?t:this.value.length}select(t,i){if(t==null||i==null||t===this.selectionStart&&i===this.selectionEnd)return;try{this._unsafeSelect(t,i)}catch{}}get isActive(){return false}}F.MaskElement=B;const w=90;const D=89;class E extends B{constructor(t){super();this.input=t;this._onKeydown=this._onKeydown.bind(this);this._onInput=this._onInput.bind(this);this._onBeforeinput=this._onBeforeinput.bind(this);this._onCompositionEnd=this._onCompositionEnd.bind(this)}get rootElement(){var t,i,s;return(t=(i=(s=this.input).getRootNode)==null?void 0:i.call(s))!=null?t:document}get isActive(){return this.input===this.rootElement.activeElement}bindEvents(t){this.input.addEventListener("keydown",this._onKeydown);this.input.addEventListener("input",this._onInput);this.input.addEventListener("beforeinput",this._onBeforeinput);this.input.addEventListener("compositionend",this._onCompositionEnd);this.input.addEventListener("drop",t.drop);this.input.addEventListener("click",t.click);this.input.addEventListener("focus",t.focus);this.input.addEventListener("blur",t.commit);this._handlers=t}_onKeydown(t){if(this._handlers.redo&&(t.keyCode===w&&t.shiftKey&&(t.metaKey||t.ctrlKey)||t.keyCode===D&&t.ctrlKey)){t.preventDefault();return this._handlers.redo(t)}if(this._handlers.undo&&t.keyCode===w&&(t.metaKey||t.ctrlKey)){t.preventDefault();return this._handlers.undo(t)}if(!t.isComposing)this._handlers.selectionChange(t)}_onBeforeinput(t){if(t.inputType==="historyUndo"&&this._handlers.undo){t.preventDefault();return this._handlers.undo(t)}if(t.inputType==="historyRedo"&&this._handlers.redo){t.preventDefault();return this._handlers.redo(t)}}_onCompositionEnd(t){this._handlers.input(t)}_onInput(t){if(!t.isComposing)this._handlers.input(t)}unbindEvents(){this.input.removeEventListener("keydown",this._onKeydown);this.input.removeEventListener("input",this._onInput);this.input.removeEventListener("beforeinput",this._onBeforeinput);this.input.removeEventListener("compositionend",this._onCompositionEnd);this.input.removeEventListener("drop",this._handlers.drop);this.input.removeEventListener("click",this._handlers.click);this.input.removeEventListener("focus",this._handlers.focus);this.input.removeEventListener("blur",this._handlers.commit);this._handlers={}}}F.HTMLMaskElement=E;class y extends E{constructor(t){super(t);this.input=t}get _unsafeSelectionStart(){return this.input.selectionStart!=null?this.input.selectionStart:this.value.length}get _unsafeSelectionEnd(){return this.input.selectionEnd}_unsafeSelect(t,i){this.input.setSelectionRange(t,i)}get value(){return this.input.value}set value(t){this.input.value=t}}F.HTMLMaskElement=E;class _ extends E{get _unsafeSelectionStart(){const t=this.rootElement;const i=t.getSelection&&t.getSelection();const s=i&&i.anchorOffset;const e=i&&i.focusOffset;if(e==null||s==null||s<e){return s}return e}get _unsafeSelectionEnd(){const t=this.rootElement;const i=t.getSelection&&t.getSelection();const s=i&&i.anchorOffset;const e=i&&i.focusOffset;if(e==null||s==null||s>e){return s}return e}_unsafeSelect(t,i){if(!this.rootElement.createRange)return;const s=this.rootElement.createRange();s.setStart(this.input.firstChild||this.input,t);s.setEnd(this.input.lastChild||this.input,i);const e=this.rootElement;const u=e.getSelection&&e.getSelection();if(u){u.removeAllRanges();u.addRange(s)}}get value(){return this.input.textContent||""}set value(t){this.input.textContent=t}}F.HTMLContenteditableMaskElement=_;class I{constructor(){this.states=[];this.currentIndex=0}get currentState(){return this.states[this.currentIndex]}get isEmpty(){return this.states.length===0}push(t){if(this.currentIndex<this.states.length-1)this.states.length=this.currentIndex+1;this.states.push(t);if(this.states.length>I.MAX_LENGTH)this.states.shift();this.currentIndex=this.states.length-1}go(t){this.currentIndex=Math.min(Math.max(this.currentIndex+t,0),this.states.length-1);return this.currentState}undo(){return this.go(-1)}redo(){return this.go(1)}clear(){this.states.length=0;this.currentIndex=0}}I.MAX_LENGTH=100;class V{constructor(t,i){this.el=t instanceof B?t:t.isContentEditable&&t.tagName!=="INPUT"&&t.tagName!=="TEXTAREA"?new _(t):new y(t);this.masked=k(i);this._listeners={};this._value="";this._unmaskedValue="";this._rawInputValue="";this.history=new I;this._saveSelection=this._saveSelection.bind(this);this._onInput=this._onInput.bind(this);this._onChange=this._onChange.bind(this);this._onDrop=this._onDrop.bind(this);this._onFocus=this._onFocus.bind(this);this._onClick=this._onClick.bind(this);this._onUndo=this._onUndo.bind(this);this._onRedo=this._onRedo.bind(this);this.alignCursor=this.alignCursor.bind(this);this.alignCursorFriendly=this.alignCursorFriendly.bind(this);this._bindEvents();this.updateValue();this._onChange()}maskEquals(t){var i;return t==null||((i=this.masked)==null?void 0:i.maskEquals(t))}get mask(){return this.masked.mask}set mask(t){if(this.maskEquals(t))return;if(!(t instanceof F.Masked)&&this.masked.constructor===b(t)){this.masked.updateOptions({mask:t});return}const i=t instanceof F.Masked?t:k({mask:t});i.unmaskedValue=this.masked.unmaskedValue;this.masked=i}get value(){return this._value}set value(t){if(this.value===t)return;this.masked.value=t;this.updateControl("auto")}get unmaskedValue(){return this._unmaskedValue}set unmaskedValue(t){if(this.unmaskedValue===t)return;this.masked.unmaskedValue=t;this.updateControl("auto")}get rawInputValue(){return this._rawInputValue}set rawInputValue(t){if(this.rawInputValue===t)return;this.masked.rawInputValue=t;this.updateControl();this.alignCursor()}get typedValue(){return this.masked.typedValue}set typedValue(t){if(this.masked.typedValueEquals(t))return;this.masked.typedValue=t;this.updateControl("auto")}get displayValue(){return this.masked.displayValue}_bindEvents(){this.el.bindEvents({selectionChange:this._saveSelection,input:this._onInput,drop:this._onDrop,click:this._onClick,focus:this._onFocus,commit:this._onChange,undo:this._onUndo,redo:this._onRedo})}_unbindEvents(){if(this.el)this.el.unbindEvents()}_fireEvent(t,i){const s=this._listeners[t];if(!s)return;s.forEach((t=>t(i)))}get selectionStart(){return this._cursorChanging?this._changingCursorPos:this.el.selectionStart}get cursorPos(){return this._cursorChanging?this._changingCursorPos:this.el.selectionEnd}set cursorPos(t){if(!this.el||!this.el.isActive)return;this.el.select(t,t);this._saveSelection()}_saveSelection(){if(this.displayValue!==this.el.value){console.warn("Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly.")}this._selection={start:this.selectionStart,end:this.cursorPos}}updateValue(){this.masked.value=this.el.value;this._value=this.masked.value;this._unmaskedValue=this.masked.unmaskedValue;this._rawInputValue=this.masked.rawInputValue}updateControl(t){const i=this.masked.unmaskedValue;const s=this.masked.value;const e=this.masked.rawInputValue;const u=this.displayValue;const r=this.unmaskedValue!==i||this.value!==s||this._rawInputValue!==e;this._unmaskedValue=i;this._value=s;this._rawInputValue=e;if(this.el.value!==u)this.el.value=u;if(t==="auto")this.alignCursor();else if(t!=null)this.cursorPos=t;if(r)this._fireChangeEvents();if(!this._historyChanging&&(r||this.history.isEmpty))this.history.push({unmaskedValue:i,selection:{start:this.selectionStart,end:this.cursorPos}})}updateOptions(t){const{mask:i,...s}=t;const e=!this.maskEquals(i);const u=this.masked.optionsIsChanged(s);if(e)this.mask=i;if(u)this.masked.updateOptions(s);if(e||u)this.updateControl()}updateCursor(t){if(t==null)return;this.cursorPos=t;this._delayUpdateCursor(t)}_delayUpdateCursor(t){this._abortUpdateCursor();this._changingCursorPos=t;this._cursorChanging=setTimeout((()=>{if(!this.el)return;this.cursorPos=this._changingCursorPos;this._abortUpdateCursor()}),10)}_fireChangeEvents(){this._fireEvent("accept",this._inputEvent);if(this.masked.isComplete)this._fireEvent("complete",this._inputEvent)}_abortUpdateCursor(){if(this._cursorChanging){clearTimeout(this._cursorChanging);delete this._cursorChanging}}alignCursor(){this.cursorPos=this.masked.nearestInputPos(this.masked.nearestInputPos(this.cursorPos,v.LEFT))}alignCursorFriendly(){if(this.selectionStart!==this.cursorPos)return;this.alignCursor()}on(t,i){if(!this._listeners[t])this._listeners[t]=[];this._listeners[t].push(i);return this}off(t,i){if(!this._listeners[t])return this;if(!i){delete this._listeners[t];return this}const s=this._listeners[t].indexOf(i);if(s>=0)this._listeners[t].splice(s,1);return this}_onInput(t){this._inputEvent=t;this._abortUpdateCursor();const i=new m({value:this.el.value,cursorPos:this.cursorPos,oldValue:this.displayValue,oldSelection:this._selection});const s=this.masked.rawInputValue;const e=this.masked.splice(i.startChangePos,i.removed.length,i.inserted,i.removeDirection,{input:true,raw:true}).offset;const u=s===this.masked.rawInputValue?i.removeDirection:v.NONE;let r=this.masked.nearestInputPos(i.startChangePos+e,u);if(u!==v.NONE)r=this.masked.nearestInputPos(r,v.NONE);this.updateControl(r);delete this._inputEvent}_onChange(){if(this.displayValue!==this.el.value)this.updateValue();this.masked.doCommit();this.updateControl();this._saveSelection()}_onDrop(t){t.preventDefault();t.stopPropagation()}_onFocus(t){this.alignCursorFriendly()}_onClick(t){this.alignCursorFriendly()}_onUndo(){this._applyHistoryState(this.history.undo())}_onRedo(){this._applyHistoryState(this.history.redo())}_applyHistoryState(t){if(!t)return;this._historyChanging=true;this.unmaskedValue=t.unmaskedValue;this.el.select(t.selection.start,t.selection.end);this._saveSelection();this._historyChanging=false}destroy(){this._unbindEvents();this._listeners.length=0;delete this.el}}F.InputMask=V;class S{static normalize(t){return Array.isArray(t)?t:[t,new S]}constructor(t){Object.assign(this,{inserted:"",rawInserted:"",tailShift:0,skip:false},t)}aggregate(t){this.inserted+=t.inserted;this.rawInserted+=t.rawInserted;this.tailShift+=t.tailShift;this.skip=this.skip||t.skip;return this}get offset(){return this.tailShift+this.inserted.length}get consumed(){return Boolean(this.rawInserted)||this.skip}equals(t){return this.inserted===t.inserted&&this.tailShift===t.tailShift&&this.rawInserted===t.rawInserted&&this.skip===t.skip}}F.ChangeDetails=S;class M{constructor(t,i,s){if(t===void 0){t=""}if(i===void 0){i=0}this.value=t;this.from=i;this.stop=s}toString(){return this.value}extend(t){this.value+=String(t)}appendTo(t){return t.append(this.toString(),{tail:true}).aggregate(t._appendPlaceholder())}get state(){return{value:this.value,from:this.from,stop:this.stop}}set state(t){Object.assign(this,t)}unshift(t){if(!this.value.length||t!=null&&this.from>=t)return"";const i=this.value[0];this.value=this.value.slice(1);return i}shift(){if(!this.value.length)return"";const t=this.value[this.value.length-1];this.value=this.value.slice(0,-1);return t}}class L{constructor(t){this._value="";this._update({...L.DEFAULTS,...t});this._initialized=true}updateOptions(t){if(!this.optionsIsChanged(t))return;this.withValueRefresh(this._update.bind(this,t))}_update(t){Object.assign(this,t)}get state(){return{_value:this.value,_rawInputValue:this.rawInputValue}}set state(t){this._value=t._value}reset(){this._value=""}get value(){return this._value}set value(t){this.resolve(t,{input:true})}resolve(t,i){if(i===void 0){i={input:true}}this.reset();this.append(t,i,"");this.doCommit()}get unmaskedValue(){return this.value}set unmaskedValue(t){this.resolve(t,{})}get typedValue(){return this.parse?this.parse(this.value,this):this.unmaskedValue}set typedValue(t){if(this.format){this.value=this.format(t,this)}else{this.unmaskedValue=String(t)}}get rawInputValue(){return this.extractInput(0,this.displayValue.length,{raw:true})}set rawInputValue(t){this.resolve(t,{raw:true})}get displayValue(){return this.value}get isComplete(){return true}get isFilled(){return this.isComplete}nearestInputPos(t,i){return t}totalInputPositions(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}return Math.min(this.displayValue.length,i-t)}extractInput(t,i,s){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}return this.displayValue.slice(t,i)}extractTail(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}return new M(this.extractInput(t,i),t)}appendTail(t){if(c(t))t=new M(String(t));return t.appendTo(this)}_appendCharRaw(t,i){if(!t)return new S;this._value+=t;return new S({inserted:t,rawInserted:t})}_appendChar(t,i,s){if(i===void 0){i={}}const e=this.state;let u;[t,u]=this.doPrepareChar(t,i);if(t){u=u.aggregate(this._appendCharRaw(t,i));if(!u.rawInserted&&this.autofix==="pad"){const s=this.state;this.state=e;let r=this.pad(i);const h=this._appendCharRaw(t,i);r=r.aggregate(h);if(h.rawInserted||r.equals(u)){u=r}else{this.state=s}}}if(u.inserted){let t;let r=this.doValidate(i)!==false;if(r&&s!=null){const i=this.state;if(this.overwrite===true){t=s.state;for(let t=0;t<u.rawInserted.length;++t){s.unshift(this.displayValue.length-u.tailShift)}}let e=this.appendTail(s);r=e.rawInserted.length===s.toString().length;if(!(r&&e.inserted)&&this.overwrite==="shift"){this.state=i;t=s.state;for(let t=0;t<u.rawInserted.length;++t){s.shift()}e=this.appendTail(s);r=e.rawInserted.length===s.toString().length}if(r&&e.inserted)this.state=i}if(!r){u=new S;this.state=e;if(s&&t)s.state=t}}return u}_appendPlaceholder(){return new S}_appendEager(){return new S}append(t,i,s){if(!c(t))throw new Error("value should be string");const e=c(s)?new M(String(s)):s;if(i!=null&&i.tail)i._beforeTailState=this.state;let u;[t,u]=this.doPrepare(t,i);for(let s=0;s<t.length;++s){const r=this._appendChar(t[s],i,e);if(!r.rawInserted&&!this.doSkipInvalid(t[s],i,e))break;u.aggregate(r)}if((this.eager===true||this.eager==="append")&&i!=null&&i.input&&t){u.aggregate(this._appendEager())}if(e!=null){u.tailShift+=this.appendTail(e).tailShift}return u}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}this._value=this.displayValue.slice(0,t)+this.displayValue.slice(i);return new S}withValueRefresh(t){if(this._refreshing||!this._initialized)return t();this._refreshing=true;const i=this.rawInputValue;const s=this.value;const e=t();this.rawInputValue=i;if(this.value&&this.value!==s&&s.indexOf(this.value)===0){this.append(s.slice(this.displayValue.length),{},"");this.doCommit()}delete this._refreshing;return e}runIsolated(t){if(this._isolated||!this._initialized)return t(this);this._isolated=true;const i=this.state;const s=t(this);this.state=i;delete this._isolated;return s}doSkipInvalid(t,i,s){return Boolean(this.skipInvalid)}doPrepare(t,i){if(i===void 0){i={}}return S.normalize(this.prepare?this.prepare(t,this,i):t)}doPrepareChar(t,i){if(i===void 0){i={}}return S.normalize(this.prepareChar?this.prepareChar(t,this,i):t)}doValidate(t){return(!this.validate||this.validate(this.value,this,t))&&(!this.parent||this.parent.doValidate(t))}doCommit(){if(this.commit)this.commit(this.value,this)}splice(t,i,s,e,u){if(s===void 0){s=""}if(e===void 0){e=v.NONE}if(u===void 0){u={input:true}}const r=t+i;const h=this.extractTail(r);const n=this.eager===true||this.eager==="remove";let o;if(n){e=C(e);o=this.extractInput(0,r,{raw:true})}let a=t;const l=new S;if(e!==v.NONE){a=this.nearestInputPos(t,i>1&&t!==0&&!n?v.NONE:e);l.tailShift=a-t}l.aggregate(this.remove(a));if(n&&e!==v.NONE&&o===this.rawInputValue){if(e===v.FORCE_LEFT){let t;while(o===this.rawInputValue&&(t=this.displayValue.length)){l.aggregate(new S({tailShift:-1})).aggregate(this.remove(t-1))}}else if(e===v.FORCE_RIGHT){h.unshift()}}return l.aggregate(this.append(s,u,h))}maskEquals(t){return this.mask===t}optionsIsChanged(t){return!A(this,t)}typedValueEquals(t){const i=this.typedValue;return t===i||L.EMPTY_VALUES.includes(t)&&L.EMPTY_VALUES.includes(i)||(this.format?this.format(t,this)===this.format(this.typedValue,this):false)}pad(t){return new S}}L.DEFAULTS={skipInvalid:true};L.EMPTY_VALUES=[undefined,null,""];F.Masked=L;class O{constructor(t,i){if(t===void 0){t=[]}if(i===void 0){i=0}this.chunks=t;this.from=i}toString(){return this.chunks.map(String).join("")}extend(t){if(!String(t))return;t=c(t)?new M(String(t)):t;const i=this.chunks[this.chunks.length-1];const s=i&&(i.stop===t.stop||t.stop==null)&&t.from===i.from+i.toString().length;if(t instanceof M){if(s){i.extend(t.toString())}else{this.chunks.push(t)}}else if(t instanceof O){if(t.stop==null){let i;while(t.chunks.length&&t.chunks[0].stop==null){i=t.chunks.shift();i.from+=t.from;this.extend(i)}}if(t.toString()){t.stop=t.blockIndex;this.chunks.push(t)}}}appendTo(t){if(!(t instanceof F.MaskedPattern)){const i=new M(this.toString());return i.appendTo(t)}const i=new S;for(let s=0;s<this.chunks.length;++s){const e=this.chunks[s];const u=t._mapPosToBlock(t.displayValue.length);const r=e.stop;let h;if(r!=null&&(!u||u.index<=r)){if(e instanceof O||t._stops.indexOf(r)>=0){i.aggregate(t._appendPlaceholder(r))}h=e instanceof O&&t._blocks[r]}if(h){const s=h.appendTail(e);i.aggregate(s);const u=e.toString().slice(s.rawInserted.length);if(u)i.aggregate(t.append(u,{tail:true}))}else{i.aggregate(t.append(e.toString(),{tail:true}))}}return i}get state(){return{chunks:this.chunks.map((t=>t.state)),from:this.from,stop:this.stop,blockIndex:this.blockIndex}}set state(t){const{chunks:i,...s}=t;Object.assign(this,s);this.chunks=i.map((t=>{const i="chunks"in t?new O:new M;i.state=t;return i}))}unshift(t){if(!this.chunks.length||t!=null&&this.from>=t)return"";const i=t!=null?t-this.from:t;let s=0;while(s<this.chunks.length){const t=this.chunks[s];const e=t.unshift(i);if(t.toString()){if(!e)break;++s}else{this.chunks.splice(s,1)}if(e)return e}return""}shift(){if(!this.chunks.length)return"";let t=this.chunks.length-1;while(0<=t){const i=this.chunks[t];const s=i.shift();if(i.toString()){if(!s)break;--t}else{this.chunks.splice(t,1)}if(s)return s}return""}}class P{constructor(t,i){this.masked=t;this._log=[];const{offset:s,index:e}=t._mapPosToBlock(i)||(i<0?{index:0,offset:0}:{index:this.masked._blocks.length,offset:0});this.offset=s;this.index=e;this.ok=false}get block(){return this.masked._blocks[this.index]}get pos(){return this.masked._blockStartPos(this.index)+this.offset}get state(){return{index:this.index,offset:this.offset,ok:this.ok}}set state(t){Object.assign(this,t)}pushState(){this._log.push(this.state)}popState(){const t=this._log.pop();if(t)this.state=t;return t}bindBlock(){if(this.block)return;if(this.index<0){this.index=0;this.offset=0}if(this.index>=this.masked._blocks.length){this.index=this.masked._blocks.length-1;this.offset=this.block.displayValue.length}}_pushLeft(t){this.pushState();for(this.bindBlock();0<=this.index;--this.index,this.offset=((i=this.block)==null?void 0:i.displayValue.length)||0){var i;if(t())return this.ok=true}return this.ok=false}_pushRight(t){this.pushState();for(this.bindBlock();this.index<this.masked._blocks.length;++this.index,this.offset=0){if(t())return this.ok=true}return this.ok=false}pushLeftBeforeFilled(){return this._pushLeft((()=>{if(this.block.isFixed||!this.block.value)return;this.offset=this.block.nearestInputPos(this.offset,v.FORCE_LEFT);if(this.offset!==0)return true}))}pushLeftBeforeInput(){return this._pushLeft((()=>{if(this.block.isFixed)return;this.offset=this.block.nearestInputPos(this.offset,v.LEFT);return true}))}pushLeftBeforeRequired(){return this._pushLeft((()=>{if(this.block.isFixed||this.block.isOptional&&!this.block.value)return;this.offset=this.block.nearestInputPos(this.offset,v.LEFT);return true}))}pushRightBeforeFilled(){return this._pushRight((()=>{if(this.block.isFixed||!this.block.value)return;this.offset=this.block.nearestInputPos(this.offset,v.FORCE_RIGHT);if(this.offset!==this.block.value.length)return true}))}pushRightBeforeInput(){return this._pushRight((()=>{if(this.block.isFixed)return;this.offset=this.block.nearestInputPos(this.offset,v.NONE);return true}))}pushRightBeforeRequired(){return this._pushRight((()=>{if(this.block.isFixed||this.block.isOptional&&!this.block.value)return;this.offset=this.block.nearestInputPos(this.offset,v.NONE);return true}))}}class T{constructor(t){Object.assign(this,t);this._value="";this.isFixed=true}get value(){return this._value}get unmaskedValue(){return this.isUnmasking?this.value:""}get rawInputValue(){return this._isRawInput?this.value:""}get displayValue(){return this.value}reset(){this._isRawInput=false;this._value=""}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this._value.length}this._value=this._value.slice(0,t)+this._value.slice(i);if(!this._value)this._isRawInput=false;return new S}nearestInputPos(t,i){if(i===void 0){i=v.NONE}const s=0;const e=this._value.length;switch(i){case v.LEFT:case v.FORCE_LEFT:return s;case v.NONE:case v.RIGHT:case v.FORCE_RIGHT:default:return e}}totalInputPositions(t,i){if(t===void 0){t=0}if(i===void 0){i=this._value.length}return this._isRawInput?i-t:0}extractInput(t,i,s){if(t===void 0){t=0}if(i===void 0){i=this._value.length}if(s===void 0){s={}}return s.raw&&this._isRawInput&&this._value.slice(t,i)||""}get isComplete(){return true}get isFilled(){return Boolean(this._value)}_appendChar(t,i){if(i===void 0){i={}}if(this.isFilled)return new S;const s=this.eager===true||this.eager==="append";const e=this.char===t;const u=e&&(this.isUnmasking||i.input||i.raw)&&(!i.raw||!s)&&!i.tail;const r=new S({inserted:this.char,rawInserted:u?this.char:""});this._value=this.char;this._isRawInput=u&&(i.raw||i.input);return r}_appendEager(){return this._appendChar(this.char,{tail:true})}_appendPlaceholder(){const t=new S;if(this.isFilled)return t;this._value=t.inserted=this.char;return t}extractTail(){return new M("")}appendTail(t){if(c(t))t=new M(String(t));return t.appendTo(this)}append(t,i,s){const e=this._appendChar(t[0],i);if(s!=null){e.tailShift+=this.appendTail(s).tailShift}return e}doCommit(){}get state(){return{_value:this._value,_rawInputValue:this.rawInputValue}}set state(t){this._value=t._value;this._isRawInput=Boolean(t._rawInputValue)}pad(t){return this._appendPlaceholder()}}class R{constructor(t){const{parent:i,isOptional:s,placeholderChar:e,displayChar:u,lazy:r,eager:h,...n}=t;this.masked=k(n);Object.assign(this,{parent:i,isOptional:s,placeholderChar:e,displayChar:u,lazy:r,eager:h})}reset(){this.isFilled=false;this.masked.reset()}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this.value.length}if(t===0&&i>=1){this.isFilled=false;return this.masked.remove(t,i)}return new S}get value(){return this.masked.value||(this.isFilled&&!this.isOptional?this.placeholderChar:"")}get unmaskedValue(){return this.masked.unmaskedValue}get rawInputValue(){return this.masked.rawInputValue}get displayValue(){return this.masked.value&&this.displayChar||this.value}get isComplete(){return Boolean(this.masked.value)||this.isOptional}_appendChar(t,i){if(i===void 0){i={}}if(this.isFilled)return new S;const s=this.masked.state;let e=this.masked._appendChar(t,this.currentMaskFlags(i));if(e.inserted&&this.doValidate(i)===false){e=new S;this.masked.state=s}if(!e.inserted&&!this.isOptional&&!this.lazy&&!i.input){e.inserted=this.placeholderChar}e.skip=!e.inserted&&!this.isOptional;this.isFilled=Boolean(e.inserted);return e}append(t,i,s){return this.masked.append(t,this.currentMaskFlags(i),s)}_appendPlaceholder(){if(this.isFilled||this.isOptional)return new S;this.isFilled=true;return new S({inserted:this.placeholderChar})}_appendEager(){return new S}extractTail(t,i){return this.masked.extractTail(t,i)}appendTail(t){return this.masked.appendTail(t)}extractInput(t,i,s){if(t===void 0){t=0}if(i===void 0){i=this.value.length}return this.masked.extractInput(t,i,s)}nearestInputPos(t,i){if(i===void 0){i=v.NONE}const s=0;const e=this.value.length;const u=Math.min(Math.max(t,s),e);switch(i){case v.LEFT:case v.FORCE_LEFT:return this.isComplete?u:s;case v.RIGHT:case v.FORCE_RIGHT:return this.isComplete?u:e;case v.NONE:default:return u}}totalInputPositions(t,i){if(t===void 0){t=0}if(i===void 0){i=this.value.length}return this.value.slice(t,i).length}doValidate(t){return this.masked.doValidate(this.currentMaskFlags(t))&&(!this.parent||this.parent.doValidate(this.currentMaskFlags(t)))}doCommit(){this.masked.doCommit()}get state(){return{_value:this.value,_rawInputValue:this.rawInputValue,masked:this.masked.state,isFilled:this.isFilled}}set state(t){this.masked.state=t.masked;this.isFilled=t.isFilled}currentMaskFlags(t){var i;return{...t,_beforeTailState:(t==null||(i=t._beforeTailState)==null?void 0:i.masked)||(t==null?void 0:t._beforeTailState)}}pad(t){return new S}}R.DEFAULT_DEFINITIONS={0:/\d/,a:/[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,"*":/./};class N extends L{updateOptions(t){super.updateOptions(t)}_update(t){const i=t.mask;if(i)t.validate=t=>t.search(i)>=0;super._update(t)}}F.MaskedRegExp=N;class H extends L{constructor(t){super({...H.DEFAULTS,...t,definitions:Object.assign({},R.DEFAULT_DEFINITIONS,t==null?void 0:t.definitions)})}updateOptions(t){super.updateOptions(t)}_update(t){t.definitions=Object.assign({},this.definitions,t.definitions);super._update(t);this._rebuildMask()}_rebuildMask(){const t=this.definitions;this._blocks=[];this.exposeBlock=undefined;this._stops=[];this._maskedBlocks={};const i=this.mask;if(!i||!t)return;let s=false;let e=false;for(let u=0;u<i.length;++u){if(this.blocks){const t=i.slice(u);const s=Object.keys(this.blocks).filter((i=>t.indexOf(i)===0));s.sort(((t,i)=>i.length-t.length));const e=s[0];if(e){const{expose:t,repeat:i,...s}=x(this.blocks[e]);const r={lazy:this.lazy,eager:this.eager,placeholderChar:this.placeholderChar,displayChar:this.displayChar,overwrite:this.overwrite,autofix:this.autofix,...s,repeat:i,parent:this};const h=i!=null?new F.RepeatBlock(r):k(r);if(h){this._blocks.push(h);if(t)this.exposeBlock=h;if(!this._maskedBlocks[e])this._maskedBlocks[e]=[];this._maskedBlocks[e].push(this._blocks.length-1)}u+=e.length-1;continue}}let r=i[u];let h=r in t;if(r===H.STOP_CHAR){this._stops.push(this._blocks.length);continue}if(r==="{"||r==="}"){s=!s;continue}if(r==="["||r==="]"){e=!e;continue}if(r===H.ESCAPE_CHAR){++u;r=i[u];if(!r)break;h=false}const n=h?new R({isOptional:e,lazy:this.lazy,eager:this.eager,placeholderChar:this.placeholderChar,displayChar:this.displayChar,...x(t[r]),parent:this}):new T({char:r,eager:this.eager,isUnmasking:s});this._blocks.push(n)}}get state(){return{...super.state,_blocks:this._blocks.map((t=>t.state))}}set state(t){if(!t){this.reset();return}const{_blocks:i,...s}=t;this._blocks.forEach(((t,s)=>t.state=i[s]));super.state=s}reset(){super.reset();this._blocks.forEach((t=>t.reset()))}get isComplete(){return this.exposeBlock?this.exposeBlock.isComplete:this._blocks.every((t=>t.isComplete))}get isFilled(){return this._blocks.every((t=>t.isFilled))}get isFixed(){return this._blocks.every((t=>t.isFixed))}get isOptional(){return this._blocks.every((t=>t.isOptional))}doCommit(){this._blocks.forEach((t=>t.doCommit()));super.doCommit()}get unmaskedValue(){return this.exposeBlock?this.exposeBlock.unmaskedValue:this._blocks.reduce(((t,i)=>t+=i.unmaskedValue),"")}set unmaskedValue(t){if(this.exposeBlock){const i=this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock))+this.exposeBlock.displayValue.length);this.exposeBlock.unmaskedValue=t;this.appendTail(i);this.doCommit()}else super.unmaskedValue=t}get value(){return this.exposeBlock?this.exposeBlock.value:this._blocks.reduce(((t,i)=>t+=i.value),"")}set value(t){if(this.exposeBlock){const i=this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock))+this.exposeBlock.displayValue.length);this.exposeBlock.value=t;this.appendTail(i);this.doCommit()}else super.value=t}get typedValue(){return this.exposeBlock?this.exposeBlock.typedValue:super.typedValue}set typedValue(t){if(this.exposeBlock){const i=this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock))+this.exposeBlock.displayValue.length);this.exposeBlock.typedValue=t;this.appendTail(i);this.doCommit()}else super.typedValue=t}get displayValue(){return this._blocks.reduce(((t,i)=>t+=i.displayValue),"")}appendTail(t){return super.appendTail(t).aggregate(this._appendPlaceholder())}_appendEager(){var t;const i=new S;let s=(t=this._mapPosToBlock(this.displayValue.length))==null?void 0:t.index;if(s==null)return i;if(this._blocks[s].isFilled)++s;for(let t=s;t<this._blocks.length;++t){const s=this._blocks[t]._appendEager();if(!s.inserted)break;i.aggregate(s)}return i}_appendCharRaw(t,i){if(i===void 0){i={}}const s=this._mapPosToBlock(this.displayValue.length);const e=new S;if(!s)return e;for(let r=s.index,h;h=this._blocks[r];++r){var u;const s=h._appendChar(t,{...i,_beforeTailState:(u=i._beforeTailState)==null||(u=u._blocks)==null?void 0:u[r]});e.aggregate(s);if(s.consumed)break}return e}extractTail(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}const s=new O;if(t===i)return s;this._forEachBlocksInRange(t,i,((t,i,e,u)=>{const r=t.extractTail(e,u);r.stop=this._findStopBefore(i);r.from=this._blockStartPos(i);if(r instanceof O)r.blockIndex=i;s.extend(r)}));return s}extractInput(t,i,s){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}if(s===void 0){s={}}if(t===i)return"";let e="";this._forEachBlocksInRange(t,i,((t,i,u,r)=>{e+=t.extractInput(u,r,s)}));return e}_findStopBefore(t){let i;for(let s=0;s<this._stops.length;++s){const e=this._stops[s];if(e<=t)i=e;else break}return i}_appendPlaceholder(t){const i=new S;if(this.lazy&&t==null)return i;const s=this._mapPosToBlock(this.displayValue.length);if(!s)return i;const e=s.index;const u=t!=null?t:this._blocks.length;this._blocks.slice(e,u).forEach((s=>{if(!s.lazy||t!=null){var e;i.aggregate(s._appendPlaceholder((e=s._blocks)==null?void 0:e.length))}}));return i}_mapPosToBlock(t){let i="";for(let s=0;s<this._blocks.length;++s){const e=this._blocks[s];const u=i.length;i+=e.displayValue;if(t<=i.length){return{index:s,offset:t-u}}}}_blockStartPos(t){return this._blocks.slice(0,t).reduce(((t,i)=>t+=i.displayValue.length),0)}_forEachBlocksInRange(t,i,s){if(i===void 0){i=this.displayValue.length}const e=this._mapPosToBlock(t);if(e){const t=this._mapPosToBlock(i);const u=t&&e.index===t.index;const r=e.offset;const h=t&&u?t.offset:this._blocks[e.index].displayValue.length;s(this._blocks[e.index],e.index,r,h);if(t&&!u){for(let i=e.index+1;i<t.index;++i){s(this._blocks[i],i,0,this._blocks[i].displayValue.length)}s(this._blocks[t.index],t.index,0,t.offset)}}}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}const s=super.remove(t,i);this._forEachBlocksInRange(t,i,((t,i,e,u)=>{s.aggregate(t.remove(e,u))}));return s}nearestInputPos(t,i){if(i===void 0){i=v.NONE}if(!this._blocks.length)return 0;const s=new P(this,t);if(i===v.NONE){if(s.pushRightBeforeInput())return s.pos;s.popState();if(s.pushLeftBeforeInput())return s.pos;return this.displayValue.length}if(i===v.LEFT||i===v.FORCE_LEFT){if(i===v.LEFT){s.pushRightBeforeFilled();if(s.ok&&s.pos===t)return t;s.popState()}s.pushLeftBeforeInput();s.pushLeftBeforeRequired();s.pushLeftBeforeFilled();if(i===v.LEFT){s.pushRightBeforeInput();s.pushRightBeforeRequired();if(s.ok&&s.pos<=t)return s.pos;s.popState();if(s.ok&&s.pos<=t)return s.pos;s.popState()}if(s.ok)return s.pos;if(i===v.FORCE_LEFT)return 0;s.popState();if(s.ok)return s.pos;s.popState();if(s.ok)return s.pos;return 0}if(i===v.RIGHT||i===v.FORCE_RIGHT){s.pushRightBeforeInput();s.pushRightBeforeRequired();if(s.pushRightBeforeFilled())return s.pos;if(i===v.FORCE_RIGHT)return this.displayValue.length;s.popState();if(s.ok)return s.pos;s.popState();if(s.ok)return s.pos;return this.nearestInputPos(t,v.LEFT)}return t}totalInputPositions(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}let s=0;this._forEachBlocksInRange(t,i,((t,i,e,u)=>{s+=t.totalInputPositions(e,u)}));return s}maskedBlock(t){return this.maskedBlocks(t)[0]}maskedBlocks(t){const i=this._maskedBlocks[t];if(!i)return[];return i.map((t=>this._blocks[t]))}pad(t){const i=new S;this._forEachBlocksInRange(0,this.displayValue.length,(s=>i.aggregate(s.pad(t))));return i}}H.DEFAULTS={...L.DEFAULTS,lazy:true,placeholderChar:"_"};H.STOP_CHAR="`";H.ESCAPE_CHAR="\\";H.InputDefinition=R;H.FixedDefinition=T;F.MaskedPattern=H;class j extends H{get _matchFrom(){return this.maxLength-String(this.from).length}constructor(t){super(t)}updateOptions(t){super.updateOptions(t)}_update(t){const{to:i=this.to||0,from:s=this.from||0,maxLength:e=this.maxLength||0,autofix:u=this.autofix,...r}=t;this.to=i;this.from=s;this.maxLength=Math.max(String(i).length,e);this.autofix=u;const h=String(this.from).padStart(this.maxLength,"0");const n=String(this.to).padStart(this.maxLength,"0");let o=0;while(o<n.length&&n[o]===h[o])++o;r.mask=n.slice(0,o).replace(/0/g,"\\0")+"0".repeat(this.maxLength-o);super._update(r)}get isComplete(){return super.isComplete&&Boolean(this.value)}boundaries(t){let i="";let s="";const[,e,u]=t.match(/^(\D*)(\d*)(\D*)/)||[];if(u){i="0".repeat(e.length)+u;s="9".repeat(e.length)+u}i=i.padEnd(this.maxLength,"0");s=s.padEnd(this.maxLength,"9");return[i,s]}doPrepareChar(t,i){if(i===void 0){i={}}let s;[t,s]=super.doPrepareChar(t.replace(/\D/g,""),i);if(!t)s.skip=!this.isComplete;return[t,s]}_appendCharRaw(t,i){if(i===void 0){i={}}if(!this.autofix||this.value.length+1>this.maxLength)return super._appendCharRaw(t,i);const s=String(this.from).padStart(this.maxLength,"0");const e=String(this.to).padStart(this.maxLength,"0");const[u,r]=this.boundaries(this.value+t);if(Number(r)<this.from)return super._appendCharRaw(s[this.value.length],i);if(Number(u)>this.to){if(!i.tail&&this.autofix==="pad"&&this.value.length+1<this.maxLength){return super._appendCharRaw(s[this.value.length],i).aggregate(this._appendCharRaw(t,i))}return super._appendCharRaw(e[this.value.length],i)}return super._appendCharRaw(t,i)}doValidate(t){const i=this.value;const s=i.search(/[^0]/);if(s===-1&&i.length<=this._matchFrom)return true;const[e,u]=this.boundaries(i);return this.from<=Number(u)&&Number(e)<=this.to&&super.doValidate(t)}pad(t){const i=new S;if(this.value.length===this.maxLength)return i;const s=this.value;const e=this.maxLength-this.value.length;if(e){this.reset();for(let s=0;s<e;++s){i.aggregate(super._appendCharRaw("0",t))}s.split("").forEach((t=>this._appendCharRaw(t)))}return i}}F.MaskedRange=j;const z="d{.}`m{.}`Y";class Z extends H{static extractPatternOptions(t){const{mask:i,pattern:s,...e}=t;return{...e,mask:c(i)?i:s}}constructor(t){super(Z.extractPatternOptions({...Z.DEFAULTS,...t}))}updateOptions(t){super.updateOptions(t)}_update(t){const{mask:i,pattern:s,blocks:e,...u}={...Z.DEFAULTS,...t};const r=Object.assign({},Z.GET_DEFAULT_BLOCKS());if(t.min)r.Y.from=t.min.getFullYear();if(t.max)r.Y.to=t.max.getFullYear();if(t.min&&t.max&&r.Y.from===r.Y.to){r.m.from=t.min.getMonth()+1;r.m.to=t.max.getMonth()+1;if(r.m.from===r.m.to){r.d.from=t.min.getDate();r.d.to=t.max.getDate()}}Object.assign(r,this.blocks,e);super._update({...u,mask:c(i)?i:s,blocks:r})}doValidate(t){const i=this.date;return super.doValidate(t)&&(!this.isComplete||this.isDateExist(this.value)&&i!=null&&(this.min==null||this.min<=i)&&(this.max==null||i<=this.max))}isDateExist(t){return this.format(this.parse(t,this),this).indexOf(t)>=0}get date(){return this.typedValue}set date(t){this.typedValue=t}get typedValue(){return this.isComplete?super.typedValue:null}set typedValue(t){super.typedValue=t}maskEquals(t){return t===Date||super.maskEquals(t)}optionsIsChanged(t){return super.optionsIsChanged(Z.extractPatternOptions(t))}}Z.GET_DEFAULT_BLOCKS=()=>({d:{mask:j,from:1,to:31,maxLength:2},m:{mask:j,from:1,to:12,maxLength:2},Y:{mask:j,from:1900,to:9999}});Z.DEFAULTS={...H.DEFAULTS,mask:Date,pattern:z,format:(t,i)=>{if(!t)return"";const s=String(t.getDate()).padStart(2,"0");const e=String(t.getMonth()+1).padStart(2,"0");const u=t.getFullYear();return[s,e,u].join(".")},parse:(t,i)=>{const[s,e,u]=t.split(".").map(Number);return new Date(u,e-1,s)}};F.MaskedDate=Z;class q extends L{constructor(t){super({...q.DEFAULTS,...t});this.currentMask=undefined}updateOptions(t){super.updateOptions(t)}_update(t){super._update(t);if("mask"in t){this.exposeMask=undefined;this.compiledMasks=Array.isArray(t.mask)?t.mask.map((t=>{const{expose:i,...s}=x(t);const e=k({overwrite:this._overwrite,eager:this._eager,skipInvalid:this._skipInvalid,...s});if(i)this.exposeMask=e;return e})):[]}}_appendCharRaw(t,i){if(i===void 0){i={}}const s=this._applyDispatch(t,i);if(this.currentMask){s.aggregate(this.currentMask._appendChar(t,this.currentMaskFlags(i)))}return s}_applyDispatch(t,i,s){if(t===void 0){t=""}if(i===void 0){i={}}if(s===void 0){s=""}const e=i.tail&&i._beforeTailState!=null?i._beforeTailState._value:this.value;const u=this.rawInputValue;const r=i.tail&&i._beforeTailState!=null?i._beforeTailState._rawInputValue:u;const h=u.slice(r.length);const n=this.currentMask;const o=new S;const a=n==null?void 0:n.state;this.currentMask=this.doDispatch(t,{...i},s);if(this.currentMask){if(this.currentMask!==n){this.currentMask.reset();if(r){this.currentMask.append(r,{raw:true});o.tailShift=this.currentMask.value.length-e.length}if(h){o.tailShift+=this.currentMask.append(h,{raw:true,tail:true}).tailShift}}else if(a){this.currentMask.state=a}}return o}_appendPlaceholder(){const t=this._applyDispatch();if(this.currentMask){t.aggregate(this.currentMask._appendPlaceholder())}return t}_appendEager(){const t=this._applyDispatch();if(this.currentMask){t.aggregate(this.currentMask._appendEager())}return t}appendTail(t){const i=new S;if(t)i.aggregate(this._applyDispatch("",{},t));return i.aggregate(this.currentMask?this.currentMask.appendTail(t):super.appendTail(t))}currentMaskFlags(t){var i,s;return{...t,_beforeTailState:((i=t._beforeTailState)==null?void 0:i.currentMaskRef)===this.currentMask&&((s=t._beforeTailState)==null?void 0:s.currentMask)||t._beforeTailState}}doDispatch(t,i,s){if(i===void 0){i={}}if(s===void 0){s=""}return this.dispatch(t,this,i,s)}doValidate(t){return super.doValidate(t)&&(!this.currentMask||this.currentMask.doValidate(this.currentMaskFlags(t)))}doPrepare(t,i){if(i===void 0){i={}}let[s,e]=super.doPrepare(t,i);if(this.currentMask){let t;[s,t]=super.doPrepare(s,this.currentMaskFlags(i));e=e.aggregate(t)}return[s,e]}doPrepareChar(t,i){if(i===void 0){i={}}let[s,e]=super.doPrepareChar(t,i);if(this.currentMask){let t;[s,t]=super.doPrepareChar(s,this.currentMaskFlags(i));e=e.aggregate(t)}return[s,e]}reset(){var t;(t=this.currentMask)==null||t.reset();this.compiledMasks.forEach((t=>t.reset()))}get value(){return this.exposeMask?this.exposeMask.value:this.currentMask?this.currentMask.value:""}set value(t){if(this.exposeMask){this.exposeMask.value=t;this.currentMask=this.exposeMask;this._applyDispatch()}else super.value=t}get unmaskedValue(){return this.exposeMask?this.exposeMask.unmaskedValue:this.currentMask?this.currentMask.unmaskedValue:""}set unmaskedValue(t){if(this.exposeMask){this.exposeMask.unmaskedValue=t;this.currentMask=this.exposeMask;this._applyDispatch()}else super.unmaskedValue=t}get typedValue(){return this.exposeMask?this.exposeMask.typedValue:this.currentMask?this.currentMask.typedValue:""}set typedValue(t){if(this.exposeMask){this.exposeMask.typedValue=t;this.currentMask=this.exposeMask;this._applyDispatch();return}let i=String(t);if(this.currentMask){this.currentMask.typedValue=t;i=this.currentMask.unmaskedValue}this.unmaskedValue=i}get displayValue(){return this.currentMask?this.currentMask.displayValue:""}get isComplete(){var t;return Boolean((t=this.currentMask)==null?void 0:t.isComplete)}get isFilled(){var t;return Boolean((t=this.currentMask)==null?void 0:t.isFilled)}remove(t,i){const s=new S;if(this.currentMask){s.aggregate(this.currentMask.remove(t,i)).aggregate(this._applyDispatch())}return s}get state(){var t;return{...super.state,_rawInputValue:this.rawInputValue,compiledMasks:this.compiledMasks.map((t=>t.state)),currentMaskRef:this.currentMask,currentMask:(t=this.currentMask)==null?void 0:t.state}}set state(t){const{compiledMasks:i,currentMaskRef:s,currentMask:e,...u}=t;if(i)this.compiledMasks.forEach(((t,s)=>t.state=i[s]));if(s!=null){this.currentMask=s;this.currentMask.state=e}super.state=u}extractInput(t,i,s){return this.currentMask?this.currentMask.extractInput(t,i,s):""}extractTail(t,i){return this.currentMask?this.currentMask.extractTail(t,i):super.extractTail(t,i)}doCommit(){if(this.currentMask)this.currentMask.doCommit();super.doCommit()}nearestInputPos(t,i){return this.currentMask?this.currentMask.nearestInputPos(t,i):super.nearestInputPos(t,i)}get overwrite(){return this.currentMask?this.currentMask.overwrite:this._overwrite}set overwrite(t){this._overwrite=t}get eager(){return this.currentMask?this.currentMask.eager:this._eager}set eager(t){this._eager=t}get skipInvalid(){return this.currentMask?this.currentMask.skipInvalid:this._skipInvalid}set skipInvalid(t){this._skipInvalid=t}get autofix(){return this.currentMask?this.currentMask.autofix:this._autofix}set autofix(t){this._autofix=t}maskEquals(t){return Array.isArray(t)?this.compiledMasks.every(((i,s)=>{if(!t[s])return;const{mask:e,...u}=t[s];return A(i,u)&&i.maskEquals(e)})):super.maskEquals(t)}typedValueEquals(t){var i;return Boolean((i=this.currentMask)==null?void 0:i.typedValueEquals(t))}}q.DEFAULTS={...L.DEFAULTS,dispatch:(t,i,s,e)=>{if(!i.compiledMasks.length)return;const u=i.rawInputValue;const r=i.compiledMasks.map(((r,h)=>{const n=i.currentMask===r;const o=n?r.displayValue.length:r.nearestInputPos(r.displayValue.length,v.FORCE_LEFT);if(r.rawInputValue!==u){r.reset();r.append(u,{raw:true})}else if(!n){r.remove(o)}r.append(t,i.currentMaskFlags(s));r.appendTail(e);return{index:h,weight:r.rawInputValue.length,totalInputPositions:r.totalInputPositions(0,Math.max(o,r.nearestInputPos(r.displayValue.length,v.FORCE_LEFT)))}}));r.sort(((t,i)=>i.weight-t.weight||i.totalInputPositions-t.totalInputPositions));return i.compiledMasks[r[0].index]}};F.MaskedDynamic=q;class Y extends H{constructor(t){super({...Y.DEFAULTS,...t})}updateOptions(t){super.updateOptions(t)}_update(t){const{enum:i,...s}=t;if(i){const t=i.map((t=>t.length));const e=Math.min(...t);const u=Math.max(...t)-e;s.mask="*".repeat(e);if(u)s.mask+="["+"*".repeat(u)+"]";this.enum=i}super._update(s)}_appendCharRaw(t,i){if(i===void 0){i={}}const s=Math.min(this.nearestInputPos(0,v.FORCE_RIGHT),this.value.length);const e=this.enum.filter((i=>this.matchValue(i,this.unmaskedValue+t,s)));if(e.length){if(e.length===1){this._forEachBlocksInRange(0,this.value.length,((t,s)=>{const u=e[0][s];if(s>=this.value.length||u===t.value)return;t.reset();t._appendChar(u,i)}))}const t=super._appendCharRaw(e[0][this.value.length],i);if(e.length===1){e[0].slice(this.unmaskedValue.length).split("").forEach((i=>t.aggregate(super._appendCharRaw(i))))}return t}return new S({skip:!this.isComplete})}extractTail(t,i){if(t===void 0){t=0}return new M("",t)}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}if(t===i)return new S;const s=Math.min(super.nearestInputPos(0,v.FORCE_RIGHT),this.value.length);let e;for(e=t;e>=0;--e){const t=this.enum.filter((t=>this.matchValue(t,this.value.slice(s,e),s)));if(t.length>1)break}const u=super.remove(e,i);u.tailShift+=e-t;return u}get isComplete(){return this.enum.indexOf(this.value)>=0}}Y.DEFAULTS={...H.DEFAULTS,matchValue:(t,i,s)=>t.indexOf(i,s)===s};F.MaskedEnum=Y;class U extends L{updateOptions(t){super.updateOptions(t)}_update(t){super._update({...t,validate:t.mask})}}F.MaskedFunction=U;var G;class W extends L{constructor(t){super({...W.DEFAULTS,...t})}updateOptions(t){super.updateOptions(t)}_update(t){super._update(t);this._updateRegExps()}_updateRegExps(){const t="^"+(this.allowNegative?"[+|\\-]?":"");const i="\\d*";const s=(this.scale?"("+g(this.radix)+"\\d{0,"+this.scale+"})?":"")+"$";this._numberRegExp=new RegExp(t+i+s);this._mapToRadixRegExp=new RegExp("["+this.mapToRadix.map(g).join("")+"]","g");this._thousandsSeparatorRegExp=new RegExp(g(this.thousandsSeparator),"g")}_removeThousandsSeparators(t){return t.replace(this._thousandsSeparatorRegExp,"")}_insertThousandsSeparators(t){const i=t.split(this.radix);i[0]=i[0].replace(/\B(?=(\d{3})+(?!\d))/g,this.thousandsSeparator);return i.join(this.radix)}doPrepareChar(t,i){if(i===void 0){i={}}const[s,e]=super.doPrepareChar(this._removeThousandsSeparators(this.scale&&this.mapToRadix.length&&(i.input&&i.raw||!i.input&&!i.raw)?t.replace(this._mapToRadixRegExp,this.radix):t),i);if(t&&!s)e.skip=true;if(s&&!this.allowPositive&&!this.value&&s!=="-")e.aggregate(this._appendChar("-"));return[s,e]}_separatorsCount(t,i){if(i===void 0){i=false}let s=0;for(let e=0;e<t;++e){if(this._value.indexOf(this.thousandsSeparator,e)===e){++s;if(i)t+=this.thousandsSeparator.length}}return s}_separatorsCountFromSlice(t){if(t===void 0){t=this._value}return this._separatorsCount(this._removeThousandsSeparators(t).length,true)}extractInput(t,i,s){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}[t,i]=this._adjustRangeWithSeparators(t,i);return this._removeThousandsSeparators(super.extractInput(t,i,s))}_appendCharRaw(t,i){if(i===void 0){i={}}const s=i.tail&&i._beforeTailState?i._beforeTailState._value:this._value;const e=this._separatorsCountFromSlice(s);this._value=this._removeThousandsSeparators(this.value);const u=this._value;this._value+=t;const r=this.number;let h=!isNaN(r);let n=false;if(h){let t;if(this.min!=null&&this.min<0&&this.number<this.min)t=this.min;if(this.max!=null&&this.max>0&&this.number>this.max)t=this.max;if(t!=null){if(this.autofix){this._value=this.format(t,this).replace(W.UNMASKED_RADIX,this.radix);n||(n=u===this._value&&!i.tail)}else{h=false}}h&&(h=Boolean(this._value.match(this._numberRegExp)))}let o;if(!h){this._value=u;o=new S}else{o=new S({inserted:this._value.slice(u.length),rawInserted:n?"":t,skip:n})}this._value=this._insertThousandsSeparators(this._value);const a=i.tail&&i._beforeTailState?i._beforeTailState._value:this._value;const l=this._separatorsCountFromSlice(a);o.tailShift+=(l-e)*this.thousandsSeparator.length;return o}_findSeparatorAround(t){if(this.thousandsSeparator){const i=t-this.thousandsSeparator.length+1;const s=this.value.indexOf(this.thousandsSeparator,i);if(s<=t)return s}return-1}_adjustRangeWithSeparators(t,i){const s=this._findSeparatorAround(t);if(s>=0)t=s;const e=this._findSeparatorAround(i);if(e>=0)i=e+this.thousandsSeparator.length;return[t,i]}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}[t,i]=this._adjustRangeWithSeparators(t,i);const s=this.value.slice(0,t);const e=this.value.slice(i);const u=this._separatorsCount(s.length);this._value=this._insertThousandsSeparators(this._removeThousandsSeparators(s+e));const r=this._separatorsCountFromSlice(s);return new S({tailShift:(r-u)*this.thousandsSeparator.length})}nearestInputPos(t,i){if(!this.thousandsSeparator)return t;switch(i){case v.NONE:case v.LEFT:case v.FORCE_LEFT:{const s=this._findSeparatorAround(t-1);if(s>=0){const e=s+this.thousandsSeparator.length;if(t<e||this.value.length<=e||i===v.FORCE_LEFT){return s}}break}case v.RIGHT:case v.FORCE_RIGHT:{const i=this._findSeparatorAround(t);if(i>=0){return i+this.thousandsSeparator.length}}}return t}doCommit(){if(this.value){const t=this.number;let i=t;if(this.min!=null)i=Math.max(i,this.min);if(this.max!=null)i=Math.min(i,this.max);if(i!==t)this.unmaskedValue=this.format(i,this);let s=this.value;if(this.normalizeZeros)s=this._normalizeZeros(s);if(this.padFractionalZeros&&this.scale>0)s=this._padFractionalZeros(s);this._value=s}super.doCommit()}_normalizeZeros(t){const i=this._removeThousandsSeparators(t).split(this.radix);i[0]=i[0].replace(/^(\D*)(0*)(\d*)/,((t,i,s,e)=>i+e));if(t.length&&!/\d$/.test(i[0]))i[0]=i[0]+"0";if(i.length>1){i[1]=i[1].replace(/0*$/,"");if(!i[1].length)i.length=1}return this._insertThousandsSeparators(i.join(this.radix))}_padFractionalZeros(t){if(!t)return t;const i=t.split(this.radix);if(i.length<2)i.push("");i[1]=i[1].padEnd(this.scale,"0");return i.join(this.radix)}doSkipInvalid(t,i,s){if(i===void 0){i={}}const e=this.scale===0&&t!==this.thousandsSeparator&&(t===this.radix||t===W.UNMASKED_RADIX||this.mapToRadix.includes(t));return super.doSkipInvalid(t,i,s)&&!e}get unmaskedValue(){return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix,W.UNMASKED_RADIX)}set unmaskedValue(t){super.unmaskedValue=t}get typedValue(){return this.parse(this.unmaskedValue,this)}set typedValue(t){this.rawInputValue=this.format(t,this).replace(W.UNMASKED_RADIX,this.radix)}get number(){return this.typedValue}set number(t){this.typedValue=t}get allowNegative(){return this.min!=null&&this.min<0||this.max!=null&&this.max<0}get allowPositive(){return this.min!=null&&this.min>0||this.max!=null&&this.max>0}typedValueEquals(t){return(super.typedValueEquals(t)||W.EMPTY_VALUES.includes(t)&&W.EMPTY_VALUES.includes(this.typedValue))&&!(t===0&&this.value==="")}}G=W;W.UNMASKED_RADIX=".";W.EMPTY_VALUES=[...L.EMPTY_VALUES,0];W.DEFAULTS={...L.DEFAULTS,mask:Number,radix:",",thousandsSeparator:"",mapToRadix:[G.UNMASKED_RADIX],min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,scale:2,normalizeZeros:true,padFractionalZeros:false,parse:Number,format:t=>t.toLocaleString("en-US",{useGrouping:false,maximumFractionDigits:20})};F.MaskedNumber=W;const K={MASKED:"value",UNMASKED:"unmaskedValue",TYPED:"typedValue"};function $(t,i,s){if(i===void 0){i=K.MASKED}if(s===void 0){s=K.MASKED}const e=k(t);return t=>e.runIsolated((e=>{e[i]=t;return e[s]}))}function X(t,i,s,e){return $(i,s,e)(t)}F.PIPE_TYPE=K;F.createPipe=$;F.pipe=X;class J extends H{get repeatFrom(){var t;return(t=Array.isArray(this.repeat)?this.repeat[0]:this.repeat===Infinity?0:this.repeat)!=null?t:0}get repeatTo(){var t;return(t=Array.isArray(this.repeat)?this.repeat[1]:this.repeat)!=null?t:Infinity}constructor(t){super(t)}updateOptions(t){super.updateOptions(t)}_update(t){var i,s,e;const{repeat:u,...r}=x(t);this._blockOpts=Object.assign({},this._blockOpts,r);const h=k(this._blockOpts);this.repeat=(i=(s=u!=null?u:h.repeat)!=null?s:this.repeat)!=null?i:Infinity;super._update({mask:"m".repeat(Math.max(this.repeatTo===Infinity&&((e=this._blocks)==null?void 0:e.length)||0,this.repeatFrom)),blocks:{m:h},eager:h.eager,overwrite:h.overwrite,skipInvalid:h.skipInvalid,lazy:h.lazy,placeholderChar:h.placeholderChar,displayChar:h.displayChar})}_allocateBlock(t){if(t<this._blocks.length)return this._blocks[t];if(this.repeatTo===Infinity||this._blocks.length<this.repeatTo){this._blocks.push(k(this._blockOpts));this.mask+="m";return this._blocks[this._blocks.length-1]}}_appendCharRaw(t,i){if(i===void 0){i={}}const s=new S;for(let n=(e=(u=this._mapPosToBlock(this.displayValue.length))==null?void 0:u.index)!=null?e:Math.max(this._blocks.length-1,0),o,a;o=(r=this._blocks[n])!=null?r:a=!a&&this._allocateBlock(n);++n){var e,u,r,h;const l=o._appendChar(t,{...i,_beforeTailState:(h=i._beforeTailState)==null||(h=h._blocks)==null?void 0:h[n]});if(l.skip&&a){this._blocks.pop();this.mask=this.mask.slice(1);break}s.aggregate(l);if(l.consumed)break}return s}_trimEmptyTail(t,i){var s,e;if(t===void 0){t=0}const u=Math.max(((s=this._mapPosToBlock(t))==null?void 0:s.index)||0,this.repeatFrom,0);let r;if(i!=null)r=(e=this._mapPosToBlock(i))==null?void 0:e.index;if(r==null)r=this._blocks.length-1;let h=0;for(let t=r;u<=t;--t,++h){if(this._blocks[t].unmaskedValue)break}if(h){this._blocks.splice(r-h+1,h);this.mask=this.mask.slice(h)}}reset(){super.reset();this._trimEmptyTail()}remove(t,i){if(t===void 0){t=0}if(i===void 0){i=this.displayValue.length}const s=super.remove(t,i);this._trimEmptyTail(t,i);return s}totalInputPositions(t,i){if(t===void 0){t=0}if(i==null&&this.repeatTo===Infinity)return Infinity;return super.totalInputPositions(t,i)}get state(){return super.state}set state(t){this._blocks.length=t._blocks.length;this.mask=this.mask.slice(0,this._blocks.length);super.state=t}}F.RepeatBlock=J;try{globalThis.IMask=F}catch{}const Q=()=>`verdocs-kba-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog .step{margin-left:6px;color:#666}verdocs-kba-dialog .help-box{background-color:#707ae5;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:14px;-ms-flex-align:center;align-items:center;color:white}verdocs-kba-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:15px;font-size:14px}verdocs-kba-dialog .help-icon{width:40px;height:40px}verdocs-kba-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-kba-dialog .help-text{font-weight:400}verdocs-kba-dialog .input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:10px;-ms-flex-align:center;align-items:center;margin:16px 0 32px}verdocs-kba-dialog .input label{-ms-flex:0;flex:0;line-height:10px;font-weight:500;white-space:nowrap}verdocs-kba-dialog .input input{-ms-flex:1;flex:1;padding:5px 8px;border-radius:3px;border:1px solid #cccccc}verdocs-kba-dialog .field{gap:10px;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;margin:0 0 4px 0}verdocs-kba-dialog .field verdocs-text-input{width:100%;margin-bottom:0}verdocs-kba-dialog .field verdocs-text-input .input-element{color:#5f5c5c;font-size:14px}verdocs-kba-dialog .field verdocs-select-input{width:100%;margin-bottom:0}verdocs-kba-dialog .field input.date-input{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:34px;padding:0 9px;outline:none}verdocs-kba-dialog .field .required{color:red;position:relative;top:-0.5em;font-size:80%}verdocs-kba-dialog .field label{-ms-flex:0 0 120px;flex:0 0 120px;font-size:12px;font-weight:500;line-height:10px;text-align:right;white-space:nowrap}verdocs-kba-dialog .field verdocs-date-input{width:40%;-ms-flex-positive:1;flex-grow:1}verdocs-kba-dialog .field verdocs-date-input input{width:100%;color:#5f5c5c;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog .field.agree span{margin-top:8px;font-size:12px;line-height:14px;font-style:italic}verdocs-kba-dialog .choices{display:grid;gap:15px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));margin:15px 0}verdocs-kba-dialog .choice{border:1px solid #707ae5;border-radius:5px;display:-ms-flexbox;display:flex;height:60px;font-size:14px;padding:0 5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;color:#5c6575;cursor:pointer}verdocs-kba-dialog .choice.selected{background-color:#707ae5;color:#ffffff}verdocs-kba-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-kba-dialog .buttons verdocs-button{margin-left:16px}`;const tt={AL:"Alabama",AK:"Alaska",AS:"American Samoa",AZ:"Arizona",AR:"Arkansas",CA:"California",CO:"Colorado",CT:"Connecticut",DE:"Delaware",DC:"District Of Columbia",FM:"Federated States Of Micronesia",FL:"Florida",GA:"Georgia",GU:"Guam",HI:"Hawaii",ID:"Idaho",IL:"Illinois",IN:"Indiana",IA:"Iowa",KS:"Kansas",KY:"Kentucky",LA:"Louisiana",ME:"Maine",MH:"Marshall Islands",MD:"Maryland",MA:"Massachusetts",MI:"Michigan",MN:"Minnesota",MS:"Mississippi",MO:"Missouri",MT:"Montana",NE:"Nebraska",NV:"Nevada",NH:"New Hampshire",NJ:"New Jersey",NM:"New Mexico",NY:"New York",NC:"North Carolina",ND:"North Dakota",MP:"Northern Mariana Islands",OH:"Ohio",OK:"Oklahoma",OR:"Oregon",PW:"Palau",PA:"Pennsylvania",PR:"Puerto Rico",RI:"Rhode Island",SC:"South Carolina",SD:"South Dakota",TN:"Tennessee",TX:"Texas",UT:"Utah",VT:"Vermont",VI:"Virgin Islands",VA:"Virginia",WA:"Washington",WV:"West Virginia",WI:"Wisconsin",WY:"Wyoming"};const it=Object.entries(tt).map((([t,i])=>({value:t,label:i})));const st=`<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z" fill="white"/><path d="M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z" fill="#E7E7E7"/></svg>`;const et=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.exit=s(this,"exit");this.pinEntered=s(this,"pinEntered");this.next=s(this,"next");this.step=1;this.steps=3;this.helptitle="Previous Addresses";this.helptext="Please select the address below that you have most recently lived at.";this.mode="choice";this.label="PIN";this.placeholder="Enter your PIN...";this.recipient=null;this.choices=["553 Arbor Dr","18 Lacey Ln","23A Ball Ct","2375 Cavallo Blvd","23-1 RR-7","151 Boulder Rd"];this.agreed=false;this.response="";this.updatedRecipient=null;this.dobContainerId=`verdocs-date-input-${Math.random().toString(36).substring(2,11)}`}componentWillLoad(){this.updatedRecipient={...this.recipient||{}}}componentDidRender(){F(document.getElementById(this.dobContainerId),{mask:Date,min:new Date(1920,0,1),max:new Date(Date.now()-86400*18*365*1e3),lazy:false,pattern:"m/d/Y",format:function(t){var i=t.getDate();var s=t.getMonth()+1;var e=t.getFullYear();if(i<10)i="0"+i;if(s<10)s="0"+s;return[s,i,e].join("/")},parse:function(t){const i=t.split("/");return new Date(i[2],i[0]-1,i[1])}})}handleCancel(){this.exit.emit()}handleDismiss(t){if(t.target.class==="background-overlay"){t.preventDefault();this.handleCancel()}}handleDone(){this.next.emit(this.response);this.response=""}handleConfirmID(){console.log("Confirm ID",this.updatedRecipient);this.next.emit(this.updatedRecipient)}render(){var t,i,s,r,h,n,o,a,l,d,c,f,p,v;if(this.mode==="choice"){return e("verdocs-dialog",null,e("div",{slot:"heading",class:"heading"},e("div",{class:"icon"},e("svg",{width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"clip-path":"url(#clip0_34208_4881)"},e("path",{d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z",fill:"white"})),e("defs",null,e("clipPath",{id:"clip0_34208_4881"},e("path",{d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),e("div",{class:"title"},"Please Confirm Your Identity",this.steps>1?e("span",{class:"step"},"(",this.step,"/",this.steps,")"):e(u,null))),e("div",{slot:"content",class:"content"},!!this.helptitle&&e("div",{class:"help-box"},e("div",{class:"help-icon",innerHTML:st}),e("div",{class:"help-details"},e("div",{class:"help-title"},this.helptitle),e("div",{class:"help-text"},this.helptext))),e("div",{class:"choices"},this.choices.map((t=>e("div",{class:`choice ${t===this.response?"selected":""}`,onClick:()=>{console.log("Selected",t);this.response=t}},t))))),e("div",{class:"footer",slot:"footer"},e("div",{class:"buttons"},e("verdocs-button",{label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),e("verdocs-button",{label:this.step<this.steps?"Next":"Submit",onClick:()=>this.handleDone(),disabled:!this.response}))))}if(this.mode==="identity"){return e("verdocs-dialog",null,e("div",{slot:"heading",class:"heading"},e("div",{class:"icon"},e("svg",{width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"clip-path":"url(#clip0_34208_4881)"},e("path",{d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z",fill:"white"})),e("defs",null,e("clipPath",{id:"clip0_34208_4881"},e("path",{d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),e("div",{class:"title"},"Please Confirm Your Identity",this.steps>1?e("span",{class:"step"},"(",this.step,"/",this.steps,")"):e(u,null))),e("div",{class:"heading"},"Please Confirm Your Identity",this.steps>1?e("span",{class:"step"},"(",this.step,"/",this.steps,")"):e(u,null)),e("div",{slot:"content",class:"content"},e("div",{class:"field"},e("label",{htmlFor:"verdocs-kba-first"},"Your Name:",e("span",{class:"required"},"*")),e("verdocs-text-input",{placeholder:"First name...",value:(t=this.updatedRecipient)===null||t===void 0?void 0:t.first_name,onInput:t=>this.updatedRecipient={...this.updatedRecipient,first_name:t.target.value},onClick:t=>t.stopPropagation()}),e("verdocs-text-input",{placeholder:"Last name...",value:(i=this.updatedRecipient)===null||i===void 0?void 0:i.last_name,onInput:t=>this.updatedRecipient={...this.updatedRecipient,last_name:t.target.value},onClick:t=>t.stopPropagation()})),e("div",{class:"field"},e("label",{htmlFor:"verdocs-kba-address"},"Address:",e("span",{class:"required"},"*")),e("verdocs-text-input",{placeholder:"Address...",value:(s=this.updatedRecipient)===null||s===void 0?void 0:s.address,onInput:t=>this.updatedRecipient={...this.updatedRecipient,address:t.target.value},onClick:t=>t.stopPropagation()})),e("div",{class:"field"},e("label",{htmlFor:"verdocs-kba-city"},"City:"),e("verdocs-text-input",{placeholder:"City...",value:(r=this.updatedRecipient)===null||r===void 0?void 0:r.city,onInput:t=>this.updatedRecipient={...this.updatedRecipient,city:t.target.value},onClick:t=>t.stopPropagation()})),e("div",{class:"field"},e("label",{htmlFor:"verdocs-kba-state"},"State:"),e("verdocs-select-input",{options:it,value:(h=this.updatedRecipient)===null||h===void 0?void 0:h.state,onInput:t=>this.updatedRecipient={...this.updatedRecipient,state:t.target.value}})),e("div",{class:"field"},e("label",{htmlFor:"verdocs-kba-zip"},"Zip Code:",e("span",{class:"required"},"*")),e("verdocs-text-input",{required:true,placeholder:"Zip Code...",value:(n=this.updatedRecipient)===null||n===void 0?void 0:n.zip,onInput:t=>this.updatedRecipient={...this.updatedRecipient,zip:t.target.value},onClick:t=>t.stopPropagation()})),e("div",{class:"field"},e("label",{htmlFor:"verdocs-kba-ssn"},"SSN Last 4:",e("span",{class:"required"},"*")),e("verdocs-text-input",{placeholder:"Last 4 digits of your Social Security Number...",required:true,value:(o=this.updatedRecipient)===null||o===void 0?void 0:o.ssn_last_4,onInput:t=>this.updatedRecipient={...this.updatedRecipient,ssn_last_4:t.target.value},onClick:t=>t.stopPropagation()})),e("div",{class:"field"},e("label",{htmlFor:this.dobContainerId},"Date of Birth:",e("span",{class:"required"},"*")),e("input",{type:"text",class:"date-input",value:((a=this.updatedRecipient)===null||a===void 0?void 0:a.dob)||"",id:this.dobContainerId,placeholder:"DOB...",onInput:t=>{t.stopPropagation()},onBlur:t=>{this.updatedRecipient={...this.updatedRecipient,dob:t.target.value}}})),e("div",{class:"field agree"},e("label",null),e("verdocs-checkbox",{id:"verdocs-kba-agree",name:"verdocs-kba-agree",checked:this.agreed,onInput:t=>this.agreed=t.target.checked}),e("span",null,"I agree to provide my personal information in order to validate my identity."))),e("div",{class:"footer",slot:"footer"},e("div",{class:"buttons"},e("verdocs-button",{label:"Submit",onClick:()=>this.handleConfirmID(),disabled:!this.agreed||!((l=this.updatedRecipient)===null||l===void 0?void 0:l.first_name)||!((d=this.updatedRecipient)===null||d===void 0?void 0:d.last_name)||!((c=this.updatedRecipient)===null||c===void 0?void 0:c.address)||!((f=this.updatedRecipient)===null||f===void 0?void 0:f.zip)||!((p=this.updatedRecipient)===null||p===void 0?void 0:p.ssn_last_4)||!((v=this.updatedRecipient)===null||v===void 0?void 0:v.dob)}))))}return e("verdocs-dialog",null,e("div",{class:"heading"},"Please Confirm Your Identity",this.steps>1?e("span",{class:"step"},"(",this.step,"/",this.steps,")"):e(u,null)),e("div",{slot:"content",class:"content"},!!this.helptitle&&e("div",{class:"help-box"},e("div",{class:"help-icon",innerHTML:st}),e("div",{class:"help-details"},e("div",{class:"help-title"},this.helptitle),e("div",{class:"help-text"},this.helptext))),e("div",{class:"input"},e("label",{htmlFor:"verdocs-kba-input"},this.label),e("input",{type:"text",id:"verdocs-kba-input",name:"verdocs-kba-input",placeholder:this.placeholder,value:this.response,onInput:t=>this.response=t.target.value}))),e("div",{class:"footer",slot:"footer"},e("div",{class:"buttons"},e("verdocs-button",{label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),e("verdocs-button",{label:"Submit",onClick:()=>this.handleDone(),disabled:!this.response}))))}static get style(){return Q()}},[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],recipient:[16],choices:[16],agreed:[32],response:[32],updatedRecipient:[32],dobContainerId:[32]}]);function ut(){if(typeof customElements==="undefined"){return}const t=["verdocs-kba-dialog","verdocs-button","verdocs-checkbox","verdocs-dialog","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];t.forEach((t=>{switch(t){case"verdocs-kba-dialog":if(!customElements.get(r(t))){customElements.define(r(t),et)}break;case"verdocs-button":if(!customElements.get(r(t))){h()}break;case"verdocs-checkbox":if(!customElements.get(r(t))){n()}break;case"verdocs-dialog":if(!customElements.get(r(t))){o()}break;case"verdocs-help-icon":if(!customElements.get(r(t))){a()}break;case"verdocs-select-input":if(!customElements.get(r(t))){l()}break;case"verdocs-text-input":if(!customElements.get(r(t))){d()}break}}))}export{et as V,ut as d};
+//# sourceMappingURL=p-CEkRxfcu.js.map